html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased} body {min-width:1260px;position:relative;background-color:#fff} body,form,img,ul,ol,li,dl,dt,dd,p,tr,td,strong,span,pre {margin:0;padding:0;border:0;background-repeat:no-repeat} h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;font-weight:normal} h1 {font-size:2em} body,button,input,select,textarea {font-size:16px;line-height:30px;color:#333;font-family:Arial,'Microsoft YaHei','Hiragino Sans GB',sans-serif} img {border-style:none;vertical-align:middle} ul,li {list-style:none} a {text-decoration:none;color:#333;outline:0} a:hover {background-repeat:no-repeat} a,area {blr:expression(this.onFocus=this.blur())} input,button,select,textarea {outline:none;border:none;margin:0;padding:0;resize:none;background:none} table {border-collapse:collapse;border-spacing:0} label {cursor:pointer} sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub {bottom:-0.25em} sup {top:-0.5em} placeholder {color:#999} ::-moz-placeholder {color:#999} ::-webkit-input-placeholder {color:#999} button,input {overflow:visible} button,select {text-transform:none} input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style:none;padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline:1px dotted ButtonText} .web {width:1180px;margin:0 auto;position:relative;z-index:1} .weblg {max-width:1600px;margin:0 auto;position:relative;z-index:1} .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none} .clearfix {*zoom:1} .clear {clear:both;line-height:0;height:0;font-size:0} .show {display:block !important} .hide {display:none !important} @media (max-width:1920px) {.weblg {max-width:1400px} } @media (max-width:1720px) {.weblg {max-width:1400px} } @media (max-width:1600px) {.weblg {max-width:1320px} } @media (max-width:1400px) {.weblg {max-width:1200px} } .w-lg .weblg {max-width:1400px} .w-md .weblg {max-width:1320px} .w-sm .weblg {max-width:1200px} .placeholder {color:#999} .animated {-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite {-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge {-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s} .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to {opacity:1;-webkit-transform:none;transform:none} } @-moz-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to {opacity:1;-webkit-transform:none;-moz-transform:none;transform:none} } @-o-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to {opacity:1;-webkit-transform:none;-o-transform:none;transform:none} } @keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to {opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none} } .fadeInUp {-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)} 50% {opacity:1} } @-moz-keyframes zoomInUp {0% {opacity:0;-moz-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)} 50% {opacity:1} } @-o-keyframes zoomInUp {0% {opacity:0;transform:scale3d(0.3,0.3,0.3)} 50% {opacity:1} } @keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);-moz-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)} 50% {opacity:1} } .zoomInUp {-webkit-animation-name:zoomInUp;-moz-animation-name:zoomInUp;-o-animation-name:zoomInUp;animation-name:zoomInUp} .zoomInUp {-webkit-animation-name:zoomInUp;-moz-animation-name:zoomInUp;-o-animation-name:zoomInUp;animation-name:zoomInUp} /* .swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;-webkit-transition-property:left,top,-webkit-transform;transition-property:left,top,-webkit-transform;-o-transition-property:left,top,-o-transform;-moz-transition-property:transform,left,top,-moz-transform;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform,-moz-transform,-o-transform;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}*/ .swiper-slide {float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-wp8-horizontal {-ms-touch-action:pan-y} .swiper-wp8-vertical {-ms-touch-action:pan-x} .header {position:absolute;left:0;top:0; width:100%;min-width:1260px;height:66px;padding-top:13px;-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("../webimages/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("../webimages/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(../webimages/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(../webimages/index_349.png) no-repeat center} .header .search-form .search input {font-size:0;cursor:pointer} .unflodheader {background:url("../webimages/hdbg.png") repeat 0 0} .fixheader {position:fixed;top:-60px;height:51px;padding-top:8px;padding-bottom:1px;background:url("../webimages/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("../webimages/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("../webimages/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("../webimages/colsolline.png") no-repeat 0 center} .solution-nav-wrapper li a:hover {font-weight:bold;color:#d90000;background-image:url("../webimages/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("../webimages/colsolline.png") no-repeat 0 center} .about-nav-wrapper dl a:hover {font-weight:bold;color:#d90000;background-image:url("../webimages/colsollineac.png")} .about-nav-wrapper .know {background:url("../webimages/navknow.png") no-repeat 246px 173px} .about-nav-wrapper .customer {border-left:1px solid #d9d9d9;background:url("../webimages/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(../webimages/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(../webimages/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("../webimages/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("../webimages/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("../webimages/cusprev.png")} .customer-container .bx-wrapper .bx-controls-direction .bx-next {right:25px;background-image:url("../webimages/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("../webimages/cusprev.png")} .customer-container .flex-direction-nav .flex-next {right:25px;background-image:url("../webimages/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("../webimages/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("../webimages/caseico01.png")} .full-case-cate .website {background-image:url("../webimages/caseico02.png")} .full-case-cate .wxsm {background-image:url("../webimages/caseico03.png")} .full-case-cate .shop {background-image:url("../webimages/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("../webimages/secless.png")} .case-filter .sec-title {display:block;padding-left:68px;line-height:80px} .case-filter .sec {background:url("../webimages/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("../webimages/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("../webimages/secico.png");cursor:pointer} .m-case-select .selected.cur,.m-case-select .selected:hover {background-color:#d90000;background-image:url("../webimages/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("../webimages/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("../webimages/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("../webimages/morearr.png");border-bottom:0} .case-inside-nav .more a:hover {background-image:url("../webimages/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("../webimages/handlegz.png")} .full-contact-tab .tab-handle .gz.cur {background-image:url("../webimages/handlegzac.png")} .full-contact-tab .tab-handle .sz {background-image:url("../webimages/handlesz.png")} .full-contact-tab .tab-handle .sz.cur {background-image:url("../webimages/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("../webimages/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("../webimages/recruitico.png") no-repeat center} .recruit-list-wrapper .brief.cur .ico {background:url("../webimages/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("../webimages/delivery.png") no-repeat 38px 13px} .m-ichl-title .en {font-size:16px;line-height:24px;color:#999;text-transform:uppercase} .m-ichl-title .cn {font-size:36px;line-height:62px;font-weight:bold;color:#1a1a1a} .m-ichl-title .cn a {color:#1a1a1a} .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(../webimages/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("../webimages/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("../webimages/ibusline.png") no-repeat 1px center} .main-business .sub a:hover {color:#d80000;background-image:url("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/bdwx.png")} .case-news-article .share .bds_tsina {background-image:url("../webimages/bdsa.png")} .case-news-article .share .bds_qzone {background-image:url("../webimages/bdqz.png")} .case-news-article .share .bds_more {background-image:url("../webimages/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("../webimages/pageprev.png")} .case-news-article .page-ctrl .prev:hover {color:#d90000;background-image:url("../webimages/pageprevac.png")} .case-news-article .page-ctrl .next {float:right;padding-right:55px;background-position:right center;background-image:url("../webimages/pagenext.png")} .case-news-article .page-ctrl .next:hover {color:#d90000;background-image:url("../webimages/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("../webimages/certprev.png")} .full-certificate .flex-direction-nav .flex-prev:hover {background-image:url("../webimages/certprevac.png")} .full-certificate .flex-direction-nav .flex-next {right:0;background-image:url("../webimages/certnext.png")} .full-certificate .flex-direction-nav .flex-next:hover {background-image:url("../webimages/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("../webimages/certprev.png")} .full-certificate .slide-prev:hover {background-image:url("../webimages/certprevac.png")} .full-certificate .slide-next {right:0;background-image:url("../webimages/certnext.png")} .full-certificate .slide-next:hover {background-image:url("../webimages/certnextac.png")} .full-certificate .certificate-reslider {overflow:hidden} .full-certificate .certificate-reslider ul {width:100%;white-space:nowrap;font-size:0} .full-certificate .certificate-reslider .center {overflow:hidden} .full-certificate .certificate-reslider .center img {-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s;max-width:90%} .full-certificate .certificate-reslider .center:hover img {-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)} .full-certificate .certificate-reslider li {width:20%;display:inline-block;vertical-align:top;*display:inline;*zoom:1} .full-certificate-article {padding:75px 0;background-color:#f2f2f2} .full-certificate-article .info {float:left;padding-top:2.875%} .full-certificate-article .cert-ico {margin-bottom:23px;height:78px} .full-certificate-article .cert-ico img {vertical-align:top;width:78px} .full-certificate-article .certificate {float:right;width:46.875%;padding-right:6.25%} .full-certificate-article .certificate img {display:block;width:100%} .about-field {padding:73px 0 0} .about-field .main-business {margin:0} .about-field .main-business .business-item {margin-left:-1px} .about-field .main-business h2 {padding:41px 0 20px} .about-field .main-business h2 a {font-size:24px;line-height:36px} .about-field .main-business .inner {margin:0;padding:14.5% 12.5% 12.5%;border:1px solid #d9d9d9} .about-field .main-business .sub {border:0;padding-bottom:0} .about-field .main-business .sub a {background:none;padding-left:0;line-height:32px} .about-field .field-text {font-size:16px;line-height:30px;padding:51px 0 64px} .about-field .field-text .bred {font-weight:bold;color:#d93f3d} .our-server {position:relative} .our-server .bg {overflow:hidden} .our-server .bg img {position:relative;left:50%;margin-left:-960px;display:block;height:640px} .our-server .server-inner {position:absolute;left:50%;top:76px;margin-left:-800px} .our-server .server-inner .server-desc {padding-top:30px;font-size:20px;line-height:40px;font-style:italic;color:#fff} .our-server .server-inner .server-desc .text {font-size:28px} .our-server .m-key-list {position:absolute;left:0;bottom:89px;z-index:3} .our-partner {padding:62px 0 84px} .our-partner .partner-title .m-about-title {float:left} .our-partner .partner-title .m-line-more {float:right} .our-partner .partner-wrapper {padding-top:35px} .our-partner .partner-wrapper img {display:block;width:100%} .m-diff-text {text-align:center;font-size:16px;line-height:30px;color:#333} .m-center-img {text-align:center} .m-center-img img {max-width:100%;vertical-align:top} .diff-head {position:relative;padding:34px 0 66px;font-size:20px;line-height:32px;text-align:center;border-bottom:1px solid #d9d9d9} .diff-head h1 {margin-bottom:12px;font-size:36px;line-height:48px;color:#333;font-weight:bold} .diff-head .line {position:absolute;left:50%;bottom:0;z-index:3;width:206px;height:2px;background-color:#d93f3d;margin-left:-103px} .full-diff-text {padding:65px 0 0} .full-diff-text .m-diff-text {padding:24px 0 72px} .full-ablum .item {float:left;width:33.3333%} .full-ablum img {display:block;width:100%} .adv-supplier {padding:77px 0 66px} .adv-supplier .m-diff-text {padding:26px 0 39px} .adv-supplier .supplier-image img {display:block;width:100%} .full-adv-case {position:relative} .full-adv-case .case-ditt-content {position:absolute;top:76px;left:0;width:100%;color:#fff} .full-adv-case img {display:block;width:100%} .full-adv-case .m-diff-title {color:#fff} .full-adv-case .m-diff-text {color:#fff;padding:25px 0 0} .diff-server {padding:73px 0 80px} .diff-server .m-diff-text {padding:25px 0 45px} .full-seo-article {padding:59px 0 119px;background-color:#f2f2f2} .full-seo-article .m-diff-text {padding:25px 0 60px} .full-worthy-intro {padding:59px 0 0} .full-worthy-intro .m-diff-text {padding:25px 0 57px} .history-more {margin-top:0} .history-wapper {position:relative;width:1400px;margin:0 auto 55px;overflow:hidden} .history-wapper .history {padding-bottom:60px} .history-wapper .botline {position:absolute;bottom:0;right:698px;width:2px;height:60px;background-color:#d9d9d9} .history-wapper .chl-title {padding:13px 0 64px;text-align:center;font-size:72px;line-height:76px;color:#333;text-transform:uppercase} .history-wapper .item {display:none;position:relative;border-bottom:1px solid #e6e6e6} .history-wapper .item .year {position:absolute;left:25%;top:46px;font-size:55px;line-height:88px;color:#d93f3d;margin-left:-2em} .history-wapper .item .year .line {display:block;width:56px;height:3px;background-color:#d93f3d} .history-wapper .dot {position:absolute;right:692px;top:68px;width:15px;height:15px;background:url("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/imcaseprevac.png")} .moblie-case-slider .controls .bx-next,.moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next {right:-115px;background-image:url("../webimages/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("../webimages/imcasenextac.png")} .moblie-case-slider .casebg {position:absolute;left:280px;top:-16px;z-index:20;width:349px;height:683px;background:url("../webimages/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("../webimages/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("../webimages/mcasedotsac.png")} .app-inside-soutions {padding:0 0 8.125%;margin-top:-32px} .app-inside-soutions .item a {padding-top:60px} .u-ue-title {font-size:36px;line-height:72px;color:#333;text-align:center} .app-singlepage {padding-top:60px;padding-bottom:88px;text-align:center;font-size:16px;line-height:30px;color:#333;border-bottom:1px solid #d9d9d9} .app-singlepage img {vertical-align:top;max-width:100%} .app-singlepage .lh48 {line-height:48px} .app-singlepage .span {font-size:20px;line-height:50px} .app-singlepage .sub-title {font-size:24px;line-height:48px} .ue-list {padding-top:90px} .ue-list li {position:relative;margin-bottom:6.78571%} .ue-list .ue-rimg {padding-left:50%} .ue-list .ue-rimg .info {left:0} .ue-list .ue-rimg .middle {padding-right:6.78571%} .ue-list .ue-limg {padding-right:50%} .ue-list .ue-limg .info {right:0} .ue-list .ue-limg .middle {padding-left:6.78571%} .ue-list .info {position:absolute;top:0;z-index:3;height:100%;width:50%;font-size:0} .ue-list .info .hack {display:inline-block;*display:inline-block;*zoom:1;vertical-align:middle;width:0;height:100%} .ue-list .info .middle {display:inline-block;*display:inline-block;*zoom:1;vertical-align:middle;font-size:16px;line-height:30px;text-align:left} .ue-list .info h3 {font-size:36px;line-height:72px} .m-page-partner {padding:48px 0 92px;overflow:hidden} .m-page-partner .u-ue-title {margin-bottom:53px} .m-page-partner ul {margin:0 -5px} .m-page-partner li {float:left;width:12.5%;text-align:center;margin-bottom:10px} .m-page-partner li div {padding:0 5px} .m-page-partner img {vertical-align:top;max-width:100%} .noborder {border:0;padding-bottom:82px} .m-idico-wrapper {overflow:hidden;font-size:16px;line-height:30px;color:#666;padding-bottom:42px} .m-idico-wrapper .idico-list {margin:0 -95px} .m-idico-wrapper .idico-item {float:left;width:33.3333%} .m-idico-wrapper .inner {position:relative;padding:0 95px} .m-idico-wrapper .id {position:absolute;right:95px;top:0;font-size:100px;line-height:1;color:#f2f2f2;font-weight:bold} .m-idico-wrapper .ico {margin-bottom:20px;width:80px;height:80px;line-height:80px} .m-idico-wrapper .ico img {vertical-align:middle} .m-idico-wrapper h3 {margin-bottom:21px;font-size:18px;line-height:24px;font-weight:bold;color:#333} .m-idico-wrapper .sub {height:227px;border-bottom:1px solid #ccc} .text-center {text-align:center} .native-app-desc {padding:49px 0 0;border-bottom:1px solid #ccc} .m-diff-content {display:table;width:90%;margin:0 auto;padding:38px 0 70px;table-layout:fixed} .m-diff-content .ico-txt {color:#d93f3d} .m-diff-content .ico-txt img {vertical-align:baseline} .m-diff-content .ico-txt span {padding:0 7px;font-size:24px;line-height:30px} .m-diff-content .item {width:50%;display:table-cell;vertical-align:top;padding:0 55px} .m-diff-content .item img {max-width:100%} .m-diff-content .text-left {text-align:left} .m-diff-content .text-right {text-align:right;border-right:1px solid #ccc} .rn-web-topdesc {padding-bottom:25px;border:0} .rn-web-bottom {border:0;padding:47px 0 19px} .app-icodesc {-webkit-text-emphasis:center;text-emphasis:center} .app-icodesc ul {padding:26px 30px 100px} .app-icodesc .ico {margin-bottom:10px;height:60px;line-height:60px} .app-icodesc .ico img {vertical-align:middle} .app-icodesc li {float:left;width:20%} .full-foot-needs {width:100%;padding:45px 0 50px;background-color:#ededed} .full-foot-needs .notes {font-size:16px;line-height:24px;color:#999} .needs-form-wrapper {padding-bottom:35px;border-bottom:1px solid #d9d9d9} .needs-form-wrapper .title {margin-bottom:23px;font-size:36px;line-height:46px} .needs-form {padding-bottom:12px} .needs-form label {display:block;background-color:#fff;width:400px;float:left;padding:22px 0 22px 20px;margin-right:11px} .needs-form input {display:block;width:100%;font-size:16px;line-height:16px;height:16px;background:none;color:#999} .needs-form .msg {width:510px} .needs-form .sub {width:197px;margin-right:0;background-color:#333;background-repeat:no-repeat;text-align:center;padding-left:0} .needs-form .sub input {color:#fff;cursor:pointer;padding:0} .foot-contact {padding-top:34px} .foot-contact .title {float:left;font-size:36px;line-height:58px;font-weight:bold;color:#1a1a1a;padding:0 28px 0 78px;background-repeat:no-repeat;background-position:0 center} .foot-contact .lines {float:left} .foot-contact .lines .title {background-image:url("../webimages/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("../webimages/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:0;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("../webimages/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(../webimages/icon.png)} .sidebar .qq {background:url("../webimages/sideqq.png") no-repeat center 16px} .sidebar .qq span {background-position:-360px -186px;width:90px} .sidebar .tel {background:url("../webimages/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("../webimages/sideedit.png") no-repeat center 21px} .sidebar .edit span {width:120px;background-position:-362px -275px} .sidebar .price {background:url("../webimages/sideprice.png") no-repeat center 14px} .sidebar .wechat {background:url("../webimages/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("../webimages/sidetop.png") no-repeat center} .full-case-crumbs {position:relative;z-index:10;width:100%;height:42px;padding:14px 0;background-color:#ededed} .full-case-crumbs.crumbs-fff {background-color:#fff} .full-case-crumbs .crumbs {float:left;font-size:0} .full-case-crumbs .crumbs a,.full-case-crumbs .crumbs i,.full-case-crumbs .crumbs span {display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:16px;line-height:42px} .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("../webimages/crumbhome.png") no-repeat 0 10px} .full-case-crumbs .crumbs .home:hover {background-image:url("../webimages/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("../webimages/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(../webimages/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("../webimages/newsprev.png")} .g-news-detail .page-ctrl .next {background-image:url("../webimages/newsnext.png")} .g-news-detail .page-ctrl .item {margin-bottom:25px} .g-news-detail .page-ctrl a {display:block;font-size:16px;line-height:24px;color:#666666;max-height:72px;line-height:24px;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3} .g-news-detail .page-ctrl a:hover {color:#d9000d} .g-news-detail .page-ctrl .date {display:block} #page {text-align:center;padding:50px 0px 80px} #page span {display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:37px;height:37px;text-align:center;line-height:37px;margin:0px 5px;padding:0;color:#636363;font-size:14px;font-weight:400} #page .laypage_curr {color:#fff;background-color:#d90000 !important;border-color:#d90000} #page a {display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:37px;height:37px;text-align:center;line-height:37px;margin:0px 5px;padding:0;color:#636363;font-size:14px;font-weight:400;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;background-color:#fff} #page a:hover {color:#fff;background-color:#d90000;border-color:#d90000} #page .laypage_next,#page .laypage_prev {width:65px} .iwelconme-popup {display:none;position:fixed;left:50%;top:50%;z-index:90;width:550px;height:300px;margin:-150px 0 0 -225px;background:url("../webimages/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("../webimages/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("../webimages/iweltel.png");background-position:25px 10px} .iwelconme-popup .iwel-buttons .edit {float:right;padding-left:81px;width:90px;background-image:url("../webimages/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("../webimages/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("../webimages/qadd.png")} .qa-list h3.cur .ico {background-image:url("../webimages/qaless.png")} .qa-list .answer {display:none;background-color:#f2f2f2;background-image:url("../webimages/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("../webimages/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("../webimages/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("../webimages/icoline.png")} .m-ft-contact .btns .edit {float:right;background-color:#d90000;background-image:url("../webimages/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("../webimages/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("../webimages/gsearch.png") no-repeat center} .g-search-form .search-form .sub input {font-size:0} .g-search-cate {margin-bottom:40px;text-align:center} .g-search-cate ul {display:inline-block;vertical-align:top;*display:inline;*zoom:1;border:1px solid #d2d2d2} .g-search-cate li {float:left;width:200px;font-size:16px;line-height:52px} .g-search-cate li a {display:block;color:#666} .g-search-cate li a.cur,.g-search-cate li a:hover {color:#fff;background-color:#d90000} .g-search-result .cate-item {display:none;padding:0;margin:0} .m-retrun {display:block;width:140px;margin:30px auto 50px;font-size:16px;line-height:35px;border:solid 1px #cccccc;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s;color:#666;overflow:hidden;text-align:center} .m-retrun:hover {border-color:#d90000;color:#d90000} .full-error-page {position:relative} .full-error-page img {display:block;width:100%} .full-error-page .error-back {position:absolute;left:50%;top:67.98337%;margin-left:-261px;font-size:16px;line-height:56px} .full-error-page .error-back ul {border-left:1px solid #e86666;border-right:1px solid #ccc} .full-error-page .error-back li {float:left} .full-error-page .error-back a {display:block;padding:0 22px;border-top:1px solid #e86666;border-bottom:1px solid #e86666;color:#fff;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px rgba(0,0,0,0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#fff;-webkit-transition-property:color;-o-transition-property:color;-moz-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s} .full-error-page .error-back a::before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#d90000;-webkit-border-radius:100%;border-radius:100%;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .full-error-page .error-back a:hover {color:#d90000} .full-error-page .error-back a:hover:before {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)} .full-error-page .error-back .rg {border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#d90000;background:#d90000} .full-error-page .error-back .rg::before {background:#fff} .full-error-page .error-back .rg:hover {background-color:#d90000;color:#fff} .errpage-header a {color:#333} .errpage-header .nav .title a {color:#333} .errpage-header .search-handle {background:url(../webimages/search-handle404.png) no-repeat center} .errpage-header .edit-handle {background:url(../webimages/hdedit404.png) no-repeat center} .ie7 .cooperation-box,.ie8 .cooperation-box {-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #e6e6e6} .w-lg .needs-form label {width:364px} .w-lg .needs-form .sub {width:113px} .w-lg .ftcontent-right {width:1089px} .w-lg .footer-content .szweb-info {padding-right:45px} .w-lg .quick-links .item {padding-right:53px} .w-lg .quick-links .aboutus {padding-right:0} .w-lg .icase-list .content .brand {padding-top:0} .w-lg .history-wapper,.w-lg .site-article-wrapper {width:1320px} .w-lg .index-banner .slide01 .textpopup,.w-lg .index-banner .slide02 .textpopup,.w-lg .index-banner .slide03 .textpopup,.w-lg .index-banner .slide04 .textpopup {margin-left:-700px} .w-lg .index-banner .slide01 .textpopup .tit,.w-lg .index-banner .slide02 .textpopup .tit,.w-lg .index-banner .slide03 .textpopup .tit,.w-lg .index-banner .slide04 .textpopup .tit {margin-bottom:15px;font-size:40px;line-height:48px} .w-lg .index-banner .slide01 .textpopup .txt,.w-lg .index-banner .slide02 .textpopup .txt,.w-lg .index-banner .slide03 .textpopup .txt,.w-lg .index-banner .slide04 .textpopup .txt {margin-bottom:40px;font-size:16px;line-height:28px} .w-lg .index-banner .slide01 .textpopup .m-line-more,.w-lg .index-banner .slide02 .textpopup .m-line-more,.w-lg .index-banner .slide03 .textpopup .m-line-more,.w-lg .index-banner .slide04 .textpopup .m-line-more {width:120px;height:28px;line-height:28px} .w-lg .foot-contact .title {font-size:30px;padding:0 10px 0 68px} .w-lg .foot-contact .needs .editbtn {height:45px;margin:6px 0 0 20px} .w-lg .index-banner .slide03 .textpopup03 {margin-left:-700px} .w-lg .index-banner .slide03 .textpopup03 .ico {margin-bottom:22px} .w-lg .index-banner .slide03 .textpopup03 .ico img {width:84px} .w-lg .index-banner .slide03 .textpopup03 .tit {margin-bottom:42px;font-size:42px;line-height:52px} .w-lg .iclients-list a .ac {margin-left:-88.795px} .w-md .needs-form label {width:337px} .w-md .needs-form .sub {width:115px} .w-md .ftcontent-right {width:1009px} .w-md .footer-content .szweb-info {padding-right:45px} .w-md .quick-links .item {padding-right:25px} .w-md .quick-links .business {width:301px} .w-md .quick-links .advantage {width:249px} .w-md .quick-links .aboutus {width:409px;padding-right:0} .w-md .case-news-wrapper {width:1200px} .w-md .case-wrapper .caseban .title {width:250px;height:240px;padding-top:10px;margin-top:-125px} .w-md .history-wapper,.w-md .site-article-wrapper {width:1180px} .w-md .index-banner .slide01 .textpopup,.w-md .index-banner .slide02 .textpopup,.w-md .index-banner .slide03 .textpopup,.w-md .index-banner .slide04 .textpopup {margin-left:-660px} .w-md .index-banner .slide01 .textpopup .tit,.w-md .index-banner .slide02 .textpopup .tit,.w-md .index-banner .slide03 .textpopup .tit,.w-md .index-banner .slide04 .textpopup .tit {margin-bottom:15px;font-size:30px;line-height:40px} .w-md .index-banner .slide01 .textpopup .txt,.w-md .index-banner .slide02 .textpopup .txt,.w-md .index-banner .slide03 .textpopup .txt,.w-md .index-banner .slide04 .textpopup .txt {margin-bottom:30px;font-size:14px;line-height:24px} .w-md .index-banner .slide01 .textpopup .m-line-more,.w-md .index-banner .slide02 .textpopup .m-line-more,.w-md .index-banner .slide03 .textpopup .m-line-more,.w-md .index-banner .slide04 .textpopup .m-line-more {width:100px;height:28px;line-height:28px} .w-md .foot-contact .title {font-size:26px;padding:0 10px 0 68px} .w-md .foot-contact .needs .editbtn {font-size:16px;width:130px;margin:6px 0 0 20px} .w-md .index-banner .slide03 .textpopup03 {margin-left:-660px} .w-md .index-banner .slide03 .textpopup03 .ico {margin-bottom:21.32px} .w-md .index-banner .slide03 .textpopup03 .ico img {width:79.54px} .w-md .index-banner .slide03 .textpopup03 .tit {margin-bottom:41px;font-size:39.36px;line-height:49.2px} .w-md .iclients-list a .ac {margin-left:-80.795px} .w-sm .needs-form label {width:307px} .w-sm .needs-form .sub {width:85px} .w-sm .ftcontent-right {width:899px} .w-sm .footer-content .szweb-info {padding-right:35px} .w-sm .quick-links .item {padding-right:20px} .w-sm .quick-links .business {width:281px} .w-sm .quick-links .advantage {width:229px} .w-sm .quick-links .aboutus {width:349px;padding-right:0} .w-sm .case-news-wrapper {width:1180px} .w-sm .case-wrapper .caseban .title {width:250px;height:240px;left:60px;padding-top:10px;margin-top:-125px} .w-sm .icustomer .inner {padding:4px 20px 20px} .w-sm .index-banner .slide01 .textpopup,.w-sm .index-banner .slide02 .textpopup,.w-sm .index-banner .slide03 .textpopup,.w-sm .index-banner .slide03 .textpopup {margin-left:-600px} .w-sm .index-banner .slide01 .textpopup .tit,.w-sm .index-banner .slide02 .textpopup .tit,.w-sm .index-banner .slide03 .textpopup .tit,.w-sm .index-banner .slide03 .textpopup .tit {margin-bottom:10px;font-size:28px} .w-sm .index-banner .slide01 .textpopup .txt,.w-sm .index-banner .slide02 .textpopup .txt,.w-sm .index-banner .slide03 .textpopup .txt,.w-sm .index-banner .slide03 .textpopup .txt {margin-bottom:30px;font-size:14px;line-height:24px} .w-sm .index-banner .slide01 .textpopup .m-line-more,.w-sm .index-banner .slide02 .textpopup .m-line-more,.w-sm .index-banner .slide03 .textpopup .m-line-more,.w-sm .index-banner .slide03 .textpopup .m-line-more {width:100px;height:28px;line-height:28px} .w-sm .foot-contact .title {font-size:24px;padding:0 10px 0 63px} .w-sm .foot-contact .lines .info {font-size:15px} .w-sm .foot-contact .needs .info {font-size:15px} .w-sm .foot-contact .needs .editbtn {font-size:16px;width:110px;line-height:38px;height:38px;margin:10px 0 0 10px} .w-sm .index-banner .slide03 .textpopup03 {margin-left:-600px} .w-sm .index-banner .slide03 .textpopup03 .ico {margin-bottom:19.5px} .w-sm .index-banner .slide03 .textpopup03 .ico img {width:72.75px} .w-sm .index-banner .slide03 .textpopup03 .tit {margin-bottom:37.5px;font-size:36px;line-height:45px} .w-sm .index-banner .slide04 .textpopup {margin-left:-600px} .w-sm .iclients-list a .ac {margin-left:-68.795px} .fixheader-404 {background:url(../webimages/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("../webimages/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("../webimages/flowdoc.png")} .full-guidance .video .ico {background-image:url("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/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("../webimages/ibanprev.png")} .iban-nav .prev:hover {background-position:40% center} .iban-nav .next {background-image:url("../webimages/ibannext.png")} .iban-nav .next:hover {background-position:60% center} .iban-nav .next {background-color:#d90000} .singlepage a {color:#d90000;text-decoration:underline} .case-intro-list li a {color:#666} .full-faith-article .image img {width:100% !important;height:auto !important} .iabout-us .content h1 {display:inline;font-size:16px;line-height:30px;color:#e20000} .bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {z-index:20} .ie7 .cooperation-box,.ie8 .cooperation-box {-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #e6e6e6} .w-lg .needs-form label {width:350px} .w-lg .needs-form .msg {width:460px} .w-lg .needs-form .sub {width:147px} .w-lg .ftcontent-right {width:1089px} .w-lg .footer-content .szweb-info {padding-right:45px} .w-lg .quick-links .item {padding-right:53px} .w-lg .quick-links .aboutus {padding-right:0} .w-lg .icase-list .content .msg {padding-top:37px} .w-lg .icase-list .content .brand {padding-top:0} .w-lg .history-wapper,.w-lg .site-article-wrapper {width:1320px} .w-lg .our-server .server-inner {margin-left:-700px} .w-lg .index-banner .slide01 .textpopup,.w-lg .index-banner .slide02 .textpopup,.w-lg .index-banner .slide03 .textpopup,.w-lg .index-banner .slide04 .textpopup {margin-left:-700px} .w-lg .index-banner .slide01 .textpopup .tit,.w-lg .index-banner .slide02 .textpopup .tit,.w-lg .index-banner .slide03 .textpopup .tit,.w-lg .index-banner .slide04 .textpopup .tit {margin-bottom:15px;font-size:40px;line-height:48px} .w-lg .index-banner .slide01 .textpopup .txt,.w-lg .index-banner .slide02 .textpopup .txt,.w-lg .index-banner .slide03 .textpopup .txt,.w-lg .index-banner .slide04 .textpopup .txt {margin-bottom:40px;font-size:16px;line-height:28px} .w-lg .index-banner .slide01 .textpopup .m-line-more,.w-lg .index-banner .slide02 .textpopup .m-line-more,.w-lg .index-banner .slide03 .textpopup .m-line-more,.w-lg .index-banner .slide04 .textpopup .m-line-more {width:120px;height:28px;line-height:28px} .w-lg .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("../webimages/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("../webimages/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("../webimages/iclibgsm.png")} .w-sm .inside-banner .case-ban-info {top:26.19048%} .w-sm .inside-banner .case-ban-info h2 {font-size:38px;line-height:50px} .w-sm .inside-banner .case-ban-info .case-desc {margin-bottom:15px;font-size:20px;line-height:38px} .w-sm .inside-banner .feature .item {padding:0 65px} .w-sm .inside-banner .feature h4 {font-size:70px;line-height:84px} .w-sm .m-ft-contact h3 {font-size:50px;line-height:70px} .w-sm .m-ft-contact .content {padding:0 260px} .w-sm .m-ft-contact h2 {font-size:30px;line-height:42px} .w-sm .m-ft-contact .msg h4 {font-size:18px;line-height:32px} .w-sm .icase-list .content .msg {padding-top:31px;padding-bottom:15px} .w-sm .icase-list .content .ico-line {height:26px} .w-sm .proxy-wrapper .inner {padding-left:30px;padding-right:30px} .w-sm .media-wraper li p {height:96px;-webkit-line-clamp:4} .w-sm .b2c-solution .market-top-list .inner p {height:144px;line-height:24px;-webkit-line-clamp:6} .w-sm .b2c-solution .trade-three-list .inner p {height:144px;line-height:24px;-webkit-line-clamp:6} .w-sm .b2c-solution .trade-two-list .quarter {width:33.3333%} .w-sm #icon_module {bottom:5% !important;margin-bottom:350px !important} .w-sm .full-guidance .guidance-wraper {margin-left:-600px} .w-sm .full-project-flow .flow-chart .item:after {top:56px} .w-sm .maintain-content .topic-list .inner {padding:38px 15px 20px} .w-sm .maintain-content .topic-list h4 {margin-bottom:14px} .w-sm .maintain-content .topic-list .inner h3 {margin-bottom:22px;font-size:20px;display:-webkit-box;height:28px;line-height:28px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1} .w-sm .maintain-content .topic-list p {font-size:14px} .w-sm .maintain-feature .time1:after {width:68px;margin-right:-34px} .w-sm .full-b2c-server.left-image .table-middle .content {padding-left:60px} .w-sm .b2c-solution .more-line8 .inner p {height:192px;line-height:24px;-webkit-line-clamp:8} .w-sm .b2c-solution .more-line5 .inner p {height:96px;line-height:24px;-webkit-line-clamp:4} .w-sm .b2c-solution .hassub-title .inner {padding-left:20px;padding-right:20px} .w-sm .full-app-demand .demand-content {margin-left:-600px} .w-sm .porduct-demand .demand-list .msg {font-size:14px} .w-sm #LXB_CONTAINER_SHOW.lxb-container-btn-show {margin-bottom:335px !important} .w-sm .gznews-list .date-news a {padding:46px 35px 46px 92px} .w-sm .gznews-list .item {width:366.6px} .ie9 .iwelconme-popup {opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} .ie9 .iwelconme-popup .content {width:450px;margin:0 auto;padding:47px 0 0} .ie9 .iwelconme-popup .content h4 {-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} .ie9 .iwelconme-popup .content h3 {-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} .ie9 .iwelconme-popup .iwel-buttons {-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} .ie7 .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.ie7 .bx-wrapper .bx-pager-item {display:inline-block;vertical-align:top;*display:inline;*zoom:1} .ie7 .main-business .business-item {width:24.99%} .ie7 .inews-list li {width:33.32%} .ie7 .icase-list li {width:33.32%} .ie7 .isoutions-list ul {margin:0 -1.65%} .ie7 .iclients-list li {width:19.98%} .flex-container a:hover,.flex-slider a:hover {outline:none} .slides,.slides>li,.flex-control-nav,.flex-direction-nav {margin:0;padding:0;list-style:none} .flex-pauseplay span {text-transform:capitalize} .flexslider .slides>li {display:none;-webkit-backface-visibility:hidden} .flexslider .slides img {width:100%;display:block} .flexslider .slides:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .flexslider .slides {display:block} * html .flexslider .slides {height:1%} .no-js .flexslider .slides>li:first-child {display:block} .flexslider {position:relative;zoom:1} .flexslider .slides {zoom:1} .flexslider .slides img {height:auto;-moz-user-select:none} .flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .loading .flex-viewport {max-height:300px} @-moz-document url-prefix() {.loading .flex-viewport {max-height:none} } .carousel li {margin-right:5px} .flex-direction-nav {*height:0} .flex-direction-nav a {text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .flex-direction-nav .flex-prev {left:-50px} .flex-direction-nav .flex-next {right:-50px;text-align:right} .flex-pauseplay a {display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000} .flex-control-nav {width:100%;position:absolute;bottom:-40px;text-align:center} .flex-control-nav li {margin:0 6px;display:inline-block;zoom:1;*display:inline} .flex-control-paging li a {width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-webkit-border-radius:20px;border-radius:20px} .flex-control-paging li a.flex-active {background:#000;background:rgba(0,0,0,0.9);cursor:default} .flex-control-thumbs {margin:5px 0 0;position:static;overflow:hidden} .flex-control-thumbs li {width:25%;float:left;margin:0} .flex-control-thumbs img {width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .flex-control-thumbs img:hover {opacity:1} .flex-control-thumbs .flex-active {opacity:1;cursor:default} @media (max-width:1024px) { body{ min-width:920px;} .header{ min-width:920px;} .w-sm .weblg{ width:920px;} .header .header-box{ float:right; padding-right:0;} .header .logo{ margin-top:0px;} } @media screen and (max-width:860px) {.flex-direction-nav .flex-prev {opacity:1;left:10px} .flex-direction-nav .flex-next {opacity:1;right:10px} body{ min-width:768px;} .header {position:fixed !important;background-color:#fff;top:0 !important;height:60px !important;padding-top:8px;background:#0168B7 !important;min-width:0;} .header .logo {height:60px;/* margin-top:0;*/ margin-left:0px;width:60px;background-size:100%;} .header .logo img {width:100%;margin-top:5px;} .mobel-menu span {height:2px;display:block;background:white;transition:all ease .3s;} .header .header-box{ padding-right:4%;} .mobel-menu {width:21px;height:60px;float:left;box-sizing:border-box;padding-top:15px;margin-right:0px;display:block;position:relative;} .header .header_bk {margin:0 auto;height:60px;} .banner .ntit{ top:120px;} .sub_about{ width:100%;} .banner { margin-top: 0; height: 370px;} .w-sm .weblg{ max-width:90%;} .sub-page-title .hgroup{ height:60px;} .gpdm { text-indent: 45px; font-size: 16px; color: #fff; margin-top: -43px; } } .knowledgebg {background:#F6F7FA;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .knowledge-base {padding:20px 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.06);background:#fff} .knowledge-title {text-align:center} .knowledge-search {border:1px solid #ddd;background:#fff;position:relative} .se-input {display:inline-block;padding:5px 60px 5px 10px;background:#fff;width:82%} .se-input::-webkit-input-placeholder {color:#999} .se-input:-moz-placeholder {color:#999} .se-input::-moz-placeholder {color:#999} .se-input:-ms-input-placeholder {color:#999} .se-btn {position:absolute;top:4px;right:2px;margin:0 4px;width:60px;background:#d90000;background:-webkit-gradient(linear,left top,right top,from(#d90000),to(#D9534F));background:-webkit-linear-gradient(left,#d90000,#D9534F);background:-moz- oldlinear-gradient(left,#d90000,#D9534F);background:-o-linear-gradient(left,#d90000,#D9534F);background:linear-gradient(to right,#d90000,#D9534F);color:#fff;text-align:center;-webkit-border-radius:4px !important;border-radius:4px !important} .knowledge-wrap {padding-top:20px;padding-bottom:30px;overflow:hidden} .knowledge-left {background:#fff;position:relative} .knowledge-left ul li a {display:block;color:#555;padding:10px 20px;border-bottom:1px solid #e8eef6;line-height:20px} .knowledge-left ul li a:hover,.knowledge-left ul li a.cur {color:#fff;background:#d90000;border-bottom:1px solid #d90000} .article-title {font-size:16px;color:#fff;height:42px;line-height:42px;padding-left:20px;position:relative} .article-title:before {content:"";position:absolute;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);right:16px;top:16px} .mobile-titbtn {padding-left:30px} .mobile-titbtn:before {right:auto;left:16px;position:absolute;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)} .know-crumb {padding:0px 8px 0 20px;height:42px;line-height:42px;color:#999;background:#fff;white-space:nowrap;border-bottom:10px solid #F6F7FA} .know-crumb a {color:#999} .know-crumb a:hover {text-decoration:underline} .knowledge-box {background:#fff} .type-tit {font-weight:bold;font-size:18px;margin-bottom:10px} .phpmyfaq-list li {position:relative;border-bottom:1px solid #ddd;padding:10px 0} .phpmyfaq-list li a {color:#555;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:24px;line-height:24px;display:block} .phpmyfaq-list li span {color:#666} .article img {max-width:100%} .read-num {color:#666} .case-deatils {padding-top:30px;padding-bottom:30px} .case-deatils img {max-width:100%} .deatils-list {position:relative;margin-bottom:30px} .deatils-tit {text-align:center;color:#0a1633;font-size:18px;margin-bottom:20px} .deatils-right {overflow:hidden;color:#0a1633} .deatils-imglogo {text-align:center} .all-pt0 {padding-top:0} .white-dot {padding-top:20px} .white-dot ul li a:after {background-color:#fff} .mobdb {display:block} .knowledge-aside .options {background:#fff;margin-bottom:20px} .knowledge-aside .options ul {padding:20px 15px} .knowledge-aside .options ul li {overflow:hidden;clear:both;padding-bottom:20px;line-height:20px} .knowledge-aside .options ul li .know-num {width:40px;height:40px;line-height:40px;display:inline-block;float:left;text-align:center;background:#999999;color:#fff;font-size:20px;-webkit-border-radius:3px;border-radius:3px;margin-right:10px} .knowledge-aside .options ul li a {display:block;overflow:hidden;color:#555;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2} .knowledge-aside .options ul li a:hover {text-decoration:underline;color:#d90000} .knowledge-aside .options ul li:nth-child(1) .know-num {background:#D9534F} .knowledge-aside .options ul li:nth-child(2) .know-num {background:#F0AD4E} .knowledge-aside .options ul li:nth-child(3) .know-num {background:#5CB85C} .knowledge-aside .options ul li:nth-child(4) .know-num {background:#428BCA} .knowledge-aside .options ul li:nth-child(5) .know-num {background:#5BC0DE} .knowledge-aside .options ul li:nth-child(6) .know-num {background:#5BC0DE} .knowledge-aside .options ul li:nth-child(7) .know-num {background:#5BC0DE} .knowledge-aside .options ul li:nth-child(8) .know-num {background:#5BC0DE} .pcfl {float:left} .pcfr {float:right} .mobdb {display:none} .knowcommonweb {width:1260px;margin:0 auto;padding:0 20px} .knowledge-base {padding:30px 0} .knowledge-title {font-size:24px;display:inline-block;min-width:20%} .knowledge-search {display:inline-block;margin-left:20.83333%;min-width:400px} .knowledge-wrap {padding:0;background:#fff;position:relative;clear:both;overflow:hidden} .knowledge-wrap:before,.knowledge-wrap:after {content:"";display:block;position:absolute;left:250px;top:0;width:10px;height:100%;background:#F6F7FA} .knowledge-wrap:after {left:auto;right:250px} .mptb50 {padding:50px 0} .knowledge-left {width:19.84127%;margin-right:10px} .knowledge-right {width:58.73016%} .knowledge-aside {width:19.84127%} .mob-knowledge {position:static;opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none;width:100%;padding-bottom:0} .article-title {background:url(../webimages/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:768px) { .header{ min-width:640px;} body{min-width:640px;} .w-sm .weblg{width: 690px;} .header .header-box{ padding-right:2%;} .banner{ margin-top: 0; height: 270px;} .w-sm .weblg{ max-width:90%;}} @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:640px;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:#0168B7 !important;min-width:0} .header .logo {height:60px; width:60px;} .header .logo img {height:50px} .gpdm { text-indent: 45px; font-size: 16px; color: #fff; margin-top: -43px; } #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("../webimages/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} .index-banwrap {padding-bottom:63%} .index-banwrap ul {height:100%} .index-banwrap ul li {height:100%} .index-banwrap ul a {height:100%;overflow:hidden} .index-banwrap .iban {position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:auto;height:100%} .index-banwrap .slide03 .imgpopup03 .pop01 {width:8.65677%;left:24.87981%} .index-banwrap .slide03 .imgpopup03 .pop02 {width:17.54964%;left:31.07639%} .index-banwrap .slide03 .imgpopup03 .pop03 {width:9.99464%;left:34.20139%} .index-banwrap .slide03 .imgpopup03 .pop04 {width:29.03953%;left:78.46354%} .index-banwrap .slide03 .imgpopup03 .pop05 {width:14.08693%;left:88.34635%} .index-banwrap .slide04 .imgpopup .before {-webkit-transition-delay:0s !important;-moz-transition-delay:0s !important;-o-transition-delay:0s !important;transition-delay:0s !important} .index-banwrap .slide04 .imgpopup .pop01 {top:10.58333%;left:0.60417%;width:53.20313%} .index-banwrap .slide04 .imgpopup .pop02 {left:38.74366%;width:39.53125%} .index-banwrap .slide04 .imgpopup .pop03 {top:80.91667%;left:-0.79167%;width:50%} .index-banwrap .slide04 .imgpopup .pop04 {top:20%;left:33.04861%;width:53.20313%} .index-banwrap .slide04 .imgpopup .pop05 {left:70.75%;width:29.21875%} .index-banwrap .slide04 .imgpopup .pop06 {top:73.7%;left:37.29444%;width:55.46875%} .index-banwrap .slide04 .imgpopup .pop07 {top:28.41667%;left:76.27093%;width:23.82813%} .m-ichl-title .cn {font-size:20px;line-height:36px} .iabout-us {padding-top:30px;padding-bottom:0} .iabout-us .intro {display:none;padding:20px 0 26px 0} .iabout-us .year {display:none} .iabout-us .content {display:none;position:relative;z-index:20} .iabout-us .main-business {padding-top:15px;margin:0} .iabout-us .main-business .business-item {margin-bottom:15px;width:50%} .iabout-us .main-business .business-item .inner {margin:0} .iabout-us .main-business .business-item .inner:hover h2 a {color:#1a1a1a} .iabout-us .main-business .business-item .inner:hover .sub {border-bottom-color:#666} .iabout-us .main-business .business-item .inner:hover .line {width:0} .iabout-us .main-business .ico {margin-bottom:0;height:50px;line-height:50px;font-size:0;text-align:center} .iabout-us .main-business .ico img {vertical-align:middle;height:36px} .iabout-us .main-business .ico .ac {display:none} .iabout-us .main-business .id {display:none;right:27px;top:0;font-size:50px;line-height:50px} .iabout-us .main-business h2 {text-align:center} .iabout-us .main-business h2 a {padding:10px 0 10px;font-size:16px} .iabout-us .main-business .sub {display:none;height:auto;padding-bottom:20px} .m-case-list .title {font-size:16px;line-height:30px} .iclassic-case {padding-top:10px;padding-bottom:20px} .iclassic-wrapper {width:100%} .icase-list {padding-top:15px} .icase-list li {width:100%;padding-bottom:10px} .icase-list .item {padding:0} .icase-list .thumb {margin-bottom:10px} .icase-list .desc {height:48px;line-height:24px;-webkit-line-clamp:2} .icase-list .content {bottom:40px} .full-isoutions {padding:20px 0} .isoutions-item {width:100%} .isoutions-item .slide-ctrl {display:none;position:absolute;top:50%;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-color:#f60} .isoutions-item .slide-prev {left:-60px} .isoutions-item .slide-next {right:-60px} .isoutions-list {padding:10px 0;margin:0} .isoutions-list ul {margin:0} .isoutions-list ul li {float:none;width:100%} .isoutions-list .item {padding:0} .isoutions-list .item a {padding-bottom:15px;border-width:1px} .isoutions-list .ico {margin-bottom:15px;height:60px;line-height:60px;font-size:0} .isoutions-list .ico img {max-height:100%} .isoutions-list .title {margin-bottom:10px;font-size:16px} .isoutions-list .desc {height:72px;line-height:24px;-webkit-line-clamp:3} .isoutions-list .item .card .thumb img {max-width:none} .iclients-wrapper {padding-top:20px;padding-bottom:20px} .iclients-wrapper .m-ichl-subnav {display:none;margin-bottom:20px} .iclients-wrapper .ichannel-tabcontent {overflow:hidden} .iclients-wrapper .tabcontent-slider {position:relative;width:200%} .iclients-wrapper .icustomer {display:none} .iclients-list {position:relative;overflow:hidden} .iclients-list:after {content:'';display:block;width:100%;padding-bottom:179.32075%} .iclients-list ul {position:absolute;left:0;top:0} .iclients-list li {width:50%;margin-bottom:0;-o-background-size:96.5625% auto;background-size:96.5625% auto} .icustomer {padding-bottom:10px} .icustomer li {width:100%;margin-bottom:10px} .icustomer .inner {padding:5px 10px 10px} .icustomer .ico {margin-bottom:10px;height:64px;line-height:64px} .icustomer .ico img {max-height:80%} .icustomer .name {margin-bottom:10px;font-size:16px;line-height:24px} .full-inum-brief {background-color:#ccc;overflow:hidden} .full-inum-brief .briefbg {position:absolute;left:50%;top:0;height:100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} .full-inum-brief .briefbg img {position:static;top:0;left:0;margin-left:0;height:100%} .full-inum-brief .inum-list {position:relative;left:0;z-index:20;width:100%;margin:0;padding:20px 5px 0} .full-inum-brief .inum-list li {width:50%;padding:5px;margin-bottom:15px} .full-inum-brief .num {margin-bottom:10px;font-size:40px;line-height:42px} .full-inum-brief .text {font-size:14px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2} .full-inum-brief .videobg {display:none} .full-inum-brief .video {display:none} .inews-center {padding-top:20px;padding-bottom:20px} .inews-wraper {padding-top: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("../webimages/caseshadow.png") repeat 0 0;opacity:0;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s} .m-case-division .thumb .shadow img {position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s} .m-case-division .content {padding:10px 10px 20px;border-left:1px solid #dcdcdc} .m-case-division .content .title {margin-bottom:10px;font-size:18px;line-height:30px} .m-case-division .content .desc {font-size:14px} .m-web-title {font-size:20px;line-height:32px} .m-web-desc {font-size:14px;line-height:26px} .full-site-article {padding-top:20px} .full-site-article .m-web-desc {padding:10px 0} .m-halfblock-list {padding:15px 0 20px} .m-halfblock-list li {width:100%;font-size:14px;line-height:30px} .m-halfblock-list p {padding-right:0} .site-server-wrapper {padding:20px 0 30px} .site-server-wrapper .m-web-title {margin-bottom:18px} .server-ico-list ul {text-align:left} .server-ico-list li {width:50%;padding:0 5px;margin-bottom:15px;text-align:center} .server-ico-list .ico img {width:38% !important} .server-ico-list h3 {margin-bottom:10px} .proxy-wrapper {padding-top:20px;padding-bottom:10px} .proxy-wrapper ul {border:0} .proxy-wrapper li {float:none;width:100%;margin-bottom:10px} .proxy-wrapper h4 {margin-bottom:14px;font-size:30px;line-height:30px} .proxy-wrapper h3 {margin-bottom:10px;font-size:16px;line-height:30px} .proxy-wrapper p {font-size:14px;height:auto;max-height:168px} .proxy-wrapper .inner {padding:15px;border:1px solid #d9d9d9} .ipo-proxy-wrapper {padding-top:20px;padding-bottom:30px} .ipo-proxy-wrapper .m-web-title {margin-bottom:15px} .ipo-proxy-wrapper h3 {margin-bottom:0;height:auto;max-height:120px} .ipo-proxy-wrapper .inner {padding:15px} .full-b2c-server .content {width:100%;padding:20px 0 30px;font-size:14px;line-height:26px} .full-b2c-server .content h3 {font-size:18px;line-height:32px;margin-bottom:10px} .full-b2c-server .thumb {float:none;width:100%;margin-left:0} .ipo-server-wrapper {padding-top:30px;padding-bottom:20px} .ipo-server-wrapper .m-web-title {margin-bottom:15px} .ipo-server-wrapper .server-ico-list li {width:50%;margin-bottom:20px;font-size:14px} .ipo-server-wrapper .server-ico-list .ico {margin-bottom:15px} .ipo-server-wrapper .server-ico-list .ico img {width:72px !important;height:auto !important} .ipo-server-wrapper .server-ico-list p {max-width:none} .g-return-wrapper {padding:15px 0 25px} .g-return-wrapper a {margin:0 5px;padding:0 20px;font-size:14px} .b2c-solution {font-size:14px;line-height:26px;padding-top:20px;padding-bottom:30px} .b2c-solution .m-web-title {margin-bottom:15px} .b2c-solution h4 {margin-bottom:10px;font-size:30px;line-height:30px} .b2c-solution h3 {margin-bottom:10px;font-size:18px;line-height:28px} .b2c-solution .top-four-list {border:0} .b2c-solution .top-four-list li {float:none;width:100%;margin-bottom:15px} .b2c-solution .top-four-list .inner {padding:15px;border:1px solid #d9d9d9} .b2c-solution .top-four-list .inner p {height:auto;max-height:240px} .b2c-solution .last {padding:15px} .b2c-solution .last .left {float:none;margin-right:0} .b2c-solution .last .text {overflow:hidden;zoom:1} .b2c-solution .last .text br {display:none} .b2c-solution .bot-two-list {display:block} .b2c-solution .bot-two-list .quarter {margin-bottom:15px;width:100%;display:block;padding:43px 45px 8px;padding:15px} .b2c-solution .bot-two-list .last {width:100%;display:block;padding:15px} .b2c-solution .bot-two-list .last .left {margin-right:0} .topic-solution {padding-top:20px;padding-bottom:20px} .topic-solution .m-web-title {margin-bottom:10px} .topic-solution .sub-title {margin-bottom:10px} .topic-solution .topic-list {border:0} .topic-solution .topic-list li {float:none;width:100%;margin-bottom:15px} .topic-solution .topic-list .inner {padding:15px;border:solid 1px #d9d9d9} .topic-solution .topic-list h4 {margin-bottom:10px;font-size:30px;line-height:30px} .topic-solution .topic-list h3 {height:auto;max-height:120px} .case-filter {margin-bottom:20px} .case-filter .options {float:none} .case-filter .options select {width:100%;height:44px;padding-left:17px;line-height:40px} .case-filter .options {width:100%;padding:20px 0 10px} .case-filter .selector {float:none;width:100%;border:1px solid #e6e6e6;margin-bottom:10px} .case-filter .sec-title {padding-left:20px;line-height:40px} .case-filter .sec {-o-background-size:10px auto;background-size:10px auto} .case-filter .sec-option {top:40px;z-index:10} .case-filter .sec-option a {padding-left:10px;line-height:40px} .case-filter .edit {display:none} .cate-wrapper ul {margin:0} .cate-wrapper li {width:100%;margin-bottom:20px} .cate-wrapper .item {padding:0} .cate-wrapper .thumb {margin-bottom:15px} .cate-wrapper .desc {margin-bottom:10px;height:auto;max-height:72px} #page {padding-top:20px;padding-bottom:30px} .full-related-news {display:none;padding-top:20px;padding-bottom:10px} .full-related-news .related-title {margin-bottom:10px;font-size:18px;line-height:30px} .full-related-news .related-news ul {margin:0} .full-related-news .related-news li {float:none;width:100%} .full-related-news .related-news a {display:block;overflow:hidden;margin:0 0 15px;border:1px solid #d2d2d2;padding:20px 15px 19px} .full-related-news .related-news .date {font-size:16px;line-height:26px} .full-case-detail {padding:20px 0 20px;background-color:#eaeaea} .full-case-detail .case-head {margin-bottom:10px;display:block} .full-case-detail .info {display:block;width:100%;padding:20px 10px} .full-case-detail .info .img {float:none;margin-right:0;max-width:38%} .full-case-detail .info .content .desc {margin-bottom:20px} .full-case-detail .u-cshd-title {padding:10px 0 18px} .full-case-detail .u-cshd-title .en {font-size:20px;line-height:24px} .full-case-detail .u-cshd-title .cn {margin-bottom:8px;font-size:20px;line-height:30px} .full-case-detail .server {display:block;width:100%;padding:10px 15px;line-height:30px} .full-case-detail .case-body {padding:10px;font-size:14px;line-height:26px} .full-case-detail .case-body .casebtn {padding:20px 0 30px} .full-case-detail .case-body .casebtn a {width:132px} } @media (max-width:640px) and (max-width:350px) {.full-case-detail .case-body .casebtn a {width:126px} } @media (max-width:640px) {.full-case-detail .full-case-body {font-size:14px;padding:30px 0 0} .full-case-detail .full-case-body .casebtn {padding:20px 0 30px} .full-case-detail .full-case-body .casebtn a {width:132px} } @media (max-width:640px) and (max-width:350px) {.full-case-detail .full-case-body .casebtn a {width:126px} } @media (max-width:640px) {.full-case-detail .full-case-body .bold {font-size:20px;line-height:32px} .full-case-detail .full-case-body .bold br {display:none} .full-case-detail .right-content {padding:20px 0 30px} .full-case-detail .right-content .color-left {position:static;padding:0 15px 30px;text-align:center} .full-case-detail .right-content .color-left .color-panel {padding-top:10px;max-width:80%} .full-case-detail .right-content .color-right {padding-left:0} .full-case-detail .skew-content {overflow:hidden} .full-case-detail .skew-content .skew-bg {position:absolute;top:-60%;bottom:-60%;z-index:1} .full-case-detail .skew-content .case-server .text {position:static;width:100%;padding:20px 15px 0;margin-bottom:15px;text-align:center} .full-case-detail .skew-content .case-server .cimg {padding-left:15px} .full-case-detail .skew-content .case-ue {padding-top:4.16667%;position:relative;z-index:2} .full-case-detail .skew-content .case-ue .text {position:static;padding:0 15px;text-align:center} .full-case-detail .skew-content .case-ue .cimg {padding:0 15px} .moblie-case-slider {margin-top:0;padding:0 0 30px;margin:0 10px} .moblie-case-slider .case-mswiper {position:absolute;left:0;top:50%;width:100%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .moblie-case-slider .case-mswiper img {display:block;margin:0;width:100%} .moblie-case-slider .moblie-mswiper-wrapper {position:absolute;left:50%;top:0;z-index:50;width:93%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);margin-top:20%;overflow:hidden} .moblie-case-slider .moblie-mswiper-wrapper::after {display:block;content:'';width:100%;padding-bottom:158.6%} .moblie-case-slider .casebg {position:relative;left:0;top:0;width:100%;height:100%;-o-background-size:106.3% auto;background-size:106.3% auto;padding-bottom:207%} .mcase-right-info {padding:10px} .mcase-right-info .mcase {position:static} .mcase-right-info .qrcode img {margin:0} .mcase-right-info .mcase-more {height:125px;float:right;margin:0} .app-inside-soutions {padding:20px 15px;margin-top:0} .app-inside-soutions .item a {padding-top:20px;padding-bottom:15px} .u-ue-title {font-size:20px;line-height:30px;margin-bottom:10px} .full-case-detail .case-body .col-3 {float:none;display:inline-block;vertical-align:top;width:48%} .app-singlepage {padding-top:20px;padding-bottom:30px;font-size:14px;line-height:26px} .app-singlepage .lh48 {line-height:30px} .app-singlepage .span {font-size:16px;line-height:30px} .app-singlepage .sub-title {font-size:18px;line-height:30px} .ue-list {padding-top:20px} .ue-list li {margin-bottom:15px} .ue-list .ue-rimg {padding-left:0} .ue-list .ue-rimg .info {left:0} .ue-list .ue-rimg .middle {padding-right:6.78571%} .ue-list .ue-limg {padding-right:0} .ue-list .ue-limg .middle {padding-left:0} .ue-list .info {position:relative;width:100%} .ue-list .info .middle {font-size:14px;line-height:26px} .ue-list .info h3 {font-size:18px;line-height:46px} .m-page-partner {padding-top:30px;padding-bottom:30px} .m-page-partner .u-ue-title {margin-bottom:15px} .m-page-partner ul {margin:0 -5px} .m-page-partner li {width:33.33333%} .noborder {padding-bottom:30px} .m-idico-wrapper {font-size:14px;line-height:26px;padding-bottom:0} .m-idico-wrapper .idico-list {margin:0} .m-idico-wrapper .idico-item {float:none;width:100%} .m-idico-wrapper .inner {padding:15px 0 0} .m-idico-wrapper .id {top:15px;right:0;font-size:50px;line-height:1} .m-idico-wrapper .ico {margin-bottom:10px;width:50px;height:50px;line-height:50px} .m-idico-wrapper .ico img {max-height:100%} .m-idico-wrapper h3 {margin-bottom:10px} .m-idico-wrapper .sub {padding-bottom:15px;height:auto} .native-app-desc {padding:10px 15px 0} .m-diff-content {width:100%;padding:20px 0;font-size:14px;line-height:24px} .m-diff-content .ico-txt {padding:10px 0} .m-diff-content .ico-txt img {display:none} .m-diff-content .ico-txt span {padding:0;font-size:20px;line-height:26px} .m-diff-content .item {display:block;width:100%;padding:0} .m-diff-content .text-right {text-align:left;border:0} .rn-web-bottom {padding:15px 15px 0} .app-icodesc ul {padding:10px 0 20px} .app-icodesc .ico img {max-height:80%} .app-icodesc li {width:50%} .customer-article {padding-top:20px} .customer-article .title {margin-bottom:10px;font-size:20px;line-height:34px} .customer-article .text {padding:0 0 10px;font-size:14px;line-height:26px} .customer-container {margin-bottom:30px} .customer-container li img {display:block;width:100%} .evaluate-wrapper {padding-top:20px} .evaluate-wrapper ul {margin:0} .evaluate-wrapper li {width:100%} .evaluate-wrapper .item {padding:0;min-height:auto;background-position:0 10px;-o-background-size:20px auto;background-size:20px auto} .evaluate-wrapper .brand {margin-bottom:15px;height:76px;padding:20px 0 0 20px;line-height:56px} .evaluate-wrapper .brand img {max-height:46px} .evaluate-wrapper .name {margin-bottom:10px;line-height:24px;padding-left:20px} .evaluate-wrapper .desc {padding:0 0 20px 20px} .case-wrapper {padding-top:20px;padding-bottom:10px} .case-wrapper .caseban img {width:auto;height:100px;position:relative;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)} .case-wrapper .caseban .title {left:0;top:0%;margin-top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)} .case-wrapper .caseban h2 {font-size:18px;line-height:36px} .case-intro-wrapper {padding:10px} .case-intro-wrapper .jiejuelist .id {position:static;font-size:30px;line-height:30px} .case-intro-wrapper .jiejuelist dl {padding:20px 10px;font-size:14px;line-height:26px} .case-intro-wrapper .jiejuelist dt {margin-bottom:20px;font-size:18px;line-height:32px} .case-intro-wrapper .jiejuelist dt::after {bottom:-10px} .case-intro-wrapper table {border-collapse:collapse} .case-intro-wrapper table td {border:1px solid #666;padding:3px 8px;min-width:5em} .case-intro-list li {padding:10px 10px 20px;font-size:14px;line-height:24px} .case-intro-list .id {position:static;font-size:30px;line-height:30px} .case-intro-list .title {margin-bottom:20px;font-size:18px;line-height:32px} .case-intro-list .title::after {bottom:-10px} .case-intro-list h5.letter {font-size:16px} .case-intro-list h4.sub-title {font-size:16px} .case-intro-list .m-letter-item {padding-top:15px} .case-intro-list .m-letter-item .letter {margin-bottom:13px;font-size:28px;line-height:28px} .case-intro-list .m-letter-item .sub-title {margin-bottom:10px;font-size:16px;line-height:22px} .case-intro-list .rhalfimg img {float:right;max-width:48.6%;margin-left:30px} .case-intro-list .rimg {padding:0} .case-intro-list .rimg .letimg {position:static;width:auto;max-width:100%;float:none} .case-intro-list .prico-title {padding:10px 0 15px;font-size:16px;line-height:22px} .m-relat-title {padding:0 0 20px} .m-relat-title h3 {font-size:20px;line-height:30px} .m-relat-title a {width:90px;line-height:28px} .m-relat-title a i {left:-20px;top:13px;width:30px} .relative-cases {padding:20px 0} .relative-cases ul {margin:0} .relative-cases li {width:100%} .relative-cases .thumb {margin-bottom:10px} .relative-cases a {padding:0;line-height:26px} .relative-cases a .title {font-size:16px;font-weight:bold;color:#1a1a1a} .trade-imglist .imglist-wrap {margin:0} .trade-imglist .imglist-wrap .trade-item {float:none;width:100%} .trade-imglist .imglist-wrap .inner {padding:0} .trade-imglist .imglist-wrap .trade-title {padding:16px 0 13px;font-size:16px;line-height:22px} .trade-left {float:none;width:100%} .trade-right {float:none;width:100%} .price-top {font-size:0} .price-top .top-item {float:left;width:50%;margin-right:0} .price-icolist .icolist {width:100%} .price-icolist .ico-item {float:none;width:100%;margin:0;padding:15px 0} .seo-top-list {overflow:hidden} .seo-top-list .top-seoabc {width:100%} .seo-top-list .m-letter-item {float:none;width:100%;padding-right:0} .seo-thr-list {padding-left:0;padding-top:20px} .seo-thr-list .thr-left {position:static;width:100%} .seo-thr-list .dash-border {margin-bottom:15px;padding:0;border-bottom:0} .seo-thr-list .thr-right {padding:0;border-left:0} .seo-thr-list .red-dot-list {font-size:0} .seo-thr-list .red-dot-list .red-item {width:100%;margin-bottom:15px} .full-sys-desc .gray-sys-desc .sys-lists {font-size:0} .full-sys-desc .gray-sys-desc .sys-lists li {display:inline-block;vertical-align:top;width:50%} .full-sys-desc .quarter .sys-lists li {width:100%} .m-sys-desc {padding:20px 0} .m-sys-desc .sys-info {float:none;width:100%;margin-right:0} .m-sys-desc .sys-info .ico {float:left;width:50px;margin-right:10px} .m-sys-desc .sys-info .ico img {width:100%} .m-sys-desc .sys-info .info {font-size:14px;line-height:26px} .m-sys-desc .sys-info h4 {font-size:26px;line-height:26px} .m-sys-desc .sys-info h3 {margin-bottom:15px;font-size:20px;line-height:30px} .m-sys-desc .sys-lists {font-size:0} .m-sys-desc .sys-lists li {display:inline-block;vertical-align:top;float:none;width:50%;padding-left:0;margin-bottom:10px;padding-right:15px;font-size:14px} .m-sys-desc .sys-lists .pull-left {margin:0;width:100%;padding:0} .m-sys-desc .sys-lists .id {font-size:28px;line-height:28px} .m-sys-desc .sys-lists h3 {margin-bottom:0;font-size:16px;line-height:30px} .full-crowd-bot .sys-lists li {width:100%;line-height:20px} .crowd-article-top .left {float:none;width:100%} .crowd-article-top .right {float:none;width:100%} .crowd-article-top .m-sys-desc {padding:20px 0 10px} .m-feature-list {border:0} .m-feature-list li {float:none;width:100%;margin-bottom:10px} .m-feature-list .inner {padding:20px 10px 15px;border:solid 1px #d9d9d9} .m-feature-list h4 {margin-bottom:10px;font-size:30px;line-height:30px} .m-feature-list h3 {margin-bottom:10px;font-size:18px;line-height:26px} .m-feature-list p {font-size:14px;height:auto;max-height:120px} .shop-feature-top {padding-top:20px;padding-bottom:20px} .shop-feature-top .m-web-title {margin-bottom:15px} .shop-feature-mid {height:auto;padding:30px 0} .shop-feature-mid .feature-img {width:100%;height:100%} .shop-feature-mid .feature-img img {width:auto;height:100%;margin-left:0;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)} .shop-feature-mid .sys-info {width:100%} .shop-feature-bot {padding-top:20px;padding-bottom:15px} .elec-solution-wrapper {padding:25px 0 30px} .elec-solution-wrapper .elec-title {font-size:20px;line-height:30px} .elec-solution-wrapper .sub {font-size:14px;line-height:30px} .elec-solution-wrapper .line {margin:10px auto 16px} .elec-solution-wrapper .elec {margin-bottom:12px;font-size:20px;line-height:30px} .elec-solution-wrapper .elec-featrue li {float:none;width:100%} .elec-solution-wrapper .elec-featrue .inner {padding:20px 15px;font-size:14px} .elec-solution-wrapper .elec-featrue .ico {margin-bottom:10px} .elec-solution-wrapper .elec-featrue h3 {margin-bottom:15px;font-size:18px;line-height:24px} .elec-solution-wrapper .elec-featrue p {font-size:14px} .elec-tab {padding-bottom:30px} .elec-tab .tabs-title a {font-size:14px;line-height:42px} .elec-tab .item {display:none} .elec-tab .item:first-child {display:block} .elec-tab .func .name {line-height:40px} .elec-tab .func .table .tr p {float:none;width:100%} .qa-list {padding-top:50px;font-size:16px;line-height:28px} .qa-list li {margin-bottom:10px} .qa-list h3 {position:relative;padding:21px 94px 21px 112px;color:#333;background-color:#e6e6e6;background-image:url("../webimages/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("../webimages/qadd.png")} .qa-list h3.cur .ico {background-image:url("../webimages/qaless.png")} .qa-list .answer {display:none;background-color:#f2f2f2;background-image:url("../webimages/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("../webimages/pageprev.png")} .case-news-article .page-ctrl .prev:hover {color:#d90000;background-image:url("../webimages/pageprevac.png")} .case-news-article .page-ctrl .next {float:right;padding-right:55px;background-position:right center;background-image:url("../webimages/pagenext.png")} .case-news-article .page-ctrl .next:hover {color:#d90000;background-image:url("../webimages/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("../webimages/gsearch.png") no-repeat center} .g-search-form .search-form .sub input {display:block;font-size:0;height:40px} .g-search-cate {margin-bottom:0;padding:15px} .g-search-cate ul {display:block;width:100%} .g-search-cate li {width:25%;font-size:12px;line-height:42px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .sitemap-wrapper {padding:20px 0 20px} .sitemap-wrapper .title {padding:30px 0 15px} .sitemap {padding:20px 0 10px} .mapitem .two {width:50%} .m-about-title {font-size:20px;line-height:32px} .m-about-text {padding:15px 0;font-size:16px;line-height:30px} .about-us-intro {padding-top:20px;padding-bottom:20} .about-us-intro .year {display:none} .about-us-intro .article {padding:10px 0;font-size:14px;line-height:26px} .about-us-intro .intro-card {margin:0} .about-us-intro .intro-card .card {float:none;width:100%;margin-bottom:15px} .about-us-intro .intro-card .inner {padding:0} .about-us-intro .intro-card .info {left:10px;top:50%;font-size:16px;line-height:26px;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .about-us-intro .intro-card .en {font-size:16px;line-height:20px} .about-us-intro .intro-card .cn {margin-bottom:10px;font-size:20px;line-height:40px} .full-certificate-article {padding-top:30px;padding-bottom:20px} .full-certificate-article .info {float:none;width:100%;padding-top:0} .full-certificate-article .cert-ico {margin-bottom:10px;height:50px} .full-certificate-article .cert-ico img {width:50px !important;height:auto !important} .full-certificate-article .certificate {float:none;width:100%;padding-right:0} .full-certificate-article .certificate img {width:auto;max-width:100%} .about-field {padding-top:20px;padding-bottom:20px;overflow:hidden} .about-field .main-business {margin:0 -5px} .about-field .main-business .business-item {margin-left:0;width:50%;margin-bottom:10px;padding:0 5px} .about-field .main-business h2 {padding:0} .about-field .main-business h2 a {font-size:14px;line-height:26px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis} .about-field .main-business .inner {padding:20px 10px;text-align:center} .about-field .main-business .sub {border:0;padding-bottom:0} .about-field .main-business .sub a {background:none;padding-left:0;line-height:32px} .about-field .field-text {padding:10px 0 10px} .main-business {margin:0} .main-business .business-item {float:left;width:25%} .main-business .business-item .inner {margin:0} .main-business .ico {margin-bottom:12px;height:50px;line-height:50px;font-size:0} .main-business .ico img {width:auto !important;height:36px !important} .our-server .bg {position:absolute;left:0;top:0;width:100%;height:100%} .our-server .bg img {margin-left:0;width:auto;height:100%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)} .our-server .server-inner {position:relative;left:0;top:0;z-index:10;margin-left:0;padding-top:30px} .our-server .server-inner .server-desc {padding-top:10px;font-size:16px;line-height:32px} .our-server .server-inner .server-desc .text {font-size:18px} .our-server .m-key-list {position:relative;left:0;bottom:0;z-index:3} .history-wapper {width:100%;margin:0 auto 20px} .history-wapper .history {padding-bottom:20px} .history-wapper .botline {right:auto;left:20px;width:1px;height:20px} .history-wapper .chl-title {padding:20px 0 10px;font-size:24px;line-height:30px} .history-wapper .item {display:none;border-bottom:1px solid #e6e6e6;padding-left:20px;padding-right:15px} .history-wapper .item .year {display:none} .history-wapper .dot {right:auto;left:13px;top:25px} .history-wapper .list {float:none;width:100%;font-size:14px;line-height:26px;padding:20px 0 20px 15px;border-left:1px solid #d9d9d9} .history-wapper .list li {padding-bottom:10px} .loadmore {width:auto;margin:20px 15px 30px;overflow:hidden;line-height:38px;height:40px;border-width:1px} .m-diff-title,.m-chl-title {font-size:20px;line-height:30px} .m-diff-text {font-size:14px;line-height:26px} .m-center-img {text-align:center} .m-center-img img {max-width:100%;vertical-align:top} .diff-head {padding-top:30px;padding-bottom:20px;font-size:16px;line-height:28px} .diff-head h1 {margin-bottom:12px;font-size:20px;line-height:32px} .diff-head .line {width:120px;height:2px;margin-left:-60px} .full-diff-text {padding:20px 15px 0} .full-diff-text .m-diff-text {padding:10px 0 20px} .full-ablum .item {float:none;width:100%} .adv-supplier {padding-top:30px;padding-bottom:30px} .adv-supplier .m-diff-text {padding:10px 0} .full-adv-case {position:relative} .full-adv-case img {position:absolute;left:0;top:0;width:100%;height:100%} .full-adv-case .case-ditt-content {position:relative;z-index:10;top:0;left:0;padding:15px} .full-adv-case .m-diff-text {padding:15px 0 0;font-size:14px} .diff-server {padding-top:20px;padding-bottom:20px} .diff-server .m-diff-text {padding:15px 0} .full-seo-article {padding:30px 0 20px} .full-seo-article .m-diff-text {padding:10px 0} .full-worthy-intro {padding-top:20px} .full-worthy-intro .m-diff-text {padding:15px 15px 20px} .full-faith-article .content {font-size:14px;line-height:26px} .full-faith-article .content .title {float:none;width:100%} .full-faith-article .content .title h2 {margin-bottom:10px;font-size:16px;line-height:28px} .full-faith-article .content .title h3 {margin-bottom:0;font-size:20px;line-height:34px} .common-problem {padding-bottom:20px} .common-problem .qa-title {margin-bottom:10px;font-size:20px;line-height:30px} .doc-download {padding:20px 0 5px} .doc-download ul {margin:0} .doc-download li {float:none;width:100%;margin-bottom:15px} .doc-download .inner {padding:0 15px} .doc-download .info {padding:10px 78px 10px 10px} .doc-download .pdf {padding:0;font-size:16px;padding-left:56px;line-height:24px;height:48px;-o-background-size:32px;background-size:32px} .doc-download .dw {width:68px;height:68px;font-size:0;-o-background-size:30px auto;background-size:30px auto} } @media (max-width:640px) and (max-width:350px) {.doc-download .inner {padding:0 10px} .doc-download .info {padding:10px 74px 10px 10px} .doc-download .pdf {font-size:14px;line-height:22px;height:44px;padding-left:46px} .doc-download .dw {width:64px;height:64px} } @media (max-width:640px) {.qa-list {padding-top:10px;font-size:14px;line-height:22px} .qa-list li {margin-bottom:10px} .qa-list h3 {padding:5px 40px 5px 60px;font-size:14px;line-height:22px;min-height:54px;-o-background-size:54px auto;background-size:54px auto} .qa-list h3 .ico {right:10px;-o-background-size:18px auto;background-size:18px auto} .qa-list h3.cur .ico {background-image:url("../webimages/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("../webimages/delivery.png") no-repeat 28px 8px} .full-error-page .error-back {position:relative;left:0%;top:0%;margin-left:0;font-size:16px;line-height:40px} .full-error-page .error-back li {width:16.66667%;white-space:nowrap} .full-error-page .error-back a {padding:0 5px;font-size:12px;line-height:40px;text-align:center} .iban-pages {bottom:5px} .iban-pages span {width:30px;padding:8px 0;margin:0 3px} .site-article-wrapper {width:100%;padding:20px 15px 0} .site-article-wrapper li a {padding:15px 0 0} .site-article-wrapper .date {position:absolute;top:42px;left:0;z-index:3} .site-article-wrapper .date .mm-dd {float:right;font-size:14px;line-height:20px;border-bottom:0;font-weight:normal} .site-article-wrapper .date .yy {float:right;font-size:14px;line-height:20px} .site-article-wrapper .date .yy::after {content:'-';display:block;float:right} .site-article-wrapper .title {margin-bottom:24px;font-size:16px;line-height:26px} .site-article-wrapper .desc {margin-bottom:10px;font-size:14px;line-height:26px;height:52px} .site-article-wrapper .tag {padding:0 0 15px} .site-article-wrapper .tag a {float:left;margin-right:5px;font-size:13px;line-height:24px} .singlepage {font-size:14px;line-height:26px} .cooperation-iframe {width:100%} .case-intro-wrapper .jiejuelist dl li {margin-left:20px} .news-subnav {padding-top:30px} .news-subnav .news-cate {display:inline-block;vertical-align:top;*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("../webimages/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} #mobile_icon_div {display:none !important} #LXB_CONTAINER_SHOW.lxb-container-btn-show {display:none !important} .iban-ctrl {width:auto;padding:0 15px;height:34px} .iban-index span {font-size:16px;line-height:34px} .iban-index .line {font-size:16px} .iban-nav {display:none} .scroll-tips {display:none} } @media (max-width:350px) {.mcase-right-info {padding:0} .m-ichl-subnav li a {font-size:14px} } @media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {.footer-content {padding-bottom:constant(safe-area-inset-bottom)} .sidebar {padding-bottom:constant(safe-area-inset-bottom)} } .szcolor-white {color:#fff} .szm-fs24 {font-size:24px} .m-tcenter {text-align:center} .sz-col-md-4 {float:left;width:33.3%} .sz-col-md-3 {float:left;width:25%} .szcolor-gary {color:#666} .sz-mb10 {margin-bottom:10px} .sz-bggary {background:#f1f1f1} .szcolor-red {color:#d90000} .seom-title {font-size:32px;line-height:48px;text-align:center;margin-bottom:10px} .why-column-one {padding-top:96px;padding-bottom:96px;background-color:#fff;overflow:hidden} .why-list {padding-top:105px;margin:0 -28px} .why-list li {float:left;text-align:center;color:#666666;font-size:16px;width:25%;line-height:24px} .why-list li .why-box {padding:0 28px 20px} .why-list li .why-icon {margin-bottom:40px} .why-list li .why-icon img {height:82px} .why-list li .why-title {font-size:24px;margin-bottom:10px;color:#333} .why-list li p {max-width:310px;margin:0 auto} .seo-operation {position:relative;overflow:hidden} .seo-operation img {display:block;width:100%} .difference-box {width:100%;text-align:center} .mseo-xycenter {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .szm-mb20 {margin-bottom:20px} .five-advantages {padding-top:64px;padding-bottom:120px} .advant-list {padding-top:70px;text-align:center;font-size:0;line-height:0} .advant-list li {display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:20%;font-size:16px;line-height:24px} .advant-list li .advant-item {padding:0 30px} .advant-list li .adv-icon {width:150px;height:150px;border:1px solid #d90000;-webkit-border-radius:100%;border-radius:100%;margin:0 auto 50px} .advant-list li .adv-icon img {width:100%} .advant-list li h4 {margin-bottom:13px} .m-seocontent,.ranking-dec {padding-top:8px;max-width:800px;margin:0 auto} .seo-searchrank {background:#f2f2f2;padding:50px 0 100px} .optimization {font-size:0;line-height:0;padding-top:80px} .optimization li {display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:25%;font-size:16px;line-height:24px;text-align:center} .optimization li .opt-icon {height:80px;margin-bottom:40px} .optimization li h4 {margin-bottom:12px} .additional-services {padding-top:100px;padding-bottom:50px} .ranking-dec {text-align:center} .additional-list {font-size:0;line-height:0;text-align:center;padding-top:70px} .additional-list li {width:25%;padding-bottom:65px;display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:16px;line-height:24px} .additional-list li .add-icon {width:160px;height:160px;border:1px solid #d90000;-webkit-border-radius:50%;border-radius:50%;margin:0 auto 20px} .additional-list li .add-icon img {display:block;width:100%} .additional-list li h5 {margin-bottom:15px} .additional-list li .max-width240 {max-width:240px;margin:0 auto} .additional-list li .addit-box {padding:0 20px} .wqpclassic-case {padding-top:60px;padding-bottom:98px;overflow:hidden} .wqpicase-list {padding-top:55px} .wqpicase-list {margin:0 -40px} .wqpicase-list li .item {padding:0 40px;font-size:14px;line-height:22px} .wqpicase-list li .item a {display:block;color:#666666} .wqpicase-list li .item .imgzoom {margin-bottom:20px;position:relative;overflow:hidden} .wqpicase-list li .item .imgzoom:before {content:"";display:block;padding-bottom:66.66667%} .wqpicase-list li .item .imgzoom img {position:absolute;top:0;left:0;display:block;width:100%} .wqpicase-list li .item .title {font-size:16px} .wqpicase-list li .item .desc {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:24px;line-height:24px} .immediate-use {text-align:center;padding-bottom:45px} .immediate-use a {width:184px;height:55px;line-height:55px;border:solid 1px #bfbfbf;font-size:20px;color:#d90000;display:inline-block;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s} .immediate-use a:hover {background:#d90000;color:#fff;border-color:#d90000} .we-resources {padding-top:90px;padding-bottom:100px} .resources-list {padding-top:50px} .resources-list ul {border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;background:#f5f5f5} .resources-list ul li {float:left;width:20%;font-size:16px;color:#666666} .resources-list ul li .res-tit22 {margin-bottom:10px} .resources-list ul li:last-child .resway-item:before {display:none} .resway-item {padding:45px 20px 40px 40px;border:1px solid #dbdbdb;margin:-1px 0 0 -1px;position:relative} .resway-item:before {content:"";display:block;width:22px;height:72px;background:url(../webimages/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(../webimages/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(../webimages/advicon11.png) right bottom no-repeat} .matrix-list li .matrix-item:before {content:"";display:block;position:absolute;width:26px;height:55px;background:url(../webimages/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(../webimages/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(../webimages/advimg01.jpg) center 0 no-repeat;min-height:530px} .wtech-left {float:left;width:30%;font-size:32px;line-height:36px;padding:36px 0 0} .wtech-right {float:right;width:61.25%} .wtech-right li {text-align:center;width:25%;float:left} .wtech-right li .wtech-icon {width:160px;height:160px;line-height:160px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin:0 auto 15px} .wtech-right li .wtech-icon img {max-height:100%} .szm-mt80 {margin-top:80px} .wt-cntit {color:#d90000} .wt-entit {color:#ffffff;opacity:0.5;margin-bottom:30px} .location-box {padding-top:64px;padding-bottom:64px} .location-box ul .szm-pt0 {padding-top:0} .location-box ul li .matrix-item {background:none;padding:60px 28px 50px 48px;font-size:14px;line-height:22px;color:#666} .location-box ul li .matrix-item .szm-fs24 {color:#333} .szm-pt0 {padding-top:0} .pain-spot {background:#f1f1f1;padding-top:78px;padding-bottom:70px} .spot-left {float:left;width:52.5%} .spot-left li {float:left;width:33.33333%} .spot-left li .spot-item {border:1px solid #dfdfdf;margin:-1px 0 0 -1px;padding:30px 20px 30px 30px;color:#666} .spot-left li .spot-item .sz-fs22 {color:#333;margin-bottom:10px} .spot-wrap {margin-top:80px} .spot-right {float:right;width:32.5%} .spot-right img {max-width:100%} .szm-pt60 {padding-top:60px} .content-Jitter {padding-top:60px;padding-bottom:106px} .jit-img {height:50px;line-height:50px;margin:30px 0 40px} .jit-img img {max-height:100%} .jit-num {font-size:100px;color:#e34343;opacity:0.1;line-height:80px;margin:-30px -10px 0 0;text-align:right;display:block} .sz-pbuild-wrap {padding-top:64px;padding-bottom:0} .sz-pbuild-list {font-size:0;line-height:0;margin-top:30px;position:relative} .sz-pbuild-list li {display:inline-block;vertical-align:top;font-size:16px;line-height:24px;text-align:center;width:16.66667%} .sz-pbuild-list li .build-icon {height:40px;overflow:hidden;margin-bottom:10px} .sz-pbuild-list li .build-icon img {max-height:100%} .sz-pbuild-list li .build-dot {width:16px;height:16px;-webkit-border-radius:50%;border-radius:50%;display:inline-block;background:#e34343;position:relative;margin-bottom:15px} .sz-pbuild-list li .build-dot:before {content:"";position:absolute;display:block;width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%;top:4px;left:4px;background:#fff} .sz-pbuild-list:before {content:"";display:block;position:absolute;top:58px;width:100%;height:2px;background-color:#d4d4d4} .sz-pbuild-list {margin-top:60px} .sz-pbuild-list li .build-icon {height:60px;margin-bottom:20px} .sz-pbuild-list li .build-dot {width:20px;height:20px} .sz-pbuild-list li .build-dot:before {width:10px;height:10px;top:5px;left:5px} .sz-pbuild-list:before {top:89px} .opjitter-wrap {padding-top:64px;padding-bottom:95px} .opjitter-floatnone {float:none;width:100%;padding:60px 0 0;max-width:1450px;margin:0 auto;line-height:24px;font-size:14px} .wind-tremor {padding-top:65px;padding-bottom:140px} .analysis-ul {margin-left:-20px;margin-right:-20px;padding-top:79px} .analysis-ul li {margin-bottom:15px;float:left;width:16.66667%} .m-analysis {position:relative;overflow:hidden;background-color:#ffffff;margin:0 15px} .m-analysis .title {text-align:center;line-height:48px;background:#e34343;color:#fff;font-size:24px} .m-analysis .word {padding:20px 15px 25px;position:relative;border:1px solid #dfdfdf} .m-analysis .word .info {color:#666;line-height:24px;display:block;width:100%} .telphone-box {padding-bottom:100px} .sztel-num {text-align:center;margin-top:30px} .sztel-num a {display:inline-block;padding:14px 60px 14px 108px;-webkit-border-radius:30px;border-radius:30px;background-color:#d90000;color:#fff;font-size:32px;background-image:url(../webimages/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} } @media (max-width:1366px) {.szm-fs24 {font-size:18px} } @media (max-width:1024px) {.weblg { max-width:980px;} } @media (max-width:812px) { .weblg{ max-width:90%;} .sub-page-title .hgroup {height:120px;} } @media (max-width:768px) {.weblg { max-width:640px;} } @media (max-width:640px) { .sub-page-title .hgroup {height:60px;} .szm-fs24 {font-size:16px} .sz-col-xs-12 {float:left;width:100%} .seom-title {font-size:18px;line-height:26px;margin-bottom:0} .why-column-one {padding-top:30px;padding-bottom:30px} .why-list {padding-top:30px;margin:0 -10px} .why-list li {width:100%;line-height:22px;font-size:14px} .why-list li .why-box {padding:0 10px 20px} .why-list li .why-icon {margin-bottom:20px} .why-list li .why-icon img {height:52px} .why-list li .why-title {font-size:16px} .seo-operation {font-size:14px;line-height:22px} .seo-operation img {width:auto;height:250px} .difference-box .seom-title {font-size:18px} .difference-box br {display:none} .szm-mb20 {margin-bottom:10px} .five-advantages {padding-top:30px;padding-bottom:30px} .advant-list {padding-top:20px} .advant-list li {width:50%;font-size:14px;line-height:22px} .advant-list li .advant-item {padding:0 5px 15px} .advant-list li .adv-icon {width:80px;height:80px;margin:0 auto 10px} .advant-list li h4 {margin-bottom:10px} .advant-list li:last-child {width:100%} .mob-fs14 {font-size:14px;line-height:22px} .seo-searchrank {padding:35px 0 30px} .optimization {padding-top:20px} .optimization li {width:50%;font-size:14px;line-height:22px;padding-bottom:15px} .optimization li .opt-icon {height:50px;margin-bottom:10px} .optimization li .opt-icon img {height:50px} .additional-services {padding-top:35px;padding-bottom:40px} .additional-list {padding-top:20px} .additional-list li {width:50%;padding-bottom:15px;font-size:14px;line-height:22px} .additional-list li .add-icon {width:80px;height:80px;margin:0 auto 10px} .additional-list li .addit-box {padding:0 10px} .wqpclassic-case {padding-top:35px;padding-bottom:25px} .wqpicase-list {padding-top:25px} .wqpicase-list {margin:0 -10px} .wqpicase-list li {padding-bottom:15px} .wqpicase-list li .item {padding:0 10px} .wqpicase-list li .item .imgzoom {margin-bottom:20px} .wqpicase-list li .item .title {font-size:16px} .immediate-use {padding-top:10px;padding-bottom:15px} .immediate-use a {width:140px;height:40px;line-height:40px;font-size:16px} .we-resources {padding-top:35px;padding-bottom:30px} .resources-list {padding-top:20px} .resources-list ul {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;height:100%} .resources-list ul li {float:none;width:50%;font-size:14px;line-height:24px} .resway-item {padding:20px 10px 20px 20px;height:100%} .resway-item:before {width:10px;height:33px;-o-background-size:cover;background-size:cover;right:-10px} .res-icon {height:46px;line-height:46px;margin-bottom:14px} .res-icon img {max-height:100%} .res-tit22 {font-size:18px} .we-resources {padding-top:35px;padding-bottom:30px} .resources-list {padding-top:20px} .resources-list ul {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch} .resources-list ul li {float:none;width:50%;font-size:14px} .resources-list ul li .res-tit22 {margin-bottom:10px} .resway-item {padding:20px 20px 20px 40px} .resway-item:before {content:"";width:14px;height:46px;right:-14px} .res-icon {height:36px;line-height:36px;margin-bottom:14px} .res-tit22 {font-size:18px} .delivery-wrap {padding-top:35px;padding-bottom:25px} .delivery-list {padding-top:25px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch} .delivery-list li {width:50%;padding-bottom:20px} .delivery-list li .deli-icon {width:80px;height:80px;line-height:80px;margin:0 auto 10px} .delivery-list li .szm-fs24 {margin-bottom:10px} .delivery-list li .max220 {max-width:220px;margin:0 auto} .media-matrix {padding-top:35px;padding-bottom:35px} .matrix-list {padding-top:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch} .matrix-list li {float:none;width:50%} .matrix-list li .matrix-item {padding:10px 20px 10px 30px;height:100%;-o-background-size:auto 50px;background-size:auto 50px} .matrix-list li .matrix-item:before {content:"";width:16px;height:34px;-o-background-size:cover;background-size:cover;right:-16px} .matrix-list li .matrix-item .szm-fs24 {margin-bottom:6px} .matrix-num {font-size:36px;line-height:38px;margin-bottom:10px} .overall-coverage {padding-top:35px;padding-bottom:30px} .overage-dl {padding-top:20px} .overage-dl dt {float:none;width:100%;padding-bottom:30px} .overage-dl dt:after {width:38px;height:25px;-o-background-size:cover;background-size:cover;bottom:0;top:auto;left:50%;-webkit-transform:translate(-50%,0) rotate(90deg);-moz-transform:translate(-50%,0) rotate(90deg);-ms-transform:translate(-50%,0) rotate(90deg);-o-transform:translate(-50%,0) rotate(90deg);transform:translate(-50%,0) rotate(90deg)} .overage-dl dd {float:none;width:100%} .cover-item {padding-left:0;margin-bottom:20px} .cover-item .cover-num {font-size:36px;line-height:38px;margin-bottom:10px} .media-partners {padding-top:35px;padding-bottom:20px} .media-partners .media-list {padding-top:20px} .media-partners .media-list li {float:left;width:25%} .ad-serving {padding-top:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch} .ad-serving li {float:none;width:50%} .ad-serving li .serving-box {padding:20px;height:100%} .ad-serving li .serving-box h2 {margin-bottom:10px} .ad-serving li:nth-of-type(odd) {background:none} .ad-serving li:nth-of-type(odd) .serving-box {border:none} .ad-serving li:nth-of-type(odd) .serving-box:after {display:none} .ad-serving li:nth-of-type(4n-3),.ad-serving li:nth-of-type(4n) {background:#f5f5f5} .ad-serving li:nth-of-type(4n-3) .serving-box,.ad-serving li:nth-of-type(4n) .serving-box {border:1px solid #dbdbdb} .ad-serving li:nth-of-type(4n-3) .serving-box:after,.ad-serving li:nth-of-type(4n) .serving-box:after {right:-17px;display:block !important} .sz-fs22 {font-size:16px} .serv-num {font-size:32px;line-height:32px;margin-bottom:10px} .wtechnical-support {padding-top:35px;min-height:530px;-o-background-size:cover;background-size:cover} .wtech-left {float:none;width:100%;font-size:18px;line-height:30px;padding:0} .wtech-right {float:none;width:100%;padding-top:30px} .wtech-right li {width:50%;float:left;padding-bottom:20px} .wtech-right li .wtech-icon {width:80px;height:80px;line-height:80px;margin:0 auto 15px} .szm-mt80 {margin-top:30px} .wt-entit {margin-bottom:5px} .sz-pbuild-list {font-size:0;line-height:0;margin-top:30px;position:relative} .sz-pbuild-list li {font-size:14px} .sz-pbuild-list li .build-icon {height:40px;overflow:hidden;margin-bottom:10px} .sz-pbuild-list li .build-dot {width:16px;height:16px;margin-bottom:15px} .sz-pbuild-list li .build-dot:before {content:"";width:8px;height:8px;top:4px;left:4px} .sz-pbuild-list:before {top:58px;width:100%} .location-box {padding-top:35px;padding-bottom:35px} .location-box ul li .matrix-item {padding:30px 10px 30px 28px} .pain-spot {padding-top:35px;padding-bottom:30px} .spot-left {float:none;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch} .spot-left li {float:none;width:50%} .spot-left li .spot-item {padding:20px;height:100%} .spot-wrap {margin-top:30px} .spot-right {float:none;width:100%;padding:20px 0 0} .szm-pt60 {padding-top:30px} .content-Jitter {padding-top:35px;padding-bottom:35px} .jit-img {height:40px;line-height:40px;margin:20px 0} .jit-num {font-size:50px;line-height:40px;margin:-10px -10px 0 0} .sz-pbuild-wrap {padding-top:35px;padding-bottom:0} .sz-pbuild-list {margin-top:20px} .sz-pbuild-list li {font-size:14px} .sz-pbuild-list li .build-icon {height:40px;line-height:40px} .sz-pbuild-list li .build-dot {margin-bottom:5px} .opjitter-wrap {padding-top:35px;padding-bottom:35px} .opjitter-floatnone {padding:20px 0 0} .wind-tremor {padding-top:35px;padding-bottom:20px} .analysis-ul {margin-left:-10px;margin-right:-10px;padding-top:19px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch} .analysis-ul li {margin-bottom:15px;float:none;width:50%} .m-analysis {margin:0 10px;height:100%} .m-analysis .title {line-height:48px;font-size:16px} .m-analysis .word {padding:20px 15px 25px;height:100%} .m-analysis .word .info {font-size:14px} .telphone-box {padding-bottom:30px} .sztel-num {margin-top:20px} .sztel-num a {padding:14px 30px 14px 60px;font-size:22px;background-position:30px center;-o-background-size:auto 26px;background-size:auto 26px} .m-mb10 {margin-bottom:10px} .szbuild-box {padding-top:35px;padding-bottom:35px} .szbuild-commonweb {padding-top:20px;padding-bottom:24px;display:block;width:100%} .build-prin {width:100%;display:block;font-size:18px;line-height:26px;text-align:center;padding-bottom:20px} .build-prin img {max-width:30%} .prin-content {display:block;padding-left:0;font-size:14px;line-height:26px} .good-web-wrap {padding-top:35px;padding-bottom:30px} .principle-list {margin:0;padding-bottom:10px} .principle-list li {width:100%;padding:0 0 20px} .principle-list li img {width:80px;height:80px;float:left;margin-right:12px} .principle-list li .ciple-text {overflow:hidden} .principle-list li .ciple-text h5 {font-size:18px;margin-bottom:10px} .simple-wrap {padding-top:20px;padding-bottom:20px} .fine-team {padding-top:35px;padding-bottom:35px} .team-list {padding-top:20px} .team-list li {float:left;width:100%} .team-list li .fine-conbox {padding:20px} .team-list li .fine-conbox .team-icon {width:15%} .team-list li .fine-conbox .team-icon img {max-width:100%} .build-sztitle {font-size:26px;line-height:46px} .which-wrap {padding-bottom:40px} .szwhilce-list {padding-top:30px;font-size:0;line-height:0} .szwhilce-list li {width:33%;font-size:14px;line-height:24px;padding:0 5px} .szwhilce-list li img {width:80px;height:80px;margin-bottom:5px} .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} }