*,p,ul,h3{
    margin:0;
    padding:0;
    font-family: "Microsoft YaHei", sans-serif, Arial;
}
ul li,ol li{
    list-style: none;
}
input[type="tel"]{
    border:none;
    outline: none;
}
.scale{
    animation: scale 1s;
    -moz-animation: scale 1s;	/* Firefox */
    -webkit-animation: scale 1s;	/* Safari 和 Chrome */
    -o-animation: scale 1s;	/* Opera */
    animation-fill-mode : forwards;
}
.unscale{
    animation: unscale 1s;
    -moz-animation: unscale 1s;	/* Firefox */
    -webkit-animation: unscale 1s;	/* Safari 和 Chrome */
    -o-animation: unscale 1s;	/* Opera */
    animation-fill-mode : forwards;
}
.tc{
    text-align: center;
}
.f30{
    font-size:30px;
}
.f50{
    font-size:50px;
}
.logo{
    height:38px;
    width:138px;
}
/*重做导航条*/
.navTab{
    width:100%;
    height:70px;
    background: #2f2f2f;
    font-size:16px;
    z-index: 999;
    position: absolute;
    top: 0;
}
.navTab .container{
    height:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
}
.navTab-list{
    display: flex;
    align-items: center;
    margin-left:30px;
}
.navTab-list li a{
    color:white;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
}
.navTab-list li.change a{
    color:#4b9dff;
}
.navTab-list li:hover a{
    color:#4b9dff;
}
.call{
    display: flex;
    align-items: center;
    color:white;
}

.call a{
    margin:10px 0 10px 10px ;
    display: block;
    height:30px;
    line-height:30px;
    width:80px;
    background: white;
    text-align: center;
    color:#2B90ED;
    border-radius: 2px;
    text-decoration: none;
    cursor:pointer;
}
.call a:nth-child(2){
    background:#2B90ED;
    color:white;
}
.call a:nth-child(1):hover,.call a:nth-child(3):hover{
    background: #2B90ED;
    color:white;
}
.call a:first-child{
    margin:10px 0 10px 0;
}

.call a:nth-child(2):hover{
    background: #5CB0FD;
}
.call a:last-child{
    margin-left:20px;
}
.call h3{
    font-size:20px;
}
.call img{
    height:24px;
    margin-right:5px;
}
.call p{
    font-size: 14px;
    margin-bottom: 2px;
}

/*注册登录*/
.memberWrap{
    color:white;
    font-size:16px;
}
.memberWrap a{
    color:white;
    text-decoration:none;
}
.memberWrap a:hover{
    color:#4b9dff;
}
.register{
    cursor: pointer;
}
.login{
    cursor: pointer;
    padding-right:10px;
}

/*试用*/
.try{
    margin-top:100px;
}
.try-tittle{
    font-size:30px;
    text-align: center;
}
.promptly{
    display: block;
    height: 40px;
    line-height: 40px;
    width: 160px;
    text-align: center;
    background: white;
    color: #197ffd;
    font-size: 16px;
    margin: 20px auto;
    border-radius: 30px;
    cursor:pointer;
    border:1px solid #197ffd;
}
.promptly:hover{
    border:1px solid #197ffd;
    color:white;
    background: #197ffd;
    text-decoration: none;
}

