@charset "UTF-8";
/*重置样式*/
body,h1,h2,h3,h4,h5,h6,hr,p,pre,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea,figure,figcaption,nav,footer,menu,blockquote{margin:0;padding:0;cursor:default;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,em,i,b{font-style:normal;}
a,a:hover,a:active,a:visited{text-decoration:none; }
ul,ol,li{list-style:none;}
img{border:0;font-size:0;-webkit-user-select:none;vertical-align:middle;}
html,body{width:100%;height:100%;}
:focus,button,input,select,textarea{outline:none; }
.btn:active,.btn:hover,.btn:focus{background: #0167d0;border-color: #0167d0;}
select{appearance:none;}
textarea,input{-moz-appearance: none; -o-appearance: none; appearance: none;}
/*-- 自定义logo和导航 --*/
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.7)}
/*浏览器提示*/
.chromeframe {position: relative;z-index: 999;background: #000;color: #fff;padding: 10px 0;text-align: center;width: 100%;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.chromeframe a {color: #F13C35}
.fl {float: left;}
.fr {float: right;}
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block; width: 100%; clear: both;}
.ts-row{margin-right:-6px;margin-left: -6px;}
@media only screen and (min-width: 1200px) {
    .container {
        width: 1230px!important;
    }
}

/*通用头部 导航*/
.headgation {height:60px;background:#191919;}
.headgation .navbar-brand{height: 60px;padding:10px 15px;}
.headgation .navbar-toggle{margin-top: 12px;margin-bottom: 12px;}
.headgation .navbar-toggle .icon-bar{background-color: #fff;}
.headgation .nav-list{padding:0 50px}
.headgation .nav-list a{height:60px;line-height: 60px; color: rgba(255, 255, 255, 0.88);padding:0 15px;font-size:14px}
.headgation .nav-list>li.active>a,
.headgation .nav-list>li:hover>a,
.headgation .nav-list>li:focus>a,
.headgation .nav-list>li>a:hover{background:none;text-decoration: none;color: rgba(255, 255, 255, 0.88)}
.headgation .nav-list>li:hover>a:after,
.headgation .nav-list>li:focus>a:after,
.headgation .nav-list>li.active>a:after{content: "";border-bottom: 0 none;display: block;width: 100%;margin-top: -3px;}
.nav > li > a:focus, .nav > li > a:hover{background: none}
.headgation .nav-list .about-menu{position:absolute;width: 162px;height:93px;background: #1a1a1a;margin-top: -3px;display:none;
    z-index:5;margin-left:-10px;overflow:hidden;
    border-bottom-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;-o-border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;-o-border-bottom-right-radius:4px;}
.headgation .nav-list .about-menu li{border-bottom:1px solid #313131;}
.headgation .nav-list .about-menu li a{font-size: 14px;height: 46px;line-height: 46px;color: rgba(255, 255, 255, 0.88);padding:0 12px;display:block;text-align: center}
.headgation .nav-list .about-menu li a:hover{color: #0b76e3;text-decoration: none;}
#openIcon{vertical-align: middle;margin-left:10px;margin-top: -3px;}
#openIcon1{vertical-align: middle;margin-left:10px;margin-top: -3px;}
.headgation .nav-city li.nav-header-city{font-size: 13px;padding:0;}
.headgation .nav-city .nav-header-city span{ line-height: 60px;color: #fff;margin-right:0;cursor:pointer;}
.headgation .nav-city .nav-header-city img{vertical-align: text-bottom;margin-right:65px;margin-left:8px;top: -1px;}
.headgation .navbar-collapse.in {background:#191919}
.headgation .navbar-collapse.in .nav-list{}
/*.headgation .navbar-collapse.in .nav-list>li:hover>a:after,.headgation .navbar-collapse.in .nav-list>li.active>a:after{content: "";border-bottom: none;display: block;width: 100%;margin-top: -3px;}*/
.headgation .navbar-collapse.in .nav-city{display:none}
/*banner*/
.top {margin-top: 60px;}
.section.top .banner-home {width: 100%;position: relative;height: 905px;
    background: url('../images/home-banner.png') left top no-repeat;background-size: auto auto;background-size: cover;}
.section.top .banner-home .video-shadow{width: 100%;height: 100%;/* background: #1a1a1a; */position: absolute;left: 0;top: 0;
    filter: alpha(opacity=80);opacity : .80;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);/*兼容ie8及以下*/}
#home-video{width:100%; /* height:100% */}
.section.top .banner-home .banner-content{position: absolute;margin-top:-28px;top:50%;left:0;width:100%;text-align: center;}
.section.top .banner-home .banner-content h1{font-size:56px;color: #fff;font-weight: 800;line-height:56px;cursor: pointer;}
.section.top .banner-home .banner-content-footer {position: absolute;width: 100%;text-align: center;bottom: 0px;background: rgba(255,255,255,0.1);padding: 40px 0;}
.section.top .banner-home .banner-content-footer .newSlogan{display:inline-block;zoom:1;vertical-align: bottom;overflow: hidden;}
.section.top .banner-home .banner-content-footer .newSlogan:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both;overflow: hidden;}
.section.top .banner-home .banner-content-footer .newSlogan .fl{margin-top:1px;}
.section.top .banner-home .banner-content-footer .newSlogan .fl{margin-left:10px;padding-left:13px;text-align:left;}
.section.top .banner-home .banner-content-footer .newSlogan .fl .title{color:#fff;font-size:18px;font-weight:600;line-height:18px;}
.section.top .banner-home .banner-content-footer .newSlogan .fl .des{margin-top:10px;color:#fff;font-size:16px;line-height:16px;
    opacity:0.5;filter:alpha(opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);letter-spacing: 0.4px;}
/*基本标题*/
.index.title {width: 100%;line-height: 35px;overflow: hidden;text-align: center;padding-top:100px;font-size: 32px;color: #333341;font-weight: bold;cursor: pointer;}
.index.subtitle {text-align: center;padding-top:5px;margin: 0;font-size: 16px;color: #595c6c;font-weight:normal;cursor: pointer;padding-bottom: 83px}
.index.title span{font-weight:normal;}
.home-import .index.title{padding-top:90px;}
/*第一模块*/
.home-service {width: 100%;background: #ffffff;overflow: hidden;}
.home-service .service-content{background:url('../images/home-bg-one.png') no-repeat left top;margin-top:30px;}
.home-modelone{position:relative;top:-30px;}
.home-modelone>ul{overflow:hidden;}
.home-modelone li .home-modelone-item{border-radius: 4px;height:240px;background: #fff!important;overflow:hidden;margin-right:6px;margin-left:6px;margin-bottom:12px;box-shadow: 0 0 7px 0 rgba(31, 31, 31, 0.16);}
.home-modelone li .home-modelone-item .home-modelone-left{float:left;overflow: hidden;width:40%;height:100%;text-align: center;line-height: 240px;}
.home-modelone li .home-modelone-item .home-modelone-left.home-peo1{background:url('../images/home-peo1.png') no-repeat left top;}
.home-modelone li .home-modelone-item .home-modelone-left.home-peo2{background:url('../images/home-peo2.png') no-repeat left top;}
.home-modelone li .home-modelone-item .home-modelone-left.home-peo3{background:url('../images/home-peo3.png') no-repeat left top;}
.home-modelone li .home-modelone-item .home-modelone-left.home-peo4{background:url('../images/home-peo4.png') no-repeat left top;}
.home-modelone li .home-modelone-item .home-modelone-left img{width:75px;height:auto;}
.home-modelone li .home-modelone-item .home-modelone-right{float: left;overflow: hidden;width:49%;margin:4.7% 6% 5% 5%;height:84%;background:url('../images/dou.png') no-repeat bottom right;background-size:28px;}
.home-modelone li .home-modelone-item .home-modelone-right h3{font-size:18px; color: rgb(51, 51, 65);margin-bottom:10px;font-weight: bold;line-height: 29px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-modelone li .home-modelone-item .home-modelone-right h3 i{font-size: 36px;color:#cbcdd6;font-weight: bold;position:relative;vertical-align: bottom;padding-right: 20px;line-height: 38px;}
.home-modelone li .home-modelone-item .home-modelone-right h3 i:after{content: "";position: absolute;bottom:8px;right:10px;width:6px;height:6px;background:#cbcdd6;}
.home-modelone li .home-modelone-item .home-modelone-right p{font-size:14px;  color: rgb(89, 92, 108);line-height:1.8;font-weight: lighter;}
/*全方位*/
.bx-support{margin-bottom: 100px}
.sup-item{width:20%;float: left;}
.supmo{position: relative;text-align: center;border: 1px solid rgb(233, 236, 237); border-radius: 8px;padding:55px 0 35px;margin:0 11px}
.supmo i{position:absolute;left:16px;top:6px;font-size:36px;color:#e9eced;font-weight: bold;}
.supmo img{width: 100px;height: 100px;}
.supmo p{font-size: 16px;margin-top:10px;color: rgb(51, 51, 65);font-weight: bold;z-index:2;position: relative;  overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.supmo p:before{position: absolute;left:50%;top:10px;z-index:-1;margin-left:-81px;content: ''; opacity: 0.4; background-color: rgb(169, 195, 255); width: 162px;height: 12px;}
.supmo:hover{box-shadow: 0 0 7px 0 rgba(31, 31, 31, 0.16);}
#canvas{width:400px; height:400px}
/*veke*/
.veke-modle{width: 100%;background:url('../images/vekebg.png') no-repeat center center;background-size: cover;height: 524px;}
.vekepic{width:100%;margin-top: 100px}
.veke-sug{margin: 135px 0  0 40px}
.veke-sug h2{font-size:30px;color: rgb(51, 51, 65);font-weight: bold;line-height: 1;margin:15px 0}
.veke-sug h3{font-size: 16px;color: rgb(89, 92, 108);line-height: 1;margin-bottom: 55px}
.numeral{width:150px;height:150px;float: left;margin-right:40px}
.pclearn{margin-bottom:16px;background:url('../images/gesture.png') no-repeat 35px center #0b76e3;padding-left:70px;
    border-radius: 4px;width: 216px;height:42px;display:inline-block;font-size:16px;line-height:42px;color:#fff }
.vekeDownload{margin-bottom:30px;background:url('../images/Android.png') no-repeat 35px center;padding-left:70px;
    border:1px solid #0b76e3;  border-radius: 4px;width: 216px;height:42px;display:inline-block;font-size:16px;line-height:40px;color: #0b76e3}
.veke-btn p{ font-size: 18px;color: rgb(11, 118, 227);font-weight: bold;line-height: 1.5;}

/*地图*/
.home-index-city{height: 492px;background: url('../images/mapbg.png') no-repeat center center;position: relative}
.phone-left{position:absolute;left:0;top:-27px;border-radius: 8px;padding:40px 32px;background-color: rgb(255, 255, 255);box-shadow: 0 0 7px 0 rgba(31, 31, 31, 0.16);width: 400px;height: 492px;}
.phonelist{padding-left: 73px;margin-bottom: 30px}
.phonelist h2{font-size: 18px;color: rgb(51, 51, 65);font-weight: bold;margin-bottom: 12px}
.phonelist p{font-size: 14px; color: rgb(89, 92, 108);line-height: 2}
.phonett{padding-left: 70px;}
.phonett img{width: 180px;height:180px;margin-bottom:5px}
.phonett p{font-size: 12px;color: rgb(135, 139, 152);padding-left: 3px}

@media (max-width: 1200px){
    .headgation{height: auto}
    .headgation .nav-city li.nav-header-city{display: none}
    .section.top .banner-home .banner-content{top:30%}
    .section.top .banner-home .banner-content h1{font-size:36px}
    .section.top .banner-home .banner-content-footer{padding: 10px 0}
    .section.top .banner-home .banner-content-footer .newSlogan .fl{margin-bottom: 10px}
    .phone-left{display: none}
    .bx-support{margin-bottom: 40px}
    .sup-item{width: 50%;margin-bottom: 40px}
    .info img{display: none}
    .infoOne{left: 4%}
    .infoTwo{left: 4%}
    .infoThree{left: 4%}
    .infoFour{right: 5%}
    .infoFive{right:5%}
    .infoSix{right: 5%}
}
@media only screen and (max-width: 768px) {
    #canvas {
        width: 200px;
        height: 200px;
    }
    .veke-sug{margin: 45px 0 0 0px;}
    .veke-modle{height: auto;padding-bottom: 30px}
    .index.title {padding-top:50px;font-size: 24px}
    .index.subtitle{padding-bottom:50px;}
    .service .service-content{margin-top:10px;}
    .home-import .index.title{padding-top:10px;}
    .bx-support{margin-bottom:60px;}
    .sup-item {width: 50%;margin-bottom: 20px}
    .phone-left{display: none}
    .vekepicdiv{display: none}
    .info .infoBgImg{left: 50%;margin-left: -200px}
    .info img{display: none}
    .infoOne{left:1%;top: 100px;}
    .infoTwo{left: 1%;top: 250px;}
    .infoThree{left:1%;top: 400px;}
    .infoFour{right: 1%;top: 100px;}
    .infoFive{right:1%;top: 250px;}
    .infoSix{right: 1%;top: 400px;}

}

/*资质*/
.zz-banner{width:100%;height:500px;background: url(../images/zzhibg.png) center top no-repeat ;background-size: cover;text-align: center;color: #fff;}
.zzbantit{width:580px;height:230px;margin-top: 100px}
.zz-range{height:330px;background: url(../images/zzshuom.png) center top no-repeat #333;background-size: cover;text-align: center;color: #fff;}
.zz-range .rangtop{height:330px;background: url(../images/bg.png) center center no-repeat;background-size:1039px 257px;text-align: center;color: #fff;}
.zz-range .rangtop div{padding-top: 100px;text-align: left; color: rgb(255, 255, 255); font-size: 14px;line-height: 1.5}


.aptitude-box{position: relative}
.aptitude-nav{max-width: 1230px;overflow: hidden;}
.aptitude-nav .aptitude-li{height: 18px;line-height:1;color:rgb(89, 92, 108);font-size:18px;padding:0 20px;
    float: left;cursor: pointer;list-style-type:none;position: relative;transition: .3s}
.aptitude-nav .aptitude-li:hover{color:#0b76e3;}
.aptitude-nav .aptitude-li:first-child{padding-left: 0}
.aptitude-nav .aptitude-li:after{content: "";position: absolute;top:2px;right:0;width:1px;height:15px;background:rgb(233, 236, 237);}
.aptitude-nav .aptitude-li.active{color: #0b76e3;}
.aptitude-con{max-width: 1230px;margin-top: 20px;}
.aptitude-con .aptitude-conlist{display:none;clear: both;}
.aptitude-con .aptitude-conlist.active{display:block}

.aptitude-list{position: relative;padding:35px 20px 20px;transition: all .3s;text-align: center;
    background: #fff; border: 1px solid #e9eced;margin-bottom: 30px; margin-top:30px;border-radius: 4px;}
.aptitude-list:hover {
    box-shadow: 0 0 7px rgba(31,31,31,.16);
}
.aptitude-heng{width: 100%;height: 235px;position: relative;cursor: pointer}
.aptitude-shu{width: 100%;height: 300px;position: relative;cursor: pointer}
.aptitude-heng img{width: 100%;height: 100%}
.aptitude-shu img{width: 100%;height: 100%}
.aptitude-heng:after{content: "";position: absolute;left:0;top:0;width: 100%;height: 100%; background-color: rgba(43, 52, 87, 0.3);}
.aptitude-shu:after{content: "";position: absolute;left:0;top:0;width: 100%;height: 100%; background-color: rgba(43, 52, 87, 0.3);}
.aptitude-list h3{font-size: 16px;color: rgb(51, 51, 65);text-transform: uppercase;line-height: 1.5;text-align: left;padding:15px 20px}
@media only screen and (max-width: 768px) {
    .zz-banner{height: 300px}
    .zz-range .rangtop{background: none}
    .zz-range .rangtop div{padding-top:20px;line-height: 2;font-size: 14px;}
    .zzbantit {width: 80%;height:80%;margin-top: 80px}
    .aptitude-nav .aptitude-li{margin-bottom: 20px}
}

/*concat*/
.concat-banner {height: 500px;background: url('../images/concat-banner.png') center top no-repeat;background-size: auto 500px;}
.concat-tip{position:absolute;width:435px;height:318px;left:50%;top:150px;margin-left: -170px}
.concat-tip .concat-tip-txt{position:absolute;bottom:18px;width:400px;left:15px;height:166px;padding:30px;}
.concat-tip .concat-tip-txt dt{font-size: 18px;text-align: left;color: #1a1a1a;line-height: 1.5}
.concat-tip .concat-tip-txt dd{font-size: 14px;text-align: left;color: #333333;line-height: 1}
.concat-tip .concat-tip-txt .concat-tip-down{margin-top:20px;}
.concat-foot{margin-top:78px;margin-bottom:22px;}
.concat-foot ul li{text-align:left;margin-bottom:78px;}
.concat-foot ul li h1{font-size: 28px;font-weight: bold;color: #333341;cursor: pointer;}
.concat-foot ul li h1 b{display:inline-block;width: 6px;height: 16px;background-color: #fe8528;vertical-align: bottom;margin-right:10px;}
.concat-foot ul li p.concat-foot-en{line-height:1;font-size: 14px;text-align: left;color: #cbcdd6;
    margin-top:10px;margin-bottom:20px;cursor: pointer;padding-left: 15px}
.concat-foot ul li .concat-foot-zh{font-size: 18px;text-align: left;color: #595c6c;line-height:1.5;padding-left: 15px}

@media (max-width: 768px){
    .concat-banner{height: 300px}
    .concat-tip{display: none}
    .concat-foot{margin-top: 40px}
    .concat-foot ul li{margin-bottom: 40px}
    .concat-foot ul li h1{font-size: 24px}
}


/*风险控制*/
.risk-banner2{width:100%;height:500px;background: url(../images/riskbg.png) center top no-repeat;background-size: cover;text-align: center;color: #fff;}
.riskbantit{width:433px;height:257px;margin-top: 120px}
.bxggmp{margin-top: 100px;margin-bottom: 83px}
.rist-bao1{text-align: left}
.rist-bao1 img{width: 230px;margin-top: 30px}
.rist-bao2{text-align: right}
.rist-bao2 img{width: 230px;margin-top: 30px}
.risk-talk{padding:0 40px;}
.risk-talkl{padding:0 80px 0 0;}
.risk-talk h2{ font-size: 32px;color: rgb(51, 51, 65);font-weight: bold;}
.risk-talk span{font-weight: normal}
.risk-talk p{font-size: 14px; color: rgb(89, 92, 108);line-height:1.8;margin-top: 20px;margin-bottom: 15px}
.risk-talk a{display:block;border-radius:21px;width: 216px;height: 42px;background-color: rgb(11, 118, 227);
    font-size: 16px; color: rgb(255, 255, 255);text-align: center;line-height: 42px}
.risk-gu .risk-gu-item{min-height: 358px;padding:32px 38px;text-align: center;border: 1px solid rgb(233, 236, 237);border-radius: 8px;background:#fff}
.risk-gu .risk-gu-item img{height:112px;display: inline;margin-bottom: 25px}
.risk-gu .risk-gu-item h2{font-size: 18px;color:#333341;font-weight: bold;margin-top: 8px;margin-bottom: 20px}
.risk-gu .risk-gu-item p{font-size: 14px;color:#595c6c;text-align: left;line-height: 1.6}
.risk-gu .risk-gu-item:hover{box-shadow: 0 0 7px 0 rgba(31, 31, 31, 0.16);}
.risk-mo{width:100%;height:360px;background: url(../images/mobg.png) center center no-repeat;background-size:auto 324px;text-align: center;color: #fff;}
.risk-mo-item{padding: 50px 50px 80px 200px;}
.risk-mo-item i{position: relative; font-size: 16px; color: rgba(135, 139, 152, 0.4);font-weight: bold;text-align: right;display: block;}
.risk-mo-item i:after{content: "";position: absolute;right:0;bottom:0;width:19px;height:2px; background-color:rgba(135, 139, 152, 0.4);}
.risk-mo-item h2{font-size: 18px;color: rgb(255, 255, 255);font-weight: bold;text-align: left;margin-bottom: 30px;margin-top:28px}
.risk-mo-item h2 img{width: 18px;height: 18px;margin-left: 20px;}
.risk-mo-item p{font-size: 14px;color: rgba(255, 255, 255, 0.6);line-height: 1.7;text-align: left}

.risk-zhichi{width:100%;height:360px;background: url(../images/zhichibg.png) center center no-repeat;background-size:auto 360px;text-align: center;color: #fff;}
.risk-zhichi-item{text-align: center;padding: 100px 120px 0}
.risk-zhichi-item img {height:42px;display: inline;}
.risk-zhichi-item h2{font-size: 18px;color: rgb(51, 51, 65);font-weight: bold;position:relative;line-height:50px;margin-bottom:16px}
.risk-zhichi-item h2:after{content: "";position: absolute;left:50%;margin-left:-25px;bottom:0;width:50px;height:2px; background-color: rgb(203, 205, 214);}
.risk-zhichi-item p{font-size: 14px;color:rgb(89, 92, 108);line-height: 1.7;text-align: left}
@media (max-width: 768px){
    .risk-banner2{height: 300px}
    .riskbantit{width:80% ;height:80%;margin-top:50px}
    .bxggmp{margin-top:20px;margin-bottom:30px;}
    .rist-bao1 img{width:200px;margin-bottom:20px}
    .risk-gu .risk-gu-item{margin-bottom: 20px;padding: 20px}
    .rist-bao1{padding:0 40px }
    .risk-talkl {padding: 0 40px;}
    .rist-bao2{display: none;}
    .risk-mo{height: auto}
    .risk-mo-item{padding: 20px}
    .risk-zhichi-item{padding:30px 10px}
}
/*关于平台*/
.intro-banner{width:100%;height:500px;background: url(../images/introl.png) center top no-repeat;background-size: cover;text-align: center;color: #fff;}
.introbantit{width:642px;height:133px;margin-top: 155px}
.develop{width: 100%;margin-bottom: 80px}
.introllist{height:546px;background: url(../images/jsbg.png) center top no-repeat;background-size: cover;text-align: center;color: #fff;}
.introllist .introlitem.text-left{padding-right: 0}
.introllist .introlitem.text-right{padding-left: 0;margin-top: 125px}
.introllist h1{font-size: 27px;color: rgb(254, 133, 40);font-weight: normal;line-height: 1;margin-top: 50px;margin-bottom: 20px}
.introllist span{font-size: 18px;color:#fe8528;font-weight: bold;}
.introllist p{font-size: 14px;color: rgb(255, 255, 255);line-height: 2;margin-bottom: 30px}

.introllist2{display:none;min-height:546px;background: url(../images/model.png) center top no-repeat #333;background-size: cover;text-align: center;color: #fff;}
.introllist2 .introlitem.text-right{margin-top:80px;text-align: left}
.introllist2 h1{font-size: 27px;color: rgb(254, 133, 40);font-weight: normal;line-height: 1;margin-top: 30px;margin-bottom: 20px}
.introllist2 span{font-size: 18px;color:#fe8528;font-weight: bold;}
.introllist2 p{font-size: 14px;color: rgb(255, 255, 255);line-height: 2;margin-bottom: 30px}
@media (min-width: 1200px){
    .intro-banner{min-width: 1200px}
    .join-us .btn{margin-right: 160px;}
}
@media (max-width: 1200px){
    .introllist{display: none}
    .introllist2{display: block}
}

/*合作共赢*/
.top-banner{ margin-top:60px; background:url(../images/top-banner.jpg) center top no-repeat; background-size:cover; min-height:500px; text-align:center; color:#fff;}
.against-banner{ background: url("../images/against-bg.jpg") center center no-repeat; background-size:cover;min-height:500px; }
.experts-banner{ background:url(../images/experts-banner.jpg) center top no-repeat;}
.deal-banner{ background:url(../images/deal-bg.png) center top no-repeat;}
.step-banner{ background: url("../images/step-bg.png") center top no-repeat;}
.risk-banner{ background: url("../images/risk-banner.jpg") center center no-repeat}
.sys-banner{ background: url("../images/sys-bg.jpg") center center no-repeat}
.step-bantit{width:668px;height: 146px;margin-top: 180px;}
.join-bantit{width: 563px;height:122px;margin-top: 208px;}
.sys-bantit{width: 1092px;height:254px;margin-top: 134px;}
.against-bantit{ width: 100%; height:100%;}
.top-banner h1{padding-top:90px; font-size:86px; font-weight:bold;}
.top-banner p{ font-size:38px; margin-top:30px;}
.top-banner .btn{width:199px;height:48px;  margin:50px 0; background:#0b76e3; font-weight:bold;border-color: #0b76e3;transition: .3s;}
.top-banner .btn:active,.top-banner .btn:hover,.top-banner .btn:focus{background: #0167d0;border-color: #0167d0;}
.pub-tie{padding-top:100px;font-size: 32px;color: #333341;}
.pub-tie p{font-size: 16px;color: #595c6c; margin-top:10px;}

.join-pro .col-md-my{display: none;width: 178px;vertical-align: top;}
.join-pro .col-md-th{display: inline-block;width: 120px;}
.join-pro .col-md-th p{font-size: 24px;margin-top: 60px;}
.join-pro .con{margin-top: 80px;margin-bottom: 80px;}
.sus-case{min-height: 583px;width: 100%;background: url("../images/li-bg.jpg") center top no-repeat;background-size: cover;}
.sus-case .con{margin-top: 70px;}
.join-us{width: 100%;min-height: 845px;background: url("../images/join-bg.jpg") center top no-repeat;background-size: cover;padding: 100px 0 80px;}
.join-form{background: rgba(18,18,24,.6);width: 100%;min-height: 660px;}
.join-form .tie{padding: 20px;color: #fff;}
.join-form .tie h2{font-size: 22px;}
.join-form .tie p{font-size: 16px;color: #d0d1d7;}
.join-us ul,.join-us li{list-style: none;}
.join-us li{min-height: 48px;line-height: 48px;margin-bottom: 40px;}
.join-us li label{display: none;width: 90px;color: #fff;font-size: 18px;font-weight: bold;margin-right: 30px;}
.join-us li input{width: 545px;max-width: 80%;outline: none;border: 1px solid #495165;border-radius: 5px;background: #2b303c;font-size: 16px;color: #fff;
    text-indent: 18px;display: inline-block;}
.join-us .btn{width: 266px;height: 48px;background: #0b76e3;border-color: #0b76e3;transition: .3s;}
.join-us .btn:active,.join-us .btn:hover,.join-us .btn:focus{background: #0167d0;border-color: #0167d0;}
/*技术专家*/
.experts-box{width: 100%;background: url("../images/experts-bg.png") center bottom no-repeat;}
.experts-swiper{padding: 85px 85px 68px;position: relative;}
.experts-swiper .swiper-container{padding: 50px 0;}
.experts-swiper .swiper-slide{width: 323px;background: #fff;border-radius: 5px;padding: 20px;box-shadow:0 0 6px rgba(11,118,227,.08);}
.experts-swiper .swiper-slide .tx-box{width: 100%;overflow: hidden;}
.experts-swiper .swiper-slide .tx-box img{width: 100%;min-height: 100%;}
.experts-swiper .swiper-slide{text-align: center;}
.experts-swiper .swiper-slide h2{font-size: 22px; margin-top:20px;}
.experts-swiper .swiper-slide p{font-size: 16px; margin-top:10px;}
.experts-swiper .experts-lbtn,.experts-swiper .experts-rbtn{display: block;width: 50px;height: 50px;position: absolute;left: 0;right: 0;top: 50%;margin-top: -25px;
    background: url("../images/but_left_n.png") center center no-repeat;outline: none;}
.experts-swiper .experts-rbtn{left: auto;background: url("../images/but_right_n.png") center center no-repeat;}
.experts-swiper .experts-lbtn:hover{background: url("../images/but_left_h.png") center center no-repeat;}
.experts-swiper .experts-rbtn:hover{background: url("../images/but_right_h.png") center center no-repeat;}
.more-experts-box .con{margin-top: 30px;}
.more-experts-box .media{padding: 40px 0;border-bottom: 1px dashed #e9eced;}
.more-experts-box .media-object{
    display: block;
    width: 100px;
    height: 100px;
}
.more-experts-box .media-left{padding-right: 20px;}
.more-experts-box .media-body h4{font-size: 18px;height: 22px;overflow: hidden;color: #333341;margin-bottom: 18px;}
.more-experts-box .media-body h4 b{font-size: 20px;margin-right: 20px;}
.more-experts-box .media-body p{font-size: 14px;margin-bottom: 0;color: #878b98;line-height: 22px;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.more-experts-box .con{padding:0 26px 30px;}
.page2{display: none;}
.page-box{padding-bottom: 83px;height: 103px;}
.page-box span{display: inline-block;height: 32px;line-height: 32px;padding: 0 12px;margin: 0 5px;border: 1px solid #e1e1e1;color: #595c6c;cursor: pointer;border-radius: 4px;}
.page-box span:hover{color: #0b76e3;border-color: #0b76e3;}
.page-box span.num,.page-box span.num:hover{cursor: default;border: 1px solid #e1e1e1;color: #595c6c;}
.page-box span.ban{pointer-events: none;color: #e1e1e1;border-color: #e1e1e1;}
.link-box{background: #1d1f2d;padding:20px 0;color: #878b98;}
.link-box .row{margin: 0;}
.link-box .link-li{float: left;margin-right: 20px;margin-bottom: 20px;}
.link-box .link-li li{line-height: 28px;font-size: 12px;}
.link-box .link-li li a{color: #878b98;}
.link-box .link-li li a:hover{color: #0b76e3;text-decoration:none;}
.link-box .link-li li.tie{font-size: 16px;color: #cbcdd6;margin-bottom: 5px;}
.service-box li{margin-bottom: 15px;font-size: 12px;}
.service-box li.tie{font-size: 16px;color: #cbcdd6;}
.deal-join li input{width: 370px;}
.deal-join .con{padding: 90px 0 70px;}
.deal-join .tips{color: #d0d1d7;font-size: 12px;margin-top: 40px;}
.footer{padding: 10px 0;background: #191919;color: #909090;font-size: 12px;}
.company-txt {padding: 0 80px;}
.company-txt .tlt{font-size: 32px;color: #fff;}
.icon-li{padding: 40px 0 30px;}
.icon-li p{font-size: 18px;line-height: 38px;color: rgba(255,255,255,.6);}
.icon-li p i{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 15px;}
.company-txt img{width: 100%;margin-bottom: 20px;}
.icon-li p i.one{background:url("../images/com-ico1.png") center center no-repeat;}
.icon-li p i.two{background:url("../images/com-ico2.png") center center no-repeat;}
.icon-li p i.three{background:url("../images/com-ico3.png") center center no-repeat;}
.step-box .con{padding:80px 0;}
.step-box .con img{width: 100%;}
.center-img{padding: 0;}
.center-img img{width: 100%;}
.secure-swiper{position: relative;padding: 80px 54px;}
.secure-swiper .swiper-slide{border: 1px solid #e9eced;border-radius: 8px;padding: 40px;}
.secure-swiper .swiper-slide img{width: 100%;height: 100%;}
.secure-swiper .secure-lbtn,.secure-swiper .secure-rbtn{outline: none;position: absolute;display: block;
    width: 23px;height: 45px;left: 0;right: auto;top: 50%;margin-top: -23px;background: url("../images/secure-lbtn.png") center center no-repeat;}
.secure-swiper .secure-lbtn:hover,.secure-swiper .secure-rbtn:hover{opacity: .7;}
.secure-swiper .secure-rbtn{right: 0;left: auto;background: url("../images/secure-rbtn.png") center center no-repeat;}
.apply-box{width: 100%;min-height: 550px;padding: 45px 0;background: url("../images/apply-bg.jpg") center center no-repeat;background-size: cover;}
.apply-box .container{background: url("../images/apply-bg-cover.png") center center no-repeat;background-size: cover;min-height: 460px;}
.apply-box .btn{width: 266px;outline: none;background: #0b76e3;margin-top: 10px;border-color: #0b76e3;transition: .3s;}
.apply-box .btn:active,.apply-box .btn:hover,.apply-box .btn:focus{background: #0167d0;border-color: #0167d0;}
.apply-box h2{color: #333341;margin-top: 80px;margin-bottom: 20px; font-size:30px;}
.apply-box p{color: #595c6c;font-size: 18px; margin-top:10px;}
.apply-box p.hot{margin-top: 12px;color: #0b76e3;}

.aptitude-sys{
    padding-bottom: 20px;
}
.aptitude-sys img{
    width: 62px;
    height: 62px;
}
.aptitude-sys h3{
    text-align: center;
    line-height: 1.5;
    margin:20px 15px 5px;
    height:40px;
    padding: 0;
}
.aptitude-sys h2{
    text-align: center;
    font-size: 14px;
    margin:0 15px 0;
    color:#0b76e3;
    height: 40px;
    line-height: 1.5;
    padding: 0;
}
.aptitude-sys .btn{
    width: 167px;
    height: 42px;
    font-size: 16px;
    background: #0b76e3;
    margin-top: 20px;border-color: #0b76e3;transition: .3s;
    margin-bottom: 15px;
}
.aptitude-sys .btn:active,.aptitude-sys .btn:hover,.aptitude-sys .btn:focus{background: #0167d0;border-color: #0167d0;}
.aptitude-sys .more{
    font-size: 12px;
    color: #595c6c;
}
.aptitude-list.greybg .aptitude-sys h2{color: #333}
.aptitude-list.greybg .aptitude-sys .btn{background: #999;border-color: #999;}
.aptitude-list.greybg .aptitude-sys:active .btn,.aptitude-list.hover .aptitude-sys:active .btn,.aptitude-list.greybg .aptitude-sys:focus .btn{background: #999;border-color: #999;}
/*弹出大图*/
.pic-big-box{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:9999;
}
.pic-big-box .mask{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    z-index:99999;
}
.pic-big-box .pic-con{
    position:absolute;
    z-index:999999;
    width:500px;
    top:50%;
    left:50%;
    padding:10px;
    background:#fff;
    transform:translate(-50%,-50%)
}
.pic-big-box .pic-con img{
    width:100%;
}

/*login*/
.login-top{
    width: 100%;
    height: 100px;
    background: #fff;
    padding: 20px 0;
}
.login-top img{
    max-width: 100%;
}
.login-box{
    width: 100%;
    background: url("../images/login-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 20px;
    height: 700px;
}
.login-box .container{
    position: relative;
    width: 100%;
    height: 100%;
}
.login-box .login-form{
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 10px 32px 45px;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 6px;
}
.login-form .tie{
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #333341;
    border-bottom: 1px solid #e9eced;
    position: relative;
    font-size: 16px;
}
.login-form .tie span{
    position: absolute;
    height: 100%;
    border-bottom: 2px solid #2299ee;
    bottom: -1px;
}
.form-item{ width: 100%; height: 42px; line-height: 42px;}
.form-item input{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border:1px solid #e1e1e1;
    padding: 0 20px;
    font-size: 14px;
}
.login-form .ser-tips{
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 1px solid #fab5ae;
    background: #feecea;
    border-radius: 6px;
    margin: 20px 0 10px;
    padding: 0 15px;
}
.login-form .ser-tips i{
    color: #f34534;
    margin-right:8px;
}
.login-form .bro-tips{
    height: 24px;
    line-height: 24px;
    color: #f34534;
}
.login-form .pwd-eye{
    position: relative;
}
.login-form .pwd-eye i{
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}
.login-form .pwd-eye input{
    padding-right: 40px;
}
.login-footer{ width: 100%; text-align: center; color: #666; padding: 40px 20px;}
.login-footer .bcor{ color: #909090;}
.rmb-pwd{
    height: 22px;
    width: 100%;
    overflow: hidden;
}
.rmb-pwd .auto-l{
    float: left;
}
.rmb-pwd .auto-l input{
    margin-right: 5px;
}
.rmb-pwd .fgt-pwd{
    float: right;
    color: #595c6c;
}
.rmb-pwd .fgt-pwd:hover{
    color: #6c98ff;
}
.login-btn .btn{ margin: 20px auto; width: 100%; height: 42px; background: #0b76e6; font-size: 16px;border-color: #0b76e3;transition: .3s;}
.login-btn .btn:active,.login-btn .btn:hover,.login-btn .btn:focus{background: #0167d0;border-color: #0167d0;}
.login-form .rgs{
    color: #878b89;
}
.login-form .rgs a{
    text-decoration: underline;
}

/*保险云*/
.against-top{
    width: 100%;
    height: 80px;
    padding: 20px 0;
    overflow: hidden;
}
.against-top .ent{
    float: right;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #0b76e3;
    border-radius: 4px;
    margin: 4px 0;
    color: #0b76e3;
}
.against-bantit-box{
    position: relative;
    margin: 120px 60px;
    width: 480px;
    height: 240px;
}
.against-bantit-box a{
    position: absolute;
    display: block;
    width: 50%;
    height: 46px;
    left: 0;
    bottom: 0;
    text-indent: -9999em;
}
.against-bantit-box a.app-down{
    left: auto;
    right: 0;
}
.gk-box{
    max-height: 280px;
}
.gk-box img{
    display: block;
    margin: 0 auto;
}
.jg-box{
    background: url("../images/jg-bg.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 100px 0;
}
.jg-box img{
    width: 100%;
}
.jg-box .txt{
    margin: 100px;
}
.jg-box h3{
    font-size:32px ;
    color: #333341;
    font-weight: bold;
}
.jg-box p{
    font-size: 14px;
    color: #595c6c;
    line-height: 24px;
    margin-top: 15px;
}
.seron-box .container{
    overflow: hidden;
}
.seron-box ul{
    padding: 80px 0 0;
    text-align: center;
    width: 110%;
    margin-left: -5%;
}
.seron-box li{
    display: inline-block;
    width: 224px;
    height: 250px;
    overflow: hidden;
    border-radius: 4px;
    border:1px solid #e9eced;
    margin:20px 10px;
    position: relative;
}
.seron-box li:hover{
    box-shadow: 0 0 7px rgba(31,31,31,.16);
}
.seron-box li i{
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #e9eced;
    top:10px;
    right:18px;
}
.seron-box li img{
    display: block;
    margin: 24px auto 0;
}
.seron-box li h3{
    font-size: 16px;
    font-weight: bold;
    color: #333341;
    text-align: center;
    margin-top: 20px;
}
.seron-box li p{
    padding: 15px 15px 0;
    line-height: 20px;
    color: #595c6c;
    font-size: 14px;
    text-align: left;
}
.char-box .con{
    margin: 30px 0 0;
}
.char-box img{
    margin-top: 20px;
}
.char-box .char-txt{
    position: relative;
    border-bottom: 1px dashed #bfbfbf;
    padding-bottom:30px;
}
.char-box .char-txt i{
    position: absolute;
    right:0 ;
    top: 0;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    color: #e1e1e1;
    font-weight: bold;
}
.char-box .char-txt h3{
    font-size: 16px;
    font-weight: bold;
    margin-bottom:12px ;
    margin-right: 40px;
    color: #333341;
}
.char-box .container{
    padding: 0;
}
.pd60{
    padding: 0 60px;
}
.no-border{border:0;}
.char-box .ftop{
    margin-top: 80px;
    background: url("../images/char-bg.jpg") center center no-repeat;
    background-size: cover;
}
.char-box .ftop .container{
    padding: 100px 40px;
    background:rgba(255,255,255,.6);
    overflow: hidden;
}
.char-box .pd60{
    margin-bottom: 30px;
}
.sval-box .container{
    overflow: hidden;
}
.sval-box .con{
    padding: 80px 0;
}
.sval-box ul{
    width: 110%;
    text-align: center;
    margin-left: -5%;
}
.sval-box li{
    display: inline-block;
    vertical-align: middle;
    width: 285px;
    height: 374px;
    margin: 0 10px 20px;
    position: relative;
}
.sval-box li .tm{
    width: 100%;
    height: 204px;
    padding-top: 60px;
}
.sval-box li .tm img{
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.sval-box li .msg{
    width: 100%;
    height:170px;
    background: rgba(255,255,255,.9);
}
.sval-box li .msg h3{
    font-size: 16px;
    font-weight: bold;
    padding-top: 30px;
    color: #333341;
}
.sval-box li .msg p{
    font-size: 14px;
    color: #333341;
    line-height: 20px;
    padding:15px 20px;
    text-align: justify;
}
.sval-box li.num1{
    background: url("../images/sval-bg01.png") center center no-repeat;
}
.sval-box li.num2{
    background: url("../images/sval-bg02.png") center center no-repeat;
}
.sval-box li.num3{
    background: url("../images/sval-bg03.png") center center no-repeat;
}
.sval-box li.num4{
    background: url("../images/sval-bg04.png") center center no-repeat;
}
.sval-box li .mask{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    left: 0;
    top: 0;
    box-shadow: 0 0 10px rgba(31,31,31,.3);
}
.sval-box li .mask img{
    display: block;
    width: 80px;
    height: 80px;
    margin: 60px auto;
}
.sval-box li .mask h3{
    font-size: 16px;
    font-weight: bold;
    color: #333341;
}
.sval-box li .mask p{
    font-size: 14px;
    color: #333341;
    line-height: 20px;
    padding:15px 20px;
    text-align: justify;
}
@media (min-width: 1200px){
    .col-md-my{display: inline-block !important;}
    .join-us .btn{margin-right: 160px;}
    .deal-join .btn{margin-left: 20px;margin-right: 0;}
}
@media (min-width: 992px){
    .xs-form{text-align: left;}
}
@media only screen and (max-width: 1200px){
    .sys-bantit{width:90%;height:90%;margin-top:100px;}
}
@media only screen and (max-width: 768px) {
    .top-banner{min-height: 300px}
    .top-banner h1{padding-top:40px;font-size: 40px}
    .top-banner p{font-size: 24px}
    .pub-tie{padding-top: 40px;}
    .join-pro .con{margin-top: 40px;margin-bottom: 40px}
    .sus-case .con{margin-top: 40px;}
    .join-us{padding: 60px 0 40px;min-height: auto}
    .experts-swiper{padding: 45px 85px 38px;}
    .experts-swiper .swiper-container{padding: 20px 0}
    .deal-join .con{padding: 40px 0 20px}
    .company-txt{padding: 0 20px}
    .company-txt .tlt{font-size: 20px}
    .icon-li{padding: 20px 0 10px}
    .step-box .con{padding: 40px 20px}
    .step-bantit{width:90%;height:90%;margin-top:100px;}
    .join-bantit{width:90%;height:90%;margin-top:100px;}
    .char-box .ftop .container{
        padding: 0;
    }
}
@media (max-width: 768px){
    .intro-banner{height: 300px}
    .login-box .login-form{ width: 98%;}
    .introbantit{width:80% ;height:80%;margin-top:80px}
    .against-bantit-box{ width: 90%; margin: 100px auto 0; height: auto;}
    .gk-box img{
        width: 90%;
    }
    .jg-box{
        padding: 20px 0;
    }
    .jg-box .txt{
        margin: 20px;
    }
}
@media (min-width: 768px){
    .join-form .tie{padding: 32px 0 60px;color: #fff;}
    .join-form .tie h2{font-size: 32px;}
    .join-form .tie p{font-size: 16px;color: #d0d1d7;}
    .join-us li label{display: inline-block;}
    .link-box{padding: 100px 0 60px;}
    .link-box .link-li{float: left;margin-right: 100px;}
    .headgation .nav-list>li:hover>a:after,.headgation .nav-list>li:focus>a:after,.headgation .nav-list>li.active>a:after{content: "";border-bottom: solid 3px #0b76e3;display: block;width: 100%;margin-top: -3px;}
    .headgation .nav-list #aboutus:hover #openIcon{transform:rotate(180deg);transition: all .3s;}
    .headgation .nav-list #aboutus1:hover #openIcon1{transform:rotate(180deg);transition: all .3s;}
    .headgation .nav-list #aboutus:hover #aboutMenu{display:block;}
    .headgation .nav-list #aboutus1:hover #aboutMenu1{display:block;}
}