@charset "utf-8";
/*
	w | 2018(yy)/03(mm)/07(dd) 
	http://www.268xue.com 
	desc:268教育软件 - 在线教育整体解决方案提供商
*/
/*=============commonalityStyle=============*/
html,body {height: 100%;width: 100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd{margin:0;padding:0;border:0;}
body{font:12px/20px "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;word-break:break-all;word-wrap:break-word;overflow-x: hidden;}
@font-face {font-family: 'webfont';src: url('/company/font/51b2bdu3ywgvte29.eot'); /* IE9*/src: url('/company/font/51b2bdu3ywgvte29.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('/company/font/51b2bdu3ywgvte29.woff') format('woff'), /* chrome、firefox */url('/company/font/51b2bdu3ywgvte29.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('/company/font/51b2bdu3ywgvte29.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */}
ul,ol,li{list-style:none}
.clearfix:after {content: '';display: block;height: 0;clear: both;overflow: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.hide {display: none;}
.clear{clear:both;font-size:0;content: " ";line-height:1px;height:1px;_height:1%;margin-top:-1px;}
a{text-decoration:none;}
/* a:hover{text-decoration:underline;}a:focus{outline:none;-moz-outline:none;} */
a:active{outline:none;blr:expression(this.onFocus=this.blur())}
a,img{border:0 none;}
img {max-width: 100%;}
.txtarea{height:auto;}
input,select,button{vertical-align:middle;}
select::-ms-expand { display: none; }
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 36px;line-height: 45px;}
h2 {font-size: 24px;line-height: 30px;}
h3 {font-size: 18px;line-height: 22px;}
h4 {font-size: 16px;line-height: 20px;}
h5 {font-size: 14px;line-height: 18px;}
h6 {font-size: 12px;line-height: 16px;}
.c-000 {color: #000;}
.c-fff {color: #fff;}
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup,
menu, 
nav, 
section{display:block;}
.ele-loading {padding: 20px;text-align: center;}
.ele-loading em {background: url(../img/loading.svg) no-repeat 50% 50%;display: inline-block;min-height: 100px;vertical-align: middle;}
.ele-loading span {font-size: 16px;color: #333;margin-left: 5px;vertical-align: middle;}
/*=============cStyle=============*/
.container {height: 100%;position: relative;padding-top: 72px;}
.viewport {margin-left: auto;margin-right: auto;    position: relative;}
.lt-ie9.lt-ie8 .viewport,.lt-ie9 .viewport {width: 1160px;}
.m-v-bx {padding: 10px 0 70px;position: relative;background: #fff;}
.m-v-bx.n-case-box{background:#f9fafd;padding-top:30px;}
.m-v-g-bx {background: #EAF1F2;}
/* 功能 */
.header-gn{
  width: 100%;
  height: 461px;
  position: fixed;
  left: 0;
  top: -461px;
  background: #fff;
}
.hnnamselected{
  box-shadow: 0px 0px 50px #999999;
  transition: .3s;
}
.header-gn-cen{
  width: 1200px;
  height: 422px;
  margin: 0 auto;
  padding-top: 39px;
}
.header-gn-cen-to{
  width: 100%;
  height: 30px;
}
.header-gn-cen-to-left{
  width: 50%;
  height: 30px;
  float: left;
}
.header-gn-cen-to-left p{
  width: 93px;
  height: 30px;
  margin-left: 50px;
  font-size:16px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(85,85,85,1);
line-height:30px;
border-bottom: 2px solid rgba(255,115,38,1);
}
.header-gn-cen-to-right{
  width: 50%;
  height: 30px;
  float: left;
}
.header-gn-cen-to-right p{
  width: 93px;
  height: 30px;
  margin-left: 50px;
  font-size:16px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(85,85,85,1);
line-height:30px;
border-bottom: 2px solid rgba(78,129,249,1);
}
.header-gn-cen-hea{
  width: 1200px;
  height: 382px;
  margin-top: 10px;
}
.header-gn-cen-hea-left{
  width: 50%;
  height: 382px;
  float: left;
}
.header-gn-cen-hea-left div{
  width: 50%;
  height: 70px;
  float: left;
}
.header-gn-cen-hea-right{
  width: 50%;
  height: 382px;
  float: left;
}
.header-gn-cen-hea-right div{
  width: 50%;
  height: 70px;
  float: left;
}

.header-gn-cen-hea-item-p1{
font-size:16px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
margin-top: 12px;
margin-left: 50px;
}
.header-gn-cen-hea-item-p2{
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(122,122,1+22,1);
  margin-top: 6px;
  margin-left: 50px;
}
.header-gn-cen-hea-item-po{
  position: relative;
}
.header-gn-cen-hea-item-a{
  width: 100%;
  height: 100%;
  position: absolute;
}
.tel-icon,.sc-btn-bx em,.nav-sub-link em,.vp-pro-links dl dt em,.address-ul li em {background: url(/company/img/icon.png) no-repeat;}
.tel-icon {background-position: 0 0;}
.sc-btn-bx em {background-position: 0 -55px;}
.nav-sub-link .n-s-l-ico-1 {background-position: 0 -95px;}
.nav-sub-link .n-s-l-ico-2 {background-position: 0 -143px;}
.nav-sub-link .n-s-l-ico-3 {background-position: 0 -191px;}
.nav-sub-link .n-s-l-ico-4 {background-position: 0 -239px;}
.vp-pro-links dl .pro-pc em {background-position: -62px -95px;}
.vp-pro-links dl .pro-h5 em {background-position: -62px -168px;}
.vp-pro-links dl .pro-app em {background-position: -62px -234px;}
.vp-pro-links dl .pro-pad em {background-position: -62px -304px;}
.address-ul li.ar-1 em {background-position: -172px 0;}
.address-ul li.ar-2 em {background-position: -172px -162px;}
.address-ul li.ar-3 em {background-position: -172px -322px;}
.mw-nav-tel {display: none;}
.m-v-c-title {margin-top: 60px;color: #2e3136;text-align: center;overflow: hidden;clear: both;}
.m-v-c-title h3 {font-size: 40px;line-height: 50px;letter-spacing: 8px;margin-bottom: 10px;}
.m-v-c-title h5 {line-height: 50px;}
.m-v-c-title h5 big {color: #53a4ff;display: inline-block;font-size: 34px;position: relative;vertical-align: middle;}
.m-v-c-title h5 big small {position: absolute;right: -22px;top: -11px;font-family: \5FAE\8F6F\96C5\9ED1;}
.t-des-text {font-size: 20px;line-height: 30px;color: #333;}
.header-bx,.logo,.nav-ul>li>a,.r-tel,.sc-btn,.mw-nav-icon,.mw-nav-bx,.nav-sub,.nav-sub-link em,.all-case-ul li a,.apply-form input,.apply-form select,.apply-form textarea,.news-title a,.f-link-ul li a,.ft-link-list p a,.ft-gz span img,.pro-aHref a,.vp_product_bx,.vp_product_bx .pro-svg h2 span,.path-pro-svg-1,.path-pro-svg-3,#nt-g-txt,#s-g-txt,#ply-qypx,#p-edu-th,#pt-pk-th,#fzClass-polygon,#videoYunPath,#zhSchool-path {transition: .3s;-webkit-transition: .3s;}
/*=============hStyle=============*/
.header-bx {position:fixed;top:0;width: 100%;background: #fff;height:72px;left: 0;right: 0;z-index: 12; box-shadow: 0 1px 2px rgba(107, 107, 107, 0.1); }
.header-bx.header-bx-collapse, .header-bx.nav-sub-show {background: #fff;position: fixed; z-index: 999999;}

.header {/*border-bottom: 3px solid rgba(255,255,255,.1);*/height: 72px;}
/*.header-bx-collapse .header {border: none;height: 68px;}*/
/*.nav-sub-show .header {border: none;}*/
/*.header-bx-collapse .logo {width: 72px;}*/
/*.header-bx-collapse .logo img{margin: 5px 0 0;}*/
/*.header-bx-collapse .nav-ul {padding-top: 5px;}*/
/*.header-bx-collapse .nav-ul>li>a {line-height: 60px;font-size: 16px;}*/
/*.header-bx-collapse .r-tel{margin-top: -17px;}*/
/*.header-bx-collapse .r-tel {margin-top: -17px;font-size: 18px;}*/
.lt-ie9.lt-ie8 .header,.lt-ie9 .header {border-bottom: 1px solid #121212;}
.h-bx-v {position: relative;}
.header-wrap {padding-left: 100px;padding-right: 360px;position: relative;height: 100%;z-index: 9;}
.logo {position: absolute;width: 94px;top: 8px;left: 0;}
.logo img {display: inline-block;max-width: 80%;font-size: 12px;color: #fff;margin-top: 8px;}
.nav-ul {text-align: left;padding-top: 3px;position:relative;display: flex;justify-content:space-around;align-items: center;}
.nav-ul li {display: inline-block;}
.lt-ie9.lt-ie8 .nav-ul li {display: inline;font-size: 0;vertical-align: middle;}
.nav-ul>li>a {border-bottom: 3px solid transparent;display: inline-block;line-height: 66px;font-size: 16px;color: #666;position: relative;}
.nav-ul>li>a::before {content: "";display: block;width: 100%;height: 3px;background: transparent;position: absolute;bottom: -3px;left: 0;transform: scaleX(0);transition: all .2s ease-in-out;}
.nav-ul>li>a:hover::before{transform:scaleX(1);background:#398ae6;transition:all .2s ease-in-out}
.lt-ie9.lt-ie8 .nav-ul>li>a,.f-link-ul li,.f-link-ul li a {display: inline;}
.lt-ie9.lt-ie8 .nav-ul>li>a,.lt-ie9 .nav-ul>li>a,.lt-ie9.lt-ie8 .tel-txt,.lt-ie9 .tel-txt {font-family: 'SimHei';}
.nav-ul li.current > a {border-color: #398ae6;color: #398ae6;}

/* .nav-ul>li>a:hover,.nav-ul li.subShow a {color: #398ae6;text-decoration: none;} */
.tel-img{width:25px;height:20px;display:inline-block; margin-top:-1px;margin-right:5px;background: url("/company/img/revisionOne/header-tel-icon-g.png");vertical-align: middle;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
.i-tel{font-size: 16px;color:#666;letter-spacing: 1px;    vertical-align: middle;}
.nav-ul  .i-line{display: inline-block;border-right: 1px solid #eee;width:1px;height:18px;  margin: 27px 0 27px 20px;  vertical-align: middle;  }
.r-tel {position: absolute;right: 5px;top: 36px;margin-top: -22px;line-height: 41px;display: block;font-size: 16px;/*padding: 0 12px;border: dotted 1px #fff;*/}
.tel-txt{font-size:16px;font-weight:400;color:rgba(51,51,51,1);}
.login-btn{font-size: 18px;font-weight: bold;color: #2F73F8;position: fixed;right: 40px;top: 15px;}
.r-tel a{/*padding: 0 12px;*/}
.r-tel a.reg{width:140px;height:42px;border-radius: 21px; color:#fff;line-height:42px;text-align: center;display: inline-block;margin-right:20px;background: #2F73F8;}
.r-tel a:hover{text-decoration: none;}
.r-tel *,.sc-btn * {vertical-align: middle;display: inline-block;}
.tel-icon {width: 40px;height: 40px;}
.nav-sub11 {/*border-top: 1px solid rgba(255,255,255,0);*/position: fixed; top: -300px;right: 0;left: 0;width: 100%;z-index: 0;opacity: 0;filter: alpha(opacity=0);}
.nav-sub {/*border-top: 1px solid rgba(255,255,255,0);*/position: fixed; top: 72px;right: 0;left: 0;width: 100%;z-index: 0;opacity: 1;filter: alpha(opacity=1);}

.nav-sub-bx {background: #fff;padding: 20px 0;}
.lt-ie9 .nav-sub-bx{background-color: #060814;filter: alpha(opacity=95);}
.nav-sub-show .nav-sub {top: 72px;opacity: 1;filter: alpha(opacity=100);z-index: -1;}
.header-bx-collapse.nav-sub-show .nav-sub {top: 67px;/*border-top: 1px solid rgba(255,255,255,.25);*/}
.nav-sub-dl dl {float: left;width: 33.33%;}
.nav-sub-dl dl dt,.nav-sub-dl dl dd {color: #ccc;padding: 0 20px;}
.nav-sub-dl dl dt {line-height: 40px;margin-bottom: 25px;}
.nav-sub-dl dl dt span {font-size: 20px;}
.nav-sub-dl dl dd {border-left: 1px solid rgba(255, 255, 255, 0.06);}
.nav-sub-dl dl:first-child dd {border: none;}
.nav-sub-link {float: left;width: 25%;margin: 0;}
.nav-ul .nav-sub-link a,.header-bx-collapse .nav-ul .nav-sub-link a {line-height: inherit;opacity: .6;filter: alpha(opacity=60);}
.lt-ie9.lt-ie8 .nav-ul .nav-sub-link a,.lt-ie9 .nav-ul .nav-sub-link a {filter: none;}
.nav-sub-link em {display: inline-block;width: 38px;height: 38px;vertical-align: middle;}
.nav-ul .nav-sub-link a:hover,.nav-ul .nav-sub-link a:hover * {color: #e2e2e2;text-decoration: none;opacity: 1;filter: alpha(opacity=100);}
.nav-sub-link a:hover em {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.nav-ul .nav-sub-link figcaption {color: #ccc;font-size: 16px;line-height: 40px;}

.nav-ul .vp-thr-ul.vp_productAll_ul{display: flex;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li.li-height{padding-bottom: 20px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li.li-left{width: 50%;background: #fff;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li.li-right{width: 50%;background: #F7F8FC;display: flex;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li.li-width{width: 50%;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li-sec{padding: 0 30px;cursor: pointer;}
.nav-ul .vp-thr-ul.vp_productAll_ul .v-nav__li-h2{width: 100%;height:67px;color: #666;font-size: 16px;display: flex;align-items: center;margin-left: 10px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .v-nav__li-h2 .nav-h2-icon{width: 14px;height: 14px;background: url('../img/revisionOne/nav-tit-icon.png') no-repeat center center;background-size: 100% 100%;margin-right: 13px;border-radius: 100%;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li:hover .v-nav__li-h2,.nav-ul .vp-thr-ul.vp_productAll_ul .right-one:hover .v-right__li-h2,.nav-ul .vp-thr-ul.vp_productAll_ul .right-two:hover .v-right__li-h2{color: #2F73F8;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li:hover .v-nav__li-h2 .nav-h2-icon{background: url('../img/revisionOne/nav-tit-icon-h.png') no-repeat center center;}
.nav-ul .vp-thr-ul.vp_productAll_ul .v-nav__li-line{width:152px;height:2px;background: rgba(47, 115, 248, 0.1);}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box{display: flex;flex-wrap: wrap;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box li{margin: 15px 10px;padding:0;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box a{width: 50%;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box li.ul__li{display:flex;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box li.ul__li .ul__li-img{width: 40px;height:40px;margin-right: 10px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box li h3{font-size: 16px;color: #2C3B5F;font-weight: 500;display: flex; align-items: center;position: relative;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box li:hover h3{color: #2F73F8;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box li:hover p{color: #6D9EFF;}
.nav-ul .vp-thr-ul.vp_productAll_ul .v-right__li-h2{height:67px;color: #333;font-size: 16px;display: flex;align-items: center;margin-left: 30px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box{display: flex;flex-direction: column;padding-left: 30px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li {margin: 15px 0px 10px;height:42px}
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li a{width: 100%;display: flex;}
/* .nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li a>div{flex:1;} */
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li a img{width: 25px;height: 25px;margin-right: 10px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li a h3{font-size: 16px;color: #2C3B5F;position: relative;display: flex;align-items: center;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li a p{font-size: 12px;color: #7D8DA9;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li:hover h3{color: #2F73F8;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ol__box li:hover p{color: #6D9EFF;}
.nav-ul .vp-thr-ul.vp_productAll_ul .custom-btn{width: 140px;height:40px;line-height: 40px;text-align: center;border-radius: 20px;background: #2F73F8;color: #fff;font-size: 16px;margin: 30px 0 0 35px;cursor: pointer;}
.nav-ul .vp-thr-ul.vp_productAll_ul .custom-btn:hover{box-shadow: 0 0 15px rgba(47, 115, 248, 0.5);}
.nav-lab-btn-new{width: 48px;height: 18px;background:url('/company/img/revisionOne/new-icon.png') no-repeat center center;background-size: 100% 100%;margin-left: 10px;display: inline-block;}
.nav-lab-btn-hot{width: 48px;height: 18px;background:url('/company/img/revisionOne/hot-icon.png') no-repeat center center;background-size: 100% 100%;margin-left: 10px;display: inline-block;}
.nav-ul .vp-thr-ul.vp_productAll_ul .ul__box li p{font-size: 12px;color: #999;margin-top: 1px;line-height: 24px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .func-left{width: 330px;height: 450px;display: flex;flex-direction: column;align-items: center;background: #f9fafd;}
.nav-ul .vp-thr-ul.vp_productAll_ul .func-title{width:100%;display: flex;align-items: center;padding: 20px 0 20px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .func-title img{width: 40px;height: 40px;margin: 0 14px 0 20%;}
.nav-ul .vp-thr-ul.vp_productAll_ul .func-title h2{font-size: 16px;line-height: 18px;color: #666;}
.nav-ul .vp-thr-ul.vp_productAll_ul .func-left .tit-img{width: 170px;height: 143px;margin-top: 20px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .func-left h3.tit-h3{font-size: 22px;color: #2C3B5F;margin-top: 30px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .func-left h3.tit-h3:hover{color:#2F73F8;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li-last{flex:1;display: flex;}
.nav-ul .vp-thr-ul.vp_productAll_ul .vp-nav__li-last .func-li{width: 50%;display: flex;flex-direction: column;}
.nav-ul .vp-thr-ul.vp_productAll_ul .nav-label-box{display: flex;flex-wrap: wrap;justify-content: space-around;padding: 15px 0% 0 20%;}
.nav-ul .vp-thr-ul.vp_productAll_ul .nav-label-box a{display: block;width: 50%;text-align: center;font-size: 16px;color: #666;margin-bottom: 30px;line-height: 24px;}
.nav-ul .vp-thr-ul.vp_productAll_ul .nav-label-box a:hover h2,.nav-ul .vp-thr-ul.vp_productAll_ul .nav-label-box a:hover span{color:#2F73F8;}
.nav-ul .vp-thr-ul.vp_productAll_ul .nav-label-box a h2{font-size: 18px;line-height: 18px;color: #2C3B5F;text-align: left;}
.nav-ul .vp-thr-ul.vp_productAll_ul .nav-label-box a span{font-size: 14px; color: #7D8DA9;text-align: left;display: block;margin-top: 10px;}
/* .nav-ul .vp-thr-ul.vp_productAll_ul .nav-label-box {display: inline-block;height: auto;border:0;line-height:normal;} */

/*item-head-style*/
.ic_head_fixed .header-bx {position: relative;}
.ic_head_fixed .header {height: 68px;}
.ic_head_fixed .header .logo {top: 6px;width: 88px;}
.ic_head_fixed .r-tel {margin-top: -15px;}
.ic_head_fixed .nav-ul {text-align: left;}
.ic_head_fixed .nav-ul>li>a {line-height: 48px;}
#iCaseBx {padding-top: 111px;}
/*=============scStyle=============*/
.video-wrap {width: 100%;height: 100%;position: fixed;top: 0px;right: 0;bottom: 0;overflow: hidden;left: 0;z-index: -1;}
.v-b-shadow{background: #171635;position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;z-index: 0;}
.v-w-shadow {background: url("../img/banner.jpg") no-repeat center top;background-size: cover;position: relative;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;z-index: 0;}
.triangle{width: 100%;height: 302px;position: absolute;top: -302px;left: 0;right: 0;background: url("../img/banner-bottom.png") no-repeat center center;background-size: cover;}
.require-bx{background-color: transparent;padding: 0;}
.require-bx .require-main{padding: 0 0 140px;}
.require-main{padding: 0 0 70px;background-color: #fff;}
.require-main .m-v-c-title{padding-top: 150px;}
.lt-ie9.lt-ie8 .video-wrap,.lt-ie9 .video-wrap {background: #000308 url(/company/img/bg-v-lt9.jpg) no-repeat 50% 50%;background-size: cover;background-origin: padding-box;background-clip: border-box;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-v-lt9.jpg',sizingMethod='scale');}
#bgvid {min-width: 100%;min-height: 100%;width: auto;height: auto}
.lt-ie9.lt-ie8 #bgvid,.lt-ie9 #bgvid {display: none;}
.sc-slogn-txt {height: 500px;margin: 120px 0 0;text-align: center;position: relative;/*font-family: 'webfont','SimHei','Microsoft YaHei';*/}
.sc-slogn-txt h2 {line-height: 60px;font-size: 48px;letter-spacing: 8px;}
.sc-sub-slogn-txt {margin-top: 30px;/*font-family: "Hiragino Sans GB",'SimHei','Microsoft YaHei';*/}
.sc-sub-slogn-txt p {color: #fff;margin-bottom: 13px;line-height: 30px;font-size: 20px;letter-spacing: 1px;}
.sc-sub-slogn-txt p big{font-size: 30px;vertical-align: bottom;}
/*.sc-slogn-txt h2 span {font-weight: 700}
.sc-slogn-txt h2 span,.sc-sub-slogn-txt p span {background: rgba(76,116,157,0.5);padding: 5px 6px;}*/
.sc-btn-bx {margin-top: 110px;text-align: center;}
.sc-btn {border: 1px solid #e2e2e2;border-radius: 0;color: #fff;display: inline-block;height: 44px;line-height: 44px;padding: 0 50px;color: #fff;}
.sc-btn em {display: inline-block;width: 32px;height: 24px;}
.sc-btn span {color: #e2e2e2;font-size: 20px;font-family: 'SimHei';}
.sc-btn:hover,.sc-btn:hover span {border-color: #fff;color: #fff;text-decoration: none;}
.mouse{padding: 40px 0 0;height: 24px;}
.sc-mobile{position: relative;/*bottom: 0;*/width: 100%;z-index: 3;padding: 45px 0 0;}
.sc-mobile img{vertical-align: middle;display: inline-block;overflow: hidden;}

.pro-list li {text-align: center;}
.vp-pro-title {line-height: 50px;height: 50px;margin-top: -10px;}
.vp-pro-title aside {color: #2e3136;display: inline-block;position: relative;font-size: 24px;}
.vp-line-col {border-top: 1px solid #2F75BB;display: inline-block;position: absolute;bottom: 0;width: 50%;left: 50%;margin-left: -25%;}
.vp-pro-line {border-bottom: 1px solid #999;height: 30px;position: relative;text-align: center;}
.vp-line-row {border-left: 1px solid #999;font-size: 0;width: 1px;height: 100%;position: absolute;left: 50%;margin-left: -0.5px;top: 0;bottom: 0;}
.vp-pro-links dl {margin-top: 30px;position: relative;min-height: 56px;padding-left: 74px;}
.vp-pro-links dl dt {position: absolute;left: 0;top: 0;}
.vp-pro-links dl dt em {display: inline-block;width: 56px;height: 56px;}
.lt-ie9.lt-ie8 .vp-pro-title aside,.lt-ie9.lt-ie8 .vp-line-col,.lt-ie9.lt-ie8 .vp-pro-links dl dt em {display: inline;}
.lt-ie9.lt-ie8 .vp-line-col {line-height: 0;}
.vp-pro-links dl dd {text-align: left;}
.pro-name {line-height: 28px;font-size: 20px;color: #2e3136;}
.pro-aHref {line-height: 28px;}
.pro-aHref * {font-size: 14px;color: #666;vertical-align: middle;}
.pro-aHref a:hover {color: #2F75BB;}

/*about us*/
.ab-slogn-txt {height: 310px;margin: 50px 0;text-align: center;}
.ab-slogn-txt h6 {height: 310px;line-height: 310px;font-size: 42px;letter-spacing: 8px;}
.ab-slogn-txt.n-about-txt{margin:0 auto;height: 200px;}
.ab-slogn-txt.n-about-txt h6 {
  height: 200px;
  line-height: 200px;
}
.ab-slogn-txt h6 p {margin-top: 30px;}
.ab-slogn-txt h6 p a {border: 1px dotted #ccc;border-radius: 20px;color: #ccc;display: inline-block;font-size: 18px;height: 34px;line-height: 34px;margin: 0 10px;padding: 0 30px;text-align: center;text-decoration: none;vertical-align: middle;-webkit-transition: 0.5s;transition: 0.5s;}
.ab-slogn-txt h6 p a:hover {border-color: #f2f2f2;border-style: solid;color: #f2f2f2;text-decoration: none;}
.about-shadow{background-image: url(/company/img/about-bg.jpg);}
.about-shadow,.case-shadow,.ecological-shadow {background-repeat: no-repeat;background-position: 50% 0; bottom: 0;height: 100%;left: 0;position: absolute;top: 72px;width: 100%;z-index: 0;}
#ab-play{display: inline-block;width: 167px;height: 84px;vertical-align: middle;margin-right: 5px;}
#ab-play svg{vertical-align: top;}
#ab-play:hover{text-decoration: none;}
#ab-play:hover svg path,#ab-play:focus svg path{fill: #398ae6;}
.ab-view {width: 820px;margin: 0 auto;padding-left: 72px;}
.a-b-title {margin: 72px 0 42px;}
.s-title {height: 50px;line-height: 50px;position: relative;vertical-align: middle;}
.s-title span {font-size: 30px;color: #2f75bb;letter-spacing: 1px;}
.s-title .syh {background: url(/company/img/syh.png) no-repeat 0 0;background-size: cover;display: block;width: 48px;height: 32px;position: absolute;left: -72px;top: 5px;}
.ab-txt-1 li {margin-bottom: 30px;line-height: 180%;font-size: 18px;color: #4e4e4e;}
.work-ol li,.address-ul li {float: left;width: 33.33%;text-align: center;}
.work-ol li svg {width: 60%;height: 60%;}
.work-dl-txt dl {margin-top: 50px;color: #333;}
.work-dl-txt dl dt,.address-ul li p {height: 30px;line-height: 30px;font-size: 18px;}
.work-dl-txt dl dd {margin: 10px 0 0 30px;text-align: justify;font-size: 16px;line-height: 180%;}
.address-ul li em {display: inline-block;width: 112px;height: 112px;margin: 30px 0 10px;}
.address-ul li p {font-size: 16px;color: #999;}
.address-ul li h5 {text-align: left;margin-top: 10px;line-height: 200%;}
.address-ul li h5 span,.address-ul li h5 a {font-size: 18px;color: #333;}
.address-ul li.ar-3 h5,.address-ul li.ar-3 h5 a,.address-ul li.ar-2 h5 {text-align: center;color: #2F75BB;}
.ab-map-bx {height: 400px;padding: 0 40px;}

/*case*/
.case-shadow {background-image: url(../img/case-bg.jpg);}
.case-view {padding-left: 220px;position: relative;overflow: hidden;min-height: 620px;}
.case-list {margin-top: 0px;background:#fff;padding-top:20px;}
.case-list dl {overflow: hidden;padding-bottom: 15px;padding-left: 275px;margin-bottom: 20px;position: relative;-webkit-transition: .6s;transition: .6s;border-bottom: 1px solid #f6f6f6;}
.case-list dd {color: #666;min-height: 240px;overflow: hidden;}
.case-list dd h2 {margin-top: 20px;}
.case-list dd p {font-size: 14px;margin-top: 10px;width:50%;color:#555;}
.case-desc {height: 80px;overflow: hidden;font-size: 14px;line-height: 26px;color: #777;margin-top: 10px;text-align: justify;padding-right:20px;}
.case-list dt {position: absolute;left: 0;top: 0;}
.case-pic-bx {width: 240px;height: 240px;overflow: hidden;position: relative;}
.case-txt {position: absolute;bottom: 7px;height: 63px;width: 240px;text-align: center;z-index: 7;}
.case-txt a {color: #fbfbfb;text-decoration: underline;font-size: 15px;line-height: 50px;}
.case-txt a:hover {color: #fff;text-decoration: none;}
.round-bg {background: url(/company/img/round-bg.png) no-repeat 0 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 7;}
.gogw {margin-top: 20px;text-align: center;}
.gogw a {border: 1px solid #2F75BB;border-radius: 30px;color: #2F75BB;font-size: 15px;line-height: 30px;display: inline-block;width: 160px;height: 30px;-webkit-transition: .6s;transition: .6s;}
.gogw a:hover {border-color: #479FF8;color: #479FF8;border-radius: 10px;text-decoration: none;}
.gogw a small {font-family: 'SimSun';margin-left: 3px;vertical-align: middle;}

.gogw.n-gogw{margin-top: 20px;text-align: right;padding-right:30px;}
.gogw.n-gogw a{color: #5284ff;font-size: 14px;line-height: 30px;display: inline-block;height: 30px;border-style: none;}

.case-sort-bx {position: absolute;margin-left: -220px; z-index: 5;-webkit-transition: .4s;transition: .4s;background:#fff;}
.case-sort {width: 185px;text-align: right;padding: 0;margin-top:3px;}
.lt-ie9.lt-ie8 .case-sort {margin-left: 0;}
.case-sort li {background-color: #fff;/*border-right: 1px solid #e2e2e2;*/}
.case-sort li a {/*border-bottom: 1px solid #f2f2f2;*/color: #3a4153;font-size: 14px;display: block;height: 53px;line-height: 53px;text-align: left;padding-right: 10px;padding-left:24px;}
.case-sort li.current a {/*border-color: #5284ff;*/color: #5284ff;}
.case-sort li a:hover {color: #5284ff;text-decoration: none;}
.other-case {padding: 30px 0;overflow: hidden;}
.other-case li {float: left;margin: 20px 0;}
.case-sort li.case-all-txe > a{display: inline-block;height:46px;line-height:46px;font-size: 16px;padding:0 24px;width:137px;}
.case-sort li.case-all-txe > a:hover{text-decoration: none;}
.mCase-tip {margin: 30px 0;font-size: 16px;color: #999;text-align: center;}
#case-ei {display: none;}

#iCaseBx .gogw a {width: 140px;margin: 0 5px;}

/*case new style 20 3.25*/
.case_n_op .ab-slogn-txt {
  margin: 0 auto;height: 200px;
}
.case_n_op .ab-slogn-txt > h6 {
  height: 100%;line-height: 200px;
}
.case_n_op .case-shadow {
  background-position-y: -80px;
}
.case_n_op .case-view {
  padding-left: 0;
}
.case_n_op .case-sort-bx {
  position: relative;
  margin-left: 0;
  margin-top: 30px;
}
.case_n_op .case-sort-bx .case-sort {
  width: 100%;
  clear: both;
}
.case_n_op .case-sort-bx .case-sort li {
  float: left;
  margin: 8px 5px;
  position: relative;
}
.case-hot-ico {
  display: block;
  width: 24px;
  height: 18px;
  position: absolute;
  top: -15px;
  right: 5px;
  z-index: 9;
  background: url(../img/case-hot/case-hot-ico.png) no-repeat 50% 50% / cover;
}
.case_n_op .case-sort-bx .case-sort li > a {
  width: 113px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 34px;
  padding: 0;
  border: 1px solid #e4e0e0;
  font-size: 12px;
}
.case_n_op .case-sort-bx .case-sort li.current > a,
.case_n_op .case-sort-bx .case-sort li > a:hover {
  border-color: #5284ff;
  font-size: 12px;
}
.case_n_op .case-sort-bx .case-sort li.current > a {
  background-color: #5284ff;
  color: #fff;
}
.case-hot-main {
  position: relative;
  padding: 0 20px;
}
.case-hot-tag {
  position: absolute;
  left: -100px;
  width: 134px;
  top: 0;
  bottom: 0;
}
.case-hot-tag > li {
  position: relative;
  padding: 8px 0 8px 5px;
  margin: 34px 5px 34px 0;
}
.case-hot-tag > li:first-child {
  margin-top: 15px
}
.case-hot-tag > li > a {
  color: #333;
  cursor: pointer;
  font-size: 16px;
  line-height: 1em;
}
.case-hot-tag > li > a * {
  vertical-align: middle;
}
/* .case-hot-tag > li.active > a::before{
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 18px;
  left: 0;
  background: #5284ff;
} */
.ch-links-btn:hover,
.case-hot-tag > li.active > a {
  color: #5284ff
}
.case-hot-tag > li.active,
.case-hot-tag > li:hover {
  background-color: rgba(82, 132, 255, .1);
  cursor: pointer;
}
.case-hot-content {
  width: 100%;
  min-height: 280px;
  position: relative;
}
.case-hot-list > ol {
  display: none;
}
.case-hot-list > ol.active {
  display: block;
}
.case-hot-list > ol > li {
  float: left;
  width: 30%;
  margin: 0 0 40px 3.333%;
  padding-top: 10px;
}
.case-hot-item {
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 15px rgba(0,0,0,.06);
  padding: 10px 10px 30px;
  position: relative;
  margin-top: 30px;
  margin: 30px 5px 0 15px;
  text-align: center;
}
.case-hot-face {
  margin: 0 auto;
  width: 120px;
  position: relative;
  height: 50px;
  margin-bottom: 33px;
}
.case-hot-face .img-circle {
  display: block;
  width: 80px;
  height: 80px;
  padding: 15px;
  overflow: hidden;
  position: absolute;
  top: -45px;
  left: 50%;
  margin-left: -55px;
  border: 1px solid #f7f8f9;
  box-shadow: 0 0 15px rgba(0,0,0,.06);
  background-color: #fff;
  border-radius: 18px;
  z-index: 9;
}
.ch-title {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.ch-desc {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-align: left;
  padding: 10px;
}
.ch-links-btn {
  display: inline-block;
  width: 180px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #bbb;
  font-size: 14px;
  color: #666;
}
.ch-links-btn:hover {
  border-color: #5284ff;
}
.case-hot-qCode {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 7;
  background-color: rgba(255,255,255, .9);
  display: none;
  text-align: center;
}
.case-hot-qCode > img {
  width: 160px;
  height: 160px;
  margin: 110px auto 10px;
  display: block;
}
.case-hot-qCode > span {
  font-size: 14px;
  color: #666;
}
.case-hot-item:hover .case-hot-qCode {
  display: block;
  cursor: pointer;
}
.case-ei-show.case-hot-list > ol > li {
  margin: 0px 1.5% 40px 1.5%;
}
/*template*/
.temp-shaodw {background-image: url(/company/img/temp-bg.jpg);}
.temp-bx {overflow: hidden;}
.temp-list ol {overflow: hidden;clear: both;}
.temp-list ol li {float: left;width: 260px;margin: 50px 70px 0;}
.lt-ie9.lt-ie8 .temp-list ol li,.lt-ie9 .temp-list ol li {margin: 50px 35px 0;}
.t-one-0 .temp-cont {background-color: #02C072;}
.t-one-1 .temp-cont {background-color: #0F96CE;}
.t-one-2 .temp-cont {background-color: #13BDB4;}
.t-one-3 .temp-cont {background-color: #B8A6D6;}
.t-one-4 .temp-cont {background-color: #D6A072;}
.t-one-5 .temp-cont {background-color: #F494AF;}
.t-two-1 .temp-cont {background-color: #E05F7B;}
.t-two-2 .temp-cont {background-color: #ECBDC5;}
.t-two-3 .temp-cont {background-color: #F2886E;}
.t-thr-1 .temp-cont {background-color: #FD999B;}
.t-thr-2 .temp-cont {background-color: #7ABD9A;}
.t-thr-3 .temp-cont {background-color: #5CA7BA;}
.temp-list ol li .temp-cont {display: none;width: 240px;margin: 0 auto;height: 300px;padding: 10px;overflow: hidden;}
.temp-list ol li .temp-cont a {text-align: center;display: block;color: #333;font-size: 14px;-webkit-transition: .4s;transition: .4s;}
.temp-list ol li .temp-cont a img {opacity: 0.9;filter: alpha(opacity=90);width: 100%;margin-bottom: 10px;-webkit-transition: .4s;transition: .4s;}
.temp-list ol li .temp-cont a:hover img,.temp-list ol li .temp-cont a:hover p,.temp-list ol li .temp-cont a:hover {color: #fff;text-decoration: none;}
.temp-list ol li .temp-cont a:hover img {opacity: 1;filter: alpha(opacity=100);}
/* .temp-cover {width: 260px;height: 320px;overflow: hidden;margin: 0 auto;}
.temp-cover img {width: 100%;height: 100%;display: block;cursor: pointer;} */
.lt-ie9.lt-ie8 .wx-temp-bx ul {overflow: hidden;clear: both;}
.wx-temp-bx li {display: inline-block;width: 30%;margin: 0 1.5%;text-align: center;margin-top: 40px;}
.lt-ie9.lt-ie8 .wx-temp-bx ul li {float: left;}
.wx-temp-bx li img {max-width: 100%}
.app-temp-bx dt {height: 42px;line-height: 42px;font-size: 16px;color: #4e4e4e;margin: 20px 0 20px 20px;}
.app-temp-bx dd li {box-shadow: 6px 6px 0 rgba(0,0,0,.06);float: left;width: 140px;margin: 0 50px 40px;}
.lt-ie9.lt-ie8 .app-temp-bx dd li,.lt-ie9 .app-temp-bx dd li {margin: 0 30px 40px;}
.app-temp-bx dd li a,.app-temp-bx dd li a img {display: block;text-align: center;line-height: 249px;color: #2F75BB;}
.app-temp-bx dd li a img {cursor: pointer;cursor: url(/company/img/big.cur), auto;}

/*job*/
.job-shadow{background-image: url(/company/img/job-pic/job-banner.jpg);}
/*.m-v-bx{ padding-top:38px}*/
.job-view{ border-bottom:solid 1px #d9d9d9; height:58px;/* position:relative;*/ width:1174px; margin:0 auto; z-index:99}
.title li{ float:left; text-align:center; margin:0 8px; line-height:58px}
.title li a{ color:#434343; font-size:14px; padding:0 9px; display:block}
.title li.current a{ border-bottom:solid 1px #2f75bb;color: #2f75bb;}
.title li a:hover{ text-decoration:none}

.job-body-1{ padding-right:200px; position:relative; min-height:730px; /*margin-top:60px*/ padding-bottom:30px}
.job_pa{ position:absolute; right:0; top:20px; width:858px; width:866px}
.job-body-bg{ background:#f5f8fa;}
.job-body-2{ position:relative; min-height:890px; padding-left:200px}
.job_img{ position:absolute; right:80px; top:280px}
/* .img1{ width:125px; height:100px}
.job_img1{ position:absolute; left:110px; top:280px} */
/* .img2{ width:112px; height:110px}
.img3{ width:102px; height:140px} */
/* .img4{ width:102px; height:105px}
.img5{ width:104px; height:174px}
.img6{ width:95px; height:161px} */
.img7{ width:198px; height:147px}
.img8{ width:97px; height:147px}
.img9{ width:134px; height:139px}
.img10{ width:121px; height:115px}
.img11{ width:155px; height:121px}
.job_img img{ width:100%; height:auto}
.job_p{ font-size:40px; color:#2f75bb; line-height:40px; padding-top:60px}
.responsibility p{ font-size:20px; color:#2f75bb; margin:46px 0 20px}
.responsibility li{ font-size:16px; color:#707070; line-height:32px; background:url(/company/img/job-pic/li_bg.png) no-repeat left center; padding-left:15px}
.c4-content,.c9-content{ min-height:750px}
.responsibility .li_bg{ background:none; height:32px}

/*pro num3 animation*/
#nt-g-txt,#p-edu-th {-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);opacity: 0;}
#pt-pk-th {-webkit-transform: translate3d(-30px, 0, 0);transform: translate3d(-30px, 0, 0);opacity: 0;}
.path-pro-svg-1 {-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);opacity: 0;}
.path-pro-svg-3 {-webkit-transform: translate3d(30px, 0, 0);transform: translate3d(30px, 0, 0);opacity: 0;}
#fzClass-polygon {-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);opacity: .6;}
/*.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(6) .pro-svg-6>svg>g {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);-webkit-transform-origin: 38% 45% 0;-ms-transform-origin: 38% 45% 0;transform-origin: 38% 45% 0;}*/
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(1):hover .path-pro-svg-1,
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(3):hover .path-pro-svg-3,
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(5):hover #p-edu-th,
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(6):hover #pt-pk-th {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(2):hover #s-g-org>path {stroke-dasharray: 1000;stroke-dashoffset: 1000;-webkit-animation: dash 3s linear infinite;animation: dash 3s linear infinite;}
.lt-ie10 .vp-thr-ul.vp_productAll_ul>ul>li:nth-child(2):hover #s-g-org>path {stroke-dasharray: 20;stroke-dashoffset: 20;-webkit-animation: dash 3s linear infinite;animation: dash 3s linear infinite;}
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(3) #s-g-txt,
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(4) #ply-qypx {opacity: 0}
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(3):hover #s-g-txt,
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(4):hover #ply-qypx {opacity: 1}
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(3):hover #s-g-txt>path,
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(4):hover #ply-qypx {stroke-dasharray: 1000;stroke-dashoffset: 1000;-webkit-animation: dash 3s linear infinite;animation: dash 3s linear infinite;}
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(8):hover #fzClass-polygon {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(7):hover #videoYunPath {-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.vp-thr-ul.vp_productAll_ul>ul>li:nth-child(9):hover #zhSchool-path {-webkit-transform: translate3d(4px, -8px, 0) rotate(-4deg);transform: translate3d(4px, -8px, 0) rotate(-4deg);transform-origin: 50% 50%;}
@-webkit-keyframes dash {to {stroke-dashoffset: 0;}}
@keyframes dash {to {stroke-dashoffset: 0;}}

.lt-ie9 .nav-sub-bx,.lt-ie9.lt-ie8 .nav-sub-bx {background: rgba(6,8,20,1);}
.lt-ie9 .mouse,.lt-ie9.lt-ie8 .mouse{background: url(/company/img/mouse.png) no-repeat center 30px;}
.lt-ie9 .pro-svg,.lt-ie9.lt-ie8 .pro-svg {display: block;width: 54px;height: 54px;background-repeat: no-repeat; background-position: center center;margin: 0 auto;}
.lt-ie9 .require-svg-1,.lt-ie9.lt-ie8 .require-svg-1 {background-image: url(/company/img/require-nth-1.png);}
.lt-ie9 .require-svg-2,.lt-ie9.lt-ie8 .require-svg-2 {background-image: url(/company/img/require-nth-2.png);}
.lt-ie9 .require-svg-3,.lt-ie9.lt-ie8 .require-svg-3 {background-image: url(/company/img/require-nth-3.png);}
.lt-ie9 .require-svg-4,.lt-ie9.lt-ie8 .require-svg-4 {background-image: url(/company/img/require-nth-4.png);}
.lt-ie9 .require-svg-5,.lt-ie9.lt-ie8 .require-svg-5 {background-image: url(/company/img/require-nth-5.png);}

.lt-ie9 .pro-svg-1,.lt-ie9.lt-ie8 .pro-svg-1 {background-image: url(/company/img/product-nth-1.png);}
.lt-ie9 .pro-svg-2,.lt-ie9.lt-ie8 .pro-svg-2 {background-image: url(/company/img/product-nth-2.png);}
.lt-ie9 .pro-svg-3,.lt-ie9.lt-ie8 .pro-svg-3 {background-image: url(/company/img/product-nth-3.png);}
.lt-ie9 .pro-svg-4,.lt-ie9.lt-ie8 .pro-svg-4 {background-image: url(/company/img/product-nth-4.png);}
.lt-ie9 .pro-svg-5,.lt-ie9.lt-ie8 .pro-svg-5 {background-image: url(/company/img/product-nth-5.png);}
.lt-ie9 .pro-svg-6,.lt-ie9.lt-ie8 .pro-svg-6 {background-image: url(/company/img/product-nth-6.png);}
.lt-ie9 .pro-svg-7,.lt-ie9.lt-ie8 .pro-svg-7 {background-image: url(/company/img/product-nth-7.png);}
.lt-ie9 .pro-svg-8,.lt-ie9.lt-ie8 .pro-svg-8 {background-image: url(/company/img/product-nth-8.png);}
.lt-ie9 .pro-svg-9,.lt-ie9.lt-ie8 .pro-svg-9 {background-image: url(/company/img/product-nth-9.png);}
.lt-ie9 .bt9,.lt-ie9.lt-ie8 .bt9{margin-left:38px;margin-right: 38px;}
.lt-ie9 .bottom9,.lt-ie9.lt-ie8 .bottom9 {margin-top:18px;}

.lt-ie9 .ps,.lt-ie9.lt-ie8 .ps {float: left;display: block;height: 27px;width: 27px;/*padding-left: 30px;*/background-repeat: no-repeat; background-position: 50% 50%;line-height: inherit;}
.lt-ie9 .nav-ul .vp_product_bx h2,.lt-ie9.lt-ie8 .nav-ul .vp_product_bx h2{text-align: left;display: inline-block;vertical-align: middle;margin-left: 10px;padding: 0;color: #8294a6;text-align: left;float: left;}
.lt-ie9 .vp_product_bx h2 span,.lt-ie9.lt-ie8 .vp_product_bx h2 span{color: #d9d8d8;font-size: 16px !important;display: block;height: 20px;line-height: 20px;}
.lt-ie9 .vp_product_bx h2 small,.lt-ie9.lt-ie8 .vp_product_bx h2 small{font-size: 12px !important;color: #b6b5b5;display: block;line-height: 20px;margin-top: 5px;}
.lt-ie9 .ps .ps4,.lt-ie9.lt-ie8 .ps4{line-height: 40px; padding-left:20px;}

.lt-ie9 .pro-svg-b1,.lt-ie9.lt-ie8 .pro-svg-b1 {background-image: url(/company/img/product-nth-b1.png);}
.lt-ie9 .pro-svg-b2,.lt-ie9.lt-ie8 .pro-svg-b2 {background-image: url(/company/img/product-nth-b2.png);}
.lt-ie9 .pro-svg-b3,.lt-ie9.lt-ie8 .pro-svg-b3 {background-image: url(/company/img/product-nth-b3.png);}
.lt-ie9 .pro-svg-b4,.lt-ie9.lt-ie8 .pro-svg-b4 {background-image: url(/company/img/product-nth-b4.png);}
.lt-ie9 .pro-svg-b5,.lt-ie9.lt-ie8 .pro-svg-b5 {background-image: url(/company/img/product-nth-b5.png);}
.lt-ie9 .pro-svg-b6,.lt-ie9.lt-ie8 .pro-svg-b6 {background-image: url(/company/img/product-nth-b6.png);}
.lt-ie9 .pro-svg-b7,.lt-ie9.lt-ie8 .pro-svg-b7 {background-image: url(/company/img/product-nth-b7.png);}
.lt-ie9 .pro-svg-b8,.lt-ie9.lt-ie8 .pro-svg-b8 {background-image: url(/company/img/product-nth-b8.png);/*margin-left: 10px;*/}
.lt-ie9 .pro-svg-b9,.lt-ie9.lt-ie8 .pro-svg-b9 {background-image: url(/company/img/product-nth-b9.png);/*margin-left: 10px;*/}

.lt-ie9 .vp_product_bx .pro-svg h2,.lt-ie9.lt-ie8 .vp_product_bx .pro-svg h2 {margin-top: 20px;}

.lt-ie9 .vp-thr-box *,.lt-ie9.lt-ie8 .vp-thr-box * {filter: alpha(opacity=0);}
.lt-ie9 .vp-thr-box,.lt-ie9.lt-ie8 .vp-thr-box,.lt-ie10 .vp-bx-3 {background-repeat: no-repeat; background-position: 50% 50%;}
.lt-ie9 .vp-bx-1,.lt-ie9.lt-ie8 .vp-bx-1 {background-image: url(/company/img/vp-pic-1.jpg);}
.lt-ie9 .vp-bx-2,.lt-ie9.lt-ie8 .vp-bx-2 {background-image: url(/company/img/vp-pic-2.jpg);}
.lt-ie10 .vp-bx-3,.lt-ie9 .vp-bx-3,.lt-ie9.lt-ie8 .vp-bx-3 {background-image: url(/company/img/vp-pic-3.jpg);}

.all-case-ul {margin-top: 60px;clear: both;}
.all-case-ul li {display: inline-block;width: 20%;margin: 15px 0;}
.lt-ie9.lt-ie8 .all-case-ul li {display: inline;}
.all-case-ul li a {display: inline-block;vertical-align: middle;margin: 0 10px;background-color: #fff;cursor: default;}
.all-case-ul li a:hover {box-shadow: 0 0 50px rgba(0,0,0,.08);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);text-decoration: none;}
.all-case-ul li img {display: inline-block;width: 100%;vertical-align: middle;}
.all-case-btn {margin-top: 80px;text-align: center;}
.all-case-btn a,.all-case-btn a * {border-color: #ccc;color: #ccc;}
.all-case-btn a:hover,.all-case-btn a:hover * {border-color: #2f75bb;color: #2f75bb;}
.lt-ie9 .all-case-ul li{float: left;width: 18%;margin: 15px 1%;}
.lt-ie9 .all-case-ul li a{width: 100%;margin: 0;}

.apply-ele-bx {background: url(/company/img/apply-bg.png) no-repeat 50% 0;width: 940px;margin: 60px auto 0;padding: 0 0 65px;overflow: hidden;}
.apply-ele-bx .news-apply-bx {width: 90%;padding: 20px 5%;float: none;}
.apply-ele-bx .ml25 {margin: 0;}
.apply-ele-bx .apply-form ul li {margin-top: 22px;}

.news-apply-bx {width: 50%;float: left;}
.ml25 {margin-left: 25px;}
.mr25 {margin-right: 25px;}
.news-apply-bx .m-v-c-title h3,.f-link-bx .m-v-c-title h3,.temp-bx .m-v-c-title h3 {text-align: left;position: relative;float: left;letter-spacing: 2px;}
.news-apply-bx .m-v-c-title h3 s,.f-link-bx .m-v-c-title h3 s,.temp-bx .m-v-c-title h3 s {border-bottom: 1px solid #3074BB;bottom: 0;left: 0;position: absolute;width: 60%;line-height: 10px;font-size: 0;}
.news-apply-bx .m-v-c-title span,.f-link-bx .m-v-c-title h3 span {float: right;color: #aaa;font-size: 12px;margin-top: 20px;}
.news-apply-bx .m-v-c-title span a,.f-link-bx .m-v-c-title h3 a {color: #aaa;font-size: 12px;text-decoration: underline;}
.news-apply-bx .m-v-c-title span a:hover,.f-link-bx .m-v-c-title h3 a:hover {color: #3074BB;}
.apply-form ul,.news-bx {padding-top: 10px;overflow: hidden;}
.apply-form ul li,.news-bx dl {margin-top: 15px;overflow: hidden;clear: both;}
.apply-form ul li .ml10 {margin-left: 10px;}
.apply-form ul li input,.apply-form ul li select,.apply-form ul li textarea {background: #fbfbfb;border: 1px solid #5e92c9;font-size: 14px;color: #999;padding: 3px 0;text-indent: 10px;font-family: 'Microsoft YaHei';}
.apply-form ul li input,.apply-form ul li select {width: 48.5%;float: left;height: 38px;line-height: 38px;}
.apply-form ul li textarea {width: 97%;height: 68px;line-height: 180%;padding-left: 10px;text-indent: 0;}
.apply-form ul li input:focus,.apply-form ul li select:focus,.apply-form ul li textarea:focus {border-color: #3074BB;}
.applybtn {border-bottom: 1px solid #e2e2e2;height: 25px;position: relative;margin-top: 38px;text-align: center;}
.suBtn {background: #F2F7F8;border: 1px solid #5E92C9;border-radius: 24px;color: #5E92C9;display: inline-block;height: 36px;line-height: 32px;padding: 0 30px;font-size: 18px;margin-top: 5px;font-family: 'SimHei';}
/* .suBtn:hover {border: 1px solid #2F75BA;color: #2F75BA;} */
/* .suBtn:focus {border-color: #3074BB;color: #3074BB;transform: translate3d(0, 1px, 0);outline:none;-moz-outline:none;} */
.news-bx dl {border-bottom: 1px solid #eee;padding: 0 0 15px 78px;position: relative;min-height: 50px;}
.news-bx dl:last-child {border: none;}
.news-bx dl dt {position: absolute;left: 0;top: 0;}
.news-time {border: 1px solid #DADEDF;width: 60px;height: 42px;padding-top: 8px;line-height: 18px;text-align: center;color: #111;font-family: 'Microsoft YaHei';}
.news-time big {font-size: 24px;}
.news-time small,.news-desc span {font-size: 12px;}
.news-title,.news-desc {height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-title a {color: #111;font-size: 18px;}
.news-desc span {color: #999;}
.news-title a:hover,.f-link-ul li a:hover {color: #3074BB;}

.ic_footer.m-v-bx.f-link-bx {background: url("../img/fLink.jpg") no-repeat 50% -4px;background-size: cover;width: 100%;height: 306px;padding: 0;}
.ic_footer.m-v-bx.f-link-bx .f-link-ul li {margin: 4px 0;}
.f-link-bx {padding-bottom: 30px;}
.f-link-bx .m-v-c-title {margin-top: 20px;}
.f-link-bx .m-v-c-title h3 {font-size: 18px;}
.f-link-bx .m-v-c-title h3 s {bottom: 5px;}
.f-link-ul li,.f-link-ul li a {display: inline-block;vertical-align: middle;}
.lt-ie9.lt-ie8 .f-link-ul li,.lt-ie9.lt-ie8 .f-link-ul li a {display: inline;}
.f-link-ul li {margin: 8px 0;color: #e2e2e2;line-height: 18px;}
.f-link-ul li a {color: #4e4e4e;font-size: 12px;padding: 0 15px;}

.vp-thr-ul ul {clear: both;margin: 60px 0 0 -3.33%;}
.vp-thr-ul ul li {float: left;margin-left: 3.33%;width: 30%;}
.vp-thr-ul ul li .vp-thr-box {position: relative;height: 300px;}
.vp-thr-desc {margin: 20px 0;}
.vp-thr-desc p {line-height: 200%;font-size: 16px;color: #ACB1B2;text-align: center;}
.vp-thr-desc p big {font-size: 24px;}

/*二屏改版 2018.08.19*/
.vp-thr-ul.vp_productAll_ul ul {margin-left: 0;}
.vp-thr-ul.vp_productAll_ul ul li {cursor: pointer;width: 33.33%;margin-left: 0;}
.lt-ie9.lt-ie8 .vp-thr-ul.vp_productAll_ul ul li {width: 33.3%;}
.vp_product_bx {border: solid #e7e7f3;border-width: 0 1px 1px 0;padding: 47px 54px 40px;overflow: hidden;}
.vp-thr-ul.vp_productAll_ul ul li:hover .vp_product_bx {box-shadow: 0 0 50px rgba(0,0,0,.08);}
.vp-thr-ul.vp_productAll_ul ul li .vp_product_bx>a:hover {text-decoration: none;}
.vp_product_bx .pro-svg{text-align: center;}
.vp_product_bx .pro-svg svg {vertical-align: middle;width: 54px;height: 54px;}
.vp_product_bx h2,.require-ul h2 {vertical-align: middle;text-align: center;color: #111;padding: 10px 0 0;-webkit-transition: 1s;transition: 1s;/*margin-left: 30px;display: inline-block;*/}
/*.vp_product_bx h2 span {color: #2f75bb;cursor: pointer;font-size: 24px;font-weight: normal;}*/
.vp-thr-ul.vp_productAll_ul ul li:hover .vp_product_bx h2{font-size: 26px;}
.vp_product_desc {margin-top: 12px;height: 42px;overflow: hidden;}
.vp_product_desc p {line-height: 150%;color: #333;font-size: 14px;text-align: justify;}
.vp_product_links {height: 20px;margin-top: 10px;}
.vp_product_links span,.vp_product_links a {color: #666;font-size: 14px;vertical-align: middle;}
.vp_product_links a {color: #666;margin-right: 15px;text-decoration: underline;}
.vp_product_links a:hover {color: #2f75bb;}

/*help*/
.m-v-helpBox{background: #fafafa;overflow: hidden;padding: 30px 0 70px;}
.m-v-helpBox .menu {  position: absolute;  left: 0;  background-color: #ecf0f4;  width: 200px;  font-size: 14px;  z-index: 2;  }
.m-v-helpBox .menu .all {  padding: 0 10px;  height: 40px;  line-height: 40px;  font-size: 17px;  border-bottom: 1px dashed #dfe3e6;  position: relative;  cursor: pointer;  }
.all.y-clear{    background: #d1e3f6;}
.m-v-helpBox .menu .all i {  float: left;    margin-right: 2px;  margin-top: 13px;  width: 16px;  height: 15px;  content: '';  display: inline-block;  position: relative;  background: url(../img/icon-menu-bg.png) no-repeat 0 0;  }
.m-v-helpBox  .menu .allGoods.action {  display: block;  }

.m-v-helpBox .menu li.level1>a {  height: 100%;  display: block;  width: 160px;  padding: 0 10px;  text-decoration: none;  color: #666;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
.m-v-helpBox .menu li.level1.open i {  background-image: url(../img/jiantou_up.png) ;  }
.m-v-helpBox .menu li.level1 i {  right: 10px;  top: 9px;  position: absolute;  margin-top: 5px;  display: inline-block;  float: right;  background-image: url(../img/jiantou_down.png) ;  background-position: 0 0;  width: 8px;  height: 5px;  }
.m-v-helpBox .menu li.level1:hover{background: #f3f8fd;}
.m-v-helpBox .menu li.level1.open{background: #e0eaf5;border-bottom: none;}
.m-v-helpBox .menu li.level1.open>* {  display: block;  }
.m-v-helpBox  .menu li.level1.open>ul {  display: block;  }
.m-v-helpBox  .menu li.level1>* {  display: none;  }
.m-v-helpBox .menu li.level2 {  border-bottom: 1px solid #e1e7ee;  }
.m-v-helpBox .menu .level1 { border-bottom: 1px solid #e1e7ee;}
.m-v-helpBox  .menu li {  line-height: 44px;  background: #fff;  position: relative;  }
.m-v-helpBox .menu li.level2.action>a  {display: block;color: #3e83e5}
.m-v-helpBox  .menu li.level2.action>a font  {display: block;}
.m-v-helpBox .menu li.level2>a font { color: #3e83e5;  font-weight: bold;  position: absolute;  left: 5px;  top: 0px;display: none;}
.m-v-helpBox .menu li.level2:hover>a {color:#3e83e5}
.m-v-helpBox  .menu li.level2>a {  height: 100%;  display: block;  position: relative;  width: 161px;  padding: 0 10px 0 20px;  text-decoration: none;  color: #999;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
.m-v-helpBox  .menu li.level2>* {  display: none;  }


/*step-right*/
.helpContent{        padding-left: 221px;  padding-bottom: 145px;}
.content_num{background-color: #fff;    min-height: 620px;}
.crumbs{cursor:default;line-height: 44px;border-bottom: 1px solid #e1e7ee;padding-left: 20px;}
.crumbs .waysOne{color: #999;}
.crumbs .waysTwo{color: #3e83e5;}
.quesTiList{margin: 8px 20px 0 28px;background: #fff;padding-bottom: 8px;}
.quesTiList .title{font-size: 21px;color: #555555;line-height: 60px;}
.quesTiList .wayStep{font-size: 18px;color: #555555;margin-bottom: 12px;    line-height: 25px;}
.quesAnswer{color: #999;font-size: 13px;}
.questionBox{background: url("../img/loading.gif") no-repeat center 23px;}
.questionBox>div{background: #fff;}
.questionBox .importMessage{color: #ff0000;}
.wayStep.importMessage{font-size: 16px;}
.quesTiList img{max-width: 100%;    width: auto;}
.quesTiList a {color: #3e83e5;}
.topTitle{font-size: 21px;
  color: #333;
  line-height: 60px;text-align: center;}
/*step-1*/






.loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg) scaleX(-1);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg) scaleX(-1);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg) scaleX(-1);
  transform: translateX(-50%) translateY(-50%) rotate(-90deg) scaleX(-1);
}
.loader div {
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  background: #445b73;
  border-radius: 100%;
  opacity: 0;
}

.loader div:nth-child(1) {
  top: 0rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 0s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 0s infinite ease-in-out;
  animation: dna_rotate 2s 0s infinite ease-in-out;
}

.loader div:nth-child(2) {
  top: 0.6rem;
  -moz-animation: dna_rotate 2s 1.1s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.1s infinite ease-in-out;
  animation: dna_rotate 2s 1.1s infinite ease-in-out;
}

.loader div:nth-child(3) {
  top: 1.2rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 0.2s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 0.2s infinite ease-in-out;
  animation: dna_rotate 2s 0.2s infinite ease-in-out;
}

.loader div:nth-child(4) {
  top: 1.8rem;
  -moz-animation: dna_rotate 2s 1.3s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.3s infinite ease-in-out;
  animation: dna_rotate 2s 1.3s infinite ease-in-out;
}

.loader div:nth-child(5) {
  top: 2.4rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 0.4s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 0.4s infinite ease-in-out;
  animation: dna_rotate 2s 0.4s infinite ease-in-out;
}

.loader div:nth-child(6) {
  top: 3rem;
  -moz-animation: dna_rotate 2s 1.5s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.5s infinite ease-in-out;
  animation: dna_rotate 2s 1.5s infinite ease-in-out;
}

.loader div:nth-child(7) {
  top: 3.6rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 0.6s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 0.6s infinite ease-in-out;
  animation: dna_rotate 2s 0.6s infinite ease-in-out;
}

.loader div:nth-child(8) {
  top: 4.2rem;
  -moz-animation: dna_rotate 2s 1.7s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.7s infinite ease-in-out;
  animation: dna_rotate 2s 1.7s infinite ease-in-out;
}

.loader div:nth-child(9) {
  top: 4.8rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 0.8s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 0.8s infinite ease-in-out;
  animation: dna_rotate 2s 0.8s infinite ease-in-out;
}

.loader div:nth-child(10) {
  top: 5.4rem;
  -moz-animation: dna_rotate 2s 1.9s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.9s infinite ease-in-out;
  animation: dna_rotate 2s 1.9s infinite ease-in-out;
}

.loader div:nth-child(11) {
  top: 6rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 1s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1s infinite ease-in-out;
  animation: dna_rotate 2s 1s infinite ease-in-out;
}

.loader div:nth-child(12) {
  top: 6.6rem;
  -moz-animation: dna_rotate 2s 2.1s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2.1s infinite ease-in-out;
  animation: dna_rotate 2s 2.1s infinite ease-in-out;
}

.loader div:nth-child(13) {
  top: 7.2rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 1.2s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.2s infinite ease-in-out;
  animation: dna_rotate 2s 1.2s infinite ease-in-out;
}

.loader div:nth-child(14) {
  top: 7.8rem;
  -moz-animation: dna_rotate 2s 2.3s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2.3s infinite ease-in-out;
  animation: dna_rotate 2s 2.3s infinite ease-in-out;
}

.loader div:nth-child(15) {
  top: 8.4rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 1.4s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.4s infinite ease-in-out;
  animation: dna_rotate 2s 1.4s infinite ease-in-out;
}

.loader div:nth-child(16) {
  top: 9rem;
  -moz-animation: dna_rotate 2s 2.5s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2.5s infinite ease-in-out;
  animation: dna_rotate 2s 2.5s infinite ease-in-out;
}

.loader div:nth-child(17) {
  top: 9.6rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 1.6s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.6s infinite ease-in-out;
  animation: dna_rotate 2s 1.6s infinite ease-in-out;
}

.loader div:nth-child(18) {
  top: 10.2rem;
  -moz-animation: dna_rotate 2s 2.7s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2.7s infinite ease-in-out;
  animation: dna_rotate 2s 2.7s infinite ease-in-out;
}

.loader div:nth-child(19) {
  top: 10.8rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 1.8s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 1.8s infinite ease-in-out;
  animation: dna_rotate 2s 1.8s infinite ease-in-out;
}

.loader div:nth-child(20) {
  top: 11.4rem;
  -moz-animation: dna_rotate 2s 2.9s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2.9s infinite ease-in-out;
  animation: dna_rotate 2s 2.9s infinite ease-in-out;
}

.loader div:nth-child(21) {
  top: 12rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 2s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2s infinite ease-in-out;
  animation: dna_rotate 2s 2s infinite ease-in-out;
}

.loader div:nth-child(22) {
  top: 12.6rem;
  -moz-animation: dna_rotate 2s 3.1s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 3.1s infinite ease-in-out;
  animation: dna_rotate 2s 3.1s infinite ease-in-out;
}

.loader div:nth-child(23) {
  top: 13.2rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 2.2s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2.2s infinite ease-in-out;
  animation: dna_rotate 2s 2.2s infinite ease-in-out;
}

.loader div:nth-child(24) {
  top: 13.8rem;
  -moz-animation: dna_rotate 2s 3.3s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 3.3s infinite ease-in-out;
  animation: dna_rotate 2s 3.3s infinite ease-in-out;
}

.loader div:nth-child(25) {
  top: 14.4rem;
  background: #65abf1;
  -moz-animation: dna_rotate 2s 2.4s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 2.4s infinite ease-in-out;
  animation: dna_rotate 2s 2.4s infinite ease-in-out;
}

.loader div:nth-child(26) {
  top: 15rem;
  -moz-animation: dna_rotate 2s 3.5s infinite ease-in-out;
  -webkit-animation: dna_rotate 2s 3.5s infinite ease-in-out;
  animation: dna_rotate 2s 3.5s infinite ease-in-out;
}

@-moz-keyframes dna_rotate {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
    left: 40%;
    z-index: 0;
  }
  25% {
    opacity: 1;
    -moz-transform: scale(1.8);
    transform: scale(1.8);
  }
  50% {
    opacity: 1;
    left: 60%;
    z-index: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 1;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    left: 40%;
    z-index: 0;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dna_rotate {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 40%;
    z-index: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  50% {
    opacity: 1;
    left: 60%;
    z-index: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    left: 40%;
    z-index: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dna_rotate {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 40%;
    z-index: 0;
  }
  25% {
    opacity: 1;
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  50% {
    opacity: 1;
    left: 60%;
    z-index: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 1;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    left: 40%;
    z-index: 0;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*step-2*/
.animation {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 260px;
  margin: 2px auto 0;
  vertical-align: middle;
}
.animation .device {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  border: 1px solid #65abf1;
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.animation .device .phone-home-button,
.animation .device .tablet-home-button {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #65abf1;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.animation .device .phone-home-button {
  height: 10px;
  margin-top: -5px;
  right: 4px;
  top: 50%;
  width: 10px;
}
.animation .device .tablet-home-button {
  bottom: 2px;
  height: 10px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
}
.animation .device .screen-stand {
  position: absolute;
  width: 100%;
  margin-left: -10px;
  margin-top: -1px;
  top: 60%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.animation .device .screen-stand .leg {
  position: absolute;
  width: 12px;
  height: 16px;
  left: 50%;
  top: 1px;
  margin-left: -6px;
  border: 1px solid #65abf1;
}
.animation .device .screen-stand .foot {
  position: absolute;
  width: 120px;
  height: 4px;
  left: 50%;
  top: 18px;
  margin-left: -60px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border: 1px solid #65abf1;
}
.animation .device .display {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #65abf1;
  background: #EAF1F2;
  z-index: 3;
}
.animation .device .display div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  white-space: nowrap;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.animation .device .display div div {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -14px;
  font-size: 20px;
  text-align: center;
  color: #445b73;
}
.animation .device .display div div em {
  font-weight: bold;
}
.animation[data-animation-step="1"] .device {
  width: 70%;
  height: 70%;
  padding: 10px;
  border-radius: 4px;
}
.animation[data-animation-step="1"] .device .slide1 {
  left: 0%;
}
.animation[data-animation-step="1"] .device .screen-stand {
  opacity: 1;
  top: 100%;
}
.animation[data-animation-step="2"] .device {
  width: 36%;
  height: 70%;
  padding: 14px 14px 20px;
  border-radius: 10px;
}
.animation[data-animation-step="2"] .device .slide1 {
  left: -100%;
}
.animation[data-animation-step="2"] .device .slide2 {
  left: 0%;
}
.animation[data-animation-step="2"] .device .tablet-home-button {
  opacity: 1;
}
.animation[data-animation-step="3"] .device {
  border-radius: 6px;
  height: 32%;
  padding: 10px 20px 10px 10px;
  width: 50%;
}
.animation[data-animation-step="3"] .device .slide1,
.animation[data-animation-step="3"] .device .slide2 {
  left: -100%;
}
.animation[data-animation-step="3"] .device .slide3 {
  left: 0%;
}
.animation[data-animation-step="3"] .device .phone-home-button {
  opacity: 1;
}
/*step-3*/
.ellipses-container {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  top: -20px;
}
.ellipses {
  border-radius: 50%;
  position: absolute;
  top: 0;
  border-style: solid;
}

.ellipses__outer--thin {
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
  top: 50%;
  left: 50%;
  border-width: 1px;
  border-color: rgba(9, 56, 62, 0.2);
  -webkit-animation: ellipsesOrbit 2s ease-in-out infinite;
          animation: ellipsesOrbit 2s ease-in-out infinite;
}
.ellipses__outer--thin:after {
  content: "";
  background-image: url("../img/ellipses_dial.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  opacity: 0.15;
}
.ellipses__outer--thick {
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px;
  top: 50%;
  left: 50%;
  border-color: #65abf1 transparent;
  border-width: 2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: ellipsesRotate 2s ease-in-out infinite;
          animation: ellipsesRotate 2s ease-in-out infinite;
}
.ellipses__orbit {
  width: 2.5rem;
  height: 2.5rem;
  border-width: 2px;
  border-color: #65abf1;
  top: 5rem;
  right: 6.75rem;
}
.ellipses__orbit:before {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  display: inline-block;
  background-color: #445b73;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@-webkit-keyframes ellipsesRotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@keyframes ellipsesRotate {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@-webkit-keyframes ellipsesOrbit {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes ellipsesOrbit {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*footer*/
.footer {background: #060814;overflow: hidden;padding: 70px 0 35px;}
.foot-link-bx dl {padding-right: 260px;position: relative;}
.foot-link-bx dl dt {position: absolute;right: 0;top: -40px;text-align: right;}
.foot-link ol li {float: left;width: 23%;}
.foot-link ol li.last-fLink {width: 31%;}
.ft-link-title {font-size: 18px;color: #6B6F72;margin-bottom: 30px;}
.ft-link-list p {line-height: 30px;}
.ft-link-list p a,.ft-link-list p span,.foot-copyright {font-size: 14px;color: #6b6f72;}
.ft-link-list p a:hover {color: #9CA5AC;text-decoration: none;}
.foot-copyright {margin-top: 46px;text-align: center;}
.ft-gz {width: 158px;height: 158px;position: relative;display: inline-block;padding: 50px;overflow: hidden;}
.ft-gz span img {opacity: .3;filter: alpha(opacity=30);}
.ft-gz span:hover img {opacity: .6;filter: alpha(opacity=60);}
.ft-gz p {line-height: 20px;text-align: center;font-size: 12px;color: #6B6F72;}

/*=============media=============*/
@media (max-width: 1024px) and (min-width: 768px) {
  .viewport {width: 100%;}
  .logo {left: 10px;}
  .m-v-c-title {padding: 0 15px;}
  .news-apply-bx .m-v-c-title, .news-apply-bx .m-v-c-title,.f-link-bx .m-v-c-title {padding: 0;}
  .apply-form ul li input, .apply-form ul li select {width: 48%;}
  .apply-form ul li textarea {width: 97%;}
  .news-apply-bx .mr25,.news-apply-bx .ml25 {margin: 0 15px 0 15px;}
  .f-link-bx,.footer {padding-left: 15px;padding-right: 15px;}
  .other-case li {margin: 20px 18px;}
  .case-list dl {padding-right: 15px;}
  .temp-list ol li {margin: 50px 35px 0;}
  .vp-thr-ul ul {margin-left: 0;}
  .app-temp-bx dd li {margin: 0 32px 40px;}
  .case-sort li a {height: 42px;line-height: 42px;}
  .vp_product_bx .pro-svg svg {width: 40px;height: 40px;}
  /*.vp_product_desc {height: 100px;}*/
  .vp_product_bx .pro-svg h2 {margin-left: 14px;}
  .vp_product_bx {padding: 38px 25px;}
  .vp_product_links a {margin-right: 9px;}
  .nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx {padding: 20px 15px;}
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .viewport {width: 980px;}
  .case_n_op .case-sort-bx .case-sort li > a {width: 108px;}
}
@media (min-width: 1280px) and (max-width: 1400px) {
  .viewport {width: 1000px;}
  .pro-aHref span {display: none;}
  .other-case li {margin: 20px;}
  .temp-list ol li {margin: 50px 36px 0;}
  .app-temp-bx dd li {margin: 0 30px 40px;}
  .wx-temp-bx li {margin: 40px 0 0;width: 33%;}
  .case-sort li a {height: 42px;line-height: 42px;}
  .vp_product_bx {padding: 38px 34px;}
  .vp_product_bx .pro-svg svg {width: 45px;height: 45px;}
  .vp_product_bx .pro-svg h2 {margin-left: 14px;}
  .vp_product_links span, .vp_product_links a {font-size: 13px;}
  .vp_product_links a {margin-right: 7px;}
  .nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx {padding: 20px 15px;}
  .sc-slogn-txt{height: 440px;margin: 80px 0 0;}
  .sc-slogn-txt h2{font-size: 40px;line-height: 50px;}
  .sc-sub-slogn-txt{margin-top: 20px;}
  .sc-sub-slogn-txt p{font-size: 16px;margin-bottom: 10px;line-height: 20px;}
  .mouse,.sc-mobile{padding: 30px 0 0;}
  #main .ab-head h1{font-size: 32px;}
  #main .iTitle{width: 526px;}
  #main .iTitle strong{font-size: 38px;line-height: 50px;}
  #main .iTmain p{font-size: 14px;line-height: 30px;}
  #main .p-l-r{padding: 0;}
  #main .cul-title{letter-spacing: 9px;font-size: 55px;height: 55px;line-height: 55px;margin-bottom: 15px;}
  .i-b-f-main img{width: 208px;vertical-align: middle;margin-top: -15px;}
  #main .i-b-c-padd{padding-left: 218px;}
  #main .i-b-con{padding-top: 35px;}
  #main .c-c-img img{width: 452px;}
  #main .cultureRight{top: 20px;right: -21px;}
  #main .cul-txt{font-size: 16px;width: 370px;}
  #main .cul-txt p{padding: 10px 0 0;}
  #main .concept{margin-bottom: 70px;}
  #main .conceptLeft{width: 294px;}
  #main .conceptCon{padding: 22px 24px 23px;}
  #main .aboutList li h2, #main .conceptCon h2,#main .concepLtxt h2{font-size: 20px;line-height: 20px;}
  #main .conceptCon p,#main .concepLtxt p{line-height: 20px;font-size: 12px;text-align: justify;}
  #main .conceptRight{width: 525px;}
  #main .concepLtxt{width: 247px;padding: 15px 39px;min-height: 138px;}
  #main .concepTxt img{width: 200px;}
  #main .conceptImg{width: 190px;}
  #main .concepLwh{width: 257px;}
  #main .concepLtxt p.conLc{min-height: 105px;}
  #main .ab-l-txt{padding: 46px 12px;}
  #main .ab-develop h1{margin-bottom: 0;}
  #main .develop-box{width: 100%;}
  #main .devebox1{width: 110px;margin-top: -25px;}
  #main .db-s-txt.db-f-s-txt{padding: 56px 0 64px 153px;}
  #main .db-s-txt{padding: 77px 0 85px 120px;}
  #main .db-s-txt strong{margin-bottom: 5px;font-size: 44px;}
  #main .db-s-txt p{font-size: 14px;}
  #main .db-img{width: 90px;}
  #main .db_c-img{padding: 120px 57px 0 0;}
  #main .d-third-l-txt{padding: 75px 0 70px 0}
  #main .d-third-l-txt .d-t-third{width: 80%;line-height: 20px;}
  #main .d-third-t-box{height: 60px;}
  #main .d-third-b-box{width: 68%;padding: 38px 0 39px 70px;}
  #main .developBox4 .db_c-img{padding: 160px 0 0 37px;}
  #main .developBox4 .db-img{padding-right: 55px;}
  #main .developBox4 .db-s-txt{padding: 56px 0 64px 159px;}
  #main .developBox5 .d-third-l-txt{padding: 0;}
  #main .developBox5 .d-third-l-txt .d-third-t-main{padding: 40px 0 35px 66px;}
  #main .developBox5 .d-third-t-box{height: 1px;padding: 0;}
  #main .developBox5 .d-third-b-box{padding: 75px 0 77px 60px;}
  #main .developBox6 .db-img{width: 95px;}
  #main .developBox6 .db_c-img{padding: 110px 30px 0 0;}
  #main .developBox7 .d-b-left{padding: 70px 0}
  #main .developBox7 .d-b-left .d-more{padding-left: 243px;}

  #main .honor-t-l{width: 309px;}
  #main .honor-t-c{width: 154px;}
  #main .honor-t-r{width: 302px;}
  #main .mediaLcon{padding: 81px 25px 41px;}
  #main .mediaLcon p{line-height: 26px;min-height: 130px;}
  #main .connectMain{margin: 11px 0 0;background-size: contain;height: 520px;}
  #main .whiteBox{top: 25px;height: 460px;}
  #main .cowList{padding-left: 22px;}
  #main .contactWay{padding: 30px 0 7px;}
  #main .ab-map-bx{height: 300px !important;padding: 0 20px;}
}
@media (min-width: 1400px) {
	.viewport {width: 1120px;}
  .vp-pro-links dl {padding-left: 98px;}
  .vp-pro-links dl dt {left: 10px;}
  .other-case li {margin: 20px 10px;}
  .case_n_op .case-sort-bx .case-sort li > a {
    width: 122px;
  }
  #main .c-c-img img {width: 506px;}
  #main .cul-title {
    font-size: 72px;
    height: 52px;
    line-height: 67px;
  }
  #main .cul-txt {
    width: 426px;
    font-size: 15px;
  }
  .i-b-f-main img{width: 256px;}
  #main .conceptLeft {
    width: 264px;
  }
  #main .ab-l-txt {
    padding: 46px 22px;
  }
  #main .develop-box {width: 100%;}
  #main .db-s-txt {
    padding: 100px 0 116px 62px;
  }
  #main .d-b-left {width: 43%;}
  #main .d-third-b-box {width: 54%;}
}
@media (min-width: 1500px) {
  .viewport {width: 1200px;}
  #main .c-c-img img {width: 586px;}
  #main .cul-txt {
    width: 408px;
    font-size: 17px;
  }
  #main .conceptLeft {width: 350px;}
  #main .ab-l-txt {
    padding: 46px 28px;
}
}

/*new CSS*/
#i-pro-bx{padding: 37px 0 81px 0;background: #f7f9fb;}
/*满足最苛刻的软件和服务要求*/
.require-ul{margin: 70px 0 11px;}
.require-ul li{width: 20%;text-align: center;float: left;}

.jump-num-ul{text-align: center;overflow: hidden;width: 100%;padding-top: 105px;}
.jump-num-ul li{float: left;width:20%;color: #333;position: relative;}
.jump-num-ul .sp1{font-size: 44px;line-height: 50px;display: inline-block;}
.jump-num-ul .sp2{font-size: 24px;position: absolute;top: 5px;}
.jump-num-ul .sp2.add{font-size: 36px;top: 0;}
.jump-num-ul p{font-size: 24px;margin-top: 14px;line-height: 30px;}

.apply-website{position: relative;overflow: hidden;background-color: #f7f9fb;}
.apply-website .apply-bg-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #fff;background-image: -webkit-linear-gradient(269deg,#fff 8%,#d3d3d3 100%);background-image: linear-gradient(-179deg,#fff 8%,#d3d3d3 100%);opacity: .23;/*z-index: -99;*/}
.apply-website .apply-bg-box img{position: absolute;bottom: 0;left: 0;width: 50%;margin-left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-ms-transform: translateX(-50%);max-width: none;}
@-webkit-keyframes product_bg
{
  0% {width: 50%}
  100% {width: 400%}
}
@keyframes product_bg
{
  0%{width:50%}
  100%{width:400%}
}
.apply-website .apply-bg-box img:nth-of-type(1){-webkit-animation: product_bg 10s linear 0s infinite;animation: product_bg 10s linear 0s infinite;}
.apply-website .apply-bg-box img:nth-of-type(2){-webkit-animation: product_bg 10s linear 2s infinite;animation: product_bg 10s linear 2s infinite;}
.apply-website .apply-bg-box img:nth-of-type(3){-webkit-animation: product_bg 10s linear 4s infinite;animation: product_bg 10s linear 4s infinite;}
.apply-website .apply-bg-box img:nth-of-type(4){-webkit-animation: product_bg 10s linear 6s infinite;animation: product_bg 10s linear 6s infinite;}
.apply-website .apply-bg-box img:nth-of-type(5){-webkit-animation: product_bg 10s linear 8s infinite;animation: product_bg 10s linear 8s infinite;}
/*.apply-box{background: url("../img/applyBg.jpg") no-repeat 50% 50%;width: 100%;height: 649px;}*/
.m-v-a-title{padding: 88px 0;margin: 0 auto;}
.m-v-a-title h3{color: #2e3136;letter-spacing: 1px;}
.apply-video{padding: 110px 0;position: relative;}
.apply-video .apply-video-bg-box{position: absolute;top: 0;right: 0;left: 0;overflow: hidden;bottom: 0;}
.apply-video .apply-video-bg-box .a-v-shadow{background: rgba(9,13,48,.6);position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;z-index: 1;}
.apply-video .apply-video-bg-box video{width: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-object-fit: fill;object-fit: fill;-ms-object-fit: fill;pointer-events: none;}
.a-try-main{width: 606px;margin: 0 auto;background-color: rgba(255,255,255,.9);padding: 52px 0 40px;position: relative;z-index: 5;}
.trial-form{/*width: 600px;*/margin: 0 50px;}
.trial-form li{margin: 0 0 19px;}
.trial-form li.trial-li{display: inline-block;width: 46%;margin-right: -4px;}
.trial-form li.trial-li:nth-child(2){margin-left: 8%;}
.trial-form li input,.trial-form li select{height: 34px;line-height: 34px;width: 100%;background: none;border: none;border-bottom: solid 1px #818181;color: #666;padding: 0;font-size: 16px;}
.trial-form li select option{color: #333;font-size: 14px;}
.trial-form li input:focus,.trial-form li select:focus,.trial-ab-form li input:focus,.trial-ab-form li select:focus{outline: none;}
.trialBtn{height: 53px;margin: 45px 0 24px;text-align: center;}
.trialBtn .suBtn{padding: 0 78px;background: #3488f9;border: none;border-radius: 3px;color: #fff;font-size: 22px;margin: 0;height: 53px;line-height: 53px;box-shadow: 0 0 50px rgba(43,131,230,.3);}
.hint{line-height: 20px;color: #333;text-align: center;padding: 0 50px;}

.lt-ie9 .apply-website .apply-bg-box img,.lt-ie9.lt-ie8 .apply-website .apply-bg-box img{position: absolute;bottom: 0;left: 0;width: 50%;margin-left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-ms-transform: translateX(-50%);max-width: none;}
.lt-ie9 .trial-s-li{margin-left: 8%;}
.lt-ie9 .a-try-main{background-color: #fff;opacity: .9;filter:alpha(opacity=90);}
.lt-ie9 .apply-video-bg-box{background: url(/company/img/bg-video.jpg) no-repeat;width: 100%;}
.lt-ie9 .apply-video-bg-box video{display: none;}
.lt-ie9 .apply-video .apply-video-bg-box .a-v-shadow{background: #000;position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;z-index: 0;opacity: .6;filter:alpha(opacity=60);}
  /*about CSS*/
.p-l-r{padding: 0 40px;}
.abMain{background-color: #f7f9fb;}
.ab-nav{width: 150px;position: absolute;left: 0;top: 0;padding-top: 32px;}
.ab-nav_ul li{width: 100%;border-bottom: solid 1px #e9e9ea;}
.ab-nav_ul li:last-child{border: none;}
.ab-nav_ul li a{display: block;vertical-align: middle;color: #333;text-decoration: none;font-size: 16px;height: 65px;line-height: 65px;}
.ab-nav_ul li a:hover,.ab-nav_ul li.active a {text-decoration: none;color: #398ae6;}
.abMainBox{padding: 60px 0 55px 150px;}
.ab-r-main{padding-left: 30px;}

.bg-shadow,.bg-shadows,.bg-shadowes{background: #000;opacity: 0.5;filter: alpha(opacity=30);position: fixed;_position: absolute;height: 100%;width: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 11;display: none;}
.videoPlay{width: 960px;max-height: 540px; visibility: hidden; position: fixed;top: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); left: 50%;margin: 0;background: #fff;z-index: 15;box-shadow: 0 0 50px rgba(33,28,28,.5);}
.loading{background: url(../img/loading.svg) no-repeat 50% 10%;min-height: 600px;display: none;}
.close{ width:56px; height:56px; position:absolute; top:0; right:0;display:block; background:url(../img/close.png) no-repeat;}

.lt-ie9 .sc-slogn-txt{height: 440px;margin: 80px 0 0;}
.lt-ie9 .sc-slogn-txt h2{font-size: 40px;line-height: 50px;}
.lt-ie9 .sc-sub-slogn-txt{margin-top: 20px;}
.lt-ie9 .sc-sub-slogn-txt p{font-size: 16px;margin-bottom: 10px;line-height: 20px;}
.lt-ie9 .mouse,.lt-ie9 .sc-mobile{padding: 30px 0 0;}

/*公司介绍模块样式*/
.iTitle{width: 464px;margin: 0 auto;position: relative;}
.iTitle strong{font-size: 48px;color: #000;display: inline-block;line-height: 60px;}
.iTitle .iTxt{/*width: 39px;height: 39px;position: absolute;right: 0;bottom:11px;*/background: url("../img/txtBg.png") no-repeat right bottom;padding: 0 32px 20px 0;}
.iTmain{margin: 20px 30px 0;}
.iTmain p{line-height: 36px;font-size: 16px;color: #333;text-align: justify;}
.i-b-main{padding: 40px 50px 0;}
.i-b-con{margin: 0 30px;padding-top: 65px;}
.i-b-head{color: #333;font-size: 18px;}
.i-b-head big{font-size: 36px;}
.i-b-line{width: 16px;height: 2px;background-color: #398ae6;margin: 6px 0 0 3px;}
.i-t-main{line-height: 24px;font-size: 14px;color: #333;max-width: 240px;text-align: justify;margin: 17px 0 0 3px;}
.i-b-c-padd{padding-left: 268px;}

  /*企业文化模块样式*/
.culture{margin-bottom: 102px;}
.cultureMain{margin-top: 50px;position: relative;}
.cultureLeft{float: left;}
.c-c-img img{width: 540px;}
.cultureLeft img{vertical-align: middle;display: inline-block;}
.cultureRight{position: absolute;right: 0;top: 43px;}
.cul-title{font-size: 80px;height: 80px;line-height: 80px;margin-bottom: 29px;/*letter-spacing: 12px;*/}
.cul-title span{color: #fff;}
.cul-txt{width: 460px;float: right;font-size: 17px;}
.cul-txt p{line-height: 24px;padding: 16px 0 0;}
.concept{margin-bottom: 142px;}
.conceptMain{margin-top: 57px;}
/*.aboutList{margin-left: -60px;}*/
.aboutList li{/*padding: 46px 21px 62px 47px;float: left;*/background-color: #fff;box-shadow: 0 0 29px rgba(0,0,0,.15);position: relative;overflow: hidden;width: 18.5%;margin: 0 .5%;display: inline-block;}
.ab-l-txt{padding: 46px 28px;}
.aboutList li h2,.conceptCon h2{color: #111;}
.aboutList li span,.aboutList li p{font-size: 14px;color: #111;}
.aboutList li span{line-height: 20px;margin-bottom: 17px;display: inline-block;}
.aboutList li p{line-height: 25px;}
.aboutList li em{width: 117px;height: 117px;border-radius: 50%;display: inline-block;background-color: #398ae6;position: absolute;
  top:-82px;left: -77px;}
.conceptLeft{width: 350px;overflow: hidden;}
.conceptCon{padding: 40px 28px 30px;background-color: #fff;}
.conceptCon p,.concepLtxt p{line-height: 26px;color: #333;font-size: 14px;margin-top: 16px;}
.conceptRight{float: right;width: 655px;}
.concepTxt{margin-bottom: 16px;}
.concepLtxt{padding: 17px 39px 18px;background-color: #fff;float: left;width: 317px;min-height: 156px;}
.concepTxt img{width: 260px;}
.conceptImg{width: 241px;}
.concepLwh{width: 336px;padding: 28px 39px;}
.concepLtxt p{line-height: 28px;margin-top: 14px;}
.concepLtxt p.conLc{min-height: 114px;}
.concepLimg{float: left;}

/*发展历程模块样式*/
.develop-box{width: 1120px;margin: 0 auto;}
.developBox1{position: relative;}
.d-l-top{background: url("../img/left.png") no-repeat center top;position: absolute;top:-14px;height: 27px;width: 20px;left: 50%;margin-left: -10px;}
.ab-develop{padding-top: 22px;}
.ab-develop h1{font-size: 48px;line-height: 50px;margin-bottom: 38px;}
.d-b-left{border-right: solid 1px #e0e0e0;width: 50%;padding-bottom: 54px;}
.develop-box img{display: inline-block;vertical-align: middle;}
.devebox1{padding-left: 269px;}
.d-b-right{border-bottom: solid 1px #e0e0e0;width: 50%;}
.developBox2{border-right: solid 1px #e0e0e0;border-bottom: solid 1px #e0e0e0;position: relative;}
.db-img{margin-top: -13px;}
.db-s-txt{padding: 100px 0 116px 223px;}
.db-s-txt strong,.db-s-txt p{color: #111;}
.db-s-txt strong{font-size: 55px;line-height: 60px;display: inline-block;margin-bottom: 10px;}
.db-s-txt p{font-size: 18px;line-height: 20px;}
.db_c-img{padding: 204px 57px 0 0}
.d-r-line{position: absolute;background: url("../img/right.png") no-repeat center bottom;height: 27px;width: 20px;bottom: -14px;left: -10px;}
.d-third-l-txt{padding: 103px 0 93px 0;border-bottom: solid 1px #e0e0e0;}
.d-third-t-main{padding-left: 66px;}
.d-third-l-txt .d-t-third{width: 60%;line-height: 24px;}
.d-third-t-box{height: 89px;border-bottom: solid 1px #e0e0e0;width: 44%;position: relative;}
.d-third-t-box .d-l-top{top: 100%;margin-top: -14px;left: 0;}
.d-third-t-box .d-r-line{left: 100%;margin-left: -10px;z-index: 2}
.d-third-r-right{border: none;margin-right: -1px;}
.d-third-b-box{padding: 61px 0 70px 115px;width: 50%;}
.d-third-b-box p{line-height: 24px;}
.developBox4,.developBox5 .d-third-r-right{border-left: solid 1px #e0e0e0;border-bottom: solid 1px #e0e0e0;position: relative;}
.developBox4 .d-r-line{top: -14px;}
.developBox4 .db_c-img{padding: 216px 0 0 74px;}
.developBox4 .db-img{margin-top: -18px;padding-right: 70px;}
.developBox4 .db-s-txt{padding: 95px 0 105px 208px;}
.developBox4 .db-s-txt p{margin-bottom: 14px;}
.developBox5 .d-third-l-txt{border: none;padding: 60px 0 70px;}
.developBox5 .d-third-l-txt .d-t-third,.developBox5 .d-third-b-box p{margin-bottom: 12px;}
.developBox5 .d-third-t-box{padding-top: 62px;height: 1px;}
.developBox5 .d-third-b-box{padding: 90px 0 128px 107px;width: 60%;}
.developBox5 .d-third-r-right .d-l-top{left: 100%;}
.developBox6 .d-l-top{left: 100%;}
.developBox6 .db-img{margin-top: 17px;padding-left: 28px;}
.developBox6 .db_c-img{padding: 223px 95px 0 0;}
.developBox7{border: none;}
.developBox7 .d-b-left{border-left: solid 1px #e0e0e0;border-right: none;border-bottom: solid 1px #e0e0e0;position: relative;padding: 82px 0 83px;}
.developBox7 .d-b-left ul{padding-left: 362px;}
.d-more li{margin-bottom: 7px;height: 9px;width: 9px;}
.d-more li i{display: inline-block;width: 9px;height: 9px;border-radius: 50%;background-color: #888;}

/*资质荣誉模块样式*/
.fl{float: left;}
.fr{float: right;}
.honorMain{margin-top: 43px;}
.honor-t-list{margin-bottom: 40px;}
.honor-t-l{width: 400px;}
.honor-t-c{width: 199px;margin-left: 15px;}
.honor-t-r{width: 392px;}
.honor-t-list img,.honor-b-list li img{vertical-align: middle;display: inline-block;width: 100%;}
.honor-t-l,.honor-t-c,.honor-t-r,.honor-b-list li{background: -moz-linear-gradient(left, #00b2fa 0%, #0071f7 100%);
  background: -webkit-linear-gradient(left, #00b2fa 0%,#0071f7 100%);
  background: -o-linear-gradient(left, #00b2fa 0%,#0071f7 100%);
  background: -ms-linear-gradient(left, #00b2fa 0%,#0071f7 100%);
  background: linear-gradient(to right, #00b2fa 0%,#0071f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2fa', endColorstr='#0071f7',GradientType=0 );padding: 10px 0 0;}
.honor-b-list{margin: 0 -1%;}
.honor-b-list li{display: inline-block;margin: 0 1% 30px;padding: 8px 0 0;width: 14.667%;}

/*媒体报道模块样式*/
.ab-m-head{padding-bottom: 35px;}
.mediaMain{margin-top: 48px;}
.mediaList li{display: inline-block;width: 33.3%;/*margin: 0 1%;*/}
.mediaLcon{position: relative;box-shadow: 0 0 29px rgba(0,0,0,.15);padding: 81px 57px 41px;text-align: center;color: #333;margin: 0 3%;}
.mediaLcon em{display: inline-block;position: absolute;left: 35px;top: -48px;}
.mediaLcon em img{width: 97px;height: 97px;display: inline-block;border-radius: 50%;box-shadow: 0 0 29px rgba(0,0,0,.05);}
.mediaLcon h3{margin-bottom: 14px;}
.mediaLcon h4{color: #444;}
.mediaLcon p{line-height: 36px;font-size: 14px;text-align: justify;margin: 18px 0;min-height: 180px;overflow: hidden;max-height: 216px;}
.mediaLcon a{font-size: 14px;color: #398ae6;display: block;text-align: right;}
.mediaLcon a:hover{text-decoration: none;}

/*联系我们模块样式*/
.line{height: 4px;width: 33px;background-color: #398ae6;margin-bottom: 5px;}
.connectMain{background: url("../img/connect.png") no-repeat;width: 100%;height: 753px;margin: 44px 0 0;background-size: 100% 100%;}
.whiteBox{background-color: #fff;width: 100%;margin: 0 auto;height:610px;border-radius: 5px;box-shadow: 0 0 100px rgba(57,138,230,.28);position: relative;top: 52px;}
.contactWay{padding: 61px 0 17px;}
.cowList{padding: 0 0 0 57px;}
.cowList li{height: 20px;line-height: 20px;margin-bottom: 21px;float: left;width: 33.3%;font-size: 14px;color: #333;}

.f-about{background: url(/company/img/fabout-bg.jpg) no-repeat center center;width: 100%;height: 308px;}
.fAbout-txt{text-align: center;padding: 65px 0 70px;}
.fAbout-txt p{line-height: 50px;font-size: 40px;color: #111;}
.fAbout-txt a{font-size: 22px;color: #fff;display: inline-block;height: 60px;line-height: 60px;background: #3488f9;border-radius: 3px;padding: 0 76px;margin-top: 63px;}
.fAbout-txt a:hover{text-decoration: none;background-color: #1e73e7;}

.tryoutBox{width: 980px; height: 488px; position:fixed; top:50%; left:50%; margin:-244px 0 0 -490px;background:#fff;z-index: 9999;display: none;border-radius: 5px;}
.left-text {width: 340px; margin: 46px 65px 47px; float: left; color: #fff; height: 395px; background: url(../img/popup-banner.png) round; background-size: cover;}
.left-text h2 {line-height: 30px; font-size: 30px; margin-top: 60px;margin-left: 28px; margin-bottom: 30px; font-weight: bold;}
.left-text p {font-size:17px;line-height:48px;margin-left: 25px;}
.applyForm-box {float: left; width: 420px; text-align: left;} 
.trial-ab-form { padding: 0 ;}
.tryLogo{display: block;text-align: left;padding: 64px 0 23px;line-height: 40px;font-size: 36px;font-weight: bold;color: #1F2128;}
.applyForm-box > p{font-size: 16px;color: #000; line-height: 30px;}
.trial-ab-form .trialBtn{height: 50px;margin: 20px 0 0; width: 388px;border-radius:3px;}
.trial-ab-form .trialBtn .suBtn{padding: 0;outline: none; background:linear-gradient(94deg,rgba(0,186,248,1) 0%,rgba(0,124,220,1) 100%);
  border-radius:3px;border: none;border-radius:3px;color: #fff;font-size: 16px;margin: 0;height: 50px;line-height: 50px;width: 100%;cursor: pointer;}
.trial-ab-form li{padding: 20px 0 0;}
.trial-ab-form p {font-size:14px;color: #BBBBBB; margin-top: 22px;}
.trial-ab-form li input,.trial-ab-form li select{width:388px; color: #A4A4A4; padding: 10px 14px; line-height: 50px; box-sizing: border-box; font-size: 16px; height:50px; border:1px solid rgba(202,202,202,1);border-radius:4px;}
.trial-ab-form li select{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 10px;background: url(/company/img/arrow.png) no-repeat scroll right center transparent;}
/*.trial-ab-form li select option{padding: 5px 10px;}*/
.reg-try{height: 30px;line-height: 30px;margin-top: 7px;}
.reg-try a{color: #398ae6;font-size: 14px;}
.reg-try a:hover{color:#1e73e7;text-decoration: none;}
.close-try{width: 20px;height: 20px;position: absolute;  box-shadow: 0 0 0px rgba(0,0,0,.16); top: 30px;right: 30px;display: block;background: url(../img/popup-close.png) round;}

/*ecological CSS*/
.ecological-shadow{background-image: url(/company/img/ecological-shadow.jpg);}
.e-title{padding: 96px 0 63px;}
.ecological-list{padding: 0 0 43px 0;}
.ecological-list li{width: 33.33%;margin:0 0 48px 0;float: left;}
.ecological-list li .ecological-li{margin: 0 3%;/*min-height: 379px;*/}
.ecological-list li img{display: inline-block;vertical-align: middle;}
.ecological-list li h2{position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.ecological-list li .e-l-line{width: 22px;height: 2px;background-color: #398ae6;margin: 30px 0 1px;}
.ecological-list li p{line-height: 30px;font-size: 14px;color: #333;min-height: 90px;max-height: 120px;overflow: hidden;}

.ecExam{background: url(/company/img/ecologicalExam-bg.jpg) no-repeat 50% 50%;width: 100%;height: 225px;text-align: center}
.examBox{padding: 85px 0 81px;}
.examBox em{display: inline-block;background: url(/company/img/exam.png) no-repeat;width: 65px;height: 50px;padding-right: 20px;background-size: contain;margin: 5px 0;}
.exam-txt{display: inline-block;text-align: left;vertical-align: top;padding-left: 19px;border-left: solid 1px #b6c7e2;}
.exam-txt p{line-height: 30px;font-size: 20px;color: #fff;}

.imgBox{position: relative;}
.mongolia-layer{background: rgba(0,0,0,.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.lt-ie9 .mongolia-layer{background-color: #000;filter: alpha(opacity=30);}
.lt-ie9 .ecological-list li h2{margin: -15px 0 0 -48px;}


/*case banner style*/
.case-b-btn{  position: absolute;  top: 50%;  width: 27px;  height: 44px;  margin-top: -22px;  z-index: 10;  cursor: pointer;  background-size: 27px 44px;  background-position: 50%;  background-repeat: no-repeat;  }
.case-b-btn.swiper-button-prev{background: url(/company/img/case-img/c-prev.png) no-repeat; width: 40px;  height: 40px;  left: 160px;}
.case-b-btn.swiper-button-next{  background: url(/company/img/case-img/c-next.png) no-repeat;  width: 40px;  height: 40px;  right: 160px;  }
.swiper-pagination-bullet{  background: transparent !important;  border: 1px solid #fff !important;  }
.swiper-pagination-bullet-active {  background-color: #fff !important;  }
/*banner*/
.swiper-container .slide-main {  margin: auto;  width: 855px;  font-size: 16px;  color: #fff;  line-height: 28px;  height:420px;  }
.swiper-container .slide-main .slide-main-iner {  padding-top: 70px;  }
.swiper-container .shop-logo {  width: 200px;  height: 80px;  background-position: 0 0;  background-repeat: no-repeat;  }
.swiper-container .slide-main .shop-des {  padding-top: 40px;  padding-bottom: 40px;  }
.swiper-container .slide-main .banner-btn{border:1px solid #fff;width:112px;height:40px;color:#fff;
  display: inline-block;text-align: center;line-height:40px;}

.swiper-container .banner01 {  background-color: #2eb09f;  }
.swiper-container .banner01 .shop-logo.n_log1{ background-image: url(/company/img/case-img/yc01.png); }
.swiper-container .banner02 {  background-color: #6956fb;  }
.swiper-container .banner02 .shop-logo.n_log2{ background-image: url(/company/img/case-img/yc02.png); }
.swiper-container .banner03 {  background-color: #8c56fb;  }
.swiper-container .banner03 .shop-logo.n_log3{ background-image: url(/company/img/case-img/yc03.png); }
.swiper-container .banner04 {  background-color: #fb5656;  }
.swiper-container .banner04 .shop-logo.n_log4{ background-image: url(/company/img/case-img/yc04.png); }
.swiper-container .banner05 {  background-color: #ca5cfe;  }
.swiper-container .banner05 .shop-logo.n_log5{ background-image: url(/company/img/case-img/yc05.png); }
.swiper-container .banner06 {  background-color: #fb7556;  }
.swiper-container .banner06 .shop-logo.n_log6{ background-image: url(/company/img/case-img/yc06.png); }
.swiper-container .banner07 {  background-color: #fb6556;  }
.swiper-container .banner07 .shop-logo.n_log7{ background-image: url(/company/img/case-img/yc07.png); }
.swiper-container .banner08 {  background-color: #478bfc;  }
.swiper-container .banner08 .shop-logo.n_log8{ background-image: url(/company/img/case-img/yc08.png); }
        
@media (max-width: 1500px) and (min-width: 768px) {
  /* .nav-ul li {padding: 0 16px;} */
  .nav-ul  .i-line{ margin: 27px 0 27px 10px;  }
  .case-b-btn.swiper-button-prev{ left: 140px;}
 .case-b-btn.swiper-button-next{  right: 140px;  }
}

/* 20181221  机器人 商桥*/
.consult_wrap{height: 180px;position: fixed;right: 10px;top: 26%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-mstransform: translateY(-50%);z-index:99;}
.consult_wrap>a{  text-decoration:none;  }
.consult_wrap span{color: #67627f;display: inline-block;border-radius: 90px 90px 0 90px;box-shadow: 4px 4px 16px rgba(100,137,241,.1);height: 44px;line-height: 44px;background-color: #fff;padding: 0 26px;display: inline-block;transform: scale(0);
  transform-origin: right bottom;
  transition: all 0.25s ease-in;}
.consult_wrap a:hover span{transform: scale(1);}
.consult_wrap img{height: 178px;}

/** 新版弹窗*/
.newPopup1{
  width: 720px;
  height: 360px;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -180px 0 0 -360px ;
  overflow: hidden;
  display: none;
  z-index: 9999;
}
.new-popup-box{
  display: flex;
  justify-content: space-between;
}
.close-try.newClose{
    width: 15px;
    height: 15px;
    top: 15px;
    right: 15px;
    background: url(/company/img/popup-close-icon.png);
    background-size: 100% 100%;
}
.new-popup-left{
    width: 330px;
    height: 360px;
    display: inline-block;
    margin-left: -2px;
}
.new-popup-sec{
    width: 370px;
    height: 360px;
    padding-left: 40px;
}
.new-popup-sec-tit{
    padding-top: 60px;
    font-size: 28px;
    color: #0F66FD;
    display: flex;
    align-items: center;
}
.new-popup-sec-tit span{
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #6FAFFF;
    border-radius: 100%;
    margin: 0 15px;
}
.new-popup-sec-h2{
    width: 100%;
    margin-top: 20px;
}
.new-popup-sec-h2 li{
    width: 100%;
    font-size: 16px;
    color: #999999;
    margin-bottom: 12px;
}
.trial-ab-form li.popup-li-input{
    padding: 10px 0 0;
    margin-top: 39px;
    text-align: center;
}
.trial-ab-form li input.new-popup-input{
    /* width: 300px; */
    width: 400px;
    color: #A4A4A4;
    padding: 0 14px;
    line-height: 60px;
    box-sizing: border-box;
    font-size: 18px;
    height: 60px;
    border: 1px solid rgba(202,202,202,1);
    border-radius: 4px;
    margin: 0 auto;
}
.trial-ab-form .trialBtn.newBtnP {
    height: 60px;
    /* margin: 16px 0 0 !important;
    width: 300px; */
    width: 400px;
    border-radius: 3px;
    margin: 30px auto 0;
}
.trial-ab-form .trialBtn.newBtnP .suBtn{
    padding: 0;
    outline: none;
    background: linear-gradient(94deg,#64A9FF 0%,#155CF1 100%);
    border-radius: 3px;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    margin: 0;
    height: 60px;
    line-height: 60px;
    width: 100%;
    cursor: pointer;
}

.fsize16 {font-size: 16px;  }
.dis {display: block;  }
.vam {vertical-align: middle;}
.disIb {display: inline-block;  }

.newPopup2{width: 620px;height: 377px;position: fixed;background: #fff; top: 50%;left:50%;transform: translate(-50%,-50%); border-radius: 10px;display: none;z-index: 9999;}
.new-popup-sec2{width:100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}

/* 20181226 原来的商桥隐藏 */
/* #newBridge{  display: none !important;  } */
/* 底部折叠 */
.credit-pop{width: 100%;height: 183px;z-index: 99;position: fixed;top: auto;bottom: 0px;right: 0px;left: auto;background: url(/company/img/credit-pop_bg.png) no-repeat 50% 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.credit-pop_close{position: fixed;bottom: 67px;right: 25px;width: 15px;height: 15px;display: block;background: url(/company/img/credit-pop_close.png) no-repeat;}
.credit-pop form{height: 100%;}
.credit-pop_wrap{width: 720px;position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.creditBtn .suBtn{height: 48px;line-height: 48px;padding: 0 40px;color: #fff;font-size: 16px;border-radius: 30px;border: none;cursor: pointer;
  background: -webkit-linear-gradient(left, #5d68ff , #7600f9); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #5d68ff, #7600f9); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #5d68ff, #7600f9); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #5d68ff , #7600f9); /* 标准的语法 */
  background: -ms-linear-gradient(left, #5d68ff , #7600f9);  /* IE 10 */
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#5d68ff', endColorStr='#7600f9');/*IE 6 7 8*/}
.credit-pop_wrap ul{display: inline-block;}
.credit-pop_wrap li{float: left;padding-right: 50px;}
.credit-pop_wrap li input{height: 47px;
  line-height: 47px;
  width: 219px;
  background: none;
  border: none;
  border-bottom: solid 1px #fff;
  color: #fff;
  padding: 0 7px;
  font-size: 18px;}
.unfold{width: 193px;height: 147px;background: url(/company/img/unfold_bg.png) no-repeat;position: fixed;left: 0;bottom: 50px;opacity: 0;filter: alpha(opacity: 0);z-index: 99999;}

  /* 左侧边 */
.onlineConsult{position: fixed;left: 0;z-index: 9999;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-mstransform: translateY(-50%);}
.onlineConsult dd{margin-top: 6px;height: 52px;cursor: pointer;}
.onlineConsult dd span{display: block;height: 100%;position: relative;}
.onlineIcon{background: url(/company/img/r-kf-ico.png) no-repeat;display: block;width: 52px;height: 52px;float: left;}
.online-icon1{background-position: 0 0;}
.online-icon2{background-position: 0 -58px;}
.online-icon3{background-position: 0 -116px;}
.online-icon4{background-position: 0 -174px;}
.onlineConsult dd:hover .online-icon1{background-position: -52px 0;}
.onlineConsult dd:hover .online-icon2{background-position: -52px -58px;}
.onlineConsult dd:hover .online-icon3{background-position: -52px -116px;}
.onlineConsult dd:hover .online-icon4{background-position: -52px -174px;}
.onlineConsult dd .n_consult_txt{font-size: 14px;color: #5489ff;padding: 0 18px;display: inline-block;height: 52px;line-height: 52px;float: right;background-color: #fff;min-width: 99px;display: none;border-radius: 0 5px 5px 0;}
.onlineConsult dd:hover .n_consult_txt,.onlineConsult dd:hover .online_rwm{display: block;}
.online_rwm{padding: 14px 24px;background: #fff;position: absolute;left: 52px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);display: none;}


/* 首屏出现弹屏 */
.s_caseBox {
  width: 548px; 
  height: 429px; 
  position: fixed; 
  top: 50%; 
  left: 50%; 
  margin: -214.5px 0 0 -274px;
  background: url(/company/img/sc_bg.jpg) no-repeat;
  z-index: 8;
  display: none;
  border-radius: 6px;
}
.s_close-case {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 19px;
  right: 18px;
  display: block;
  background: url(/company/img/sc_close.png) no-repeat;
}
.s_list_top {
  margin-top: 30px;
  text-align: center;
}
.s_tit_img {
  width: 298px;
  height: 26px;
  display: inline-block;
  background: url(/company/img/s_tit_img.png) no-repeat center;
}
.s_txt_img {
  width: 288px;
  height: 22px;
  display: inline-block;
  margin-top: 15px;
  background: url(/company/img/s_txt_img.png) no-repeat;
}
.s_case_inner {
  margin: 30px auto 0;
  width: 510px;
}
.s_case_list {
  margin-right: -3px;
}
.s_case_list li {
  float: left;
  width: 168px;
  /* height: 56px; */
  margin-right: 3px;
  background: rgba(255,255,255,0.2);
  color: #fff;
  text-align: center;
  padding: 7px 0 6px;
}
.s_case_list li.active {
  padding: 10px 0 9px;
  margin-top: -6px;
}
.s_case_list li:hover {
  cursor: pointer;
}
.s_case_list li .s_esta_tit {
  font-size: 14px;
  margin-bottom: 5px;
}
.s_case_list li .s_esta_txt {
  font-size: 12px;
  opacity: 0.6;
}

.s_case_info {
  background: rgba(255,255,255,0.32);
  width: 510px;
  height: 210px;
  margin: -1px auto 0;
  position: relative;
}
.s_case_info .s_left_iner {
  position: absolute;
  top: 38px;
  left: 0;
  width: 128px;
  text-align: center;
}
.s_case_info .s_left_iner .s_left_logo {
  width: 77px;
  height: 77px;
  margin-bottom: 14px;
  display: inline-block;
}
.s_case_info .s_left_iner .s_left_l_txt {
  font-size: 12px;
  color: #fff;
}
.s_case_info .s_right_iner {
  margin-left: 128px;
  padding-top: 30px;
  padding-right: 37px;
}
.s_case_info .s_right_iner .s_right_r_tot {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
}
.s_case_info .s_right_iner .s_right_iconbox {
  margin-top: 15px;
}
.s_case_info .s_right_iner .s_right_icon {
  width: 12px;
  height: 18px;
  display: inline-block;
  background: url(/company/img/c_cou.png) no-repeat;
  vertical-align: sub;
}
.s_case_info .s_right_iner .s_right_icon_txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #FFED26;
  margin-left: 10px;
  text-decoration: underline;
}
.s_case_info .s_right_iner .wisdom-case{
  width: 190px;
  height: 30px;
  line-height: 30px;
  background:#FFED26;
  border-radius: 15px;
  font-size: 14px;
  color: #FF5300;
  text-align: center;
  display: block;
  margin-top: 22px;
}
.s_case_info > li {
  display: none;
}
.s_case_info > li.current {
  display: block;
}
/*section1*/
#nav-ul > li > section {
  top: 71px;
  opacity: 0;
  z-index: 99;
  transform: translateY(-200%);
  -ms-transform: translateY(-200%); /* IE 9 */
  -webkit-transform: translateY(-200%); /* Safari and Chrome */
  -o-transform: translateY(-200%); /* Opera */
  -moz-transform:translateY(-200%); 
  
}


#nav-ul > li:hover > section {
  /* opacity: 1;
  transform: translateY(0); */
  z-index: 80;
  animation: topLoad 0.5s ease-in forwards;
}
@keyframes topLoad  {
  0% {
    transform: translateY(-200%);
    -ms-transform: translateY(-200%); /* IE 9 */
  -webkit-transform: translateY(-200%); /* Safari and Chrome */
  -o-transform: translateY(-200%); /* Opera */
  -moz-transform:translateY(-200%); 
    opacity: 0.5;
  }
  10% {
    transform: translateY(-200%);
    -ms-transform: translateY(-200%); /* IE 9 */
  -webkit-transform: translateY(-200%); /* Safari and Chrome */
  -o-transform: translateY(-200%); /* Opera */
  -moz-transform:translateY(-200%); 
    opacity: 0.5;
  }
  20% {
    transform: translateY(-200%);
    -ms-transform: translateY(-200%); /* IE 9 */
  -webkit-transform: translateY(-200%); /* Safari and Chrome */
  -o-transform: translateY(-200%); /* Opera */
  -moz-transform:translateY(-200%); 
    opacity: 0.5;
  }
  30% {
    transform: translateY(-200%);
    -ms-transform: translateY(-200%); /* IE 9 */
  -webkit-transform: translateY(-200%); /* Safari and Chrome */
  -o-transform: translateY(-200%); /* Opera */
  -moz-transform:translateY(-200%); 
    opacity: 0.5;
  }
  40% {
    transform: translateY(-200%);
    -ms-transform: translateY(-200%); /* IE 9 */
  -webkit-transform: translateY(-200%); /* Safari and Chrome */
  -o-transform: translateY(-200%); /* Opera */
  -moz-transform:translateY(-200%); 
    opacity: 0.5;
  }
  50% {
    transform: translateY(-150%);
    -ms-transform: translateY(-150%); /* IE 9 */
  -webkit-transform: translateY(-150%); /* Safari and Chrome */
  -o-transform: translateY(-150%); /* Opera */
  -moz-transform:translateY(-150%); 
    opacity: 0.5;
  }
  80% {
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
  -webkit-transform: translateY(-50%); /* Safari and Chrome */
  -o-transform: translateY(-50%); /* Opera */
  -moz-transform:translateY(-50%); 
    opacity: 0.8;
  }
  to {
    transform: translateY(0);
    -ms-transform: translateY(0); /* IE 9 */
  -webkit-transform: translateY(0); /* Safari and Chrome */
  -o-transform: translateY(0); /* Opera */
  -moz-transform:translateY(0); 
    opacity: 1;
  }
}
.we-goTop {
  display: none !important;
}

/* 新首页样式 */
.banner-head .banner-box{width: 100%;height:970px;position: relative;}
.banner-head .banner-box .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner-head .banner-box .swiper-slide {position:relative;height:100%;text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner-head .banner-box .swiper-slide img{height: 100%;width:100%;}
.banner-head .banner-box .swiper-slide video{object-fit:fill;}
.banner-head .banner-box .banner-sec-index{width: 100%;height: 100%;}
.banner-head .banner-box .banner-sec-index{width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 10;}
.banner-sec-index .w1200{height: 100%;display: flex;align-items: center;}
.banner-sec-index .ban-index-left {width: 550px;margin-top: -30px;}
.ban-index-left .index-left-btn{width: 223px;height: 40px;color: #fff;background-image: linear-gradient(to top, #FF8763,#FFB63A);border-radius: 20px;text-align: center;line-height: 40px;font-size: 16px;}
.ban-index-left h3{font-size: 40px;line-height: 60px;color: #333;margin-top: 55px;letter-spacing: 2px;}
.ban-index-left h2{font-size: 48px;line-height: 60px;color: #333;letter-spacing: 2px;}
.ban-index-left h2 span{color: #2F73F9;}
.ban-index-left .index-left-text{display: flex;align-items: center;font-size: 24px;color: #666;margin-top: 40px;}
.ban-index-left .index-left-text span{font-size: 48px;color: #CDE1FF;}
.ban-index-left .n_server-form{width: 490px;height:54px;display: flex;align-items: center;border-radius: 10px 27px 27px 10px;overflow: hidden;position:reative;z-index: 20;margin-top: 80px;}
.ban-index-left .n_server-form input{width: 330px;height: 54px;line-height: 54px;padding: 0 14px;border-radius: 10px 0 0 10px;font-size: 16px;color: #333;background: rgba(255,255,255,1);border:1px solid #fff;border-right: 0;}
.ban-index-left .n_server-form input::-webkit-input-placeholder{color: #c2c2c2;}
.ban-index-left .n_server-form input::-moz-placeholder{color: #c2c2c2;}　　
.ban-index-left .n_server-form input:-moz-placeholder{color: #c2c2c2;}
.ban-index-left .n_server-form input:-ms-input-placeholder{color: #c2c2c2;}
.ban-index-left .n_server-form .n_server-form-btn{width: 160px;height: 54px; font-size: 18px;color:#fff;background: #2F73F9;display: flex;align-items: center;justify-content: center;cursor: pointer;border:0;}
.banner-head .ban-index-left .index-left-tel{display: flex;align-items: center;font-size: 24px;color: #FB7A28;margin-top: 63px;}
.banner-head .ban-index-left .index-left-tel img{width: 29px;height: 26px;margin-right: 15px;}
.banner-video{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.banner-video .sub-tit{font-size: 40px;line-height: 50px;color: #DEDEDE;letter-spacing: 6px;margin-top: -20px;}
.banner-video .video-tit{font-size: 70px;font-weight: 100;line-height: 80px;}
.banner-video .video-text{font-size: 26px;color:#DEDEDE;line-height: 35px;font-weight: 100;}
.video-sec-box{width: 100%;height: 35px;overflow: hidden;}
.video-sec-box ul{top: 0px;-webkit-animation:scrollText1 8s infinite  cubic-bezier(1,0,0.5,0) ;animation:scrollText1 8s infinite  cubic-bezier(1,0,0.5,0) ;}
.video-sec-box ul:hover{animation-play-state:paused;-webkit-animation-play-state:paused;}
.video-sec-box ul li{width: 100%;height: 35px;}
@-webkit-keyframes scrollText1 {
  0%{transform: translateY(0px);}
  33.3%{transform: translateY(-35px);}
  66.6%{transform: translateY(-70px);}
  100%{transform: translateY(-105px);}
}
@keyframes scrollText1 {
  0%{transform: translateY(0px);}
  33.3%{transform: translateY(-35px);}
  66.6%{transform: translateY(-70px);}
  100%{transform: translateY(-105px);}
}
.video-play-box{display: flex;align-items: center;font-size:18px;color: #DEDEDE;margin-top: 30px;cursor: pointer;}
.banner-box .swiper-slide .video-play-box .video-play-icon{width: 20px;height: 20px;margin-right: 10px;}
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets, .banner-box .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 110px;left: 0;width: 40%;}
.banner-box .swiper-pagination-bullet{width: 30px;height: 1px;border-radius: 0;background: #fff;}
.banner-box .swiper-pagination-bullet{background:#fff!important;border:none;}
.banner-box .swiper-button-next, .banner-box .swiper-button-prev{width: 40px;height: 40px;top:initial;left:initial;}
.banner-box .swiper-button-next {background: url('/company/img/revisionOne/ban-btn-right.png') no-repeat center center;bottom:110px;right:15%;background-size: 100% 100%;}
.banner-box .swiper-button-prev {background: url('/company/img/revisionOne/ban-btn-left.png') no-repeat center center;bottom:110px;right:19%;background-size: 100% 100%;}
.banner-box .swiper-button-next:after, .banner-box .swiper-container-rtl .swiper-button-prev:after,
.banner-box .swiper-button-prev:after, .banner-box .swiper-container-rtl .swiper-button-next:after{display: none;}

/* 首页标题type1 */
.index-title-type1{width: 100%;display: flex;align-items: flex-end;}
.index-title-type1 h2{color: #2D3C5F;font-size: 34px;line-height: 34px;font-weight: 400;}
.index-title-type1 span{color: #7D8DA9;font-size: 18px;line-height: 18px;margin-left: 30px;text-align: center;}

/* 首页标题type2 */
.index-title-type2{width: 100%;display: flex;flex-direction: column;align-items: center;}
.index-title-type2 h2{color: #2D3C5F;font-size: 36px;line-height: 36px;font-weight: 400;}
.index-title-type2 span{color: #7D8DA9;font-size: 16px;line-height: 26px;margin-top: 20px;text-align: center;}

/* 模块一 */
.index-one-w100{padding: 10px 0;background: #F9FBFF;}
.index-one-menu{width: 100%;margin-top: 49px;}
.index-one-menu ul {display: flex;justify-content: space-between;align-items: center;}
.index-one-menu ul li {width: 285px;height: 320px;background: #fff;position: relative;cursor: pointer;}
.index-one-menu ul li .menu-img{width: 140px;height: 140px;position: absolute;top:14px;right: 15px;}
.index-one-menu ul li .menu-h2{padding-left: 30px;margin-top: 160px;color: #2D3C5F;font-size: 18px;line-height: 20px;}
.index-one-menu ul li .menu-p{display: block;padding:15px 74px 0 30px;font-size: 14px;color: #7D8DA9;line-height: 20px;}
.index-one-menu ul li .menu-icon{width: 34px;height: 18px;position: absolute;bottom:22px;right: 28px;background: url('/company/img/revisionOne/index-one-icon.png') no-repeat center center;background-size: 100% 100%;}
.index-one-menu ul li:hover .menu-icon{background: url('/company/img/revisionOne/index-one-icon-h.png') no-repeat center center;}
.index-one-sec{margin-top: 97px;width: 100%;}
.index-one-sec .one-sec-menu{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.index-one-sec .one-sec-menu li{width: 239px;height: 150px;border-top:1px solid #EBEBEB;border-bottom:1px solid #EBEBEB;border-left:1px solid #EBEBEB;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;cursor: pointer;transition: all .25s ease-in-out;}
.index-one-sec .one-sec-menu li img{width: 50px;height: 50px;}
.index-one-sec .one-sec-menu li h2{font-size: 22px;color: #2C3B5F;line-height: 26px;margin-top: 25px;}
.index-one-sec .one-sec-menu li.active{border-top:1px solid #2F73F8;border-bottom:1px solid #2F73F8;border-left:1px solid #2F73F8;background: #fff;}
.index-one-sec .one-sec-menu li:hover{background: rgba(235,240,252,.3);}
.index-one-sec .one-sec-menu li.active+li{border-left: 1px solid #2F73F8;}
.index-one-sec .one-sec-menu li:nth-last-child(1){border-right:1px solid #EBEBEB;}
.index-one-sec .one-sec-menu li:nth-last-child(1).active{border-right:1px solid #2F73F8;}
/* .index-one-sec .one-sec-menu li::after,.index-one-sec .one-sec-menu li::before{content: '';box-sizing: border-box;border: 2px solid transparent;width:0;height: 0;position: absolute;}
.index-one-sec .one-sec-menu li::after {top: 0;left: 0;transition: border-color 0s ease-in 0.4s,width 0.1s ease-in 0.3s,height 0.1s ease-in 0.2s;}
.index-one-sec .one-sec-menu li::before {bottom: 0;right: 0;transition: border-color 0s ease-in 0.2s,width 0.1s ease-in 0.1s,height 0.1s ease-in;}
.index-one-sec .one-sec-menu li:hover::after,.index-one-sec .one-sec-menu li:hover::before {content: '';width: 100%;height: 100%;}
.index-one-sec .one-sec-menu li:hover::after{border-top-color:#2F73F8;border-right-color:#2F73F8;transition: width 0.1s ease-out,height 0.1s ease-out 0.1s;}
.index-one-sec .one-sec-menu li:hover::before{border-bottom-color:#2F73F8;border-left-color:#2F73F8;transition: border-color 0s ease-out 0.2s,width 0.1s ease-out 0.2s,height 0.1s ease-out 0.3s;} */
.index-one-sec .one-sec-box{width: 100%;margin-top: 55px;}
.index-one-sec .one-sec-box li {display: flex;flex-wrap: wrap;}
.index-one-sec .one-sec-box li .label-list{width: 270px;margin-right: 195px;display: flex;justify-content: space-between;margin-bottom: 34px;cursor: pointer;}
.index-one-sec .one-sec-box li .label-list:nth-child(3n+3){margin-right: 0px;}
.index-one-sec .one-sec-box li .label-list .label-li-img{width: 20px;height: 20px;}
.index-one-sec .one-sec-box li .label-list .label-li-img img{width: 100%;height: 100%;}
.index-one-sec .one-sec-box li .label-list .label-li-img .img-one{display: block;}
.index-one-sec .one-sec-box li .label-list .label-li-img .img-two{display: none;}
.index-one-sec .one-sec-box li .label-list:hover .label-li-img .img-one{display: none;}
.index-one-sec .one-sec-box li .label-list:hover .label-li-img .img-two{display: block;}
.index-one-sec .one-sec-box li .label-list .label-li-box{width: 240px;}
.index-one-sec .one-sec-box li .label-list .label-li-box h2{color: #2C3B5F;font-size: 18px;}
.index-one-sec .one-sec-box li .label-list .label-li-box p{color: #7D8DA9;font-size: 14px;line-height: 24px;text-align: justify;}
.index-one-sec .one-sec-box li .label-list:hover .label-li-box h2{color: #2F73F8;}
.index-one-sec .one-sec-box li .label-list:hover .label-li-box p{color: #6D9EFF;}

/* 模块二 */
.index-two-sec{width: 100%;margin-top: 35px;}
.index-two-sec .two-sec-menu{display: flex;align-items: center;}
.index-two-sec .two-sec-menu span{font-size: 24px;color: #2C3B5F;padding: 13px 24px;border-bottom: 3px solid #e1e6f0;transition: all 0.5s ease-in-out;;cursor: pointer;position: relative;}
.index-two-sec .two-sec-menu span.active{border-bottom:3px solid #2F73F8;color: #2F73F8;}
.index-two-sec .two-sec-menu span:hover{color: #2F73F8;}
.index-two-sec .two-sec-menu span:nth-child(1)::after {content: '';position: absolute;right: 0;top: 16px;width: 1px;height: 16px;background-color: #ebf0fc;}
.index-two-sec .two-sec-boxs{width:100%; margin-top: 60px;}
.index-two-sec .two-sec-boxs ul li {display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-two-sec .two-sec-boxs ul li .label-list{width: 390px;height: 260px;display: flex;flex-direction: column;align-items: center;box-shadow: 0 0 21px 2px rgba(160, 168, 199, 0.18);margin-bottom: 20px;cursor: pointer;position: relative;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top{width:320px;display: flex;padding: 35px 30px 0 40px;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top .label-li-img{width: 30px;height: 30px;margin-right: 15px;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top .label-li-img img{width: 100%;height: 100%;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top .label-li-img .img-one{display: block;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top .label-li-img .img-two{display: none;}
.index-two-sec .two-sec-boxs ul li .label-list:hover .label-li-top .label-li-img .img-one{display: none;}
.index-two-sec .two-sec-boxs ul li .label-list:hover .label-li-top .label-li-img .img-two{display: block;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top .label-li-txt{flex: 1;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top .label-li-txt h2{color: #2C3B5F;font-size: 22px;line-height: 30px;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-top .label-li-txt p{color: #7D8DA9;font-size: 16px;line-height: 24px;text-align: justify;margin-top: 18px;}
/* .index-two-sec .two-sec-boxs ul li .label-list:hover .label-li-top .label-li-txt h2{color: #2F73F8;}
.index-two-sec .two-sec-boxs ul li .label-list:hover .label-li-top .label-li-txt p{color: #6D9EFF;} */
.index-two-sec .two-sec-boxs ul li .label-list .label-li-btn{width: 150px;height: 40px;border-radius: 4px;text-align: center;line-height: 40px;border:1px solid #2F73F8;color: #2F73F8;font-size: 14px;position: absolute;left: 50%;margin-left: -75px;bottom: 40px;}
.index-two-sec .two-sec-boxs ul li .label-list .label-li-btn:hover{background: #2F73F8;color: #fff;}

/* 模块三 */
.index-thr-w100{width: 100%;padding: 10px 0;background: url('/company/img/revisionOne/index-thr-bg.png') no-repeat center center;background-size: cover;}
.index-thr-w100 .index-thr-sec{width: 100%;margin-top: 60px;}
.index-thr-w100 .index-thr-sec ul{display: flex;justify-content: space-between;align-items: center;}
.index-thr-w100 .index-thr-sec ul li{width: 285px;height: 351px;border-radius: 10px;background: #fff;position: relative;overflow: hidden;cursor: pointer;}
.index-thr-w100 .index-thr-sec ul li .thr-box-top{width: 100%;height: 169px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.index-thr-w100 .index-thr-sec ul li .thr-box-top h2{font-size: 24px;color: #2C3B5F;line-height: 30px;text-align: center;}
.index-thr-w100 .index-thr-sec ul li .thr-box-top span{font-size: 18px;color: #7D8DA9;line-height: 24px;margin-top: 15px;text-align: center;}
.index-thr-w100 .index-thr-sec ul li .thr-box-btm{width: 100%;height: 182px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.index-thr-w100 .index-thr-sec ul li .thr-box-btm .img-box{width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: hidden;}
.index-thr-w100 .index-thr-sec ul li .thr-box-btm .img-box img{width: 100%;height: 100%;transition: all 0.6s;}
.index-thr-w100 .index-thr-sec ul li .thr-box-btm h2{font-size: 24px;color: #fff;line-height: 30px;position: relative;z-index: 5;text-align: center;}
.index-thr-w100 .index-thr-sec ul li .thr-box-btm span{padding: 15px 25px 0;font-size: 18px;color: #fff;line-height: 24px;position: relative;z-index: 5;text-align: center;}
/* .index-thr-w100 .index-thr-sec ul li:hover .thr-box-btm .img-box img{transform:scale(1.2);} */

/* 模块四 */
.index-four-w100{width: 100%;padding: 10px 0;}
.index-four-w100 .index-four-sec{margin-top: 60px;}
.index-four-w100 .index-four-sec img{width: 100%;}

/* 底部弹窗 */
.page-footer{width: 100%;position: fixed; bottom: 0;left:0;z-index: 999;transition: transform 0.8s;transform: translateY(0px);}
.page-footer .close-try{width: 20px;height: 20px;position: absolute;  box-shadow: 0 0 0px rgba(0,0,0,.16); top: 35%;right: 30px;display: block;background: url('/company/img/revisionOne/foot-close-icon.png') no-repeat center center;background-size: 100% 100%;}
.page-footer .footer-bg{width: 100%;display:block;}
/* .page-footer .footer-img{width: 191px;object-fit: cover;position: absolute;left:100px;top:0;} */
.page-footer .footer-sec{position: absolute;left: 330px;top:50%;transform: translateY(-18%);}
.page-footer .footer-sec p{color: #D6E4FF;margin-top: 10px;}
.page-footer .foot-input{width:350px;position: absolute;left: 60%;top:50%;transform: translateY(-10%);outline: none;}
.page-footer .foot-input form{width: 100%;display: flex;align-items: center;}
.page-footer .foot-popup-input{width: 60%;height: 38px;padding: 0 15px;border-radius: 19px 0 0 19px;font-size: 14px;border:0;color: #666;outline: none;}
.page-footer .foot-popup-btn{width: 40%;height: 38px;border-radius: 0 19px 19px 0;font-size: 16px;border:0;margin:0;padding:0;text-align: center;line-height: 38px;font-size: 16px;color: #fff;background: #FFB33C;outline: none;}

/* 底部icon */
.foot-btn{width: 40px;position: fixed;top: 34%;right: 20px;cursor: pointer;z-index: 999;transition: transform 0.8s;transform: translateX(100px);}
.foot-btn img{width: 100%;}

/* 侧边栏联系我们 */
.contact-us{width: 40px;height: 150px;position: fixed;right: 20px;top: 40%;background: #002cd3;background-size: 100% 100%;display: flex;flex-direction: column;align-items: center;cursor: pointer;opacity: 1;}
/* .contact-us:hover{background: url('/company/img/side-pop-bg.png') no-repeat center center;} */
.contact-us .cont-us-img{width: 22px;height: 18px;margin-top: 20px;}
.contact-us .cont-us-text{display: block;width: 16px;line-height: 20px;font-size: 14px;color: #fff;margin-top: 10px;font-weight: 500;}
.contact-us .cont-us-sec{width:290px;position: absolute;top: 0;right: 40px;display: none;}
.contact-us:hover .cont-us-sec{display: block;}
.contact-us .cont-us-sec ul{width: 262px;display: flex;flex-direction: column;background:#fff;}
.contact-us .cont-us-sec ul li {width: 100%;height: 74px;display: flex;}
.contact-us .cont-us-sec ul li .cont-us-li-img{width: 20px;height: 20px;margin: 16px 12px 0 18px;}
.contact-us .cont-us-sec ul li .cont-us-li-img img{width: 100%;height: 100%;}
.contact-us .cont-us-sec ul li .cont-us-li-img img.one-img{display: block;}
.contact-us .cont-us-sec ul li .cont-us-li-img img.two-img{display: none;}
.contact-us .cont-us-sec ul li:hover .cont-us-li-img img.one-img{display: none;}
.contact-us .cont-us-sec ul li:hover .cont-us-li-img img.two-img{display: block;}
.contact-us .cont-us-sec ul li .cont-us-li-box{width: flex;height: 100%;position: relative;cursor: pointer;}
.contact-us .cont-us-sec ul li .cont-us-li-box .us-li-h2{margin-top: 13px;line-height: 24px;font-size: 16px;color: #2C3B5F;}
.contact-us .cont-us-sec ul li .cont-us-li-box .us-li-p{margin-top: 5px;font-size: 12px;color: #7D8DA9;}
.contact-us .cont-us-sec ul li .cont-us-li-box .us-li-line{position: absolute;bottom: 0;left: 0;width: 146px;height: 1px;background: rgba(47, 115, 249, 0.1);}
.contact-us .cont-us-sec ul li:hover {background: #f8f8ff;}
.contact-us .cont-us-sec ul li:hover .cont-us-li-box .us-li-h2{color: #2F73F9;}
.contact-us .cont-us-sec ul li:hover .cont-us-li-box .us-li-p{color: #2F73F9;opacity: 0.8;}