@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('../fonts/51b2bdu3ywgvte29_3.eot'); /* IE9*/src: url('../fonts/51b2bdu3ywgvte29_3.eot') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/51b2bdu3ywgvte29_3.woff') format('woff'), /* chrome、firefox */url('../fonts/51b2bdu3ywgvte29_3.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('../fonts/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;}
.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: 32px;
    line-height: 45px;
    color: #233B6F;}
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(../fonts/loading_3.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;margin-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;}
.tel-icon,.sc-btn-bx em,.nav-sub-link em,.vp-pro-links dl dt em,.address-ul li em {background: url(../fonts/a661bb24bb47404492b4c98a7dcc2552.woff); }
.header-bx.header-bx-collapse, .header-bx.nav-sub-show {background: #fff;position: fixed;}

.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: 180px; 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; position:relative;}
.nav-ul li {display: inline-block;padding: 0 28px;}
.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: 69px;font-size: 18px;color: #333;}
.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;}
.nav-ul .tel-p{position: absolute;right:-11px;top:0;line-height:65px;padding:0;}
.nav-ul .tel-p .tel-img{margin-top:-1px;margin-right:5px;    vertical-align: middle;}
.nav-ul .i-tel{font-size: 16px;color:#333;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: 0;top:0;margin:15px 0;line-height: 42px;display: block;font-size: 18px;/*padding: 0 12px;border: dotted 1px #fff;*/}
.tel-txt{color:#333;}
.r-tel a{/*padding: 0 12px;*/}
.r-tel a.reg{/*border: dotted 1px #d2d1d1;*/width:106px;height:42px;background: #489fff;color:#fff;line-height:42px;text-align: center;display: inline-block;  border-radius:3px;margin-left:30px;}
.r-tel a:hover{text-decoration: none;}
.r-tel *,.sc-btn * {vertical-align: middle;display: inline-block;}
.tel-icon {width: 40px;height: 40px;}
.nav-sub {/*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-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 ul {margin: 10px 0; padding: 0 70px;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li{padding: 0;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .pro-svg,.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_links {text-align: left;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx .vp_nav_pro_dis {border: none;display: block;line-height: inherit;font-size: inherit;color: inherit;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx .pro-svg svg {width: 25px;height: 25px;float: left;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx h2{display: inline-block;vertical-align: middle;margin-left: 10px;padding: 0;color: #8294a6;text-align: left;padding: 0;float: left;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li:hover .vp_product_bx h2{font-size: 18px !important;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx h2 span,
.nav-ul .vp-thr-ul.vp_productAll_ul ul li:hover .vp_product_bx h2 span {color: #333333;font-size: 16px !important;display: block;height: 20px;line-height: 20px;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx h2 small,
.nav-ul .vp-thr-ul.vp_productAll_ul ul li:hover .vp_product_bx h2 small{font-size: 12px !important;color: #444444;display: block;line-height: 20px;margin-top: 5px;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx {border-color: transparent;padding: 15px;height: 45px;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li:hover .vp_product_bx{box-shadow: 0 0 50px rgba(8,21,35,.3);}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_links a,.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_links span {border: none;color: #8294a6;font-size: 14px;line-height: 20px;text-decoration: none;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx .vp_nav_pro_dis .vp_product_links span {margin-right: 10px;}

/*item-head-style*/
.ic_head_fixed .header-bx {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 999; background:#fff}
.ic_head_fixed .header {height: 68px;}
.ic_head_fixed .header .logo {top: 6px;width: 88px;}
.ic_head_fixed .r-tel {}
.ic_head_fixed .nav-ul {text-align: left;}
.ic_head_fixed .nav-ul li a {}
#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("../images/banner_4.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("../images/banner-bottom_3.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(../images/bg-v-lt9_3.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:55px 0;}
.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(https://hpsyoss.oss-cn-beijing.aliyuncs.com/static_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: 114px;height: 114px;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(../images/syh_3.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(../images/case-bg_3.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(../images/round-bg_3.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;left: 0;top: 0px;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-all-txe{}
.case-all-txe>a{background:#5284ff;display: inline-block;height:46px;line-height:46px;color:#fff;font-size: 16px;padding:0 24px;width:137px;}
.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;}

/*template*/
.temp-shaodw {background-image: url(../images/temp-bg_3.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(/2018/img/big.cur), auto;}

/*job*/
.job-shadow{background-image: url(../images/job-banner_3.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(../images/li_bg_3.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(../fonts/655144945bd449c5a1a44fd7591bd728.woff);}
.lt-ie9 .require-svg-2,.lt-ie9.lt-ie8 .require-svg-2 {background-image: url(../fonts/9ee060b8a9864d61bfb9e4702b17384d.woff);}
.lt-ie9 .require-svg-4,.lt-ie9.lt-ie8 .require-svg-4 {background-image: url(../fonts/5fb0a1a003d7490889879283d684cfe8.woff);}

.lt-ie9 .pro-svg-1,.lt-ie9.lt-ie8 .pro-svg-1 {background-image: url(../fonts/3039d1a3f621421797de139126d74d79.woff);}
.lt-ie9 .pro-svg-3,.lt-ie9.lt-ie8 .pro-svg-3 {background-image: url(../fonts/213f8bae1a2e4f54bfea763783d74640.woff);}
.lt-ie9 .pro-svg-5,.lt-ie9.lt-ie8 .pro-svg-5 {background-image: url(../fonts/0085dd85c1c64d89bf3d7131feaec817.woff);}
.lt-ie9 .pro-svg-7,.lt-ie9.lt-ie8 .pro-svg-7 {background-image: url(../fonts/c8009379a07246cf9f83e9df89f33c0a.woff);}
.lt-ie9 .pro-svg-9,.lt-ie9.lt-ie8 .pro-svg-9 {background-image: url(../fonts/a7cc8f836292436288a612dff1041575.woff);}
.lt-ie9 .pro-svg-b2,.lt-ie9.lt-ie8 .pro-svg-b2 {background-image: url(../fonts/4ec444eff9dd4d83847c8c1ebc10b791.woff);}
.lt-ie9 .pro-svg-b4,.lt-ie9.lt-ie8 .pro-svg-b4 {background-image: url(../fonts/7bd0083e870e4c21adf7bfebf239c58a.woff);}
.lt-ie9 .pro-svg-b6,.lt-ie9.lt-ie8 .pro-svg-b6 {background-image: url(../fonts/dbe1067f74994a4eb43712e4432e58c6.woff);}
.lt-ie9 .pro-svg-b8,.lt-ie9.lt-ie8 .pro-svg-b8 {background-image: url(../fonts/8b2c41fb3a7f44469b3ce7600b7fa0f1.woff);/*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(../images/vp-pic-1_3.jpg);}
.lt-ie9 .vp-bx-2,.lt-ie9.lt-ie8 .vp-bx-2 {background-image: url(../images/vp-pic-2_3.jpg);}
.lt-ie10 .vp-bx-3,.lt-ie9 .vp-bx-3,.lt-ie9.lt-ie8 .vp-bx-3 {background-image: url(../images/vp-pic-3_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(../images/apply-bg_3.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("../images/flink_3.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(../images/icon-menu-bg_3.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(../images/jiantou_up_3.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(../images/jiantou_down_3.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("../images/loading_3.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("../images/ellipses_dial_3.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*/
.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 {
  .viewport {width: 1020px;max-width: 1020px;}
  .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: 218px;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;}
  #main .cul-txt{font-size: 16px;width: 370px;}
  #main .cul-txt p{padding: 10px 0 0;}
  #main .concept{margin-bottom: 70px;}
  #main .conceptLeft{width: 300px;}
  #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: 331px;}
  #main .honor-t-c{width: 164px;margin-left: 10px;}
  #main .honor-t-r{width: 324px;}
  #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: 1200px;}
  .vp-pro-links dl {padding-left: 98px;}
  .vp-pro-links dl dt {left: 10px;}
  .other-case li {margin: 20px 10px;}
}

/*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("../images/applybg_3.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(../images/bg-video_3.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{background: #000;opacity: 0.3;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; height:540px; position:fixed; top:50%; left:50%; margin:-270px 0 0 -480px;background:#fff;z-index: 15;visibility: hidden;box-shadow: 0 0 50px rgba(33,28,28,.5);}
.loading{background: url(../images/loading_3.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(../images/close_4.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("../images/txtbg_3.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: 15px;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: 36px;
    font-size: 16px;
    color: #333;
    text-align: justify;}
.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%;margin: 0 1%;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("../images/left_3.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("../images/right_3.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:20px;}
.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("../images/connect_3.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(../images/fabout-bg_3.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:450px; height:412px; position:fixed; top:50%; left:50%; margin:-206px 0 0 -225px;background:#fff;z-index: 9999;display: none;border-radius: 5px;}
.tryLogo{display: block;text-align: center;padding: 40px 0;line-height: 40px;font-size: 36px;font-weight: bold;color: #111;}
.trial-ab-form{padding: 0 55px;}
.trial-ab-form .trialBtn{height: 36px;margin: 30px 0 57px 0;}
.trial-ab-form .trialBtn .suBtn{padding: 0;background: #398ae6;border: none;border-radius: 0;color: #fff;font-size: 14px;margin: 0;height: 36px;line-height: 36px;width: 100%;box-shadow: 0 0 30px rgba(43,131,230,.3);cursor: pointer;}
.trial-ab-form li{padding: 0 0 15px 0;}
.trial-ab-form li input,.trial-ab-form li select{height: 34px;line-height: 34px;width: 100%;background: none;border: none;border-bottom: solid 1px #398ae6;color: #7b7c7d;padding: 0;font-size: 14px;}
.trial-ab-form li select{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 10px;background: url(../images/arrow_3.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: 36px;height: 36px;position: absolute;top: -18px;right: -18px;display: block;background: url(../images/close-try_4.png) no-repeat;box-shadow: 0 0 4px rgba(0,0,0,.16);border-radius: 50%;}

/*ecological CSS*/
.ecological-shadow{background-image: url(../images/ecological-shadow_3.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(../images/ecologicalexam-bg_3.jpg) no-repeat 50% 50%;width: 100%;height: 225px;text-align: center}
.examBox{padding: 85px 0 81px;}
.examBox em{display: inline-block;background: url(../images/exam_3.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(../images/c-prev_3.png) no-repeat; width: 40px;  height: 40px;  left: 160px;}
.case-b-btn.swiper-button-next{  background: url(../images/c-next_3.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(../images/yc01_3.png); }
.swiper-container .banner02 {  background-color: #6956fb;  }
.swiper-container .banner02 .shop-logo.n_log2{ background-image: url(../images/yc02_3.png); }
.swiper-container .banner03 {  background-color: #8c56fb;  }
.swiper-container .banner03 .shop-logo.n_log3{ background-image: url(../images/yc03_3.png); }
.swiper-container .banner04 {  background-color: #fb5656;  }
.swiper-container .banner04 .shop-logo.n_log4{ background-image: url(../images/yc04_3.png); }
.swiper-container .banner05 {  background-color: #ca5cfe;  }
.swiper-container .banner05 .shop-logo.n_log5{ background-image: url(../images/yc05_3.png); }
.swiper-container .banner06 {  background-color: #fb7556;  }
.swiper-container .banner06 .shop-logo.n_log6{ background-image: url(../images/yc06_3.png); }
.swiper-container .banner07 {  background-color: #fb6556;  }
.swiper-container .banner07 .shop-logo.n_log7{ background-image: url(../images/yc07_3.png); }
.swiper-container .banner08 {  background-color: #478bfc;  }
.swiper-container .banner08 .shop-logo.n_log8{ background-image: url(../images/yc08_3.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{position: fixed;right: 10px;top: 50%;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);}
.fsize16 {font-size: 16px;  }
.dis {display: block;  }
.vam {vertical-align: middle;}
.disIb {display: inline-block;  }
/* 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(../images/credit-pop_bg_4.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(../images/credit-pop_close_4.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(../images/unfold_bg_4.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(../images/r-kf-ico_4.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(../images/sc_bg_4.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(../images/sc_close_4.png) no-repeat;
}
.s_list_top {
  margin-top: 30px;
  text-align: center;
}
.s_tit_img {
  width: 298px;
  height: 26px;
  display: inline-block;
  background: url(../images/s_tit_img_4.png) no-repeat center;
}
.s_txt_img {
  width: 288px;
  height: 22px;
  display: inline-block;
  margin-top: 15px;
  background: url(../images/s_txt_img_4.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(../images/c_cou_4.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;
}

.wx-title p {
    color: #748598;
    font-size: 16px;
    margin: 3px 0 20px;
}
.tac {
    text-align: center;
}
.wx-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
    color: #233B6F;
}