@font-face { font-family: 'AkzidenzGrotesk-BoldCondAlt'; src: url('../style/AkzidenzGrotesk-BoldCondAlt.woff') format('woff'); font-weight: normal; font-style: normal; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased }
body { min-width: 1260px; position: relative; background-color: #fff }
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal }
h1 { font-size: 2em }
body, button, input, select, textarea { font-size: 16px; line-height: 30px; color: #333; font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif }
img { border-style: none; vertical-align: middle }
ul, li { list-style: none }
.clear { clear: both; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h100 { clear: both; height: 100px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis { display: none; }
.disp { display: block; }
.fr { float: right; }
.fl { float: left; }
a { text-decoration: none; color: #333; outline: 0 }
a:hover { background-repeat: no-repeat }
a, area { blr:expression(this.onFocus=this.blur())
}
input, button, select, textarea { outline: none; border: none; margin: 0; padding: 0; resize: none; background: none }
table { border-collapse: collapse; border-spacing: 0 }
label { cursor: pointer }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -0.25em }
sup { top: -0.5em }
placeholder { color: #999 }
::-moz-placeholder {
color:#999
}
::-webkit-input-placeholder {
color:#999
}
button, input { overflow: visible }
button, select { text-transform: none }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: button }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
.web { width: 1180px; margin: 0 auto; position: relative; z-index: 1 }
.weblg { max-width: 1600px; margin: 0 auto; position: relative; z-index: 1 }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display:none
}
.clearfix { *zoom:1
}
.clear { clear: both; line-height: 0; height: 0; font-size: 0 }
.show { display: block !important }
.hide { display: none !important }
@media (max-width: 1720px) {
.weblg { max-width: 1400px }
}
@media (max-width: 1600px) {
.weblg { max-width: 1320px }
}
@media (max-width: 1400px) {
.weblg { max-width: 1200px }
}
.w-lg .weblg { max-width: 1400px }
.w-md .weblg { max-width: 1320px }
.w-sm .weblg { max-width: 1200px }
.placeholder { color: #999 }
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; -moz-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@-moz-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-moz-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none }
}
@-o-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none }
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-moz-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none }
}
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@-moz-keyframes zoomInUp { 0% {
opacity:0;
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@-o-keyframes zoomInUp { 0% {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
-moz-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; -moz-animation-name: zoomInUp; -o-animation-name: zoomInUp; animation-name: zoomInUp }
.zoomInUp { -webkit-animation-name: zoomInUp; -moz-animation-name: zoomInUp; -o-animation-name: zoomInUp; animation-name: zoomInUp }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -webkit-transition-property: left, top, -webkit-transform; transition-property: left, top, -webkit-transform; -o-transition-property: left, top, -o-transform; -moz-transition-property: transform, left, top, -moz-transform; transition-property: transform, left, top; transition-property: transform, left, top, -webkit-transform, -moz-transform, -o-transform; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-wp8-horizontal { -ms-touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x }
.header { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; min-width: 1260px; height: 66px; padding-top: 24px; -webkit-transition: background ease .3s; -o-transition: background ease .3s; -moz-transition: background ease .3s; transition: background ease .3s }
.header .weblg { position: static }
.header .logo { display: block; float: left; margin-top: -2px }
.header .edit-handle { margin: 0 0 0 34px; float: right; width: 22px; height: 44px; background: url("../style/hdedit.png") no-repeat center }
.header .head-search { position: relative; float: right }
.header .search-handle { margin: 0 0 0 19px; display: block; width: 21px; height: 44px; background: url("../style/search-handle.png") no-repeat center }
.header .search-form { display: none; position: absolute; right: -75px; width: 247px; height: 65px; padding-top: 20px; z-index: 50; background: url(../style/index_348.png) no-repeat 0 0 }
.header .search-form input { display: block; width: 100%; font-size: 14px; line-height: 16px; height: 16px; color: #333 }
.header .search-form .key { float: left; width: 201px; padding: 12px 0 }
.header .search-form .key input { padding-left: 15px }
.header .search-form .search { float: left; width: 40px; padding: 12px 0; background: url(../style/index_349.png) no-repeat center }
.header .search-form .search input { font-size: 0; cursor: pointer }
.unflodheader { background: url("../style/hdbg.png") repeat 0 0 }
.fixheader { position: fixed; top: -60px; height: 51px; padding-top: 8px; padding-bottom: 1px; background: url("../style/hdbg.png") repeat 0 0 }
.fixheader .logo img { height: 46px }
.fixheader .nav .title { padding-bottom: 0 }
.fixheader .nav .title a { padding-bottom: 5px }
.fixheader #case .downmenu { top: 60px }
.fixheader .nav .title a { padding-bottom: 0 }
.fixheader .nav .title.ac a, .fixheader .nav .title.cur a { padding-bottom: 6px }
.fixheader .full-dropdown { top: 60px }
.scroll-tips { position: absolute; left: 50%; bottom: 50px; z-index: 10; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; border: 1px solid #fff; margin-left: -800px; cursor: pointer }
.scroll-tips i { display: block; width: 100%; height: 48px; background: url("../style/ibandw.png") no-repeat center; -webkit-animation: portraitmove 1.5s ease infinite; -moz-animation: portraitmove 1.5s ease infinite; -o-animation: portraitmove 1.5s ease infinite; animation: portraitmove 1.5s ease infinite }
@-webkit-keyframes portraitmove { 0% {
-webkit-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
35% {
-webkit-transform:translate(0, 50%);
transform:translate(0, 50%);
opacity:0
}
65% {
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%);
opacity:0
}
90% {
-webkit-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
}
@-moz-keyframes portraitmove { 0% {
-moz-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
35% {
-moz-transform:translate(0, 50%);
transform:translate(0, 50%);
opacity:0
}
65% {
-moz-transform:translate(0, -50%);
transform:translate(0, -50%);
opacity:0
}
90% {
-moz-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
}
@-o-keyframes portraitmove { 0% {
-o-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
35% {
-o-transform:translate(0, 50%);
transform:translate(0, 50%);
opacity:0
}
65% {
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
opacity:0
}
90% {
-o-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
}
@keyframes portraitmove { 0% {
-webkit-transform:translate(0, 0%);
-moz-transform:translate(0, 0%);
-o-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
35% {
-webkit-transform:translate(0, 50%);
-moz-transform:translate(0, 50%);
-o-transform:translate(0, 50%);
transform:translate(0, 50%);
opacity:0
}
65% {
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
opacity:0
}
90% {
-webkit-transform:translate(0, 0%);
-moz-transform:translate(0, 0%);
-o-transform:translate(0, 0%);
transform:translate(0, 0%);
opacity:1
}
}
.nav { float: right }
.nav li { float: left; padding: 0 20px 0 }
.nav .title a { display: block; font-size: 16px; line-height: 44px; padding: 0 4px 22px; color: #fff }
.nav .title a:hover { color: #d90000; border-bottom: 2px solid #d90000 }
.nav .title.ac a, .nav .title.cur a { color: #d90000; padding-bottom: 20px; border-bottom: 2px solid #d90000 }
.nav .downmenu { display: none; position: absolute; top: 52px; left: 50%; z-index: 50; width: 150px; margin-left: -75px; padding: 10px 0px; border: 1px solid #eee; background-color: #fff }
.nav .downmenu a { display: block; padding: 5px 0; text-align: center; color: #333 }
.nav .downmenu a:hover { color: #d90000 }
.nav .activehook { position: absolute; bottom: 0; height: 2px }
.nav .activehook i { display: block; height: 2px; background-color: #d90000 }
.m-nav-cate { overflow: hidden; zoom: 1; font-size: 16px; line-height: 45px }
.m-nav-cate img { float: left; margin-right: 20px }
.m-navlist { float: left }
.m-navlist li { float: none; padding: 0 }
.m-navlist a { display: block; font-size: 14px; line-height: 36px; color: #888888 }
.m-navlist a:hover { color: #d90000 }
.full-dropdown { display: none; position: absolute; left: 0; top: 90px; width: 100%; z-index: 50; background-color: #fff; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2); box-shadow: 0 0 3px 1px rgba(0,0,0,0.2); border-bottom: 1px solid #d9d9d9 \9 }
.full-dropdown .nav-web { width: 1200px; margin: 0 auto; height: 275px }
.full-dropdown .column { position: relative; float: left; width: 30%; height: 281px; padding-top: 24px; background: url("../style/columnbg.png") no-repeat right 0; }
.full-dropdown .column .navbg { position: absolute; top: 0; right: 0; z-index: -1; width: 500%; height: 100%; background-color: #f2f2f2 }
.full-dropdown .column .ico { height: 132px; line-height: 132px }
.full-dropdown .column .ico img { vertical-align: middle }
.full-dropdown .column .cn { font-size: 18px; line-height: 36px; font-weight: bold; color: #333 }
.full-dropdown .column .en { font-size: 30px; line-height: 36px; font-weight: bold; color: #ccc }
.full-dropdown .subnav { float: left; width: 70% }
.case-nav-wraper .item { float: left; width: 43%; padding: 25px 0 0 7% }
.case-nav-wraper .item .m-nav-cate { margin-bottom: 9px }
.case-nav-wraper .cate-navlist .m-navlist { width: 50% }
.solution-nav-wrapper .solution-nav { padding-top: 34px }
.solution-nav-wrapper ul { padding-left: 60px }
.solution-nav-wrapper li { float: left; width: 25%; padding: 0 }
.solution-nav-wrapper li a { display: block; font-size: 16px; line-height: 50px; color: #333; padding-left: 12px; background: url("../style/colsolline.png") no-repeat 0 center }
.solution-nav-wrapper li a:hover { font-weight: bold; color: #d90000; background-image: url("../style/colsollineac.png") }
.m-ico-links { float: left; width: 45.4%; padding-top: 25px; padding-left: 4.6% }
.m-ico-links a { display: block; font-size: 0; line-height: 45px; margin-bottom: 16px }
.m-ico-links a:hover { color: #d90000 }
.m-ico-links img { margin-right: 20px }
.m-ico-links span { font-size: 16px; vertical-align: middle }
.app-nav-wrapper .app-solution { float: left; height: 250px; padding-left: 72px; padding-top: 25px; border-left: 1px dashed #d2d2d2 }
.app-nav-wrapper .app-solution .m-nav-cate { margin-bottom: 9px }
.app-nav-wrapper .m-navlist { float: left; width: 160px }
.news-nav-wrapper, .wechat-nav-wrapper { overflow: hidden }
.news-nav-wrapper ul, .wechat-nav-wrapper ul { padding-top: 65px; margin-left: -46px; margin-right: -46px }
.news-nav-wrapper li, .wechat-nav-wrapper li { float: left; width: 25%; padding: 0; text-align: center; font-size: 16px; line-height: 60px; font-weight: bold; }
.news-nav-wrapper li:hover a, .wechat-nav-wrapper li:hover a { color: #d90000 }
.news-nav-wrapper .ico, .wechat-nav-wrapper .ico { margin-bottom: 6px }
.news-nav-wrapper .ico img, .wechat-nav-wrapper .ico img { width: 100px; height: 100px }
.news-nav-wrapper h3, .wechat-nav-wrapper h3 { font-weight: bold; font-size: 16px }
.news-nav-wrapper h3 a, .wechat-nav-wrapper h3 a { color: #333 }
.news-nav-wrapper li { width: 14.28%; }
.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash { width: 44.5%; border-left: 1px dashed #d2d2d2; height: 285px; }
.site-nav-wrapper .m-ico-links { width: 29.7%; padding-left: 3.5% }
.about-nav-wrapper dl { float: left; width: 318px; padding: 24px 40px 0; height: 251px }
.about-nav-wrapper dl dt { margin-bottom: 15px; padding-bottom: 16px; font-size: 18px; line-height: 24px; font-weight: bold; border-bottom: 1px solid #d9d9d9 }
.about-nav-wrapper dl a { display: block; font-size: 16px; line-height: 36px; color: #666; padding-left: 12px; background: url("../style/colsolline.png") no-repeat 0 center }
.about-nav-wrapper dl a:hover { font-weight: bold; color: #d90000; background-image: url("../style/colsollineac.png") }
.about-nav-wrapper .know { background: url("../style/navknow.png") no-repeat 246px 173px }
.about-nav-wrapper .customer { border-left: 1px solid #d9d9d9; background: url("../style/navcus.png") no-repeat 243px 168px }
.contact-nav-wrapper dl { float: left; position: relative; width: 305px; height: 192px; padding: 83px 40px 0 54px; overflow: hidden; zoom: 1 }
.contact-nav-wrapper dl .ico { float: right; width: 100px }
.contact-nav-wrapper dl dt { font-size: 16px; line-height: 60px; color: #333; font-weight: bold }
.contact-nav-wrapper dl dt a:hover { color: #d90000 }
.contact-nav-wrapper dl dd { font-size: 14px; line-height: 18px; color: #888 }
.contact-nav-wrapper dl dd a { color: #888 }
.contact-nav-wrapper dl .ico a { display: block }
.contact-nav-wrapper .hr { border-left: 1px dashed #d9d9d9 }
#case { position: static }
#case .downmenu { top: 76px; left: 0; margin-left: 0; width: 100% }
#case dl { width: 1180px; padding: 15px 0px 8px }
#case dt { float: left; width: 680px }
#case dt a { display: block; float: left; margin-right: 45px }
#case dt img { display: block }
#case dd { float: right; width: 445px; margin-right: 50px }
#case dd p { padding: 10px 0px; border-bottom: solid 1px #d9d9d9 }
#case dd a { width: 200px; float: left; text-align: left }
#solution .downmenu { width: 576px; margin-left: -288px; padding: 0 0 20px 0 }
#solution .downmenu div { float: left; width: 180px; height: 295px; padding: 30px 0 20px; text-align: left; overflow: hidden }
#solution .downmenu p { border-left: solid 1px #e7e7e7; margin-left: 15px }
#solution .downmenu a { text-align: left; padding-left: 20px }
#solution .col-one p { margin-left: 0 }
#solution .col-thr { padding-right: 16px }
.cooperation-box { display: none; position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background: #fff; -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 3px 1px rgba(0,0,0,0.2) }
.cooperation-box .cooperation { position: relative; width: 1110px; margin: auto; padding: 35px 0px }
.cooperation-box .cooperation-close { position: absolute; right: -70px; top: 20px; z-index: 3; width: 40px; height: 40px; background: url(../style/index_09.png) no-repeat center }
.cooperation-iframe { width: 1100px }
.cooperation-left { float: left; width: 450px; color: #212121 }
.cooperation-left a { color: #212121 }
.cooperation-left h3 { font-size: 40px; line-height: 42px; color: #e60012; padding-bottom: 25px }
.cooperation-left h4 { font-size: 45px; line-height: 48px; border-bottom: 1px solid #ccc; padding-bottom: 35px }
.cooperation-left h5 { font-size: 18px; line-height: 26px; padding-bottom: 20px }
.cooperation-left p { font-size: 13px }
.cooperation-left .coopb { font-size: 13px; padding: 35px 0px }
.cooperation-right { float: right; width: 498px }
.cooperation-right h3 { font-size: 24px; line-height: 30px; padding-bottom: 10px }
.cooperation-right .baseinfo li { margin-bottom: 8px }
.cooperation-right .baseinfo label { display: block; padding: 6px 10px; height: 24px; overflow: hidden; background: #f6f6f6; border: 1px solid #d9d9d9 }
.cooperation-right .baseinfo input { display: block; width: 100%; font-size: 15px; line-height: 24px; height: 24px; color: #999 }
.cooperation-right .baseinfo .name { float: left; width: 220px }
.cooperation-right .baseinfo .tel { float: right; width: 220px }
.cooperation-right .type-label { padding-top: 6px; font-size: 24px; line-height: 30px }
.cooperation-right .type-label span { display: block; font-size: 30px; line-height: 40px }
.cooperation-right .project-type dd { float: left; position: relative; width: 119px; height: 63px; padding: 5px 5px 5px 0; cursor: pointer }
.cooperation-right .project-type input { display: none }
.cooperation-right .project-type .checked { position: absolute; right: -1px; bottom: -1px; z-index: 3; width: 17px; height: 17px; background-repeat: no-repeat; background-position: center }
.cooperation-right .project-type label { position: relative; display: block; width: 118px; height: 67px; cursor: pointer; border: 1px solid #d9d9d9; background-color: #f6f6f6; text-align: center; border: 1px solid #f6f6f6 }
.cooperation-right .project-type label.cur { border-color: #e81727 }
.cooperation-right .project-type label.cur .checked { background-image: url(../style/zdshzimg01.jpg) }
.cooperation-right .project-type span { display: block; padding-top: 15px; font-size: 14px; line-height: 18px }
.cooperation-right .budget-title { font-size: 16px; font-weight: bold; padding: 8px 0px 5px }
.cooperation-right .budget label { float: left; font-size: 14px; line-height: 26px; margin-right: 12px }
.cooperation-right .budget input { margin: 6px 3px 0 0; padding: 0; width: 14px; height: 14px; vertical-align: top }
.cooperation-right .verification { padding-top: 20px }
.cooperation-right .verification label { float: left; display: block; width: 220px; padding: 6px 10px; margin-right: 20px; height: 24px; overflow: hidden; background: #f6f6f6; border: 1px solid #d9d9d9 }
.cooperation-right .verification input { display: block; line-height: 24px; height: 24px; width: 100%; background: none; outline: none; font-size: 15px; color: #999 }
.cooperation-right .verification img { float: left }
.cooperation-right .sub { padding-top: 15px }
.cooperation-right .sub input { width: 100%; padding: 10px 0px; border: 2px solid #e81727; font-size: 20px; font-weight: bold; color: #e81727; cursor: pointer; background: none; outline: none }
.inside-banner { position: relative; overflow: hidden }
.inside-banner img { display: block; width: 100% }
.inside-banner .ban-info { position: absolute; left: 0; top: 43.33333%; z-index: 10; width: 100%; text-align: center; color: #fff }
.inside-banner .ban-info h2 { margin-bottom: 10px; font-size: 50px; line-height: 66px }
.inside-banner .ban-info p { font-size: 20px; line-height: 30px }
.inside-banner .case-ban-info { position: absolute; left: 0; top: 28.5%; z-index: 10; width: 100%; text-align: center; color: #fff }
.inside-banner .case-ban-info h2 { font-size: 54px; line-height: 64px }
.inside-banner .case-ban-info .case-desc { margin-bottom: 25px; font-size: 24px; line-height: 42px }
.inside-banner .feature .item { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
padding: 0 57px }
.inside-banner .feature .center { position: relative }
.inside-banner .feature .center span { position: absolute; top: 10px; bottom: 16px; width: 1px; background: url("../style/bk2p.png") repeat-y 0 0 }
.inside-banner .feature .center .before { left: 0 }
.inside-banner .feature .center .after { right: 0 }
.inside-banner .feature h3 { font-size: 18px; line-height: 38px; text-align: left }
.inside-banner .feature h4 { font-size: 90px; line-height: 104px }
.inside-nav { padding: 37px 0 42px; overflow: hidden }
.inside-nav ul { position: relative; margin-left: -30px }
.inside-nav li { float: left; padding: 0 20px 0 30px; background: url("../style/navline.png") no-repeat 0 center }
.inside-nav .cur a { color: #d90000; border-bottom-color: #d90000 }
.inside-nav a { display: block; font-size: 16px; line-height: 42px; color: #1a1a1a; border-bottom: 2px solid #fff }
.inside-nav a:hover { color: #d90000; border-bottom-color: #d90000 }
.inside-nav .activehook { position: absolute; bottom: 0; width: 100%; height: 2px; background: none }
.inside-nav .activehook i { display: block; width: 100%; height: 2px; background: #d90000 }
.m-line-more { position: relative; display: block; width: 133px; height: 33px; font-size: 14px; line-height: 33px; text-align: center; color: #999; border: 1px solid #999; text-transform: uppercase }
.m-line-more::after { content: ''; position: absolute; top: 50%; left: -41px; z-index: 3; width: 80px; height: 1px; background-color: #999 }
.m-line-more.two-line { margin: 18px auto 0 }
.m-line-more.two-line::before { content: ''; position: absolute; top: 50%; right: -41px; z-index: 3; width: 80px; height: 1px; background-color: #999 }
.m-line-more:hover { color: #d80000; border-color: #d80000 }
.m-line-more:hover::before, .m-line-more:hover::after { background-color: #d80000 }
.customer-article { padding-top: 60px; text-align: center; font-size: 16px; line-height: 30px; color: #333 }
.customer-article .title { margin-bottom: 23px; font-size: 36px; line-height: 50px; font-weight: bold }
.customer-article .text { padding: 0 8.3125% 60px }
.customer-container { margin-bottom: 83px }
.customer-container li img { display: block; width: 100% }
.customer-container .bx-pager, .customer-container .flex-control-nav { display: none }
.customer-container .bx-wrapper .bx-controls-direction a { display: block; width: 40px; height: 78px; background-position: center; background-repeat: no-repeat; margin-top: -39px }
.customer-container .bx-wrapper .bx-controls-direction .bx-prev { left: 25px; background-image: url("../style/cusprev.png") }
.customer-container .bx-wrapper .bx-controls-direction .bx-next { right: 25px; background-image: url("../style/cusnext.png") }
.customer-container .flex-direction-nav { position: absolute; top: 0; width: 100%; top: 50%; z-index: 20 }
.customer-container .flex-direction-nav a { font-size: 0; display: block; width: 40px; height: 78px; background-position: center; background-repeat: no-repeat; opacity: 1 }
.customer-container .flex-direction-nav .flex-prev { left: 25px; background-image: url("../style/cusprev.png") }
.customer-container .flex-direction-nav .flex-next { right: 25px; background-image: url("../style/cusnext.png") }
.evaluate-wrapper { padding-top: 60px }
.evaluate-wrapper ul { margin: 0 -40px; font-size: 0 }
.evaluate-wrapper li { width: 33.3333%; display: inline-block; vertical-align: top; *display:inline;
*zoom:1
}
.evaluate-wrapper .item { padding: 0 40px; min-height: 410px; background: url("../style/quot.png") no-repeat 42px 46px }
.evaluate-wrapper .brand { margin-bottom: 22px; border-top: 1px solid #d9d9d9; height: 86px; padding: 42px 0 0 92px; line-height: 86px }
.evaluate-wrapper .brand img { vertical-align: middle; width: auto; max-height: 86px }
.evaluate-wrapper .name { margin-bottom: 25px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a; padding-left: 92px }
.evaluate-wrapper .desc { padding: 0 0 30px 92px; font-size: 14px; line-height: 24px; color: #666 }
.loadmore { display: block; width: 476px; height: 46px; margin: 55px auto 90px; font-size: 16px; line-height: 46px; font-weight: bold; color: #d93f3d; text-align: center; border: 2px solid #d93f3d; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.loadmore:hover { background-color: #d93f3d; color: #fff }
.full-case-cate { background-color: #f2f2f2 }
.full-case-cate .website, .full-case-cate .shop { background-color: #ededed }
.full-case-cate .item { float: left; width: 25%; height: 201px; padding: 28px 0 31px; background-position: 90% 77.77778%; background-repeat: no-repeat }
.full-case-cate .app { background-image: url("../style/caseico01.png") }
.full-case-cate .website { background-image: url("../style/caseico02.png") }
.full-case-cate .wxsm { background-image: url("../style/caseico03.png") }
.full-case-cate .shop { background-image: url("../style/caseico04.png") }
.full-case-cate .title { padding-left: 74px; margin-bottom: 12px; font-size: 20px; line-height: 32px; font-weight: bold; color: #1a1a1a }
.full-case-cate .title:hover { color: #d93f3d }
.full-case-cate .sublist { padding-left: 74px }
.full-case-cate .sublist a { display: block; font-size: 16px; line-height: 32px; color: #666 }
.full-case-cate .sublist a:hover { color: #d93f3d }
.case-filter { position: relative; z-index: 3; margin-bottom: 69px; background-color: #f2f2f2 }
.case-filter .options { float: left }
.case-filter .options select { display: block; width: 100%; height: 44px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 17px; line-height: 40px; background: none }
.case-filter .options select option { color: #666 }
.case-filter .options { width: 75% }
.case-filter .selector { position: relative; float: left; width: 33%; border-right: 1px solid #e6e6e6 }
.case-filter .selector a { font-size: 16px; color: #333 }
.case-filter .selector.ac .sec-title, .case-filter .selector.cur .sec-title { background-color: #d90000; color: #fff }
.case-filter .selector.ac .sec, .case-filter .selector.cur .sec { background-image: url("../style/secless.png") }
.case-filter .sec-title { display: block; padding-left: 68px; line-height: 80px }
.case-filter .sec { background: url("../style/secadd.png") no-repeat 95.16% center }
.case-filter .all { background: none }
.case-filter .sec-option { display: none; position: absolute; left: 0; top: 80px; width: 100%; background-color: #f2f2f2; max-height: 240px; overflow-y: auto }
.case-filter .sec-option a { display: block; padding-left: 68px; line-height: 60px }
.case-filter .sec-option a:hover { color: #fff; background-color: #d90000 }
.case-filter .edit { float: right; width: 25%; height: 80px; text-align: center }
.case-filter .edit span { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
font-size: 16px; line-height: 80px; color: #d90000; padding-left: 44px; background: url("../style/editbkac.png") no-repeat 0 44.9% }
.m-case-select { position: relative; z-index: 10 }
.m-case-select .selected { display: block; height: 44px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 17px; line-height: 40px; background: none; background-repeat: no-repeat; background-position: 228px center; background-image: url("../style/secico.png"); cursor: pointer }
.m-case-select .selected.cur, .m-case-select .selected:hover { background-color: #d90000; background-image: url("../style/secicoac.png"); color: #fff }
.m-case-select .selected.cur select, .m-case-select .selected:hover select { color: #fff }
.m-case-select .m-options { display: none; position: absolute; left: 0; top: 44px; z-index: 10; width: 100%; color: #666; padding: 15px 0; background-color: #ededed; max-height: 318px; overflow: auto }
.m-case-select .m-options a { display: block; font-size: 16px; line-height: 36px; padding-left: 17px }
.m-case-select .m-options a:hover { color: #d90000 }
.cate-wrapper { overflow: hidden }
.cate-wrapper ul { margin: 0 -17px; font-size: 0 }
.cate-wrapper li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 33.3333%; margin-bottom: 45px }
.cate-wrapper .item { padding: 0 17px }
.cate-wrapper .item img { display: block; width: 100%; -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s }
.cate-wrapper .item .well-case, .cate-wrapper .item a { display: block }
.cate-wrapper .item .well-case:hover img, .cate-wrapper .item a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03) }
.cate-wrapper .item .well-case:hover .name, .cate-wrapper .item a:hover .name { color: #d93f3d }
.cate-wrapper .thumb { position: relative; overflow: hidden; margin-bottom: 23px }
.cate-wrapper .thumb .ratio { display: block; width: 100%; padding-bottom: 62.96296% }
.cate-wrapper .thumb img { position: absolute; top: 0; left: 0; width: 100%; min-height: 100% }
.cate-wrapper .name { font-size: 16px; line-height: 32px; font-weight: bold; color: #1a1a1a }
.cate-wrapper .desc { margin-bottom: 10px; font-size: 14px; color: #999; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }
.cate-wrapper .cate { font-size: 14px; line-height: 14px; color: #999; border-left: 4px solid #d90000 }
.cate-wrapper .cate a { display: inline; color: #999; padding: 0 0.5em }
.cate-wrapper .cate a:hover { color: #d90000 }
.cate-wrapper .cate .dot { font-size: 18px; line-height: 14px }
.cate-wrapper .loadmore { margin-top: 38px }
.cate-wrapper .well-case .thumb { position: relative }
.cate-wrapper .well-case .well-site { display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #d90000 }
.cate-wrapper .well-case ul { margin: 0; padding: 55px 40px; display: block }
.cate-wrapper .well-case ul a { display: block; color: #fff; font-size: 14px; line-height: 28px }
.cate-wrapper .well-case li { display: block; width: 100%; margin-bottom: 0 }
.cate-wrapper .well-case .site-list { padding: 55px 40px }
.cate-wrapper .well-case .site-list a { display: block; color: #fff; font-size: 14px; line-height: 28px }
.cate-wrapper .well-case .name { padding: 0 20px }
.cate-wrapper .well-case .name a:hover { color: #d90000 }
.cate-wrapper .well-case .text { padding: 10px 20px 0; font-size: 14px; line-height: 24px; color: #666 }
.case-news-wrapper { width: 1248px; margin: -26px auto 0; zoom: 1 }
.case-news-wrapper .loadmore { margin: 72px auto 69px }
.case-news-wrapper a { display: block }
.case-news-wrapper li { position: relative; padding-left: 148px }
.case-news-wrapper li:hover .title a { color: #d80000 }
.case-news-wrapper li:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03) }
.case-news-wrapper .date { position: absolute; left: 0; top: 40px; font-size: 16px; line-height: 40px; color: #1a1a1a; text-align: center }
.case-news-wrapper .date .dd { padding-bottom: 16px; font-size: 48px; line-height: 40px; font-weight: bold; border-bottom: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif }
.case-news-wrapper .content { padding: 46px 0 45px; border-bottom: 1px solid #ccc }
.case-news-wrapper .content img { display: block; width: 100%; -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s }
.case-news-wrapper .content .title { font-size: 28px; line-height: 38px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.case-news-wrapper .content .title a { color: #333 }
.case-news-wrapper .content .type { padding: 8px 0; font-size: 14px; line-height: 36px; color: #999 }
.case-news-wrapper .content .thumb { overflow: hidden; margin-bottom: 23px }
.case-news-wrapper .content .desc { font-size: 16px; color: #333; display: -webkit-box; height: 60px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.case-news-wrapper .content .more { font-size: 14px; line-height: 30px; color: #d80000 }
.online-news-wrapper { padding-top: 4.375%; overflow: hidden }
.online-news-wrapper ul { margin: 0 -30px }
.online-news-wrapper li { float: left; width: 33.3333% }
.online-news-wrapper li a { display: block; margin: 0 30px; padding: 13.74322% 20px 16.27486%; overflow: hidden; border-top: 1px solid #d9d9d9; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s }
.online-news-wrapper li a:hover { background-color: #f2f2f2 }
.online-news-wrapper li a:hover .title { color: #d90000 }
.online-news-wrapper .date { margin-bottom: 20px; font-size: 18px; line-height: 24px; color: #666 }
.online-news-wrapper .date .line { display: block; width: 20px; height: 0; padding-top: 15px; border-bottom: 3px solid #d9d9d9 }
.online-news-wrapper .title { margin-bottom: 32px; font-size: 18px; font-weight: bold; color: #1a1a1a; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.online-news-wrapper .desc { font-size: 14px; line-height: 24px; color: #666; display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4 }
.project-cover { padding: 61px 0 90px }
.project-cover .article { padding: 0 6.75% 67px; font-size: 16px; line-height: 30px; text-align: center; color: #333 }
.project-cover .article .title { margin: 0 0 12px; font-size: 36px; line-height: 72px; font-weight: bold; color: #1a1a1a }
.m-case-list { font-size: 0; margin: 0 -6px }
.m-case-list a { display: block }
.m-case-list a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03) }
.m-case-list a:hover .title { color: #d80000 }
.m-case-list img { display: block; width: 100%; -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s }
.m-case-list li { width: 25%; padding-bottom: 1.5%; display: inline-block; vertical-align: top; *display:inline;
*zoom:1
}
.m-case-list .item { padding: 0 21px; text-align: center }
.m-case-list .thumb { overflow: hidden }
.m-case-list .title { font-size: 20px; line-height: 34px; font-weight: bold; color: #333 }
.m-case-list .desc { font-size: 14px; line-height: 30px; color: #999 }
.project-cover-list { overflow: visible }
.m-case-division { border-left: 1px solid #dcdcdc }
.m-case-division li { float: left; width: 33.3333% }
.m-case-division li a { display: block }
.m-case-division li img { display: block; width: 100% }
.m-case-division li:hover .shadow { opacity: 1 }
.m-case-division li:hover .shadow img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.m-case-division li:hover .content { background-position: 45px 190px; background-color: #f8f8f8 }
.m-case-division li:hover .title { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); color: #d90000 }
.m-case-division li:hover .desc { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px) }
.m-case-division .thumb a { position: relative }
.m-case-division .thumb .shadow { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: url("../style/caseshadow.png") repeat 0 0; opacity: 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.m-case-division .thumb .shadow img { position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; width: 50px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.m-case-division .content { padding: 21px 48px 102px 35px; border-bottom: 1px solid #dcdcdc; background: url("../style/casearr.png") no-repeat 35px 190px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; border-right: 1px solid #dcdcdc }
.m-case-division .content .title { margin-bottom: 15px; font-size: 20px; line-height: 48px; color: #333; font-weight: bold; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.m-case-division .content .desc { font-size: 16px; line-height: 22px; color: #999999; display: -webkit-box; height: 66px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.full-case-container { position: relative; background-color: #f5f5f5 }
.case-inside-nav ul { position: relative; height: 44px; overflow: hidden; padding-right: 78px }
.case-inside-nav a { border-bottom-color: #f5f5f5 }
.case-inside-nav .more { position: absolute; right: 0; top: 0; padding-right: 0 }
.case-inside-nav .more a { padding-right: 16px; background-repeat: no-repeat; background-position: right center; background-image: url("../style/morearr.png"); border-bottom: 0 }
.case-inside-nav .more a:hover { background-image: url("../style/morearrac.png") }
.full-case-subnav { display: none; position: absolute; width: 100%; left: 0; top: 102px; z-index: 10; padding: 15px 0; background-color: #fff }
.full-case-subnav li { float: left; width: 16.66667% }
.full-case-subnav a { font-size: 16px; line-height: 45px; color: #666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.full-case-subnav a:hover { color: #d93f3d }
.case-wrapper { padding-bottom: 73px }
.case-wrapper .cdetail-title { text-align: center; padding: 50px 0 43px; font-size: 30px; line-height: 48px; font-weight: bold }
.case-wrapper .caseban { position: relative; overflow: hidden; font-size: 0 }
.case-wrapper .caseban:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02) }
.case-wrapper .caseban img { display: block; width: 100%; -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s }
.case-wrapper .caseban .title { position: absolute; width: 280px; height: 280px; left: 80px; top: 50%; z-index: 3; margin-top: -140px; background-color: #ce3f39; text-align: center; color: #fff }
.case-wrapper .caseban .ico { display: none; height: 152px; line-height: 152px }
.case-wrapper .caseban .ico img { width: auto; display: inline; vertical-align: middle }
.case-wrapper .caseban .middle { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; width: 0; height: 100% }
.case-wrapper .caseban h2 { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; padding: 0 10px; font-size: 30px; line-height: 48px; font-weight: bold }
.case-intro-wrapper { background-color: #fff; padding: 45px 75px 75px }
.case-intro-wrapper .jiejuelist .id { position: absolute; left: 0; top: 50px; z-index: 3; font-size: 110px; font-style: italic; color: #e5e5e5; line-height: 110px; font-weight: lighter }
.case-intro-wrapper .jiejuelist dl { position: relative; padding: 53px 20px 66px 19.72414%; border-bottom: 1px solid #d9d9d9; font-size: 16px; line-height: 30px; color: #666 }
.case-intro-wrapper .jiejuelist dl li { list-style-type: disc }
.case-intro-wrapper .jiejuelist dt { position: relative; margin-bottom: 45px; font-size: 28px; line-height: 48px; font-weight: bold; color: #333 }
.case-intro-wrapper .jiejuelist dt::after { content: ''; position: absolute; left: 0; bottom: -20px; z-index: 3; width: 30px; height: 3px; background-color: #d93f3d }
.case-intro-wrapper table { border-collapse: collapse }
.case-intro-wrapper table td { border: 1px solid #666; padding: 3px 8px; min-width: 5em }
.case-intro-wrapper img { max-width: 100%; height: auto !important }
.case-intro-list li { position: relative; padding: 53px 20px 66px 19.72414%; border-bottom: 1px solid #d9d9d9; font-size: 16px; line-height: 30px; color: #666 }
.case-intro-list li .bold { font-weight: bold }
.case-intro-list .id { position: absolute; left: 0; top: 50px; z-index: 3; font-size: 110px; font-style: italic; color: #e5e5e5; line-height: 110px; font-weight: lighter }
.case-intro-list .title { position: relative; margin-bottom: 45px; font-size: 28px; line-height: 48px; font-weight: bold; color: #333 }
.case-intro-list .title::after { content: ''; position: absolute; left: 0; bottom: -20px; z-index: 3; width: 30px; height: 3px; background-color: #d93f3d }
.case-intro-list .text { overflow: hidden }
.case-intro-list .m-letter-item { padding-top: 63px; font-size: 14px; line-height: 24px; color: #666 }
.case-intro-list .m-letter-item .letter { margin-bottom: 18px; font-size: 48px; line-height: 48px; font-weight: bold; color: #d90000 }
.case-intro-list .m-letter-item .sub-title { margin-bottom: 26px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a }
.case-intro-list .rhalfimg img { float: right; max-width: 48.6%; margin-left: 30px }
.case-intro-list .rimg { position: relative; overflow: hidden; padding-right: 39.73799% }
.case-intro-list .rimg .letimg { position: absolute; top: 0; right: 0; bottom: 0; width: 39.73799%; text-align: center; float: right }
.case-intro-list .rimg .letimg::before { content: ''; width: 0; height: 100%; display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle }
.case-intro-list .rimg .letimg img { float: none; max-width: 80%; margin: 0; vertical-align: middle }
.case-intro-list .prico-title { padding: 24px 0 28px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a }
.trade-imglist { overflow: hidden }
.trade-imglist .imglist-wrap { margin: 0 -30px }
.trade-imglist .imglist-wrap .trade-item { float: left; width: 33.333%; font-size: 14px; line-height: 24px; color: #666 }
.trade-imglist .imglist-wrap .trade-item img { display: block; max-width: 100% }
.trade-imglist .imglist-wrap .inner { padding: 0 30px }
.trade-imglist .imglist-wrap .trade-title { padding: 21px 0 18px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a }
.trade-icolist { width: 86%; padding-top: 25px }
.trade-left { float: left; width: 44.54148% }
.trade-right { float: right; width: 44.54148% }
.price-top { font-size: 0; overflow: hidden }
.price-top .top-item { float: left; margin-right: 22.70742% }
.price-icolist { overflow: hidden }
.price-icolist .icolist { width: 110%; width: 112.31441%; font-size: 0 }
.price-icolist .ico-item { width: 38.56921%; padding-top: 80px; padding: 30px 11.35303% 50px 0; display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
font-size: 14px; line-height: 24px; color: #666 }
.price-icolist .ico-item img { display: block }
.seo-top-list { overflow: hidden }
.seo-top-list .top-seoabc { width: 110.04367% }
.seo-top-list .m-letter-item { width: 25.79365%; float: left; padding-right: 6.7% }
.seo-thr-list { position: relative; padding-left: 385px; padding-top: 40px }
.seo-thr-list .thr-left { position: absolute; left: 0; top: 40px; width: 350px }
.seo-thr-list .m-letter-item { padding: 0 }
.seo-thr-list .dash-border { margin-bottom: 24px; padding: 0 0 67px 0; border-bottom: 1px dashed #d9d9d9 }
.seo-thr-list .thr-right { padding: 0 0 35px 33px; overflow: hidden; border-left: 1px dashed #d9d9d9 }
.seo-thr-list .red-dot-list { font-size: 0 }
.seo-thr-list .red-dot-list .red-item { width: 50%; margin-bottom: 42px; display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
font-size: 14px; line-height: 24px; color: #666 }
.seo-thr-list .red-dot-list h4 { font-size: 16px; line-height: 30px; font-weight: bold; color: #d90000 }
.seo-thr-list .red-dot-list p { padding-right: 15px }
.m-relat-title { padding: 27px 0 }
.m-relat-title h3 { float: left; font-size: 24px; line-height: 35px; color: #333 }
.m-relat-title a { position: relative; float: right; width: 138px; font-size: 14px; line-height: 33px; color: #999; text-align: center; border: 1px solid #ccc; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.m-relat-title a i { position: absolute; left: -40px; top: 18px; z-index: 3; width: 80px; height: 1px; background-color: #ccc; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.m-relat-title a:hover { color: #d80000; border-color: #d80000 }
.m-relat-title a:hover i { background-color: #d80000 }
.relative-cases { padding: 22px 0 62px; overflow: hidden }
.relative-cases ul { margin: 0 -28px }
.relative-cases li { float: left; width: 33.3333% }
.relative-cases .thumb { margin-bottom: 22px; overflow: hidden }
.relative-cases a { padding: 0 28px; display: block; line-height: 36px }
.relative-cases a img { display: block; width: 100%; -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s }
.relative-cases a .title { font-size: 16px; font-weight: bold; color: #1a1a1a }
.relative-cases a .desc { font-size: 14px; color: #999 }
.relative-cases a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03) }
.relative-cases a:hover .title { color: #d80000 }
.m-diff-title, .m-chl-title { font-size: 36px; line-height: 46px; text-align: center; color: #1a1a1a }
.m-diff-title { color: #333 }
.contact-ways { padding-top: 70px }
.contact-ways .info { padding: 87px 9.0625% 73px }
.contact-ways .info .item { float: left; width: 25%; font-size: 16px; line-height: 28px; color: #1a1a1a }
.contact-ways .info .item a { color: #1a1a1a }
.contact-ways .info .item a:hover { color: #d80000 }
.contact-ways .info img { vertical-align: middle }
.contact-ways .info .ico { margin-bottom: 30px; text-align: center }
.contact-ways .info h4 { font-weight: bold; text-align: center }
.contact-ways .info span { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
text-align: right }
.contact-ways .info .label1 { width: 46% }
.contact-ways .info .label2 { width: 46% }
.contact-ways .info .label3 { width: 43% }
.contact-ways .info .label4 { width: 45% }
.full-contact-tab { padding: 40px 0 35px; border-bottom: 1px solid #eaeaea }
.full-contact-tab .tab-handle { text-align: center; font-size: 0 }
.full-contact-tab .tab-handle .handle { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
margin: 0 78px; padding-top: 448px; background-repeat: no-repeat; background-position: center 0; cursor: pointer }
.full-contact-tab .tab-handle .gz { background-image: url("../style/handlegz.png") }
.full-contact-tab .tab-handle .gz.cur { background-image: url("../style/handlegzac.png") }
.full-contact-tab .tab-handle .sz { background-image: url("../style/handlesz.png") }
.full-contact-tab .tab-handle .sz.cur { background-image: url("../style/handleszac.png") }
.full-contact-tab .name { margin-bottom: 6px; font-size: 18px; line-height: 28px; color: #1a1a1a }
.full-contact-tab .addr { font-size: 14px; line-height: 24px; color: #1a1a1a }
.contact-ways .tab-panel .panel { display: none }
.contact-ways .tab-panel .panel.cur { display: block }
.full-arrive { padding: 72px 0 0; background-color: #f5f5f5 }
.arrive-info { padding-bottom: 68px }
.arrive-lf { float: left; padding: 5px 38px 0 95px; background: url("../style/arrico.png") no-repeat 0 0 }
.arrive-lf .arr-title { margin-bottom: 31-px; color: #db2035 }
.arrive-lf .arr-title h3 { font-size: 24px; line-height: 30px; font-weight: bold }
.arrive-lf .arr-title h4 { font-size: 48px; line-height: 60px; text-transform: uppercase }
.arrive-lf .addr { font-size: 16px; line-height: 28px; color: #1a1a1a }
.arrive-lf .addr span { font-weight: bold }
.arrive-rg { overflow: hidden; padding-left: 64px; border-left: 1px solid #d9d9d9; font-size: 16px; line-height: 30px }
.arrive-rg .tag { font-weight: bold }
.full-bdmap { width: 100%; height: 640px }
.contact-feedback { padding: 80px 0 86px }
.contact-feedback .m-chl-title { margin-bottom: 41px }
.contact-feedback .contact-form { max-width: 1200px; margin: 0 auto }
.contact-feedback .text { float: left; width: 580px }
.contact-feedback .text label { display: block; padding: 17px 0; margin-bottom: 36px; border-bottom: 1px solid #ccc }
.contact-feedback .text label input { display: block; width: 100%; font-size: 16px; line-height: 16px; height: 16px }
.contact-feedback .text label input::-webkit-input-placeholder {
color:#999
}
.contact-feedback .text label input:-moz-placeholder {
color:#999
}
.contact-feedback .text label input::-moz-placeholder {
color:#999
}
.contact-feedback .text label input:-ms-input-placeholder {
color:#999
}
.contact-feedback .text .imgval { position: relative }
.contact-feedback .text .imgval img { position: absolute; right: 0; top: 5px; height: 40px }
.contact-feedback .msg { float: right; width: 580px }
.contact-feedback .msg p { font-size: 16px; line-height: 50px }
.contact-feedback .msg textarea { display: block; border: 1px solid #ccc; width: 560px; height: 329px; padding: 10px }
.contact-feedback .form-ctrl { padding-top: 12px; width: 431px; margin: 0 auto }
.contact-feedback .form-ctrl label { display: block; width: 197px; height: 20px; padding: 20px 0 }
.contact-feedback .form-ctrl label input { display: block; width: 100%; font-size: 18px; line-height: 20px; height: 20px; color: #fff; text-align: center }
.contact-feedback .form-ctrl .sub { float: left; background-color: #db2035 }
.contact-feedback .form-ctrl .reset { float: right; background-color: #ccc }
.recruit-content { padding: 60px 0 80px }
.recruit-content .thumb { float: right; margin-left: 150px }
.recruit-content .thumb img { display: block }
.recruit-content .content { color: #333; font-size: 16px; line-height: 30px; color: #333 }
.recruit-content .content .title { font-size: 36px; line-height: 52px; font-weight: bold; font-style: italic }
.recruit-content .content .text { padding: 12px 0 48px }
.recruit-content .content .mail { font-size: 18px; line-height: 30px; color: #d93f3d; font-weight: bold }
.recruit-content .content .mail a { color: #d93f3d; text-decoration: underline }
.recruit-list-wrapper { padding-bottom: 118px }
.recruit-list-wrapper ul { border-top: 1px solid #d9d9d9 }
.recruit-list-wrapper li { border-bottom: 1px solid #d9d9d9 }
.recruit-list-wrapper .brief { position: relative; padding: 30px 0; font-size: 18px; line-height: 38px; color: #999; cursor: pointer }
.recruit-list-wrapper .brief h3, .recruit-list-wrapper .brief p { float: left; width: 20.625%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.recruit-list-wrapper .brief h3 { width: 27.1875%; font-weight: bold; color: #333 }
.recruit-list-wrapper .brief .ico { position: absolute; right: 0; top: 0; z-index: 3; width: 98px; height: 98px; background: url("../style/recruitico.png") no-repeat center }
.recruit-list-wrapper .brief.cur .ico { background: url("../style/recruiticoac.png") no-repeat center }
.recruit-list-wrapper .info { display: none; padding: 35px 0 64px; font-size: 14px; line-height: 30px; color: #333; border-top: 1px solid #d9d9d9 }
.recruit-list-wrapper .info dl, .recruit-list-wrapper .info .item { padding-bottom: 41px }
.recruit-list-wrapper .info dt, .recruit-list-wrapper .info .label { float: left; width: 230px }
.recruit-list-wrapper .info dd, .recruit-list-wrapper .info .text { overflow: hidden; zoom: 1 }
.recruit-list-wrapper .delivery { margin-left: 230px; display: block; width: 113px; height: 60px; padding-left: 84px; font-size: 18px; line-height: 60px; color: #fff; background: #333 url("../style/delivery.png") no-repeat 38px 13px }
.m-ichl-title .en { font-size: 16px; line-height: 24px; color: #999; text-transform: uppercase }
.m-ichl-title .cn { font-size: 36px; line-height: 62px; font-weight: bold; color: #1a1a1a }
.m-ichl-title .cn a { color: #1a1a1a; font-size: 18px; padding-right: 40px; background: url(../style/icon21.png) no-repeat right; line-height: normal; margin-top: 30px; }
.m-ichl-title .cn span { color: #d90000 }
.m-ichl-subnav { position: relative; overflow: hidden; padding: 20px 0; }
.m-ichl-subnav ul { position: relative }
.m-ichl-subnav li { float: left; }
.m-ichl-subnav li.cur a { background: #006ABE; color: #fff; border: 1px solid #006ABE; }
.m-ichl-subnav li a { color: #006ABE; font-size: 14px; height: 34px; line-height: 34px; border: 1px solid #006ABE; padding: 0 16px; position: relative; display: inline-block; border-radius: 17px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 15px 15px 0; }
.m-ichl-subnav li a:hover { background: #006ABE; color: #fff; border: 1px solid #006ABE; }
/*.m-ichl-subnav .activehook { position: absolute; bottom: 0; background: none }
.m-ichl-subnav .activehook i { display: block; width: 100%; height: 2px; background-color: #d90000 }*/
.m-ichl-subnav .nav-more .item { display: none }
.m-ichl-subnav .m-line-more { position: absolute; right: 0; top: 11px; z-index: 3 }
.iclassic-case { padding: 58px 0 46px; overflow: hidden }
.iclassic-case .m-ichl-title { position: relative }
.iclassic-case .m-ichl-title .m-line-more { position: absolute; right: 0; bottom: 13px }
.iclassic-case .m-move-handle { display: block !important }
.iclassic-case .slide-pages { display: none }
.iclassic-case .slide-ctrl { display: none }
.iclassic-case .m-line-more { margin: 6px auto 0 }
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both }
.iclassic-wrapper { width: 102.125% }
.icase-list { padding-top: 43px; margin: 0 }
.icase-list li { width: 33.33333%; padding-bottom: 32px }
.icase-list .item { position: relative; padding: 0 6.42202% 0 0; text-align: left }
.icase-list .thumb { position: relative; overflow: hidden; }
.icase-list .thumb .after { display: block; width: 100%; padding-bottom: 62.7451% }
.icase-list .thumb img { position: absolute; left: 0; top: 0; z-index: 3 }
.icase-list .tag { position: absolute; right: 6.42202%; bottom: 0; font-size: 0; padding-left: 33px; background: #fff url("../style/itag.png") no-repeat 14px center }
.icase-list .tag a { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
font-size: 14px; line-height: 34px; padding-left: 5px; color: #666 }
.icase-list .desc { }
.icase-list .tbox { width: 100%; box-sizing: border-box; border: 1px solid #ebebeb; border-top: none; padding: 20px 20px 0; }
.icase-list .tbox .title { width: 100%; position: relative; line-height: 36px; }
.icase-list .tbox .title .t1 { font-size: 16px; font-weight: bold; color: #222; }
.icase-list .tbox .title .t2 {font-size: 14px;color: #666;font-weight: normal;display: none;}
.icase-list .tbox .title .icon { position: absolute; right: 5px; top: 20px; }
.icase-list .tbox .title .icon span { display: inline-block; width: 20px; height: 20px; margin-left: 10px; }
.icase-list .tbox .title .icon a { display: inline-block; width: 20px; height: 20px; margin-left: 10px; }
.icase-list .tbox .title .icon .icon1 { background: url(../style/icon18.png) center center no-repeat; }
.icase-list .tbox .title .icon .icon2 { background: url(../style/icon18.png) center center no-repeat; }
.icase-list .tbox .title .icon .icon3 { background: url(../style/icon18.png) center center no-repeat; }
.icase-list .tbox .more { border-top: 1px solid #e3e3e3; margin-top: 7px; font-size: 14px; color: #666; line-height: 36px; padding: 7px; background: url(../style/icon20.png) right center no-repeat; transition: all ease .3s; }
.icase-list li:hover .tbox .more { background: url(../style/icon21.png) right center no-repeat; }
.icase-list li:hover .tbox { box-shadow: 0 0 15px 1px rgba(0,0,0,.1); }
.icase-list a { position: relative }
.icase-list .content { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 46px; z-index: 3; width: 100%; overflow: hidden; background: url("../style/icasebg.png") repeat 0 0 }
.icase-list .content .msg { padding: 52px 25px 25px }
.icase-list .content .msg h4 { font-size: 15px; line-height: 24px; color: #fff; opacity: 0.92 }
.icase-list .content .brand { padding: 32px 0 0 25px; height: 90px; line-height: 90px; font-size: 0 }
.icase-list .content .brand img { display: none; width: auto; max-height: 100%; vertical-align: middle }
.icase-list .content .desc { color: #fbaaac; padding: 0 25px 0; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }
.icase-list .content .ico-line { display: block; width: 100%; height: 37px; background: url("../style/icaseline.png") no-repeat 25px bottom }
.index-data { position: relative; overflow: hidden; }
.index-data .wrap { z-index: 1; position: relative; padding: 0 100px; background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6)))); background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: linear-gradient(to right, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)', GradientType=1 );
}
.index-data .index-data-list { width: 1140px; margin: 0 auto; padding: 180px 0; }
.data-background { position: absolute; top: 0; left: 0; display: block; width: 100%; }
.index-data .item { float: left; width: 33.33%; height: 240px; }
.index-data .item-inner { position: relative; height: 240px; text-align: center; border-right: 1px solid rgba(255,255,255,.2); }
.index-data .item:nth-child(3n) .item-inner { border-right: 0; }
.index-data .item:first-child .item-inner, .index-data .item:nth-child(2) .item-inner, .index-data .item:nth-child(3) .item-inner { border-bottom: 1px solid rgba(255,255,255,.2); }
.index-data .text-wrap { position: absolute; top: 50%; width: 100%; font-size: 16px; color: #fff; transform: translateY(-50%); }
.index-data .text-wrap .number-wrap { display: block; font: normal 108px/1 'AkzidenzGrotesk-BoldCondAlt'; color: #fff; }
.index-data .text-wrap .number-wrap .icon { display: inline-block; font-size: 72px; vertical-align: 13px; }
@media (max-width:1340px) {
.index-data .wrap { width: 100%; padding: 0; }
.index-data .index-data-list { width: 91%; padding: 80px 0; }
.index-data .item, .index-data .item-inner { height: 150px; }
.index-data .text-wrap .number-wrap { font: normal 78px/1 'AkzidenzGrotesk-BoldCondAlt'; }
.index-data .text-wrap .number-wrap .icon { margin-left: -15px; font-size: 48px; }
}
 @media (max-width:768px) {
.data-background { height: 100%; }
.index-data video { display: none; }
.index-data .lg-hidden img { width: 100%; }
.index-data .text-wrap .number-wrap { font-size: 54px; }
}
 @media (max-width:991px) {
.index-data .wrap { padding: 0 4.5%; }
.index-data .index-data-list { width: auto; padding: 7.5% 0; }
.index-data .item { width: 50%; height: 160px; }
.index-data .item-inner { height: 160px; }
.index-data .item:nth-child(2n+1) .item-inner { border-right: 1px solid #62707c; }
.index-data .item:nth-child(2n) .item-inner { border-right: 0; }
.index-data .item:nth-child(4) .item-inner { border-bottom: 1px solid #62707c; }
.index-data .text-wrap .number-wrap { font-size: 60px; }
.index-data .text-wrap .number-wrap .icon { margin-left: -10px; font-size: 50px; vertical-align: 5px; }
.index-data .text-wrap { font-size: 14px; }
}
 @media (min-width: 768px) {
.lg-hidden { display: none; }
}
.full-isoutions .soutions-wrapper, .iclients-wrapper, .inews-center { width: 100%; overflow: hidden }
.iclients-wrapper { padding: 48px 0 50px }
.iclients-wrapper .m-ichl-title { margin-bottom: 30px }
.iclients-wrapper .m-ichl-subnav { margin-bottom: 51px }
.iclients-wrapper .ichannel-tabcontent { overflow: hidden }
.iclients-wrapper .tabcontent-slider { position: relative; width: 200% }
.iclients-list { width: 50%; float: left; overflow: hidden }
.iclients-list ul { margin-right: -4px }
.iclients-list li { float: left; width: 20%; margin-bottom: -4px; background: url("../style/iclibg.png") no-repeat right bottom }
.iclients-list li a { display: block; text-align: center }
.iclients-list li img { max-width: 100% }
.icustomer { float: left; width: 50%; overflow: hidden; padding-bottom: 65px }
.icustomer ul { padding-left: 1px }
.icustomer li { width: 25%; float: left; margin-left: -1px }
.icustomer .inner { border: 1px solid #d9d9d9; padding: 5.5% 12.5% 16% }
.icustomer .ico { margin-bottom: 16px; height: 124px; line-height: 124px }
.icustomer .ico img { vertical-align: middle }
.icustomer .name { margin-bottom: 21px; font-size: 18px; line-height: 28px; font-weight: bold; color: #1a1a1a }
.icustomer .text { font-size: 14px; color: #666; display: -webkit-box; height: 216px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 9 }
.inews-center { padding: 75px 0 70px }
.inews-center .ichannel-tabcontent { overflow: hidden }
.inews-center .tabcontent-slider { position: relative; width: 600% }
.inews-wraper { float: left; width: 16.66667%; padding-top: 26px }
.inews-wraper .inews-wraper { overflow: hidden }
.inews-wraper a:hover h2 { color: #d90000 }
.inews-wraper a:hover .date { color: #d90000 }
.inews-wraper a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03) }
.news-set-top { float: left; width: 395px; padding: 30px 28px 27px 26px; background-color: #f7f7f7 }
.news-set-top:hover { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
.news-set-top .thumb { overflow: hidden }
.news-set-top img { width: 100%; -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s }
.news-set-top .title { margin-bottom: 11px; font-size: 20px; color: #333; display: -webkit-box; height: 60px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.news-set-top .date { margin-bottom: 20px; font-size: 16px; line-height: 24px; color: #999; font-weight: bold }
.news-two .date, .news-four .date { font-size: 15px; line-height: 24px; color: #999 }
.news-two .date span, .news-two .date b, .news-four .date span, .news-four .date b { display: block; font-size: 50px; line-height: 48px; font-weight: bold }
.news-two { float: left; width: 440px; margin: 0 10px; }
.news-two li { margin-bottom: 10px; padding: 22px 45px 46px; background-color: #f7f7f7; }
.news-two li:hover { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
.news-two li a { display: block }
.news-two .two-title { margin-bottom: 16px; font-size: 18px; line-height: 30px; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.news-two .desc { font-size: 14px; color: #888; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.news-two .date { margin-bottom: 25px; border-bottom: 1px solid #e6e6e6; padding: 20px 0; background: url("../style/inewarr.png") no-repeat right center }
.news-four { overflow: hidden; zoom: 1;/* background-color: #f7f7f7; *//* padding: 18px 40px 15px 50px; */ }
.news-four li { padding: 1px 30px 1px; background: #f7f7f7; margin-bottom: 10px; -webkit-transition: -webkit-box-shadow ease .3s; transition: -webkit-box-shadow ease .3s; -o-transition: box-shadow ease .3s; -moz-transition: box-shadow ease .3s; transition: box-shadow ease .3s; transition: box-shadow ease .3s, -webkit-box-shadow ease .3s }
.news-four li:hover { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
.news-four li:last-child { border: 0 }
.news-four a { position: relative; display: block; padding: 48px 90px 51px 90px; background: url("../style/inewarr.png") no-repeat right center }
.news-four .date { position: absolute; left: 0; top: 31px }
.news-four .four-title { margin-bottom: 4px; font-size: 18px; line-height: 36px; color: #333333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.news-four .desc { display: none; font-size: 0; line-height: 36px; color: #888; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.site-article-wrapper { width: 1400px; margin: 0 auto }
.site-article-wrapper ul { border-top: 1px solid #ccc }
.site-article-wrapper li { border-bottom: 1px solid #ccc }
.site-article-wrapper li a { position: relative; display: block; padding: 54px 0 0px 230px }
.site-article-wrapper li a:hover .title { color: #d90000 }
.site-article-wrapper li a:hover .desc { color: #d90000 }
.site-article-wrapper .date { position: absolute; top: 56px; left: 0; z-index: 3 }
.site-article-wrapper .date .mm-dd { font-size: 42px; line-height: 54px; font-weight: bold; color: #999; border-bottom: 1px solid #666; font-family: Arial, Helvetica, sans-serif }
.site-article-wrapper .date .yy { font-size: 16px; line-height: 36px; color: #999 }
.site-article-wrapper .title { margin-bottom: 7px; font-size: 20px; line-height: 48px; font-weight: bold; color: #1a1a1a; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.site-article-wrapper .desc { margin-bottom: 24px; font-size: 16px; color: #999; display: -webkit-box; height: 60px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.site-article-wrapper .tag { padding: 0 0 77px 230px }
.site-article-wrapper .tag a { float: left; display: block; margin-right: 9px; padding: 0 10px; font-size: 16px; line-height: 28px; color: #b2b2b2; border: 1px solid #ccc }
.site-article-wrapper .tag a:hover { color: #d90000; border-color: #d90000 }
.singlepage { font-size: 16px; line-height: 30px; color: #333 }
.singlepage img { vertical-align: middle; max-width: 100%; height: auto !important }
.case-news-article { position: relative; max-width: 1200px; margin: 0 auto; padding: 15px 0 72px; overflow: hidden }
.case-news-article .share { position: absolute; right: 60px }
.case-news-article .title { margin: 0 0 14px; font-size: 32px; line-height: 48px; font-weight: bold; color: #333 }
.case-news-article .share a { float: left; display: block; width: 30px; height: 30px; margin: 0 0 0 10px; padding: 0; background-repeat: no-repeat; background-position: center }
.case-news-article .share .bds_weixin { background-image: url("../style/bdwx.png") }
.case-news-article .share .bds_tsina { background-image: url("../style/bdsa.png") }
.case-news-article .share .bds_qzone { background-image: url("../style/bdqz.png") }
.case-news-article .share .bds_more { background-image: url("../style/bdmr.png") }
.case-news-article .info { padding-top: 5px; padding-bottom: 33px; font-size: 14px; line-height: 24px; border-bottom: 1px solid #ccc; color: #999 }
.case-news-article .info .tag { float: left; color: #999 }
.case-news-article .info .tag:hover { color: #d90000 }
.case-news-article .info i { float: left; padding: 0 17px }
.case-news-article .info .date { float: left }
.case-news-article .singlepage { padding: 36px 0 77px }
.case-news-article .singlepage p, .case-news-article .singlepage span { white-space: normal !important }
.case-news-article .page-ctrl { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 17px 0 }
.case-news-article .page-ctrl a { display: block; font-size: 14px; line-height: 30px; color: #999; max-width: 45%; background-repeat: no-repeat }
.case-news-article .page-ctrl .prev { float: left; padding-left: 55px; background-position: 0 center; background-image: url("../style/pageprev.png") }
.case-news-article .page-ctrl .prev:hover { color: #d90000; background-image: url("../style/pageprevac.png") }
.case-news-article .page-ctrl .next { float: right; padding-right: 55px; background-position: right center; background-image: url("../style/pagenext.png") }
.case-news-article .page-ctrl .next:hover { color: #d90000; background-image: url("../style/pagenextac.png") }
.full-faith-article { background-color: #f2f2f2 }
.full-faith-article .faith-item { position: relative }
.full-faith-article .image img { display: block; width: 100% }
.full-faith-article .content { padding-top: 6.25%; padding-bottom: 6.25%; font-size: 16px; line-height: 30px; color: #333 }
.full-faith-article .content .title { float: left; width: 50% }
.full-faith-article .content .title h2 { margin-bottom: 15px; font-size: 24px; line-height: 36px; font-weight: bold; color: #d93f3d }
.full-faith-article .content .title h3 { margin-bottom: 18px; font-size: 36px; line-height: 50px; color: #333 }
.full-faith-article .content .title h3 b, .full-faith-article .content .title h3 strong { font-weight: bold }
.full-faith-article .content .desc { overflow: hidden }
.full-faith-key { position: relative }
.full-faith-key .bg img { display: block; width: 100% }
.full-faith-key .m-key-list { position: absolute; left: 0; top: 50%; z-index: 3; margin-top: -70px }
.m-key-list { width: 100%; overflow: hidden }
.m-key-list ul { padding: 0 4.10526% }
.m-key-list li { float: left; width: 16.66667%; text-align: center }
.m-key-list .top { margin-bottom: 20px; font-size: 0; color: #fff; height: 78px; line-height: 78px }
.m-key-list .top img { vertical-align: middle }
.m-key-list .top span { font-size: 72px }
.m-key-list .text { font-size: 15px; line-height: 21px; color: #ccc }
.m-about-title { font-size: 36px; line-height: 48px; font-weight: bold; color: #1a1a1a }
.m-about-title span { color: #d93f3d }
.m-about-text { padding: 41px 0 66px; font-size: 16px; line-height: 30px; color: #333 }
.about-us-intro { padding-top: 70px; padding-bottom: 8.125%; position: relative; overflow: hidden }
.about-us-intro .year { position: absolute; right: 0; top: 70px }
.about-us-intro .article { padding: 54px 38.875% 82px 0; font-size: 16px; line-height: 30px; color: #333 }
.about-us-intro .intro-card { margin: 0 -25px }
.about-us-intro .intro-card .card { float: left; width: 33.3333% }
.about-us-intro .intro-card .inner { position: relative; padding: 0 25px }
.about-us-intro .intro-card .inner img { display: block; width: 100% }
.about-us-intro .intro-card .info { position: absolute; left: 67px; top: 28.18627%; color: #fff; font-size: 18px; line-height: 28px }
.about-us-intro .intro-card .en { font-size: 16px; line-height: 20px; text-transform: uppercase }
.about-us-intro .intro-card .cn { margin-bottom: 37px; font-size: 30px; line-height: 50px; font-weight: bold }
.certificate-desc { padding-top: 92px }
.full-certificate { background-color: #f2f2f2; padding: 86px 0 196px; position: relative }
.full-certificate .slides li { position: relative; width: 100% }
.full-certificate .slides li img { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; max-width: 100%; width: auto }
.full-certificate .slides .after { display: block; width: 100%; padding-bottom: 136.12167% }
.full-certificate .slides .center { font-size: 0; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; text-align: center }
.full-certificate .slides .hack { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; width: 0; height: 100% }
.full-certificate .flex-control-nav { z-index: 10; bottom: -93px; line-height: 0 }
.full-certificate .flex-control-nav a { background-color: #bfbfbf }
.full-certificate .flex-control-nav .flex-active { background-color: #d93f3d }
.full-certificate .flex-direction-nav { position: absolute; width: 100%; bottom: -93px }
.full-certificate .flex-direction-nav a { position: absolute; bottom: 0; z-index: 20; width: 58px; height: 27px; background-repeat: no-repeat; background-position: center; opacity: 1; font-size: 0 }
.full-certificate .flex-direction-nav .flex-prev { left: 0; background-image: url("../style/certprev.png") }
.full-certificate .flex-direction-nav .flex-prev:hover { background-image: url("../style/certprevac.png") }
.full-certificate .flex-direction-nav .flex-next { right: 0; background-image: url("../style/certnext.png") }
.full-certificate .flex-direction-nav .flex-next:hover { background-image: url("../style/certnextac.png") }
.full-certificate .slide-ctrl { position: absolute; bottom: -93px; z-index: 20; width: 58px; height: 27px; background-repeat: no-repeat; background-position: center; opacity: 1; font-size: 0 }
.full-certificate .slide-prev { left: 0; background-image: url("../style/certprev.png") }
.full-certificate .slide-prev:hover { background-image: url("../style/certprevac.png") }
.full-certificate .slide-next { right: 0; background-image: url("../style/certnext.png") }
.full-certificate .slide-next:hover { background-image: url("../style/certnextac.png") }
.full-certificate .certificate-reslider { overflow: hidden }
.full-certificate .certificate-reslider ul { width: 100%; white-space: nowrap; font-size: 0 }
.full-certificate .certificate-reslider .center { overflow: hidden }
.full-certificate .certificate-reslider .center img { -webkit-transition: all ease .7s; -o-transition: all ease .7s; -moz-transition: all ease .7s; transition: all ease .7s; max-width: 90% }
.full-certificate .certificate-reslider .center:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02) }
.full-certificate .certificate-reslider li { width: 20%; display: inline-block; vertical-align: top; *display:inline;
*zoom:1
}
.full-certificate-article { padding: 75px 0; background-color: #f2f2f2 }
.full-certificate-article .info { float: left; padding-top: 2.875% }
.full-certificate-article .cert-ico { margin-bottom: 23px; height: 78px }
.full-certificate-article .cert-ico img { vertical-align: top; width: 78px }
.full-certificate-article .certificate { float: right; width: 46.875%; padding-right: 6.25% }
.full-certificate-article .certificate img { display: block; width: 100% }
.about-field { padding: 73px 0 0 }
.about-field .main-business { margin: 0 }
.about-field .main-business .business-item { margin-left: -1px }
.about-field .main-business h2 { padding: 41px 0 20px }
.about-field .main-business h2 a { font-size: 24px; line-height: 36px }
.about-field .main-business .inner { margin: 0; padding: 14.5% 12.5% 12.5%; border: 1px solid #d9d9d9 }
.about-field .main-business .sub { border: 0; padding-bottom: 0 }
.about-field .main-business .sub a { background: none; padding-left: 0; line-height: 32px }
.about-field .field-text { font-size: 16px; line-height: 30px; padding: 51px 0 64px }
.about-field .field-text .bred { font-weight: bold; color: #d93f3d }
.our-server { position: relative }
.our-server .bg { overflow: hidden }
.our-server .bg img { position: relative; left: 50%; margin-left: -960px; display: block; height: 640px }
.our-server .server-inner { position: absolute; left: 50%; top: 76px; margin-left: -800px }
.our-server .server-inner .server-desc { padding-top: 30px; font-size: 20px; line-height: 40px; font-style: italic; color: #fff }
.our-server .server-inner .server-desc .text { font-size: 28px }
.our-server .m-key-list { position: absolute; left: 0; bottom: 89px; z-index: 3 }
.our-partner { padding: 62px 0 84px }
.our-partner .partner-title .m-about-title { float: left }
.our-partner .partner-title .m-line-more { float: right }
.our-partner .partner-wrapper { padding-top: 35px }
.our-partner .partner-wrapper img { display: block; width: 100% }
.m-diff-text { text-align: center; font-size: 16px; line-height: 30px; color: #333 }
.m-center-img { text-align: center }
.m-center-img img { max-width: 100%; vertical-align: top }
.diff-head { position: relative; padding: 34px 0 66px; font-size: 20px; line-height: 32px; text-align: center; border-bottom: 1px solid #d9d9d9 }
.diff-head h1 { margin-bottom: 12px; font-size: 36px; line-height: 48px; color: #333; font-weight: bold }
.diff-head .line { position: absolute; left: 50%; bottom: 0; z-index: 3; width: 206px; height: 2px; background-color: #d93f3d; margin-left: -103px }
.full-diff-text { padding: 65px 0 0 }
.full-diff-text .m-diff-text { padding: 24px 0 72px }
.full-ablum .item { float: left; width: 33.3333% }
.full-ablum img { display: block; width: 100% }
.adv-supplier { padding: 77px 0 66px }
.adv-supplier .m-diff-text { padding: 26px 0 39px }
.adv-supplier .supplier-image img { display: block; width: 100% }
.full-adv-case { position: relative }
.full-adv-case .case-ditt-content { position: absolute; top: 76px; left: 0; width: 100%; color: #fff }
.full-adv-case img { display: block; width: 100% }
.full-adv-case .m-diff-title { color: #fff }
.full-adv-case .m-diff-text { color: #fff; padding: 25px 0 0 }
.diff-server { padding: 73px 0 80px }
.diff-server .m-diff-text { padding: 25px 0 45px }
.full-seo-article { padding: 59px 0 119px; background-color: #f2f2f2 }
.full-seo-article .m-diff-text { padding: 25px 0 60px }
.full-worthy-intro { padding: 59px 0 0 }
.full-worthy-intro .m-diff-text { padding: 25px 0 57px }
.history-more { margin-top: 0 }
.history-wapper { position: relative; width: 1400px; margin: 0 auto 55px; overflow: hidden }
.history-wapper .history { padding-bottom: 60px }
.history-wapper .botline { position: absolute; bottom: 0; right: 698px; width: 2px; height: 60px; background-color: #d9d9d9 }
.history-wapper .chl-title { padding: 13px 0 64px; text-align: center; font-size: 72px; line-height: 76px; color: #333; text-transform: uppercase }
.history-wapper .item { display: none; position: relative; border-bottom: 1px solid #e6e6e6 }
.history-wapper .item .year { position: absolute; left: 25%; top: 46px; font-size: 55px; line-height: 88px; color: #d93f3d; margin-left: -2em }
.history-wapper .item .year .line { display: block; width: 56px; height: 3px; background-color: #d93f3d }
.history-wapper .dot { position: absolute; right: 692px; top: 68px; width: 15px; height: 15px; background: url("../style/historydot.png") no-repeat center }
.history-wapper .list { float: right; width: 642px; font-size: 16px; line-height: 30px; padding: 60px 0 28px 56px; border-left: 2px solid #d9d9d9 }
.history-wapper .list li { padding-bottom: 30px }
.history-wapper .list h4 { font-size: 18px; font-weight: bold }
.response-wrapper { position: relative }
.range .handle { display: block; top: 0; width: 90px; height: 44px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; outline: 0; background-repeat: no-repeat; background-image: url("../style/movehandler2.png"); background-position: center }
.m-move-handle { display: none; padding-bottom: 38px; position: absolute; left: 50%; bottom: 0; width: 280px; margin-left: -140px; z-index: 3 }
.m-move-handle .site-range { width: 280px; height: 6px; -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.2); *background-color:#ddd;
-webkit-border-radius: 3px; border-radius: 3px }
.move2 .handle { width: 140px }
.move3 .handle { width: 93.33333px }
.move4 .handle { width: 70px }
.move5 .handle { width: 56px }
.move6 .handle { width: 46.66667px }
.move7 .handle { width: 40px }
.move6 .handle { width: 46.66667px }
.move8 .handle { width: 35px }
.move9 .handle { width: 31.11111px }
.move10 .handle { width: 28px }
.full-case-detail { padding: 24px 0 80px; background-color: #eaeaea }
.full-case-detail .case-head {margin-bottom: 10px;background-color: #fff;display: table;width: 100%;display: none;}
.full-case-detail .info { display: table-cell; vertical-align: top; width: 53.75%; padding: 3.125% }
.full-case-detail .info .img { float: left; margin-right: 50px; max-width: 230px }
.full-case-detail .info .img img { display: block; max-width: 100% }
.full-case-detail .info .content { overflow: hidden }
.full-case-detail .info .content .desc { margin-bottom: 20px; font-size: 16px; line-height: 24px; color: #666 }
.full-case-detail .info .content .view { display: block; width: 120px; height: 36px; text-align: center; border: solid 1px #ccc; font-size: 15px; line-height: 36px; color: #666; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s }
.full-case-detail .info .content .view:hover { border-color: #d90000; color: #d90000 }
.full-case-detail .u-cshd-title { padding: 10px 0 23px }
.full-case-detail .u-cshd-title .en { font-size: 24px; line-height: 28px; color: #aaa; font-weight: bold; font-family: DINCond-Bold }
.full-case-detail .u-cshd-title .cn { margin-bottom: 12px; font-size: 24px; line-height: 34px; color: #333 }
.full-case-detail .u-cshd-title .line { display: block; width: 20px; height: 2px; background-color: #ccc }
.full-case-detail .server { display: table-cell; vertical-align: top; width: 46.25%; padding: 3.125% 5.625%; background-color: #f5f5f5; font-size: 15px; line-height: 40px; color: #666 }
.full-case-detail .server .dot { padding-left: 16px; background: url("../style/dot.png") no-repeat 0 center }
.full-case-detail .app-features { line-height: 24px }
.full-case-detail .case-body { padding: 50px; background-color: #fff; font-size: 16px; line-height: 30px }
.full-case-detail .case-body .view { text-align: center; max-width: 1180px; margin: 0 auto }
.full-case-detail .case-body img { margin-top: 1em; vertical-align: top; max-width: 100% }
.full-case-detail .case-body .casebtn { padding: 47px 0 66px; text-align: center }
.full-case-detail .case-body .casebtn a { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 140px; margin: 0 3px; font-size: 16px; line-height: 35px; border: solid 1px #cccccc; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; color: #666 }
.full-case-detail .case-body .casebtn a:hover { border-color: #d90000; color: #d90000 }
.full-case-detail .case-body .col-3 { float: left; width: 25%; line-height: 36px }
.full-case-detail .case-body .lh { line-height: 36px }
.full-case-detail .full-case-body { width: 100%; background-color: #fff; font-size: 16px; line-height: 24px; color: #696a6e; padding: 68px 0 0 }
.full-case-detail .full-case-body .content-view { max-width: 1200px }
.full-case-detail .full-case-body .casebtn { padding: 30px 0 40px; text-align: center }
.full-case-detail .full-case-body .casebtn a { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 140px; margin: 0 3px; font-size: 16px; line-height: 35px; border: solid 1px #cccccc; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; color: #666 }
.full-case-detail .full-case-body .casebtn a:hover { border-color: #d90000; color: #d90000 }
.full-case-detail .full-case-body .bold { font-size: 48px; line-height: 60px; color: #242526; margin-bottom: 10px }
.full-case-detail .full-case-body img { max-width: 100%; height: auto !important }
.full-case-detail .full-case-body .content-view { text-align: center }
.full-case-detail .right-content { position: relative; z-index: 10; padding: 40px 0 10.9375% }
.full-case-detail .right-content .color-left { position: absolute; top: 55px; left: 18.75%; max-width: 540px }
.full-case-detail .right-content .color-left .color-panel { padding-top: 50px }
.full-case-detail .right-content .color-right { padding-left: 18.75% }
.full-case-detail .right-content .color-right img { width: 100% }
.full-case-detail .skew-content { position: relative; z-index: 10; width: 100% }
.full-case-detail .skew-content .skew-bg { position: absolute; left: 0; top: 17%; bottom: 0; z-index: 1; width: 100%; overflow: hidden }
.full-case-detail .skew-content .skew-bg img { max-width: none; width: auto; min-width: 100%; height: 100% !important }
.full-case-detail .skew-content .case-server { position: relative; z-index: 2 }
.full-case-detail .skew-content .case-server .text { position: absolute; top: 15px; left: 18.75%; max-width: 540px; width: 28.125% }
.full-case-detail .skew-content .case-server .cimg { padding-left: 18.75% }
.full-case-detail .skew-content .case-ue { padding-top: 4.16667%; position: relative; z-index: 2 }
.full-case-detail .skew-content .case-ue .text { position: absolute; top: -170px; left: 73.54167% }
.full-case-detail .skew-content .case-ue .cimg { text-align: center }
.moblie-case-slider { position: relative; margin-top: -27.53333%; padding: 0 293px 176px }
.moblie-case-slider .moblie-mswiper-wrapper, .moblie-case-slider .case-bxslider-wrapper { width: 300px; height: 477px; padding-top: 49px; background-color: #fff }
.moblie-case-slider .moblie-mswiper-wrapper li, .moblie-case-slider .case-bxslider-wrapper li { width: 100%; float: left; height: 100%; overflow: hidden }
.moblie-case-slider .moblie-mswiper-wrapper img, .moblie-case-slider .case-bxslider-wrapper img { width: 100%; margin: 0 }
.moblie-case-slider .moblie-mswiper-wrapper .wxcase-bxslider, .moblie-case-slider .case-bxslider-wrapper .wxcase-bxslider { height: 477px; overflow: hidden }
.moblie-case-slider .case-mswiper { width: 100%; height: 100% }
.moblie-case-slider .bx-pager { display: none }
.moblie-case-slider .moblie-mswiper-wrapper { position: relative }
.moblie-case-slider .controls a, .moblie-case-slider .bx-wrapper .bx-controls-direction a { position: absolute; width: 68px; height: 68px; top: auto; bottom: 0px; background-repeat: no-repeat; border: 1px solid #ccc; background-position: center; font-size: 0 }
.moblie-case-slider .controls .bx-prev, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-prev { left: -115px; background-image: url("../style/imcaseprev.png") }
.moblie-case-slider .controls .bx-prev:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-prev:hover { border-color: #d90000; background-image: url("../style/imcaseprevac.png") }
.moblie-case-slider .controls .bx-next, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next { right: -115px; background-image: url("../style/imcasenext.png") }
.moblie-case-slider .controls .bx-next:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next:hover { border-color: #d90000; background-image: url("../style/imcasenextac.png") }
.moblie-case-slider .casebg { position: absolute; left: 280px; top: -16px; z-index: 20; width: 349px; height: 683px; background: url("../style/mcasebg.png") no-repeat 0 0 }
.mcase-right-info { position: relative }
.mcase-right-info .mcase { position: absolute; right: 0; bottom: 123px }
.mcase-right-info .qrcode { float: left }
.mcase-right-info .qrcode img { display: block; width: 127px; height: 127px }
.mcase-right-info .mcase-more { float: left; display: block; width: 125px; height: 61px; margin-left: 38px; padding-top: 64px; border: 1px solid #dcdcdc; text-align: center; font-size: 15px; line-height: 20px; color: #666; background: url("../style/mcasedots.png") no-repeat center 37px; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s }
.mcase-right-info .mcase-more:hover { color: #d90000; border-color: #d90000; background-image: url("../style/mcasedotsac.png") }
.app-inside-soutions { padding: 0 0 8.125%; margin-top: -32px }
.app-inside-soutions .item a { padding-top: 60px }
.u-ue-title { font-size: 36px; line-height: 72px; color: #333; text-align: center }
.app-singlepage { padding-top: 60px; padding-bottom: 88px; text-align: center; font-size: 16px; line-height: 30px; color: #333; border-bottom: 1px solid #d9d9d9 }
.app-singlepage img { vertical-align: top; max-width: 100% }
.app-singlepage .lh48 { line-height: 48px }
.app-singlepage .span { font-size: 20px; line-height: 50px }
.app-singlepage .sub-title { font-size: 24px; line-height: 48px }
.ue-list { padding-top: 90px }
.ue-list li { position: relative; margin-bottom: 6.78571% }
.ue-list .ue-rimg { padding-left: 50% }
.ue-list .ue-rimg .info { left: 0 }
.ue-list .ue-rimg .middle { padding-right: 6.78571% }
.ue-list .ue-limg { padding-right: 50% }
.ue-list .ue-limg .info { right: 0 }
.ue-list .ue-limg .middle { padding-left: 6.78571% }
.ue-list .info { position: absolute; top: 0; z-index: 3; height: 100%; width: 50%; font-size: 0 }
.ue-list .info .hack { display: inline-block; *display:inline-block;
*zoom:1;
vertical-align: middle; width: 0; height: 100% }
.ue-list .info .middle { display: inline-block; *display:inline-block;
*zoom:1;
vertical-align: middle; font-size: 16px; line-height: 30px; text-align: left }
.ue-list .info h3 { font-size: 36px; line-height: 72px }
.m-page-partner { padding: 48px 0 92px; overflow: hidden }
.m-page-partner .u-ue-title { margin-bottom: 53px }
.m-page-partner ul { margin: 0 -5px }

.m-page-partner li { float: left; width: 12.5%; text-align: center; margin-bottom: 10px }
.m-page-partner li div { padding: 0 5px }
.m-page-partner img { vertical-align: top; max-width: 100% }
.noborder { border: 0; padding-bottom: 82px }
.m-idico-wrapper { overflow: hidden; font-size: 16px; line-height: 30px; color: #666; padding-bottom: 42px }
.m-idico-wrapper .idico-list { margin: 0 -95px }
.m-idico-wrapper .idico-item { float: left; width: 33.3333% }
.m-idico-wrapper .inner { position: relative; padding: 0 95px }
.m-idico-wrapper .id { position: absolute; right: 95px; top: 0; font-size: 100px; line-height: 1; color: #f2f2f2; font-weight: bold }
.m-idico-wrapper .ico { margin-bottom: 20px; width: 80px; height: 80px; line-height: 80px }
.m-idico-wrapper .ico img { vertical-align: middle }
.m-idico-wrapper h3 { margin-bottom: 21px; font-size: 18px; line-height: 24px; font-weight: bold; color: #333 }
.m-idico-wrapper .sub { height: 227px; border-bottom: 1px solid #ccc }
.text-center { text-align: center }
.native-app-desc { padding: 49px 0 0; border-bottom: 1px solid #ccc }
.m-diff-content { display: table; width: 90%; margin: 0 auto; padding: 38px 0 70px; table-layout: fixed }
.m-diff-content .ico-txt { color: #d93f3d }
.m-diff-content .ico-txt img { vertical-align: baseline }
.m-diff-content .ico-txt span { padding: 0 7px; font-size: 24px; line-height: 30px }
.m-diff-content .item { width: 50%; display: table-cell; vertical-align: top; padding: 0 55px }
.m-diff-content .item img { max-width: 100% }
.m-diff-content .text-left { text-align: left }
.m-diff-content .text-right { text-align: right; border-right: 1px solid #ccc }
.rn-web-topdesc { padding-bottom: 25px; border: 0 }
.rn-web-bottom { border: 0; padding: 47px 0 19px }
.app-icodesc { -webkit-text-emphasis: center; text-emphasis: center }
.app-icodesc ul { padding: 26px 30px 100px }
.app-icodesc .ico { margin-bottom: 10px; height: 60px; line-height: 60px }
.app-icodesc .ico img { vertical-align: middle }
.app-icodesc li { float: left; width: 20% }
.full-foot-needs { width: 100%; padding: 45px 0 50px; background-color: #ededed }
.full-foot-needs .notes { font-size: 16px; line-height: 24px; color: #999 }
.needs-form-wrapper { padding-bottom: 35px; border-bottom: 1px solid #d9d9d9 }
.needs-form-wrapper .title { margin-bottom: 23px; font-size: 36px; line-height: 46px }
.needs-form { padding-bottom: 12px }
.needs-form label { display: block; background-color: #fff; width: 400px; float: left; padding: 22px 0 22px 20px; margin-right: 11px }
.needs-form input { display: block; width: 100%; font-size: 16px; line-height: 16px; height: 16px; background: none; color: #999 }
.needs-form .msg { width: 510px }
.needs-form .sub { width: 197px; margin-right: 0; background-color: #333; background-repeat: no-repeat; text-align: center; padding-left: 0 }
.needs-form .sub input { color: #fff; cursor: pointer; padding: 0 }
.foot-contact { padding-top: 34px }
.foot-contact .title { float: left; font-size: 36px; line-height: 58px; font-weight: bold; color: #1a1a1a; padding: 0 28px 0 78px; background-repeat: no-repeat; background-position: 0 center }
.foot-contact .lines { float: left }
.foot-contact .lines .title { background-image: url("../style/fttel.png") }
.foot-contact .lines .info { overflow: hidden; padding-top: 4px; font-size: 16px; line-height: 26px; color: #1a1a1a }
.foot-contact .lines .info a { font-weight: bold; color: #d90000 }
.foot-contact .needs { float: right }
.foot-contact .needs .title { background-image: url("../style/ftneeds.png") }
.foot-contact .needs .info { float: left; padding-top: 4px; font-size: 16px; line-height: 26px; color: #1a1a1a }
.foot-contact .needs .editbtn { float: left; width: 140px; height: 45px; margin: 6px 0 0 40px; font-size: 18px; line-height: 45px; overflow: hidden; color: #fff; text-align: center; background-color: #d90000 }
.footer-content { padding: 36px 0 0; background-color: #333; color: #777; font-size: 16px; line-height: 24px }
.footer-content a { color: #777 }
.footer-content a:hover { color: #fff }
.footer-content .szweb-info { float: left; width: 266px; padding: 0 111px 24px 0; color: #cccc }
.footer-content .szweb-info a { color: #cccc }
.footer-content .szweb-info .motto { padding: 24px 0 18px; font-size: 17px; line-height: 28px }
.footer-content .szweb-info .ft-qrcode { padding-bottom: 17px }
.foot-about { padding-bottom: 43px; font-size: 14px; line-height: 26px; color: #666 }
.foot-about .about-left { float: left; width: 28.125% }
.foot-about .adv-mid { float: left; width: 28.125%; margin-left: 7.8125% }
.foot-about .adv-mid .left { float: left }
.foot-about .adv-mid .right { float: right }
.foot-about .diff-right { float: right; width: 28.125% }
.ftcontent-right { float: right; width: 1222px }
.u-qk-title { position: relative; padding-bottom: 12px; margin-bottom: 19px; color: #666; line-height: 46px; border-bottom: 1px solid #666 }
.u-qk-title h4 { font-size: 22px; color: #ccc }
.u-qk-title .more { position: absolute; right: 0; top: 0; font-size: 24px; width: 46px; height: 46px; text-align: right }
.quick-links { padding-bottom: 35px }
.quick-links .item { float: left; width: 257px; padding-right: 117px; overflow: hidden; font-size: 14px }
.quick-links .item a { display: block }
.quick-links .business { width: 309px }
.quick-links .business-links .left { float: left }
.quick-links .business-links .right { float: right }
.quick-links .aboutus { width: 417px; padding-right: 0 }
.quick-links .aboutus a { display: inline }
.quick-links .aboutus .cognition { display: none }
.quick-links .aboutus .u-qk-title span { cursor: pointer }
.quick-links .aboutus .u-qk-title .noac { color: #666 }
.friend-links { padding-bottom: 38px }
.friend-links h6 { padding-bottom: 9px; font-size: 16px; line-height: 24px; color: #ccc }
.friend-links h6 .tilte { float: left; margin-right: 9px }
.friend-links h6 .tilte:before { content: ''; display: inline-block; vertical-align: top; width: 5px; height: 16px; margin: 4px 10px 0 0; background: #d90000 }
.friend-links h6 a { display: block; padding: 0 10px; font-size: 14px; line-height: 22px; color: #666; border: 1px solid #444 }
.friend-links h6 .exchagne { float: left }
.friend-links h6 .flod { float: right }
.friend-links .link-list { height: 26px; overflow: hidden }
.friend-links .link-list a { position: relative; font-size: 14px; margin-right: 15px }
.friend-links .link-list a::before { content: ''; position: absolute; left: -8px; top: 1px; width: 1px; height: 14px; background-color: #777 }
.full-foot-bottom { padding: 28px 0 34px; background-color: #333; color: #666; font-size: 14px; line-height: 26px; border-top: 1px solid #4d4d4d; text-align: center }
.full-foot-bottom a { color: #666 }
.show { display: block !important }
#LXB_CONTAINER { top: auto !important; bottom: 20% !important; margin-bottom: 430px !important; font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif }
#LXB_CONTAINER button, #LXB_CONTAINER input, #LXB_CONTAINER select, #LXB_CONTAINER textarea { font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif }
#LXB_CLOSE_BTN { top: auto !important; bottom: 20% !important; margin-bottom: 430px !important }
.sidebar { display: none; position: fixed; bottom: 20%; right: 0; z-index: 99; width: 55px; background: url("../style/sidebarbg.png") no-repeat 0 0 }
.sidebar a { position: relative; display: block; width: 55px; height: 22px; margin: 0; padding-top: 48px; text-align: center }
.sidebar a i { display: block; font-style: normal; font-size: 12px; line-height: 22px; color: #fff; text-align: center }
.sidebar a span { display: none; position: absolute; right: 0px; top: 0px; height: 45px; padding-left: 50px; color: #fff; line-height: 45px; font-size: 14px; background-color: #262626; background-repeat: no-repeat; background-image: url(../style/icon.png) }
.sidebar .qq { background: url("../style/sideqq.png") no-repeat center 16px }
.sidebar .qq span { background-position: -360px -186px; width: 90px }
.sidebar .tel { background: url("../style/sidetel.png") no-repeat center 18px }
.sidebar .tel span { top: 12px; width: 120px; height: 56px; font-size: 16px; line-height: 56px; font-weight: bold; text-align: left; background-position: -362px -226px }
.sidebar .edit { background: url("../style/sideedit.png") no-repeat center 21px }
.sidebar .edit span { width: 120px; background-position: -362px -275px }
.sidebar .price { background: url("../style/sideprice.png") no-repeat center 14px }
.sidebar .wechat { background: url("../style/sidewechat.png") no-repeat center 19px; margin-bottom: 6px }
.sidebar .wechat span { top: 15px; background: #fff; right: 65px; padding: 0px; width: 160px; height: 160px; padding: 8px; border: 1px solid #ccc }
.sidebar .wechat span img { display: block; width: 100%; height: auto }
.sidebar .hometop { padding-top: 0; height: 54px; background: url("../style/sidetop.png") no-repeat center }
.full-case-crumbs { position: relative; z-index: 10; width: 100%; height: 42px; padding: 14px 0; background-color: #ededed }
.full-case-crumbs.crumbs-fff { background-color: #fff }
.full-case-crumbs .crumbs { float: left; font-size: 0 }
.full-case-crumbs .crumbs a, .full-case-crumbs .crumbs i, .full-case-crumbs .crumbs span { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
font-size: 16px; line-height: 42px }
.crumbs a:before { content: '>'; display: inline-block; padding: 0 1em; font-family: consolas; }
.crumbs a.home:before { content: ''; display: none; padding: 0px; }
.full-case-crumbs .crumbs a:hover { color: #d90000 }
.full-case-crumbs .crumbs i { padding: 0 1em; font-family: consolas; font-style: normal }
.full-case-crumbs .crumbs span { color: #d90000 }
.full-case-crumbs .crumbs .home { padding-left: 36px; background: url("../style/crumbhome.png") no-repeat 0 10px }
.full-case-crumbs .crumbs .home:hover { background-image: url("../style/crumbhomeac.png") }
.full-case-crumbs .other-channel { position: relative; float: right; z-index: 10; width: 307px; font-size: 16px; line-height: 42px; color: #666 }
.full-case-crumbs .other-channel .channel-title { background-color: #fff; padding-left: 28px; background: #fff url("../style/otherarr.png") no-repeat 270px center; cursor: pointer }
.full-case-crumbs .other-channel .channel-dropdown { display: none; position: absolute; left: 0; top: 42px; width: 100%; padding-bottom: 18px; border: 1px solid #d2d2d2; background-color: #fff; max-height: 462px; overflow-y: auto }
.full-case-crumbs .other-channel .channel-dropdown a { display: block; padding-left: 28px }
.full-case-crumbs .other-channel .channel-dropdown a:hover { background-color: #d80000; color: #fff }
.full-case-crumbs .edit { float: right; width: 15%; height: 42px; text-align: center; background-color: #fff }
.full-case-crumbs .edit span { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
font-size: 16px; line-height: 42px; color: #d90000; padding-left: 44px; background: url(../style/editbkac.png) no-repeat 0 44.9% }
.g-news-detail { padding-bottom: 88px; background-color: #f2f2f2 }
.g-news-detail .inside-nav a { border-bottom-color: #f2f2f2 }
.g-news-detail .inside-nav a:hover { border-bottom-color: #d90000 }
.g-news-detail .detail-container { padding-top: 60px; max-width: 1200px; margin: 0 auto }
.g-news-detail .case-news-article { float: left; width: 800px; padding: 40px 60px 0; margin: 0; background-color: #fff; min-height: 800px }
.g-news-detail .case-news-article .share { position: static; float: right }
.g-news-detail .detail-sidebar { float: right; width: 270px }
.g-news-detail .qrcode-wrapper { margin-bottom: 10px; padding: 32px 0 38px; background-color: #fff; font-size: 16px; line-height: 26px; text-align: center; color: #666 }
.g-news-detail .qrcode-wrapper .label { padding: 10px 0 7px }
.g-news-detail .qrcode-wrapper img { vertical-align: middle }
.g-news-detail .hot-tags { margin-bottom: 10px; background-color: #fff }
.g-news-detail .hot-tags .title { padding-left: 20px; font-size: 18px; line-height: 52px; color: #333; border-bottom: 1px solid #d9d9d9 }
.g-news-detail .hot-tags ul { min-height: 68px; padding: 16px 12px 28px 20px }
.g-news-detail .hot-tags ul li { float: left; width: 70px; margin: 0 8px 8px 0; height: 26px }
.g-news-detail .hot-tags ul a { display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; background-color: #f2f2f2; text-align: center; font-size: 14px; line-height: 26px; color: #333 }
.g-news-detail .page-ctrl { padding: 22px 26px 19px 18px; background-color: #fff }
.g-news-detail .page-ctrl .label { position: relative; margin-bottom: 12px; padding-left: 29px; background-position: 0 center; background-repeat: no-repeat; font-size: 18px; line-height: 30px; color: #333 }
.g-news-detail .page-ctrl .label span { position: absolute; right: 0; top: 50%; padding-left: 5px; color: #ddd; font-size: 0; width: 130px; height: 1px; background-color: #ccc }
.g-news-detail .page-ctrl .prev { background-image: url("../style/newsprev.png") }
.g-news-detail .page-ctrl .next { background-image: url("../style/newsnext.png") }
.g-news-detail .page-ctrl .item { margin-bottom: 25px }
.g-news-detail .page-ctrl a { display: block; font-size: 16px; line-height: 24px; color: #666666; max-height: 72px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }
.g-news-detail .page-ctrl a:hover { color: #d9000d }
.g-news-detail .page-ctrl .date { display: block }
#page { text-align: center; padding: 50px 0px 80px }
#page span { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 37px; height: 37px; text-align: center; line-height: 37px; margin: 0px 5px; padding: 0; color: #636363; font-size: 14px; font-weight: 400 }
#page .laypage_curr { color: #fff; background-color: #d90000 !important; border-color: #d90000 }
#page a { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 37px; height: 37px; text-align: center; line-height: 37px; margin: 0px 5px; padding: 0; color: #636363; font-size: 14px; font-weight: 400; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff }
#page a:hover { color: #fff; background-color: #d90000; border-color: #d90000 }
#page .laypage_next, #page .laypage_prev { width: 65px }
.iwelconme-popup { display: none; position: fixed; left: 50%; top: 50%; z-index: 90; width: 550px; height: 300px; margin: -150px 0 0 -225px; background: url("../style/iwelbg.png") no-repeat 0 0; -webkit-transition: all ease 1s; -o-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s; -webkit-transform: translate(0, 60%); -moz-transform: translate(0, 60%); -ms-transform: translate(0, 60%); -o-transform: translate(0, 60%); transform: translate(0, 60%); opacity: 0 }
.iwelconme-popup.animatepop { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
.iwelconme-popup.animatepop .content h4, .iwelconme-popup.animatepop .content h3 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.iwelconme-popup.animatepop .iwel-buttons { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.iwelconme-popup .close { position: absolute; top: 0; right: -48px; width: 48px; height: 48px; background: url("../style/iwelcancel.png") no-repeat 0 0 }
.iwelconme-popup .content { width: 450px; margin: 0 auto; padding: 47px 0 0 }
.iwelconme-popup .content h4 { margin-bottom: 8px; font-size: 18px; line-height: 30px; color: #ffd7d7; -webkit-transition: all ease 1s .2s; -o-transition: all ease 1s .2s; -moz-transition: all ease 1s .2s; transition: all ease 1s .2s; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%) }
.iwelconme-popup .content h3 { margin-bottom: 15px; font-size: 40px; line-height: 60px; font-weight: bold; color: #fff; -webkit-transition: all ease 1s .4s; -o-transition: all ease 1s .4s; -moz-transition: all ease 1s .4s; transition: all ease 1s .4s; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%) }
.iwelconme-popup .iwel-buttons { width: 400px; margin: 0 auto; -webkit-transition: all ease 1s .6s; -o-transition: all ease 1s .6s; -moz-transition: all ease 1s .6s; transition: all ease 1s .6s; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%) }
.iwelconme-popup .iwel-buttons a { display: block; width: 171px; height: 51px; border: 2px solid #d54d58; font-size: 18px; line-height: 51px; color: #fff; background-repeat: no-repeat }
.iwelconme-popup .iwel-buttons a:hover { border-color: #de4952; background-color: #de4952 }
.iwelconme-popup .iwel-buttons .server { float: left; padding-left: 66px; width: 105px; background-image: url("../style/iweltel.png"); background-position: 25px 10px }
.iwelconme-popup .iwel-buttons .edit { float: right; padding-left: 81px; width: 90px; background-image: url("../style/iweledit.png"); background-position: 38px 11px }
.m-web-title { font-size: 36px; line-height: 50px; color: #333; text-align: center; font-weight: bold; padding: 0 15px }
.m-web-desc { font-size: 16px; line-height: 30px; color: #333; text-align: center }
.m-full-ban { position: relative; overflow: hidden }
.m-full-ban img { width: 100%; height: auto }
.m-halfblock-list { padding: 63px 0 78px; font-size: 0 }
.m-halfblock-list li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 50%; font-size: 16px; line-height: 36px }
.m-halfblock-list p { padding-right: 20% }
.full-site-article { padding-top: 49px }
.full-site-article .m-web-desc { padding: 36px 0 77px }
.site-server-wrapper { padding: 104px 0 24px }
.site-server-wrapper .m-web-title { margin-bottom: 7.5% }
.server-ico-list ul { font-size: 0; text-align: center }
.server-ico-list li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 20%; margin-bottom: 77px; font-size: 14px; line-height: 20px; color: #666 }
.server-ico-list .ico { margin-bottom: 16px }
.server-ico-list .ico img { width: 50% !important; height: auto !important }
.server-ico-list h3 { margin-bottom: 15px; font-size: 18px; line-height: 30px; color: #333 }
.server-ico-list p { max-width: 15em; margin: 0 auto }
.b2c-solution { padding: 88px 0 91px; font-size: 16px; line-height: 24px; color: #666 }
.b2c-solution .m-web-title { margin-bottom: 4.375% }
.b2c-solution h4 { margin-bottom: 14px; font-size: 60px; line-height: 60px; color: #999 }
.b2c-solution h3 { margin-bottom: 22px; font-size: 24px; line-height: 36px; color: #1a1a1a }
.b2c-solution .top-four-list { border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9 }
.b2c-solution .top-four-list li { float: left; width: 25% }
.b2c-solution .top-four-list .inner { padding: 43px 45px 8px; border-right: 1px solid #d9d9d9 }
.b2c-solution .top-four-list .inner p { display: -webkit-box; height: 240px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 10 }
.b2c-solution .last { overflow: hidden; zoom: 1; padding: 41px 65px 42px 45px; border: 1px solid #d9d9d9 }
.b2c-solution .last .left { float: left; margin-right: 163px }
.b2c-solution .last .text { overflow: hidden; zoom: 1 }
.b2c-solution .bot-two-list { display: table; border-collapse: collapse; table-layout: fixed }
.b2c-solution .bot-two-list .quarter { width: 25%; display: table-cell; vertical-align: top; border: 1px solid #d9d9d9; padding: 43px 45px 8px }
.b2c-solution .bot-two-list .last { width: 75%; display: table-cell; vertical-align: top }
.b2c-solution .bot-two-list .last .left { margin-right: 112px }
.full-b2c-server { width: 100%; background-color: #f2f2f2 }
.full-b2c-server .table-middle { height: 100% }
.full-b2c-server .content { width: 50%; padding: 131px 0 60px; font-size: 16px; line-height: 30px; color: #333 }
.full-b2c-server .content h3 { margin-bottom: 45px; font-size: 36px; line-height: 50px; color: #333; font-weight: bold }
.full-b2c-server .thumb { float: right; width: 50%; margin-left: 82px }
.full-b2c-server .thumb img { width: 100% !important; height: auto !important }
.proxy-wrapper { padding: 80px 0 92px }
.proxy-wrapper ul { border-top: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9 }
.proxy-wrapper li { float: left; width: 25%; font-size: 16px; line-height: 24px; color: #666 }
.proxy-wrapper h4 { margin-bottom: 14px; font-size: 60px; line-height: 60px; color: #999 }
.proxy-wrapper h3 { margin-bottom: 17px; font-size: 24px; line-height: 36px; color: #1a1a1a }
.proxy-wrapper p { display: -webkit-box; height: 240px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 7 }
.proxy-wrapper .inner { padding: 43px 50px 5px; border-right: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9 }
.ipo-proxy-wrapper { padding-top: 48px; padding-bottom: 113px }
.ipo-proxy-wrapper .m-web-title { margin-bottom: 57px }
.ipo-proxy-wrapper h3 { margin-bottom: 0; height: 144px }
.ipo-proxy-wrapper .inner { padding: 43px 50px 11px }
.ipo-server-wrapper { padding: 111px 0 6px }
.ipo-server-wrapper .m-web-title { margin-bottom: 67px }
.ipo-server-wrapper .server-ico-list li { width: 25%; margin-bottom: 96px; font-size: 16px; line-height: 24px; color: #333 }
.ipo-server-wrapper .server-ico-list .ico { margin-bottom: 29px }
.ipo-server-wrapper .server-ico-list .ico img { width: 36% }
.ipo-server-wrapper .server-ico-list p { max-width: 80% }
.topic-solution { padding: 104px 0 88px }
.topic-solution .m-web-title { margin-bottom: 17px }
.topic-solution .sub-title { text-align: center; margin-bottom: 50px; font-size: 16px; line-height: 30px; color: #333 }
.topic-solution .topic-list { border-left: solid 1px #d9d9d9; border-top: solid 1px #d9d9d9 }
.topic-solution .topic-list li { float: left; width: 16.66667% }
.topic-solution .topic-list .inner { padding: 43px 35px 29px; border-right: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9 }
.topic-solution .topic-list h4 { margin-bottom: 20px; font-size: 60px; line-height: 60px; color: #999 }
.topic-solution .topic-list h3 { font-size: 16px; line-height: 24px; color: #666; display: -webkit-box; height: 120px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }
.full-sys-desc .gray-sys-desc { background-color: #f2f2f2 }
.full-sys-desc .gray-sys-desc .sys-lists h3 { white-space: nowrap; font-weight: normal }
.full-sys-desc .quarter .sys-lists li { width: 17% }
.m-sys-desc { padding: 100px 0 105px }
.m-sys-desc .weblg { overflow: hidden; zoom: 1 }
.m-sys-desc .sys-info { float: left; width: 370px; margin-right: 20px; overflow: hidden; zoom: 1; font-size: 16px; line-height: 24px; color: #666 }
.m-sys-desc .sys-info .ico { float: left; width: 100px; margin-right: 25px }
.m-sys-desc .sys-info .info { overflow: hidden; zoom: 1 }
.m-sys-desc .sys-info h4 { font-size: 60px; line-height: 60px; color: #ccc }
.m-sys-desc .sys-info h3 { margin-bottom: 19px; font-size: 30px; line-height: 40px; color: #333 }
.m-sys-desc .sys-lists { overflow: hidden; zoom: 1; font-size: 14px; line-height: 24px; color: #666 }
.m-sys-desc .sys-lists li { width: 25%; float: left; padding-left: 8% }
.m-sys-desc .sys-lists .pull-left { margin-top: 66px; width: 12%; padding-left: 21% }
.m-sys-desc .sys-lists .id { margin-bottom: 9px; font-size: 48px; line-height: 48px; color: #d90000 }
.m-sys-desc .sys-lists h3 { margin-bottom: 12px; font-size: 18px; line-height: 40px; color: #666; font-weight: bold }
.m-feature-list { border-top: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9 }
.m-feature-list li { float: left; width: 33.3333% }
.m-feature-list .inner { padding: 73px 55px 62px; border-right: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9 }
.m-feature-list h4 { margin-bottom: 14px; font-size: 60px; line-height: 60px; color: #999 }
.m-feature-list h3 { margin-bottom: 29px; font-size: 24px; line-height: 36px; color: #1a1a1a }
.m-feature-list p { font-size: 16px; color: #666; display: -webkit-box; height: 120px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }
.shop-feature-top { padding: 99px 0 124px }
.shop-feature-top .m-web-title { margin-bottom: 63px }
.shop-feature-mid { position: relative; height: 258px; padding: 142px 0 100px }
.shop-feature-mid .feature-img { position: absolute; left: 0; top: 0; width: 100%; height: 500px; overflow: hidden }
.shop-feature-mid .feature-img img { position: absolute; left: 50%; top: 0; margin-left: -960px }
.shop-feature-mid .weblg { position: relative; z-index: 5 }
.shop-feature-mid .sys-info { width: 466px }
.shop-feature-mid .sys-info h4 { color: #ccc }
.shop-feature-mid .sys-info h3 { color: #dcdcdc }
.shop-feature-mid .sys-lists { font-size: 14px; line-height: 24px; color: #d5d5d5 }
.shop-feature-mid .sys-lists h3 { color: #fff }
.shop-feature-bot { padding: 75px 0 100px }
.crowd-article-top .sys-info { float: none; width: 100%; font-size: 16px; line-height: 28px; color: #666 }
.crowd-article-top .left { float: left; width: 46% }
.crowd-article-top .right { float: right; width: 46% }
.crowd-article-top .m-sys-desc { padding: 8.625% 0 6.25% }
.full-crowd-bot { background-color: #f2f2f2 }
.full-crowd-bot { padding: 80px 0 56px }
.full-crowd-bot .sys-lists li { float: left; width: 42%; padding-left: 8% }
.elec-solution-wrapper { padding: 70px 0 104px }
.elec-solution-wrapper .elec-title { text-align: center; font-size: 36px; line-height: 60px; color: #333 }
.elec-solution-wrapper .sub { text-align: center; font-size: 16px; line-height: 40px; color: #333 }
.elec-solution-wrapper .line { display: block; width: 64px; height: 1px; margin: 36px auto 38px; overflow: hidden; background-color: #bfbfbf }
.elec-solution-wrapper .elec { margin-bottom: 47px; text-align: center; font-size: 36px; line-height: 48px; color: #666 }
.elec-solution-wrapper .elec-featrue li { float: left; width: 33.3333%; background-color: #f2f2f2 }
.elec-solution-wrapper .elec-featrue .ed { background-color: #ededed }
.elec-solution-wrapper .elec-featrue .inner { padding: 40px 61px 23px 56px; font-size: 16px; line-height: 24px; color: #666 }
.elec-solution-wrapper .elec-featrue .ico { margin-bottom: 17px; font-size: 0; line-height: 54px }
.elec-solution-wrapper .elec-featrue .ico img { vertical-align: middle }
.elec-solution-wrapper .elec-featrue h3 { margin-bottom: 24px; font-size: 24px; line-height: 30px; color: #333 }
.elec-solution-wrapper .elec-featrue p { font-size: 16px; line-height: 24px; color: #666; display: -webkit-box; height: 120px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }
.elec-tab { padding-bottom: 90px }
.elec-tab .tabs-title { background-color: #e6e6e6 }
.elec-tab .tabs-title li { float: left; width: 25% }
.elec-tab .tabs-title li.cur a { color: #fff; background-color: #d90000 }
.elec-tab .tabs-title a { display: block; font-size: 16px; line-height: 66px; color: #000016; text-align: center }
.elec-tab .tabs-title a:hover { color: #fff; background-color: #d90000 }
.elec-tab .item { display: none }
.elec-tab .item:first-child { display: block }
.elec-tab .func .name { font-size: 16px; line-height: 50px; color: #333; font-weight: bold; text-align: center; background-color: #d9d9d9 }
.elec-tab .func .table { font-size: 14px; line-height: 24px }
.elec-tab .func .table .tr { margin-bottom: 1px; background-color: #f2f2f2; padding: 13px 0; overflow: hidden; zoom: 1 }
.elec-tab .func .table .tr p { float: left; width: 44%; padding: 0 3% }
.elec-tab .func .table .tr .line { position: relative }
.elec-tab .func .table .tr .line:after { content: ''; position: absolute; right: 0; top: -13px; bottom: -13px; width: 1px; background-color: #fff }
.elec-tab .func .table .gray { background-color: #ededed }
.qa-list { padding-top: 50px; font-size: 16px; line-height: 28px }
.qa-list li { margin-bottom: 10px }
.qa-list h3 { position: relative; padding: 21px 94px 21px 112px; color: #333; background-color: #e6e6e6; background-image: url("../style/quesico.png"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer }
.qa-list h3 .ico { position: absolute; top: 50%; right: 26px; width: 32px; height: 32px; margin-top: -16px; background-repeat: no-repeat; background-position: center; background-image: url("../style/qadd.png") }
.qa-list h3.cur .ico { background-image: url("../style/qaless.png") }
.qa-list .answer { display: none; background-color: #f2f2f2; background-image: url("../style/answico.png"); background-repeat: no-repeat; background-position: 0 0; padding: 28px 94px 45px 112px; color: #666 }
.product-crowd-top { padding: 129px 0 118px }
.product-crowd-top .left { float: left; width: 46%; padding: 0 }
.product-crowd-top .left .sys-info { width: 100% }
.product-crowd-top .right { float: right; width: 49% }
.product-crowd-top .right img { width: 100% }
.product-crowd-mid { background-color: #f2f2f2 }
.product-crowd-mid.quarter .sys-lists li { width: 17% }
.product-crowd-bot .sys-lists li { width: 17%; padding-left: 22% }
.wechat-shopcase { padding: 85px 0 108px }
.wechat-shopcase .m-web-title { margin-bottom: 53px }
.wechat-shopcase .shop-case-list { border-top: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9 }
.wechat-shopcase .shop-case-list li { float: left; width: 25%; font-size: 16px; line-height: 24px; color: #666 }
.wechat-shopcase .shop-case-list .inner { border-right: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding: 50px 45px 46px }
.wechat-shopcase .shop-case-list .ico { margin-bottom: 24px; height: 72px; line-height: 72px }
.wechat-shopcase .shop-case-list .ico img { vertical-align: middle }
.wechat-shopcase .shop-case-list h3 { margin-bottom: 19px; font-size: 24px; line-height: 30px; color: #1a1a1a; display: -webkit-box; height: 60px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.wechat-shopcase .shop-case-list p { display: -webkit-box; height: 120px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }
.m-ml2-title { font-size: 36px; line-height: 48px; color: #333; text-align: center }
.ban-sys-dev { position: absolute; left: 0; top: 30.14706%; width: 100%; text-align: center; font-size: 24px; line-height: 36px; color: #fff; font-weight: bold }
.platform-five-desc { margin-top: 70px; margin-bottom: 90px; border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; overflow: hidden; zoom: 1 }
.platform-five-desc li { float: left; width: 20%; font-size: 16px; line-height: 24px; color: #666 }
.platform-five-desc .inner { padding: 14.375% 11.875% 26px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
.platform-five-desc .ico { margin-bottom: 32px; height: 70px; line-height: 70px }
.platform-five-desc .ico img { vertical-align: middle }
.platform-five-desc h3 { margin-bottom: 18px; font-size: 24px; line-height: 30px; font-weight: normal; color: #1a1a1a }
.platform-five-desc p { display: -webkit-box; height: 192px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 8 }
.full-platform-apply { padding: 75px 0 77px; background-color: #f2f2f2 }
.full-platform-apply .m-web-title { margin-bottom: 52px }
.full-platform-apply ul { border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9 }
.full-platform-apply li { float: left; width: 25%; font-size: 16px; line-height: 24px; color: #666 }
.full-platform-apply .inner { padding: 70px 45px 62px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
.full-platform-apply h4 { margin-bottom: 17px; font-size: 60px; line-height: 60px; color: #999 }
.full-platform-apply h3 { margin-bottom: 24px; font-size: 24px; line-height: 30px; color: #1a1a1a }
.full-platform-apply p { display: -webkit-box; height: 144px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6 }
.wechat-platform { position: relative; height: 621px }
.wechat-platform .full-bg { position: absolute; left: 0; top: 0; width: 100%; height: 621px; overflow: hidden }
.wechat-platform .full-bg img { position: relative; left: 50%; margin-left: -960px; height: 621px; max-width: none }
.wechat-platform .wechat-shop-content { overflow: hidden; zoom: 1; padding-top: 10.625% }
.wechat-platform .left-msg { float: left; width: 423px }
.wechat-platform .left-msg .en { margin-bottom: 13px; font-size: 72px; line-height: 72px; color: #46464a; font-weight: bold }
.wechat-platform .left-msg h3 { font-size: 30px; line-height: 40px; color: #dcdcdc }
.wechat-platform .wcpalt-list { padding-top: 9px; overflow: hidden; zoom: 1 }
.wechat-platform .wcpalt-list li { float: left; width: 33%; padding-left: 15% }
.wechat-platform .wcpalt-list .id { margin-bottom: 9px; font-size: 48px; line-height: 48px; color: #d90000 }
.wechat-platform .wcpalt-list h3 { margin-bottom: 13px; font-size: 18px; line-height: 40px; color: #ffffff; font-weight: bold }
.wechat-platform .wcpalt-list p { font-size: 14px; line-height: 24px; color: #d5d5d5 }
.platform-server { padding: 93px 0 90px }
.platform-server .m-ml2-title { margin-bottom: 30px }
.platform-server .cms-desc { background-color: #f2f2f2 }
.platform-server .cms-desc .item { width: 40%; padding: 56px 5% 54px; font-size: 16px; line-height: 30px }
.platform-server .cms-desc .left { float: left; margin-left: -1px; border: 1px solid #fff; border-bottom: 0 }
.platform-server .cms-desc .right { float: right; margin-right: -1px }
.platform-server .cms-desc .ico { margin-bottom: 39px; height: 87px; line-height: 87px }
.platform-server .cms-desc .ico img { vertical-align: middle }
.platform-server .cms-desc h3 { margin-bottom: 35px; font-size: 24px; line-height: 36px; color: #333; font-weight: bold }
.platform-feature { padding: 82px 0 46px }
.platform-feature .m-ml2-title { margin-bottom: 96px }
.m-quarter-icolist, .m-three-icolist { overflow: hidden; zoom: 1; font-size: 0; text-align: center }
.m-quarter-icolist li, .m-three-icolist li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 25%; margin-bottom: 60px; font-size: 14px; line-height: 20px; color: #666 }
.m-quarter-icolist .ico, .m-three-icolist .ico { margin-bottom: 16px }
.m-quarter-icolist .ico img, .m-three-icolist .ico img { vertical-align: middle; width: 40% }
.m-quarter-icolist h3, .m-three-icolist h3 { margin-bottom: 14px; font-size: 18px; line-height: 30px; color: #333 }
.m-quarter-icolist p, .m-three-icolist p { max-width: 16em; margin: 0 auto }
.m-three-icolist li { width: 33.3333% }
.m-three-icolist .ico img { width: 30% }
.mobile-solution-wrapper { padding: 82px 0 115px }
.mobile-solution-wrapper .m-web-title { margin-bottom: 53px }
.mobile-solution-wrapper .msolution-list { border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9 }
.mobile-solution-wrapper .item { float: left; width: 25%; font-size: 16px; line-height: 24px; color: #666 }
.mobile-solution-wrapper .inner { padding: 58px 45px 38px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
.mobile-solution-wrapper .ico { line-height: 92px; height: 92px }
.mobile-solution-wrapper .ico img { vertical-align: middle }
.mobile-solution-wrapper h3 { margin-bottom: 21px; font-size: 24px; line-height: 36px; color: #1a1a1a }
.mobile-solution-wrapper .dot-list { height: 168px; overflow: hidden }
.mobile-solution-wrapper .dot-list p { position: relative; padding-left: 14px }
.mobile-solution-wrapper .dot-list p:before { position: absolute; left: 0; top: 0; height: 24px; content: '•'; display: inline-block; vertical-align: top; *display:inline;
*zoom:1
}
.msite-positon { padding: 7.125% 0 7% }
.msite-positon .m-web-title { margin-bottom: 90px }
.m-wxico-list li { float: left; width: 20%; text-align: center; font-size: 18px; line-height: 30px; color: #333 }
.m-wxico-list li .ico { margin-bottom: 16px }
.m-wxico-list li img { vertical-align: middle; width: 50% }
.h5site-marb { margin-bottom: 16px }
.wxshop-func { padding: 110px 0 112px }
.wxshop-func .m-web-title { margin-bottom: 90px }
.wxshop-func .m-quarter-icolist li { margin-bottom: 50px }
.full-wxshop-attention { padding: 72px 0 116px; background-color: #f2f2f2 }
.full-wxshop-attention .m-web-title { margin-bottom: 54px }
.full-wxshop-attention ul { border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9 }
.full-wxshop-attention li { float: left; width: 25%; font-size: 16px; font-stretch: normal; color: #666 }
.full-wxshop-attention .inner { padding: 60px 45px 26px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
.full-wxshop-attention .id { margin-bottom: 21px; font-size: 60px; line-height: 60px; color: #d90000 }
.full-wxshop-attention p { display: -webkit-box; height: 240px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 10 }
.applet-desc-list { margin-bottom: 90px; border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9 }
.applet-desc-list li { float: left; width: 25%; font-size: 16px; line-height: 24px; color: #666 }
.applet-desc-list .inner { padding: 43px 40px 67px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9 }
.applet-desc-list .id { font-size: 48px; line-height: 48px; color: #d90000; font-weight: bold; margin-bottom: 16px }
.applet-desc-list h3 { margin-bottom: 20px; font-size: 18px; line-height: 24px; color: #333; font-weight: bold }
.full-applet-wrapper { position: relative; height: 503px; padding: 79px 0 40px }
.full-applet-wrapper .m-web-title { position: relative; z-index: 10; margin-bottom: 75px; color: #fff }
.full-applet-wrapper .m-full-bg { position: absolute; left: 0; top: 0; height: 582px; overflow: hidden; width: 100% }
.full-applet-wrapper .m-full-bg img { position: relative; left: 50%; margin-left: -960px; height: 582px }
.full-applet-wrapper .applet-feature { position: relative; z-index: 10; overflow: hidden }
.full-applet-wrapper .applet-feature ul { text-align: center; margin-left: -60px; margin-right: -60px; margin-left: -3.75%; margin-right: -3.75% }
.full-applet-wrapper .applet-feature li { float: left; width: 9.68992%; font-size: 16px; line-height: 24px; color: #ccc; padding: 0 3.48837% }
.full-applet-wrapper .applet-feature .ico { margin-bottom: 14px }
.full-applet-wrapper .applet-feature .ico img { vertical-align: middle; width: 77.38095% }
.full-applet-wrapper .applet-feature h3 { margin-bottom: 19px; font-size: 18px; line-height: 24px; color: #fff }
.applet-func { padding: 100px 0 34px }
.applet-func .m-web-title { margin-bottom: 58px }
.applet-func-list { overflow: hidden }
.applet-func-list ul { margin-left: -2.375%; margin-right: -2.375% }
.applet-func-list li { float: left; margin-bottom: 62px; width: 28.5714%; padding: 0 2.38095%; text-align: center }
.applet-func-list .inner { padding: 48px 40px 68px; font-size: 15px; line-height: 22px; color: #666; border: solid 1px #d9d9d9 }
.applet-func-list .ico { margin-bottom: 20px; height: 75px; line-height: 75px }
.applet-func-list .ico img { vertical-align: middle }
.applet-func-list h3 { margin-bottom: 20px; font-size: 18px; line-height: 32px; color: #1a1a1a }
.full-applet-do { padding: 76px 0 68px; background-color: #f2f2f2; text-align: center }
.full-applet-do .do-desc { margin-bottom: 64px }
.full-applet-do .inner { padding: 43px 40px 69px }
.full-applet-do .m-three-icolist p { font-size: 16px; line-height: 24px }
.support-nav-filter .options { width: 100% }
.support-nav-filter .selector { width: 33.3333%; border: 0 }
.support-nav-filter .sec-title { border-right: 1px solid #e6e6e6 }
.doc-download { padding: 43px 0 61px; overflow: hidden }
.doc-download ul { margin: 0 -15px }
.doc-download li { float: left; width: 50% }
.doc-download .inner { padding: 0 15px }
.doc-download .info { padding: 22px 150px 26px 38px; position: relative; background-color: #f2f2f2 }
.doc-download .pdf { padding: 9px 0 3px; font-size: 18px; padding-left: 87px; background: url("../style/pdf.png") no-repeat 0 center; display: -webkit-box; height: 60px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.doc-download .pdf span { font-weight: bold; color: #d90000 }
.doc-download .dw { position: absolute; right: 0; top: 0; width: 120px; height: 120px; background-color: #e5e5e5; background-image: url("../style/dw.png"); background-repeat: no-repeat; background-position: center; font-size: 0 }
.common-problem { padding-top: 0; padding-bottom: 134px }
.common-problem .qa-title { margin-bottom: 29px; font-size: 30px; line-height: 50px; color: #333333 }
.m-ft-contact .content { position: relative; padding: 0 285px; text-align: center; max-width: 842px; margin: 0 auto }
.m-ft-contact .motto { position: absolute; left: 0; top: 3px; width: 236px; height: 160px; padding: 30px 0 0; background-color: #303030; font-size: 48px; line-height: 54px; color: #fff; font-family: 'simsun' }
.m-ft-contact .motto span { font-size: 58px; line-height: 70px }
.m-ft-contact .info { overflow: hidden; zoom: 1; font-size: 16px; line-height: 36px; color: #fff }
.m-ft-contact .info a { color: #fff }
.m-ft-contact h3 { margin-bottom: 14px; font-size: 60px; line-height: 80px; font-weight: bold }
.m-ft-contact h2 { margin-bottom: 4px; font-size: 40px; line-height: 52px; font-family: 'simsun' }
.m-ft-contact .msg { margin-bottom: 12px; font-size: 16px; line-height: 36px; color: #333 }
.m-ft-contact .msg a { font-weight: bold }
.m-ft-contact .msg h4 { padding-top: 2px; font-size: 20px; line-height: 36px }
.m-ft-contact .btns { width: 316px; margin: 0 auto }
.m-ft-contact .btns a { display: block; width: 88px; height: 46px; padding: 0 0 0 58px; -webkit-border-radius: 23px; border-radius: 23px; font-size: 16px; line-height: 46px; color: #fff; background-repeat: no-repeat; background-position: 23px center }
.m-ft-contact .btns .oline { float: left; background-color: #303030; background-image: url("../style/icoline.png") }
.m-ft-contact .btns .edit { float: right; background-color: #d90000; background-image: url("../style/icedit.png") }
.icontact-cover { margin-bottom: 6.25%; padding: 105px 0 78px; background-color: #af1212 }
.full-icontact-cover { padding: 57px 0 50px; background-color: #e6e6e6 }
.full-icontact-cover h3 { color: #d90000 }
.full-icontact-cover .info { color: #333 }
.full-icontact-cover .info a { color: #333 }
.news-subnav { padding-top: 3.375%; text-align: center }
.news-subnav .news-cate { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
padding-left: 2px }
.news-subnav .news-cate li { float: left; margin-right: 2px; background-color: #f2f2f2 }
.news-subnav .news-cate a { display: block; width: 240px; height: 50px; font-size: 16px; line-height: 50px; color: #333; text-align: center; background-color: #f2f2f2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.news-subnav .news-cate a:hover { color: #fff; background-color: #d90000 }
.news-subnav .news-cate .cur a { color: #fff; background-color: #d90000 }
.news-subnav .news-search { display: none; float: right }
.news-subnav .news-search label { display: block; height: 24px; float: left; padding: 13px 0 }
.news-subnav .news-search label input { width: 100%; display: block; font-size: 14px; line-height: 24px }
.news-subnav .news-search .key { width: 267px; padding-left: 28px; background-color: #f2f2f2 }
.news-subnav .news-search .search { width: 54px; background: #d90000 url("../style/newsub.png") no-repeat center; cursor: pointer }
.news-subnav .news-search .search input { font-size: 0; cursor: pointer }
.site-article-wrapper { padding-top: 4.375% }
.tags-nav-wrapper ul li { float: left; width: 10%; margin-bottom: 1px }
.tags-nav-wrapper ul .cur a { color: #fff; background-color: #d90000 }
.tags-nav-wrapper ul a { display: block; font-size: 16px; line-height: 60px; color: #333; background-color: #f2f2f2; text-align: center }
.tags-nav-wrapper ul a:hover { color: #fff; background-color: #d90000 }
.g-search-form { margin: 42px auto 35px; background-color: #f2f2f2 }
.g-search-form .search-for-result { float: left; width: 300px; height: 100px; padding: 70px 0; background-color: #d90000; text-align: center; color: #fff; font-size: 16px; line-height: 30px }
.g-search-form .search-for-result .nums { font-size: 60px; line-height: 70px }
.g-search-form .search-form-wrap { overflow: hidden; padding: 78px 0 }
.g-search-form .search-form { width: 80%; margin: 0 auto }
.g-search-form .search-form form { position: relative; padding-right: 64px }
.g-search-form .search-form input { width: 100%; height: 24px; font-size: 16px; line-height: 24px }
.g-search-form .search-form label { display: block; padding: 20px 0; height: 24px; background-color: #fff }
.g-search-form .search-form .key { padding-left: 40px }
.g-search-form .search-form .sub { position: absolute; right: 0; top: 0; width: 64px; background: #fff url("../style/gsearch.png") no-repeat center }
.g-search-form .search-form .sub input { font-size: 0 }
.g-search-cate { margin-bottom: 40px; text-align: center }
.g-search-cate ul { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
border: 1px solid #d2d2d2 }
.g-search-cate li { float: left; width: 200px; font-size: 16px; line-height: 52px }
.g-search-cate li a { display: block; color: #666 }
.g-search-cate li a.cur, .g-search-cate li a:hover { color: #fff; background-color: #d90000 }
.g-search-result .cate-item { display: none; padding: 0; margin: 0 }
.m-retrun { display: block; width: 140px; margin: 30px auto 50px; font-size: 16px; line-height: 35px; border: solid 1px #cccccc; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; color: #666; overflow: hidden; text-align: center }
.m-retrun:hover { border-color: #d90000; color: #d90000 }
.full-error-page { position: relative }
.full-error-page img { display: block; width: 100% }
.full-error-page .error-back { position: absolute; left: 50%; top: 67.98337%; margin-left: -261px; font-size: 16px; line-height: 56px }
.full-error-page .error-back ul { border-left: 1px solid #e86666; border-right: 1px solid #ccc }
.full-error-page .error-back li { float: left }
.full-error-page .error-back a { display: block; padding: 0 22px; border-top: 1px solid #e86666; border-bottom: 1px solid #e86666; color: #fff; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; overflow: hidden; background: #fff; -webkit-transition-property: color; -o-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s }
.full-error-page .error-back a::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #d90000; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
.full-error-page .error-back a:hover { color: #d90000 }
.full-error-page .error-back a:hover:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.full-error-page .error-back .rg { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #d90000; background: #d90000 }
.full-error-page .error-back .rg::before { background: #fff }
.full-error-page .error-back .rg:hover { background-color: #d90000; color: #fff }
.errpage-header a { color: #333 }
.errpage-header .nav .title a { color: #333 }
.errpage-header .search-handle { background: url(../style/search-handle404.png) no-repeat center }
.errpage-header .edit-handle { background: url(../style/hdedit404.png) no-repeat center }
.ie7 .cooperation-box, .ie8 .cooperation-box { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #e6e6e6 }
.w-lg .needs-form label { width: 364px }
.w-lg .needs-form .sub { width: 113px }
.w-lg .ftcontent-right { width: 1089px }
.w-lg .footer-content .szweb-info { padding-right: 45px }
.w-lg .quick-links .item { padding-right: 53px }
.w-lg .quick-links .aboutus { padding-right: 0 }
.w-lg .icase-list .content .brand { padding-top: 0 }
.w-lg .history-wapper, .w-lg .site-article-wrapper { width: 1320px }
.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup { margin-left: -700px }
.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 40px; line-height: 48px }
.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt { margin-bottom: 40px; font-size: 16px; line-height: 28px }
.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more { width: 120px; height: 28px; line-height: 28px }
.w-lg .foot-contact .title { font-size: 30px; padding: 0 10px 0 68px }
.w-lg .foot-contact .needs .editbtn { height: 45px; margin: 6px 0 0 20px }
.w-lg .index-banner .slide03 .textpopup03 { margin-left: -700px }
.w-lg .index-banner .slide03 .textpopup03 .ico { margin-bottom: 22px }
.w-lg .index-banner .slide03 .textpopup03 .ico img { width: 84px }
.w-lg .index-banner .slide03 .textpopup03 .tit { margin-bottom: 42px; font-size: 42px; line-height: 52px }
.w-lg .iclients-list a .ac { margin-left: -88.795px }
.w-md .needs-form label { width: 337px }
.w-md .needs-form .sub { width: 115px }
.w-md .ftcontent-right { width: 1009px }
.w-md .footer-content .szweb-info { padding-right: 45px }
.w-md .quick-links .item { padding-right: 25px }
.w-md .quick-links .business { width: 301px }
.w-md .quick-links .advantage { width: 249px }
.w-md .quick-links .aboutus { width: 409px; padding-right: 0 }
.w-md .case-news-wrapper { width: 1200px }
.w-md .case-wrapper .caseban .title { width: 250px; height: 240px; padding-top: 10px; margin-top: -125px }
.w-md .history-wapper, .w-md .site-article-wrapper { width: 1180px }
.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup { margin-left: -660px }
.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 30px; line-height: 40px }
.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt { margin-bottom: 30px; font-size: 14px; line-height: 24px }
.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px }
.w-md .foot-contact .title { font-size: 26px; padding: 0 10px 0 68px }
.w-md .foot-contact .needs .editbtn { font-size: 16px; width: 130px; margin: 6px 0 0 20px }
.w-md .index-banner .slide03 .textpopup03 { margin-left: -660px }
.w-md .index-banner .slide03 .textpopup03 .ico { margin-bottom: 21.32px }
.w-md .index-banner .slide03 .textpopup03 .ico img { width: 79.54px }
.w-md .index-banner .slide03 .textpopup03 .tit { margin-bottom: 41px; font-size: 39.36px; line-height: 49.2px }
.w-md .iclients-list a .ac { margin-left: -80.795px }
.w-sm .needs-form label { width: 307px }
.w-sm .needs-form .sub { width: 85px }
.w-sm .ftcontent-right { width: 899px }
.w-sm .footer-content .szweb-info { padding-right: 35px }
.w-sm .quick-links .item { padding-right: 20px }
.w-sm .quick-links .business { width: 281px }
.w-sm .quick-links .advantage { width: 229px }
.w-sm .quick-links .aboutus { width: 349px; padding-right: 0 }
.w-sm .case-news-wrapper { width: 1180px }
.w-sm .case-wrapper .caseban .title { width: 250px; height: 240px; left: 60px; padding-top: 10px; margin-top: -125px }
.w-sm .icustomer .inner { padding: 4px 20px 20px }
.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup, .w-sm .index-banner .slide03 .textpopup { margin-left: -600px }
.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit { margin-bottom: 10px; font-size: 28px }
.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt { margin-bottom: 30px; font-size: 14px; line-height: 24px }
.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px }
.w-sm .foot-contact .title { font-size: 24px; padding: 0 10px 0 63px }
.w-sm .foot-contact .lines .info { font-size: 15px }
.w-sm .foot-contact .needs .info { font-size: 15px }
.w-sm .foot-contact .needs .editbtn { font-size: 16px; width: 110px; line-height: 38px; height: 38px; margin: 10px 0 0 10px }
.w-sm .index-banner .slide03 .textpopup03 { margin-left: -600px }
.w-sm .index-banner .slide03 .textpopup03 .ico { margin-bottom: 19.5px }
.w-sm .index-banner .slide03 .textpopup03 .ico img { width: 72.75px }
.w-sm .index-banner .slide03 .textpopup03 .tit { margin-bottom: 37.5px; font-size: 36px; line-height: 45px }
.w-sm .index-banner .slide04 .textpopup { margin-left: -600px }
.w-sm .iclients-list a .ac { margin-left: -68.795px }
.fixheader-404 { background: url(../style/hdbg.png) repeat 0 0 }
.g-return-wrapper { text-align: center; font-size: 0; padding: 30px 0 50px }
.g-return-wrapper a { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
min-width: 80px; margin: 0 10px; padding: 0 30px; font-size: 16px; line-height: 35px; border: solid 1px #ccc; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; color: #666; overflow: hidden; text-align: center }
.g-return-wrapper a:hover { border-color: #d90000; color: #d90000 }
.full-related-news { width: 100%; padding: 52px 0 57px; background-color: #f2f2f2 }
.full-related-news .related-title { margin-bottom: 38px; font-size: 30px; line-height: 42px; text-align: center; font-weight: bold; color: #34364b }
.full-related-news .related-news { overflow: hidden }
.full-related-news .related-news ul { margin: 0 -13px }
.full-related-news .related-news li { float: left; width: 25% }
.full-related-news .related-news a { display: block; overflow: hidden; margin: 0 13px 23px; border: 1px solid #d2d2d2; padding: 20px 30px 19px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.full-related-news .related-news a:hover { border-color: #c40000 }
.full-related-news .related-news a:hover .title { color: #c40000 }
.full-related-news .related-news a:hover .date { color: #e96a6a }
.full-related-news .related-news .title { margin-bottom: 4px; font-size: 16px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #34364b }
.full-related-news .related-news .date { font-size: 18px; line-height: 30px; color: #a5a5ab }
.sitemap-wrapper { padding: 120px 0 60px; background-color: #e6e6e6 }
.sitemap-wrapper .weblg { background-color: #fff }
.sitemap-wrapper .title { padding: 40px 40px 20px }
.sitemap { padding: 20px 40px 58px }
.mapitem { position: relative; margin-bottom: 20px; border: 1px solid #ddd; padding: 15px 10px 10px; font-size: 0 }
.mapitem a:hover { color: #d90000 }
.mapitem .one { position: absolute; left: 10px; top: -19px; padding: 5px; background: #fff; color: #d90000; font-size: 16px; font-weight: bold }
.mapitem .two { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 20%; font-size: 14px; line-height: 32px; padding-left: 5px }
.mapitem .two dt:before { content: ''; display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 4px; height: 4px; margin-top: 14px; background: #d90000; margin-right: 5px }
.mapitem .two dd { padding-bottom: 5px }
.mapitem .thr a { display: block; font-size: 13px; line-height: 30px; padding-left: 12px }
.iban-pages { position: absolute; left: 0; bottom: 18px; z-index: 20; width: 100%; text-align: center }
.iban-pages span { display: inline-block; vertical-align: bottom; *zoom:1;
*display:inline;
width: 94px; padding: 20px 0; margin: 0 3px; line-height: 0; -webkit-border-radius: 1px; border-radius: 1px; cursor: pointer; *background-color:#fff;
*padding:0
}
.iban-pages span:after { content: ''; display: block; width: 100%; height: 2px; background-color: #fff }
.iban-pages span.swiper-active-switch:after { background-color: #d90000 }
.wapconstomer { display: none }
.bdshare_dialog_bg, .bdshare_dialog_box { display: none !important }
.full-foot-bottom .beianic { display: inline-block; *display:inline;
vertical-align: top; *zoom:1;
padding-left: 24px; background: url("../style/beianico.png") no-repeat 0 center }
.m-gif-ban { position: relative; background-color: #ec671c }
.m-gif-ban .weblg { position: static; background-color: #f7f7f7; padding-bottom: 31.25%; max-width: 1200px }
.m-gif-ban .weblg img { position: absolute; width: 31.25% !important; height: auto !important; left: 34.375%; top: 16.66667% }
.media-wraper { padding: 70px 0 0 }
.media-wraper .m-web-title { margin-bottom: 70px }
.media-wraper li { width: 33.3333% }
.media-wraper li p { height: 96px; -webkit-line-clamp: 4 }
.media-wraper li .inner { padding: 43px 40px 5px }
.four-column li { width: 25% }
.four-column li img { max-width: 160px }
.b2c-solution .market-top-list .inner p { height: 144px; line-height: 24px; -webkit-line-clamp: 6 }
.b2c-solution .trade-three-list li { width: 33.33333% }
.b2c-solution .trade-three-list .inner { padding: 43px 40px 8px }
.b2c-solution .trade-three-list .inner p { height: 144px; line-height: 24px; -webkit-line-clamp: 6 }
.b2c-solution .trade-two-list .quarter { width: 33.3333% }
#div_company_mini { right: 70px !important }
#iframe_company_mini_div { position: relative; top: 14px !important }
#icon_module { top: auto !important; bottom: 20% !important; margin-bottom: 350px !important }
#icon_menu_module { line-height: 16px !important }
.full-project-flow { padding: 53px 0 0 }
.full-project-flow .flow-title { margin-bottom: 43px; font-size: 36px; line-height: 50px; font-weight: bold; color: #333; text-align: center }
.full-project-flow .case-wrapper { padding-bottom: 0 }
.full-project-flow .case-intro-list { overflow: hidden }
.full-project-flow .flow-chart { padding-top: 20px; margin: 0 -6.43939%; font-size: 0 }
.full-project-flow .flow-chart .item { position: relative; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; text-align: center; font-size: 14px; line-height: 20px; color: #666; width: 12.12%; padding: 0 6.43939% }
.full-project-flow .flow-chart .item:after { position: absolute; right: -23%; top: 78px; z-index: 10; content: ''; width: 12.8%; width: 45%; border-bottom: 1px dashed #d8d8d8 }
.full-project-flow .flow-chart .item p.mgw { margin: 0 -2.5em }
.full-project-flow .flow-chart .item img { width: 100% !important; height: auto !important }
.full-project-flow .flow-chart .item .name { padding: 16px 0 10px; font-size: 18px; line-height: 30px; font-weight: bold; color: #333 }
.full-project-flow .flow-chart .last:after { display: none }
.full-guidance { position: relative }
.full-guidance .guidancebg img { width: 100% }
.full-guidance .guidance-wraper { position: absolute; left: 50%; top: 0; z-index: 10; margin-left: -800px; width: 100%; height: 100%; text-align: center }
.full-guidance .guidance-wraper .item { width: 50%; height: 100%; float: left; font-size: 0 }
.full-guidance .guidance-wraper .item:before { content: ''; display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; width: 0; height: 100% }
.full-guidance .guidance-wraper a { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle }
.full-guidance .guidance-wraper h3 { margin-bottom: 10px; font-size: 36px; line-height: 50px; color: #fff }
.full-guidance .guidance-wraper .ico { height: 72px; background-repeat: no-repeat; background-position: center }
.full-guidance .doc .ico { background-image: url("../style/flowdoc.png") }
.full-guidance .video .ico { background-image: url("../style/flowvideo.png") }
.operate-problems { padding-top: 100px; padding-bottom: 65px }
.operate-problems .qa-title { font-size: 36px; line-height: 50px; font-weight: bold; text-align: center; margin-bottom: 52px }
.operate-problems ul { padding-bottom: 62px }
.operate-problems .return { display: block; width: 142px; margin: 0 auto; font-size: 16px; line-height: 35px; text-align: center; color: #666; border: solid 1px #ccc; -webkit-transition: all ease .2s; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s }
.operate-problems .return:hover { border-color: #d90000; color: #d90000 }
.operate-video-popup { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none }
.operate-video-popup .operate-video { position: absolute; left: 50%; top: 50%; z-index: 10; width: 800px; height: 510px; margin: -255px 0 0 -400px; background-color: #fff }
.operate-video-popup .title { font-size: 24px; line-height: 80px; color: #fff; font-weight: bold; text-align: center; background-color: #d90000 }
.operate-video-popup .close { position: absolute; right: 0; top: 0; width: 80px; font-size: 30px; line-height: 80px; color: #fff; text-align: center; font-family: consolas }
.operate-video-popup .video-list { height: 350px; overflow-y: auto; padding: 40px 50px }
.operate-video-popup .video-list li { border-bottom: 1px solid #eeeeee }
.operate-video-popup .video-list a { display: block; font-size: 16px; line-height: 60px; color: #666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; background: url("../style/operatevdico.png") no-repeat 95% center }
.video-player-popup { display: none; position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); font-size: 0; text-align: center }
.video-player-popup:before { content: ''; width: 0; height: 100%; display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle }
.video-player-popup .video-player { position: relative; width: 94%; min-height: 300px; max-width: 960px; margin-top: 0; display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle }
.video-player-popup .close { position: absolute; right: -40px; top: -40px; width: 40px; height: 40px; background: url("../style/closebtn.png") no-repeat center }
.full-site-article .maxw945 { max-width: 945px; margin: 0 auto }
.full-b2c-server .m-dotul li:before { content: '•'; display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
padding-right: 0.7em; font-weight: bold }
.maintain-content .m-web-title { margin-bottom: 67px }
.maintain-content .topic-list .inner { padding: 48px 20px 30px }
.maintain-content .topic-list h4 { margin-bottom: 14px }
.maintain-content .topic-list h3 { margin-bottom: 22px; font-size: 24px; color: #1a1a1a; display: -webkit-box; height: 36px; line-height: 36px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.maintain-content .topic-list p { font-size: 16px; display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4 }
.full-maintain-flow { padding: 55px 0 60px; background-color: #f2f2f2 }
.full-maintain-flow .m-web-title { margin-bottom: 43px }
.full-maintain-flow .flow-img { text-align: center }
.full-maintain-flow .flow-img img { max-width: 100% }
.maintain-feature { padding: 57px 0 0 }
.maintain-feature ul { padding: 0 6%; font-size: 0; text-align: center }
.maintain-feature .ico { margin-bottom: 46px }
.maintain-feature .ico img { max-width: 100% }
.maintain-feature li { position: relative; display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 20%; margin-bottom: 68px }
.maintain-feature li:after { position: absolute; right: 0; top: 53px; content: ''; width: 34px; height: 25px; margin-right: -17px; background: url("../style/maintainarr.png") no-repeat center }
.maintain-feature .olast:after, .maintain-feature .time2:after { display: none }
.maintain-feature .time1:after { width: 100px; height: 1px; top: 61px; margin-right: -50px; background: url("../style/maintainline.png") no-repeat center }
.maintain-feature .inner { padding: 0 40px }
.maintain-feature h3 { margin-bottom: 15px; font-size: 18px; line-height: 30px; color: #333 }
.maintain-feature p { font-size: 14px; line-height: 20px; color: #666 }
.our-server { max-width: 1920px; margin: 0 auto }
.about-us-intro .intro-card .inner img, .full-certificate-article .certificate img, .full-adv-case img, .full-ablum img { width: 100% !important; height: auto !important }
.m-quarter-icolist .ico img, .m-three-icolist .ico img { width: 40% !important; height: auto !important }
.m-center-img img { max-width: 100%; height: auto !important }
.wechat-shopcase .shop-case-list .ico img { width: auto !important; height: 72px !important }
#LXB_CONTAINER_SHOW.lxb-container-btn-show { top: auto !important; bottom: 20% !important; margin-bottom: 430px !important; width: 40px !important }
#LXB_CONTAINER.lxb-container { z-index: 99 !important }
#LXB_CONTAINER.lxb-container-mobile-3, #LXB_CONTAINER.lxb-container-mobile-4 { width: 300px !important; left: auto !important; right: 15px !important; border-color: #d9000d !important }
#LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-input-tip-content, #LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-input-tip-content { color: #d9000d !important }
#LXB_CONTAINER#LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-input-btn, #LXB_CONTAINER#LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-input-btn { background: #d9000d !important }
#LXB_CONTAINER .lxb-container-btn-hide { background: url("../style/lxbhide.png") no-repeat 0 0 !important }
.iban-ctrl { position: absolute; bottom: 0; right: 0; z-index: 30; width: 330px; height: 70px; background: rgba(255,255,255,0.7); padding: 0 40px 0 50px }
.iban-index { float: left; line-height: 70px; color: #333 }
.iban-index span { float: left; font-size: 24px; font-weight: bold; line-height: 70px }
.iban-index .line { font-size: 20px; padding: 0 10px }
.iban-index .total { color: #999 }
.iban-nav { float: left; padding-left: 30px }
.iban-nav a { float: left; width: 100px; height: 70px; background-repeat: no-repeat; background-position: center; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s }
.iban-nav .prev { border-right: 1px solid #fff; background-image: url("../style/ibanprev.png") }
.iban-nav .prev:hover { background-position: 40% center }
.iban-nav .next { background-image: url("../style/ibannext.png") }
.iban-nav .next:hover { background-position: 60% center }
.iban-nav .next { background-color: #d90000 }
.singlepage a { color: #d90000; text-decoration: underline }
.case-intro-list li a { color: #666 }
.full-faith-article .image img { width: 100% !important; height: auto !important }
.iabout-us .content h1 { display: inline; font-size: 16px; line-height: 30px; color: #e20000 }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { z-index: 20 }
.ie7 .cooperation-box, .ie8 .cooperation-box { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #e6e6e6 }
.w-lg .needs-form label { width: 350px }
.w-lg .needs-form .msg { width: 460px }
.w-lg .needs-form .sub { width: 147px }
.w-lg .ftcontent-right { width: 1089px }
.w-lg .footer-content .szweb-info { padding-right: 45px }
.w-lg .quick-links .item { padding-right: 53px }
.w-lg .quick-links .aboutus { padding-right: 0 }
.w-lg .icase-list .content .msg { padding-top: 37px }
.w-lg .icase-list .content .brand { padding-top: 0 }
.w-lg .history-wapper, .w-lg .site-article-wrapper { width: 1320px }
.w-lg .our-server .server-inner { margin-left: -700px }
.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup { margin-left: -700px }
.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 40px; line-height: 48px }
.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt { margin-bottom: 40px; font-size: 16px; line-height: 28px }
.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more { width: 120px; height: 28px; line-height: 28px }
.w-lg .foot-contact .title { font-size: 30px; padding: 0 10px 0 68px }
.w-lg .foot-contact .needs .editbtn { height: 45px; margin: 6px 0 0 20px }
.w-lg .index-banner .slide03 .textpopup03 { margin-left: -700px }
.w-lg .index-banner .slide03 .textpopup03 .ico { margin-bottom: 22px }
.w-lg .index-banner .slide03 .textpopup03 .ico img { width: 84px }
.w-lg .index-banner .slide03 .textpopup03 .tit { margin-bottom: 42px; font-size: 42px; line-height: 52px }
.w-lg .iclients-list a .ac { margin-left: -88.795px }
.w-lg .m-idico-wrapper .idico-list { margin: 0 -70px }
.w-lg .m-idico-wrapper .inner { padding: 0 70px }
.w-lg .full-b2c-server .content { padding-top: 50px }
.w-lg .full-b2c-server .content h3 { font-size: 30px; line-height: 44px; margin-bottom: 25px }
.w-lg .proxy-wrapper .inner { padding: 33px 40px 5px }
.w-lg .proxy-wrapper p { height: 192px; line-height: 24px; -webkit-line-clamp: 8 }
.w-lg .full-sys-desc .sys-lists .pull-left { width: 15%; padding-left: 18% }
.w-lg .full-wxshop-attention .inner { padding: 55px 40px 21px }
.w-lg .full-wxshop-attention p { height: 264px; line-height: 24px; -webkit-line-clamp: 11 }
.w-lg .applet-desc-list .inner br { display: none }
.w-lg .full-applet-wrapper .applet-feature li br { display: none }
.w-lg .applet-func-list .inner { padding: 48px 20px 68px }
.w-lg .news-four a { padding-right: 50px }
.w-lg .iclients-list li { background-image: url("../style/iclibglg.png") }
.w-lg .about-us-intro .intro-card .info { width: 72% }
.w-lg .inside-banner .case-ban-info h2 { font-size: 50px; line-height: 60px }
.w-lg .inside-banner .feature h3 { font-size: 20px; line-height: 40px; text-align: left }
.w-lg .inside-banner .feature h4 { font-size: 90px; line-height: 94px }
.w-lg .media-wraper li p { height: 96px; -webkit-line-clamp: 4 }
.w-lg .foot-about .adv-mid { width: 32%; margin-left: 5.875% }
.w-lg .full-guidance .guidance-wraper { margin-left: -700px }
.w-lg .full-project-flow .flow-chart .item:after { top: 70px }
.w-lg .maintain-content .topic-list p { height: 120px; line-height: 24px; -webkit-line-clamp: 5 }
.w-lg .contact-ways .info .label3 { width: 36% }
.w-lg .ban-sys-dev .title { font-size: 40px; line-height: 48px }
.w-lg .b2c-solution.hasbot-border h3 { font-size: 20px }
.w-lg .full-app-demand .demand-content { margin-left: -700px }
.w-lg .app-algin { font-size: 16px }
.w-lg .app-algin .title { font-size: 22px }
.w-lg .full-app-demand .demand-list .msg { font-size: 16px }
.w-lg .gznews-list .item { width: 433px }
.w-lg .gznews-list .date-news a { padding: 50px 35px 49px 92px }
.w-md .needs-form label { width: 330px }
.w-md .needs-form .msg { width: 430px }
.w-md .needs-form .sub { width: 137px }
.w-md .ftcontent-right { width: 1009px }
.w-md .footer-content .szweb-info { padding-right: 45px }
.w-md .quick-links .item { padding-right: 25px }
.w-md .quick-links .business { width: 301px }
.w-md .quick-links .advantage { width: 249px }
.w-md .quick-links .aboutus { width: 409px; padding-right: 0 }
.w-md .case-news-wrapper { width: 1200px }
.w-md .case-wrapper .caseban .title { width: 250px; height: 240px; padding-top: 10px; margin-top: -125px }
.w-md .history-wapper, .w-md .site-article-wrapper { width: 1180px }
.w-md .our-server .server-inner { margin-left: -660px }
.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup { margin-left: -660px }
.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 30px; line-height: 40px }
.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt { margin-bottom: 30px; font-size: 14px; line-height: 24px }
.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px }
.w-md .foot-contact .title { font-size: 26px; padding: 0 10px 0 68px }
.w-md .foot-contact .needs .editbtn { font-size: 16px; width: 130px; margin: 6px 0 0 20px }
.w-md .index-banner .slide03 .textpopup03 { margin-left: -660px }
.w-md .index-banner .slide03 .textpopup03 .ico { margin-bottom: 21.32px }
.w-md .index-banner .slide03 .textpopup03 .ico img { width: 79.54px }
.w-md .index-banner .slide03 .textpopup03 .tit { margin-bottom: 41px; font-size: 39.36px; line-height: 49.2px }
.w-md .iclients-list a .ac { margin-left: -80.795px }
.w-md .m-idico-wrapper .idico-list { margin: 0 -60px }
.w-md .m-idico-wrapper .inner { padding: 0 60px }
.w-md .proxy-wrapper .inner { padding: 33px 35px 5px }
.w-md .proxy-wrapper p { height: 192px; line-height: 24px; -webkit-line-clamp: 8 }
.w-md .topic-solution .topic-list .inner { padding: 33px 25px 19px }
.w-md .topic-solution .topic-list .inner h3 { font-size: 14px }
.w-md .mobile-solution-wrapper .inner { padding: 48px 35px 28px }
.w-md .full-wxshop-attention .inner { padding: 50px 30px 16px }
.w-md .proxy-wrapper h3 { font-size: 20px }
.w-md .m-ft-contact h3 { font-size: 52px; line-height: 72px }
.w-md .m-ft-contact .content { padding: 0 270px }
.w-md .m-ft-contact h2 { font-size: 34px; line-height: 46px }
.w-md .news-set-top { width: 375px; padding-top: 32px; padding-bottom: 29px }
.w-md .news-set-top .thumb { height: 398px }
.w-md .news-two li { padding: 16px 45px 42px; }
.w-md .news-four {/* padding: 18px 40px 17px */ }
.w-md .news-four a { padding: 46px 40px 48px 70px }
.w-md .iclients-list li { background-image: url("../style/iclibgmd.png") }
.w-md .tags-nav-wrapper ul li { width: 12.5% }
.w-md .full-certificate-article .info { padding-top: 1% }
.w-md .inside-banner .ban-info { top: 43.33333% }
.w-md .inside-banner .ban-info h2 { font-size: 40px; line-height: 66px }
.w-md .inside-banner .case-ban-info { top: 26.19048% }
.w-md .inside-banner .case-ban-info h2 { font-size: 45px; line-height: 55px }
.w-md .inside-banner .case-ban-info .case-desc { margin-bottom: 25px; font-size: 20px; line-height: 38px }
.w-md .inside-banner .feature h4 { font-size: 86px; line-height: 90px }
.w-md .icustomer .text { height: 240px; line-height: 24px; -webkit-line-clamp: 10 }
.w-md .icustomer .inner { padding: 15px 25px 30px }
.w-md .icase-list .content .msg { padding-top: 25px }
.w-md .media-wraper li p { height: 96px; -webkit-line-clamp: 4 }
.w-md .full-guidance .guidance-wraper { margin-left: -660px }
.w-md .full-project-flow .flow-chart .item:after { top: 63px }
.w-md .maintain-content .topic-list .inner h3 { font-size: 24px }
.w-md .maintain-feature ul { padding: 0 }
.w-md .maintain-content .topic-list .inner { padding: 48px 20px 30px }
.w-md .b2c-solution.hasbot-border .top-four-list .inner { padding-left: 20px; padding-right: 20px }
.w-md .full-app-demand .demand-content { margin-left: -660px }
.w-md .porduct-demand .demand-list .msg { padding-left: 20px }
.w-md .gznews-list .item { width: 406.6px }
.w-md .gznews-list .date-news a { padding: 50px 35px 49px 92px }
.w-md .gzmain-business img { height: 68px }
.w-md .gzclassic-wrapper { overflow: hidden }
.w-sm .needs-form label { width: 290px }
.w-sm .needs-form .msg { width: 390px }
.w-sm .needs-form .sub { width: 137px }
.w-sm .ftcontent-right { width: 899px }
.w-sm .footer-content .szweb-info { padding-right: 35px }
.w-sm .quick-links .item { padding-right: 20px }
.w-sm .quick-links .business { width: 281px }
.w-sm .quick-links .advantage { width: 229px }
.w-sm .quick-links .aboutus { width: 349px; padding-right: 0 }
.w-sm .case-news-wrapper { width: 1180px }
.w-sm .case-wrapper .caseban .title { width: 250px; height: 240px; left: 60px; padding-top: 10px; margin-top: -125px }
.w-sm .our-server .server-inner { margin-left: -600px }
.w-sm .full-faith-article .content .title h3 { font-size: 34px }
.w-sm .icustomer .inner { padding: 4px 20px 20px }
.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup, .w-sm .index-banner .slide03 .textpopup { margin-left: -600px }
.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit { margin-bottom: 10px; font-size: 28px }
.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt { margin-bottom: 30px; font-size: 14px; line-height: 24px }
.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px }
.w-sm .foot-contact .title { font-size: 24px; padding: 0 10px 0 63px }
.w-sm .foot-contact .lines .info { font-size: 15px }
.w-sm .foot-contact .needs .info { font-size: 15px }
.w-sm .foot-contact .needs .editbtn { font-size: 16px; width: 110px; line-height: 38px; height: 38px; margin: 10px 0 0 10px }
.w-sm .index-banner .slide03 .textpopup03 { margin-left: -600px }
.w-sm .index-banner .slide03 .textpopup03 .ico { margin-bottom: 19.5px }
.w-sm .index-banner .slide03 .textpopup03 .ico img { width: 72.75px }
.w-sm .index-banner .slide03 .textpopup03 .tit { margin-bottom: 37.5px; font-size: 36px; line-height: 45px }
.w-sm .index-banner .slide04 .textpopup { margin-left: -600px }
.w-sm .iclients-list a .ac { margin-left: -68.795px }
.w-sm .m-idico-wrapper .idico-list { margin: 0 -40px }
.w-sm .m-idico-wrapper .inner { padding: 0 40px }
.w-sm .sidebar { bottom: 5% }
.w-sm #LXB_CONTAINER { top: auto !important; bottom: 5% !important }
.w-sm #LXB_CLOSE_BTN { top: auto !important; bottom: 10% !important; margin-bottom: 430px !important }
.w-sm .b2c-solution .top-four-list .inner { padding: 33px 30px 8px }
.w-sm .b2c-solution .top-four-list .inner p { height: 288px; line-height: 24px; -webkit-line-clamp: 12 }
.w-sm .b2c-solution .last { padding-left: 25px; padding-top: 33px }
.w-sm .b2c-solution .last .left { margin-right: 100px }
.w-sm .full-b2c-server .content { padding-top: 35px; padding-bottom: 30px }
.w-sm .full-b2c-server .content { font-size: 15px; line-height: 28px }
.w-sm .full-b2c-server .content h3 { font-size: 28px; line-height: 42px; margin-bottom: 25px }
.w-sm .b2c-solution .bot-two-list .quarter { padding: 33px 30px 8px }
.w-sm .b2c-solution .bot-two-list .last { padding-top: 33px 45px 35px 25px }
.w-sm .full-b2c-server .thumb { margin-left: 60px }
.w-sm .proxy-wrapper p { height: 216px; line-height: 24px; -webkit-line-clamp: 9 }
.w-sm .topic-solution .topic-list .inner { padding: 33px 20px 19px }
.w-sm .topic-solution .topic-list .inner h3 br { display: none }
.w-sm .platform-five-desc .inner { padding: 32px 20px 26px }
.w-sm .platform-five-desc p { height: 216px; line-height: 24px; -webkit-line-clamp: 9 }
.w-sm .full-platform-apply .inner { padding: 50px 25px 42px }
.w-sm .platform-server .cms-desc .item { width: 44%; padding: 40px 3% 38px }
.w-sm .mobile-solution-wrapper .inner { padding: 43px 20px 23px }
.w-sm .full-wxshop-attention .inner { padding: 40px 25px 16px }
.w-sm .full-wxshop-attention p { height: 288px; line-height: 24px; -webkit-line-clamp: 12 }
.w-sm .news-set-top { width: 320px }
.w-sm .news-set-top .thumb { height: 340px }
.w-sm .news-two { width: 365px }
.w-sm .news-two .date { padding: 17px 0 12px }
/*.w-sm .news-four { padding: 20px 30px 17px 40px }*/
.w-sm .news-four a { padding: 40px 40px 43px 70px }
.w-sm .news-four .date { top: 24px }
.w-sm .news-subnav .news-search .key { width: 227px }
.w-sm .news-four .four-title { margin-bottom: 0 }
.w-sm .news-two li { padding: 16px 30px 32px 30px; }
.w-sm .news-two li .date { margin-bottom: 15px }
.w-sm .news-two .desc { margin-bottom: 0 }
.w-sm .iclients-list li { background-image: url("../style/iclibgsm.png") }
.w-sm .inside-banner .case-ban-info { top: 26.19048% }
.w-sm .inside-banner .case-ban-info h2 { font-size: 38px; line-height: 50px }
.w-sm .inside-banner .case-ban-info .case-desc { margin-bottom: 15px; font-size: 20px; line-height: 38px }
.w-sm .inside-banner .feature .item { padding: 0 65px }
.w-sm .inside-banner .feature h4 { font-size: 70px; line-height: 84px }
.w-sm .m-ft-contact h3 { font-size: 50px; line-height: 70px }
.w-sm .m-ft-contact .content { padding: 0 260px }
.w-sm .m-ft-contact h2 { font-size: 30px; line-height: 42px }
.w-sm .m-ft-contact .msg h4 { font-size: 18px; line-height: 32px }
.w-sm .icase-list .content .msg { padding-top: 31px; padding-bottom: 15px }
.w-sm .icase-list .content .ico-line { height: 26px }
.w-sm .proxy-wrapper .inner { padding-left: 30px; padding-right: 30px }
.w-sm .media-wraper li p { height: 96px; -webkit-line-clamp: 4 }
.w-sm .b2c-solution .market-top-list .inner p { height: 144px; line-height: 24px; -webkit-line-clamp: 6 }
.w-sm .b2c-solution .trade-three-list .inner p { height: 144px; line-height: 24px; -webkit-line-clamp: 6 }
.w-sm .b2c-solution .trade-two-list .quarter { width: 33.3333% }
.w-sm #icon_module { bottom: 5% !important; margin-bottom: 350px !important }
.w-sm .full-guidance .guidance-wraper { margin-left: -600px }
.w-sm .full-project-flow .flow-chart .item:after { top: 56px }
.w-sm .maintain-content .topic-list .inner { padding: 38px 15px 20px }
.w-sm .maintain-content .topic-list h4 { margin-bottom: 14px }
.w-sm .maintain-content .topic-list .inner h3 { margin-bottom: 22px; font-size: 20px; display: -webkit-box; height: 28px; line-height: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.w-sm .maintain-content .topic-list p { font-size: 14px }
.w-sm .maintain-feature .time1:after { width: 68px; margin-right: -34px }
.w-sm .full-b2c-server.left-image .table-middle .content { padding-left: 60px }
.w-sm .b2c-solution .more-line8 .inner p { height: 192px; line-height: 24px; -webkit-line-clamp: 8 }
.w-sm .b2c-solution .more-line5 .inner p { height: 96px; line-height: 24px; -webkit-line-clamp: 4 }
.w-sm .b2c-solution .hassub-title .inner { padding-left: 20px; padding-right: 20px }
.w-sm .full-app-demand .demand-content { margin-left: -600px }
.w-sm .porduct-demand .demand-list .msg { font-size: 14px }
.w-sm #LXB_CONTAINER_SHOW.lxb-container-btn-show { margin-bottom: 335px !important }
.w-sm .gznews-list .date-news a { padding: 46px 35px 46px 92px }
.w-sm .gznews-list .item { width: 366.6px }
.ie9 .iwelconme-popup { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.ie9 .iwelconme-popup .content { width: 450px; margin: 0 auto; padding: 47px 0 0 }
.ie9 .iwelconme-popup .content h4 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.ie9 .iwelconme-popup .content h3 { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.ie9 .iwelconme-popup .iwel-buttons { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.ie7 .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .ie7 .bx-wrapper .bx-pager-item { display: inline-block; vertical-align: top; *display:inline;
*zoom:1
}
.ie7 .main-business .business-item { width: 24.99% }
.ie7 .inews-list li { width: 33.32% }
.ie7 .icase-list li { width: 33.32% }
.ie7 .isoutions-list ul { margin: 0 -1.65% }
.ie7 .iclients-list li { width: 19.98% }
.flex-container a:hover, .flex-slider a:hover { outline: none }
.slides, .slides>li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none }
.flex-pauseplay span { text-transform: capitalize }
.flexslider .slides>li { display: none; -webkit-backface-visibility: hidden }
.flexslider .slides img { width: 100%; display: block }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
html[xmlns] .flexslider .slides { display: block }
* html .flexslider .slides { height: 1% }
.no-js .flexslider .slides>li:first-child { display: block }
.flexslider { position: relative; zoom: 1 }
.flexslider .slides { zoom: 1 }
.flexslider .slides img { height: auto; -moz-user-select: none }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease }
.loading .flex-viewport { max-height: 300px }
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height:none
}
}
.carousel li { margin-right: 5px }
.flex-direction-nav { *height:0
}
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.flex-direction-nav .flex-prev { left: -50px }
.flex-direction-nav .flex-next { right: -50px; text-align: right }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display:inline
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-border-radius: 20px; border-radius: 20px }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden }
.flex-control-thumbs li { width: 25%; float: left; margin: 0 }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease }
.flex-control-thumbs img:hover { opacity: 1 }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px }
.flex-direction-nav .flex-next { opacity: 1; right: 10px }
}
.knowledgebg { background: #F6F7FA; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.knowledge-base { padding: 20px 0; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.06); box-shadow: 0 2px 8px rgba(0,0,0,0.06); background: #fff }
.knowledge-title { text-align: center }
.knowledge-search { border: 1px solid #ddd; background: #fff; position: relative }
.se-input { display: inline-block; padding: 5px 60px 5px 10px; background: #fff; width: 82% }
.se-input::-webkit-input-placeholder {
color:#999
}
.se-input:-moz-placeholder {
color:#999
}
.se-input::-moz-placeholder {
color:#999
}
.se-input:-ms-input-placeholder {
color:#999
}
.se-btn { position: absolute; top: 4px; right: 2px; margin: 0 4px; width: 60px; background: #d90000; background: -webkit-gradient(linear, left top, right top, from(#d90000), to(#D9534F)); background: -webkit-linear-gradient(left, #d90000, #D9534F); background: -moz- oldlinear-gradient(left, #d90000, #D9534F); background: -o-linear-gradient(left, #d90000, #D9534F); background: linear-gradient(to right, #d90000, #D9534F); color: #fff; text-align: center; -webkit-border-radius: 4px !important; border-radius: 4px !important }
.knowledge-wrap { padding-top: 20px; padding-bottom: 30px; overflow: hidden }
.knowledge-left { background: #fff; position: relative }
.knowledge-left ul li a { display: block; color: #555; padding: 10px 20px; border-bottom: 1px solid #e8eef6; line-height: 20px }
.knowledge-left ul li a:hover, .knowledge-left ul li a.cur { color: #fff; background: #d90000; border-bottom: 1px solid #d90000 }
.article-title { font-size: 16px; color: #fff; height: 42px; line-height: 42px; padding-left: 20px; position: relative }
.article-title:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 16px; top: 16px }
.mobile-titbtn { padding-left: 30px }
.mobile-titbtn:before { right: auto; left: 16px; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) }
.know-crumb { padding: 0px 8px 0 20px; height: 42px; line-height: 42px; color: #999; background: #fff; white-space: nowrap; border-bottom: 10px solid #F6F7FA }
.know-crumb a { color: #999 }
.know-crumb a:hover { text-decoration: underline }
.knowledge-box { background: #fff }
.type-tit { font-weight: bold; font-size: 18px; margin-bottom: 10px }
.phpmyfaq-list li { position: relative; border-bottom: 1px solid #ddd; padding: 10px 0 }
.phpmyfaq-list li a { color: #555; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; display: block }
.phpmyfaq-list li span { color: #666 }
.article img { max-width: 100% }
.read-num { color: #666 }
.case-deatils { padding-top: 30px; padding-bottom: 30px }
.case-deatils img { max-width: 100% }
.deatils-list { position: relative; margin-bottom: 30px }
.deatils-tit { text-align: center; color: #0a1633; font-size: 18px; margin-bottom: 20px }
.deatils-right { overflow: hidden; color: #0a1633 }
.deatils-imglogo { text-align: center }
.all-pt0 { padding-top: 0 }
.white-dot { padding-top: 20px }
.white-dot ul li a:after { background-color: #fff }
.mobdb { display: block }
.knowledge-aside .options { background: #fff; margin-bottom: 20px }
.knowledge-aside .options ul { padding: 20px 15px }
.knowledge-aside .options ul li { overflow: hidden; clear: both; padding-bottom: 20px; line-height: 20px }
.knowledge-aside .options ul li .know-num { width: 40px; height: 40px; line-height: 40px; display: inline-block; float: left; text-align: center; background: #999999; color: #fff; font-size: 20px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px }
.knowledge-aside .options ul li a { display: block; overflow: hidden; color: #555; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.knowledge-aside .options ul li a:hover { text-decoration: underline; color: #d90000 }
.knowledge-aside .options ul li:nth-child(1) .know-num { background: #D9534F }
.knowledge-aside .options ul li:nth-child(2) .know-num { background: #F0AD4E }
.knowledge-aside .options ul li:nth-child(3) .know-num { background: #5CB85C }
.knowledge-aside .options ul li:nth-child(4) .know-num { background: #428BCA }
.knowledge-aside .options ul li:nth-child(5) .know-num { background: #5BC0DE }
.knowledge-aside .options ul li:nth-child(6) .know-num { background: #5BC0DE }
.knowledge-aside .options ul li:nth-child(7) .know-num { background: #5BC0DE }
.knowledge-aside .options ul li:nth-child(8) .know-num { background: #5BC0DE }
.pcfl { float: left }
.pcfr { float: right }
.mobdb { display: none }
.knowcommonweb { width: 1260px; margin: 0 auto; padding: 0 20px }
.knowledge-base { padding: 30px 0 }
.knowledge-title { font-size: 24px; display: inline-block; min-width: 20% }
.knowledge-search { display: inline-block; margin-left: 20.83333%; min-width: 400px }
.knowledge-wrap { padding: 0; background: #fff; position: relative; clear: both; overflow: hidden }
.knowledge-wrap:before, .knowledge-wrap:after { content: ""; display: block; position: absolute; left: 250px; top: 0; width: 10px; height: 100%; background: #F6F7FA }
.knowledge-wrap:after { left: auto; right: 250px }
.mptb50 { padding: 50px 0 }
.knowledge-left { width: 19.84127%; margin-right: 10px }
.knowledge-right { width: 58.73016% }
.knowledge-aside { width: 19.84127% }
.mob-knowledge { position: static; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; width: 100%; padding-bottom: 0 }
.article-title { background: url(../style/tit_bg.png) 0 center no-repeat }
.article-title:before { display: none }
.knowledge-box { padding: 30px; min-height: 500px }

.type-tit { margin-bottom: 20px }
.phpmyfaq-list li { border-bottom: 0; padding: 0 }
.phpmyfaq-list li a { line-height: 30px; height: 30px; overflow: inherit; display: inline }
.phpmyfaq-list li a:hover { text-decoration: underline; color: #D90000 }
.read-num { float: right; margin-top: -50px }
.case-deatils { padding-top: 60px; padding-bottom: 60px }
.deatils-list { padding-right: 20%; font-size: 16px; line-height: 28px; margin-bottom: 40px }
.deatils-tit { float: left; width: 100px; margin-right: 30px; font-size: 24px; padding-top: 5px }
.deatils-imglogo { position: absolute; right: 0; top: 0; width: 20% }
.index-cooper { padding-bottom: 68px }
@media (max-width: 640px) {
.knowledge-wrap { margin-top: 30px }
.knowcommonweb { width: 100%; padding: 0 15px }
.knowledge-left { width: 100%; margin-right: 0 }
.knowledge-right { width: 100%; border-bottom: 20px solid #F6F7FA }
.knowledge-aside { width: 100%; border-bottom: 20px solid #F6F7FA }
.knowledge-title { display: block; width: 100%; text-align: center; margin-bottom: 10px; font-size: 18px }
.knowledge-search { display: block; margin-left: 0; min-width: 100% }
.pcdb { display: none }
.article-title { background: -webkit-gradient(linear, left top, right top, from(#d90000), to(#D9534F)); background: -webkit-linear-gradient(left, #d90000, #D9534F); background: -moz- oldlinear-gradient(left, #d90000, #D9534F); background: -o-linear-gradient(left, #d90000, #D9534F); background: linear-gradient(to right, #d90000, #D9534F); -o-background-size: 100%; background-size: 100% }
.article-title:before, .mobile-titbtn:before { display: block }
.mob-knowledge { position: fixed; top: 0; right: 0; width: 80%; background: #fff; z-index: 100; height: 100%; overflow-y: auto; -webkit-box-shadow: -5px 2px 8px rgba(0,0,0,0.06); box-shadow: -5px 2px 8px rgba(0,0,0,0.06); padding-bottom: 20px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0 }
.mob-knowledge.show { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1 }
.phpmyfaq-list li { border-bottom: 1px solid #ddd; padding: 10px 0 }
.phpmyfaq-list li a { display: block; overflow: hidden }
.knowledge-box { padding: 30px 15px; background: #fff; border: 1px solid #e8eef6 }
.type-tit { margin-bottom: 10px }
.mobdb { display: block }
.knowledge-wrap:after, .knowledge-wrap:before { display: none }
}
 @media (max-width: 640px) {
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat }
article, aside, footer, header, nav, section { display: block }
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer }
.bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
html, body { height: 100% }
html.fixedfixup, body.fixedfixup { overflow: hidden }
body { margin: 0 auto; min-width: 320px; padding: 60px 0 55px; max-width: 540px; overflow-y: auto }
.weblg { width: 100%; padding: 0 15px }
.header { position: fixed !important; background-color: #fff; top: 0 !important; height: 60px !important; padding-top: 8px; background: #333 !important; min-width: 0 }
.header .logo { height: 40px }
.header .logo img { height: 40px }
#LXB_CONTAINER { top: auto !important; bottom: 170px !important; margin-bottom: 60px !important }
#LXB_CLOSE_BTN { top: auto !important; bottom: 170px !important; margin-bottom: 60px !important }
.sidebar { position: fixed; left: 0; bottom: 0; width: 100%; display: block !important; background: #d30000; padding-left: 25% }
.sidebar a, .sidebar span { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.sidebar a { float: left; width: 33.33333%; height: 20px; margin-bottom: 0; padding-top: 35px; font-size: 10px; line-height: 20px }
.sidebar a i { color: #ffa8a8 }
.sidebar .hometop { position: fixed; right: 10px; bottom: 20%; bottom: 170px; width: 40px; height: 40px; background-color: #eaeaea; border: 1px solid #eee }
.sidebar .qq { background-position: center 6px }
.sidebar .tel { position: absolute; left: 0; width: 25%; background-position: center 6px }
.sidebar .edit { background-position: center 8px }
.sidebar .wechat { background-position: center 8px; margin-bottom: 0 }
.sidebar .wechat .qrcode { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.menu-handle { float: right; display: block; width: 40px; height: 40px; padding: 8px 5px; margin: 2px 0 0 20px }
.menu-handle span { display: block; width: 100%; height: 2px; background-color: #fff; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.menu-handle span:nth-child(2) { margin: 9px 0 }
.menu-handle.ac span:nth-child(1) { -webkit-transform: translate(0, 11px) rotate(45deg); -moz-transform: translate(0, 11px) rotate(45deg); -ms-transform: translate(0, 11px) rotate(45deg); -o-transform: translate(0, 11px) rotate(45deg); transform: translate(0, 11px) rotate(45deg) }
.menu-handle.ac span:nth-child(2) { opacity: 0 }
.menu-handle.ac span:nth-child(3) { -webkit-transform: translate(0, -11px) rotate(-45deg); -moz-transform: translate(0, -11px) rotate(-45deg); -ms-transform: translate(0, -11px) rotate(-45deg); -o-transform: translate(0, -11px) rotate(-45deg); transform: translate(0, -11px) rotate(-45deg) }
.nav { display: none; position: fixed; left: 0; top: 60px; width: 100%; height: 100%; padding-bottom: 60px; background-color: #fff; padding: 0 15px 90px; overflow-y: auto }
.nav>ul>li { float: none; width: 100%; color: #333; border-bottom: 1px solid #ccc; padding: 0 }
.nav .title a { color: #333; padding-bottom: 0; border-bottom: 0 }
.nav .title a:hover { border: 0 }
.nav .title.cur a { padding-bottom: 0; border-bottom: 0 }
.hassub { position: relative }
.hassub .mico { position: absolute; right: 0; top: 0; width: 44px; height: 44px; background: url("../style/queico.png") no-repeat center; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.hassub.roll .mico { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.full-dropdown { position: static; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 15px }
.full-dropdown .column { display: none }
.full-dropdown .subnav { float: none; width: 100% }
.full-dropdown .nav-web { width: 100%; height: auto }
.m-ico-links { padding-top: 0; float: none }
.m-ico-links a { display: block; margin-bottom: 10px }
.cooperation-box { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow-y: auto }
.cooperation-box .cooperation { width: 100%; height: 100%; padding: 35px 15px }
.cooperation-box .cooperation iframe { width: 100%; height: 100% }
.cooperation-box .cooperation-close { position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; -o-background-size: 20px 20px; background-size: 20px 20px }
.cooperation-left { float: none; width: 100% }
.cooperation-left h3 { font-size: 20px; line-height: 22px; padding-bottom: 15px }
.cooperation-left h4 { font-size: 25px; line-height: 28px; padding-bottom: 15px }
.cooperation-left h5 { padding-bottom: 10px }
.cooperation-left .coopb { padding: 10px 0px }
.cooperation-right { float: none; width: 100%; padding-top: 15px }
.cooperation-right .baseinfo label { height: auto }
.cooperation-right .baseinfo .name { float: none; width: 100%; margin-bottom: 8px }
.cooperation-right .baseinfo .tel { float: none; width: 100% }
.cooperation-right .type-label { font-size: 20px; line-height: 26px }
.cooperation-right .type-label span { font-size: 26px; line-height: 36px }
.cooperation-right .project-type dd { width: 33.333%; height: 73px; margin-bottom: 5px }
.cooperation-right .project-type label { width: 100%; height: 67px }
.cooperation-right .verification { position: relative; padding-top: 10px; padding-right: 150px }
.cooperation-right .verification label { float: none; width: 100%; height: auto }
.cooperation-right .verification img { position: absolute; right: 0; top: 10px; height: 36px }
.cooperation-right .sub { padding-top: 15px }
.cooperation-right .sub input { padding: 6px 0px; border: 1px solid #e81727; font-size: 16px }
.site-nav-wrapper .m-ico-links, .shop-nav-wrapper .m-ico-links { width: 100%; padding-left: 0 }
.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash { border-left: 0; height: auto }
.case-nav-wraper .item { float: none; width: 100%; padding: 0 20px }
.case-nav-wraper .item .m-navlist { display: none; width: 100%; float: none; font-size: 0 }
.case-nav-wraper .item .m-navlist li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 50% }
.case-nav-wraper .item .m-navlist a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.case-nav-wraper .item .cate-navlist { display: none }
.case-nav-wraper .item .cate-navlist .m-navlist { display: block }
.solution-nav-wrapper .solution-nav { padding-top: 0 }
.solution-nav-wrapper ul { padding: 0 0 0 20px }
.solution-nav-wrapper li { width: 50% }
.news-nav-wrapper li, .wechat-nav-wrapper li { float: none; width: 100%; text-align: left }
.news-nav-wrapper li .ico, .wechat-nav-wrapper li .ico { display: none }
.news-nav-wrapper li a, .wechat-nav-wrapper li a { display: block }
.news-nav-wrapper li a, .wechat-nav-wrapper li a { padding-left: 20px; line-height: 44px; font-weight: normal }
.news-nav-wrapper ul, .wechat-nav-wrapper ul { padding-top: 0; margin-left: 0; margin-right: 0; margin: 0 }
.m-ichl-subnav ul { }
.m-ichl-subnav li { padding: 0px }
.m-ichl-subnav li a { font-size: 13px }
.m-ichl-subnav .activehook { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.m-ichl-subnav { overflow-x: auto; padding: 20px 0 0 0; }
.m-ichl-subnav ul { line-height: normal; margin: 0; padding: 0; }
.m-ichl-subnav li { float: none; vertical-align: top; display: inline-block }
.m-ichl-subnav li a { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 15px; margin: 0 5px 10px 0; }
.index-banner .bx-pager { bottom: 0 }
.index-banner .bx-pager .bx-pager-item a { width: 50px }
.index-banner .linerbg { display: none }
.index-banner .slide01 .textpopup { top: 0; left: 0; margin-left: 0; padding: 30px 15px 15px }
.index-banner .slide01 .tit { margin-bottom: 8px; font-size: 16px; line-height: 26px; width: 72.39583%; white-space: normal }
.index-banner .slide01 .txt { white-space: normal; margin-bottom: 12px; font-size: 10px; line-height: 22px }
.index-banner .slide03 .textpopup03 { top: 0; left: 0; margin-left: 0; padding: 30px 15px 15px }
.index-banner .slide03 .textpopup03 .ico { margin-bottom: 10px }
.index-banner .slide03 .textpopup03 .ico img { width: 26px }
.index-banner .slide03 .textpopup03 .tit { font-size: 16px; line-height: 26px; white-space: normal }
.index-banner .slide04 .textpopup { top: 0; left: 0; margin-left: 0; padding: 30px 15px 15px }
.index-banner .slide04 .textpopup .tit { margin-bottom: 8px; font-size: 16px; line-height: 26px; width: 72.39583%; white-space: normal }
.index-banner .slide04 .textpopup .txt { margin-bottom: 0; font-size: 10px; line-height: 22px; white-space: normal }
.about-nav-wrapper dl { padding: 5px 15px; height: auto }
.about-nav-wrapper dl dt { padding-bottom: 10px; font-size: 16px; font-weight: normal }
.about-nav-wrapper dl dd { padding-left: 20px }
.about-nav-wrapper .know { background: none }
.about-nav-wrapper .customer { background: none; border: 0 }
.contact-nav-wrapper dl { width: 100%; height: auto; padding: 0 0 0 15px }
.contact-nav-wrapper dl dt { font-weight: normal; line-height: 44px }
.contact-nav-wrapper dl .ico { display: none }
.contact-nav-wrapper .hr { border: 0 }
.index-banwrap { padding-bottom: 63% }
.index-banwrap ul { height: 100% }
.index-banwrap ul li { height: 100% }
.index-banwrap ul a { height: 100%; overflow: hidden }
.index-banwrap .iban { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; height: 100% }
.index-banwrap .slide03 .imgpopup03 .pop01 { width: 8.65677%; left: 24.87981% }
.index-banwrap .slide03 .imgpopup03 .pop02 { width: 17.54964%; left: 31.07639% }
.index-banwrap .slide03 .imgpopup03 .pop03 { width: 9.99464%; left: 34.20139% }
.index-banwrap .slide03 .imgpopup03 .pop04 { width: 29.03953%; left: 78.46354% }
.index-banwrap .slide03 .imgpopup03 .pop05 { width: 14.08693%; left: 88.34635% }
.index-banwrap .slide04 .imgpopup .before { -webkit-transition-delay: 0s !important; -moz-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important }
.index-banwrap .slide04 .imgpopup .pop01 { top: 10.58333%; left: 0.60417%; width: 53.20313% }
.index-banwrap .slide04 .imgpopup .pop02 { left: 38.74366%; width: 39.53125% }
.index-banwrap .slide04 .imgpopup .pop03 { top: 80.91667%; left: -0.79167%; width: 50% }
.index-banwrap .slide04 .imgpopup .pop04 { top: 20%; left: 33.04861%; width: 53.20313% }
.index-banwrap .slide04 .imgpopup .pop05 { left: 70.75%; width: 29.21875% }
.index-banwrap .slide04 .imgpopup .pop06 { top: 73.7%; left: 37.29444%; width: 55.46875% }
.index-banwrap .slide04 .imgpopup .pop07 { top: 28.41667%; left: 76.27093%; width: 23.82813% }
.m-ichl-title .cn { font-size: 20px; line-height: 36px }
.iabout-us { padding-top: 30px; padding-bottom: 0 }
.iabout-us .intro { display: none; padding: 20px 0 26px 0 }
.iabout-us .year { display: none }
.iabout-us .content { display: none; position: relative; z-index: 20 }
.iabout-us .main-business { padding-top: 15px; margin: 0 }
.iabout-us .main-business .business-item { margin-bottom: 15px; width: 50% }
.iabout-us .main-business .business-item .inner { margin: 0 }
.iabout-us .main-business .business-item .inner:hover h2 a { color: #1a1a1a }
.iabout-us .main-business .business-item .inner:hover .sub { border-bottom-color: #666 }
.iabout-us .main-business .business-item .inner:hover .line { width: 0 }
.iabout-us .main-business .ico { margin-bottom: 0; height: 50px; line-height: 50px; font-size: 0; text-align: center }
.iabout-us .main-business .ico img { vertical-align: middle; height: 36px }
.iabout-us .main-business .ico .ac { display: none }
.iabout-us .main-business .id { display: none; right: 27px; top: 0; font-size: 50px; line-height: 50px }
.iabout-us .main-business h2 { text-align: center }
.iabout-us .main-business h2 a { padding: 10px 0 10px; font-size: 16px }
.iabout-us .main-business .sub { display: none; height: auto; padding-bottom: 20px }
.m-case-list .title { font-size: 16px; line-height: 30px }
.iclassic-case { padding-top: 10px; padding-bottom: 20px }
.iclassic-wrapper { width: 100% }
.icase-list { padding-top: 15px }
.icase-list li { width: 100%; padding-bottom: 10px }
.icase-list .item { padding: 0 }
.icase-list .thumb {/* margin-bottom: 10px */ }
.icase-list .desc { height: 48px; line-height: 24px; -webkit-line-clamp: 2 }
.icase-list .content { bottom: 40px }
.full-isoutions { padding: 20px 0 }
.isoutions-item { width: 100% }
.isoutions-item .slide-ctrl { display: none; position: absolute; top: 50%; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-color: #f60 }
.isoutions-item .slide-prev { left: -60px }
.isoutions-item .slide-next { right: -60px }
.isoutions-list { padding: 10px 0; margin: 0 }
.isoutions-list ul { margin: 0 }
.isoutions-list ul li { float: none; width: 100% }
.isoutions-list .item { padding: 0 }
.isoutions-list .item a { padding-bottom: 15px; border-width: 1px }
.isoutions-list .ico { margin-bottom: 15px; height: 60px; line-height: 60px; font-size: 0 }
.isoutions-list .ico img { max-height: 100% }
.isoutions-list .title { margin-bottom: 10px; font-size: 16px }
.isoutions-list .desc { height: 72px; line-height: 24px; -webkit-line-clamp: 3 }
.isoutions-list .item .card .thumb img { max-width: none }
.iclients-wrapper { padding-top: 20px; padding-bottom: 20px }
.iclients-wrapper .m-ichl-subnav { display: none; margin-bottom: 20px }
.iclients-wrapper .ichannel-tabcontent { overflow: hidden }
.iclients-wrapper .tabcontent-slider { position: relative; width: 200% }
.iclients-wrapper .icustomer { display: none }
.iclients-list { position: relative; overflow: hidden }
.iclients-list:after { content: ''; display: block; width: 100%; padding-bottom: 179.32075% }
.iclients-list ul { position: absolute; left: 0; top: 0 }
.iclients-list li { width: 50%; margin-bottom: 0; -o-background-size: 96.5625% auto; background-size: 96.5625% auto }
.icustomer { padding-bottom: 10px }
.icustomer li { width: 100%; margin-bottom: 10px }
.icustomer .inner { padding: 5px 10px 10px }
.icustomer .ico { margin-bottom: 10px; height: 64px; line-height: 64px }
.icustomer .ico img { max-height: 80% }
.icustomer .name { margin-bottom: 10px; font-size: 16px; line-height: 24px }
.full-inum-brief { background-color: #ccc; overflow: hidden }
.full-inum-brief .briefbg { position: absolute; left: 50%; top: 0; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.full-inum-brief .briefbg img { position: static; top: 0; left: 0; margin-left: 0; height: 100% }
.full-inum-brief .inum-list { position: relative; left: 0; z-index: 20; width: 100%; margin: 0; padding: 20px 5px 0 }
.full-inum-brief .inum-list li { width: 50%; padding: 5px; margin-bottom: 15px }
.full-inum-brief .num { margin-bottom: 10px; font-size: 40px; line-height: 42px }
.full-inum-brief .text { font-size: 14px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.full-inum-brief .videobg { display: none }
.full-inum-brief .video { display: none }
.inews-center { padding-top: 20px; padding-bottom: 20px }
.inews-wraper { padding-top: 0px }
.inews-wraper .inews-wraper { overflow: hidden }
.news-set-top { float: none; width: 100%; padding: 15px; margin-bottom: 15px }
.news-set-top .title { margin-bottom: 6px; font-size: 16px; display: -webkit-box; height: 52px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.news-set-top .date { margin-bottom: 10px; font-size: 14px }
.news-two .date, .news-four .date { font-size: 14px }
.news-two .date b, .news-four .date b { font-size: 30px; line-height: 28px }
.news-two { float: none; width: 100%; margin: 0 }
.news-two li { margin-bottom: 15px; padding: 15px 10px 5px }
.news-two .two-title { margin-bottom: 16px; font-size: 18px; line-height: 30px; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.news-two .desc { margin-bottom: 26px; font-size: 14px; color: #888; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.news-two .date { padding: 12px 0 12px }
.news-four {/* padding: 15px 10px 5px; */ }
.news-four a { padding: 20px 30px 20px 0 }
.news-four .date { display: none; position: absolute; left: 0; top: 10px }
.news-four .four-title { margin-bottom: 0; font-size: 16px; line-height: 32px }
.full-icontact-cover { padding: 20px 0 }
.m-ft-contact .content { padding: 0 }
.m-ft-contact .motto { display: none }
.m-ft-contact .info { font-size: 14px; line-height: 32px }
.m-ft-contact h3 { margin-bottom: 5px; font-size: 22px; line-height: 42px }
.m-ft-contact h2 { font-size: 18px; line-height: 30px }
.m-ft-contact .msg { margin-bottom: 12px; font-size: 13px; line-height: 24px }
.m-ft-contact .msg h4 { font-size: 16px; line-height: 32px }
.m-ft-contact .btns { width: 286px }
.m-ft-contact .btns a { width: 136px; height: 40px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 14px; line-height: 40px }
.footer-content { margin-bottom: 55px; padding: 20px 0 0; overflow: hidden }
.footer-content .friend-links { display: none }
.footer-content .szweb-info { float: left; width: 266px; padding: 0 111px 24px 0; color: #cccc }
.footer-content .szweb-info a { color: #cccc }
.footer-content .szweb-info .motto { padding: 24px 0 18px; font-size: 17px; line-height: 28px }
.footer-content .szweb-info .ft-qrcode { padding-bottom: 17px }
.foot-about { display: none; padding-bottom: 20px }
.foot-about .about-left { float: none; width: 100% }
.foot-about .adv-mid { float: none; width: 100%; margin-left: 0 }
.foot-about .adv-mid .left, .foot-about .adv-mid .right { max-width: 49% }
.foot-about .diff-right { float: none; width: 100% }
.u-qk-title { margin: 10px 0 15px; padding-bottom: 7px; line-height: 30px; overflow: hidden }
.u-qk-title h4 { font-size: 18px }
.u-qk-title .more { width: 30px; height: 30px }
.friend-links { padding-bottom: 18px }
.full-foot-bottom { border: 0; padding: 18px 0 24px }
.inside-banner img { position: relative; left: 50%; width: auto; height: 133px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.inside-banner .ban-info { top: 50%; margin-top: -28px; padding: 0 15px }
.inside-banner .ban-info h2 { margin-bottom: 5px; font-size: 18px; line-height: 34px }
.inside-banner .ban-info p { font-size: 14px; line-height: 24px }
.inside-banner .case-ban-info { top: 10% }
.inside-banner .case-ban-info h2 { font-size: 18px; line-height: 26px }
.inside-banner .case-ban-info .case-desc { margin-bottom: 7px; font-size: 12px; line-height: 20px }
.inside-banner .feature .item { padding: 0 8px }
.inside-banner .feature h3 { font-size: 14px; line-height: 26px }
.inside-banner .feature h4 { font-size: 18px; line-height: 24px }
.full-case-crumbs { display: none }
.project-cover .article { padding: 20px 0; font-size: 14px; line-height: 26px }
.project-cover .article .title { margin: 0 0 12px; font-size: 20px; line-height: 30px }
.full-faith-key .bg { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); overflow: hidden }
.full-faith-key .bg img { position: relative; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: auto; height: 100% }
.full-faith-key .m-key-list { position: relative; left: 0; top: 0; z-index: 10; margin-top: 0 }
.m-key-list ul { padding: 15px 15px 1px }
.m-key-list li { width: 50%; margin-bottom: 20px }
.m-key-list .top { margin-bottom: 10px; height: 38px; line-height: 38px }
.m-key-list .top img { vertical-align: middle; max-height: 90% }
.m-key-list .top span { font-size: 30px }
.m-key-list .text { font-size: 14px }
.m-case-division { border: 0 }
.m-case-division li { float: none; width: 100%; margin-bottom: 15px }
.m-case-division .thumb .shadow { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: url("../style/caseshadow.png") repeat 0 0; opacity: 0; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.m-case-division .thumb .shadow img { position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; width: 50px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s }
.m-case-division .content { padding: 10px 10px 20px; border-left: 1px solid #dcdcdc }
.m-case-division .content .title { margin-bottom: 10px; font-size: 18px; line-height: 30px }
.m-case-division .content .desc { font-size: 14px }
.m-web-title { font-size: 20px; line-height: 32px }
.m-web-desc { font-size: 14px; line-height: 26px }
.full-site-article { padding-top: 20px }
.full-site-article .m-web-desc { padding: 10px 0 }
.m-halfblock-list { padding: 15px 0 20px }
.m-halfblock-list li { width: 100%; font-size: 14px; line-height: 30px }
.m-halfblock-list p { padding-right: 0 }
.site-server-wrapper { padding: 20px 0 30px }
.site-server-wrapper .m-web-title { margin-bottom: 18px }
.server-ico-list ul { text-align: left }
.server-ico-list li { width: 50%; padding: 0 5px; margin-bottom: 15px; text-align: center }
.server-ico-list .ico img { width: 38% !important }
.server-ico-list h3 { margin-bottom: 10px }
.proxy-wrapper { padding-top: 20px; padding-bottom: 10px }
.proxy-wrapper ul { border: 0 }
.proxy-wrapper li { float: none; width: 100%; margin-bottom: 10px }
.proxy-wrapper h4 { margin-bottom: 14px; font-size: 30px; line-height: 30px }
.proxy-wrapper h3 { margin-bottom: 10px; font-size: 16px; line-height: 30px }
.proxy-wrapper p { font-size: 14px; height: auto; max-height: 168px }
.proxy-wrapper .inner { padding: 15px; border: 1px solid #d9d9d9 }
.ipo-proxy-wrapper { padding-top: 20px; padding-bottom: 30px }
.ipo-proxy-wrapper .m-web-title { margin-bottom: 15px }
.ipo-proxy-wrapper h3 { margin-bottom: 0; height: auto; max-height: 120px }
.ipo-proxy-wrapper .inner { padding: 15px }
.full-b2c-server .content { width: 100%; padding: 20px 0 30px; font-size: 14px; line-height: 26px }
.full-b2c-server .content h3 { font-size: 18px; line-height: 32px; margin-bottom: 10px }
.full-b2c-server .thumb { float: none; width: 100%; margin-left: 0 }
.ipo-server-wrapper { padding-top: 30px; padding-bottom: 20px }
.ipo-server-wrapper .m-web-title { margin-bottom: 15px }
.ipo-server-wrapper .server-ico-list li { width: 50%; margin-bottom: 20px; font-size: 14px }
.ipo-server-wrapper .server-ico-list .ico { margin-bottom: 15px }
.ipo-server-wrapper .server-ico-list .ico img { width: 72px !important; height: auto !important }
.ipo-server-wrapper .server-ico-list p { max-width: none }
.g-return-wrapper { padding: 15px 0 25px }
.g-return-wrapper a { margin: 0 5px; padding: 0 20px; font-size: 14px }
.b2c-solution { font-size: 14px; line-height: 26px; padding-top: 20px; padding-bottom: 30px }
.b2c-solution .m-web-title { margin-bottom: 15px }
.b2c-solution h4 { margin-bottom: 10px; font-size: 30px; line-height: 30px }
.b2c-solution h3 { margin-bottom: 10px; font-size: 18px; line-height: 28px }
.b2c-solution .top-four-list { border: 0 }
.b2c-solution .top-four-list li { float: none; width: 100%; margin-bottom: 15px }
.b2c-solution .top-four-list .inner { padding: 15px; border: 1px solid #d9d9d9 }
.b2c-solution .top-four-list .inner p { height: auto; max-height: 240px }
.b2c-solution .last { padding: 15px }
.b2c-solution .last .left { float: none; margin-right: 0 }
.b2c-solution .last .text { overflow: hidden; zoom: 1 }
.b2c-solution .last .text br { display: none }
.b2c-solution .bot-two-list { display: block }
.b2c-solution .bot-two-list .quarter { margin-bottom: 15px; width: 100%; display: block; padding: 43px 45px 8px; padding: 15px }
.b2c-solution .bot-two-list .last { width: 100%; display: block; padding: 15px }
.b2c-solution .bot-two-list .last .left { margin-right: 0 }
.topic-solution { padding-top: 20px; padding-bottom: 20px }
.topic-solution .m-web-title { margin-bottom: 10px }
.topic-solution .sub-title { margin-bottom: 10px }
.topic-solution .topic-list { border: 0 }
.topic-solution .topic-list li { float: none; width: 100%; margin-bottom: 15px }
.topic-solution .topic-list .inner { padding: 15px; border: solid 1px #d9d9d9 }
.topic-solution .topic-list h4 { margin-bottom: 10px; font-size: 30px; line-height: 30px }
.topic-solution .topic-list h3 { height: auto; max-height: 120px }
.case-filter { margin-bottom: 20px }
.case-filter .options { float: none }
.case-filter .options select { width: 100%; height: 44px; padding-left: 17px; line-height: 40px }
.case-filter .options { width: 100%; padding: 20px 0 10px }
.case-filter .selector { float: none; width: 100%; border: 1px solid #e6e6e6; margin-bottom: 10px }
.case-filter .sec-title { padding-left: 20px; line-height: 40px }
.case-filter .sec { -o-background-size: 10px auto; background-size: 10px auto }
.case-filter .sec-option { top: 40px; z-index: 10 }
.case-filter .sec-option a { padding-left: 10px; line-height: 40px }
.case-filter .edit { display: none }
.cate-wrapper ul { margin: 0 }
.cate-wrapper li { width: 100%; margin-bottom: 20px }
.cate-wrapper .item { padding: 0 }
.cate-wrapper .thumb { margin-bottom: 15px }
.cate-wrapper .desc { margin-bottom: 10px; height: auto; max-height: 72px }
#page { padding-top: 20px; padding-bottom: 30px }
.full-related-news { display: none; padding-top: 20px; padding-bottom: 10px }
.full-related-news .related-title { margin-bottom: 10px; font-size: 18px; line-height: 30px }
.full-related-news .related-news ul { margin: 0 }
.full-related-news .related-news li { float: none; width: 100% }
.full-related-news .related-news a { display: block; overflow: hidden; margin: 0 0 15px; border: 1px solid #d2d2d2; padding: 20px 15px 19px }
.full-related-news .related-news .date { font-size: 16px; line-height: 26px }
.full-case-detail { padding: 20px 0 20px; background-color: #eaeaea }
.full-case-detail .case-head { margin-bottom: 10px; display: block }
.full-case-detail .info { display: block; width: 100%; padding: 20px 10px }
.full-case-detail .info .img { float: none; margin-right: 0; max-width: 38% }
.full-case-detail .info .content .desc { margin-bottom: 20px }
.full-case-detail .u-cshd-title { padding: 10px 0 18px }
.full-case-detail .u-cshd-title .en { font-size: 20px; line-height: 24px }
.full-case-detail .u-cshd-title .cn { margin-bottom: 8px; font-size: 20px; line-height: 30px }
.full-case-detail .server { display: block; width: 100%; padding: 10px 15px; line-height: 30px }
.full-case-detail .case-body { padding: 10px; font-size: 14px; line-height: 26px }
.full-case-detail .case-body .casebtn { padding: 20px 0 30px }
.full-case-detail .case-body .casebtn a { width: 132px }
}
@media (max-width: 640px) and (max-width: 350px) {
.full-case-detail .case-body .casebtn a { width: 126px }
}
@media (max-width: 640px) {
.full-case-detail .full-case-body { font-size: 14px; padding: 30px 0 0 }
.full-case-detail .full-case-body .casebtn { padding: 20px 0 30px }
.full-case-detail .full-case-body .casebtn a { width: 132px }
}
@media (max-width: 640px) and (max-width: 350px) {
.full-case-detail .full-case-body .casebtn a { width: 126px }
}
@media (max-width: 640px) {
.full-case-detail .full-case-body .bold { font-size: 20px; line-height: 32px }
.full-case-detail .full-case-body .bold br { display: none }
.full-case-detail .right-content { padding: 20px 0 30px }
.full-case-detail .right-content .color-left { position: static; padding: 0 15px 30px; text-align: center }
.full-case-detail .right-content .color-left .color-panel { padding-top: 10px; max-width: 80% }
.full-case-detail .right-content .color-right { padding-left: 0 }
.full-case-detail .skew-content { overflow: hidden }
.full-case-detail .skew-content .skew-bg { position: absolute; top: -60%; bottom: -60%; z-index: 1 }
.full-case-detail .skew-content .case-server .text { position: static; width: 100%; padding: 20px 15px 0; margin-bottom: 15px; text-align: center }
.full-case-detail .skew-content .case-server .cimg { padding-left: 15px }
.full-case-detail .skew-content .case-ue { padding-top: 4.16667%; position: relative; z-index: 2 }
.full-case-detail .skew-content .case-ue .text { position: static; padding: 0 15px; text-align: center }
.full-case-detail .skew-content .case-ue .cimg { padding: 0 15px }
.moblie-case-slider { margin-top: 0; padding: 0 0 30px; margin: 0 10px }
.moblie-case-slider .case-mswiper { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.moblie-case-slider .case-mswiper img { display: block; margin: 0; width: 100% }
.moblie-case-slider .moblie-mswiper-wrapper { position: absolute; left: 50%; top: 0; z-index: 50; width: 93%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20%; overflow: hidden }
.moblie-case-slider .moblie-mswiper-wrapper::after { display: block; content: ''; width: 100%; padding-bottom: 158.6% }
.moblie-case-slider .casebg { position: relative; left: 0; top: 0; width: 100%; height: 100%; -o-background-size: 106.3% auto; background-size: 106.3% auto; padding-bottom: 207% }
.mcase-right-info { padding: 10px }
.mcase-right-info .mcase { position: static }
.mcase-right-info .qrcode img { margin: 0 }
.mcase-right-info .mcase-more { height: 125px; float: right; margin: 0 }
.app-inside-soutions { padding: 20px 15px; margin-top: 0 }
.app-inside-soutions .item a { padding-top: 20px; padding-bottom: 15px }
.u-ue-title { font-size: 20px; line-height: 30px; margin-bottom: 10px }
.full-case-detail .case-body .col-3 { float: none; display: inline-block; vertical-align: top; width: 48% }
.app-singlepage { padding-top: 20px; padding-bottom: 30px; font-size: 14px; line-height: 26px }
.app-singlepage .lh48 { line-height: 30px }
.app-singlepage .span { font-size: 16px; line-height: 30px }
.app-singlepage .sub-title { font-size: 18px; line-height: 30px }
.ue-list { padding-top: 20px }
.ue-list li { margin-bottom: 15px }
.ue-list .ue-rimg { padding-left: 0 }
.ue-list .ue-rimg .info { left: 0 }
.ue-list .ue-rimg .middle { padding-right: 6.78571% }
.ue-list .ue-limg { padding-right: 0 }
.ue-list .ue-limg .middle { padding-left: 0 }
.ue-list .info { position: relative; width: 100% }
.ue-list .info .middle { font-size: 14px; line-height: 26px }
.ue-list .info h3 { font-size: 18px; line-height: 46px }
.m-page-partner { padding-top: 30px; padding-bottom: 30px }
.m-page-partner .u-ue-title { margin-bottom: 15px }
.m-page-partner ul { margin: 0 -5px }
.m-page-partner li { width: 33.33333% }
.noborder { padding-bottom: 30px }
.m-idico-wrapper { font-size: 14px; line-height: 26px; padding-bottom: 0 }
.m-idico-wrapper .idico-list { margin: 0 }
.m-idico-wrapper .idico-item { float: none; width: 100% }
.m-idico-wrapper .inner { padding: 15px 0 0 }
.m-idico-wrapper .id { top: 15px; right: 0; font-size: 50px; line-height: 1 }
.m-idico-wrapper .ico { margin-bottom: 10px; width: 50px; height: 50px; line-height: 50px }
.m-idico-wrapper .ico img { max-height: 100% }
.m-idico-wrapper h3 { margin-bottom: 10px }
.m-idico-wrapper .sub { padding-bottom: 15px; height: auto }
.native-app-desc { padding: 10px 15px 0 }
.m-diff-content { width: 100%; padding: 20px 0; font-size: 14px; line-height: 24px }
.m-diff-content .ico-txt { padding: 10px 0 }
.m-diff-content .ico-txt img { display: none }
.m-diff-content .ico-txt span { padding: 0; font-size: 20px; line-height: 26px }
.m-diff-content .item { display: block; width: 100%; padding: 0 }
.m-diff-content .text-right { text-align: left; border: 0 }
.rn-web-bottom { padding: 15px 15px 0 }
.app-icodesc ul { padding: 10px 0 20px }
.app-icodesc .ico img { max-height: 80% }
.app-icodesc li { width: 50% }
.customer-article { padding-top: 20px }
.customer-article .title { margin-bottom: 10px; font-size: 20px; line-height: 34px }
.customer-article .text { padding: 0 0 10px; font-size: 14px; line-height: 26px }
.customer-container { margin-bottom: 30px }
.customer-container li img { display: block; width: 100% }
.evaluate-wrapper { padding-top: 20px }
.evaluate-wrapper ul { margin: 0 }
.evaluate-wrapper li { width: 100% }
.evaluate-wrapper .item { padding: 0; min-height: auto; background-position: 0 10px; -o-background-size: 20px auto; background-size: 20px auto }
.evaluate-wrapper .brand { margin-bottom: 15px; height: 76px; padding: 20px 0 0 20px; line-height: 56px }
.evaluate-wrapper .brand img { max-height: 46px }
.evaluate-wrapper .name { margin-bottom: 10px; line-height: 24px; padding-left: 20px }
.evaluate-wrapper .desc { padding: 0 0 20px 20px }
.case-wrapper { padding-top: 20px; padding-bottom: 10px }
.case-wrapper .caseban img { width: auto; height: 100px; position: relative; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) }
.case-wrapper .caseban .title { left: 0; top: 0%; margin-top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3) }
.case-wrapper .caseban h2 { font-size: 18px; line-height: 36px }
.case-intro-wrapper { padding: 10px }
.case-intro-wrapper .jiejuelist .id { position: static; font-size: 30px; line-height: 30px }
.case-intro-wrapper .jiejuelist dl { padding: 20px 10px; font-size: 14px; line-height: 26px }
.case-intro-wrapper .jiejuelist dt { margin-bottom: 20px; font-size: 18px; line-height: 32px }
.case-intro-wrapper .jiejuelist dt::after { bottom: -10px }
.case-intro-wrapper table { border-collapse: collapse }
.case-intro-wrapper table td { border: 1px solid #666; padding: 3px 8px; min-width: 5em }
.case-intro-list li { padding: 10px 10px 20px; font-size: 14px; line-height: 24px }
.case-intro-list .id { position: static; font-size: 30px; line-height: 30px }
.case-intro-list .title { margin-bottom: 20px; font-size: 18px; line-height: 32px }
.case-intro-list .title::after { bottom: -10px }
.case-intro-list h5.letter { font-size: 16px }
.case-intro-list h4.sub-title { font-size: 16px }
.case-intro-list .m-letter-item { padding-top: 15px }
.case-intro-list .m-letter-item .letter { margin-bottom: 13px; font-size: 28px; line-height: 28px }
.case-intro-list .m-letter-item .sub-title { margin-bottom: 10px; font-size: 16px; line-height: 22px }
.case-intro-list .rhalfimg img { float: right; max-width: 48.6%; margin-left: 30px }
.case-intro-list .rimg { padding: 0 }
.case-intro-list .rimg .letimg { position: static; width: auto; max-width: 100%; float: none }
.case-intro-list .prico-title { padding: 10px 0 15px; font-size: 16px; line-height: 22px }
.m-relat-title { padding: 0 0 20px }
.m-relat-title h3 { font-size: 20px; line-height: 30px }
.m-relat-title a { width: 90px; line-height: 28px }
.m-relat-title a i { left: -20px; top: 13px; width: 30px }
.relative-cases { padding: 20px 0 }
.relative-cases ul { margin: 0 }
.relative-cases li { width: 100% }
.relative-cases .thumb { margin-bottom: 10px }
.relative-cases a { padding: 0; line-height: 26px }
.relative-cases a .title { font-size: 16px; font-weight: bold; color: #1a1a1a }
.trade-imglist .imglist-wrap { margin: 0 }
.trade-imglist .imglist-wrap .trade-item { float: none; width: 100% }
.trade-imglist .imglist-wrap .inner { padding: 0 }
.trade-imglist .imglist-wrap .trade-title { padding: 16px 0 13px; font-size: 16px; line-height: 22px }
.trade-left { float: none; width: 100% }
.trade-right { float: none; width: 100% }
.price-top { font-size: 0 }
.price-top .top-item { float: left; width: 50%; margin-right: 0 }
.price-icolist .icolist { width: 100% }
.price-icolist .ico-item { float: none; width: 100%; margin: 0; padding: 15px 0 }
.seo-top-list { overflow: hidden }
.seo-top-list .top-seoabc { width: 100% }
.seo-top-list .m-letter-item { float: none; width: 100%; padding-right: 0 }
.seo-thr-list { padding-left: 0; padding-top: 20px }
.seo-thr-list .thr-left { position: static; width: 100% }
.seo-thr-list .dash-border { margin-bottom: 15px; padding: 0; border-bottom: 0 }
.seo-thr-list .thr-right { padding: 0; border-left: 0 }
.seo-thr-list .red-dot-list { font-size: 0 }
.seo-thr-list .red-dot-list .red-item { width: 100%; margin-bottom: 15px }
.full-sys-desc .gray-sys-desc .sys-lists { font-size: 0 }
.full-sys-desc .gray-sys-desc .sys-lists li { display: inline-block; vertical-align: top; width: 50% }
.full-sys-desc .quarter .sys-lists li { width: 100% }
.m-sys-desc { padding: 20px 0 }
.m-sys-desc .sys-info { float: none; width: 100%; margin-right: 0 }
.m-sys-desc .sys-info .ico { float: left; width: 50px; margin-right: 10px }
.m-sys-desc .sys-info .ico img { width: 100% }
.m-sys-desc .sys-info .info { font-size: 14px; line-height: 26px }
.m-sys-desc .sys-info h4 { font-size: 26px; line-height: 26px }
.m-sys-desc .sys-info h3 { margin-bottom: 15px; font-size: 20px; line-height: 30px }
.m-sys-desc .sys-lists { font-size: 0 }
.m-sys-desc .sys-lists li { display: inline-block; vertical-align: top; float: none; width: 50%; padding-left: 0; margin-bottom: 10px; padding-right: 15px; font-size: 14px }
.m-sys-desc .sys-lists .pull-left { margin: 0; width: 100%; padding: 0 }
.m-sys-desc .sys-lists .id { font-size: 28px; line-height: 28px }
.m-sys-desc .sys-lists h3 { margin-bottom: 0; font-size: 16px; line-height: 30px }
.full-crowd-bot .sys-lists li { width: 100%; line-height: 20px }
.crowd-article-top .left { float: none; width: 100% }
.crowd-article-top .right { float: none; width: 100% }
.crowd-article-top .m-sys-desc { padding: 20px 0 10px }
.m-feature-list { border: 0 }
.m-feature-list li { float: none; width: 100%; margin-bottom: 10px }
.m-feature-list .inner { padding: 20px 10px 15px; border: solid 1px #d9d9d9 }
.m-feature-list h4 { margin-bottom: 10px; font-size: 30px; line-height: 30px }
.m-feature-list h3 { margin-bottom: 10px; font-size: 18px; line-height: 26px }
.m-feature-list p { font-size: 14px; height: auto; max-height: 120px }
.shop-feature-top { padding-top: 20px; padding-bottom: 20px }
.shop-feature-top .m-web-title { margin-bottom: 15px }
.shop-feature-mid { height: auto; padding: 30px 0 }
.shop-feature-mid .feature-img { width: 100%; height: 100% }
.shop-feature-mid .feature-img img { width: auto; height: 100%; margin-left: 0; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) }
.shop-feature-mid .sys-info { width: 100% }
.shop-feature-bot { padding-top: 20px; padding-bottom: 15px }
.elec-solution-wrapper { padding: 25px 0 30px }
.elec-solution-wrapper .elec-title { font-size: 20px; line-height: 30px }
.elec-solution-wrapper .sub { font-size: 14px; line-height: 30px }
.elec-solution-wrapper .line { margin: 10px auto 16px }
.elec-solution-wrapper .elec { margin-bottom: 12px; font-size: 20px; line-height: 30px }
.elec-solution-wrapper .elec-featrue li { float: none; width: 100% }
.elec-solution-wrapper .elec-featrue .inner { padding: 20px 15px; font-size: 14px }
.elec-solution-wrapper .elec-featrue .ico { margin-bottom: 10px }
.elec-solution-wrapper .elec-featrue h3 { margin-bottom: 15px; font-size: 18px; line-height: 24px }
.elec-solution-wrapper .elec-featrue p { font-size: 14px }
.elec-tab { padding-bottom: 30px }
.elec-tab .tabs-title a { font-size: 14px; line-height: 42px }
.elec-tab .item { display: none }
.elec-tab .item:first-child { display: block }
.elec-tab .func .name { line-height: 40px }
.elec-tab .func .table .tr p { float: none; width: 100% }
.qa-list { padding-top: 50px; font-size: 16px; line-height: 28px }
.qa-list li { margin-bottom: 10px }
.qa-list h3 { position: relative; padding: 21px 94px 21px 112px; color: #333; background-color: #e6e6e6; background-image: url("../style/quesico.png"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer }
.qa-list h3 .ico { position: absolute; top: 50%; right: 26px; width: 32px; height: 32px; margin-top: -16px; background-repeat: no-repeat; background-position: center; background-image: url("../style/qadd.png") }
.qa-list h3.cur .ico { background-image: url("../style/qaless.png") }
.qa-list .answer { display: none; background-color: #f2f2f2; background-image: url("../style/answico.png"); background-repeat: no-repeat; background-position: 0 0; padding: 28px 94px 45px 112px; color: #666 }
.wechat-shopcase { padding-top: 20px; padding-bottom: 10px }
.wechat-shopcase .m-web-title { margin-bottom: 10px }
.wechat-shopcase .shop-case-list { border: 0 }
.wechat-shopcase .shop-case-list li { float: none; width: 100%; margin-bottom: 15px }
.wechat-shopcase .shop-case-list .inner { border: solid 1px #d9d9d9; padding: 20px 15px 15px }
.wechat-shopcase .shop-case-list .ico { height: 42px; margin-bottom: 10px; line-height: 42px }
.wechat-shopcase .shop-case-list .ico img { max-height: 80% }
.wechat-shopcase .shop-case-list h3 { margin-bottom: 10px; font-size: 18px; line-height: 24px; height: 48px }
.wechat-shopcase .shop-case-list p { font-size: 14px; height: auto; max-height: 120px }
.mobile-solution-wrapper { padding-top: 20px; padding-bottom: 20px }
.mobile-solution-wrapper .m-web-title { margin-bottom: 15px }
.mobile-solution-wrapper .msolution-list { border: 0 }
.mobile-solution-wrapper .item { float: none; width: 100%; margin-bottom: 15px; font-size: 14px }
.mobile-solution-wrapper .inner { padding: 15px; border: 1px solid #d9d9d9 }
.mobile-solution-wrapper .ico { line-height: 62px; height: 62px }
.mobile-solution-wrapper .ico img { height: 70% }
.mobile-solution-wrapper h3 { margin-bottom: 10px; font-size: 18px; line-height: 30px }
.mobile-solution-wrapper .dot-list { height: auto; max-height: 168px }
.m-ml2-title { font-size: 20px; line-height: 32px }
.sys-text-ban { overflow: hidden }
.sys-text-ban img { position: absolute; left: 50%; top: 0; width: auto; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.ban-sys-dev { position: relative; top: 0; z-index: 10; padding: 20px 10px; font-size: 14px; line-height: 24px }
.platform-five-desc { margin-top: 20px; margin-bottom: 20px; border: 0 }
.platform-five-desc li { float: none; width: 100%; margin-bottom: 15px; font-size: 14px }
.platform-five-desc .inner { padding: 15px; border: 1px solid #d9d9d9 }
.platform-five-desc .ico { margin-bottom: 10px; height: 50px; line-height: 50px }
.platform-five-desc .ico img { max-height: 80% }
.platform-five-desc h3 { margin-bottom: 7px; font-size: 18px; line-height: 24px }
.platform-five-desc p { height: auto; max-height: 192px }
.full-platform-apply { padding-top: 20px; padding-bottom: 20px }
.full-platform-apply .m-web-title { margin-bottom: 15px }
.full-platform-apply ul { border: 0 }
.full-platform-apply li { float: none; width: 100%; font-size: 14px; margin-bottom: 15px }
.full-platform-apply .inner { padding: 15px; border: 1px solid #d9d9d9 }
.full-platform-apply h4 { margin-bottom: 10px; font-size: 30px; line-height: 30px }
.full-platform-apply h3 { margin-bottom: 10px; font-size: 18px; line-height: 24px }
.full-platform-apply p { height: auto; max-height: 144px }
.wechat-platform { height: auto }
.wechat-platform .full-bg { height: 100%; overflow: hidden }
.wechat-platform .full-bg img { margin-left: 0; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); height: 100% }
.wechat-platform .wechat-shop-content { padding-top: 20px; padding-bottom: 15px }
.wechat-platform .left-msg { float: none; width: 100% }
.wechat-platform .left-msg .en { margin-bottom: 13px; font-size: 32px; line-height: 32px }
.wechat-platform .left-msg h3 { font-size: 20px; line-height: 30px }
.wechat-platform .wcpalt-list li { float: none; width: 100%; padding-left: 0; margin-bottom: 10px }
.wechat-platform .wcpalt-list .id { margin-bottom: 0; font-size: 30px; line-height: 30px }
.wechat-platform .wcpalt-list h3 { margin-bottom: 0 }
.platform-server { padding-top: 20px; padding-bottom: 20px }
.platform-server .m-ml2-title { margin-bottom: 15px }
.platform-server .cms-desc .item { width: 100%; padding: 10px 15px 20px; font-size: 14px; line-height: 26px }
.platform-server .cms-desc .left { float: none; margin-left: 0; border: 1px solid #fff }
.platform-server .cms-desc .right { float: none; margin-right: 0 }
.platform-server .cms-desc .ico { margin-bottom: 10px; height: 67px; line-height: 67px }
.platform-server .cms-desc .ico img { max-height: 70% }
.platform-server .cms-desc h3 { margin-bottom: 10px; font-size: 18px; line-height: 28px }
.platform-feature { padding-top: 20px; padding-bottom: 20px }
.platform-feature .m-ml2-title { margin-bottom: 20px }
.m-quarter-icolist, .m-three-icolist { text-align: left }
.m-quarter-icolist li, .m-three-icolist li { width: 50%; padding: 0 5px; margin-bottom: 20px; text-align: center }
.m-quarter-icolist .ico, .m-three-icolist .ico { margin-bottom: 10px }
.m-quarter-icolist h3, .m-three-icolist h3 { margin-bottom: 5px; font-size: 16px; line-height: 26px }
.m-three-icolist li { width: 50% }
.m-three-icolist .ico img { width: 40% }
.product-crowd-top { padding-top: 20px; padding-bottom: 20px }
.product-crowd-top .left { float: none; width: 100%; padding: 0; margin-bottom: 10px }
.product-crowd-top .left .sys-info { width: 100% }
.product-crowd-top .right { float: none; width: 100% }
.product-crowd-mid.quarter .sys-lists li { width: 100% }
.online-news-wrapper { padding-top: 4.375% }
.online-news-wrapper ul { margin: 0 }
.online-news-wrapper li { float: none; width: 100% }
.online-news-wrapper li a { display: block; margin: 0; padding: 13.74322% 20px 16.27486%; padding: 20px 10px }
.online-news-wrapper .date { margin-bottom: 10px; font-size: 16px; line-height: 20px }
.online-news-wrapper .date .line { padding-top: 10px }
.online-news-wrapper .title { margin-bottom: 10px; font-size: 16px }
.case-news-article .title { margin-bottom: 8px; font-size: 18px; line-height: 34px }
.case-news-article .share a { margin: 0 10px 0 0 }
.case-news-article .info { padding-top: 10px; padding-bottom: 15px }
.case-news-article .singlepage { padding: 15px 0; font-size: 14px; line-height: 24px }
.case-news-article .page-ctrl { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 17px 0 }
.case-news-article .page-ctrl a { display: block; font-size: 14px; line-height: 30px; color: #999; max-width: 45%; background-repeat: no-repeat }
.case-news-article .page-ctrl .prev { float: left; padding-left: 55px; background-position: 0 center; background-image: url("../style/pageprev.png") }
.case-news-article .page-ctrl .prev:hover { color: #d90000; background-image: url("../style/pageprevac.png") }
.case-news-article .page-ctrl .next { float: right; padding-right: 55px; background-position: right center; background-image: url("../style/pagenext.png") }
.case-news-article .page-ctrl .next:hover { color: #d90000; background-image: url("../style/pagenextac.png") }
.g-news-detail { padding-bottom: 10px }
.g-news-detail .inside-nav a { border-bottom-color: #f2f2f2 }
.g-news-detail .inside-nav a:hover { border-bottom-color: #d90000 }
.g-news-detail .detail-container { padding: 20px 0 }
.g-news-detail .case-news-article { float: none; width: 100%; padding: 20px 10px 10px; min-height: auto; margin-bottom: 10px }
.g-news-detail .case-news-article .share { float: none }
.g-news-detail .detail-sidebar { width: 100%; float: none }
.g-news-detail .hot-tags ul { min-height: 64px; padding: 15px 12px 14px }
.g-news-detail .hot-tags ul li { width: 25%; margin: 0; padding: 0 3px; margin-bottom: 6px }
.g-news-detail .page-ctrl { padding: 20px 15px 2px }
.g-news-detail .page-ctrl .label span { left: 100px; width: auto }
.g-news-detail .page-ctrl .item { margin-bottom: 15px }
.applet-desc-list { margin-bottom: 10px; border: 0; overflow: hidden }
.applet-desc-list li { float: none; width: 100%; margin-bottom: 15px }
.applet-desc-list .inner { padding: 15px; border: 1px solid #d9d9d9 }
.applet-desc-list .id { font-size: 30px; line-height: 30px; margin-bottom: 8px }
.applet-desc-list h3 { margin-bottom: 10px; font-size: 16px }
.full-applet-wrapper { height: auto; padding: 20px 0 }
.full-applet-wrapper .m-web-title { margin-bottom: 15px }
.full-applet-wrapper .m-full-bg { height: 100% }
.full-applet-wrapper .m-full-bg img { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); margin-left: 0; height: 100% }
.full-applet-wrapper .applet-feature ul { margin: 0 -5px; font-size: 0 }
.full-applet-wrapper .applet-feature li { float: none; display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; margin-bottom: 10px }
.full-applet-wrapper .applet-feature .ico { margin-bottom: 10px }
.full-applet-wrapper .applet-feature .ico img { width: 38% }
.full-applet-wrapper .applet-feature h3 { margin-bottom: 5px; font-size: 16px }
.applet-func { padding-top: 20px; padding-bottom: 10px }
.applet-func .m-web-title { margin-bottom: 15px }
.applet-func-list ul { margin: 0 }
.applet-func-list li { float: none; width: 100%; margin-bottom: 10px; padding: 0 }
.applet-func-list .inner { padding: 10px 15px 20px }
.applet-func-list .ico { height: 55px; line-height: 55px; margin-bottom: 10px }
.applet-func-list .ico img { max-height: 70% }
.applet-func-list h3 { margin-bottom: 15px }
.full-applet-do { padding: 20px 15px 10px }
.full-applet-do .do-desc { margin-bottom: 15px }
.full-applet-do .inner { padding: 43px 40px 69px }
.full-applet-do .m-three-icolist { padding: 0 }
.full-applet-do .m-three-icolist p { font-size: 16px; line-height: 24px }
.wxshop-func { padding-top: 20px; padding-bottom: 20px }
.wxshop-func .m-web-title { margin-bottom: 15px }
.wxshop-func .m-quarter-icolist li { margin-bottom: 10px }
.full-wxshop-attention { padding: 20px 0 10px }
.full-wxshop-attention .m-web-title { margin-bottom: 15px }
.full-wxshop-attention ul { border: 0 }
.full-wxshop-attention li { float: none; width: 100%; font-size: 14px; margin-bottom: 15px }
.full-wxshop-attention .inner { padding: 15px; border: 1px solid #d9d9d9 }
.full-wxshop-attention .id { margin-bottom: 10px; font-size: 30px; line-height: 30px }
.full-wxshop-attention p { height: auto }
.msite-positon { padding-top: 20px; padding-bottom: 15px }
.msite-positon .m-web-title { margin-bottom: 10px }
.m-wxico-list li { width: 50%; font-size: 16px; line-height: 26px; margin-bottom: 10px }
.m-wxico-list li .ico { margin-bottom: 10px }
.m-wxico-list li img { vertical-align: middle; width: 50% !important; height: auto !important }
.g-search-form { margin: 0; width: 100%; padding-top: 15px; padding-bottom: 0 }
.g-search-form .search-for-result { float: none; width: 100%; height: 100px; padding: 10px 0; font-size: 14px; line-height: 26px }
.g-search-form .search-for-result .nums { font-size: 26px; line-height: 40px }
.g-search-form .search-form-wrap { padding: 20px 0 }
.g-search-form .search-form { width: 100% }
.g-search-form .search-form form { position: relative; padding-right: 64px }
.g-search-form .search-form input { font-size: 14px }
.g-search-form .search-form label { padding: 0; height: 40px; line-height: 40px }
.g-search-form .search-form .key { padding-left: 15px }
.g-search-form .search-form .sub { position: absolute; right: 0; top: 0; width: 64px; background: #fff url("../style/gsearch.png") no-repeat center }
.g-search-form .search-form .sub input { display: block; font-size: 0; height: 40px }
.g-search-cate { margin-bottom: 0; padding: 15px }
.g-search-cate ul { display: block; width: 100% }
.g-search-cate li { width: 25%; font-size: 12px; line-height: 42px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.sitemap-wrapper { padding: 20px 0 20px }
.sitemap-wrapper .title { padding: 30px 0 15px }
.sitemap { padding: 20px 0 10px }
.mapitem .two { width: 50% }
.m-about-title { font-size: 20px; line-height: 32px }
.m-about-text { padding: 15px 0; font-size: 16px; line-height: 30px }
.about-us-intro { padding-top: 20px; padding-bottom: 20 }
.about-us-intro .year { display: none }
.about-us-intro .article { padding: 10px 0; font-size: 14px; line-height: 26px }
.about-us-intro .intro-card { margin: 0 }
.about-us-intro .intro-card .card { float: none; width: 100%; margin-bottom: 15px }
.about-us-intro .intro-card .inner { padding: 0 }
.about-us-intro .intro-card .info { left: 10px; top: 50%; font-size: 16px; line-height: 26px; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.about-us-intro .intro-card .en { font-size: 16px; line-height: 20px }
.about-us-intro .intro-card .cn { margin-bottom: 10px; font-size: 20px; line-height: 40px }
.full-certificate-article { padding-top: 30px; padding-bottom: 20px }
.full-certificate-article .info { float: none; width: 100%; padding-top: 0 }
.full-certificate-article .cert-ico { margin-bottom: 10px; height: 50px }
.full-certificate-article .cert-ico img { width: 50px !important; height: auto !important }
.full-certificate-article .certificate { float: none; width: 100%; padding-right: 0 }
.full-certificate-article .certificate img { width: auto; max-width: 100% }
.about-field { padding-top: 20px; padding-bottom: 20px; overflow: hidden }
.about-field .main-business { margin: 0 -5px }
.about-field .main-business .business-item { margin-left: 0; width: 50%; margin-bottom: 10px; padding: 0 5px }
.about-field .main-business h2 { padding: 0 }
.about-field .main-business h2 a { font-size: 14px; line-height: 26px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.about-field .main-business .inner { padding: 20px 10px; text-align: center }
.about-field .main-business .sub { border: 0; padding-bottom: 0 }
.about-field .main-business .sub a { background: none; padding-left: 0; line-height: 32px }
.about-field .field-text { padding: 10px 0 10px }
.main-business { margin: 0 }
.main-business .business-item { float: left; width: 25% }
.main-business .business-item .inner { margin: 0 }
.main-business .ico { margin-bottom: 12px; height: 50px; line-height: 50px; font-size: 0 }
.main-business .ico img { width: auto !important; height: 36px !important }
.our-server .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.our-server .bg img { margin-left: 0; width: auto; height: 100%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) }
.our-server .server-inner { position: relative; left: 0; top: 0; z-index: 10; margin-left: 0; padding-top: 30px }
.our-server .server-inner .server-desc { padding-top: 10px; font-size: 16px; line-height: 32px }
.our-server .server-inner .server-desc .text { font-size: 18px }
.our-server .m-key-list { position: relative; left: 0; bottom: 0; z-index: 3 }
.history-wapper { width: 100%; margin: 0 auto 20px }
.history-wapper .history { padding-bottom: 20px }
.history-wapper .botline { right: auto; left: 20px; width: 1px; height: 20px }
.history-wapper .chl-title { padding: 20px 0 10px; font-size: 24px; line-height: 30px }
.history-wapper .item { display: none; border-bottom: 1px solid #e6e6e6; padding-left: 20px; padding-right: 15px }
.history-wapper .item .year { display: none }
.history-wapper .dot { right: auto; left: 13px; top: 25px }
.history-wapper .list { float: none; width: 100%; font-size: 14px; line-height: 26px; padding: 20px 0 20px 15px; border-left: 1px solid #d9d9d9 }
.history-wapper .list li { padding-bottom: 10px }
.loadmore { width: auto; margin: 20px 15px 30px; overflow: hidden; line-height: 38px; height: 40px; border-width: 1px }
.m-diff-title, .m-chl-title { font-size: 20px; line-height: 30px }
.m-diff-text { font-size: 14px; line-height: 26px }
.m-center-img { text-align: center }
.m-center-img img { max-width: 100%; vertical-align: top }
.diff-head { padding-top: 30px; padding-bottom: 20px; font-size: 16px; line-height: 28px }
.diff-head h1 { margin-bottom: 12px; font-size: 20px; line-height: 32px }
.diff-head .line { width: 120px; height: 2px; margin-left: -60px }
.full-diff-text { padding: 20px 15px 0 }
.full-diff-text .m-diff-text { padding: 10px 0 20px }
.full-ablum .item { float: none; width: 100% }
.adv-supplier { padding-top: 30px; padding-bottom: 30px }
.adv-supplier .m-diff-text { padding: 10px 0 }
.full-adv-case { position: relative }
.full-adv-case img { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.full-adv-case .case-ditt-content { position: relative; z-index: 10; top: 0; left: 0; padding: 15px }
.full-adv-case .m-diff-text { padding: 15px 0 0; font-size: 14px }
.diff-server { padding-top: 20px; padding-bottom: 20px }
.diff-server .m-diff-text { padding: 15px 0 }
.full-seo-article { padding: 30px 0 20px }
.full-seo-article .m-diff-text { padding: 10px 0 }
.full-worthy-intro { padding-top: 20px }
.full-worthy-intro .m-diff-text { padding: 15px 15px 20px }
.full-faith-article .content { font-size: 14px; line-height: 26px }
.full-faith-article .content .title { float: none; width: 100% }
.full-faith-article .content .title h2 { margin-bottom: 10px; font-size: 16px; line-height: 28px }
.full-faith-article .content .title h3 { margin-bottom: 0; font-size: 20px; line-height: 34px }
.common-problem { padding-bottom: 20px }
.common-problem .qa-title { margin-bottom: 10px; font-size: 20px; line-height: 30px }
.doc-download { padding: 20px 0 5px }
.doc-download ul { margin: 0 }
.doc-download li { float: none; width: 100%; margin-bottom: 15px }
.doc-download .inner { padding: 0 15px }
.doc-download .info { padding: 10px 78px 10px 10px }
.doc-download .pdf { padding: 0; font-size: 16px; padding-left: 56px; line-height: 24px; height: 48px; -o-background-size: 32px; background-size: 32px }
.doc-download .dw { width: 68px; height: 68px; font-size: 0; -o-background-size: 30px auto; background-size: 30px auto }
}
@media (max-width: 640px) and (max-width: 350px) {
.doc-download .inner { padding: 0 10px }
.doc-download .info { padding: 10px 74px 10px 10px }
.doc-download .pdf { font-size: 14px; line-height: 22px; height: 44px; padding-left: 46px }
.doc-download .dw { width: 64px; height: 64px }
}
@media (max-width: 640px) {
.qa-list { padding-top: 10px; font-size: 14px; line-height: 22px }
.qa-list li { margin-bottom: 10px }
.qa-list h3 { padding: 5px 40px 5px 60px; font-size: 14px; line-height: 22px; min-height: 54px; -o-background-size: 54px auto; background-size: 54px auto }
.qa-list h3 .ico { right: 10px; -o-background-size: 18px auto; background-size: 18px auto }
.qa-list h3.cur .ico { background-image: url("../style/qaless.png") }
.qa-list .answer { padding: 5px 10px 5px 60px; -o-background-size: 54px auto; background-size: 54px auto; min-height: 54px }
.contact-ways { padding-top: 30px }
.contact-ways .info { padding: 20px 0 10px }
.contact-ways .info .item { float: none; width: 100%; font-size: 14px; line-height: 26px; margin-bottom: 10px }
.contact-ways .info .item:nth-child(1) { text-align: center }
.contact-ways .info .item:nth-child(1) .ico img { max-width: none }
.contact-ways .info .ico { margin-bottom: 10px; text-align: center }
.contact-ways .info .ico img { max-width: 25%; width: auto !important; height: auto !important }
.contact-ways .info span { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
text-align: right }
.contact-ways .info .label4 { width: auto }
.full-arrive { padding: 20px 0 0 }
.arrive-info { padding-bottom: 20px }
.arrive-lf { float: none; padding: 5px 0 0 30px; -o-background-size: 20px auto; background-size: 20px auto }
.arrive-lf .arr-title { margin-bottom: 10px }
.arrive-lf .arr-title h3 { font-size: 16px; line-height: 22px }
.arrive-lf .arr-title h4 { font-size: 28px; line-height: 40px }
.arrive-lf .addr { font-size: 14px; margin-bottom: 10px }
.arrive-rg { padding-left: 0; border: 0; font-size: 14px; line-height: 26px }
.full-bdmap { height: 200px }
.contact-feedback { padding-top: 30px; padding-bottom: 30px }
.contact-feedback .m-chl-title { margin-bottom: 20px }
.contact-feedback .contact-form { max-width: 1200px; margin: 0 auto }
.contact-feedback .text { float: none; width: 100% }
.contact-feedback .text label { padding: 10px 0; margin-bottom: 15px }
.contact-feedback .text label input { font-size: 14px }
.contact-feedback .text .imgval img { top: -1px; height: 37px }
.contact-feedback .msg { float: none; width: 100% }
.contact-feedback .msg p { font-size: 16px; line-height: 50px }
.contact-feedback .msg textarea { width: 100%; height: 94px; font-size: 14px; line-height: 24px }
.contact-feedback .form-ctrl { width: 100% }
.contact-feedback .form-ctrl label { width: 48%; height: 40px; padding: 10px 0 }
.contact-feedback .form-ctrl label input { font-size: 16px }
.recruit-content { padding-top: 20px; padding-bottom: 20px }
.recruit-content .thumb { float: none; margin-left: 0 }
.recruit-content .thumb img { width: 100% }
.recruit-content .content { font-size: 14px; line-height: 26px }
.recruit-content .content .title { font-size: 20px; line-height: 36px }
.recruit-content .content .text { padding: 10px 0 20px }
.recruit-content .content .mail { font-size: 16px; line-height: 28px }
.recruit-list-wrapper { padding-bottom: 30px }
.recruit-list-wrapper .brief { padding: 10px 0; font-size: 16px; line-height: 28px }
.recruit-list-wrapper .brief h3 { width: 90%; font-size: 16px }
.recruit-list-wrapper .brief p { display: none }
.recruit-list-wrapper .brief .ico { width: 48px; height: 48px; -o-background-size: 20px auto; background-size: 20px auto }
.recruit-list-wrapper .brief.cur .ico { -o-background-size: 20px auto; background-size: 20px auto }
.recruit-list-wrapper .info { padding: 15px 0; font-size: 14px; line-height: 26px }
.recruit-list-wrapper .info dl, .recruit-list-wrapper .info .item { padding-bottom: 10px }
.recruit-list-wrapper .info dt, .recruit-list-wrapper .info .label { float: none; width: 100% }
.recruit-list-wrapper .delivery { margin-left: 0; width: 177px; height: 50px; padding-left: 74px; font-size: 16px; line-height: 50px; background: #333 url("../style/delivery.png") no-repeat 28px 8px }
.full-error-page .error-back { position: relative; left: 0%; top: 0%; margin-left: 0; font-size: 16px; line-height: 40px }
.full-error-page .error-back li { width: 16.66667%; white-space: nowrap }
.full-error-page .error-back a { padding: 0 5px; font-size: 12px; line-height: 40px; text-align: center }
.iban-pages { bottom: 5px }
.iban-pages span { width: 30px; padding: 8px 0; margin: 0 3px }
.site-article-wrapper { width: 100%; padding: 20px 15px 0 }
.site-article-wrapper li a { padding: 15px 0 0 }
.site-article-wrapper .date { position: absolute; top: 42px; left: 0; z-index: 3 }
.site-article-wrapper .date .mm-dd { float: right; font-size: 14px; line-height: 20px; border-bottom: 0; font-weight: normal }
.site-article-wrapper .date .yy { float: right; font-size: 14px; line-height: 20px }
.site-article-wrapper .date .yy::after { content: '-'; display: block; float: right }
.site-article-wrapper .title { margin-bottom: 24px; font-size: 16px; line-height: 26px }
.site-article-wrapper .desc { margin-bottom: 10px; font-size: 14px; line-height: 26px; height: 52px }
.site-article-wrapper .tag { padding: 0 0 15px }
.site-article-wrapper .tag a { float: left; margin-right: 5px; font-size: 13px; line-height: 24px }
.singlepage { font-size: 14px; line-height: 26px }
.cooperation-iframe { width: 100% }
.case-intro-wrapper .jiejuelist dl li { margin-left: 20px }
.news-subnav { padding-top: 30px }
.news-subnav .news-cate { display: inline-block; vertical-align: top; width: 100%; }
.news-subnav .news-cate li { width: 33.3333%; margin-right: 0; margin-bottom: 2px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.news-subnav .news-cate a { width: 100%; height: 40px; font-size: 12px; line-height: 40px }
.customer-swiper { display: none }
.wapconstomer { display: block; position: relative }
.wapconstomer::after { content: ''; display: block; width: 100%; padding-bottom: 205.6338% }
.wapconstomer .wapbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../style/wapconstomer.jpg") no-repeat 0 center; -o-background-size: 100% auto; background-size: 100% auto }
#newBridge .nb-invite-wrap-base { bottom: 55px !important }
#newBridge .nb-icon-right-bottom { bottom: 70px !important }
#nb_icon_wrap { width: 50px !important; height: 50px !important }
#newBridge .nb-icon-wrap-4 .nb-icon-wrap-base { -o-background-size: 38px !important; background-size: 38px !important }
.m-gif-ban { position: relative; background-color: #ec671c }
.m-gif-ban .weblg { padding-bottom: 50% }
.m-gif-ban .weblg img { width: 60% !important; left: 20%; top: 10.13333% }
#mobile_icon_div>div { width: 50px !important; height: 50px !important; left: auto !important; background-color: #333 !important; right: 10px !important }
#mobile_icon_div svg { -webkit-transform: translate(-0.7em, -0.7em); -moz-transform: translate(-0.7em, -0.7em); -ms-transform: translate(-0.7em, -0.7em); -o-transform: translate(-0.7em, -0.7em); transform: translate(-0.7em, -0.7em) }
.full-project-flow { padding: 0 0 0 }
.full-project-flow .flow-title { margin-bottom: 15px; font-size: 20px; line-height: 30px }
.full-project-flow .flow-chart { padding-top: 20px; margin: 0 }
.full-project-flow .flow-chart .item { width: 50%; padding: 0 5px; margin-bottom: 15px }
.full-project-flow .flow-chart .item:after { display: none }
.full-project-flow .flow-chart .item p.mgw { margin: 0 }
.full-project-flow .flow-chart .item img { width: 50% !important }
.full-project-flow .flow-chart .item .name { padding: 10px 0 4px; font-size: 16px; line-height: 26px }
.full-guidance .guidance-wraper { left: 0%; margin-left: 0 }
.full-guidance .guidance-wraper h3 { margin-bottom: 5px; font-size: 16px; line-height: 30px }
.full-guidance .guidance-wraper .ico { height: 36px; -o-background-size: 36px auto; background-size: 36px auto }
.operate-problems { padding-top: 25px; padding-bottom: 30px }
.operate-problems .qa-title { font-size: 20px; line-height: 30px; margin-bottom: 15px }
.operate-problems ul { padding-bottom: 15px }
.operate-video-popup .operate-video { left: 3%; width: 94%; height: auto; margin: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.operate-video-popup .title { font-size: 18px; line-height: 46px }
.operate-video-popup .close { width: 46px; font-size: 24px; line-height: 46px }
.operate-video-popup .video-list { height: auto; padding: 20px }
.operate-video-popup .video-list a { line-height: 40px; -o-background-size: 20px auto; background-size: 20px auto }
.video-player-popup .close { right: 0 }
.maintain-content .m-web-title { margin-bottom: 15px }
.maintain-content .topic-list .inner { padding: 15px }
.maintain-content .topic-list h4 { margin-bottom: 10px }
.maintain-content .topic-list .inner h3 { margin-bottom: 10px; font-size: 18px; display: -webkit-box; height: 26px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.maintain-content .topic-list p { max-height: 144px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; height: auto }
.full-maintain-flow { padding: 25px 0 30px; background-color: #f2f2f2 }
.full-maintain-flow .m-web-title { margin-bottom: 20px }
.maintain-feature { padding: 25px 0 0 }
.maintain-feature .ico { width: 42%; margin: 0 auto 15px }
.maintain-feature .ico img { max-width: 100% }
.maintain-feature li { width: 50%; margin-bottom: 15px }
.maintain-feature li:after { display: none }
.maintain-feature .time1:after { display: none }
.maintain-feature .inner { padding: 0 10px }
.maintain-feature h3 { margin-bottom: 10px; font-size: 16px }
.full-contact-tab { padding: 20px 0 15px }
.full-contact-tab .tab-handle { text-align: center }
.full-contact-tab .tab-handle .handle { width: 50%; display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
margin: 0; padding: 155px 5px 0; -o-background-size: 98px auto; background-size: 98px auto }
.full-contact-tab .name { font-size: 16px; line-height: 24px }
.full-b2c-server.left-image .thumb { display: block; width: 100% }
.full-b2c-server.left-image .table-middle { display: block; width: 100%; margin: 0 }
.full-b2c-server.left-image .table-middle .content { width: 100%; padding-left: 0 }
.ban-center-dev { margin-top: 0; min-height: 135px }
.ban-center-dev .title { font-size: 18px; line-height: 1.4 }
#LXB_CONTAINER, #LXB_CLOSE_BTN, #LXB_INVITE { z-index: 99 !important }
#LXB_CONTAINER_SHOW.lxb-container-btn-show { top: auto !important; bottom: 230px !important; margin-bottom: 0 !important }
#mobile_icon_div { display: none !important }
#LXB_CONTAINER_SHOW.lxb-container-btn-show { display: none !important }
.iban-ctrl { width: auto; padding: 0 15px; height: 34px }
.iban-index span { font-size: 16px; line-height: 34px }
.iban-index .line { font-size: 16px }
.iban-nav { display: none }
.scroll-tips { display: none }
}
@media (max-width: 350px) {
.mcase-right-info { padding: 0 }
.m-ichl-subnav li a { font-size: 14px }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.footer-content { padding-bottom: constant(safe-area-inset-bottom) }
.sidebar { padding-bottom: constant(safe-area-inset-bottom) }
}
.szcolor-white { color: #fff }
.szm-fs24 { font-size: 24px }
.m-tcenter { text-align: center }
.sz-col-md-4 { float: left; width: 33.3% }
.sz-col-md-3 { float: left; width: 25% }
.szcolor-gary { color: #666 }
.sz-mb10 { margin-bottom: 10px }
.sz-bggary { background: #f1f1f1 }
.szcolor-red { color: #d90000 }
.seom-title { font-size: 32px; line-height: 48px; text-align: center; margin-bottom: 10px }
.why-column-one { padding-top: 96px; padding-bottom: 96px; background-color: #fff; overflow: hidden }
.why-list { padding-top: 105px; margin: 0 -28px }
.why-list li { float: left; text-align: center; color: #666666; font-size: 16px; width: 25%; line-height: 24px }
.why-list li .why-box { padding: 0 28px 20px }
.why-list li .why-icon { margin-bottom: 40px }
.why-list li .why-icon img { height: 82px }
.why-list li .why-title { font-size: 24px; margin-bottom: 10px; color: #333 }
.why-list li p { max-width: 310px; margin: 0 auto }
.seo-operation { position: relative; overflow: hidden }
.seo-operation img { display: block; width: 100% }
.difference-box { width: 100%; text-align: center }
.mseo-xycenter { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.szm-mb20 { margin-bottom: 20px }
.five-advantages { padding-top: 64px; padding-bottom: 120px }
.advant-list { padding-top: 70px; text-align: center; font-size: 0; line-height: 0 }
.advant-list li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 20%; font-size: 16px; line-height: 24px }
.advant-list li .advant-item { padding: 0 30px }
.advant-list li .adv-icon { width: 150px; height: 150px; border: 1px solid #d90000; -webkit-border-radius: 100%; border-radius: 100%; margin: 0 auto 50px }
.advant-list li .adv-icon img { width: 100% }
.advant-list li h4 { margin-bottom: 13px }
.m-seocontent, .ranking-dec { padding-top: 8px; max-width: 800px; margin: 0 auto }
.seo-searchrank { background: #f2f2f2; padding: 50px 0 100px }
.optimization { font-size: 0; line-height: 0; padding-top: 80px }
.optimization li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 25%; font-size: 16px; line-height: 24px; text-align: center }
.optimization li .opt-icon { height: 80px; margin-bottom: 40px }
.optimization li h4 { margin-bottom: 12px }
.additional-services { padding-top: 100px; padding-bottom: 50px }
.ranking-dec { text-align: center }
.additional-list { font-size: 0; line-height: 0; text-align: center; padding-top: 70px }
.additional-list li { width: 25%; padding-bottom: 65px; display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
font-size: 16px; line-height: 24px }
.additional-list li .add-icon { width: 160px; height: 160px; border: 1px solid #d90000; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto 20px }
.additional-list li .add-icon img { display: block; width: 100% }
.additional-list li h5 { margin-bottom: 15px }
.additional-list li .max-width240 { max-width: 240px; margin: 0 auto }
.additional-list li .addit-box { padding: 0 20px }
.wqpclassic-case { padding-top: 60px; padding-bottom: 98px; overflow: hidden }
.wqpicase-list { padding-top: 55px }
.wqpicase-list { margin: 0 -40px }
.wqpicase-list li .item { padding: 0 40px; font-size: 14px; line-height: 22px }
.wqpicase-list li .item a { display: block; color: #666666 }
.wqpicase-list li .item .imgzoom { margin-bottom: 20px; position: relative; overflow: hidden }
.wqpicase-list li .item .imgzoom:before { content: ""; display: block; padding-bottom: 66.66667% }
.wqpicase-list li .item .imgzoom img { position: absolute; top: 0; left: 0; display: block; width: 100% }
.wqpicase-list li .item .title { font-size: 16px }
.wqpicase-list li .item .desc { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px }
.immediate-use { text-align: center; padding-bottom: 45px }
.immediate-use a { width: 184px; height: 55px; line-height: 55px; border: solid 1px #bfbfbf; font-size: 20px; color: #d90000; display: inline-block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.immediate-use a:hover { background: #d90000; color: #fff; border-color: #d90000 }
.we-resources { padding-top: 90px; padding-bottom: 100px }
.resources-list { padding-top: 50px }
.resources-list ul { border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; background: #f5f5f5 }
.resources-list ul li { float: left; width: 20%; font-size: 16px; color: #666666 }
.resources-list ul li .res-tit22 { margin-bottom: 10px }
.resources-list ul li:last-child .resway-item:before { display: none }
.resway-item { padding: 45px 20px 40px 40px; border: 1px solid #dbdbdb; margin: -1px 0 0 -1px; position: relative }
.resway-item:before { content: ""; display: block; width: 22px; height: 72px; background: url(../css1/..../style/onlineicon06.png) 0 0 no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -20px; z-index: 2 }
.res-icon { height: 56px; line-height: 56px; display: block; margin-bottom: 34px }
.res-icon img { max-height: 100% }
.res-tit22 { font-size: 22px; color: #333 }
.delivery-wrap { background: url(../style/seoimg07.jpg) center 0 no-repeat; -o-background-size: cover; background-size: cover; padding-top: 64px; padding-bottom: 85px }
.delivery-list { font-size: 0; line-height: 0; padding-top: 65px }
.delivery-list li { display: inline-block; vertical-align: top; *display:inline;
*zoom:1;
width: 25%; text-align: center; font-size: 14px; line-height: 24px; color: #fffefe }
.delivery-list li .deli-icon { width: 160px; height: 160px; line-height: 160px; margin: 0 auto 20px; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50% }
.delivery-list li .deli-icon img { max-height: 100% }
.delivery-list li .szm-fs24 { margin-bottom: 20px }
.delivery-list li .max220 { max-width: 220px; margin: 0 auto }
.media-matrix { padding-top: 64px; padding-bottom: 88px }
.matrix-list { padding-top: 40px }
.matrix-list li { float: left; width: 25% }
.matrix-list li .matrix-item { border: 1px solid #dbdbdb; margin: -1px 0 0 -1px; padding: 30px 30px 30px 64px; position: relative; background: url(../style/advicon11.png) right bottom no-repeat }
.matrix-list li .matrix-item:before { content: ""; display: block; position: absolute; width: 26px; height: 55px; background: url(../style/advicon10.png); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -26px; z-index: 2 }
.matrix-list li .matrix-item .szm-fs24 { margin-bottom: 16px }
.matrix-list li:last-child .matrix-item:before { display: none }
.matrix-num { font-size: 52px; color: #e34343; line-height: 52px; display: block; margin-bottom: 20px }
.overall-coverage { padding-top: 65px; padding-bottom: 100px; background: #f1f1f1 }
.overage-dl { padding-top: 70px }
.overage-dl dt { float: left; width: 50%; position: relative }
.overage-dl dt img { max-width: 100% }
.overage-dl dt:after { content: ""; width: 78px; height: 52px; display: block; background: url(../style/advicon12.png); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -20px }
.overage-dl dd { padding-top: 30px; float: left; width: 50%; overflow: hidden }
.cover-item { padding-left: 180px; margin-bottom: 70px; max-width: 500px }
.cover-item:last-child { margin-bottom: 0 }
.cover-item .cover-num { font-size: 48px; line-height: 48px; color: #e34343; margin-bottom: 15px }
.media-partners { padding-top: 65px; padding-bottom: 50px }
.media-partners .media-list { padding-top: 100px; width: 100% }
.media-partners .media-list li { float: left; width: 25%; text-align: center; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.media-partners .media-list li img { display: inline-block; max-width: 100% }
.media-partners .media-list li:nth-of-type(4n-4) { border-right: 0 }
.ad-serving { padding-top: 50px }
.ad-serving li { float: left; width: 20% }
.ad-serving li .serving-box { padding: 50px 20px 40px 40px; position: relative; color: #666666 }
.ad-serving li .serving-box .sameheight { min-height: 210px }
.ad-serving li .serving-box h2 { margin-bottom: 10px; color: #333 }
.ad-serving li:nth-of-type(odd) { background: #f5f5f5 }
.ad-serving li:nth-of-type(odd) .serving-box { border: 1px solid #dbdbdb }
.ad-serving li:nth-of-type(odd) .serving-box:after { content: ""; position: absolute; width: 20px; height: 20px; border: 10px solid transparent; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background: #f5f5f5; right: -26px; top: 40%; -webkit-transform: rotate(-135deg) translateY(-50%); -moz-transform: rotate(-135deg) translateY(-50%); -ms-transform: rotate(-135deg) translateY(-50%); -o-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%) }
.ad-serving li:nth-of-type(odd):nth-of-type(5n-5) .serving-box:after { display: none }
.sz-fs22 { font-size: 22px }
.serv-num { font-size: 52px; line-height: 52px; color: #e34343; display: block; margin-bottom: 20px }
.wtechnical-support { padding-top: 48px; background: url(../style/advimg01.jpg) center 0 no-repeat; min-height: 530px }
.wtech-left { float: left; width: 30%; font-size: 32px; line-height: 36px; padding: 36px 0 0 }
.wtech-right { float: right; width: 61.25% }
.wtech-right li { text-align: center; width: 25%; float: left }
.wtech-right li .wtech-icon { width: 160px; height: 160px; line-height: 160px; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto 15px }
.wtech-right li .wtech-icon img { max-height: 100% }
.szm-mt80 { margin-top: 80px }
.wt-cntit { color: #d90000 }
.wt-entit { color: #ffffff; opacity: 0.5; margin-bottom: 30px }
.location-box { padding-top: 64px; padding-bottom: 64px }
.location-box ul .szm-pt0 { padding-top: 0 }
.location-box ul li .matrix-item { background: none; padding: 60px 28px 50px 48px; font-size: 14px; line-height: 22px; color: #666 }
.location-box ul li .matrix-item .szm-fs24 { color: #333 }
.szm-pt0 { padding-top: 0 }
.pain-spot { background: #f1f1f1; padding-top: 78px; padding-bottom: 70px }
.spot-left { float: left; width: 52.5% }
.spot-left li { float: left; width: 33.33333% }
.spot-left li .spot-item { border: 1px solid #dfdfdf; margin: -1px 0 0 -1px; padding: 30px 20px 30px 30px; color: #666 }
.spot-left li .spot-item .sz-fs22 { color: #333; margin-bottom: 10px }
.spot-wrap { margin-top: 80px }
.spot-right { float: right; width: 32.5% }
.spot-right img { max-width: 100% }
.szm-pt60 { padding-top: 60px }
.content-Jitter { padding-top: 60px; padding-bottom: 106px }
.jit-img { height: 50px; line-height: 50px; margin: 30px 0 40px }
.jit-img img { max-height: 100% }
.jit-num { font-size: 100px; color: #e34343; opacity: 0.1; line-height: 80px; margin: -30px -10px 0 0; text-align: right; display: block }
.sz-pbuild-wrap { padding-top: 64px; padding-bottom: 0 }
.sz-pbuild-list { font-size: 0; line-height: 0; margin-top: 30px; position: relative }
.sz-pbuild-list li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 24px; text-align: center; width: 16.66667% }
.sz-pbuild-list li .build-icon { height: 40px; overflow: hidden; margin-bottom: 10px }
.sz-pbuild-list li .build-icon img { max-height: 100% }
.sz-pbuild-list li .build-dot { width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background: #e34343; position: relative; margin-bottom: 15px }
.sz-pbuild-list li .build-dot:before { content: ""; position: absolute; display: block; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; top: 4px; left: 4px; background: #fff }
.sz-pbuild-list:before { content: ""; display: block; position: absolute; top: 58px; width: 100%; height: 2px; background-color: #d4d4d4 }
.sz-pbuild-list { margin-top: 60px }
.sz-pbuild-list li .build-icon { height: 60px; margin-bottom: 20px }
.sz-pbuild-list li .build-dot { width: 20px; height: 20px }
.sz-pbuild-list li .build-dot:before { width: 10px; height: 10px; top: 5px; left: 5px }
.sz-pbuild-list:before { top: 89px }
.opjitter-wrap { padding-top: 64px; padding-bottom: 95px }
.opjitter-floatnone { float: none; width: 100%; padding: 60px 0 0; max-width: 1450px; margin: 0 auto; line-height: 24px; font-size: 14px }
.wind-tremor { padding-top: 65px; padding-bottom: 140px }
.analysis-ul { margin-left: -20px; margin-right: -20px; padding-top: 79px }
.analysis-ul li { margin-bottom: 15px; float: left; width: 16.66667% }
.m-analysis { position: relative; overflow: hidden; background-color: #ffffff; margin: 0 15px }
.m-analysis .title { text-align: center; line-height: 48px; background: #e34343; color: #fff; font-size: 24px }
.m-analysis .word { padding: 20px 15px 25px; position: relative; border: 1px solid #dfdfdf }
.m-analysis .word .info { color: #666; line-height: 24px; display: block; width: 100% }
.telphone-box { padding-bottom: 100px }
.sztel-num { text-align: center; margin-top: 30px }
.sztel-num a { display: inline-block; padding: 14px 60px 14px 108px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #d90000; color: #fff; font-size: 32px; background-image: url(../style/advicon26.png); background-repeat: no-repeat; background-position: 60px center }
.wqp-casetab { float: left; margin-top: 40px }
.wqp-casetab a { color: #006ABE; font-size: 14px; height: 34px; line-height: 34px; border: 1px solid #006ABE; padding: 0 16px; position: relative; display: inline-block; border-radius: 17px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 15px 15px 0; }
/*.wqp-casetab a:after { content: "|"; position: absolute; right: -4px; top: 0; line-height: 34px }*/
.wqp-casetab a.cur, .wqp-casetab a:hover { background: #006ABE; color: #fff; border: 1px solid #006ABE; }
.wqp-casetab a:last-child:after { display: none }
.indexcase-wrap { display: none }
.indexcase-wrap .iclassic-wrapper { display: none }
.m-mb10 { margin-bottom: 10px }
.szbuild-box { padding-top: 45px; padding-bottom: 45px }
.maxwidth1024 { max-width: 1024px; margin: 0 auto }
.better-tit { padding: 10px 0 }
.szbuild-principle { position: relative; background-position: center center; -o-background-size: cover; background-size: cover }
.szbuild-commonweb { padding-top: 20px; padding-bottom: 24px; display: table; width: 100% }
.build-prin { display: table-cell; vertical-align: middle; width: 30%; font-size: 32px; line-height: 36px }
.build-prin img { max-width: 100% }
.m-tr { text-align: right }
.prin-content { overflow: hidden; display: table-cell; vertical-align: middle; padding-left: 68px; font-size: 22px; line-height: 36px }
.maxwidth800 { max-width: 800px }
.good-web-wrap { padding-top: 100px; padding-bottom: 100px }
.principle-list { margin: 0 -50px; padding-bottom: 100px }
.principle-list li { float: left; width: 50%; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.principle-list li img { width: 156px; height: 156px; float: left; margin-right: 32px }
.principle-list li .ciple-text { overflow: hidden }
.principle-list li .ciple-text h5 { font-size: 24px; margin-bottom: 20px }
.simple-wrap { padding-top: 120px; padding-bottom: 120px }
.maxwidth970 { max-width: 970px }
.fine-team { padding-top: 100px; padding-bottom: 100px }
.team-list { padding-top: 100px }
.team-list li { float: left; width: 33.33% }
.team-list li .fine-conbox { border: 1px solid #ededed; padding: 30px; margin: -1px 0 0 -1px; position: relative }
.team-list li .fine-conbox .team-icon { position: absolute; top: 0; right: 0 }
.build-sztitle { color: #d90000; font-size: 48px; line-height: 50px; text-align: center }
.which-wrap { padding-bottom: 100px }
.szwhilce-list { padding-top: 60px }
.szwhilce-list li { display: inline-block; vertical-align: top; text-align: center; width: 33% }
.szwhilce-list li img { width: 120px; height: 120px; margin-bottom: 20px }
.optimize { padding-top: 35px; background-color: #f2f2f2; overflow: hidden }
.colorbule { color: #d90000 }
.compare-tit { font-size: 26px; color: #111; text-align: center; line-height: 40px; margin-bottom: 20px; font-weight: lighter }
.compare-tit span { font-family: "Montserrat-Regular"; color: #d90000; font-weight: bold; display: inline-block; margin: 0 18px }
.optimize { position: relative; padding-bottom: 25px }
.optimize:before { content: ""; display: block; width: 50%; height: 100%; background-color: #eaeaea; position: absolute; top: 0; left: 0; z-index: 0 }
.optimize .commonweb { position: relative; z-index: 2 }
.compare-list li { position: relative; min-height: 50px; margin-bottom: 18px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.dot-icon { position: relative; min-height: 50px }
.compare-left { width: 50%; float: left; padding-right: 50px; text-align: right; color: #d90000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.compare-right { width: 50%; float: left; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.compare-middle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.coliumn-tit { width: 50px; height: 30px; background-color: #bfbfbf; text-align: center; line-height: 30px; font-size: 14px; position: relative }
.coliumn-tit:before, .coliumn-tit:after { content: ""; position: absolute; width: 10px; height: 2px; top: 50%; margin-top: -1px; display: block; left: -10px; background-color: #d90000 }
.coliumn-tit:after { left: auto; right: -10px; background-color: #bfbfbf }
.coliumn-tit .icon-left, .coliumn-tit .icon-right { content: ""; display: block; width: 10px; height: 10px; border: solid 2px #d90000; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.coliumn-tit .icon-right { left: auto; right: -20px; border-color: #bfbfbf }
.standard { padding-top: 35px; overflow: hidden }
.standard ul { padding-top: 15px }
.standard .pt100 { padding-bottom: 20px }
.weullist { font-size: 0; line-height: 0; padding-top: 24px; text-align: center }
.weullist li { display: inline-block; width: 33.3%; text-align: center; font-size: 16px; line-height: 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 20px }
.weullist li .we-icon { position: relative; cursor: pointer; width: 80px; margin: 0 auto 10px; border: 1px solid #bfbfbf; -webkit-border-radius: 50%; border-radius: 50% }
.weullist li .we-icon img { width: 100% }
@media (min-width: 768px) {
.weullist li { width: 20% }
}
@media (min-width: 1024px) {
.compare-tit { margin-bottom: 30px }
.compare-list li { font-size: 18px }
.optimize { padding-top: 80px; padding-bottom: 66px }
.compare-list li { margin-bottom: 28px; line-height: 30px }
.dot-icon { padding-top: 9px }
.compare-left { padding-right: 150px }
.compare-right { padding-left: 150px }
.coliumn-tit { width: 165px; height: 50px; line-height: 50px; font-size: 18px }
.coliumn-tit:before, .coliumn-tit:after { width: 47px; height: 2px; left: -47px }
.coliumn-tit:after { left: auto; right: -47px }
.coliumn-tit .icon-left, .coliumn-tit .icon-right { left: -55px }
.coliumn-tit .icon-right { left: auto; right: -55px }
.standard { padding-top: 90px; padding-bottom: 50px }
.standard ul { padding-top: 80px }
.weullist { padding-top: 24px }
.weullist li { width: 20%; font-size: 20px; line-height: 20px; padding-bottom: 20px }
.weullist li .we-icon { width: 160px; margin: 0 auto 20px }
}
@media (max-width: 1366px) {
.szm-fs24 { font-size: 18px }
}
@media (max-width: 640px) {
.wqp-casetab a { color: #006ABE; font-size: 13px; height: 30px; line-height: 30px; border: 1px solid #006ABE; padding: 0 10px; position: relative; display: inline-block; border-radius: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 5px 10px 0; }
.szm-fs24 { font-size: 16px }
.sz-col-xs-12 { float: left; width: 100% }
.seom-title { font-size: 18px; line-height: 26px; margin-bottom: 0 }
.why-column-one { padding-top: 30px; padding-bottom: 30px }
.why-list { padding-top: 30px; margin: 0 -10px }
.why-list li { width: 100%; line-height: 22px; font-size: 14px }
.why-list li .why-box { padding: 0 10px 20px }
.why-list li .why-icon { margin-bottom: 20px }
.why-list li .why-icon img { height: 52px }
.why-list li .why-title { font-size: 16px }
.seo-operation { font-size: 14px; line-height: 22px }
.seo-operation img { width: auto; height: 250px }
.difference-box .seom-title { font-size: 18px }
.difference-box br { display: none }
.szm-mb20 { margin-bottom: 10px }
.five-advantages { padding-top: 30px; padding-bottom: 30px }
.advant-list { padding-top: 20px }
.advant-list li { width: 50%; font-size: 14px; line-height: 22px }
.advant-list li .advant-item { padding: 0 5px 15px }
.advant-list li .adv-icon { width: 80px; height: 80px; margin: 0 auto 10px }
.advant-list li h4 { margin-bottom: 10px }
.advant-list li:last-child { width: 100% }
.mob-fs14 { font-size: 14px; line-height: 22px }
.seo-searchrank { padding: 35px 0 30px }
.optimization { padding-top: 20px }
.optimization li { width: 50%; font-size: 14px; line-height: 22px; padding-bottom: 15px }
.optimization li .opt-icon { height: 50px; margin-bottom: 10px }
.optimization li .opt-icon img { height: 50px }
.additional-services { padding-top: 35px; padding-bottom: 40px }
.additional-list { padding-top: 20px }
.additional-list li { width: 50%; padding-bottom: 15px; font-size: 14px; line-height: 22px }
.additional-list li .add-icon { width: 80px; height: 80px; margin: 0 auto 10px }
.additional-list li .addit-box { padding: 0 10px }
.wqpclassic-case { padding-top: 35px; padding-bottom: 25px }
.wqpicase-list { padding-top: 25px }
.wqpicase-list { margin: 0 -10px }
.wqpicase-list li { padding-bottom: 15px }
.wqpicase-list li .item { padding: 0 10px }
.wqpicase-list li .item .imgzoom { margin-bottom: 20px }
.wqpicase-list li .item .title { font-size: 16px }
.immediate-use { padding-top: 10px; padding-bottom: 15px }
.immediate-use a { width: 140px; height: 40px; line-height: 40px; font-size: 16px }
.we-resources { padding-top: 35px; padding-bottom: 30px }
.resources-list { padding-top: 20px }
.resources-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; height: 100% }
.resources-list ul li { float: none; width: 50%; font-size: 14px; line-height: 24px }
.resway-item { padding: 20px 10px 20px 20px; height: 100% }
.resway-item:before { width: 10px; height: 33px; -o-background-size: cover; background-size: cover; right: -10px }
.res-icon { height: 46px; line-height: 46px; margin-bottom: 14px }
.res-icon img { max-height: 100% }
.res-tit22 { font-size: 18px }
.we-resources { padding-top: 35px; padding-bottom: 30px }
.resources-list { padding-top: 20px }
.resources-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch }
.resources-list ul li { float: none; width: 50%; font-size: 14px }
.resources-list ul li .res-tit22 { margin-bottom: 10px }
.resway-item { padding: 20px 20px 20px 40px }
.resway-item:before { content: ""; width: 14px; height: 46px; right: -14px }
.res-icon { height: 36px; line-height: 36px; margin-bottom: 14px }
.res-tit22 { font-size: 18px }
.delivery-wrap { padding-top: 35px; padding-bottom: 25px }
.delivery-list { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch }
.delivery-list li { width: 50%; padding-bottom: 20px }
.delivery-list li .deli-icon { width: 80px; height: 80px; line-height: 80px; margin: 0 auto 10px }
.delivery-list li .szm-fs24 { margin-bottom: 10px }
.delivery-list li .max220 { max-width: 220px; margin: 0 auto }
.media-matrix { padding-top: 35px; padding-bottom: 35px }
.matrix-list { padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch }
.matrix-list li { float: none; width: 50% }
.matrix-list li .matrix-item { padding: 10px 20px 10px 30px; height: 100%; -o-background-size: auto 50px; background-size: auto 50px }
.matrix-list li .matrix-item:before { content: ""; width: 16px; height: 34px; -o-background-size: cover; background-size: cover; right: -16px }
.matrix-list li .matrix-item .szm-fs24 { margin-bottom: 6px }
.matrix-num { font-size: 36px; line-height: 38px; margin-bottom: 10px }
.overall-coverage { padding-top: 35px; padding-bottom: 30px }
.overage-dl { padding-top: 20px }
.overage-dl dt { float: none; width: 100%; padding-bottom: 30px }
.overage-dl dt:after { width: 38px; height: 25px; -o-background-size: cover; background-size: cover; bottom: 0; top: auto; left: 50%; -webkit-transform: translate(-50%, 0) rotate(90deg); -moz-transform: translate(-50%, 0) rotate(90deg); -ms-transform: translate(-50%, 0) rotate(90deg); -o-transform: translate(-50%, 0) rotate(90deg); transform: translate(-50%, 0) rotate(90deg) }
.overage-dl dd { float: none; width: 100% }
.cover-item { padding-left: 0; margin-bottom: 20px }
.cover-item .cover-num { font-size: 36px; line-height: 38px; margin-bottom: 10px }
.media-partners { padding-top: 35px; padding-bottom: 20px }
.media-partners .media-list { padding-top: 20px }
.media-partners .media-list li { float: left; width: 25% }
.ad-serving { padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch }
.ad-serving li { float: none; width: 50% }
.ad-serving li .serving-box { padding: 20px; height: 100% }
.ad-serving li .serving-box h2 { margin-bottom: 10px }
.ad-serving li:nth-of-type(odd) { background: none }
.ad-serving li:nth-of-type(odd) .serving-box { border: none }
.ad-serving li:nth-of-type(odd) .serving-box:after { display: none }
.ad-serving li:nth-of-type(4n-3), .ad-serving li:nth-of-type(4n) { background: #f5f5f5 }
.ad-serving li:nth-of-type(4n-3) .serving-box, .ad-serving li:nth-of-type(4n) .serving-box { border: 1px solid #dbdbdb }
.ad-serving li:nth-of-type(4n-3) .serving-box:after, .ad-serving li:nth-of-type(4n) .serving-box:after { right: -17px; display: block !important }
.sz-fs22 { font-size: 16px }
.serv-num { font-size: 32px; line-height: 32px; margin-bottom: 10px }
.wtechnical-support { padding-top: 35px; min-height: 530px; -o-background-size: cover; background-size: cover }
.wtech-left { float: none; width: 100%; font-size: 18px; line-height: 30px; padding: 0 }
.wtech-right { float: none; width: 100%; padding-top: 30px }
.wtech-right li { width: 50%; float: left; padding-bottom: 20px }
.wtech-right li .wtech-icon { width: 80px; height: 80px; line-height: 80px; margin: 0 auto 15px }
.szm-mt80 { margin-top: 30px }
.wt-entit { margin-bottom: 5px }
.sz-pbuild-list { font-size: 0; line-height: 0; margin-top: 30px; position: relative }
.sz-pbuild-list li { font-size: 14px }
.sz-pbuild-list li .build-icon { height: 40px; overflow: hidden; margin-bottom: 10px }
.sz-pbuild-list li .build-dot { width: 16px; height: 16px; margin-bottom: 15px }
.sz-pbuild-list li .build-dot:before { content: ""; width: 8px; height: 8px; top: 4px; left: 4px }
.sz-pbuild-list:before { top: 58px; width: 100% }
.location-box { padding-top: 35px; padding-bottom: 35px }
.location-box ul li .matrix-item { padding: 30px 10px 30px 28px }
.pain-spot { padding-top: 35px; padding-bottom: 30px }
.spot-left { float: none; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch }
.spot-left li { float: none; width: 50% }
.spot-left li .spot-item { padding: 20px; height: 100% }
.spot-wrap { margin-top: 30px }
.spot-right { float: none; width: 100%; padding: 20px 0 0 }
.szm-pt60 { padding-top: 30px }
.content-Jitter { padding-top: 35px; padding-bottom: 35px }
.jit-img { height: 40px; line-height: 40px; margin: 20px 0 }
.jit-num { font-size: 50px; line-height: 40px; margin: -10px -10px 0 0 }
.sz-pbuild-wrap { padding-top: 35px; padding-bottom: 0 }
.sz-pbuild-list { margin-top: 20px }
.sz-pbuild-list li { font-size: 14px }
.sz-pbuild-list li .build-icon { height: 40px; line-height: 40px }
.sz-pbuild-list li .build-dot { margin-bottom: 5px }
.opjitter-wrap { padding-top: 35px; padding-bottom: 35px }
.opjitter-floatnone { padding: 20px 0 0 }
.wind-tremor { padding-top: 35px; padding-bottom: 20px }
.analysis-ul { margin-left: -10px; margin-right: -10px; padding-top: 19px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch }
.analysis-ul li { margin-bottom: 15px; float: none; width: 50% }
.m-analysis { margin: 0 10px; height: 100% }
.m-analysis .title { line-height: 48px; font-size: 16px }
.m-analysis .word { padding: 20px 15px 25px; height: 100% }
.m-analysis .word .info { font-size: 14px }
.telphone-box { padding-bottom: 30px }
.sztel-num { margin-top: 20px }
.sztel-num a { padding: 14px 30px 14px 60px; font-size: 22px; background-position: 30px center; -o-background-size: auto 26px; background-size: auto 26px }
.m-mb10 { margin-bottom: 10px }
.szbuild-box { padding-top: 35px; padding-bottom: 35px }
.szbuild-commonweb { padding-top: 20px; padding-bottom: 24px; display: block; width: 100% }
.build-prin { width: 100%; display: block; font-size: 18px; line-height: 26px; text-align: center; padding-bottom: 20px }
.build-prin img { max-width: 30% }
.prin-content { display: block; padding-left: 0; font-size: 14px; line-height: 26px }
.good-web-wrap { padding-top: 35px; padding-bottom: 30px }
.principle-list { margin: 0; padding-bottom: 10px }
.principle-list li { width: 100%; padding: 0 0 20px }
.principle-list li img { width: 80px; height: 80px; float: left; margin-right: 12px }
.principle-list li .ciple-text { overflow: hidden }
.principle-list li .ciple-text h5 { font-size: 18px; margin-bottom: 10px }
.simple-wrap { padding-top: 20px; padding-bottom: 20px }
.fine-team { padding-top: 35px; padding-bottom: 35px }
.team-list { padding-top: 20px }
.team-list li { float: left; width: 100% }
.team-list li .fine-conbox { padding: 20px }
.team-list li .fine-conbox .team-icon { width: 15% }
.team-list li .fine-conbox .team-icon img { max-width: 100% }
.build-sztitle { font-size: 26px; line-height: 46px }
.which-wrap { padding-bottom: 40px }
.szwhilce-list { padding-top: 30px; font-size: 0; line-height: 0 }
.szwhilce-list li { width: 33%; font-size: 14px; line-height: 24px; padding: 0 5px }
.szwhilce-list li img { width: 80px; height: 80px; margin-bottom: 5px }
}
.CoreBusiness { padding-bottom: 50px; }
/*---核心业务---*/

.CoreBusiness { width: 100%; height: 700px; background: url(../style/index_04.jpg) no-repeat center top #efeeec; }
.CoreBusinesstitle { width: 100%; }
.CoreBusinesstitle h3 { line-height: 36px; text-align: center; font-size: 32px; color: #007bc4; padding: 25px 0px 15px; }
.CoreBusinesstitle h3 a { color: #007bc4; }
.CoreBusinesstitle h3 a:hover { color: #007bc4; }
.CoreBusinesstitle p { background: #dadada; height: 1px; overflow: hidden; line-height: 0px; }
.CoreBusinesstitle p span { margin: 0px auto; display: block; height: 1px; overflow: hidden; width: 86px; background: #007bc4; line-height: 1px; }
.CoreBusinesstitle em { display: block; text-align: center; font-size: 14px; color: #999; padding-top: 10px; }
.CoreBusinesslist { width: 1180px; margin: 0px auto; overflow: hidden; padding-top: 20px; }
.CoreBusinesslist ul { margin: 0px; padding: 0px; width: 1182px; }
.CoreBusinesslist ul li { float: left; width: 293px; height: 250px; overflow: hidden; position: relative; display: inline; margin-bottom: 10px; }
.CoreBusinesslist ul li.cur { margin-right: 10px; }
.CoreBusinesslist ul li h4 { text-align: center; font-size: 20px; padding: 25px 0px 15px 0px; }
.CoreBusinesslist ul li p { text-align: center; font-size: 13px; }
.CoreBusinesslist ul li p a { padding: 0px 5px; }
.CoreBusinesslist ul li a { color: #FFF; }
.CoreBusinesslist ul li a:hover { color: #034d69; }
.CoreBusinesslist ul li img { display: block; width: 293px; height: 250px; }
.CoreBusinessbox { width: 293px; position: absolute; top: -250px; height: 250px; background: url(../style/index_351.png) no-repeat; z-index: 2 }
.CoreBusinesslist ul li h3 { position: absolute; bottom: 0px; width: 100%; font-size: 20px; text-align: center; background: url(../style/index_329.png) repeat; padding: 10px 0px; z-index: 1; }
.CoreBusinesslist ul li h3 a { color: #FFF; }
.CoreBusinesslist ul li h3 a:hover { color: #FFF; }
.CoreBusinesslist ul li a.cr_index_more { width: 51px; height: 51px; display: block; position: absolute; left: 50%; margin-left: -25px; bottom: 10px; background: url(../style/index_377.png) -151px 0px; }
.CoreBusinesslist ul li a.cr_index_more img { width: 51px; height: 51px; }
.CoreBusinessbox { background: url(../style/crbg.png) repeat; }
.CoreBusinesslist ul li { background: #19a6db; }
 @media screen and (max-width:1250px ) {
.CoreBusinesslist ul li { width: 245px; }
.CoreBusinesslist { width: 990px; }
.CoreBusinessbox { width: 100%; }
.CoreBusinesslist ul { width: 100%; }
.CoreBusinesslist ul li p a { padding: 0px 3px; }
.CoreBusinesslist ul li img { width: 100%; }
}
 @media (min-width: 1050px) {
.i-sec-wrap { opacity: 1; filter: alpha(opacity=1); transition: opacity 0.3s ease 0s; }
}
 @media (max-width:650px) {
.CoreBusiness { width: 100%; height: auto; background: url(../style/index_04.jpg) no-repeat center top #efeeec; background-size: cover; }
.CoreBusinesslist ul li { float: left; width: 50%; height: 220px; margin-bottom: 10px; }
.CoreBusinesstitle h3 { font-size: 22px; }
.CoreBusinesslist ul li h3 a { color: #FFF; font-size: 18px; }
.CoreBusinesslist ul li:nth-child(3) { float: right; }
.CoreBusinesslist ul li:nth-child(5) { float: right; }
.CoreBusinesslist ul li h4 { text-align: center; font-size: 16px; padding: 15px 0px 5px 0; }
.CoreBusinesslist ul li p { text-align: center; font-size: 12px; line-height: 25px; }
.CoreBusinesslist ul li img { display: block; width: 100%; height: auto; }
.CoreBusinesslist ul li.cur { margin-right: 0px; }
.CoreBusinesslist { width: 100%; }
.CoreBusinesslist ul li a.cr_index_more { }
.m-ichl-title .cn a { margin-top: 10px; }
}
.wqp-casetab { margin-top: 20px; }
.i-sec-wrap { background-color: #2f2f2f; clear: both; overflow: hidden; }
.f-cb { zoom: 1; }
@media (min-width: 1050px) {
.i-sec-wrap.active .img-box { transition: all 0.3s ease 0s; }
}
.i-sec-wrap .img-box { width: 64%; display: block; position: relative; overflow: hidden; }
.fl { float: left; }
.i-sec-wrap .img-box img { width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s; }
.img-box:hover img { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; }
.img-box:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); }
.i-wrap .up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; }
.i-wrap .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
.i-wrap .up-graybox .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; }
.i-wrap .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; }
.i-wrap .up-graybox .linet { top: 0; }
.i-wrap .up-graybox .lineb { bottom: 0; }
.i-wrap .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; }
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); }
.i-sec-wrap .right-cont { width: 29%; margin-right: 3.9%; color: #fff; padding-top: 88px; }
.fr { float: right; }
 @media (min-width: 1050px) {
.i-sec-wrap.active .img-box, .i-sec-wrap.active .right-cont { margin-top: 0; opacity: 1; filter: alpha(opacity=100); }
}
 @media (min-width: 1050px) {
.i-sec-wrap .img-box, .i-sec-wrap .right-cont { margin-top: 30px; opacity: 0; filter: alpha(opacity=0); }
}
 @media (min-width: 1050px) {
.i-sec-wrap.active .right-cont { transition: all 0.3s ease 0.1s; }
}
.i-sec-wrap .right-cont { width: 29%; margin-right: 3.9%; color: #fff; padding-top: 58px; }
 @media (max-width: 1050px) {
.i-sec-wrap .right-cont, .i-sex-wrap .cont-wrap { width: 92%; margin-right: 4%; padding-bottom: 38px; padding-top: 26px; }
}
.i-sec-wrap .right-cont .stit { font-size: 26px; line-height: 60px; }
.i-column-wrap.white .stit { color: #fff; font-weight: bold; }
.i-column-wrap.white .line { background-color: #9a9a9a; }
.i-column-wrap .line { display: block; width: 10px; height: 2px; background-color: #9a9a9a; margin-top: 10px; }
.i-sec-wrap .right-cont .mtit { line-height: 28px; }
.i-column-wrap.white .mtit { color: #cdcdcd; }
.i-column-wrap .mtit { display: block; margin-top: 18px; line-height: 36px; color: #444; font-size: 16px; }
.i-column-wrap.white .mtit a { color: #cdcdcd; }
.i-column-wrap.white .font { color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.i-column-wrap .font { display: block; line-height: 24px; font-size: 13px; margin-top: 10px; }
.i-sec-wrap .right-cont .link-box { margin-top: 36px; }
 @media (max-width: 1440px) {
.i-sec-wrap .right-cont .link-box { margin-top: 40px; }
}
.i-sec-wrap .right-cont .link-box a { display: inline-block; line-height: 26px; height: 26px; font-size: 13px; margin-bottom: 14px; border: 1px solid #828282; padding: 0 12px; border-radius: 18px; margin-right: 10px; color: #fff;  float: left; }
.i-sec-wrap .right-cont .link-box a:hover { border: 1px solid #008CFF; color: #008CFF; }

.i-sec-wrap .right-cont .link-box h3 { display: inline-block; font-size: 14px; }
 @media (max-width: 1050px) {
.i-sec-wrap .img-box, .i-fou-wrap .img-box, .i-sex-wrap .img-box { width: 100%; }
}
.w1300 {max-width:1300px; margin-left: auto; margin-right: auto; }
.footer { background: #005da2; color: #fff; padding: 80px 0 25px; }
.footer .logo { text-align: center; font-size: 18px; }
.footer .logo a { display: inline-block; position: relative; }
.footer .logo a:before, .footer .logo a:after { content: ''; position: absolute; height: 1px; background: rgba(255,255,255,.7); width: 200px; top: 50%; }
.footer .logo a:before { left: -224px; }
.footer .logo a:after { left: 282px; }
.footer .logo span+span { margin-left: 30px; margin-top: 20px; display: inline-block; }
.footer .linklist { padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.1); }
.footer .linklist dl { float: left; width: 16.66%; font-size: 16px; margin-top: 80px; color: #fff; }
.footer .linklist dl:nth-child(1) {width: 33%;display: none;}
.footer .linklist dl a { color: #fff; font-size: 14px; }
.footer .linklist dl a:hover { color: #3a9be3; }
.footer .linklist dl dt { margin-bottom: 30px; }
.footer .linklist dl dd { margin-top: 5px; }
.footer .linklist dl:nth-child(1) dd { width: 50%; float: left; }
.footer .company { padding: 50px 0px 60px; }
.footer .company li { float: left; font-size: 16px; color: #fff; width: 33.33%; text-align: center; }
.footer .company li:nth-child(2) { }
.footer .company li .title { margin-bottom: 20px; }
.footer .company li .title i { display: inline-block; height: 31px; width: 31px; vertical-align: middle; background: no-repeat center center; }
.footer .company li .title i+span { display: inline-block; vertical-align: middle; margin-left: 20px; }
.footer .company li .title i.icon1 { background-image: url(../style/addr.png); }
.footer .company li .title i.icon2 { background-image: url(../style/phone.png); }
.footer .company li .title i.icon3 { background-image: url(../style/email.png); }
.footer .copyright { text-align: center; /* color: #888; */ font-size: 14px; }
.footer .copyright span, .footer .copyright img { vertical-align: middle; }
.footer .copyright a { color: #3a9be3; }
.fgxl { position: absolute; }
 @media (max-width: 650px) {
.w1300 { width: 100%; }
.fgxl { position: relative; display: block; clear: both; height: 1px; width: 100%; }
.footer .linklist dl { float: left; width: 33.33%; font-size: 14px; margin-top: 30px; color: #fff; text-align: center; }
.footer .linklist dl:nth-child(1) { width: 66%; }
.footer .linklist dl:nth-child(2) { }
.footer .linklist dl a { color: #fff; font-size: 12px; }
.footer .linklist dl dt { margin-bottom: 15px; clear: both; }
.footer .linklist dl dd { margin-top: 0px; line-height: 26px; }
.footer .company li { float: left; font-size: 12px; color: #fff; width: 33.33%; text-align: center; }
}
.page_show img { max-width: 100%; }
.pagelist ul { text-align: center; margin: 20px 0; }
.pagelist li { display: inline-block; margin: 0 2px; }
.pagelist li a { color: #666; display: inline-block; border: 1px solid #ddd; padding: 6px 15px; }
.pagelist li a:hover { border-color: #005da2; background: #005da2; color: #fff; }
.pagelist li.active a { border-color: #005da2; background: #005da2; color: #fff; }
.yqlj { clear: both; overflow: hidden; width: 100%; padding-top: 30px; }
.yqlj a { color: #FFF; display: inline-block; margin-right: 20px; }

@media (max-width: 640px) {
.yqlj { clear: both; overflow: hidden; width: 100%; padding:20px 10px 0 10px;font-size:14px; }
.yqlj a { color: #FFF; display: inline-block; margin-right:15px;  }
}


a.jmore { width: 51px; height: 51px; display: block; margin: 20px auto 0 auto; border: 1px solid #fff; color: #fff; border-radius:100%; font-size:18px; line-height:51px; text-align:center;}
a.jmore:hover { border: 1px solid #008CFF; color: #008CFF;}

.fuwu{}
.fuwu li{ background: #f6f6f6; border-right: 1px solid #fff; box-sizing: border-box; float: left; width: 25%; padding: 3em 0; border-bottom: 1px solid #fff;}
.fuwu li h2{ font-size: 0.7rem; font-weight: normal; color: #333333; text-align: center;}
.icon_box{ width: 80px; height: 80px; overflow: hidden; margin: 2em auto;}
.tb_box{ margin-top:0; transition: all 0.5s;}
.tb_box img{ width: 100%; display: block;}
.fuwu li:hover{ background: #006abe;}
.fuwu li:hover h2{ color: #FFF;}
.fuwu li:hover .tb_box{ margin-top: -80px;}
.xiao_fl{}
.xiao_fl dd{ width: 50%; float: left; line-height: 1.8rem;}
.xiao_fl dd p{ text-align: center; font-size: 0.9rem;}

.fuwu li:hover p{ color: #fff;}

.case_jieshao{ border-bottom: 1px solid #DDDDDD; padding:0 0 30px 0; margin:0 auto 30px auto;}
.wenzhi_js{ width: 40%; float: left; font-size: 16px; line-height:32px; color: #666;}
.wenzhi_js p{ min-height: 140px;}
.peitu{ float: right; width:50%;}
.peitu img{ max-width:100%; float:right;}
.wenzhi_js a{ color: #FF0000;}


@media only screen and (max-width: 768px){
	.fuwu li{ width: 50%; padding: 2em 0;}
	.icon_box{ margin: 0.5em auto; width: 4em; height: 4em;}
	.wenzhi_js{ width:100%; padding-bottom:30px;}
	.peitu{ width:100%;}
	}