@charset "utf-8";
/*
	westdrug | WebSites(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 'Hiragino Sans GB','Helvetica',\5FAE\8F6F\96C5\9ED1,"SimHei";word-break:break-all;word-wrap:break-word;}
@font-face {font-family: 'webfont';src: url(../font/51b2bdu3ywgvte29.eott'); /* IE9*/src: url(../../font/51b2bdu3ywgvte29.eot') format('embedded-opentype'), /* IE6-IE8 */url(../../font/51b2bdu3ywgvte29.wofff') format('woff'), /* chrome、firefox */url(../../font/51b2bdu3ywgvte29.ttff') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url(../WebSites/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;}
.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;}
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/loader.gif) no-repeat 0 0;display: inline-block;width: 31px;height: 31px;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: 104px;}
.viewport {margin-left: auto;margin-right: auto;    position: relative;}
.lt-ie9.lt-ie8 .viewport,.lt-ie9 .viewport {width: 1160px;}
.m-v-bx {background: #fbfbfb;overflow: hidden;padding-bottom: 70px;}
.m-v-g-bx {background: #EAF1F2;}
	{background: #F1F7F7;}
.tel-icon,.sc-btn-bx em,.nav-sub-link em,.vp-pro-links dl dt em,.address-ul li em {background: url(../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: 70px;color: #2e3136;text-align: center;overflow: hidden;clear: both;}
.m-v-c-title h3 {font-size: 30px;line-height: 50px;letter-spacing: 8px;margin-bottom: 10px;}
.m-v-c-title h5 {line-height: 50px;}
.m-v-c-title h5 big {color: #2f75bb;display: inline-block;font-size: 30px;position: relative;}
.m-v-c-title h5 big small {position: absolute;right: -10px;top: -21px;font-family: \5FAE\8F6F\96C5\9ED1;}
.t-des-text {font-size: 18px;line-height: 30px;}
.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 {transition: .5s;-webkit-transition: .5s;}
/*=============hStyle=============*/
.header-bx {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 9;}
.header-bx.header-bx-collapse,.header-bx.nav-sub-show {background: #2e3136;/*background: rgba(0,0,0,.9);*/}
.header {border-bottom: 3px solid rgba(255,255,255,.1);height: 104px;}
.header-bx-collapse .header {border: none;height: 68px;}
.nav-sub-show .header {border: none;}
.header-bx-collapse .logo {width: 88px;}
.header-bx-collapse .nav-ul {padding-top: 5px;}
.header-bx-collapse .nav-ul li a {line-height: 60px;font-size: 18px;}
.header-bx-collapse .r-tel {margin-top: -18px;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;padding-right: 210px;position: relative;height: 100%;z-index: 9;}
.logo {position: absolute;width: 140px;top: 8px;left: 0;}
.logo img {display: inline-block;max-width: 100%;font-size: 12px;color: #fff;}
.nav-ul {text-align: center;padding-top: 20px;}
.nav-ul li {display: inline-block;padding: 0 20px;}
.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: 84px;font-size: 20px;color: #f2f2f2;}
.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: #2f75bb;color: #2f75bb;}
.nav-ul li a:hover,.nav-ul li.subShow a {color: #2f75bb;text-decoration: none;}
.r-tel {position: absolute;right: 0;top: 50%;margin-top: -13px;line-height: 40px;display: block;width: 208px;font-size: 20px;}
.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: -404px;right: 0;left: 0;width: 100%;z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.nav-sub-bx {background: #2e3136;background: rgba(46,49,54,.97);padding: 20px 0;}
.nav-sub-show .nav-sub {top: 104px;border-top: 1px solid rgba(255,255,255,.12);opacity: 1;filter: alpha(opacity=100);z-index: 0;}
.header-bx-collapse.nav-sub-show .nav-sub {top: 67px;border-top: 1px solid rgba(255,255,255,.12);}
.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: 20px 0;}
.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: 80px;height: 80px;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx .pro-svg h2 span {color: #8294a6;}
.nav-ul .vp-thr-ul.vp_productAll_ul ul li .vp_product_bx {border-color: #383F44;padding: 30px 38px;}
.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: 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: 0;right: 0;bottom: 0;overflow: hidden;left: 0;z-index: -1;background: #000308 url(../img/01.png) no-repeat 50% 50%;background-size: cover;background-origin: padding-box;background-clip: border-box;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/01.png',sizingMethod='scale');}
.v-b-shadow {background: rgba(0,0,0,.4);position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;z-index: 0;background: #000308 url(../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');}
/*.v-b-shadow {background: url(../img/v-b-shadow.png) repeat-x 0 0;}*/
.lt-ie9.lt-ie8 .video-wrap,.lt-ie9 .video-wrap {background: #000308 url(../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: 414px;margin: 160px 0;text-align: center;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: 80px;font-family: "Hiragino Sans GB",'SimHei','Microsoft YaHei';}
.sc-sub-slogn-txt p {color: #f8f8f8;margin-bottom: 25px;line-height: 30px;font-size: 24px;letter-spacing: 1px;}
.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;}

.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: 200px;margin: 50px 0;text-align: center;}
.ab-slogn-txt h6 {height: 200px;line-height: 200px;font-size: 42px;letter-spacing: 8px;}
.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,.case-shadow {background: url(../img/about-bg.jpg) no-repeat 50% 0;bottom: 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.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(../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;}
.map-bx {margin-top: 70px;width: 100%;height: 410px;}

/*case*/
.case-shadow {background-image: url(../img/case-bg.jpg);}
.case-view {padding-left: 150px;position: relative;overflow: hidden;min-height: 620px;}
.case-list {margin-top: 50px;}
.case-list dl {overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 15px;padding-left: 275px;margin-bottom: 20px;position: relative;-webkit-transition: .6s;transition: .6s;}
.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;}
.case-desc {height: 80px;overflow: hidden;font-size: 14px;line-height: 26px;color: #777;margin-top: 10px;text-align: justify;}
.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(../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;}
.case-sort-bx {position: absolute;left: 0;top: 0;z-index: 5;-webkit-transition: .4s;transition: .4s;}
.case-sort {width: 120px;text-align: right;padding: 0;box-shadow: 5px 5px 0 rgba(0,0,0,.05);}
.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: #333;font-size: 14px;display: block;height: 43px;line-height: 43px;text-align: right;padding-right: 10px;}
.case-sort li.current a {border-color: #d73014;color: #d73014;}
.case-sort li a:hover {color: #d73014;text-decoration: none;}
.other-case {padding: 30px 0;overflow: hidden;}
.other-case li {float: left;margin: 20px 0;}
.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(../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(../img/big.cur), auto;}

/*job*/
.job-shadow{background-image: url(../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(../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;}
/*.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;}
@-webkit-keyframes dash {to {stroke-dashoffset: 0;}}
@keyframes dash {to {stroke-dashoffset: 0;}}

.lt-ie9 .pro-svg,.lt-ie9.lt-ie8 .pro-svg {display: block;width: 235px;height: 110px;padding-left: 110px;background-repeat: no-repeat; background-position: 0 50%;}
.lt-ie9 .pro-svg-1,.lt-ie9.lt-ie8 .pro-svg-1 {background-image: url(../img/pro-nth-1.png);}
.lt-ie9 .pro-svg-2,.lt-ie9.lt-ie8 .pro-svg-2 {background-image: url(../img/pro-nth-2.png);}
.lt-ie9 .pro-svg-3,.lt-ie9.lt-ie8 .pro-svg-3 {background-image: url(../img/pro-nth-3.png);}
.lt-ie9 .pro-svg-4,.lt-ie9.lt-ie8 .pro-svg-4 {background-image: url(../img/pro-nth-4.png);}
.lt-ie9 .pro-svg-5,.lt-ie9.lt-ie8 .pro-svg-5 {background-image: url(../img/pro-nth-5.png);}
.lt-ie9 .pro-svg-6,.lt-ie9.lt-ie8 .pro-svg-6 {background-image: url(../img/pro-nth-6.png);}
.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(../img/vp-pic-1.jpg);}
.lt-ie9 .vp-bx-2,.lt-ie9.lt-ie8 .vp-bx-2 {background-image: url(../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(../img/vp-pic-3.jpg);}

.all-case-ul {margin-top: 60px;overflow: hidden;clear: both;margin-left: 20px;}
.all-case-ul li {display: inline-block;width: 19%;margin-top: 40px;}
.lt-ie9.lt-ie8 .all-case-ul li {display: inline;}
.all-case-ul li a {display: inline-block;margin: 0 10px;}
.all-case-ul li a:hover {background: #fff;box-shadow: 0 3px 20px rgba(0,0,0,.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);text-decoration: none;}
.all-case-ul li img {display: block;width: 100%;}
.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;}

.apply-ele-bx {background: url(../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 {padding: 0 0 20px;}
.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;}

/*二屏改版 WebSites.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 #DAECFE;border-width: 0 1px 1px 0;padding: 38px;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 svg {vertical-align: middle;width: 110px;height: 110px;}
.vp_product_bx .pro-svg h2 {display: inline-block;vertical-align: middle;margin-left: 30px;}
.vp_product_bx .pro-svg h2 span {color: #2f75bb;cursor: pointer;font-size: 24px;font-weight: normal;}
.vp-thr-ul.vp_productAll_ul ul li:hover .vp_product_bx .pro-svg h2 span {font-size: 26px;}
.vp_product_desc {margin-top: 12px;height: 82px;}
.vp_product_desc p {line-height: 150%;color: #666;font-size: 12px;text-align: justify;}
.vp_product_links {height: 20px;}
.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: #2E3136;overflow: hidden;}
.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: 68px;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: 80px;height: 80px;}
  .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: 30px 18px;}
}
@media (min-width: 1025px) and (max-width: 1400px) {
  .viewport {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: 90px;height: 90px;}
  .vp_product_desc {height: 100px;}
  .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: 30px 18px;}
}
@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;}
}