/*//底部*/
.footer{
    background: #2f2f2f;
}
.serve-wrap{
    border-bottom:1px solid #525252;
    margin:0 auto;
}
.scheme-wrap .container>p{
    color:#999999;
    font-size:16px;
    line-height:24px;
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.scheme-wrap .container>p img{
    height:24px;
    margin-left:5px;
}
.serve{
    margin:0 auto;
    color:#A9A9A9;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap:wrap;
}
.serve-class{
    width:200px;
    height:100px;
    line-height:100px;
    font-size:16px;
    white-space: nowrap;
}
.serve-class img{
    margin-right:15px;
}
.scheme{
    width:100%;
    margin:0 auto;
    background:#2f2f2f ;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap:wrap;
    font-size:14px;
}
.scheme ul{
    color:#a8a8a8;
    width:200px;
    margin:40px 0;
}
.scheme ul:nth-child(3),.scheme ul:nth-child(4){
    margin:0;
}
.scheme ul li{
    line-height:30px;
}
.scheme ul li:first-child{
    color:#fefefe;
    font-size:16px;
}
.scheme ul li a{
    color:#a8a8a8;
    font-size:16px;
}
.scheme ul li a:hover{
    text-decoration: none;
}
.hotLine{
    width:200px;
    margin:40px 0;
    color:white;

}
.hotLine img {
    height:24px;
    margin-right:10px;
}
.hotLine h3{
    margin:0;
    display: flex;
    align-items: center;
}
.hotLine p{
    margin:13px 0;
    color:#A9A9A9;
    font-size:16px;
}
.service{
    height:40px;
    width:120px;
    border-radius: 20px;
    text-align: center;
    line-height:40px;
    background: #197FFD;
    color:white;
    cursor:pointer;
}
.service:hover{
    background: white;
    color:#197FFD;
}
/*固定底部*/
.footerTab{
    position:fixed;
    width:100%;
    bottom:0;
    height:60px;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: space-around;
    background: #2f2f2f;
    border-top:1px solid #a8a8a8;
}
.footerTab a:hover{
    text-decoration: none;
}
.footerTab a:hover p{
    color:#fefefe;
}
.footer-class{
    text-align: center;

}
.footer-class img{
    height:24px;
    width:24px;
    border-radius: 2px;
    margin:2px 0;
}
.footer-class p{
    color:#a8a8a8;
    font-size:14px;
    height:20px;
    line-height:20px;
	margin-bottom: auto;
}
.footer-class p.change{
    color:#fefefe;
}

/*回到顶部*/
.roof{
    text-align: center;
    position:fixed;
    right: 20px;
    bottom: 70px;
    cursor:pointer;
    z-index: 9999;
    display: none;
}
.roof p{
    color:#197ffd;
    text-align: center;
    margin-top:15px;
}

/*申请信息*/
.submit{
    position:fixed;
    top:50%;
    border:5px solid #197ffd;
    padding:34px 100px;
    left:50%;

    /* min-width:550px; */
	width: 674px;

 
    transform: translate(-50%,-50%);
    background: white;
    display: none;
    z-index: 1000;
}
.submit img{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}
.submit h3{
    font-size:20px;
    margin-top:0;
    font-weight: bold;
    text-align: center;
    color:#197ffd;
}
.submit>p{
    margin:20px 0;
    color:#666;
    font-size:14px;
}
.input-class{
    display: flex;
    align-items: center;
    justify-content: left;
    height:40px;
    margin-bottom:20px;
}
.input-class:last-child{
    margin-bottom:0;
}
.input-head{
    width:70px;
    font-size:16px;
}
.input-head span{
    color:red;
}
.input-body{
    height:40px;
    width:calc(100% - 70px);
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;

	
}

.input-body input[type="text"]{
    outline: none;
    height:40px;

    border-radius: 2px;
    padding-left:5px;
    width:100%;
    font-size:14px;
    border:1px solid #ccc;
}
.input-body input[type="checkbox"]{
    margin: 0 5px 0 0;
    height:16px;
    width:16px;
    background: url("../img/check.png") no-repeat;
    background-size: contain ;
    border:none;
    -webkit-appearance:none;
    outline: none;
}
.input-body input[type="checkbox"]:checked{
    background: url("../img/checked.png") no-repeat;
    background-size: contain ;
}
.input-class .input-body>div{
    width:100%;
    height:40px;
    text-align: center;
    background: #ff9c1b;
    color:white;
    line-height:40px;
    border-radius: 4px;
}
.prod .input-head{
    margin-bottom:10px;
    width:100%;
}
.prod .input-body{
    height:auto;
    width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin-bottom:20px;
}
.checkboxClass>p{
    display: flex;
    align-items: center;
}
.checkboxClass>p:nth-child(1){
    margin-bottom:15px;
}
.verify{
    display: block;
}
.verify input{
    width:100%;
    float:left;
}
.verify .send,.verify .nub{
    display: inline-block;
    float:right;
    width:120px;
    padding:0 10px;
    background: #ff9c1b;
    position:absolute;

    right:-6px;
    font-size:14px;
    border-radius: 0 2px 2px 0;
    height:41px;

    color:white;
    line-height:40px;
    cursor: pointer;
    text-align: center;
}
.verify .nub{
    background: white;
    border:1px solid #ccc;
    color:#333;
    display: none;
}
.sex input[type="text"]{
    width:calc(100% - 150px);
}
.sex input[type="radio"]{
    margin:0 5px 0 20px;
}
.subApply{
    width:100%;
    cursor:pointer;
    border-radius: 4px;
    height:40px;
    color:white;
    line-height:40px;
    text-align: center;
    background: #ff9c1b;
    font-size:16px;
}
.shadow{
    position:fixed;
    top:0;
    left:0;
    z-index: 999;
    display: none;
	width: 100%;
	height: 100%;
}
/*快速申请*/
.fastApplyWrap{
    background: white;
}
.fastApply{
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
}
.fastApply input{
    height:40px;
    line-height:40px;
    outline: none;
    padding-left:10px;
    border-radius: 4px;
    border:1px solid #ccc;
    font-size:16px;
    margin: 10px 20px 10px 0;
}
.fastApply input:focus{
    border:1px solid #197FFD;
    outline:none;
}
.fastApply .apply{
    margin: 10px 20px 10px 0;
    height:40px;
    line-height:40px;
    width:140px;
    text-align: center;
    background: #197FFD;
    color:white;
    border-radius: 4px;
    cursor: pointer;
    font-size:16px;
}
.fastApply .apply:hover{
    background: white;
    border:1px solid #197FFD;
    color:#197FFD;
}
/*媒体查询*/
@media (min-width: 768px) and (max-width: 992px) {
    /*nav*/
    .navbar-default {
        margin: 0 auto;
    }
    .common-container > .navbar-header {
        margin: 0 auto;
    }
    .memberWrap{
        display: none;
    }
    .call{
        display: none;
    }
    /*试用*/
    .try-tittle{
        font-size:25px;
    }

    /*底部*/
    .serve{

        justify-content: space-between;
    }
    .scheme{

        justify-content: space-between;
    }

}
@media screen and (max-width: 767px) {
    .f30{
        font-size:25px;
    }
	.f50{
		font-size:25px;
	}
    .call a{
        background: transparent;
    }
    .call a:nth-child(1):hover{
        background: transparent;
    }
    /*nav*/
    .navTab-list{
        display: none;
    }
    .navTab .container{
        padding:0;
       justify-content: space-between;
    }
    .memberWrap{
        display: none;
    }
    .fastApply{
        justify-content: flex-start;
        margin-bottom:10px;
    }
    .fastApply input{
        width:100%;
        margin:10px 0;
    }
    .fastApply .apply{
        margin:10px auto;
    }
    /*试用*/
    .try{
        margin:45px 0;
    }
    .try-tittle{
        font-size:25px;
    }
    .submit{
        padding:50px 10px;
        width:90%;
    }
    /*底部*/
    .footer{
        margin-bottom: 60px;
    }
    .serve{
        padding:0 50px;
        justify-content: center;
    }
    .serve-class{
        width:200px;
    }
    .scheme{
        padding:0 50px;
        justify-content: center;
    }
    .scheme ul{
        width:200px;
    }
    /*回到底部*/
    .roof{
        display: none;
    }
    /*弹窗*/
    .submit{
        padding:30px 10px;
    }
    .submit img{
        top: 5px;
        right: 5px;
    }
    .submit h3 {
        margin: 0 0 20px 0;
    }

    .footerTab{
        display: flex;
    }
    .scheme-wrap .container>p{
        display: block;
        height:auto;
        text-align: center;
    }
    .scheme-wrap{
        padding:10px 0;
    }
    .fastApply{
        padding:0;
    }
}

/*运动*/
@keyframes bannerLeft
{
    from {left:-1000px}
    to {left:0}
}
@keyframes bannerRight
{
    from {right:-1000px}
    to {right:0}
}
@keyframes opacity
{
    from {opacity:0}
    to {opacity:1}
}

@keyframes discountsLeft
{
    from {
        opacity:0;
        left:-800px;
    }
    to {
        opacity:1;
        left: 200px;
    }
}
@keyframes discountsRight
{
    from {
        opacity:0;
        right:-930px;
    }
    to {
        opacity:1;
        right: 70px;
    }
}
@keyframes smallDiscountsLeft
{
    from {
        opacity:0;
        left: -450px;
    }
    to {
        opacity:1;
        left: 50px;
    }
}
@keyframes smallDiscountsRight
{
    from {
        opacity:0;
        right: -514px;
    }
    to {
        opacity:1;
        right:-14px;
    }
}
@keyframes scale
{
    from {
        transform:scale(1);
    }
    to {
        transform:scale(0.9);
    }
}
@keyframes unscale
{
    from {
        transform:scale(0.9);
    }
    to {
        transform:scale(1);
    }
}

.opacity{
    animation: opacity 1s;
    -moz-animation: opacity 1s;	/* Firefox */
    -webkit-animation: opacity 1s;	/* Safari 和 Chrome */
    -o-animation: opacity 1s;	/* Opera */
    animation-fill-mode : forwards;
}


/* 新底部样式 */
.bottom-Form{
		width: 100%;
		padding: 20px;
		background: #266df0;
		margin-top: 80px;
		    margin-bottom: 60px;
	}
	.bottom-Form-Title{
		font-size: 28px;
		color: #FFFFFF;
		text-align: center;
	}
	
	
	.userName{
			width: 100%;
			height: 60px;
		
		}
		.userName input{
			height: 40px;
			width: 100%;
			padding: 0 10px;
			outline: none;
			border: none;
		}
		.userPhone{
			width: 100%;
			height: 60px;
		}
		.userPhone input{
			height: 40px;
			width: 100%;
			padding: 0 10px;
			outline: none;
			border: none;
		}
		.form-botton{
			width: 100%;
			display: flex;
			height: 40px;
			margin-bottom: 60px;
			justify-content: space-between;
		}
		.SubmitDemand{
			width: 47%;
			height: 40px;
			text-align: center;
			color: #FFFFFF;
			background: #5dc9f8;
			border: 1px solid #5dc9f8;
			line-height: 40px;
		}
		.Con-btn{
			width: 47%;
			height: 40px;
			text-align: center;
			color: #FFFFFF;
			border: 1px solid #FFFFFF;
			line-height: 40px;
		}
		.form-tel{
			height: 60px;
			line-height: 60px;
			text-align: center;
			color: #FFFFFF;
			font-size: 24px;
			
		}
		.toTop{
			position: fixed;
			bottom: 65px;
			right: 10px;
			background: #28508b;
			width: 40px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			display: none;
		}
		.toTop img{
			width: 20px;
			vertical-align: middle;
			margin-top: -5px;
		}
		
		/* 公共底部 电话号码定位 */
		.YDPhone{
			position: fixed;
			bottom: 65px;
			z-index: 100;
			background: #266df0;
			line-height: 40px;
			 font-size: 16px;
			 height: 40px;
			 width: 83%;
			     margin-left: 10px;
		}
		.YDPhone a{
			color: #FFFFFF;
			text-decoration: none;
		}
		.YDPhone a:hover{
			color: #FFFFFF;
			text-decoration: none;
		}