@charset "utf-8";
/*
	power by http://www.nxb100.com/
	v1.0 | 2016/01/25
 	-----------------------------------------
	nxb100 | 2016(yy)/01(mm)/25(dd) 
	http://www.nxb100.com/
*/
/* #mobile style
================================================== */
html {overflow-y: auto;}
body,html{-webkit-overflow-scrolling:touch;-webkit-touch-callout: none; /*禁止或显示系统默认菜单*/-webkit-user-select: none; /*禁止长按复制选择*/ -webkit-tap-highlight-color: rgba(0,0,0,0);/*禁止触摸a标签高亮 这个特别实用*/}
body,html{overflow-x:hidden}
::-webkit-scrollbar {width: 4px;background-color: transparent;}
::-webkit-scrollbar-thumb {background-color: #666666;border-radius: 4px;}
/* 移动端字体单位等比例适配 :: rem */
@media only screen and (max-width:300px){
	body{font-size:8.33333px}
}
@media only screen and (max-width:310px) and (min-width:300px){
	body{font-size:8.33333px}
}
@media only screen and (max-width:320px) and (min-width:310px){
	body{font-size:8.61111px}
}
@media only screen and (max-width:350px) and (min-width:320px){
	body{font-size:8.88889px}
}
@media only screen and (max-width:360px) and (min-width:350px){
	body{font-size:9.72222px}
}
@media only screen and (max-width:400px) and (min-width:360px){
	body{font-size:10px}
}
@media only screen and (max-width:470px) and (min-width:400px){
	body{font-size:11.11111px}
}
@media only screen and (max-width:480px) and (min-width:470px){
	body{font-size:13.05556px}
}
@media only screen and (max-width:540px) and (min-width:480px){
	body{font-size:13.33333px}
}
@media only screen and (max-width:560px) and (min-width:540px){
	body{font-size:15px}
}
@media only screen and (max-width:570px) and (min-width:560px){
	body{font-size:15.55556px}
}
@media only screen and (max-width:630px) and (min-width:570px){
	body{font-size:15.83333px}
}
@media only screen and (max-width:640px) and (min-width:630px){
	body{font-size:17.5px}
}
@media only screen and (max-width:710px) and (min-width:640px){
	body{font-size:17.77778px}
}
@media only screen and (min-width:720px) and (max-width:749px) {
    body {font-size: 22.5px}
}
@media only screen and (min-width:750px) and (max-width:799px) {
    body {font-size: 23.5px}
} 
@media only screen and (min-width:800px) and (max-width:959px) {
    body {font-size: 25px}
}
@media only screen and (min-width:960px) and (max-width:1079px) {
    body {font-size: 30px}
}
@media only screen and (min-width:1080px) {
    body {font-size: 32px}
}
.fsize12 {font-size: .9rem;}
.fsize14 {font-size: 1.067rem;}
.fsize16 {font-size: 1.1rem;}
.fsize18 {font-size: 1.14rem;}
.fsize20 {font-size: 1.2rem;}
.fsize24 {font-size: 1.4rem;}
.fsize28 {font-size: 1.5rem;}
.fsize34 {font-size: 1.58rem;}
.u-body .uMenu {display: none;}
.u-body {margin: 0 0 -40px;}
/* #mobile header
================================================== */
/*** width=device-width 320 && 768 ***/
html, body {overflow-x: hidden;}
#header.fixed {background: rgba(247,247,247,.9);position: fixed;border-bottom: 1px solid #ff8563;}
#nav {display: none;}
.container {width: auto; padding: 0 10px;}
.buy-step-box li,.suggests-box,.bp-js-box.buy-step-box li {width: 100%;}
.header-wrap {height: 65px;padding-left: 110px;overflow: visible;}
.logo {margin-top: 0;width: 102px;margin-left: 5px;}
#nav-m {display: block;float: right;height: 65px;width: 55px;position: relative;}
#nav-m .nav-btn {position: absolute;top: 50%;right: 15px;margin-top: -8px;}
.nav-btn .nav-menu-ico {width: 38px;}
.nav-btn .nav-menu-ico li {border-top: 1px solid #4c4c4c;display: block;height: 6px;overflow: hidden;line-height: 6px;color: #fff;text-align: center;}
.subNav {display: none;position: absolute;top: 47px;right: -15px;}
.subNav ul {background: rgba(0,0,0,.77);width: 120px;padding: 10px 0;overflow: hidden;}
.subNav ul li a {text-align: right;display: block;height: 34px;font: 1.0rem/34px 'SimHei','Microsoft YaHei';color: #fff;padding-right: 15px;}
.subNav ul li a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;}
#nav-m .nmi-1,#nav-m .nmi-2,#nav-m .nmi-3 {-webkit-transition: .4s;transition: .4s;}
#nav-m.showSub .subNav {display: block;}
#nav-m.showSub .nmi-2 {display: none;}
#nav-m.showSub .nmi-1 {margin-top: 5px;transform: rotate(45deg);}
#nav-m.showSub .nmi-3 {margin-top: -6px;transform: rotate(-45deg);}
.nav,.tel {display: none;}
.header-wrap-box {margin-top: 0;}
.i-main-box{padding-top: 65px;}
.two-list-infor li{width: 50%;}
.two-list-infor li .box-in{padding: 10px 7px;text-align: center;}
.two-list-infor li span {width: 80px; height: 80px;display: inline-block;background-size: 100%;margin-bottom: 10px;}
.two-list-infor li:hover .s3,.two-list-infor li:hover .s1,.two-list-infor li:hover .s2,.two-list-infor li:hover .s4 {width: 80px; height: 80px;background-size: 87%;}
.two-header {height: auto;padding: 20px 0 31px;}
.dw {height: 95px;}
.three-down {width: 15px; height: auto;margin-left: -8px;top: -10px;}
.three-down img {width: 15px; height: auto;}
.three-left img {width: 50px; height: auto;}
.three-left {width: 50px; height: auto;left: 9px;top: 0;}
.three-font {left: 50px; top: 22px;height: auto;}
.font-box p {line-height: 25px;font-weight: normal;}
.font-box p tt.fsize30 {font-size: 0.92rem !important;font-family: "Microsoft YaHei";}
.font-box-2 {display: none;}
.two-title {font: 1.2rem/30px 'SimHei';}
.box-in .fsize16 {font-size: 0.92rem;}
.box-in .fsize30 {font-size: 1.2rem;}
.two-list-infor li p {margin-top: 0;}
.two-list-in {padding-bottom: 37px;margin-top: 25px;}
.footer .foot-box {padding: 10px 0 20px;}
.Friendship {margin-top: 10px;height: auto;display: none;}
.footer-list {text-align: center;}
.Friendship .name a {margin: 0 15px 10px 0;}
.aboutme ul li {margin: 0 10px;}
.Report {padding: 10px 10px 0;}
.Report p.contact-way {display: none;}
.Report .ml30 {margin-left: 5px;}
.onlineConsult-gld dl dd {display: none;}
.six-box h2 {padding: 32px 0 20px;}
.six-list-in ul li a {width: 90%; height: 38px;margin: 5px auto;}
.six-list-in ul li {width: 50%;}
.six-box h2 tt.fsize30 {font-size: 1.2rem;}
.six-box h2 tt.fsize46 {font-size: 1.4rem;}
.six-box h2 {line-height: 36px;}
.al {height: auto;}
.six-box {padding: 0 15px;}
.two-os-header {width: 100%;left: 0;top: 15px;}
.two-os-box {padding: 0 10px;}
.two-os {height: 225px;}
.two-os-title span {font-size: 1.28rem;line-height: 46px;}
.two-os-header p {text-indent: 2em;font-size: 0.88rem;line-height: 1.8;text-align: justify;}
.two-cs {height: 550px;}
.two-dw {height: 298px;}
.two-oi {height: 300px;}
.about-banner {height: 200px;}
.about-banner .font-us {top: 18px;left: 15%;width: 290px;}
.about-banner .font-us .gxrz {font-size: 1.4rem;left: 27px;}
.about-banner .font-us .xg {left: 123px;font-size: 1.2rem;}
.about-banner .font-us .eng {font-size: 1.1rem;left: 145px;}
.about-banner .true {left: 50%;bottom: -8px;margin-left: -52px;}
.about-banner .true img {width: 41%;}
.about-banner .font-us .ft {bottom: 32px;right: 74px;font-size: 1.1rem;}
.map-box {width: 100%;}
.jj-box .box-in .map {margin-left: 5px;width: 94%;}
.jj-box .box-in .Contact {margin-left: 0;}
.case-box h3 {margin: 32px 10px 10px ;}
.case-box .service-box h3 {margin-top: 12px;}
.jj-box .box-in {padding-top: 20px;}
.jj-box .box-in .Contact .Contact-box {margin-left: 0;}
.jj-box .box-in .Contact {width: 100%;}
.Contact .nr, .Contact .nr a {width: auto;}
.Contact .mt30,.Contact {margin-top: 10px;}
.case-box .fsize30 {font-size: 1.28rem;}
.case-box .jj-box p {font: 0.88rem/2 "Microsoft YaHei";width: auto;}
.company-pic {width: 280px; height: 204px;float: none;margin: 0;}
.company-desc {margin-top: 20px;}
.Contact .nr, .Contact .nr a,.Contact .name {font: 1rem/2 "Microsoft YaHei";display: block;}
.Contact .name {margin-right: 0;}
.Contact-box .mt30 {margin-top: 15px;}
.Contact-box {margin-top: 10px;}
.case-box-list ul li {width: 100%;}
.case-box-list ul {margin-left: -10px;}
.case-banner .light img {max-width: 100%; height: auto;}
.case-banner .light {width: 181px;left: 10px;top: 64px;}
.case-banner {height: 174px;}
.case-banner .font {right: -26px;top: 32px; }
.case-banner .font .gxrz {font-size: 1.4rem;left: 27px;}
.case-banner .font .xg {left: 122px;font-size: 1.2rem;}
.case-banner .font .eng {font-size: 1.1rem;left: 130px;}
.case-box-list ul {margin-left: -10px;}
.case-box-list ul li .hover .h-img {height: 221px;margin: 10px 10px 16px;}
.case-box-list ul li .hover .h-img span {width: 80px; height: 30px; line-height: 30px;margin: -15px 0 0 -40px;}
.case-box-list ul li .img {padding: 10px;}
.case-box-list ul li .case-box-wrap {margin: 0 0 10px 10px;}
.case-banner .font .ft {left: 35px; font-size: 0.88rem;}
.case-banner .font {height: 119px;}
.case-banner .font img {max-height: 100%; width: auto;}
.look-up {width: 76px;height: 20px;font:0.68rem/20px'Microsoft YaHei';right: 28%;}
.font-box {border: none;padding: 0;}
.pro-box {width: 48px; height: 37px;background-size: 100% !important;}
.pro-list li {width: 50%;margin-bottom: 10px;}
.pro-list li .p-l-wrap .hLh30 {line-height: 30px; height: auto;}
.pro-list li .p-l-wrap .fsize20 {font-size: 1rem;}
.pro-list li .p-l-wrap .fsize14 {font-size: 0.88rem;}
.dm {background-size: 100%;height: 100px;}
.nxb-title {left: 50%;margin-left: -140px; width: 280px;top: 32px;height: auto;}
.nxb-title img {width: 100%;}
.c-title span {font-size: 1.2rem;width: auto;}
.pro-list {margin: 0 10px;}
.apply {margin: 0 10px;}
#apply input,.applyDesc textarea{width: 95%;}
#apply select {width: 98%;}
.i-pro-pic img {width: 100%;}
.case-box-list ul li .case-box-wrap .img img {width: 100%}
.pro-list li .p-l-wrap {margin-bottom: 30px;width: 94%;}
.two-list-infor li .box-in .fsize24 {font-size: 1.2rem;}
.two-list-infor li .box-in .fsize14 {font-size: 0.92rem;}
.cor-solution ul li {width: 50%;}
.cor-solution ul {margin-left: -15px;}
.cor-solution ul li dl {margin: 0 0 15px 15px;padding: 25px 0;}
.c-s-feature ul li {width: 50%;}
.c-s-feature ul li .c-f-top {padding-top: 25px;}
.c-s-feature {margin-top: 50px;background: none;}
.col-line2 {border-right: 1px solid #333d45;}


.header {display: none;}
.m-nxb-header { display: block; background-color: #fff;  box-shadow: 0 2px 3px rgba(7, 0, 2, 0.04);  left: 0;  position: absolute;  right: 0;  top: 0;  width: 100%;  z-index: 9;  }
.logo img {width: 100%;}
.os {height: auto;padding: 20px 0;}
.pro-exeperence {overflow: hidden;height: 76px;}
.pro-exeperence ul li .c-d-wrap .c-d-top sub,.pro-exeperence ul li .c-d-wrap .c-d-top span {font-size: 1.1rem;line-height: 20px;}
.c-d-wrap .c-d-bot {font-size: 0.9rem;line-height: 20px;margin-top: 0;}
.pro-exeperence ul li .c-d-wrap {padding: 10px 8px;}
.pro-exeperence ul li .c-d-wrap .c-d-top {margin-top: 0;height: 36px; line-height: 36px;}
.c-d-pic {opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);position: absolute;top: 18px;display: none;}
.i-ban-left {left: 0; top: -37px;}
.i-banner-box {display: none;}
.m-banner-box {display: block;}
.m-banner-box img {width: 100%; text-align: center;display: block;}
.xq-main-list {display: none;}
.free-use-btn a tt {line-height: 32px;font-size: 1rem;}
.go-icon {width: 11px; height: 11px; background-size: auto 100%;}
.free-use-btn a:hover .go-icon {background-position: -20px 0;}
.self-page-con span {font-size: 12px;line-height: 34px;}
.i-banner-box {height: 200px;}
.banner-btn {margin-top: -56px;display: none;}
.free-use-btn a {width: 80%;}
.cor-solution ul li dl dd span {font-size: 0.94rem;line-height: 20px;}
.cor-solution ul li dl dt a.c-s-link {font-size: 1.1rem;}
.cor-solution ul li:hover dl {transform: translate(0,0);}
.free-use-btn {margin-top: 20px;}
.free-use-btn a {width: 72%;height: 32px;line-height: 32px;font-size: 1rem;}
.cor-solution ul li dl dt span {margin-bottom: 0;width: 45px; height: 43px;background-size: 100%;}
.cor-solution ul li dl dt .c-s-1 {background-position: 1px -7px;}
.cor-solution ul li dl dt .c-s-2 {background-position: 2px -110px;}
.cor-solution ul li dl dt .c-s-3 {background-position: 1px -164px;}
.cor-solution ul li dl dt .c-s-4 {background-position: 1px -278px;}
.i-solu-line {margin: 7px 0 5px;}
.header-title {padding: 40px 0 0;}
.cor-solution ul li:hover .i-solu-line {height: 2px;margin: 7px 0 5px;}
.train-sys-box {padding: 40px 0 30px;}
.train-sys-box .t-sys-left { float: none;width: 88%; margin: 0 auto;}
.train-sys-box .t-sys-left img {width: 100%;}
.train-sys-box .t-sys-right .t-sys-title {font-size: 1.1rem;}
.t-sys-list li {line-height: 32px;padding-left: 18px;font-size: 0.92rem;background-position: 0 11px;}
.t-sys-line {margin: 13px 0 9px;}
.train-sys-box .t-sys-right {float: none;position: static; width: auto;padding: 0 8px 0 15px;}
.t-sys-link {margin-top: 15px; font-size: 1rem;}
.train-sys-box .t-f-l {margin-top: 10px;}
.train-sys-box .multi-s-live {margin-top: 32px;}
.train-sys-box .t-f-r {margin-top: 20px;}
.btn-wrap a {width: 120px; height: 32px; line-height: 32px;font-size: 1rem;}
.four-ends-way {height: auto;}
.four-ends-way .f-e-top {background: url("../img/pro-white-bg2.png") no-repeat 0 0;height: auto;padding: 15px 0 27px;margin-top: 40px;background-size: 100% 100%;}
.four-ends-way .f-e-top p {font-size: 0.94rem; line-height: 28px;padding: 0 12px;margin-left: 0;text-indent: 2em;}
.endsway-list li em {background-size: 100%; width: 70px; height: 70px;}
.endsway-list li em.e-l-1 {background-position: 3px -265px;}
.endsway-list li em.e-l-2 {background-position: 5px -338px}
.endsway-list li em.e-l-3 {background-position: 5px -411px}
.endsway-list li em.e-l-4 {background-position: 5px -484px}
.endsway-list li p {font-size: 1rem; margin-top: 2px;}
.pro-btn-wrap {padding: 35px 0 40px;margin: 0;}
.header-title .two-desc {font-size: 0.94rem; line-height: 30px;}
.two-list-infor li .s3,.two-list-infor li .s4,.two-list-infor li .s2,.two-list-infor li .s1 {background-size: 87%;}
.i-banner-box canvas {display: none;}
.om {height: auto;}
.t-item-desc {font-size: 0.94rem;}
.t-item-title {font-size: 1rem;}
.work-chain {height: auto; padding: 18px 0 30px 0;background: url("../img/m-banner-bg.jpg") no-repeat fixed 50% 50%;}
.xq-main-box img {display: none;}
.xq-main-box {background: url("../img/m-xq-mian-bg.png") no-repeat center 0;width: 100%; height: 300px;background-size: 86%;}
.corpration-box li .cor-b-top p {font-size: 1.1rem;margin-top: 0;}
.corpration-box li .cor-b-bot,.corpration-box li.current .cor-b-bot {height: auto;padding: 20px 25px;}
.corpration-box li .cor-b-bot p {font-size: 0.92rem;width: auto;}
.corpration-box li,.corpration-box li.current {margin: 0 0 4%;transform: translateY(0);width: 100%;}
.corpration-box li.current .cor-b-top,.corpration-box li .cor-b-top {padding: 25px 0;background-size: 100%;}
.corpration-box li .cor-b-brief-box {padding: 35px 0 35px;}
.corpration-box li.current .cor-b-top p {font-size: 1.2rem; margin-top: 5px;}
.corpration-box li .cor-b-brief-box .cor-b-item p {margin: 0 20px 15px 0;display: inline; font-size: 1rem;}
.scenery-box {margin-top: 32px;}
.cor-b-top .cor-b-icon {background-size: 100%;height: 45px;width: 60px;}
.corpration-box li.current .cor-b-top .cor-b-icon {background-size: 100%;width: 70px; height: 48px;}
.cor-b-top .c-b-i-1 {background-position: 0 0;}
.cor-b-top .c-b-i-2 {background-position: 1px -59px;}
.cor-b-top .c-b-i-3 {background-position: 0px -118px;}
.cor-b-top .c-b-i-4 {background-position: 1px -177px;}
.corpration-box li.current .cor-b-top .c-b-i-1 {background-position: 0 -5px;}
.corpration-box li.current .cor-b-top .c-b-i-2 {background-position: 0 -71px;}
.corpration-box li.current .cor-b-top .c-b-i-3 {background-position: 0 -138px;}
.corpration-box li.current .cor-b-top .c-b-i-4 {background-position: 0 -206px;}
.al {margin-top: 0;}
.al .two-header {padding: 40px 20px 20px;}
.six-list-in ul li a img {width: 87%;}
.ic-sub-nav-bx {display: none;}
.main-body {padding: 60px 0 0;}
.about-banner {position: relative;}
.about-banner .container {position: static;height: auto;}
.case-box .jj-box {text-align: center;margin-top: 0;padding: 221px 0 35px 0;}
.zk-classify {margin: 20px 0 0 -15px;}
.zx-item {width: 50%;}
.zx-itembox {padding: 0 10px 21px 10px;}
.footer,.nxb-main-body .footer {background: #1d1e1f;height: auto;}
.footer-list a {margin: 0 10px;}
.Friendship .tit,.Friendship .name a,.footer-list a,.Report p {font-size: 0.88rem;line-height: 30px;}
.ewm-box {display: none;}
.zx-item-pic { height: 68px;background-size: 100%;}
.zx-item-link h2 {margin: 10px 0 10px; font-size: 1rem;}
.zx-itembox p {font-size: 0.92rem;height: 72px;line-height: 24px;}
.team-desc {float: none; margin-top: 0;text-align: center;}
.team-desc img {width: 92%;}
.team-desc p.t-s-desc {font-size: 0.98rem;margin-top: 10px;line-height: 30px;width: auto;}
.team-pic {float: none;margin: 10px 0 0; text-align: center;}
.team-pic img {width: 94%;}
#allmap {width: 98%!important; height: 300px!important;margin-left: 0!important;}
/*------ global nav style ------*/
.global-nav {height: 62px;position: fixed;right: 0;bottom: -1px;left: 0;width: 100%;z-index: 77;display: block;}
.global-nav ul {background: #f8f8f8;border-top: 1px solid #e2e2e2;height: 60px;}
.global-nav ul li {float: left;width: 25%;text-align: center;height: 60px;}
.global-nav ul li a:hover {text-decoration: none;}
.global-nav ul li a svg {display: block;width: 34px;height: 34px;margin: 6px auto 0;}
.global-nav ul li a p {font: .8rem/24px 'Helvetica Neue','SimHei';color: #888;margin-top: -4px;}
.global-nav ul li.current a p {color: #e94c2a;}

.i-main {padding-bottom: 60px;}
.m-nav {display: block;}
.m-nav li {margin-left: 20px;}
.m-nav li a {padding: 0;font-size: 16px;line-height: 62px;}
.ft-cont-box {margin-left: 0;}
.i-common-header .i-c-icon {width: 56px; height: 15px;}
.i-common-header .i-c-right {background-position: -1px -5px;}
.i-common-header .i-c-left {background-position: -250px -5px;}
.i-common-header .i-c-title {font-size: 1.32rem;}
.i-common-header {padding: 50px 0 30px;}
.zk-classify li .zx-itembox {padding: 25px 15px;margin: 0 0 15px 15px;}
.zx-item-pic-box {height: 70px;}
.i-box {padding: 10px 0 50px;}
.about-banner .a-banner-left {width: 130px;left: 10px; top: 50px;}
.about-banner .a-banner-left img,.about-banner .a-banner-right img {max-width: 100%;}
.about-banner .a-banner-right {width: 170px;top: 81px; right: 10px;}
.i-ban1-wrap .i-ban1-form {width: 92%; padding: 10% 4%;}
.main-body .i-banner1-box article {margin: 55px auto 0;}
.i-banner1-box,.i-banner1-box,.i-ban1-wrap {height: auto;}
.i-ban1-wrap {margin-bottom: 80px;}
.i-f-text {height: 42px; line-height: 42px;}
.commit-btn-box {margin-top: 45px;}
.i-ban1-form .more font { font-size: 0.94rem;line-height: 32px;}
.i-ban1-form .more {float: none;margin-top: 10px;}
.case-box-list ul li .hover {top: 436px;}
.zx-item-last {display: block;}

.pro-banner-wrap .pro-title {font-size: 1.56rem;margin-top: 31px;line-height: 30px;letter-spacing: 0;}
.pro-banner-desc {margin-top: 12px;font-size: 0.86rem;height: 34px;padding: 0 1.2rem;line-height: 34px;}
.pro-feature-list {width: 78%;margin: 17px auto 10px;}
.pro-feature-list li {width: 50%;}
.pro-feature-list li span {font-size: 0.9rem;line-height: 30px;}
.pro-banner-wrap {height: auto;}
.in-common-header,#dowebok .in-common-header,#dowebok .talent-promote .in-common-header {margin: 40px auto 35px;}
.in-common-header span {font-size: 1.1rem;}
.in-common-header small {margin-top: 4px;font-size: 1rem;}
.multi-end-cont {padding-left: 0;padding-bottom: 40px;text-align: center;margin-top: 40px;}
.multi-end-cont img.multi-pic {position: static;width: 90%;height: auto;}
.m-e-cont {padding: 30px 35px;background-position: 0 0;background-size: 25%;background-size: 90px;}
.m-e-cont p {font-size: 0.92rem;margin-bottom: 10px;}
.m-e-cont p.sec-par {margin-top:10px;}
.right-quota img {width: 100px;height: auto;}
.in-common-header tt {margin-top: 20px;}
.o-t-list ul li {width: 100%;}
.online-train {padding-bottom: 40px;}
.a-t-list ul li,.promote-box .a-t-list ul li {width: 50%;}
.advant-tec {padding-bottom: 0; background-size: cover}
.a-t-list ul,.s-f-list ul {margin-left:-15px;}
.a-t-list ul li .a-t-wrap {margin: 0 0 15px 15px;}
.s-f-list ul li .s-f-wrap span,.a-t-wrap p {font-size: 1rem;}
.s-f-list ul li {width: 50%;} 
.cjzb .t-sys-right {margin-top: 20px;}
.s-f-list ul li .s-f-wrap {margin: 0 0 15px 15px;height: 122px;padding: 30px 0;}
.s-f-pic {margin-bottom: 25px;width: 70px; height: 50px;background-size: 100%;}
.s-f-p-1 {background-position: -1px -15px;} 
.s-f-p-2 {background-position: -1px -80px;} 
.s-f-p-3 {background-position: 0px -148px;} 
.s-f-p-4 {background-position: 4px -213px;} 
.cost-effec-box {margin-bottom: 0;}
.s-f-list {padding-bottom: 40px;}
.a-t-wrap p {margin-bottom:30px;}
.i-down-arrow {display: none;}
.i-slide {width: 100%;}
.in-banner-wrap .m-i-banner {display: block;}
.in-banner-wrap .pc-i-banner {display: none;}
.i-slide {margin: 40px auto;}
.result-guide {height: auto;background-size: cover;}
.r-g-list ul li {width: 100%;}
.r-g-wrap {margin-bottom: 20px;height: 128px;padding: 34px 20px 0;}
.r-g-pic {width: 80px; height: 80px;background-size: 100%;}
.r-g-wrap h3 {font-size: 1.15rem;}
.r-g-wrap p {font-size: 0.82rem;margin-top: 15px;}
.r-g-p-1 {background-position: 7px 0px;}
.r-g-p-2 {background-position: 7px -76px;}
.r-g-p-3 {background-position: 13px -154px;}
.r-g-p-4 {background-position: -2px -233px;}
.common-choose {padding-bottom: 50px;}
.t-p-pic img {width: 90%;}
.t-p-pic {padding: 10px 0 40px;}
.in-banner-wrap .container {display: none;}
.footer .foot-box {height: auto;}
.r-g-list ul {padding-top: 0;}
#dowebok {margin-top: 0;}
.in-banner-wrap {background: none;}
.swiper-slide .mod-phone-pic {display: block;}
.swiper-slide .mod-pc-pic {display: none;}
.train-box {display: none;}
.i-slide .s-arrow {width: 14px; height: 32px;margin-top: -16px;}
.i-slide .arrow-right {background-size: 100%; right: 10px;}
.i-slide .arrow-left {background-size: 100%; left: 10px;}
.i-slide {margin: 5px auto;}
.swiper-slide img {width: 88%;}
.train-mod {padding: 25px 0;}
.t-mod-1,.t-mod-2 {background-size: 100%}
.in-banner-wrap .m-banner-pic {display: block;} 
.in-banner-wrap img {width: 124%;display: block; margin-left: -5%;}
.godown {display: none;}
.t-sys-list {margin-top: 10px;}
.s-f-mask p {width: 90%; margin: 36px auto 0;}
.o-t-wrap {padding: 20px 28px 20px 74px;}
.o-t-wrap p {margin-top: 15px;}
.o-t-pic {left:27px; top: 21px;}
.cost-effec-box .a-t-pic {width: 50px; height: 50px;background-size: 270%;}
.cost-effec-box .a-t-p-1 {background-position: -8px -701px;}
.cost-effec-box .a-t-p-2 {background-position: -8px -793px;}
.cost-effec-box .a-t-p-3 {background-position: -8px -884px;}
.cost-effec-box .a-t-p-4 {background-position: -9px -976px;}
.cost-effec-box .a-t-p-5 {background-position: -9px -1066px;}
.cost-effec-box .a-t-p-6 {background-position: -9px -1158px;}
.cost-effec-box ul li:hover .a-t-p-1 {background-position: -77px -701px;}
.cost-effec-box ul li:hover .a-t-p-2 {background-position: -77px -793px;}
.cost-effec-box ul li:hover .a-t-p-3 {background-position: -77px -884px;}
.cost-effec-box ul li:hover .a-t-p-4 {background-position: -77px -976px;}
.cost-effec-box ul li:hover .a-t-p-5 {background-position: -77px -1066px;}
.cost-effec-box ul li:hover .a-t-p-6 {background-position: -77px -1158px;}
#canvas {display: none;}

.multi-ends-box ul li {width: 50%;}
.promote-box .pro-banner-desc {margin-top: 35px;height: 34px; line-height: 34px;font-size: 14px;}
.promote-box .pro-feature-list li {margin-bottom: 0;}
.promote-box .pro-banner-wrap .pro-title {margin-top: 15px;font-size: 1.8rem;}
.pro-feature-list {width: 100%;margin: 17px auto 10px;}
.pro-feature-list li {background: none;margin-bottom: 0;}
.pro-feature-list li span {font-size: 0.82rem;line-height: 30px;margin-left: 0;}
.promote-box .cost-effec-box {margin-left: 0;}
.hi-icon-wrap {padding: 0;}
.promote-box .s-f-mask p {margin-top: 28px;font-size: 0.78rem;}
.promote-box .s-f-pic {margin-bottom: 5px;transform: scale(0.7);-moz-transform: scale(0.7);-webkit-transform(0.7);width: 103px; height: 80px;}
.hi-icon-wrap {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);}
.multi-ends-box ul li p {font-size: 0.9rem;}
.multi-ends-box {margin-bottom: 15px;}
.promote-box .pro-banner-wrap {background-size: 160% 100%;height: 170px;}