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: 1.5; color: #333; font-family: Arial, 'Microsoft YaHei','PingFang SC', sans-serif; }

img { border-style: none; vertical-align: middle; }

ul, li { list-style: none; }

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; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.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; }

/* layout start*/
@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; }

/*animate*/
.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; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

.fl { float: left; }

.fr { float: right; }

.commonweb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.commonweb *, .commonweb :after, .commonweb :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

.commonweb { padding: 0px 15px; }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

@media (min-width: 1400px) { .commonweb { margin: 0px auto; max-width: 1300px; } }

@media (min-width: 1660px) { .commonweb { margin: 0px auto; max-width: 1600px; padding: 0; } }

@media (min-width: 1510px) { .web1450 { margin: 0px auto; max-width: 1450px; padding: 0; } }

@media (min-width: 1460px) { .web1400 { margin: 0px auto; max-width: 1400px; padding: 0; } }

@media (min-width: 1416px) { .web1356 { margin: 0px auto; max-width: 1356px; padding: 0; } }

@media (min-width: 1260px) { .web1200 { margin: 0px auto; max-width: 1200px; padding: 0; } }



.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(../images/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(../images/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(../images/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(../images/index_349.png) no-repeat center; }

.header .search-form .search input { font-size: 0; cursor: pointer; }

.unflodheader { background: url(../images/hdbg.png) repeat 0 0; }

.fixheader { position: fixed; top: -60px; height: 51px; padding-top: 8px; padding-bottom: 1px; background: url(../images/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(../images/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: 251px; padding-top: 24px; background: url(../images/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(../images/colsolline.png) no-repeat 0 center; }

.solution-nav-wrapper li a:hover { font-weight: bold; color: #d90000; background-image: url(../images/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: 16.66667%; }

.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash { width: 44.5%; border-left: 1px dashed #d2d2d2; height: 250px; }

.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(../images/colsolline.png) no-repeat 0 center; }

.about-nav-wrapper dl a:hover { font-weight: bold; color: #d90000; background-image: url(../images/colsollineac.png); }

.about-nav-wrapper .know { background: url(../images/navknow.png) no-repeat 246px 173px; }

.about-nav-wrapper .customer { border-left: 1px solid #d9d9d9; background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/cusprev.png); }

.customer-container .bx-wrapper .bx-controls-direction .bx-next { right: 25px; background-image: url(../images/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(../images/cusprev.png); }

.customer-container .flex-direction-nav .flex-next { right: 25px; background-image: url(../images/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(../images/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(../images/caseico01.png); }

.full-case-cate .website { background-image: url(../images/caseico02.png); }

.full-case-cate .wxsm { background-image: url(../images/caseico03.png); }

.full-case-cate .shop { background-image: url(../images/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(../images/secless.png); }

.case-filter .sec-title { display: block; padding-left: 68px; line-height: 80px; }

.case-filter .sec { background: url(../images/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(../images/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(../images/secico.png); cursor: pointer; }

.m-case-select .selected.cur, .m-case-select .selected:hover { background-color: #d90000; background-image: url(../images/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 { margin-bottom: 26px; 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(../images/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(../images/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(../images/morearr.png); border-bottom: 0; }

.case-inside-nav .more a:hover { background-image: url(../images/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(../images/handlegz.png); }

.full-contact-tab .tab-handle .gz.cur { background-image: url(../images/handlegzac.png); }

.full-contact-tab .tab-handle .sz { background-image: url(../images/handlesz.png); }

.full-contact-tab .tab-handle .sz.cur { background-image: url(../images/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(../images/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(../images/recruitico.png) no-repeat center; }

.recruit-list-wrapper .brief.cur .ico { background: url(../images/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(../images/delivery.png) no-repeat 38px 13px; }

/* index*/
.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; }

.m-ichl-title .cn span { color: #d90000; }

.m-ichl-subnav { position: relative; overflow: hidden; padding-top: 11px; }

.m-ichl-subnav ul { margin-left: -30px; position: relative; }

.m-ichl-subnav li { float: left; padding: 0 20px 0 30px; background: url(../images/navline.png) no-repeat 0 center; }

.m-ichl-subnav li.cur a { color: #d90000; border-bottom-color: #fff; }

.m-ichl-subnav li a { display: block; font-size: 16px; line-height: 42px; color: #1a1a1a; border-bottom: 2px solid #fff; }

.m-ichl-subnav li a:hover { color: #d90000; border-bottom-color: #fff; }

.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; }

.index-banwrap { position: relative; width: 100%; height: 0; padding-bottom: 41.66667%; overflow: hidden; }

.index-banwrap .index-banner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.index-banwrap .index-banner .bx-wrapper { width: 100%; height: 100%; }

.index-banwrap .index-banner .bx-viewport { width: 100%; height: 100%; }

.index-banwrap .index-banner .slides:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display: none; }

.index-banwrap .index-banner .slides { *zoom: 1; }

.index-banner .slides { width: 300%; }

.index-banner .slides li { float: left; width: 33.3333%; overflow: hidden; }

.index-banner .linerbg { position: absolute; left: 0; top: 0; width: 100%; z-index: 30; height: 140px; background: url(../images/hdbanbg01.png) repeat-x 0 0; }

.index-banner a { display: block; }

.index-banner img { display: block; max-width: none; width: 100%; }

.index-banner li { position: relative; }

.index-banner li .m-line-more { display: none; visibility: hidden; }

.index-banner .flex-direction-nav { display: none; }

.index-banner .bx-pager { bottom: 18px; }

.index-banner .bx-pager .bx-pager-item a { margin: 0 3px; line-height: 0; height: 2px; padding: 20px 0; width: 94px; }

.index-banner .bx-pager .bx-pager-item i { display: block; width: 100%; height: 2px; -webkit-border-radius: 1px; border-radius: 1px; background-color: #fff; }

.index-banner .bx-pager .bx-pager-item .active i { background-color: #d90000; }

.index-banner .flex-control-nav { z-index: 20; bottom: 38px; }

.index-banner .flex-control-nav li { margin: 0 3px; line-height: 0; height: 2px; width: 94px; background-color: #fff; }

.index-banner .flex-control-nav .cur { background-color: #d90000; }

.index-banner .flex-control-nav a { -webkit-border-radius: 0; border-radius: 0; width: 94px; height: 2px; background: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; padding: 15px 0; margin-top: -16px; }

.index-banner .flex-control-nav .flex-active { opacity: 1; background: none; }

.index-banner .slide01 .imgpopup { position: absolute; right: 0; bottom: 0; z-index: 3; width: 72.39583%; }

.index-banner .slide01 .imgpopup img { vertical-align: top; width: 100%; }

.index-banner .slide01 .textpopup { position: absolute; top: 27.5%; left: 50%; z-index: 20; margin-left: -800px; color: #fff; }

.index-banner .slide01 .tit { margin-bottom: 15px; font-size: 48px; line-height: 58px; width: 72.39583%; white-space: nowrap; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

.index-banner .slide01 .txt { margin-bottom: 52px; font-size: 20px; line-height: 32px; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; white-space: nowrap; }

.index-banner .slide01 .m-line-more { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; width: 72.39583%; width: 138px; border-color: #a19583; color: #fff; }

.index-banner .slide01 .m-line-more:hover { color: #fff; }

.index-banner .slide01 .m-line-more:hover::after { background-color: #a19583; }

.index-banner .slide01 .before { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -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; opacity: 0; }

.index-banner .slide01 .after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.index-banner .slide03 { position: relative; }

.index-banner .slide03 .textpopup03 { position: absolute; top: 27.5%; left: 50%; z-index: 20; margin-left: -800px; color: #fff; }

.index-banner .slide03 .textpopup03 .ico { margin-bottom: 26px; }

.index-banner .slide03 .textpopup03 .ico img { width: auto; }

.index-banner .slide03 .textpopup03 .tit { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; margin-bottom: 50px; font-size: 48px; line-height: 60px; color: #fff; }

.index-banner .slide03 .textpopup03 .m-line-more { border-color: #fff; color: #fff; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }

.index-banner .slide03 .textpopup03 .m-line-more::after { background-color: #fff; }

.index-banner .slide03 .textpopup03 .before { -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -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; opacity: 0; }

.index-banner .slide03 .textpopup03 .after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.index-banner .slide03 .imgpopup03 .before { -webkit-transform: translate(80px, 60px); -moz-transform: translate(80px, 60px); -ms-transform: translate(80px, 60px); -o-transform: translate(80px, 60px); transform: translate(80px, 60px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -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; opacity: 0; }

.index-banner .slide03 .imgpopup03 .after { -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; }

.index-banner .slide03 .imgpopup03 img { position: absolute; z-index: 10; width: auto; }

.index-banner .slide03 .imgpopup03 .pop01 { width: 5.72917%; top: 66.5%; left: 32.34375%; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

.index-banner .slide03 .imgpopup03 .pop02 { width: 11.61458%; top: 69.875%; left: 37.29167%; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.index-banner .slide03 .imgpopup03 .pop03 { width: 6.61458%; top: 50.375%; left: 41.04167%; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }

.index-banner .slide03 .imgpopup03 .pop04 { width: 19.21875%; top: 0%; left: 68.22917%; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

.index-banner .slide03 .imgpopup03 .pop05 { width: 9.32292%; top: 28.375%; left: 76.82292%; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }

.index-banner .slide04 { position: relative; }

.index-banner .slide04 .textpopup { position: absolute; top: 31%; left: 50%; z-index: 20; margin-left: -800px; color: #fff; }

.index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 48px; line-height: 58px; width: 72.39583%; white-space: nowrap; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

.index-banner .slide04 .textpopup .txt { margin-bottom: 52px; font-size: 20px; line-height: 32px; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; white-space: nowrap; }

.index-banner .slide04 .textpopup .m-line-more { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; width: 72.39583%; width: 138px; border-color: #fff; color: #fff; }

.index-banner .slide04 .textpopup .m-line-more::after { background-color: #fff; }

.index-banner .slide04 .textpopup .m-line-more:hover { color: #fff; }

.index-banner .slide04 .textpopup .m-line-more:hover::after { background-color: #fff; }

.index-banner .slide04 .textpopup .before { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -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; opacity: 0; }

.index-banner .slide04 .textpopup .after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.index-banner .slide04 .imgpopup img { position: absolute; z-index: 10; width: auto; }

.index-banner .slide04 .imgpopup .pop01 { top: 9.875%; left: 33.90625%; width: 35.46875%; }

.index-banner .slide04 .imgpopup .pop01.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }

.index-banner .slide04 .imgpopup .pop02 { top: 0; left: 58.54167%; width: 26.35417%; }

.index-banner .slide04 .imgpopup .pop02.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }

.index-banner .slide04 .imgpopup .pop03 { top: 79.375%; left: 33.3125%; width: 33.33333%; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.index-banner .slide04 .imgpopup .pop03.before { -webkit-transform: translate(120px, -120px); -moz-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.index-banner .slide04 .imgpopup .pop04 { top: 19.5%; left: 55.57292%; width: 35.46875%; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.index-banner .slide04 .imgpopup .pop04.before { -webkit-transform: translate(120px, -120px); -moz-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.index-banner .slide04 .imgpopup .pop05 { top: 0; left: 80.625%; width: 19.47917%; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.index-banner .slide04 .imgpopup .pop05.before { -webkit-transform: translate(120px, -120px); -moz-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.index-banner .slide04 .imgpopup .pop06 { top: 73.5%; left: 57.29167%; width: 36.97917%; }

.index-banner .slide04 .imgpopup .pop06.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }

.index-banner .slide04 .imgpopup .pop07 { top: 29.125%; left: 84.32292%; width: 15.88542%; }

.index-banner .slide04 .imgpopup .pop07.before { -webkit-transform: translate(-120px, 120px); -moz-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); }

.index-banner .slide04 .imgpopup .before { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -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; opacity: 0; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

.index-banner .slide04 .imgpopup .before.after { -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; }

.index-banner .slide05 { position: relative; }

.index-banner .slide05 .textpopup { position: absolute; top: 50%; left: 50%; margin: -209px 0 0 -505px; width: 1010px; }

.index-banner .slide05 .before { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -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; opacity: 0; }

.index-banner .slide05 .after { -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; }

.index-banner .slide05 .tit { margin-bottom: 34px; text-align: center; font-size: 48px; line-height: 60px; color: #fff; }

.index-banner .slide05 .tit span { color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.index-banner .slide05 .icolist { margin-bottom: 82px; font-size: 0; text-align: center; }

.index-banner .slide05 .icolist.before { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.index-banner .slide05 .icolist .ico { position: relative; width: 202px; display: inline-block; vertical-align: top; font-size: 32px; line-height: 40px; }

.index-banner .slide05 .icolist .ico img { display: inline-block; vertical-align: top; max-width: 90px; }

.index-banner .slide05 .icolist .ico p { padding-top: 12px; color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.index-banner .slide05 .icolist .ico:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -30px; width: 1px; height: 61px; background-color: #fafafa; }

.index-banner .slide05 .icolist .ico.last:after { display: none; }

.index-banner .slide05 .botdesc { text-align: center; font-size: 24px; line-height: 48px; color: #fff; }

.index-banner .slide05 .botdesc.before { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

.index-banner .slide05 .botdesc span { font-size: 32px; font-weight: bold; color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.iabout-us { padding: 45px 0 15px; }

.iabout-us .intro { position: relative; padding: 20px 37% 86px 0; font-size: 16px; line-height: 30px; }

.iabout-us .intro strong { font-weight: normal; color: #e20000; }

.iabout-us .year { position: absolute; right: 27px; top: -140px; z-index: 3; }

.iabout-us .main-business .business-item .inner { position: relative; }

.iabout-us .main-business .business-item .inner .line { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #d90000; -webkit-transition: width ease-in-out 0.5s; -o-transition: width ease-in-out 0.5s; -moz-transition: width ease-in-out 0.5s; transition: width ease-in-out 0.5s; }

.main-business { margin: 0 -27px; }

.main-business .business-item { float: left; width: 25%; }

.main-business .business-item .inner { position: relative; margin: 0 27px; }

.main-business .business-item .inner:hover .id { color: #ccc; }

.main-business .business-item .inner:hover h2 a { color: #d80000; }

.main-business .business-item .inner:hover .sub { border-bottom-color: #d80000\9; }

.main-business .business-item .inner:hover .line { width: 100%; }

.main-business .ico { display: block; margin-bottom: 12px; height: 82px; line-height: 82px; font-size: 0; }

.main-business .ico img { vertical-align: middle; }

.main-business .ico .ac { display: none; }

.main-business .id { position: absolute; right: 27px; top: 0; font-size: 100px; line-height: 100px; color: #f2f2f2; font-weight: bold; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

.main-business h2 a { display: block; padding: 10px 0 21px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

.main-business .sub { padding-bottom: 55px; height: 180px; border-bottom: 2px solid #ccc; }

.main-business .sub a { display: block; padding-left: 30px; font-size: 14px; line-height: 36px; color: #666; background: url(../images/ibusline.png) no-repeat 1px center; }

.main-business .sub a:hover { color: #d80000; background-image: url(../images/ibuslineac.png); }

.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; margin-bottom: 12px; }

.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(../images/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 { display: none; }

.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(../images/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(../images/icaseline.png) no-repeat 25px bottom; }

.full-isoutions .soutions-wrapper, .iclients-wrapper, .inews-center { width: 100%; overflow: hidden; }

.full-isoutions { width: 100%; padding: 58px 0 0; background-color: #f5f5f5; overflow: hidden; }

.full-isoutions .m-ichl-subnav li a { border-color: #f5f5f5; }

.full-isoutions .m-ichl-subnav li a:hover { color: #d90000; border-bottom-color: #f5f5f5; }

.full-isoutions .m-ichl-subnav li.cur a { color: #d90000; border-bottom-color: #f5f5f5; }

.full-isoutions .ichannel-tabcontent { width: 100%; overflow: hidden; }

.full-isoutions .tabcontent-slider { position: relative; width: 500%; }

.full-isoutions .isoutions-list .slides { font-size: 0; white-space: nowrap; }

.full-isoutions .isoutions-list .slides li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; float: none; }

.full-isoutions .isoutions-list .slides img { width: auto; }

.isoutions-item { position: relative; float: left; width: 20%; overflow: hidden; }

.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: 28px 0 61px; overflow: hidden; }

.isoutions-list .slide-pages { display: none; position: absolute; width: 100%; bottom: 40px; text-align: center; line-height: 0; }

.isoutions-list .slide-pages a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 8px; height: 8px; font-size: 0; border: 1px solid #b5b5b5; margin: 0 6px; }

.isoutions-list .slide-pages .cur { border: 1px solid #d90000; background-color: #d90000; }

.isoutions-list .flex-direction-nav { display: none; }

.isoutions-list ul { margin: 0 -1.6875%; }

.isoutions-list ul li { float: left; width: 25%; }

.isoutions-list .item { padding: 0 6.52963%; }

.isoutions-list .item a { position: relative; padding-bottom: 61px; display: block; border-bottom: 2px solid #ccc; }

.isoutions-list .item a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background-color: #d90000; -webkit-transition: width ease-in-out 0.5s; -o-transition: width ease-in-out 0.5s; -moz-transition: width ease-in-out 0.5s; transition: width ease-in-out 0.5s; }

.isoutions-list .item a:hover { *border-bottom-color: #d90000; }

.isoutions-list .item a:hover .title { color: #d90000; }

.isoutions-list .item a:hover .detail { color: #d90000; }

.isoutions-list .item a:hover::after { width: 100%; }

.isoutions-list .thumb { position: relative; }

.isoutions-list .thumb .after { display: block; width: 100%; padding-bottom: 62.5%; }

.isoutions-list .thumb img { position: absolute; left: 0; top: 0; z-index: 3; }

.isoutions-list .ico { margin-bottom: 48px; height: 120px; line-height: 120px; font-size: 0; }

.isoutions-list .ico img { vertical-align: middle; width: auto; }

.isoutions-list .ico .ac { display: none; }

.isoutions-list .title { margin-bottom: 23px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a; }

.isoutions-list .desc { height: 144px; font-size: 14px; color: #666; 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; white-space: normal; }

.isoutions-list .detail { font-size: 14px; line-height: 24px; text-decoration: underline; color: #666; }

.isoutions-list .item .card { padding-bottom: 32px; }

.isoutions-list .item .card: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); }

.isoutions-list .item .card:hover .c-title { color: #d90000; }

.isoutions-list .item .card .thumb { margin-bottom: 21px; overflow: hidden; }

.isoutions-list .item .card .thumb img { display: block; width: 100%; max-width: 360px; -webkit-transition: -webkit-transform ease .7s; transition: -webkit-transform ease .7s; -o-transition: -o-transform ease .7s; -moz-transition: transform ease .7s, -moz-transform ease .7s; transition: transform ease .7s; transition: transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s; }

.isoutions-list .item .card .c-title { margin-bottom: 20px; font-size: 18px; line-height: 28px; font-weight: bold; color: #1a1a1a; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.isoutions-list .item .card .c-desc { font-size: 14px; color: #666; 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; white-space: normal; }

.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(../images/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; }

.full-inum-brief { position: relative; }

.full-inum-brief .briefbg { position: relative; overflow: hidden; height: 520px; }

.full-inum-brief .briefbg img { position: absolute; top: -45px; left: 50%; display: block; margin-left: -960px; height: 520px; }

.full-inum-brief .inum-list { position: absolute; top: 50%; left: 50%; z-index: 10; margin: -190px 0 0 -609px; width: 1218px; text-align: center; }

.full-inum-brief .inum-list li { width: 406px; margin-bottom: 99px; float: left; color: #fff; }

.full-inum-brief .num { margin-bottom: 10px; font-size: 90px; line-height: 92px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }

.full-inum-brief .text { font-size: 16px; line-height: 24px; }

.full-inum-brief .videobg { position: absolute; left: 0; top: 0; width: 100%; height: 520px; overflow: hidden; }

.full-inum-brief .video { position: absolute; left: 0; top: -345px; width: 100%; }

.full-inum-brief .video video { min-width: 100%; height: 1080px; }

.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 .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 20px; }

.news-two li { margin-bottom: 22px; padding: 16px 45px 45px; background-color: #f7f7f7; }

.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(../images/inewarr.png) no-repeat right center; }

.news-four { overflow: hidden; zoom: 1; background-color: #f7f7f7; padding: 18px 40px 15px 50px; }

.news-four li { border-bottom: 1px solid #e6e6e6; }

.news-four li:last-child { border: 0; }

.news-four a { position: relative; display: block; padding: 48px 90px 51px 90px; background: url(../images/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(../images/bdwx.png); }

.case-news-article .share .bds_tsina { background-image: url(../images/bdsa.png); }

.case-news-article .share .bds_qzone { background-image: url(../images/bdqz.png); }

.case-news-article .share .bds_more { background-image: url(../images/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(../images/pageprev.png); }

.case-news-article .page-ctrl .prev:hover { color: #d90000; background-image: url(../images/pageprevac.png); }

.case-news-article .page-ctrl .next { float: right; padding-right: 55px; background-position: right center; background-image: url(../images/pagenext.png); }

.case-news-article .page-ctrl .next:hover { color: #d90000; background-image: url(../images/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(../images/certprev.png); }

.full-certificate .flex-direction-nav .flex-prev:hover { background-image: url(../images/certprevac.png); }

.full-certificate .flex-direction-nav .flex-next { right: 0; background-image: url(../images/certnext.png); }

.full-certificate .flex-direction-nav .flex-next:hover { background-image: url(../images/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(../images/certprev.png); }

.full-certificate .slide-prev:hover { background-image: url(../images/certprevac.png); }

.full-certificate .slide-next { right: 0; background-image: url(../images/certnext.png); }

.full-certificate .slide-next:hover { background-image: url(../images/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; }

/* new 资质证书*/
.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(../images/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(../images/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%; }

.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(../images/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(../images/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(../images/imcaseprevac.png); }

.moblie-case-slider .controls .bx-next, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next { right: -115px; background-image: url(../images/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(../images/imcasenextac.png); }

.moblie-case-slider .casebg { position: absolute; left: 280px; top: -16px; z-index: 20; width: 349px; height: 683px; background: url(../images/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(../images/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(../images/mcasedotsac.png); }

/* APP开发*/
.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(../images/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(../images/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(../images/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(../images/icon.png); }

.sidebar .qq { background: url(../images/sideqq.png) no-repeat center 16px; }

.sidebar .qq span { background-position: -360px -186px; width: 90px; }

.sidebar .tel { background: url(../images/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(../images/sideedit.png) no-repeat center 21px; }

.sidebar .edit span { width: 120px; background-position: -362px -275px; }

.sidebar .price { background: url(../images/sideprice.png) no-repeat center 14px; }

.sidebar .wechat { background: url(../images/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(../images/sidetop.png) no-repeat center; }

.full-case-crumbs { display: block; 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; }

.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(../images/crumbhome.png) no-repeat 0 10px; }

.full-case-crumbs .crumbs .home:hover { background-image: url(../images/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(../images/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(../images/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(../images/newsprev.png); }

.g-news-detail .page-ctrl .next { background-image: url(../images/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 em { font-style: normal; }

#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, #page .layui-laypage-prev, #page .layui-laypage-next { width: 65px; }

#page .layui-disabled { display: none; }

/* 首页弹窗*/
.iwelconme-popup { display: none; position: fixed; left: 50%; top: 50%; z-index: 90; width: 550px; height: 300px; margin: -150px 0 0 -225px; background: url(../images/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(../images/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(../images/iweltel.png); background-position: 25px 10px; }

.iwelconme-popup .iwel-buttons .edit { float: right; padding-left: 81px; width: 90px; background-image: url(../images/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: 168px; 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(../images/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(../images/qadd.png); }

.qa-list h3.cur .ico { background-image: url(../images/qaless.png); }

.qa-list .answer { display: none; background-color: #f2f2f2; background-image: url(../images/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(../images/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(../images/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: 65px; 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(../images/icoline.png); }

.m-ft-contact .btns .edit { float: right; background-color: #d90000; background-image: url(../images/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: 140px; 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(../images/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(../images/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; }

/* 404 start*/
.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(../images/search-handle404.png) no-repeat center; }

.errpage-header .edit-handle { background: url(../images/hdedit404.png) no-repeat center; }

/* 404 end*/
/* low ie */
.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; }

/* ie7 fixup*/
/* ie8 fixup*/
.fixheader-404 { background: url(../images/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(../images/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; }

#LRfloater0, #icon_module { top: auto !important; bottom: 20% !important; margin-bottom: 350px !important; }

#LRfloater0 img { width: 55px; height: 55px; }

#LRMINIWIN0 img { vertical-align: top; }

#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(../images/flowdoc.png); }

.full-guidance .video .ico { background-image: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/ibanprev.png); }

.iban-nav .prev:hover { background-position: 40% center; }

.iban-nav .next { background-image: url(../images/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; }

/* low ie */
.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 .index-banner .slide05 .textpopup .tit { font-size: 40px; line-height: 48px; }

.w-lg .index-banner .slide05 .icolist .ico { font-size: 26px; line-height: 34px; }

.w-lg .index-banner .slide05 .botdesc { font-size: 20px; line-height: 44px; }

.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(../images/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 .index-banner .slide05 .textpopup { margin-top: -160px; }

.w-md .index-banner .slide05 .icolist.before { margin-bottom: 50px; }

.w-md .index-banner .slide05 .textpopup .tit { font-size: 30px; line-height: 38px; }

.w-md .index-banner .slide05 .icolist .ico img { width: 70px; }

.w-md .index-banner .slide05 .icolist .ico { font-size: 20px; line-height: 30px; }

.w-md .index-banner .slide05 .botdesc { font-size: 18px; line-height: 32px; }

.w-md .index-banner .slide05 .botdesc span { font-size: 20px; }

.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: 13px 45px 39px; }

.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(../images/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 li { padding: 10px 45px 35px; }

.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: 14px 30px 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(../images/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 fixup*/
.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); }

/* ie8 fixup*/

/* ie7 fixup*/
.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%; }

/* ==================================================================================================================== RESETS ====================================================================================================================*/
.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; }

/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.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; }

/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.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; }

/* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }


/*20190306*/
/*箭头*/
.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; }

/*SEO推广知识*/
.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(../images/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(../images/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 { margin-left: -18px; }
  .m-ichl-subnav li { padding: 0 12px 0 18px; }
  .m-ichl-subnav li a { font-size: 15px; }
  .m-ichl-subnav .activehook { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  .m-ichl-subnav { overflow-x: auto; }
  .m-ichl-subnav ul { white-space: nowrap; font-size: 0; }
  .m-ichl-subnav li { float: none; vertical-align: top; display: inline-block; }
  .m-ichl-subnav li a { line-height: 34px; }
  .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; }
  .index-banner .slide05 .textpopup { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; margin: 0; }
  .index-banner .slide05 .tit { margin-bottom: 10px; font-size: 16px; line-height: 26px; }
  .index-banner .slide05 .icolist { margin-bottom: 18px; }
  .index-banner .slide05 .icolist .ico { width: 20%; font-size: 16px; line-height: 24px; }
  .index-banner .slide05 .icolist .ico img { width: 30px; }
  .index-banner .slide05 .icolist .ico p { padding-top: 0; font-size: 12px; }
  .index-banner .slide05 .icolist .ico:after { margin-top: -10px; height: 20px; }
  .index-banner .slide05 .botdesc { font-size: 14px; line-height: 30px; }
  .index-banner .slide05 .botdesc span { font-size: 15px; }
  .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; }
  #page a { width: 30px; height: 30px; line-height: 28px; margin-bottom: 5px; }
  #page a { width: 30px; height: 30px; line-height: 30px; }
  .index-banwrap { padding-bottom: 63%; }
  .index-banwrap ul { height: 100%; }
  .index-banwrap ul li { height: 100%; }
  .index-banwrap ul a { position: relative; height: 100%; overflow: hidden; }
  .index-banwrap ul a:before { content: ''; position: absolute; left: 0; top: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }
  .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: 10px; }
  .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(../images/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 开发*/
  .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(../images/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(../images/qadd.png); }
  .qa-list h3.cur .ico { background-image: url(../images/qaless.png); }
  .qa-list .answer { display: none; background-color: #f2f2f2; background-image: url(../images/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(../images/pageprev.png); }
  .case-news-article .page-ctrl .prev:hover { color: #d90000; background-image: url(../images/pageprevac.png); }
  .case-news-article .page-ctrl .next { float: right; padding-right: 55px; background-position: right center; background-image: url(../images/pagenext.png); }
  .case-news-article .page-ctrl .next:hover { color: #d90000; background-image: url(../images/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(../images/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; }
  /* new 资质证书*/
  .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(../images/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(../images/delivery.png) no-repeat 28px 8px; }
  /* 404 start*/
  .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; *display: inline; *zoom: 1; padding-left: 2px; }
  .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: 14px; 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(../images/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; }
  #LRfloater0 { right: 10px !important; top: auto !important; bottom: 225px !important; margin-bottom: 0 !important; }
  #LRfloater0 img { width: 42px; height: 42px; }
  #LRMINIBar { right: 10px !important; }
  #LR-BTN-ICON { margin: 4px !important; }
  #LR-BTN, #LR-CIRCLE { width: 42px !important; height: 42px !important; line-height: 42px !important; }
  #LR-CIRCLE { background-color: #d90000 !important; }
  #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; }
  /*.sidebar a { &.qq, &.tel, &.edit, &.wechat { display: none; } } .footer-content { margin-bottom: 0; } */
  #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; }
  .tags-nav-wrapper ul li { width: 25%; }
  .tags-nav-wrapper ul a { font-size: 14px; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } }

@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); } }


/*common start*/
.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; }

/*common end*/
/*关键词seo优化*/
.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(../images/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(../images/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(../images/advicon11.png) right bottom no-repeat; }

.matrix-list li .matrix-item:before { content: ""; display: block; position: absolute; width: 26px; height: 55px; background: url(../images/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(../images/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(../images/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; }

/*两v一抖*/
.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(../images/advicon26.png); background-repeat: no-repeat; background-position: 60px center; }

/*首页分类增加*/
.iclassic-case { position: relative; }

.wqp-casetab { position: absolute; right: 0; top: 38px; z-index: 10; font-size: 0; }

.wqp-casetab a { color: #888888; font-size: 14px; height: 34px; line-height: 34px; padding: 0 16px; position: relative; display: inline-block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 4px; }

.wqp-casetab a:after { content: "|"; position: absolute; right: -4px; top: 0; line-height: 34px; }

.wqp-casetab a.cur, .wqp-casetab a:hover { background: #333333; color: #fff; }

.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; } }

/*套用页面，从小写到大注意 end*/
@media (max-width: 1366px) { .szm-fs24 { font-size: 18px; } }

@media (max-width: 640px) { .szm-fs24 { font-size: 16px; }
  .sz-col-xs-12 { float: left; width: 100%; }
  /*关键词seo优化*/
  .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%; }
  /*两v一抖*/
  .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; }
  .wqp-casetab { position: relative; top: 0; right: 0; white-space: nowrap; text-align: center; margin: 0 -8px; overflow-y: auto; }
  .wqp-casetab a { margin: 0; padding: 0 8px; } }

body { padding-top: 60px; }

.m-title { max-width: 1000px; padding: 11px 0 13px; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5; color: #000; }

.m-title .title { margin-bottom: 4px; font-size: 20px; line-height: 1.5; }

.m-title .red-h1 { font-size: 24px; line-height: 1.2; color: #d90000; }

.m-title .en { font-size: 16px; line-height: 1.875; color: #666; }

.m-title br { display: none; }

.m-title .vs { font-weight: bold; color: #d90000; padding: 0 0.5em; }

.m-title .subitle { font-size: 16px; line-height: 1.5; color: #666; }

.m-title .text { font-size: 14px; line-height: 1.875; color: #666; }

.m-img { position: relative; display: block; overflow: hidden; }

.m-img::after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.m-img img { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; min-height: 100%; }

.m-imgdesc-list li { margin-bottom: 15px; }

.m-imgdesc-list li a { display: block; }

.m-imgdesc-list .m-img { margin-bottom: 10px; }

.m-imgdesc-list .m-img::after { padding-bottom: 66.79537%; }

.m-imgdesc-list .index { font-size: 32px; line-height: 1; font-weight: bold; color: #e34343; font-family: 'Courier New', Courier, monospace; }

.m-imgdesc-list .toptitle { padding: 5px 0 12px; font-size: 18px; line-height: 1.5; color: #333; }

.m-imgdesc-list .toptitle br { display: none; }

.m-imgdesc-list .title { font-size: 18px; line-height: 1.5; color: #333; }

.m-imgdesc-list .desc { font-size: 14px; line-height: 1.875; color: #585858; }

.bgfff { background-color: #fff; }

.bgf5 { background-color: #f5f5f5; }

.alignc { text-align: center; }

.m-arrow-list ul { border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; }

.m-arrow-list li { position: relative; padding: 25px 15px 30px; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }

.m-arrow-list .fixid { position: absolute; right: 10px; top: 10px; z-index: 3; font-size: 40px; line-height: 1; color: #e34343; opacity: 0.1; font-weight: bold; font-family: 'Courier New', Courier, monospace; }

.m-arrow-list .fixico { position: absolute; right: -1px; top: -1px; z-index: 4; width: 21%; max-width: 100px; }

.m-arrow-list .fixico img { max-width: 100%; }

.m-arrow-list .ico { font-size: 0; }

.m-arrow-list .ico img { max-width: 100%; width: 30px; }

.m-arrow-list .index { font-size: 32px; line-height: 1; font-weight: bold; color: #e34343; font-family: 'Courier New', Courier, monospace; }

.m-arrow-list .en { font-size: 32px; line-height: 1; color: #e34343; font-family: Verdana, Geneva, Tahoma, sans-serif; }

.m-arrow-list .name { padding: 10px 0 8px; font-size: 16px; line-height: 1.25; }

.m-arrow-list .desc { font-size: 14px; line-height: 18px; color: #585858; }

.m-case3-list li { margin-bottom: 15px; }

.m-case3-list li a { display: block; }

.m-case3-list .m-img::after { padding-bottom: 62.7451%; }

.m-case3-list .msg { padding: 12px 10px 10px; border: 1px solid #efefef; border-top: 0; }

.m-case3-list h2 a { margin-bottom: 3px; font-size: 16px; line-height: 1.4; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.m-case3-list .tags { font-size: 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.m-case3-list .tags a { display: inline-block; vertical-align: top; margin-left: -11px; font-size: 14px; line-height: 24px; color: #888; margin-right: 11px; }

.m-case3-list .tags a::before { content: '|'; display: inline-block; vertical-align: top; padding: 0 5px; line-height: 20px; }

.m-desccase3-list .msg { border: 0; padding: 12px 0 10px; }

.m-desccase3-list .desc { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.g-return-wrapper, .g-backmore { padding: 18px 0 25px; font-size: 0; text-align: center; }

.g-return-wrapper a, .g-backmore a { display: inline-block; vertical-align: top; min-width: 80px; margin: 0 10px; padding: 0 30px; font-size: 14px; 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; }

.m-midico-list { text-align: center; }

.m-midico-list ul { font-size: 0; }

.m-midico-list li { margin-bottom: 15px; }

.m-midico-list .ico { margin-bottom: 12px; }

.m-midico-list .title { margin-bottom: 4px; font-size: 16px; line-height: 1.5; color: #000; }

.m-midico-list .desc { max-width: 80%; margin: 0 auto; font-size: 14px; line-height: 24px; color: #6a6a6a; }

.m-descimg img { display: block; max-width: 100%; height: auto !important; }

.m-imgbg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }

.m-imgbg img { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: auto; min-width: 100%; height: 100%; }

.crm-advantage, .crm-feature { padding-top: 10px; padding-bottom: 25px; }

.full-crm-solution { position: relative; padding: 10px 0 25px; }

.full-crm-solution .commonweb { position: relative; z-index: 3; }

.full-crm-solution .m-title { color: #fff; }

.b2b-feature { padding-top: 10px; padding-bottom: 15px; }

.full-b2b-advantage { padding: 10px 0 25px; background-color: #f8f8f8; }

.b2c-core { padding-top: 10px; padding-bottom: 15px; }

.full-b2c-advantage { padding: 10px 0 15px; background-color: #f5f5f5; overflow: hidden; }

.full-b2c-advantage .m-midico-list { position: relative; }

.full-b2c-advantage .m-midico-list ul { position: relative; z-index: 10; }

.full-b2c-advantage .m-midico-list .ico img { width: 60px; }

.full-b2c-advantage .b2crg { position: absolute; right: -20px; bottom: -20px; opacity: 0.5; width: 193.5px; }

.full-b2c-advantage .b2crg img { max-width: 100%; }

.b2c-feature { padding-top: 10px; padding-bottom: 15px; }

.m-img-title { position: relative; }

.m-img-title .m-title { position: relative; z-index: 10; color: #fff; padding: 30px 0; }

.m-img-title .m-title .text { color: #fff; }

.m-system-line ul { font-size: 0; text-align: center; }

.m-system-line li { position: relative; display: inline-block; vertical-align: top; width: 33.3333%; margin-bottom: 15px; }

.m-system-line li::after { content: ''; position: absolute; left: 0; top: 44px; width: 100%; height: 1px; background-color: #d4d4d4; }

.m-system-line .ico { padding-bottom: 10px; }

.m-system-line .ico img { width: 30px; }

.m-system-line h2 { position: relative; z-index: 3; font-size: 14px; line-height: 20px; padding: 20px 0 0; color: #333; }

.m-system-line h2::after { content: ''; position: absolute; left: 50%; top: 0; margin-left: -5px; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #e34343; background-color: #fff; }

.m-system-line .desc { padding-top: 10px; font-size: 14px; line-height: 1.5; color: #666; }

.m-block6-list ul { font-size: 0; text-align: center; margin: 0 -5px; }

.m-block6-list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; margin-bottom: 10px; }

.m-block6-list li h2 { font-size: 18px; line-height: 2; color: #fff; background-color: #e34343; }

.m-block6-list li .desc { padding: 20px 10px 22px; border: solid 1px #dfdfdf; border-top: 0; font-size: 14px; line-height: 24px; color: #666; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 96px; }

.m-noarrow-padding .pdimg { display: none; }

.operate-intro { padding-top: 10px; padding-bottom: 25px; }

.operate-intro .m-title br { display: block; }

.full-operate-featrue { padding: 0 0 25px; }

.full-operate-featrue .m-img-title { margin-bottom: 15px; }

.full-operate-needs { padding: 10px 0 25px; background-color: #f1f1f1; }

.operate-advantage { padding-top: 10px; padding-bottom: 25px; }

.full-operate-content { padding: 10px 0 20px; background-color: #f1f1f1; }

.operate-system { padding-top: 10px; padding-bottom: 15px; }

.full-douyin { padding: 10px 0 25px; background-color: #f1f1f1; }

.operate-douyin { padding-top: 10px; padding-bottom: 15px; }

.agent-douyin { padding-bottom: 0; }

.operate-contact { padding-bottom: 10px; text-align: center; }

.operate-contact .tel { display: inline-block; padding: 0 30px 0 55px; font-size: 16px; line-height: 36px; -webkit-border-radius: 18px; border-radius: 18px; color: #fff; background: #d90000 url(../images/opertel.png) no-repeat 30px center; -o-background-size: auto 17px; background-size: auto 17px; }

.red { color: #d90000; }

.yun720-needs { padding-top: 11px; padding-bottom: 15px; }

.yun720-needs .m-descimg { padding-bottom: 15px; }

.full-yun720-feature { padding: 11px 0 25px; background-color: #f5f5f5; }

.yun720-advantage { padding-top: 10px; padding-bottom: 15px; }

.m-yun720-list li { margin-bottom: 15px; }

.m-yun720-list .m-img::before { content: ''; position: absolute; left: 50%; top: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 22.08333%; padding-bottom: 22.08333%; background: url(../images/yunvdico.png) no-repeat center; -o-background-size: cover; background-size: cover; }

.yun720-case { padding-top: 10px; padding-bottom: 10px; }

.full-foretrade-feature { padding: 10px 0 20px; }

.full-foretrade-flow { padding: 10px 0 20px; background-color: #ededed; }

.foretrade-seo { padding-top: 10px; padding-bottom: 20px; }

.foretrade-seo .dots { padding-top: 15px; }

.full-foretrade-flow .item { text-align: center; }

.full-foretrade-flow .item .title { font-size: 16px; line-height: 36px; color: #333; border: solid 1px #e34343; }

.full-foretrade-flow .item .desc { position: relative; }

.full-foretrade-flow .item .desc::after { content: ''; display: block; padding-bottom: 81.65997%; }

.full-foretrade-flow .item .desc p { position: absolute; left: 0; z-index: 5; width: 100%; text-align: center; padding: 0; margin: 0; }

.full-foretrade-flow .item .desc p::after { content: ''; display: block; padding-bottom: 81.65997%; }

.full-foretrade-flow .item .desc .p1 { top: 0; }

.full-foretrade-flow .item .desc .p1::after { padding-bottom: 18.74163%; }

.full-foretrade-flow .item .desc .p2 { top: 28.36066%; }

.full-foretrade-flow .item .desc .p2::after { padding-bottom: 11.78046%; }

.full-foretrade-flow .item .desc .p3 { top: 48.03279%; }

.full-foretrade-flow .item .desc .p3::after { padding-bottom: 10.7095%; }

.full-foretrade-flow .item .desc .p4 { top: 66.39344%; }

.full-foretrade-flow .item .desc .p4::after { padding-bottom: 11.24498%; }

.full-foretrade-flow .item .desc .p5 { top: 81.31148%; }

.full-foretrade-flow .item .desc .p5::after { padding-bottom: 15.26104%; }

.full-foretrade-flow .item .desc .p9 { top: 66.39344%; }

.full-foretrade-flow .item .desc .p9::after { padding-bottom: 27.44311%; }

.full-foretrade-flow .item .desc span { position: absolute; left: 10%; top: 50%; width: 80%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 14px; line-height: 1.4; color: #333; }

.full-foretrade-flow .trade-lf .title { background-color: #e34343; color: #fff; }

.full-foretrade-flow .trade-lf .desc span { border: solid 1px #e34343; padding: 5px; }

.full-foretrade-flow .trade-rg { position: relative; }

.full-foretrade-flow .trade-rg .title { margin-bottom: 7px; background-color: #e34343; color: #fff; }

.full-foretrade-flow .trade-rg .desc { background: url(../images/tradergbg.png) no-repeat 0 0; -o-background-size: 100% auto; background-size: 100% auto; }

.full-foretrade-flow .trade-rg .desc span { color: #fff; }

.full-foretrade-flow .fixed-desc { position: absolute; right: 0; bottom: 0; width: 48px; height: 72.30769%; text-align: center; font-size: 22-px; line-height: 1.4; color: #333; }

.full-foretrade-flow .fixed-desc::after { content: ''; position: absolute; left: 50%; top: 30px; bottom: 30px; width: 1px; background-color: #e34343; }

.full-foretrade-flow .fixed-desc p { position: absolute; left: 0; width: 100%; }

.full-foretrade-flow .fixed-desc p::after { content: ''; position: absolute; left: 50%; margin-left: -5px; width: 0; height: 0; font-size: 0; line-height: 0; border: 5px solid rgba(0, 0, 0, 0); }

.full-foretrade-flow .fixed-desc .top { top: 0; }

.full-foretrade-flow .fixed-desc .bot { bottom: 0; }

.full-foretrade-flow .fixed-desc .top::after { top: 20px; border-bottom-color: #e34343; }

.full-foretrade-flow .fixed-desc .bot::after { top: -10px; border-top-color: #e34343; }

.yun720-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; }

.yun720-popup::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.yun720-popup .yun720-iframe { position: relative; width: 94%; max-width: 1000px; display: inline-block; vertical-align: middle; }

.yun720-popup .yun720-iframe::after { content: ''; display: block; width: 100%; padding-bottom: 56.25%; }

.yun720-popup .yun720-iframe .close { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; background: url(../images/vdaclosebtn.png) no-repeat center; }

.yun720-popup .yun720-iframe iframe { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background-color: #fff; }

.m-level-list li { margin-bottom: 15px; }

.m-level-list .inner { padding: 25px 15px 30px; border: solid 1px #cdcdcd; }

.m-level-list .index { font-size: 32px; line-height: 1; color: #e34343; font-weight: bold; font-family: 'Courier New', Courier, monospace; }

.m-level-list .ico { font-size: 0; padding: 7px 0; }

.m-level-list .ico img { width: 32px; }

.m-level-list .msg { font-size: 14px; line-height: 24px; color: #666; }

.m-level-list .msg h3 { margin-bottom: 10px; font-size: 18px; line-height: 1.5; color: #333; }

.agent-serves { padding-top: 10px; }

.m-ends { max-width: 916px; margin: 0 auto; padding: 0 60px; min-height: 50px; }

.m-ends .text { padding: 5px 5px; font-size: 14px; line-height: 1.5; color: #333; text-align: center; }

.m-ends .top { position: relative; border-bottom: 1px solid #d4d4d4; }

.m-ends .top .ico { position: absolute; bottom: 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%); width: 60px; }

.m-ends .top .ico img { width: 100%; }

.m-ends .top .lf { left: -60px; }

.m-ends .top .rg { right: -60px; }

.wxoperate-advantage { padding-top: 20px; padding-bottom: 25px; }

.m-imgbg-midico { position: relative; }

.m-imgbg-midico .m-midico-list { padding: 25px 0 10px; position: relative; z-index: 10; }

.m-imgbg-midico .m-midico-list .title { color: #fff; }

.m-imgbg-midico .m-midico-list .desc { color: #fff; }

.m-imgbg-midico .m-midico-list .ico img { width: 32px; }

.wxoperate-content { background-color: #fff; }

.wxoperate-content .m-arrow-list .ico { padding: 10px 0 6px; }

.wxoperate-system { padding-bottom: 0; }

.m-cell-info .img img { display: block; width: 100%; }

.m-cell-info .m-title { text-align: left; }

.m-cell-info .info { background-color: #f5f5f5; padding: 5px 0 25px; font-size: 14px; line-height: 1.875; color: #666; }

.m-client-wraper { padding-top: 10px; }

.m-client-wraper .m-title .bigyear { font-size: 32px; color: #e34343; }

.m-client-list { overflow: hidden; }

.m-client-list ul { font-size: 0; margin: 0 -1px -1px 0; }

.m-client-list li { width: 33.3333%; display: inline-block; vertical-align: top; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; }

.m-client-list li img { display: block; width: 100%; }

.market-feature { padding-top: 10px; }

.seo-why { padding-top: 10px; }

.seo-why .m-midico-list .ico img { width: 61px; }

.seo-why .m-midico-list .desc { color: #333; }

.seo-advantage { padding-top: 10px; }

.seo-advantage .m-midico-list .ico img { width: 75px; }

.full-seo-serves { padding: 10px 0 15px; background-color: #f2f2f2; }

.full-seo-serves .m-midico-list ul { font-size: 0; }

.full-seo-serves .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; }

.full-seo-serves .m-midico-list .ico img { width: 46px; }

.seo-serve-attach .m-midico-list ul { font-size: 0; }

.seo-serve-attach .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; }

.seo-serve-attach .m-midico-list .ico img { width: 86px; }

.seo-serve-attach .m-midico-list .desc { max-width: 88%; }

.full-seovs { padding: 10px 0 25px; position: relative; }

.full-seovs .m-title { position: relative; z-index: 3; }

.full-seovs::before, .full-seovs::after { content: ''; position: absolute; top: 0; width: 50%; height: 100%; }

.full-seovs::before { left: 0; background-color: #eaeaea; }

.full-seovs::after { right: 0; background-color: #f2f2f2; }

.full-seovs .commonweb { position: relative; z-index: 3; }

.full-seovs .vsitem { position: relative; font-size: 0; margin-bottom: 15px; }

.full-seovs .vsitem .title { position: absolute; 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%); width: 60px; font-size: 14px; line-height: 26px; color: #333; text-align: center; background-color: #bfbfbf; }

.full-seovs .vsitem p { position: relative; width: 50%; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 22px; }

.full-seovs .vsitem p::after, .full-seovs .vsitem p::before { content: ''; position: absolute; }

.full-seovs .vsitem .lf { text-align: right; color: #d90000; padding-right: 45px; }

.full-seovs .vsitem .rg { text-align: left; padding-left: 45px; }

.seo-standard { padding-top: 10px; }

.seo-standard .m-midico-list ul { font-size: 0; }

.seo-standard .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; }

.seo-standard .m-midico-list .ico img { width: 80px; }

.seo-standard .ctbtn { display: inline-block; vertical-align: top; padding: 0 32px; border: solid 1px #bfbfbf; line-height: 32px; color: #d90000; }

.m-seotip-title .m-title .title { margin-bottom: 0; }

.addelivery-res { padding-top: 10px; padding-bottom: 25px; }

.addelivery-support { position: relative; }

.addelivery-support .commonweb { position: relative; z-index: 10; }

.addelivery-support .m-title { color: #fff; }

.addelivery-support .lf { padding-bottom: 20px; color: #fff; }

.addelivery-support .lf h2 { font-size: 20px; line-height: 1.5; }

.addelivery-support .lf .en { font-size: 20px; line-height: 1.5; letter-spacing: -2px; color: rgba(255, 255, 255, 0.5); }

.addelivery-support .lf .title { color: #d90000; }

.addelivery-support .m-midico-list ul { font-size: 0; }

.addelivery-support .m-midico-list .ico img { width: 40%; max-width: 160px; }

.addelivery-support .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; }

.addelivery-support .m-midico-list li .title { color: #fff; }

.admedia-res { padding-top: 10px; padding-bottom: 25px; }

.full-admedia-adv { position: relative; padding: 10px 0; }

.full-admedia-adv .commonweb { position: relative; z-index: 10; }

.full-admedia-adv .m-title { color: #fff; }

.full-admedia-adv .m-midico-list ul { font-size: 0; }

.full-admedia-adv .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; }

.full-admedia-adv .m-midico-list .ico img { width: 42%; max-width: 160px; }

.full-admedia-adv .m-midico-list .title { color: #fff; }

.full-admedia-adv .m-midico-list .desc { color: #fff; }

.admeadia-matrix { padding-top: 10px; padding-bottom: 25px; }

.full-admeadia-needs { padding: 10px 0 25px; background-color: #f1f1f1; }

.full-admeadia-needs .lf { font-size: 0; text-align: center; }

.full-admeadia-needs .lf img { max-width: 100%; }

.full-admeadia-needs .needs li { margin-bottom: 15px; }

.full-admeadia-needs .needs .index { font-size: 32px; line-height: 1; font-weight: bold; color: #e34343; font-family: 'Courier New', Courier, monospace; }

.full-admeadia-needs .needs h2 { font-size: 18px; line-height: 1.25; }

.full-admeadia-needs .needs .desc { font-size: 14px; line-height: 24px; color: #333; }

.m-md-fixmsg { position: relative; z-index: 10; color: #fff; }

.full-img-principle { position: relative; }

.full-img-principle .m-md-fixmsg { padding-top: 15px; padding-bottom: 15px; }

.full-img-principle .ico { width: 25%; padding-right: 15px; text-align: center; }

.full-img-principle .ico img { max-width: 100%; }

.full-img-principle .dstable { display: table; width: 100%; table-layout: fixed; }

.full-img-principle .cell { display: table-cell; vertical-align: middle; }

.full-img-principle .rg { overflow: hidden; *zoom: 1; }

.full-title-principle { position: relative; }

.full-title-principle .m-md-fixmsg { padding-top: 15px; padding-bottom: 15px; }

.full-title-principle .simple-title { padding-bottom: 15px; }

.full-title-principle .simple-title h3 { font-size: 18px; line-height: 1.5; color: #fff; }

.full-title-principle .simple-title .red-title { color: #d90000; }

.full-title-principle .simple-title .en { margin: -5px 0 10px; font-size: 18px; line-height: 1.5; color: rgba(255, 255, 255, 0.5); }

.full-title-market .simple-title .en { margin-top: -7px; margin-bottom: 0; color: #d90000; opacity: 0.3; }

.m-sideico-list { overflow: hidden; }

.m-sideico-list li { display: table; width: 100%; table-layout: fixed; margin-bottom: 15px; }

.m-sideico-list .ico { display: table-cell; vertical-align: middle; width: 20%; max-width: 156px; }

.m-sideico-list .ico img { width: 100%; }

.m-sideico-list .msg { display: table-cell; vertical-align: middle; padding-left: 10px; font-size: 14px; line-height: 1.5; color: #333; }

.m-sideico-list .title { font-size: 18px; line-height: 1.5; }

.principle-main { padding-top: 15px; padding-bottom: 0; }

.five-trait { padding-top: 10px; padding-bottom: 25px; }

.company-feature { padding-top: 10px; padding-bottom: 25px; }

.activity-demand .m-midico-list .ico img { width: 38%; }

.full-activity-solution .item { padding: 15px 0; }

.full-activity-solution .item:nth-child(odd) { background-color: #f2f2f2; }

.full-activity-solution .thumb { margin-bottom: 15px; }

.full-activity-solution .thumb img { width: 100%; }

.full-activity-solution .maindesc { margin-bottom: 30px; font-size: 20px; line-height: 1.428; color: #333; }

.full-activity-solution .idinfo { position: relative; padding-left: 50px; }

.full-activity-solution .idinfo .fixid { position: absolute; left: 0; top: 0; z-index: 3; width: 40px; height: 40px; font-size: 20px; line-height: 40px; font-weight: bold; text-align: center; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d90000; font-family: 'Courier New', Courier, monospace; }

.full-activity-solution .idinfo .title { margin-bottom: 14px; font-size: 18px; line-height: 1.3; font-weight: bold; color: #333; }

.full-activity-solution .idinfo .desc { color: #666; }

.full-activity-service { padding: 10px 0 25px; background-color: #f2f2f2; }

.full-activity-service .ac-svdesc { max-width: 1135px; margin: 0 auto; font-size: 14px; line-height: 2; color: #333; text-align: center; }

.m-site-intro { padding-top: 10px; padding-bottom: 15px; }

.m-site-intro .thumb { font-size: 0; text-align: center; }

.m-site-intro .thumb img { max-width: 100%; }

.m-space-list li { margin-bottom: 15px; }

.m-space-list .inner { position: relative; z-index: 10; background-color: #fff; padding: 15px 20px 18px; }

.m-space-list .fixico { position: absolute; right: 0; bottom: 0; z-index: -1; width: 16.66667%; }

.m-space-list .fixico img { width: 100%; }

.m-space-list .title { margin-bottom: 5px; font-size: 18px; line-height: 1.5; }

.m-space-list .desc { font-size: 14px; line-height: 1.875; color: #666; }

.full-brand { padding: 10px 0; background-color: #f8f8f8; }

.brand-extension { padding-top: 10px; }

.brand-extension .m-title .text br { display: block; }

.brand-extension .exsub-title { padding-top: 4.25%; font-size: 18px; line-height: 1.4; color: #d90000; }

.full-business-use { padding: 10px 0 0; background-color: #f8f8f8; }

.full-business-use .analyse { padding: 5% 0 4.6875%; text-align: center; font-size: 18px; line-height: 1.25; color: #000000; }

.business-analyse { padding-top: 15px; padding-bottom: 10px; }

.business-analyse .thumb { font-size: 0; text-align: center; }

.business-analyse .thumb img { max-width: 100%; }

.business-analyse .item .title { font-size: 32px; }

.site-market-step { padding-bottom: 25px; }

.responsive-site-intro .top { margin-bottom: 6.64962%; }

.responsive-flow .m-space-list .inner { border: 1px solid #ccc; }

.responsive-flow .m-space-list .title { color: #d90000; }

.responsive-flow .m-space-list .desc { line-height: 26px; height: 156px; overflow-y: auto; }

.responsive-advantage .m-arrow-list .ico img { width: 47px; }

.full-listed-feature { position: relative; }

.listed-intro { padding-top: 10px; padding-bottom: 15px; }

.full-listed-feature .m-sideico-list { position: relative; z-index: 10; padding-top: 20px; padding-bottom: 20px; }

.full-listed-feature .m-sideico-list li { padding: 10px 0; margin-bottom: 0; }

.full-listed-feature .m-sideico-list .ico { width: 60px; }

.full-listed-feature .m-sideico-list .msg { font-size: 16px; line-height: 1.7; color: #fff; }

.m-circle-list ul { font-size: 0; }

.m-circle-list li { display: inline-block; vertical-align: top; width: 50%; margin-bottom: 15px; text-align: center; }

.m-circle-list .inner { position: relative; display: inline-block; width: 72%; max-width: 160px; vertical-align: top; border: 1px dashed #d90000; -webkit-border-radius: 50%; border-radius: 50%; }

.m-circle-list .inner::after { content: ''; display: block; width: 100%; padding-bottom: 100%; }

.m-circle-list .mid { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.m-circle-list .num { font-size: 48px; font-size: 32px; line-height: 1; font-weight: bold; color: #e34343; font-family: 'Courier New', Courier, monospace; }

.m-circle-list .num span { vertical-align: baseline; font-size: 14px; line-height: 1; }

.m-circle-list .desc { padding: 2px 3px 0; font-size: 14px; line-height: 1.5; color: #2f2f2f; }

.full-wxmarket-feature { position: relative; padding: 10px 0 25px; }

.full-wxmarket-feature .commonweb { position: relative; z-index: 5; }

.full-wxmarket-feature .m-title { color: #fff; }

.wxmarket-advantage { padding-top: 10px; }

.micromall-needs { padding-top: 10px; padding-bottom: 10px; }

.full-micromall-feature { padding: 10px 0 25px; background-color: #f8f8f8; }

.micromall-recommend { padding-top: 10px; }

.micromall-recommend .rec-wrapper .rec-title { font-size: 16px; line-height: 1.5; padding: 10px 0; }

.full-mpwx-advantage .m-title .text { color: #fff; }

.full-mpwx-advantage .m-arrow-list .ico { padding-top: 5px; }

.m-system5-line h2 { margin-bottom: 4px; font-size: 16px; line-height: 1.5; color: #000; }

.m-system5-line .desc { padding: 0 5px; font-size: 14px; line-height: 1.5; color: #666; }

.full-mpwxoper-advantage { position: relative; padding: 10px 0 25px; }

.full-mpwxoper-advantage .commonweb { position: relative; z-index: 5; }

.full-mpwxoper-advantage .m-title { color: #fff; }

.full-mpwxoper-solution { padding: 10px 0 25px; background-color: #f8f8f8; }

.mpwxoper-content { padding-top: 10px; padding-bottom: 15px; }

.mpwxoper-content .m-midico-list ul { font-size: 0; }

.mpwxoper-content .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; }

.mpwxoper-content .m-midico-list img { width: 56%; max-width: 150px; }

.platform-needs { padding-top: 10px; padding-bottom: 25px; }

.full-platform-custom { padding: 10px 0 15px; background-color: #f8f8f8; }

.retail-system { padding-top: 10px; padding-bottom: 15px; }

.retail-system .m-midico-list ul { font-size: 0; text-align: center; }

.retail-system .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; }

.retail-models { padding-top: 10px; }

.retail-models .item { margin-bottom: 30px; }

.retail-models .item .title { margin-bottom: 4px; font-size: 18px; line-height: 1.5; color: #d90000; }

.retail-models .item .desc { font-size: 14px; line-height: 1.5; color: #666; }

.retail-models .mid { font-size: 0; text-align: center; }

.retail-models .mid img { width: 50%; max-width: 262px; }

.retail-social { padding-bottom: 25px; }

.retail-social .commonweb { max-width: 1300px; }

.retail-social .m-arrow-list .ico img { width: 50px; }

.retail-newmodels { padding-top: 10px; padding-bottom: 25px; }

.retail-newmodels .m-arrow-list .ico img { width: 62px; }

.retail-feature { padding-top: 10px; padding-bottom: 10px; }

.retail-feature .m-bdspace3-list ul { border: 0; }

.retail-feature .m-bdspace3-list li { border: 0; padding: 0; margin-bottom: 15px; }

.retail-feature .m-bdspace3-list li::before, .retail-feature .m-bdspace3-list li::after { display: none; }

.retail-feature .m-bdspace3-list .inner { padding: 25px 15px 30px; border: 1px solid #dbdbdb; }

.erp-needs { padding-top: 10px; padding-bottom: 20px; }

.erp-needs .subitle { margin-bottom: 10px; }

.full-erp-solution { background-color: #f8f8f8; padding-top: 10px; padding-bottom: 20px; }

.erp-use .m-space-list .inner { background-color: #f8f8f8; }

.erp-use .m-space-list .title { color: #d90000; }

@media (min-width: 640px) { body { padding-top: 0; }
  .w-sm body { padding-top: 0; } }

.customized-intro { padding-top: 10px; padding-bottom: 15px; }

.customized-intro .m-midico-list .ico img { width: 75px; }

.full-customized-steps { padding: 10px 0 15px; background-color: #f8f8f8; }

.full-customized-steps .m-space-list .title { color: #d90000; }

body.gray { background-color: #f8f8f8; }

.customized-desc { padding-top: 15px; }

.u-cmore { display: block; width: 32px; height: 32px; opacity: 0.6; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/cmorea6.png); }

.iban-intro { padding-top: 15px; padding-bottom: 15px; }

.iban-intro .intro { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); margin-bottom: 0; padding: 10px 10px 15px; background-color: #fff; }

.iban-intro .intro a { display: block; }

.iban-intro .intro .title { font-size: 20px; line-height: 1.5; font-weight: bold; color: #090403; }

.iban-intro .intro .desc { padding: 5px 0 8px; font-size: 15px; line-height: 24px; color: #090403; opacity: 0.8; }

.u-tags-panel { background-color: #e8e8e8; }

.u-tags-panel .mid { padding: 15px 10px; }

.u-tags-panel .title { font-size: 20px; line-height: 1.5; }

.u-tags-panel .title:after { content: ''; display: block; width: 15px; height: 3px; margin: 12px 0 15px; background-color: #d90000; }

.u-tags-panel .desc { margin-bottom: 15px; font-size: 15px; line-height: 24px; color: #090403; opacity: 0.8; }

.u-tags-panel .u-cmore { background-image: url(../images/cmoreff.png); }

.u-tags-panel .tags { font-size: 0; }

.u-tags-panel .tags a { display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px; margin: 0 10px 12px 0; padding: 0 10px; -webkit-border-radius: 12px; border-radius: 12px; border: solid 1px #090403; }

.m-panel .shadow { opacity: 0; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); font-size: 0; text-align: center; -webkit-transition: opacity ease .5s; -o-transition: opacity ease .5s; -moz-transition: opacity ease .5s; transition: opacity ease .5s; }

.m-panel .shadow::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.m-panel .more { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 24px; color: #fff; padding-top: 51px; background: url(../images/shadowmore.png) no-repeat center 0; }

.icustomized-link { margin-bottom: 20px; }

.icustomized-link .m-img::after { padding-bottom: 62.5%; }

.imarket-link .m-img::after { padding-bottom: 53.92157%; }

.imarket-link .u-tags-panel { background-color: #2f2f2f; }

.imarket-link .u-tags-panel .title { color: #fff; }

.imarket-link .u-tags-panel .desc { color: #fff; opacity: 0.8; }

.imarket-link .u-tags-panel .tags a { border-color: #fff; color: #fff; }

.m-alignen-title { padding: 11px 0 15px; text-align: center; }

.m-alignen-title .cn { font-size: 22px; line-height: 1.5; }

.m-alignen-title .en { font-size: 14px; line-height: 1.5; color: #999; text-transform: uppercase; }

.ialignc-more { position: relative; display: block; margin: 0 auto; width: 140px; font-size: 14px; line-height: 36px; color: #888; text-align: center; border: solid 1px #ababab; }

.ialignc-more::after { opacity: 0; -webkit-transition: opacity ease .3s; -o-transition: opacity ease .3s; -moz-transition: opacity ease .3s; transition: opacity ease .3s; content: ''; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 3; background: #d90000 url(../images/uchlinemore.png) no-repeat center; -webkit-box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.3); }

.iclients-sz11 { padding: 0 15px; margin-bottom: 15px; }

.iclients-sz11 .commonweb { padding-top: 20px; padding-bottom: 20px; background-color: #fff; }

.iclients-sz11 .iclients-list { width: 100%; float: none; }

.iclients-sz11 .inner { background-color: #fff; }

.inews-center-sz11 { padding: 0 15px; padding-bottom: 25px; }

.inews-center-sz11 .commonweb { padding-bottom: 25px; background-color: #fff; }

.inews-center-sz11 .inner { background-color: #fff; }

.inews-center-sz11 .m-ichl-subnav { padding-top: 0; }

.inews-center-sz11 .m-ichl-subnav .activehook { display: none; }

.inews-center-sz11 .m-ichl-subnav ul { margin: 0; text-align: center; }

.inews-center-sz11 .m-ichl-subnav li { background: none; padding: 0 5px; }

.inews-center-sz11 .m-ichl-subnav .cur a { color: #fff; background-color: #d90000; }

.inews-center-sz11 .m-ichl-subnav a { padding: 0 5px; font-size: 14px; line-height: 36px; }

.inews-center-sz11 .news-set-top { padding: 0; }

.inews-center-sz11 .news-set-top .info { padding: 15px; }

.inews-center-sz11 .news-set-top .m-img::after { padding-bottom: 52.17391%; }

.inews-center-sz11 .news-set-top .title { display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: auto; color: #000; }

.inews-center-sz11 .news-set-top .date { color: #c5c5c5; }

.inews-center-sz11 .news-set-top .desc { margin-bottom: 8px; font-size: 14px; color: #898989; 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; }

.inews-center-sz11 .inews { margin-bottom: 20px; }

.full-ifoot-info { padding: 15px 0; background: url(../images/ifootbg.jpg) no-repeat center; -o-background-size: auto 100%; background-size: auto 100%; }

.full-ifoot-info .title { font-size: 24px; line-height: 1; color: #d90000; }

.full-ifoot-info .sub { padding: 9px 0 4px; font-size: 18px; line-height: 1.5; color: #000; }

.full-ifoot-info .desc { margin-bottom: 16px; font-size: 14px; line-height: 1.5; color: #8d8d8d; }

.full-ifoot-info .tel { margin-bottom: 10px; font-size: 14px; line-height: 24px; color: #494949; overflow: hidden; }

.full-ifoot-info .tel a { display: inline-block; vertical-align: baseline; font-size: 22px; line-height: 1; color: #000; }

.full-ifoot-info .tel .label { float: left; }

.full-ifoot-info .tel p { overflow: hidden; }

.full-ifoot-info .tel span { display: block; }

.full-ifoot-info .midico { font-size: 0; text-align: center; }

.full-ifoot-info .midico a { display: inline-block; vertical-align: top; font-size: 16px; line-height: 1; color: #000; margin: 0 15px; }

.full-ifoot-info .midico a p { padding: 12px 8px; }

.full-ifoot-info .midico a::before { content: ''; display: block; width: 100%; padding-bottom: 100%; background-repeat: no-repeat; background-position: center; -o-background-size: 100% auto; background-size: 100% auto; }

.full-ifoot-info .midico .qq::before { background-image: url(../images/ifootqq.png); }

.full-ifoot-info .midico .fmbtn::before { background-image: url(../images/ifootbtn.png); }

@media (min-width: 768px) { .m-title .subitle { font-size: 18px; }
  .m-arrow-list ul { font-size: 0; }
  .m-arrow-list li { display: inline-block; vertical-align: top; width: 50%; }
  .m-arrow-list .ico img { width: auto; }
  .m-arrow-list .fixid { font-size: 60px; }
  .m-arrow-list .name { padding: 20px 0 18px; font-size: 18px; }
  .m-arrow-list .name.ml2 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 45px; }
  .m-arrow-list .desc { height: 72px; }
  .m-level-list ul { font-size: 0; margin: 0 -10px; }
  .m-level-list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; }
  .m-level-list .msg .desc { height: 120px; }
  .m-imgdesc3-list ul { font-size: 0; margin: 0 -5px; }
  .m-imgdesc3-list li { display: inline-block; vertical-align: top; width: 33.3333%; margin-bottom: 0; padding: 0 5px; }
  .m-midico-list ul { font-size: 0; }
  .m-midico-list li { display: inline-block; vertical-align: top; width: 50%; }
  .m-case3-list ul { margin: 0 -10px; font-size: 0; }
  .m-case3-list li { display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 10px; margin-bottom: 20px; }
  .m-case3-list .msg { padding: 18px 16px 16px; }
  .m-case3-list h2 a { margin-bottom: 6px; font-size: 20px; }
  .m-desccase3-list .msg { border: 0; padding: 12px 0 10px; }
  .m-desccase3-list h2 a { margin-bottom: 0; font-size: 16px; line-height: 24px; }
  .m-desccase3-list .desc { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; line-height: 24px; color: #333; }
  .m-yun720-list ul { font-size: 0; margin: 0 -5px; }
  .m-yun720-list li { display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 5px; margin-bottom: 0; }
  .full-foretrade-flow .trade-lf { float: left; width: 50%; }
  .full-foretrade-flow .trade-mid { float: left; width: 50%; padding: 0 10px; }
  .full-foretrade-flow .trade-rg { float: left; width: 100%; }
  .m-arrow-list .dots { height: 108px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  .m-client5-list li { width: 20%; }
  .m-client4-list li { width: 25%; }
  .seo-serve-attach .m-midico-list li { width: 33.3333%; }
  .seo-standard .m-midico-list li { width: 33.3333%; }
  .addelivery-support .m-midico-list li { width: 25%; }
  .full-admedia-adv .m-midico-list li { width: 25%; }
  .admedia-res .m-arrow-list .desc { line-height: 24px; height: 120px; }
  .company-feature .m-arrow-list li { width: 33.3333%; }
  .company-intro .m-midico3-list li { width: 33.3333%; }
  .activity-demand .m-midico3-list li { width: 33.3333%; }
  .m-space-list ul { font-size: 0; margin: 0 -10px; }
  .m-space-list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; margin-bottom: 20px; }
  .m-space-list .desc { line-height: 26px; height: 234px; overflow-y: auto; }
  .responsive-advantage .m-arrow-list .desc { height: 192px; }
  .listed-intro .m-imgdesc-list .toptitle { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 81px; }
  .full-listed-feature .m-sideico-list { padding-top: 40px; padding-bottom: 40px; }
  .full-listed-feature .m-sideico-list ul { font-size: 0; }
  .full-listed-feature .m-sideico-list li { display: inline-block; vertical-align: top; width: 50%; padding: 10px; }
  .m-circle-list .desc { font-size: 16px; }
  .micromall-recommend .m-arrow-list li { width: 33.3333%; }
  .micromall-recommend .m-arrow-list .desc { height: 36px; }
  .mpwxoper-content .m-midico-list li { width: 33.3333%; }
  .full-platform-custom .m-midico-list li { width: 33.3333%; }
  .retail-system .m-midico-list li { width: 33.3333%; }
  .retail-feature { padding-top: 10px; padding-bottom: 10px; }
  .retail-feature .m-bdspace3-list ul { border: 0; margin: 0 -10px; }
  .retail-feature .m-bdspace3-list li { padding: 0 10px; margin-bottom: 20px; } }

@media (min-width: 1024px) { body { padding-top: 0; }
  .m-title { padding: 11px 0 13px; font-size: 28px; }
  .m-title .title { margin-bottom: 14px; font-size: 28px; }
  .m-title .red-h1 { margin-top: -10px; font-size: 36px; }
  .m-title .subitle { font-size: 24px; }
  .m-title br { display: block; }
  .m-title .text { font-size: 16px; }
  .m-imgdesc-list .desc { font-size: 16px; }
  .m-arrow-list ul { border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; overflow: hidden; }
  .m-arrow-list li { position: relative; padding: 35px 25px 40px; border-right: 1px solid #dbdbdb; }
  .m-arrow-list li:last-child::before, .m-arrow-list li:last-child::after { display: none; }
  .m-arrow-list li::before, .m-arrow-list li::after { content: ''; position: absolute; top: 50%; left: 100%; width: 0; height: 0; z-index: 3; margin: -26px 0 0 1px; border-color: rgba(0, 0, 0, 0); border-top-width: 26px; border-bottom-width: 26px; border-left-width: 18px; border-right-width: 18px; border-left-color: #dbdbdb; border-style: solid; }
  .m-arrow-list li::before { z-index: 5; margin-left: 0; border-left-color: #fff; }
  .m-arrow-list .fixid { font-size: 70px; }
  .m-arrow-list .ico img { width: 60px; }
  .m-arrow-list .index { font-size: 52px; }
  .m-arrow-list .name { padding: 26px 0 8px; }
  .m-arrow-list .desc { font-size: 16px; line-height: 24px; height: 96px; }
  .zebrabg li { background-color: #fefefe; }
  .zebrabg li::before { border-left-color: #f5f5f5; }
  .zebrabg li:nth-child(2n+1) { background-color: #f5f5f5; }
  .zebrabg li:nth-child(2n)::before, .zebrabg li:nth-child(2n)::after { display: none; }
  .m-arrow-list.bgf5 li::before { border-left-color: #f5f5f5; }
  .m-noarrow-padding { position: relative; padding-right: 47.5%; }
  .m-noarrow-padding li::before, .m-noarrow-padding li::after { display: none; }
  .m-noarrow-padding .pdimg { display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 38.625%; }
  .m-noarrow-padding .pdimg img { max-width: 100%; }
  .m-noarrow li::before, .m-noarrow li::after { display: none; }
  .m-case3-list li { margin-bottom: 35px; }
  .m-case3-list li img { -webkit-transition: -webkit-transform ease .5s; transition: -webkit-transform ease .5s; -o-transition: -o-transform ease .5s; -moz-transition: transform ease .5s, -moz-transform ease .5s; transition: transform ease .5s; transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s; }
  .m-case3-list li .inner { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
  .m-case3-list li .tags a:hover { color: #d80000; }
  .m-case3-list li .inner:hover { color: #d80000; -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2); }
  .m-case3-list li .inner:hover h2 a { color: #d80000; }
  .m-case3-list li .inner: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-case3-list .msg { padding: 18px 16px 16px; }
  .m-case3-list h2 a { margin-bottom: 6px; font-size: 20px; }
  .g-return-wrapper, .g-backmore { padding: 4.16667% 0 4.94792%; }
  .g-return-wrapper a, .g-backmore a { font-size: 16px; }
  .g-return-wrapper a:hover, .g-backmore a:hover { color: #e34343; border-color: #e34343; }
  .m-midico-list li { margin-bottom: 15px; }
  .m-midico-list .ico { margin-bottom: 26px; }
  .m-midico-list .title { margin-bottom: 4px; font-size: 24px; }
  .m-midico-list .desc { max-width: 100%; font-size: 16px; }
  .m-descimg img { display: block; max-width: 100%; height: auto !important; }
  .m-imgbg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
  .m-imgbg img { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: auto; min-width: 100%; height: 100%; }
  .m-arrow3-list li { width: 33.3333%; }
  .m-arrow3-list li:nth-child(3n)::before, .m-arrow3-list li:nth-child(3n)::after { display: none; }
  .m-arrow4-list li { width: 25%; }
  .m-arrow4-list li:nth-child(4n)::before, .m-arrow4-list li:nth-child(4n)::after { display: none; }
  .m-arrow4-list .desc { height: 90px; }
  .m-arrow5-list li:nth-child(5n)::before, .m-arrow5-list li:nth-child(5n)::after { display: none; }
  .m-midico4-list ul { margin: 0 -10px; }
  .m-midico4-list li { width: 25%; margin: 0; padding: 0 10px; }
  .m-midico4-list .desc { max-width: 100%; }
  .m-arrow5-list li { width: 20%; margin: 0; }
  .m-arrow5-list .desc { height: 108px; overflow-y: auto; }
  .m-midico3-list ul { margin: 0 -10px; }
  .m-midico3-list li { width: 33.3333%; padding: 0 10px; }
  .m-case3-list ul { margin: 0 -17px; }
  .m-case3-list li { width: 33.3333%; padding: 0 17px; }
  .m-imgdesc3-list ul { margin: 0 -12px; }
  .m-imgdesc3-list li { padding: 0 12px; }
  .crm-feature { padding-top: 3.90625%; padding-bottom: 4.16667%; }
  .crm-feature .m-title { margin-bottom: 4.625%; }
  .full-crm-solution { padding: 3.90625% 0 7.39583%; }
  .full-crm-solution .m-title { margin-bottom: 6.25%; }
  .crm-advantage { padding-top: 3.90625%; padding-bottom: 5.20833%; }
  .crm-advantage .m-title { margin-bottom: 4.25%; }
  .crm-system { padding-top: 3.90625%; padding-bottom: 0; }
  .crm-system .m-title { margin-bottom: 3.875%; }
  .crm-system .m-arrow5-list .desc { height: 168px; }
  .full-crm-solution .m-arrow4-list .desc { height: 96px; line-height: 24px; }
  .b2c-core { padding-top: 3.85417%; padding-bottom: 4.16667%; }
  .b2c-core .m-title { margin-bottom: 4%; }
  .b2c-core .m-arrow-list .name { padding: 20px 0; }
  .b2c-core .m-arrow-list .desc { font-size: 16px; line-height: 24px; height: 120px; }
  .full-b2c-advantage { padding: 3.85417% 0 3.90625%; }
  .full-b2c-advantage .m-title { margin-bottom: 6.625%; }
  .full-b2c-advantage .m-midico3-list { padding: 0 31.25% 0 0; }
  .full-b2c-advantage .b2crg { right: 0; top: 50%; bottom: auto; width: 24.1875%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .full-b2c-advantage .m-midico-list .ico img { width: 100px; }
  .full-b2c-advantage .m-midico3-list li { margin-bottom: 48px; }
  .b2c-feature { padding-top: 3.64583%; padding-bottom: 0; }
  .b2b-feature { padding-top: 3.85417%; padding-bottom: 4.16667%; }
  .b2b-feature .m-title { margin-bottom: 4.0625%; }
  .full-b2b-advantage { padding: 3.85417% 0 6.14583%; }
  .full-b2b-advantage .m-title { margin-bottom: 3.875%; }
  .full-b2b-advantage .m-arrow4-list .desc { line-height: 24px; height: 72px; }
  .recommend-case { padding-top: 3.85417%; padding-bottom: 0; }
  .recommend-case .m-title { margin-bottom: 4.0625%; }
  .seorec-case { padding-bottom: 5.10417%; }
  .seorec-case .m-title { margin-bottom: 2.5%; }
  .m-system-line li { width: 16.66667%; margin-bottom: 0; }
  .m-system-line li::after { top: 79px; }
  .m-system-line .ico { padding-bottom: 10px; }
  .m-system-line .ico img { width: 60px; }
  .m-system-line h2 { font-size: 16px; padding: 40px 0 33px; }
  .m-system-line h2::after { margin-left: -10px; width: 20px; height: 20px; border-width: 5px; }
  .m-system5-line li { width: 20%; }
  .m-system5-line h2 { font-size: 24px; padding-bottom: 16px; }
  .m-system5-line .desc { font-size: 16px; max-width: 208px; margin: 0 auto; }
  .m-block6-list ul { margin: 0 -5px; }
  .m-block6-list li { width: 16.66667%; padding: 0 5px; margin-bottom: 0; }
  .m-block6-list li h2 { font-size: 18px; }
  .operate-intro { padding-top: 3.02083%; padding-bottom: 4.79167%; }
  .operate-intro .m-title { margin-bottom: 3.4375%; }
  .operate-intro .m-arrow4-list li { background: url(../images/operintrobg.png) no-repeat right bottom; }
  .operate-intro .m-arrow4-list .desc { height: 72px; }
  .full-operate-featrue { padding: 0 0 3.33333%; }
  .full-operate-featrue .m-img-title { margin-bottom: 3.33333%; }
  .full-operate-featrue .m-img-title::after { content: ''; display: block; width: 100%; padding-bottom: 15.10417%; }
  .full-operate-featrue .m-img-title .m-title { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -51px; max-width: none; }
  .full-operate-needs { padding: 3.64583% 0; }
  .full-operate-needs .m-title { margin-bottom: 4.1875%; }
  .full-operate-needs .m-arrow3-list .desc { height: 48px; }
  .full-operate-needs .m-arrow3-list li { padding: 35px 20px 40px 25px; }
  .operate-advantage { padding-top: 3.90625%; padding-bottom: 4.6875%; }
  .operate-advantage .m-title { margin-bottom: 3.125%; }
  .full-operate-content { padding: 2.86458% 0 5.52083%; }
  .full-operate-content .m-title { margin-bottom: 3.125%; }
  .full-operate-content .m-arrow5-list .ico img { width: 50px; }
  .full-operate-content .m-arrow5-list li::before { border-left-color: #f5f5f5; }
  .full-operate-content .m-arrow5-list .desc { height: 72px; }
  .wxoperate-content { padding-bottom: 25px; }
  .operate-system { padding-top: 2.91667%; padding-bottom: 4.79167%; }
  .operate-system .m-title { margin-bottom: 7.1875%; }
  .operate-douyin { padding-top: 2.34375%; padding-bottom: 7.29167%; }
  .operate-douyin .m-title { margin-bottom: 5%; }
  .agent-douyin { padding-bottom: 0; }
  .full-douyin { padding: 2.29167% 0 4.94792%; }
  .full-douyin .m-title { margin-bottom: 2.75%; }
  .full-douyin .m-arrow-list li::before { border-left-color: #f1f1f1; }
  .operate-contact .m-title { margin-bottom: 16px; }
  .operate-contact .tel { padding: 0 61px 0 109px; font-size: 32px; line-height: 66px; -webkit-border-radius: 33px; border-radius: 33px; background-position: 62px center; -o-background-size: auto 34px; background-size: auto 34px; }
  .yun720-needs { padding-top: 4.53125%; padding-bottom: 4.375%; }
  .yun720-needs .m-descimg { padding: 5.9375% 0 5.375%; }
  .full-yun720-feature { padding: 3.85417% 0 5.3125%; }
  .full-yun720-feature .m-title { margin-bottom: 52px; }
  .full-yun720-feature .m-arrow-list li::before { border-left-color: #f5f5f5; }
  .full-yun720-feature .m-arrow5-list .desc { height: 144px; overflow-y: auto; }
  .yun720-advantage { padding-top: 4.16667%; padding-bottom: 0; }
  .yun720-advantage .m-title { margin-bottom: 3.25%; }
  .yun720-advantage .m-arrow-list li::before { border-left-color: #f5f5f5; }
  .yun720-advantage .m-arrow-list .name { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 45px; }
  .yun720-advantage .m-arrow5-list .desc { height: 168px; overflow-y: auto; }
  .yun720-case { padding-top: 4.16667%; padding-bottom: 1.97917%; }
  .yun720-case .m-title { margin-bottom: 3.5625%; }
  .m-yun720-list ul { margin: 0 -40px; }
  .m-yun720-list li { padding: 0 40px; }
  .full-foretrade-feature { padding: 4.16667% 0 11.19792%; background: url(../images/foretradebg.jpg) no-repeat center bottom; -o-background-size: 100% auto; background-size: 100% auto; }
  .full-foretrade-feature .m-title { margin-bottom: 7.24138%; }
  .full-foretrade-feature .m-arrow-list .desc { height: 72px; }
  .full-foretrade-flow { padding: 4.16667% 0 5.72917%; }
  .full-foretrade-flow .m-title { margin-bottom: 3.125%; }
  .full-foretrade-flow .trade-flow { margin: 0 -1.5625%; }
  .full-foretrade-flow .item .title { line-height: 62px; margin-bottom: 7px; }
  .full-foretrade-flow .item .desc span { font-size: 18px; line-height: 24px; padding: 10px 5px; }
  .full-foretrade-flow .item .desc span::after, .full-foretrade-flow .item .desc span::before { content: ''; position: absolute; left: 100%; }
  .full-foretrade-flow .trade-lf .desc .p1, .full-foretrade-flow .trade-mid .desc .p1 { top: 0; }
  .full-foretrade-flow .trade-lf .desc .p1::after, .full-foretrade-flow .trade-mid .desc .p1::after { padding-bottom: 35.27835%; }
  .full-foretrade-flow .trade-lf .desc .p2, .full-foretrade-flow .trade-mid .desc .p2 { top: 53.38474%; }
  .full-foretrade-flow .trade-lf .desc .p2::after, .full-foretrade-flow .trade-mid .desc .p2::after { padding-bottom: 22.17496%; }
  .full-foretrade-flow .trade-lf .desc .p3, .full-foretrade-flow .trade-mid .desc .p3 { top: 90.41461%; }
  .full-foretrade-flow .trade-lf .desc .p3::after, .full-foretrade-flow .trade-mid .desc .p3::after { padding-bottom: 20.15906%; }
  .full-foretrade-flow .trade-lf .desc .p4, .full-foretrade-flow .trade-mid .desc .p4 { top: 124.97583%; }
  .full-foretrade-flow .trade-lf .desc .p4::after, .full-foretrade-flow .trade-mid .desc .p4::after { padding-bottom: 21.16701%; }
  .full-foretrade-flow .trade-lf .desc .p9, .full-foretrade-flow .trade-mid .desc .p9 { top: 124.97583%; }
  .full-foretrade-flow .trade-lf .desc .p9::after, .full-foretrade-flow .trade-mid .desc .p9::after { padding-bottom: 51.65759%; }
  .full-foretrade-flow .trade-lf { width: 25.75758%; padding: 0 1.51515%; }
  .full-foretrade-flow .trade-lf .desc span::before { top: 50%; margin-top: -1px; width: 50%; border-bottom: 1px dashed #e34343; }
  .full-foretrade-flow .trade-lf .desc span::after { left: auto; right: -50%; top: 50%; margin: -7px -7px 0 0; width: 0; height: 0; border: 7px solid rgba(0, 0, 0, 0); border-left-color: #e34343; }
  .full-foretrade-flow .trade-mid { width: 25.75758%; padding: 0 1.51515%; }
  .full-foretrade-flow .trade-mid .desc span { left: 20%; width: 60%; }
  .full-foretrade-flow .trade-mid .desc span::before { top: 50%; margin-top: -1px; border-bottom: 1px dashed #e34343; }
  .full-foretrade-flow .trade-mid .desc span::after { left: auto; top: 50%; margin: -7px -7px 0 0; width: 0; height: 0; border: 7px solid rgba(0, 0, 0, 0); border-left-color: #e34343; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(1) span::before { width: 56.44444%; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(1) span::after { right: -56.44444%; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(2) span::before { width: 83.11111%; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(2) span::after { right: -83.11111%; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(3) span::before { width: 116.44444%; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(3) span::after { right: -116.44444%; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(4) span::before { width: 156%; }
  .full-foretrade-flow .trade-mid .desc p:nth-child(4) span::after { right: -156%; }
  .full-foretrade-flow .trade-rg { width: 48.48485%; padding: 0 1.51515%; }
  .full-foretrade-flow .trade-rg .fixed-desc p { font-size: 16px; line-height: 30px; }
  .full-foretrade-flow .fixed-desc p::after { border-width: 8px; margin-left: -8px; }
  .full-foretrade-flow .fixed-desc::after { top: 38px; bottom: 38px; }
  .full-foretrade-flow .fixed-desc .top::after { top: 30px; }
  .full-foretrade-flow .fixed-desc .bot::after { top: -12px; }
  .foretrade-seo { padding-top: 4.16667%; padding-bottom: 10px; }
  .foretrade-seo .m-title { margin-bottom: 3.90855%; }
  .foretrade-seo .m-arrow-list .dots { height: 144px; }
  .m-level-list ul { margin: 0 -1.5625%; }
  .m-level-list li { padding: 0 1.51515%; margin-bottom: 3.0303%; }
  .m-level-list .inner { padding: 9% 7% 5.2%; }
  .m-level-list .ico { padding: 15px 0; }
  .m-level-list .ico img { width: 64px; }
  .m-level-list .inner .lf { float: left; margin-right: 25px; }
  .m-level-list .index { font-size: 52px; }
  .m-level-list .msg { overflow: hidden; }
  .m-level-list .msg h3 { margin-bottom: 24px; font-size: 20px; }
  .m-level-list .msg .desc { height: 192px; overflow-y: auto; }
  .m-level3-list li { width: 33.3333%; }
  .agent-serves { padding-top: 3.95833%; padding-bottom: 12px; }
  .agent-serves .m-title { margin-bottom: 3%; }
  .wxoperate-needs { padding-top: 4.53125%; padding-bottom: 5.88542%; }
  .wxoperate-needs .m-title { margin-bottom: 4.375%; }
  .wxoperate-advantage { padding-top: 0; padding-bottom: 4.16667%; }
  .wxoperate-advantage .m-title { margin-bottom: 2.5%; }
  .m-ends { padding: 0 150px; min-height: 150px; }
  .m-ends .text { padding: 10px 5px; font-size: 16px; }
  .m-ends .top .ico { width: 150px; }
  .m-ends .top .lf { left: -150px; }
  .m-ends .top .rg { right: -150px; }
  .m-imgbg-midico .m-midico-list { padding: 4.5% 0; }
  .m-imgbg-midico .m-midico-list .ico img { width: 64px; }
  .wxoperate-system { padding-bottom: 0; }
  .m-cell-info { display: table; width: 100%; table-layout: fixed; }
  .m-cell-info .img { width: 50%; display: table-cell; vertical-align: top; }
  .m-cell-info .info { width: 50%; display: table-cell; vertical-align: middle; padding: 10px 10px 10px 15px; }
  .m-cell-info .info .m-title { padding: 0 0 10px; }
  .market-feature { padding-top: 3.48958%; }
  .market-feature .m-title { margin-bottom: 3.5625%; }
  .market-feature .m-arrow-list .name.ml2 { height: 67.5px; }
  .market-feature .m-arrow-list .desc { height: 168px; }
  .m-client-wraper { padding-top: 4.42708%; }
  .m-client-wraper .m-title { margin-bottom: 3.75%; }
  .m-client-wraper .m-title .bigyear { font-size: 54px; }
  .seo-why { padding-top: 3.95833%; padding-bottom: 4.94792%; }
  .seo-why .m-title { margin-bottom: 5.125%; }
  .seo-why .m-midico-list ul { margin: 0 -2.5%; }
  .seo-why .m-midico-list li { padding: 0 2.38095%; }
  .seo-why .m-midico-list .ico { margin-bottom: 36px; }
  .seo-why .m-midico-list .ico img { width: 30%; max-width: 102px; }
  .seo-why .m-midico-list .title { font-size: 20px; line-height: 32px; }
  .m-midico5-list ul { margin: 0 -30px; }
  .m-midico5-list li { margin-bottom: 0; width: 20%; padding: 0 30px; }
  .seo-advantage { padding-top: 2.29167%; padding-bottom: 6.09375%; }
  .seo-advantage .m-title { margin-bottom: 4.3125%; }
  .seo-advantage .m-midico-list .ico img { width: 50%; max-width: 150px; }
  .full-seo-serves { padding: 30px 0 6.25%; }
  .full-seo-serves .m-title { margin-bottom: 4.0625%; max-width: 100%; }
  .full-seo-serves .m-midico-list .ico img { width: 30%; max-width: 92px; }
  .full-seo-serves .m-midico-list li { width: 25%; }
  .seo-serve-attach { padding-top: 4.375%; padding-bottom: 2.65625%; }
  .seo-serve-attach .m-title { padding-bottom: 3.5%; }
  .seo-serve-attach .m-midico34-list li { width: 25%; margin-bottom: 4.71976%; }
  .seo-serve-attach .m-midico34-list li.li3 { width: 33.3333%; }
  .seo-serve-attach .m-midico34-list li .desc { max-width: 206px; }
  .m-desccase3-list .msg { border: 0; padding: 12px 0 10px; }
  .m-desccase3-list h2 a { font-size: 16px; line-height: 24px; margin-bottom: 0; }
  .m-desccase3-list ul { margin: 0 -2.5%; }
  .m-desccase3-list li { padding: 0 2.38095%; margin-bottom: 0; }
  .m-desccase3-list li .inner:hover { -webkit-box-shadow: none; box-shadow: none; }
  .full-seovs { padding: 3.4375% 0 3.54167%; }
  .full-seovs .m-title { margin-bottom: 3.625%; }
  .full-seovs .vsitem { min-height: 50px; margin-bottom: 28px; }
  .full-seovs .vsitem .title { width: 165px; font-size: 18px; line-height: 50px; }
  .full-seovs .vsitem .title::before, .full-seovs .vsitem .title::after { content: ''; position: absolute; top: 50%; width: 57px; height: 10px; margin-top: -5px; background-repeat: no-repeat; background-position: center; }
  .full-seovs .vsitem .title::before { right: 100%; background-image: url(../images/seovslf.png); }
  .full-seovs .vsitem .title::after { left: 100%; background-image: url(../images/seovsrg.png); }
  .full-seovs .vsitem p { font-size: 18px; line-height: 24px; padding: 13px 0; }
  .full-seovs .vsitem .lf { padding-right: 148px; }
  .full-seovs .vsitem .rg { padding-left: 148px; }
  .seo-standard { padding-top: 3.80208%; }
  .seo-standard .m-title { margin-bottom: 5.25%; }
  .seo-standard .m-midico5-list ul { margin-bottom: 4.25%; }
  .seo-standard .m-midico5-list li { width: 20%; }
  .seo-standard .m-midico5-list .ico img { width: 60%; max-width: 160px; }
  .seo-df-title .m-title { max-width: 1600px; padding: 8.125% 0 6.5%; }
  .m-seotip-title .m-title { max-width: 1600px; padding: 8.0625% 0; }
  .addelivery-res { padding-top: 3.95833%; padding-bottom: 5.05208%; }
  .addelivery-res .m-title { margin-bottom: 30px; }
  .addelivery-res .m-arrow5-list .desc { height: 144px; overflow-y: auto; }
  .addelivery-support { padding: 28px 0 7.70833%; }
  .addelivery-support .m-title { margin-bottom: 3.75%; }
  .addelivery-support .adsup-wrapper { display: table; width: 100%; table-layout: fixed; }
  .addelivery-support .lf { display: table-cell; vertical-align: middle; width: 34.375%; padding-bottom: 0; }
  .addelivery-support .lf h2 { font-size: 32px; }
  .addelivery-support .lf .en { font-size: 32px; margin: -12px 0 20px; }
  .addelivery-support .rg { display: table-cell; vertical-align: middle; width: 65.625%; }
  .addelivery-support .m-midico-list .ico img { width: 70%; }
  .admedia-res { padding-top: 3.95833%; padding-bottom: 5.36458%; }
  .admedia-res .m-title { margin-bottom: 2.25%; }
  .full-admedia-adv { padding: 2.29167% 0 4.27083%; }
  .full-admedia-adv .m-title { margin-bottom: 4.1875%; }
  .admeadia-matrix { padding-top: 2.29167%; padding-bottom: 4.58333%; }
  .admeadia-matrix .m-title { margin-bottom: 2.6875%; }
  .admeadia-matrix .m-arrow-list li { background: url(../images/operintrobg.png) no-repeat right bottom; }
  .full-admeadia-needs { padding: 2.34375% 0 5.26042%; }
  .full-admeadia-needs .m-title { margin-bottom: 4.1875%; }
  .full-admeadia-needs .admeadia-needs { display: table; table-layout: fixed; width: 100%; }
  .full-admeadia-needs .admeadia-needs .lf, .full-admeadia-needs .admeadia-needs .needs { display: table-cell; vertical-align: middle; width: 50%; }
  .full-admeadia-needs .admeadia-needs .lf { padding-right: 11.25%; }
  .full-admeadia-needs .admeadia-needs .needs { padding-left: 11.25%; }
  .full-admeadia-needs .needs { position: relative; }
  .full-admeadia-needs .needs::after { content: ''; position: absolute; left: 0; top: 50%; z-index: 5; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../images/admeadiarr.png) no-repeat center; }
  .full-admeadia-needs .needs li { margin-bottom: 60px; }
  .full-admeadia-needs .needs .index { font-size: 48px; }
  .full-admeadia-needs .needs h2 { font-size: 24px; padding: 7px 0 0px; }
  .full-admeadia-needs .needs .desc { font-size: 16px; }
  .admedia-partner { padding-top: 2.34375%; padding-bottom: 10px; }
  .admedia-partner .m-title { margin-bottom: 6.875%; }
  .m-sideico-list .ico { width: 22.01405%; }
  .m-sideico-list .title { font-size: 24px; line-height: 48px; color: #333; }
  .m-sideico-list .msg { padding-left: 30px; }
  .m-sideico-list .desc { font-size: 16px; line-height: 24px; }
  .m-sideico2-list ul { font-size: 0; margin: 0 -3.375%; }
  .m-sideico2-list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 3.16159%; }
  .better-feature { padding-top: 3.95833%; }
  .better-feature .m-title { margin-bottom: 27px; }
  .full-img-principle .m-md-fixmsg { padding-top: 15px; padding-bottom: 15px; }
  .full-img-principle .dstable .ico { width: 34.375%; }
  .full-img-principle .dstable .rg { width: 65.625%; }
  .full-img-principle .rg { font-size: 18px; line-height: 30px; }
  .full-title-principle { position: relative; }
  .full-title-principle .m-md-fixmsg { padding-top: 40px; padding-bottom: 40px; display: table; width: 100%; table-layout: fixed; }
  .full-title-principle .simple-title { display: table-cell; vertical-align: middle; width: 34.375%; padding-bottom: 0; }
  .full-title-principle .simple-title h3 { font-size: 26px; }
  .full-title-principle .simple-title .en { margin: -5px 0 10px; font-size: 26px; }
  .full-title-principle .rg { display: table-cell; vertical-align: middle; width: 65.625%; font-size: 18px; line-height: 30px; padding-left: 20px; }
  .full-title-market .simple-title .en { margin: -6px 0 0; line-height: 1.2; }
  .principle-main { padding-top: 5.20833%; padding-bottom: 5.20833%; }
  .five-trait { padding-top: 0; padding-bottom: 5.20833%; }
  .five-trait .m-title { margin-bottom: 30px; }
  .five-trait .m-arrow5-list .name { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .five-trait .m-arrow5-list .desc { height: 192px; }
  .company-feature { padding-top: 4.16667%; padding-bottom: 4.16667%; }
  .company-feature .m-title { margin-bottom: 6.25%; }
  .company-intro { padding-bottom: 20px; }
  .company-intro .m-title { margin-bottom: 2.5%; }
  .activity-demand { padding-top: 2.60417%; padding-bottom: 2.60417%; }
  .activity-demand .m-title { margin-bottom: 3.125%; }
  .activity-demand .m-title .en { margin-top: -7px; }
  .activity-demand .m-midico-list .ico img { width: 46%; }
  .full-activity-solution .commonweb { position: relative; }
  .full-activity-solution .m-title { margin-bottom: 1.875%; }
  .full-activity-solution .thumb { margin-bottom: 0; padding-left: 50%; }
  .full-activity-solution .midcenter { position: relative; }
  .full-activity-solution .content { position: absolute; left: 0; top: 0; width: 50%; padding-right: 5.5%; height: 100%; font-size: 0; }
  .full-activity-solution .content .desc { font-size: 16px; }
  .full-activity-solution .content::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
  .full-activity-solution .idinfo { display: inline-block; vertical-align: middle; }
  .full-activity-solution .item { padding: 2.8125% 0 3.75%; }
  .full-activity-solution .item:nth-child(odd) .thumb { padding: 0 50% 0 0; }
  .full-activity-solution .item:nth-child(odd) .content { left: auto; right: 0; padding: 0 0 0 5.5%; }
  .full-activity-solution .item:nth-child(2) .content::before { display: none; }
  .full-activity-solution .maindesc { font-size: 28px; }
  .full-activity-solution .idinfo { padding-left: 66px; }
  .full-activity-solution .idinfo .fixid { top: -9px; width: 46px; height: 46px; font-size: 26px; line-height: 46px; }
  .full-activity-solution .idinfo .title { margin-bottom: 14px; font-size: 22px; }
  .full-activity-service { padding: 6.5625% 0 8.125%; }
  .full-activity-service .m-title { margin-bottom: 25px; }
  .full-activity-service .ac-svdesc { font-size: 16px; }
  .m-site-intro { display: table; width: 100%; table-layout: fixed; padding-top: 3.54167%; padding-bottom: 4.32292%; }
  .m-site-intro .m-title { margin-bottom: 0; display: table-cell; vertical-align: middle; width: 62.5%; text-align: left; padding-right: 3.5%; }
  .m-site-intro .thumb { display: table-cell; vertical-align: top; width: 37.5%; }
  .m-space-list .inner { padding: 4.10256% 7.05128% 4.87179%; }
  .m-space-list .title { margin-bottom: 17px; font-size: 28px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .m-space-list .desc { font-size: 16px; height: 180px; }
  .m-space2-list ul { margin: 0 -1.25%; }
  .m-space2-list li { padding: 0 1.21951%; margin-bottom: 2.5%; }
  .full-brand { padding: 3.125% 0; }
  .full-brand .m-title { margin-bottom: 3.25%; }
  .brand-extension { padding-top: 3.125%; padding-bottom: 0; }
  .brand-extension .exsub-title { font-size: 24px; }
  .brand-extension .text { max-width: 846px; margin: 0 auto; }
  .brand-extension .m-title { max-width: 1100px; }
  .full-business-use { padding-top: 3.125%; }
  .full-business-use .m-title { margin-bottom: 3.125%; }
  .full-business-use .analyse { font-size: 24px; }
  .business-analyse { padding-top: 4.16667%; padding-bottom: 1.04167%; width: 100%; display: table; table-layout: fixed; }
  .business-analyse .content { display: table-cell; vertical-align: middle; width: 55.375%; }
  .business-analyse .m-title { text-align: left; margin-bottom: 8.5%; }
  .business-analyse .thumb { display: table-cell; vertical-align: middle; width: 44.625%; text-align: left; }
  .site-market-step { padding-top: 3.125%; padding-bottom: 4.16667%; }
  .site-market-step .m-title { margin-bottom: 3.75%; }
  .site-market-step .m-arrow-list .desc { height: 240px; }
  .responsive-flow { padding-top: 0; padding-bottom: 3.125%; }
  .responsive-flow .m-title { margin-bottom: 4.125%; }
  .responsive-flow .m-space-list .desc { margin-right: -20px; padding-right: 20px; }
  .responsive-flow .m-space-list .desc::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; }
  .responsive-flow .m-space-list .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }
  .responsive-flow .m-space-list .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #ccc; }
  .responsive-advantage .m-arrow-list .desc { height: 240px; overflow-y: auto; }
  .responsive-advantage .m-arrow-list .desc::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; }
  .responsive-advantage .m-arrow-list .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }
  .responsive-advantage .m-arrow-list .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #ccc; }
  .responsive-advantage .m-arrow-list .ico img { width: 94px; }
  .responsive-advantage .m-title { margin-bottom: 26px; }
  .listed-intro { padding-top: 3.95833%; padding-bottom: 3.85417%; }
  .listed-intro .m-title { margin-bottom: 4.125%; }
  .listed-intro .m-imgdesc3-list .index { font-size: 52px; }
  .listed-intro .m-imgdesc3-list .toptitle { padding: 5px 0 2px; font-size: 24px; height: 108px; }
  .listed-intro .m-imgdesc3-list .toptitle br { display: block; }
  .full-listed-feature .m-sideico-list { padding-top: 4.16667%; padding-bottom: 4.16667%; }
  .full-listed-feature .m-sideico-list ul { margin: 0 -3.125%; }
  .full-listed-feature .m-sideico-list li { width: 33.3333%; padding: 2.94118%; }
  .full-listed-feature .m-sideico-list .ico { width: 84px; }
  .full-listed-feature .m-sideico-list .msg { font-size: 18px; }
  .m-circle4-list li { margin-bottom: 0; width: 25%; padding: 0 4.58333%; }
  .m-circle4-list .inner { width: 100%; max-width: 189px; }
  .m-circle4-list .num { font-size: 48px; line-height: 1; }
  .m-circle4-list .num span { font-size: 16px; }
  .commonweb.wxmarket-port { max-width: 1200px; margin: 0 auto; }
  .wxmarket-port { padding-top: 3.125%; padding-bottom: 6.875%; }
  .wxmarket-port .m-title { margin-bottom: 6.25%; }
  .full-wxmarket-feature { padding: 3.02083% 0 8.125%; }
  .full-wxmarket-feature .m-title { margin-bottom: 3.75%; }
  .wxmarket-advantage { padding-top: 3.125%; padding-bottom: 18px; }
  .wxmarket-advantage .m-title { margin-bottom: 3.75%; }
  .micromall-needs { padding-top: 3.125%; padding-bottom: 3.54167%; }
  .micromall-needs .m-title { margin-bottom: 3.625%; }
  .micromall-needs .m-midico4-list .desc { max-width: 208px; }
  .micromall-needs .m-midico-list { max-width: 1324px; margin: 0 auto; }
  .full-micromall-feature { padding: 3.125% 0 5.10417%; }
  .full-micromall-feature .m-title { margin-bottom: 3.625%; }
  .full-micromall-feature .m-arrow4-list .desc { height: 216px; }
  .micromall-recommend { padding-top: 3.125%; padding-bottom: 10px; }
  .micromall-recommend .rec-wrapper { max-width: 1324px; margin: 0 auto; }
  .micromall-recommend .m-title { margin-bottom: 3.625%; }
  .micromall-recommend .item { position: relative; padding-left: 220px; margin-top: -1px; }
  .micromall-recommend .rec-title { position: absolute; left: 0; top: 0; width: 220px; height: 100%; font-size: 0; }
  .micromall-recommend .rec-title::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
  .micromall-recommend .rec-title h3 { display: inline-block; vertical-align: middle; font-size: 28px; padding-left: 25px; }
  .full-mpwx-advantage { padding: 3.02083% 0 5.20833%; }
  .full-mpwx-advantage .m-arrow-list .ico { padding-top: 13px; }
  .full-mpwx-advantage .m-arrow-list .desc { height: 72px; }
  .mpwx-flow { padding-top: 2.60417%; padding-bottom: 4.16667%; }
  .mpwx-flow .m-title { margin-bottom: 6.25%; }
  .mpwxoper-servies .m-midico-list .desc { width: 208px; margin: 0 auto; }
  .full-mpwxoper-advantage { padding: 3.125% 0 4.16667%; }
  .full-mpwxoper-advantage .m-title { margin-bottom: 3.75%; }
  .full-mpwxoper-advantage .m-arrow4-list .desc { height: 48px; overflow-y: auto; }
  .mpwxoper-content { padding-top: 3.125%; padding-bottom: 5.72917%; }
  .mpwxoper-content .m-title { margin-bottom: 3.75%; }
  .mpwxoper-content .m-midico-list li { width: 20%; }
  .mpwxoper-content .m-midico-list .desc { max-width: 208px; }
  .full-mpwxoper-solution { padding: 3.125% 0 4.16667%; }
  .full-mpwxoper-solution .m-title { margin-bottom: 3.75%; }
  .full-case-crumbs { display: block; position: relative; z-index: 10; width: 100%; 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; }
  .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(../images/crumbhome.png) no-repeat 0 10px; }
  .full-case-crumbs .crumbs .home:hover { background-image: url(../images/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(../images/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(../images/editbkac.png) no-repeat 0 44.9%; }
  .platform-needs { padding-top: 3.125%; padding-bottom: 4.16667%; }
  .platform-needs .m-title { margin-bottom: 0; }
  .platform-needs .mid-title { padding-top: 3.375%; padding-bottom: 3.75%; }
  .platform-needs .m-arrow4-list .desc { height: 120px; }
  .full-platform-custom { padding: 3.125% 0 5.83333%; }
  .full-platform-custom .m-title { margin-bottom: 3.75%; }
  .full-platform-custom .m-midico-list .desc { max-width: 256px; }
  .platform-advantage { padding-top: 3.125%; padding-bottom: 20px; }
  .platform-advantage .m-title { margin-bottom: 4.125%; }
  .retail-system { padding-top: 2.60417%; }
  .retail-system .m-title { margin-bottom: 5.4375%; }
  .retail-system .m-midico-list li { margin-bottom: 5%; }
  .retail-system .m-midico-list .ico { margin-bottom: 12px; }
  .retail-system .m-midico-list .ico img { width: 64px; }
  .retail-imgtitle::after { content: ''; display: block; width: 100%; padding-bottom: 23.4375%; }
  .retail-imgtitle .commonweb { position: absolute; left: 50%; top: 50%; z-index: 5; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .retail-imgtitle .commonweb .m-title { padding: 20px 0; }
  .retail-models { padding-top: 4.16667%; padding-bottom: 5.20833%; }
  .retail-models .m-title { margin-bottom: 5.25%; }
  .retail-models .mid-models { font-size: 0; position: relative; }
  .retail-models .item { margin-bottom: 0; padding: 5.12% 0; }
  .retail-models .item .title { font-size: 24px; }
  .retail-models .item .desc { font-size: 16px; }
  .retail-models .lf, .retail-models .rg { display: inline-block; vertical-align: middle; width: 50%; }
  .retail-models .lf { padding-right: 10.9375%; text-align: right; }
  .retail-models .mid { position: absolute; 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%); width: 16.375%; }
  .retail-models .mid img { width: 100%; }
  .retail-models .rg { padding-left: 10.9375%; text-align: left; }
  .retail-social { padding-top: 3.02083%; padding-bottom: 5.20833%; }
  .retail-social.commonweb { max-width: 1300px; margin: 0 auto; }
  .retail-social .m-title { margin-bottom: 3.25%; }
  .retail-social .m-arrow-list .ico img { width: 37%; max-width: 100px; }
  .retail-social .m-arrow-list .desc { height: 144px; }
  .retail-newmodels { padding-top: 4.16667%; padding-bottom: 5%; }
  .retail-newmodels .m-title { margin-bottom: 3.25%; }
  .retail-newmodels .m-arrow-list .desc { height: 192px; }
  .retail-newmodels .m-arrow-list .ico img { width: 36%; max-width: 124px; }
  .retail-feature { padding-top: 4.16667%; padding-bottom: 10px; }
  .retail-feature .m-title { margin-bottom: 4.75%; }
  .retail-feature .m-bdspace3-list ul { border: 0; }
  .retail-feature .m-bdspace3-list .ico img { width: 64px; }
  .retail-feature .m-bdspace3-list li { width: 33.3333%; }
  .retail-feature .m-bdspace3-list .inner { padding: 35px 25px 40px; border: 1px solid #dbdbdb; }
  .retail-feature .m-bdspace3-list .desc { height: 120px; }
  .erp-needs { padding-top: 3.22917%; padding-bottom: 0; }
  .erp-needs .m-title .subitle { margin-bottom: 32px; }
  .erp-needs .m-title .title { margin-bottom: 0; }
  .erp-services { padding-top: 3.125%; padding-bottom: 4.27083%; }
  .erp-services .m-title { margin-bottom: 5%; }
  .full-erp-solution { padding: 3.125% 0 6.04167%; }
  .full-erp-solution .m-title { margin-bottom: 3.875%; }
  .erp-use { padding-top: 33px; padding-bottom: 33px; }
  .erp-use .m-space-list .desc { height: 78px; }
  .customized-intro { padding-top: 5.625%; padding-bottom: 3.125%; }
  .customized-intro .intro { float: left; width: 50%; padding-right: 10.9375%; }
  .customized-intro .m-title { margin-bottom: 0; text-align: left; }
  .customized-intro .m-title.top { margin-bottom: 15.68%; }
  .customized-intro .m-midico3-list { float: right; width: 50%; }
  .customized-intro .m-midico3-list li { margin-bottom: 7.25%; }
  .customized-intro .m-midico3-list .ico { margin-bottom: 20px; }
  .customized-intro .m-midico3-list .ico img { width: 60%; max-width: 150px; }
  .full-customized-steps { padding: 3.125% 0 2.60417%; }
  .full-customized-steps .m-title { margin-bottom: 3.75%; }
  .full-customized-steps .m-space3-list { overflow: hidden; }
  .full-customized-steps .m-space3-list ul { margin: 0 -1.5625%; padding-bottom: 1px; overflow: hidden; }
  .full-customized-steps .m-space3-list li { position: relative; width: 33.3333%; margin-bottom: 3.0303%; padding: 0 1.51515%; }
  .full-customized-steps .m-space3-list li:last-child::after { display: none; }
  .full-customized-steps .m-space3-list li::after { content: ''; position: absolute; left: 100%; top: 50%; margin: -14px 0 0 -7px; width: 0; height: 0; border: 14px solid rgba(0, 0, 0, 0); border-left-color: #d80000; }
  .full-customized-steps .m-space3-list .desc { height: 208px; }
  .customized-desc { padding-top: 3.85417%; }
  .customized-desc .m-title { max-width: 1120px; }
  .iban-intro { position: relative; z-index: 20; padding: 0; }
  .iban-intro .intro { position: absolute; left: 50%; bottom: 0; width: 50%; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; padding: 25px 42px 24px; }
  .iban-intro .intro .title { font-size: 28px; }
  .iban-intro .intro .desc { padding: 14px 0 16px; }
  .u-tags-panel .mid { padding: 15px 25% 15px 5%; }
  .u-tags-panel .title { font-size: 36px; }
  .u-tags-panel .title:after { margin: 12px 0 30px; }
  .u-tags-panel .desc { margin-bottom: 9.28571%; }
  .u-tags-panel .tags { padding-bottom: 10.35714%; }
  .u-tags-panel .tags a { margin: 0 10px 12px 0; }
  .u-tags-panel .tags a:hover { border-color: #2f2f2f; background-color: #2f2f2f; color: #fff; }
  .m-panel { position: relative; padding-left: 50%; }
  .m-panel .u-tags-panel { position: absolute; left: 0; top: 0; width: 50%; height: 100%; font-size: 0; }
  .m-panel .u-tags-panel::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
  .m-panel .u-tags-panel .mid { display: inline-block; vertical-align: middle; }
  .m-panel .m-img::before { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; }
  .m-panel .m-img img { -webkit-transition: -webkit-transform ease .5s; transition: -webkit-transform ease .5s; -o-transition: -o-transform ease .5s; -moz-transition: transform ease .5s, -moz-transform ease .5s; transition: transform ease .5s; transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s; }
  .m-panel .m-img: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-panel .m-img:hover .shadow { opacity: 1; }
  .ialignc-more { width: 200px; font-size: 14px; line-height: 46px; }
  .ialignc-more:hover::after { opacity: 1; }
  .icustomized-link .m-panel { -webkit-box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.2); }
  .imarket-link .m-panel { padding: 0 36.25% 0 0; }
  .imarket-link .m-panel .u-tags-panel { left: auto; right: 0; width: 36.25%; }
  .imarket-link .m-panel .mid { padding: 15px 14.48276% 15px 8.96552%; }
  .imarket-link .m-panel .tags a:hover { border-color: #fff; background-color: #fff; color: #000; }
  .iclients-sz11 { padding: 0; }
  .iclients-sz11 .commonweb { padding: 3.125% 40px 4.16667%; }
  .inews-center-sz11 { padding: 0; margin-bottom: 25px; }
  .inews-center-sz11 .commonweb { padding: 55px 40px 75px; }
  .inews-center-sz11 .m-ichl-subnav { text-align: center; font-size: 0; margin-bottom: 4.27632%; }
  .inews-center-sz11 .m-ichl-subnav ul { display: inline-block; }
  .inews-center-sz11 .m-ichl-subnav li { padding: 0 15px; }
  .inews-center-sz11 .m-ichl-subnav a { padding: 0 22px; }
  .inews-center-sz11 .inews { margin-bottom: 4.47368%; }
  .inews-center-sz11 .inews-wraper { padding-top: 0; }
  .inews-center-sz11 .news-set-top { margin-right: 30px; padding: 0; }
  .inews-center-sz11 .news-set-top .info { padding: 18px 16px 38px; }
  .inews-center-sz11 .news-set-top .m-img::after { padding-bottom: 52.17391%; }
  .inews-center-sz11 .news-set-top .title { margin-bottom: 1px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: auto; color: #000; }
  .inews-center-sz11 .news-set-top .date { margin-bottom: 14px; color: #c5c5c5; font-size: 14px; }
  .inews-center-sz11 .news-set-top .desc { margin-bottom: 0; }
  .inews-center-sz11 .news-four { padding: 5px; background: none; }
  .inews-center-sz11 .news-four li { border: 0; }
  .inews-center-sz11 .news-four a { background: none; padding: 29px 40px 30px 87px; }
  .inews-center-sz11 .news-four a.cur { -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); }
  .inews-center-sz11 .news-four a:hover { -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); }
  .inews-center-sz11 .news-four a:hover .date { color: #d90000; }
  .inews-center-sz11 .news-four .date { top: 11px; left: 18px; }
  .inews-center-sz11 .news-four .date span { font-size: 48px; font-family: 'Courier New', Courier, monospace; }
  .m-alignen-title { margin-bottom: 20px; padding: 11px 0 15px; }
  .m-alignen-title .cn { font-size: 36px; }
  .m-alignen-title .en { font-size: 16px; }
  .iclassic-case { padding-bottom: 4.16667%; }
  .iclassic-case .m-case3-list { padding-bottom: 2.8125%; }
  .full-ifoot-info { padding: 5.20833% 0 5.10417%; }
  .full-ifoot-info .title { font-size: 48px; }
  .full-ifoot-info .sub { padding: 18px 0 4px; font-size: 24px; }
  .full-ifoot-info .desc { margin-bottom: 32px; font-size: 16px; }
  .full-ifoot-info .tel { margin-bottom: 10px; font-size: 16px; }
  .full-ifoot-info .tel .label { float: none; display: inline-block; vertical-align: baseline; }
  .full-ifoot-info .tel p { display: inline-block; vertical-align: bottom; }
  .full-ifoot-info .tel a { font-size: 26px; }
  .full-ifoot-info .tel a:hover { color: #d90000; }
  .full-ifoot-info .tel span { display: inline-block; vertical-align: baseline; }
  .full-ifoot-info .lf, .full-ifoot-info .rg { float: left; width: 50%; }
  .full-ifoot-info .midico { padding-top: 8%; text-align: left; }
  .full-ifoot-info .midico a { font-size: 24px; margin: 0 50px; }
  .full-ifoot-info .midico a p { padding: 24px 13px 0; }
  .full-ifoot-info .midico .qq:hover::before { background-image: url(../images/ifootac.png); }
  .full-ifoot-info .midico .fmbtn:hover::before { background-image: url(../images/ifootbtnac.png); } }

@media (min-width: 1260px) { .nav > ul > li { padding: 0 20px 0; }
  .m-arrow-list .name { font-size: 24px; }
  .m-arrow-list li { padding: 35px 25px 40px; }
  .yun720-advantage .m-arrow-list .name { height: 60px; }
  .full-foretrade-flow .item .title { font-size: 22px; }
  .full-foretrade-flow .item .desc span { font-size: 22px; line-height: 30px; padding: 15px 5px; }
  .full-foretrade-flow .trade-rg .fixed-desc p { font-size: 22px; line-height: 30px; }
  .m-level-list .msg h3 { font-size: 24px; }
  .market-feature .m-arrow-list .name.ml2 { padding-bottom: 14px; height: 60px; }
  .market-feature .m-arrow-list .desc { height: 120px; }
  .m-cell-info .info { padding: 10px 9.11458% 10px 6.51042%; }
  .m-cell-info .info .m-title { padding: 0 0 18px; }
  .m-cell-info .info .desc { font-size: 16px; }
  .m-cell-info.commonweb { max-width: none; width: 100%; }
  .seo-why .m-midico-list .title { font-size: 24px; line-height: 40px; }
  .addelivery-res .m-arrow5-list .desc { height: 120px; }
  .full-img-principle .rg { font-size: 22px; line-height: 36px; }
  .full-title-principle .m-md-fixmsg { padding-top: 8.85417%; padding-bottom: 9.58333%; }
  .full-title-principle .simple-title h3 { font-size: 32px; }
  .full-title-principle .simple-title .en { margin: -5px 0 10px; font-size: 32px; }
  .full-title-principle .rg { font-size: 22px; line-height: 36px; }
  .full-title-market .m-md-fixmsg { padding-top: 7.03125%; padding-bottom: 7.39583%; }
  .full-title-market .simple-title .en { margin: -6px 0 0; line-height: 1.2; }
  .full-activity-solution .content .desc { font-size: 22px; line-height: 32px; }
  .m-site-intro .m-title { padding-right: 13.625%; }
  .site-market-step .m-arrow-list .desc { height: 192px; }
  .full-micromall-feature .m-arrow4-list .desc { height: 144px; }
  .retail-newmodels .m-arrow-list .desc { height: 144px; } }

@media (min-width: 1400px) { .m-title { font-size: 32px; }
  .m-title .title { font-size: 32px; }
  .m-title .red-h1 { font-size: 48px; }
  .m-client-wraper .m-title .bigyear { font-size: 64px; }
  .m-block6-list li h2 { font-size: 24px; }
  .m-block6-list ul { margin: 0 -16px; }
  .m-block6-list li { padding: 0 16px; }
  .m-imgbg-midico .m-midico4-list ul { margin: 0 -30px; }
  .m-imgbg-midico .m-midico4-list li { padding: 0 30px; }
  .m-cell-info .info .m-title { padding: 0 0 38px; }
  .m-space-list .desc { height: 150px; }
  .foot-about .adv-mid { margin-left: 7.8125%; }
  .crm-system .m-arrow5-list .desc { height: 144px; }
  .retail-social .m-arrow-list .desc { height: 120px; }
  .inews-center-sz11 .news-four a { padding: 31px 40px 32px 87px; }
  .inews-center-sz11 .news-four a.cur { -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); }
  .inews-center-sz11 .news-four .date { top: 15px; left: 18px; } }

@media (min-width: 1600px) { .m-imgbg-midico .m-midico4-list ul { margin: 0 -50px; }
  .m-imgbg-midico .m-midico4-list li { padding: 0 50px; }
  .site-market-step .m-arrow-list .desc { height: 144px; } }

@media (min-width: 1660px) { .inews-center-sz11 .news-set-top { width: 460px; }
  .inews-center-sz11 .news-four a { padding: 37px 40px 37px 87px; }
  .inews-center-sz11 .news-four .date { top: 21px; } }

#ie-alert-overlay { width: 100%; height: 100%; background: url(../images/bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }