body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
html{color:black;font-size:62.5%;}
body{font:14px/1.5 arial,"微软雅黑";color:#666;outline:0;}
input,select,textarea{font-size:100%;outline-style:none;background:transparent;font-family:"微软雅黑";}
input,button{border:none medium;outline:none;font-family:"微软雅黑";}
button, html input[type="button"], input[type="submit"]{cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:500;}
ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:2rem;font-weight:500;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
abbr,acronym{border:none;font-variant:normal;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;vertical-align:middle;max-width: 100%;}
caption,th{text-align:left;}
th{text-align:inherit;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
del{text-decoration:line-through;}
legend{color:#666;}
fieldset{border:none;}
iframe{display:block;}
q:before,q:after{content:'';}
ins,a{text-decoration:none;cursor:pointer;color:#666;}
a:hover{text-decoration:none;}
a:focus,*:focus{outline:none;}
.clearfix:before,.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;clear: both;}
.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.dib{display:inline-block;*zoom:1;*display:inline;}
.w1200{width: 1200px;height: auto;margin: 0 auto;}
.w1180{width: 1180px;height: auto;margin: 0 auto;}
.w1000{width: 1000px;height: auto;margin: 0 auto;}
.xdw-tips{position: relative;left: 0;top: 0;text-align: center;width: 100%;min-width: 1180px;height: 36px;background: #f1fbff;font-size: 12px;padding: 10px 0;}
.clear{float: none!important;clear:both!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden;line-height:0;font-size:0;display:block;}
*{box-sizing: border-box;}
input::-webkit-input-placeholder{color:#dadada;}
input:-moz-placeholder{color:#dadada;}
input::-moz-placeholder{color:#dadada;}
input:-ms-input-placeholder{color:#dadada;}

header{height: 80px;background-color: #fff;line-height: 80px;}
header .logo{width:34px;display: inline-block;vertical-align: middle;margin-right: 8px;}
header>div>span{font-size: 26px;display: inline-block;vertical-align: middle;color:#333;margin-right: 8px;}
header>div>i{display: inline-block;vertical-align: middle;width:2px; height:22px ;background-color: #d6d6d6;margin-right: 16px;}
header>div>div{display: inline-block;vertical-align: middle;width:177px;height:33px;border:1px solid #3c88eb;font-size: 14px;color:#2b85db;text-align: center;line-height: 30px}
header>div>div>img{width:22px;}
header .fr{display: inline-block;height:32px;background-color: #4794ff;color: #fff;font-size: 12px;line-height: 32px;border-radius: 4px;padding:0 10px;margin-top: 24px;}

.banner{background: url(images/banner.jpg) no-repeat center top;background-size: cover;padding:40px 0;font-size: 0;}
.banner .bannerText,.banner form{display: inline-block;vertical-align: middle;}
.banner .bannerText{width:848px;color:#fff;}
.banner form{width:352px;background-color: #fff;padding:36px 26px 44px;}
.bannerText h1{font-size: 46px;}
.bannerText h1>span{display: block;color:#ffe82a;}
.bannerText p{font-size: 16px;margin-top: 30px;margin-bottom: 35px;}
.bannerText a{font-size: 16px;display: inline-block;width:156px;height:44px;line-height: 42px;margin-right:18px; ;border:1px solid #fff;color:#fff;text-align: center;}
.banner form>h3{font-size: 18px;color:#333;margin-bottom: 36px;text-align: center;}
.banner form>div{border-radius: 4px;border:1px solid #eee;height:37px;margin-bottom: 20px;position: relative;}
.banner form>div>label{position: absolute;top:0;left:10px;display: inline-block;height:100%;width:74px;line-height: 37px;text-align: justify; font-size: 14px;}
.banner form>div>label>span{display: inline-block; padding-left: 100%;}
.banner form>div>div{margin-left: 85px;height:100%;}
.banner form>div input{width:100%;height:100%;font-size: 14px;}
.banner form>input{border-radius: 4px;height:40px;width:100%;font-size: 16px;color:#fff;background-color: #4794ff;margin-top: 15px;}

.bannerBottom{padding:80px 0 60px;}
.bannerBottom ul{margin: 0 -58px;font-size: 0;}
.bannerBottom ul>li{display: inline-block;vertical-align: top;text-align: center;padding:0 58px 20px;}
.bannerBottom li>div>img{height:21px;}
.bannerBottom li>div>div{transition: all .3s}
.bannerBottom li>div>div:hover{}
.bannerBottom ul p{margin-top: 12px;font-size: 18px;color:#333;position: relative;}

.plateTitle>h2{font-size: 30px;color:#333;}
.plateTitle>p{font-size: 18px;margin-top: 26px;}
.tagBox .tag{font-size: 0;}
.tagBox .tag>li{display: inline-block;vertical-align: top;text-align: center;}
.tagBox .tagContent>div{display: none;}
.tagBox .tagContent>div.on{display: block;}

.sayG{padding:0 0 90px;text-align: center;}
.sayG>div{box-shadow: 0px 0px 10px 1px #eaeaea;padding:76px 0 80px;}
.sayG .tag{margin-top: 60px;}
.sayG .tag>li{margin: 0 20px 60px ;width:170px;height:58px;border-radius: 4px;border:1px solid #4794ff;color:#333;text-align: center;font-size: 24px;line-height: 56px;}
.sayG .tag>li.on{color:#fff;background-color: #4794ff;}
.sayG .tagContent>div{height:306px;color:#333}
.sayG .tagContent>div>img{display: inline-block;vertical-align: middle;margin-right: 80px;}
.sayG .tagContent>div>div{display: inline-block;vertical-align: middle;border:1px solid #e5e5e5;border-radius: 8px;padding:32px;position: relative;}
.sayG .tagContent>div>div:before{content:"";position: absolute;display: inline-block;width:20px;height:20px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;top:40px;left:-12px;background-color: #fff;
    -webkit-transform: rotate(-45deg)  skew(15deg,15deg);
    -moz-transform:  rotate(-45deg) skew(15deg,15deg);
    -ms-transform:  rotate(-45deg) skew(15deg,15deg);
    -o-transform:  rotate(-45deg)skew(15deg,15deg);
    transform:  rotate(-45deg) skew(15deg,15deg)}
.blue{color: #4794ff;}
.sayG .tagContent p{text-align: left;font-size: 16px;line-height: 30px;}
.sayG .tagContent p>.blue{display: inline-block;width:24px;}

.privacy{background-color: #ebf5fe;padding:80px 0 115px;text-align: center;}
.privacy_con{margin-top: 80px;position: relative;display: inline-block;}
.privacy_con>div{width:91px;height:91px;border-radius: 50%;font-size: 18px;color:#fff;text-align: center;position: absolute;}
.privacy_con>div>span{display: inline-block;vertical-align: middle;}
.privacy_con>div>span:first-child{height:100%;}
.privacy_con>div:nth-child(2){background-color: #fe385e;top:-4px;right:101px;}
.privacy_con>div:nth-child(3){background-color: #6c6ef4;top:140px;right:-32px;}
.privacy_con>div:nth-child(4){background-color: #229cf2;top:354px;right:-22px;}
.privacy_con>div:nth-child(5){background-color: #26c2a8;top:488px;right:146px;}
.privacy_con>div:nth-child(6){background-color: #42ccdc;top:452px;right:371px;}

.three{padding:76px 0 80px;text-align: center;}
.three_con li{font-size: 0;width:1040px;margin:68px auto 0;}
.three_con li>div{width:520px;display: inline-block;}
.three_con li:nth-child(odd)>.three_text{float: left;}
.three_con li:nth-child(even)>.three_text{float: right;}

.three_text{position: relative;padding-left: 120px;text-align: left;margin-top: 4%}
.three_text>span{position: absolute;top:0;left:0;display: inline-block;width:100%;padding-left: 30px;font-size: 56px;}
.three_text p{font-size: 18px;}
.three_text>div>img{margin-bottom: 18px;margin-top: 20px;}

.three>div>a{display: inline-block;width:204px;height:47px;border:1px solid #4794ff;color:#4794ff;text-align: center;line-height: 45px;font-size: 16px;border-radius: 4px;margin: 72px 15px 0;}

.footer{background-color: #f5f5f5;padding:56px 0;text-align: center;font-size: 0;}
.footer>div>div{display: inline-block;vertical-align: middle;}
.footer>div>div:first-child{width:434px;text-align: left;margin-right: 216px;}
.footer h3{font-size: 30px;color:#4794ff;margin-bottom: 16px;}
.footer h3>img{width:46px;margin-left: 26px;margin-right: 8px;display: inline-block;vertical-align: middle;}
.footer h3>span{display: inline-block;vertical-align: middle;}
.footer p{font-size: 16px;line-height: 30px;}
.footer a{margin-top: 30px;font-size: 18px;color:#fff;display: inline-block;width:203px;height:45px;line-height: 45px;text-align: center;border-radius: 6px;background-color: #4794ff}



@media screen and (min-width: 992px) and (max-width: 1199px) {
    .w1200{max-width: 970px;margin: 0 auto;}

    .banner{background: url(images/banner.jpg) no-repeat center top;background-size: cover;padding:40px 0;font-size: 0;}
    .banner .bannerText,.banner form{display: inline-block;vertical-align: middle;}
    .banner .bannerText{width:616px;box-sizing: border-box}
    .bannerText h1{font-size: 42px;}
    .bannerText p{margin-right: 74px;}


    .bannerBottom ul{margin: 0 -36px;}
    .bannerBottom ul>li{padding:0 35px 20px;}



    .three{padding:76px 0 80px;text-align: center;}
    .three_con li{font-size: 0;width:auto;margin:68px auto 0;}
    .three_con li>div{width:485px;display: inline-block;}
    .three_con li:nth-child(odd)>.three_text{float: left;}
    .three_con li:nth-child(even)>.three_text{float: right;}

    .three_text{position: relative;padding-left: 120px;text-align: left;margin-top: 4%}
    .three_text>span{position: absolute;top:0;left:0;display: inline-block;width:100%;padding-left: 30px;font-size: 56px;}
    .three_text p{font-size: 18px;}
    .three_text>div>img{margin-bottom: 18px;margin-top: 20px;}

    .three>div>a{display: inline-block;width:204px;height:47px;border:1px solid #4794ff;color:#4794ff;text-align: center;line-height: 45px;font-size: 16px;border-radius: 4px;margin: 72px 15px 0;}



}
@media screen and (min-width: 768px) and (max-width: 991px){
    .w1200{max-width: 750px;margin: 0 auto;}
    /*--------------------------header------------------------*/

    .banner .bannerText{width:100%;}
    .banner form{width:352px;margin-top: 30px;}
    .bannerText h1{font-size: 40px;}

    .bannerBottom{padding:80px 0 60px;}
    .bannerBottom ul{margin: 0;font-size: 0;text-align: center;}
    .bannerBottom ul>li{width:33.3%;padding:0 0 40px;}


    .privacy_con{margin-top: 80px;position: relative;display: inline-block;}
    .privacy_con>img{width:700px;}
    .privacy_con>div{width:91px;height:91px;border-radius: 50%;font-size: 18px;color:#fff;text-align: center;position: absolute;}
    .privacy_con>div>span{display: inline-block;vertical-align: middle;}
    .privacy_con>div>span:first-child{height:100%;}
    .privacy_con>div:nth-child(2){background-color: #fe385e;top:-12px;right:101px;}
    .privacy_con>div:nth-child(3){background-color: #6c6ef4;top:140px;right:-14px;}
    .privacy_con>div:nth-child(4){background-color: #229cf2;top:292px;right:-2px;}
    .privacy_con>div:nth-child(5){background-color: #26c2a8;top:410px;right:146px;}
    .privacy_con>div:nth-child(6){background-color: #42ccdc;top:383px;right:371px;}



    .three_con li{font-size: 0;width:100%;}
    .three_con li>div{width:50%;}
    .three_text p{font-size:16px;}

    .footer>div>div:first-child{margin-right: 118px;}

}


@media screen and (max-width: 767px){
    .w1200{width:100%;margin: 0 auto;}
    .wapP2{padding-left: 2%;padding-right: 2%;}


    header{height: 50px;line-height: 50px;}
    header .logo{width:26px;margin-right:0px;}
    header>div>span{font-size: 16px;margin-right:2px;}
    header>div>i{width:1px; height:16px ;margin-right: 2px;}
    header>div>div{width:auto;border:none;font-size: 12px;}
    header>div>div>img{width:18px;}
    header .fr{height:26px;line-height:26px;padding:0 6px;margin-top:12px;}

    .banner .bannerText{width:100%;color:#fff;margin-bottom: 30px;}
    .banner form{width:100%;background-color: #fff;padding:36px 26px 44px;}
    .bannerText h1{font-size:22px;}
    .bannerText p{font-size: 14px;margin-top: 16px;margin-bottom: 24px;line-height: 30px;}
    .bannerText a{font-size: 14px;width:120px;height:36px;line-height: 34px;}
    .banner form>h3{font-size: 16px;margin-bottom: 20px;}


    .bannerBottom{padding:70px 0 40px;}
    .bannerBottom ul{margin: 0;font-size: 0;}
    .bannerBottom ul>li{padding:0 0 30px;width:50%;}
    .bannerBottom ul p{font-size: 16px;}

    .plateTitle>h2{font-size: 20px;color:#333;}
    .plateTitle>p{font-size: 12px;margin-top: 8px;}
    .tagBox .tag{font-size: 0;}
    .tagBox .tag>li{display: inline-block;vertical-align: top;text-align: center;}
    .tagBox .tagContent>div{display: none;}
    .tagBox .tagContent>div.on{display: block;}

    .sayG{padding:0 0 60px;}
    .sayG>div{padding:45px 0 45px;}
    .sayG .tag{margin-top: 60px;}
    .sayG .tag>li{margin: 0 5px 60px ;width:86px;height:40px;font-size: 18px;line-height: 38px;}
    .sayG .tagContent>div{min-height:306px;height:auto}
    .sayG .tagContent>div>img{margin-right: 0;margin-bottom: 40px;}
    .sayG .tagContent>div>div:before{top:-12px;left:40px;
        -webkit-transform: rotate(45deg)  skew(15deg,15deg);
        -moz-transform:  rotate(45deg) skew(15deg,15deg);
        -ms-transform:  rotate(45deg) skew(15deg,15deg);
        -o-transform:  rotate(45deg)skew(15deg,15deg);
        transform:  rotate(45deg) skew(15deg,15deg)}


    .privacy{padding:48px 0 60px;}
    .privacy_con{margin-top: 40px;position: relative;display: inline-block;}
    .privacy_con>div{width:80px;height:80px;border-radius: 50%;font-size: 16px;position: static;display: inline-block;margin: 0 5px;}


    .three{padding:40px 0 60px;text-align: center;}
    .three_con{margin-bottom: 30px;}
    .three_con li{font-size: 0;width:100%;margin:40px auto 0;}
    .three_con li>div{width:100%;display: inline-block;}
    .three_img>img{width:85%;}
    .three_con li:nth-child(odd)>.three_text{float: none;}
    .three_con li:nth-child(even)>.three_text{float: none;}

    .three_text{position: relative;padding-left: 78px;text-align: left;margin-top: 4%}
    .three_text>span{position: absolute;top:0;left:0;display: inline-block;width:100%;padding-left: 10px;font-size: 50px;}
    .three_text p{font-size: 14px;}
    .three_text>div>img{margin-bottom: 18px;margin-top: 14px;}
    .three>div>a{margin: 20px 15px 0;}

    .footer{padding:40px 0;}
    .footer>div>div:first-child{width:100%;text-align: center;margin-right: 0;margin-bottom: 30px;}
    .footer h3{font-size: 18px;margin-bottom: 16px;}
    .footer h3>img{width:34px;}
    .footer p{font-size: 14px;line-height: 26px;}
    .footer a{margin-top: 20px;font-size: 16px;width:203px;height:45px;line-height: 45px;}






}
.callsever{position: fixed;bottom: 0;left: 0;width: 100%;height: 40px;display: flex;justify-content: space-between;align-items: center;background: #fff;overflow: hidden;z-index: 1000;}
.callsever>div{width: 50%;height:100%;box-shadow: 1px 2px 2px  #ccc;border-top:1px solid rgba(220,220,220, 0.5);display: flex;align-items: center;justify-content: space-around;}
.callsever>div>div{display: flex;align-items: center;}
.callsever>div>div>.icon{margin-right: 2px;}
.rightbtn{position: fixed;top: 45%;right: 0;width: 50px;height: 60px;overflow: hidden;z-index: 1000;text-align: center;}
.rightbtn>p{margin: 0;font-size: 8px;color: #1296db;}