.web{width: 1180px;margin: 0 auto;position: relative;z-index: 1}
.weblg{max-width: 83.33%;margin: 0 auto;position: relative;z-index: 1}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;*display: none}
.clearfix{*zoom: 1}
.clear{clear: both;line-height: 0;height: 0;font-size: 0}
.show{display: block !important}
.hide{display: none !important}
@media (max-width: 1720px){.weblg{max-width: 73%}}
@media (max-width: 83.33%){.weblg{max-width: 1320px}}
@media (max-width: 73%){.weblg{max-width: 1200px}}
.w-lg .weblg{max-width: 73%}
.w-md .weblg{max-width: 1320px}
.w-sm .weblg{max-width: 1200px}
.placeholder{color: #999}
.animated{-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both}
.animated.infinite{-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite}
.animated.hinge{-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY{-webkit-animation-duration: .75s;-moz-animation-duration: .75s;-o-animation-duration: .75s;animation-duration: .75s}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
to{opacity: 1;-webkit-transform: none;transform: none}}
@-moz-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
to{opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none}}
@-o-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
to{opacity: 1;-webkit-transform: none;-o-transform: none;transform: none}}
@keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
to{opacity: 1;-webkit-transform: none;-moz-transform: none;-o-transform: none;transform: none}}
.fadeInUp{-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp}
@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}
50%{opacity: 1}}
@-moz-keyframes zoomInUp{0%{opacity: 0;-moz-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}
50%{opacity: 1}}
@-o-keyframes zoomInUp{0%{opacity: 0;transform: scale3d(0.3, 0.3, 0.3)}
50%{opacity: 1}}
@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);-moz-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}
50%{opacity: 1}}
.zoomInUp{-webkit-animation-name: zoomInUp;-moz-animation-name: zoomInUp;-o-animation-name: zoomInUp;animation-name: zoomInUp}
.zoomInUp{-webkit-animation-name: zoomInUp;-moz-animation-name: zoomInUp;-o-animation-name: zoomInUp;animation-name: zoomInUp}
.swiper-container{margin: 0 auto;position: relative;overflow: hidden;direction: ltr;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}
.swiper-wrapper{position: relative;width: 100%;-webkit-transition-property: -webkit-transform, left, top;-webkit-transition-duration: 0s;-webkit-transform: translate3d(0px, 0, 0);-webkit-transition-timing-function: ease;-moz-transition-property: -moz-transform, left, top;-moz-transition-duration: 0s;-moz-transform: translate3d(0px, 0, 0);-moz-transition-timing-function: ease;-o-transition-property: -o-transform, left, top;-o-transition-duration: 0s;-o-transform: translate3d(0px, 0, 0);-o-transition-timing-function: ease;-o-transform: translate(0px, 0px);-ms-transition-property: -ms-transform, left, top;-ms-transition-duration: 0s;-ms-transform: translate3d(0px, 0, 0);-ms-transition-timing-function: ease;-webkit-transition-property: left, top, -webkit-transform;transition-property: left, top, -webkit-transform;-o-transition-property: left, top, -o-transform;-moz-transition-property: transform, left, top, -moz-transform;transition-property: transform, left, top;transition-property: transform, left, top, -webkit-transform, -moz-transform, -o-transform;transition-duration: 0s;transform: translate3d(0px, 0, 0);transition-timing-function: ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-wp8-horizontal{-ms-touch-action: pan-y}
.swiper-wp8-vertical{-ms-touch-action: pan-x}
.header{position: absolute;left: 0;top: 0;z-index: 100;width: 100%;min-width: 1260px;height: 66px;padding-top: 24px;-webkit-transition: background ease .3s;-o-transition: background ease .3s;-moz-transition: background ease .3s;transition: background ease .3s}
.header .weblg{position: static}
.header .logo{display: block;float: left;margin-top: -2px}
.header .edit-handle{margin: 0 0 0 34px;float: right;width: 22px;height: 44px;}
.header .head-search{position: relative;float: right}
.header .search-handle{margin: 0 0 0 19px;display: block;width: 21px;height: 44px;}
.header .search-form{display: none;position: absolute;right: -75px;width: 247px;height: 65px;padding-top: 20px;z-index: 50;}
.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;}
.header .search-form .search input{font-size: 0;cursor: pointer}
.fixheader{position: fixed;top: -60px;height: 51px;padding-top: 8px;padding-bottom: 1px;}
.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;-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: #3186d6;border-bottom: 2px solid #3186d6}
.nav .title.ac a, .nav .title.cur a{color: #3186d6;padding-bottom: 20px;border-bottom: 2px solid #3186d6}
.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: #3186d6}
.nav .activehook{position: absolute;bottom: 0;height: 2px}
.nav .activehook i{display: block;height: 2px;background-color: #3186d6}
.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: #3186d6}
.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;}
.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;}
.solution-nav-wrapper li a:hover{font-weight: bold;color: #3186d6;}
.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: #3186d6}
.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: #3186d6}
.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;}
.about-nav-wrapper dl a:hover{font-weight: bold;color: #3186d6;}
.about-nav-wrapper .customer{border-left: 1px solid #d9d9d9;}
.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: #3186d6}
.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;}
.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{}
.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: 33.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;}
.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;}
.inside-nav .cur a{color: #3186d6;border-bottom-color: #3186d6}
.inside-nav a{display: block;font-size: 16px;line-height: 42px;color: #1a1a1a;border-bottom: 2px solid #fff}
.inside-nav a:hover{color: #3186d6;border-bottom-color: #3186d6}
.inside-nav .activehook{position: absolute;bottom: 0;width: 100%;height: 2px;background: none}
.inside-nav .activehook i{display: block;width: 100%;height: 2px;background: #3186d6}
.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;}
.customer-container .bx-wrapper .bx-controls-direction .bx-next{right: 25px;}
.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;}
.customer-container .flex-direction-nav .flex-next{right: 25px;}
.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;}
.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 .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: #3186d6;color: #fff}
.case-filter .sec-title{display: block;padding-left: 68px;line-height: 80px}
.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: #3186d6}
.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: #3186d6;padding-left: 44px;}
.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;cursor: pointer}
.m-case-select .selected.cur, .m-case-select .selected:hover{background-color: #3186d6;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: #3186d6}
.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 #3186d6}
.cate-wrapper .cate a{display: inline;color: #999;padding: 0 0.5em}
.cate-wrapper .cate a:hover{color: #3186d6}
.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: #3186d6}
.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: #3186d6}
.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%;}
.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: #3186d6}
.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: #3186d6}
.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%;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;-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;border-bottom: 0}
.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: #3186d6}
.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: #3186d6}
.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 .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;}
.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;}
.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 }
.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: #3186d6}
.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;}
.m-ichl-subnav li.cur a{color: #3186d6;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: #3186d6;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: #3186d6}
.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;}
.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: #3186d6}
.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: #3186d6}
.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: #3186d6;-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;}
.main-business .sub a:hover{color: #d80000;}
.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 }
.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;}
.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;}
.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: #3186d6;border-bottom-color: #f5f5f5}
.full-isoutions .m-ichl-subnav li.cur a{color: #3186d6;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 #3186d6;background-color: #3186d6}
.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: #3186d6;-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: #3186d6}
.isoutions-list .item a:hover .title{color: #3186d6}
.isoutions-list .item a:hover .detail{color: #3186d6}
.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: #3186d6}
.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;}
.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: #3186d6}
.inews-wraper a:hover .date{color: #3186d6}
.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;}
.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;}
.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: 73%;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: #3186d6}
.site-article-wrapper li a:hover .desc{color: #3186d6}
.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: #3186d6;border-color: #3186d6}
.page-detail-content{font-size: 16px;line-height: 30px;color: #333}
.page-detail-content img{vertical-align: middle;max-width: 100%;height: auto !important}
.case-news-content{position: relative;max-width: 1200px;margin: 0 auto;padding: 15px 0 72px;overflow: hidden；}
.case-news-content .share{position: absolute;right: 60px}
.case-news-content .title{margin: 0 0 14px;font-size: 32px;line-height: 48px;font-weight: bold;color: #333}
.case-news-content .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-content .info{padding-top: 5px;padding-bottom: 33px;font-size: 14px;line-height: 24px;border-bottom: 1px solid #ccc;color: #999}
.case-news-content .info .tag{float: left;color: #999}
.case-news-content .info .tag:hover{color: #3186d6}
.case-news-content .info i{float: left;padding: 0 17px}
.case-news-content .info .date{float: left}
.case-news-content .page-detail-content{padding: 36px 0 77px}
.case-news-content .page-detail-content p, .case-news-content .page-detail-content span{white-space: normal !important}
.case-news-content .page-ctrl{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 17px 0}
.case-news-content .page-ctrl a{display: block;font-size: 14px;line-height: 30px;color: #999;max-width: 45%;background-repeat: no-repeat}
.case-news-content .page-ctrl .prev{float: left;padding-left: 55px;background-position: 0 center;}
.case-news-content .page-ctrl .prev:hover{color: #3186d6;}
.case-news-content .page-ctrl .next{float: right;padding-right: 55px;background-position: right center;}
.case-news-content .page-ctrl .next:hover{color: #3186d6;}
.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;}
.full-certificate .flex-direction-nav .flex-next{right: 0;}
.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 .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: 73%;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;}
.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-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: #3186d6;color: #3186d6}
.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("../image/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: #3186d6;color: #3186d6}
.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: #3186d6;color: #3186d6}
.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;}
.moblie-case-slider .controls .bx-prev:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-prev:hover{border-color: #3186d6;}
.moblie-case-slider .controls .bx-next, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next{right: -115px;}
.moblie-case-slider .controls .bx-next:hover, .moblie-case-slider .bx-wrapper .bx-controls-direction .bx-next:hover{border-color: #3186d6;}
.moblie-case-slider .casebg{position: absolute;left: 280px;top: -16px;z-index: 20;width: 349px;height: 683px;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;-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: #3186d6;border-color: #3186d6;}
.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-page-detail-content{padding-top: 60px;padding-bottom: 88px;text-align: center;font-size: 16px;line-height: 30px;color: #333;border-bottom: 1px solid #d9d9d9}
.app-page-detail-content img{vertical-align: top;max-width: 100%}
.app-page-detail-content .lh48{line-height: 48px}
.app-page-detail-content .span{font-size: 20px;line-height: 50px}
.app-page-detail-content .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 .info{overflow: hidden;padding-top: 4px;font-size: 16px;line-height: 26px;color: #1a1a1a}
.foot-contact .lines .info a{font-weight: bold;color: #3186d6}
.foot-contact .needs{float: right}
.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: #3186d6}
.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: #3186d6}
.friend-links h6 a{display: block;padding: 0 10px;font-size: 14px;line-height: 22px;color: #666;border: 1px solid #444}
.friend-links h6 .exchagne{float: left}
.friend-links h6 .flod{float: right}
.friend-links .link-list{height: 26px;overflow: hidden}
.friend-links .link-list a{position: relative;font-size: 14px;margin-right: 15px}
.friend-links .link-list a::before{content: '';position: absolute;left: -8px;top: 1px;width: 1px;height: 14px;background-color: #777}
.full-foot-bottom{padding: 28px 0 34px;background-color: #333;color: #666;font-size: 14px;line-height: 26px;border-top: 1px solid #4d4d4d;text-align: center}
.full-foot-bottom a{color: #666}
.show{display: block !important}
#LXB_CONTAINER{top: auto !important;bottom: 20% !important;margin-bottom: 430px !important;font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif}
#LXB_CONTAINER button, #LXB_CONTAINER input, #LXB_CONTAINER select, #LXB_CONTAINER textarea{font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif}
#LXB_CLOSE_BTN{top: auto !important;bottom: 20% !important;margin-bottom: 430px !important}
.sidebar{display: none;position: fixed;bottom: 20%;right: 0;z-index: 99;width: 55px;}
.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(../image/icon.png)}
.sidebar .qq span{background-position: -360px -186px;width: 90px}
.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 span{width: 120px;background-position: -362px -275px}
.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;}
.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: 12px;line-height: 42px}
.full-case-crumbs .crumbs a:hover{color: #3186d6}
.full-case-crumbs .crumbs i{padding: 0 1em;font-family: consolas;font-style: normal}
.full-case-crumbs .crumbs span{color: #3186d6}
.full-case-crumbs .crumbs .home{padding-left: 36px;}
.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;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: #3186d6;padding-left: 44px;}
.case-detail{padding-bottom: 88px;background-color: #f2f2f2}
.case-detail .inside-nav a{border-bottom-color: #f2f2f2}
.case-detail .inside-nav a:hover{border-bottom-color: #3186d6}
.case-detail .detail-container{padding-top: 0px;max-width: 1200px;margin: 0 auto}
.case-detail .case-news-content{float: left;width: 800px;padding: 40px 60px 0;margin: 0;background-color: #fff;min-height: 800px}
.case-detail .case-news-content .share{position: static;float: right}
.case-detail .detail-sidebar{float: right;width: 270px}
.case-detail .qrcode-wrapper{margin-bottom: 10px;padding: 32px 0 38px;background-color: #fff;font-size: 16px;line-height: 26px;text-align: center;color: #666}
.case-detail .qrcode-wrapper .label{padding: 10px 0 7px}
.case-detail .qrcode-wrapper img{vertical-align: middle}
.case-detail .hot-tags{margin-bottom: 10px;background-color: #fff}
.case-detail .hot-tags .title{padding-left: 20px;font-size: 18px;line-height: 52px;color: #333;border-bottom: 1px solid #d9d9d9}
.case-detail .hot-tags ul{min-height: 68px;padding: 16px 12px 28px 20px}
.case-detail .hot-tags ul li{float: left;width: 70px;margin: 0 8px 8px 0;height: 26px}
.case-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}
.case-detail .page-ctrl{padding: 22px 26px 19px 18px;background-color: #fff}
.case-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}
.case-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}
.case-detail .page-ctrl .prev{background-image: url("../image/newsprev.png")}
.case-detail .page-ctrl .next{background-image: url("../image/newsnext.png")}
.case-detail .page-ctrl .item{margin-bottom: 25px}
.case-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}
.case-detail .page-ctrl a:hover{color: #d9000d}
.case-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: #3186d6 !important;border-color: #3186d6}
#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: #3186d6;border-color: #3186d6}
#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; -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;}
.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-position: 25px 10px}
.iwelconme-popup .iwel-buttons .edit{float: right;padding-left: 81px;width: 90px;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: #3186d6}
.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: #3186d6}
.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: #3186d6}
.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-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;}
.qa-list .answer{display: none;background-color: #f2f2f2;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: #3186d6}
.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;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:#3186d6}
.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:#3186d6;font-weight:bold;margin-bottom:16px}
.applet-desc-list h3{margin-bottom:20px;font-size:18px;line-height:24px;color:#333;font-weight:bold}
.full-applet-wrapper{position:relative;height:503px;padding:79px 0 40px}
.full-applet-wrapper .m-web-title{position:relative;z-index:10;margin-bottom:75px;color:#fff}
.full-applet-wrapper .m-full-bg{position:absolute;left:0;top:0;height:582px;overflow:hidden;width:100%}
.full-applet-wrapper .m-full-bg img{position:relative;left:50%;margin-left:-960px;height:582px}
.full-applet-wrapper .applet-feature{position:relative;z-index:10;overflow:hidden}
.full-applet-wrapper .applet-feature ul{text-align:center;margin-left:-60px;margin-right:-60px;margin-left:-3.75%;margin-right:-3.75%}
.full-applet-wrapper .applet-feature li{float:left;width:9.68992%;font-size:16px;line-height:24px;color:#ccc;padding:0 3.48837%}
.full-applet-wrapper .applet-feature .ico{margin-bottom:14px}
.full-applet-wrapper .applet-feature .ico img{vertical-align:middle;width:77.38095%}
.full-applet-wrapper .applet-feature h3{margin-bottom:19px;font-size:18px;line-height:24px;color:#fff}
.applet-func{padding:100px 0 34px}
.applet-func .m-web-title{margin-bottom:58px}
.applet-func-list{overflow:hidden}
.applet-func-list ul{margin-left:-2.375%;margin-right:-2.375%}
.applet-func-list li{float:left;margin-bottom:62px;width:28.5714%;padding:0 2.38095%;text-align:center}
.applet-func-list .inner{padding:48px 40px 68px;font-size:15px;line-height:22px;color:#666;border:solid 1px #d9d9d9}
.applet-func-list .ico{margin-bottom:20px;height:75px;line-height:75px}
.applet-func-list .ico img{vertical-align:middle}
.applet-func-list h3{margin-bottom:20px;font-size:18px;line-height:32px;color:#1a1a1a}
.full-applet-do{padding:76px 0 68px;background-color:#f2f2f2;text-align:center}
.full-applet-do .do-desc{margin-bottom:64px}
.full-applet-do .inner{padding:43px 40px 69px}
.full-applet-do .m-three-icolist p{font-size:16px;line-height:24px}
.support-nav-filter .options{width:100%}
.support-nav-filter .selector{width:33.3333%;border:0}
.support-nav-filter .sec-title{border-right:1px solid #e6e6e6}
.doc-download{padding:43px 0 61px;overflow:hidden}
.doc-download ul{margin:0 -15px}
.doc-download li{float:left;width:50%}
.doc-download .inner{padding:0 15px}
.doc-download .info{padding:22px 150px 26px 38px;position:relative;background-color:#f2f2f2}
.doc-download .pdf{padding:9px 0 3px;font-size:18px;padding-left:87px;background:url("../images/pdf.png") no-repeat 0 center;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.doc-download .pdf span{font-weight:bold;color:#3186d6}
.doc-download .dw{position:absolute;right:0;top:0;width:120px;height:120px;background-color:#e5e5e5;background-image:url("../images/dw.png");background-repeat:no-repeat;background-position:center;font-size:0}
.common-problem{padding-top:0;padding-bottom:134px}
.common-problem .qa-title{margin-bottom:29px;font-size:30px;line-height:50px;color:#333333}
.m-ft-contact .content{position:relative;padding:0 285px;text-align:center;max-width:842px;margin:0 auto}
.m-ft-contact .motto{position:absolute;left:0;top:3px;width:236px;height:160px;padding:30px 0 0;background-color:#303030;font-size:48px;line-height:54px;color:#fff;font-family:'simsun'}
.m-ft-contact .motto span{font-size:65px;line-height:70px}
.m-ft-contact .info{overflow:hidden;zoom:1;font-size:16px;line-height:36px;color:#fff}
.m-ft-contact .info a{color:#fff}
.m-ft-contact h3{margin-bottom:14px;font-size:60px;line-height:80px;font-weight:bold}
.m-ft-contact h2{margin-bottom:4px;font-size:40px;line-height:52px;font-family:'simsun'}
.m-ft-contact .msg{margin-bottom:12px;font-size:16px;line-height:36px;color:#333}
.m-ft-contact .msg a{font-weight:bold}
.m-ft-contact .msg h4{padding-top:2px;font-size:20px;line-height:36px}
.m-ft-contact .btns{width:316px;margin:0 auto}
.m-ft-contact .btns a{display:block;width:88px;height:46px;padding:0 0 0 58px;-webkit-border-radius:23px;border-radius:23px;font-size:16px;line-height:46px;color:#fff;background-repeat:no-repeat;background-position:23px center}
.m-ft-contact .btns .oline{float:left;background-color:#303030;background-image:url("../images/icoline.png")}
.m-ft-contact .btns .edit{float:right;background-color:#3186d6;background-image:url("../images/icedit.png")}
.icontact-cover{margin-bottom:6.25%;padding:105px 0 78px;background-color:#af1212}
.full-icontact-cover{padding:57px 0 50px;background-color:#e6e6e6}
.full-icontact-cover h3{color:#3186d6}
.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:#3186d6}
.news-subnav .news-cate .cur a{color:#fff;background-color:#3186d6}
.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:#3186d6 url("../images/newsub.png") no-repeat center;cursor:pointer}
.news-subnav .news-search .search input{font-size:0;cursor:pointer}
.site-article-wrapper{padding-top:4.375%}
.tags-nav-wrapper ul li{float:left;width:10%;margin-bottom:1px}
.tags-nav-wrapper ul .cur a{color:#fff;background-color:#3186d6}
.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:#3186d6}
.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:#3186d6;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 }
.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:#3186d6}
.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:#3186d6;color:#3186d6}
.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:#3186d6;-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:#3186d6}
.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:#3186d6;background:#3186d6}
.full-error-page .error-back .rg::before{background:#fff}
.full-error-page .error-back .rg:hover{background-color:#3186d6;color:#fff}
.errpage-header a{color:#333}
.errpage-header .nav .title a{color:#333}
.errpage-header .search-handle{background:url(../images/search-handle404.png) no-repeat center}
.errpage-header .edit-handle{background:url(../images/hdedit404.png) no-repeat center}
.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}
.return-home{text-align:center;font-size:0;padding:30px 0 50px}
.return-home 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}
.return-home a:hover{border-color:#3186d6;color:#3186d6}
.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:#3186d6}
.mapitem .one{position:absolute;left:10px;top:-19px;padding:5px;background:#fff;color:#3186d6;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:#3186d6;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:#3186d6}
.wapconstomer{display:none}
.bdshare_dialog_bg, .bdshare_dialog_box{display:none !important}
.full-foot-bottom .beianic{display:inline-block;*display:inline;vertical-align:top;*zoom:1;padding-left:24px;background:url("../images/beianico.png") no-repeat 0 center}
.m-gif-ban{position:relative;background-color:#ec671c}
.m-gif-ban .weblg{position:static;background-color:#f7f7f7;padding-bottom:31.25%;max-width:1200px}
.m-gif-ban .weblg img{position:absolute;width:31.25% !important;height:auto !important;left:34.375%;top:16.66667%}
.media-wraper{padding:70px 0 0}
.media-wraper .m-web-title{margin-bottom:70px}
.media-wraper li{width:33.3333%}
.media-wraper li p{height:96px;-webkit-line-clamp:4}
.media-wraper li .inner{padding:43px 40px 5px}
.four-column li{width:25%}
.four-column li img{max-width:160px}
.b2c-solution .market-top-list .inner p{height:144px;line-height:24px;-webkit-line-clamp:6}
.b2c-solution .trade-three-list li{width:33.33333%}
.b2c-solution .trade-three-list .inner{padding:43px 40px 8px}
.b2c-solution .trade-three-list .inner p{height:144px;line-height:24px;-webkit-line-clamp:6}
.b2c-solution .trade-two-list .quarter{width:33.3333%}
#div_company_mini{right:70px !important}
#iframe_company_mini_div{position:relative;top:14px !important}
#LRfloater0, #icon_module{top:auto !important;bottom:20% !important;margin-bottom:350px !important}
#LRfloater0 img{width:55px;height:55px}
#LRMINIWIN0 img{vertical-align:top}
#icon_menu_module{line-height:16px !important}
.full-project-flow{padding:53px 0 0}
.full-project-flow .flow-title{margin-bottom:43px;font-size:36px;line-height:50px;font-weight:bold;color:#333;text-align:center}
.full-project-flow .case-wrapper{padding-bottom:0}
.full-project-flow .case-intro-list{overflow:hidden}
.full-project-flow .flow-chart{padding-top:20px;margin:0 -6.43939%;font-size:0}
.full-project-flow .flow-chart .item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;text-align:center;font-size:14px;line-height:20px;color:#666;width:12.12%;padding:0 6.43939%}
.full-project-flow .flow-chart .item:after{position:absolute;right:-23%;top:78px;z-index:10;content:'';width:12.8%;width:45%;border-bottom:1px dashed #d8d8d8}
.full-project-flow .flow-chart .item p.mgw{margin:0 -2.5em}
.full-project-flow .flow-chart .item img{width:100% !important;height:auto !important}
.full-project-flow .flow-chart .item .name{padding:16px 0 10px;font-size:18px;line-height:30px;font-weight:bold;color:#333}
.full-project-flow .flow-chart .last:after{display:none}
.full-guidance{position:relative}
.full-guidance .guidancebg img{width:100%}
.full-guidance .guidance-wraper{position:absolute;left:50%;top:0;z-index:10;margin-left:-800px;width:100%;height:100%;text-align:center}
.full-guidance .guidance-wraper .item{width:50%;height:100%;float:left;font-size:0}
.full-guidance .guidance-wraper .item:before{content:'';display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:0;height:100%}
.full-guidance .guidance-wraper a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.full-guidance .guidance-wraper h3{margin-bottom:10px;font-size:36px;line-height:50px;color:#fff}
.full-guidance .guidance-wraper .ico{height:72px;background-repeat:no-repeat;background-position:center}
.full-guidance .doc .ico{background-image:url("../images/flowdoc.png")}
.full-guidance .video .ico{background-image:url("../images/flowvideo.png")}
.operate-problems{padding-top:100px;padding-bottom:65px}
.operate-problems .qa-title{font-size:36px;line-height:50px;font-weight:bold;text-align:center;margin-bottom:52px}
.operate-problems ul{padding-bottom:62px}
.operate-problems .return{display:block;width:142px;margin:0 auto;font-size:16px;line-height:35px;text-align:center;color:#666;border:solid 1px #ccc;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.operate-problems .return:hover{border-color:#3186d6;color:#3186d6}
.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:#3186d6}
.operate-video-popup .close{position:absolute;right:0;top:0;width:80px;font-size:30px;line-height:80px;color:#fff;text-align:center;font-family:consolas}
.operate-video-popup .video-list{height:350px;overflow-y:auto;padding:40px 50px}
.operate-video-popup .video-list li{border-bottom:1px solid #eeeeee}
.operate-video-popup .video-list a{display:block;font-size:16px;line-height:60px;color:#666;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;background:url("../images/operatevdico.png") no-repeat 95% center}
.video-player-popup{display:none;position:fixed;left:0;top:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,0.5);font-size:0;text-align:center}
.video-player-popup:before{content:'';width:0;height:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.video-player-popup .video-player{position:relative;width:94%;min-height:300px;max-width:960px;margin-top:0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.video-player-popup .close{position:absolute;right:-40px;top:-40px;width:40px;height:40px;background:url("../images/closebtn.png") no-repeat center}
.full-site-article .maxw945{max-width:945px;margin:0 auto}
.full-b2c-server .m-dotul li:before{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; 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;}
.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}
.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:hover{background-position: 40% center}
.iban-nav .next:hover{background-position: 60% center}
.iban-nav .next{background-color: #3186d6}
.page-detail-content a{color: #3186d6;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 .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 .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 .inside-banner .case-ban-info{top: 26.19048%}
.w-sm .inside-banner .case-ban-info h2{font-size: 38px;line-height: 50px}
.w-sm .inside-banner .case-ban-info .case-desc{margin-bottom: 15px;font-size: 20px;line-height: 38px}
.w-sm .inside-banner .feature .item{padding: 0 65px}
.w-sm .inside-banner .feature h4{font-size: 70px;line-height: 84px}
.w-sm .m-ft-contact h3{font-size: 50px;line-height: 70px}
.w-sm .m-ft-contact .content{padding: 0 260px}
.w-sm .m-ft-contact h2{font-size: 30px;line-height: 42px}
.w-sm .m-ft-contact .msg h4{font-size: 18px;line-height: 32px}
.w-sm .icase-list .content .msg{padding-top: 31px;padding-bottom: 15px}
.w-sm .icase-list .content .ico-line{height: 26px}
.w-sm .proxy-wrapper .inner{padding-left: 30px;padding-right: 30px}
.w-sm .media-wraper li p{height: 96px;-webkit-line-clamp: 4}
.w-sm .b2c-solution .market-top-list .inner p{height: 144px;line-height: 24px;-webkit-line-clamp: 6}
.w-sm .b2c-solution .trade-three-list .inner p{height: 144px;line-height: 24px;-webkit-line-clamp: 6}
.w-sm .b2c-solution .trade-two-list .quarter{width: 33.3333%}
.w-sm #icon_module{bottom: 5% !important;margin-bottom: 350px !important}
.w-sm .full-guidance .guidance-wraper{margin-left: -600px}
.w-sm .full-project-flow .flow-chart .item:after{top: 56px}
.w-sm .maintain-content .topic-list .inner{padding: 38px 15px 20px}
.w-sm .maintain-content .topic-list h4{margin-bottom: 14px}
.w-sm .maintain-content .topic-list .inner h3{margin-bottom: 22px;font-size: 20px;display: -webkit-box;height: 28px;line-height: 28px;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1}
.w-sm .maintain-content .topic-list p{font-size: 14px}
.w-sm .maintain-feature .time1:after{width: 68px;margin-right: -34px}
.w-sm .full-b2c-server.left-image .table-middle .content{padding-left: 60px}
.w-sm .b2c-solution .more-line8 .inner p{height: 192px;line-height: 24px;-webkit-line-clamp: 8}
.w-sm .b2c-solution .more-line5 .inner p{height: 96px;line-height: 24px;-webkit-line-clamp: 4}
.w-sm .b2c-solution .hassub-title .inner{padding-left: 20px;padding-right: 20px}
.w-sm .full-app-demand .demand-content{margin-left: -600px}
.w-sm .porduct-demand .demand-list .msg{font-size: 14px}
.w-sm #LXB_CONTAINER_SHOW.lxb-container-btn-show{margin-bottom: 335px !important}
.w-sm .gznews-list .date-news a{padding: 46px 35px 46px 92px}
.w-sm .gznews-list .item{width: 366.6px}
.ie9 .iwelconme-popup{opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.ie9 .iwelconme-popup .content{width: 450px;margin: 0 auto;padding: 47px 0 0}
.ie9 .iwelconme-popup .content h4{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.ie9 .iwelconme-popup .content h3{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.ie9 .iwelconme-popup .iwel-buttons{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
.ie7 .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .ie7 .bx-wrapper .bx-pager-item{display: inline-block;vertical-align: top;*display: inline;*zoom: 1}
.ie7 .main-business .business-item{width: 24.99%}
.ie7 .inews-list li{width: 33.32%}
.ie7 .icase-list li{width: 33.32%}
.ie7 .isoutions-list ul{margin: 0 -1.65%}
.ie7 .iclients-list li{width: 19.98%}
.flex-container a:hover, .flex-slider a:hover{outline: none}
.slides, .slides>li, .flex-control-nav, .flex-direction-nav{margin: 0;padding: 0;list-style: none}
.flex-pauseplay span{text-transform: capitalize}
.flexslider .slides>li{display: none;-webkit-backface-visibility: hidden}
.flexslider .slides img{width: 100%;display: block}
.flexslider .slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
html[xmlns] .flexslider .slides{display: block}
* html .flexslider .slides{height: 1%}
.no-js .flexslider .slides>li:first-child{display: block}
.flexslider{position: relative;zoom: 1}
.flexslider .slides{zoom: 1}
.flexslider .slides img{height: auto;-moz-user-select: none}
.flex-viewport{max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease}
.loading .flex-viewport{max-height: 300px}
@-moz-document url-prefix(){.loading .flex-viewport{max-height: none}}
.carousel li{margin-right: 5px}
.flex-direction-nav{*height: 0}
.flex-direction-nav a{text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: rgba(0,0,0,0.8);text-shadow: 1px 1px 0 rgba(255,255,255,0.3);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.flex-direction-nav .flex-prev{left: -50px}
.flex-direction-nav .flex-next{right: -50px;text-align: right}
.flex-pauseplay a{display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: 0.8;z-index: 10;overflow: hidden;cursor: pointer;color: #000}
.flex-control-nav{width: 100%;position: absolute;bottom: -40px;text-align: center}
.flex-control-nav li{margin: 0 6px;display: inline-block;zoom: 1;*display: inline}
.flex-control-paging li a{width: 11px;height: 11px;display: block;background: #666;background: rgba(0,0,0,0.5);cursor: pointer;text-indent: -9999px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);box-shadow: inset 0 0 3px rgba(0,0,0,0.3);-webkit-border-radius: 20px;border-radius: 20px}
.flex-control-paging li a.flex-active{background: #000;background: rgba(0,0,0,0.9);cursor: default}
.flex-control-thumbs{margin: 5px 0 0;position: static;overflow: hidden}
.flex-control-thumbs li{width: 25%;float: left;margin: 0}
.flex-control-thumbs img{width: 100%;height: auto;display: block;opacity: .7;cursor: pointer;-moz-user-select: none;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease}
.flex-control-thumbs img:hover{opacity: 1}
.flex-control-thumbs .flex-active{opacity: 1;cursor: default}
@media screen and (max-width: 860px){.flex-direction-nav .flex-prev{opacity: 1;left: 10px}
.flex-direction-nav .flex-next{opacity: 1;right: 10px}}
.knowledgebg{background: #F6F7FA;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.knowledge-base{padding: 20px 0;-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.06);box-shadow: 0 2px 8px rgba(0,0,0,0.06);background: #fff}
.knowledge-title{text-align: center}
.knowledge-search{border: 1px solid #ddd;background: #fff;position: relative}
.se-input{display: inline-block;padding: 5px 60px 5px 10px;background: #fff;width: 82%}
.se-input::-webkit-input-placeholder{color: #999}
.se-input:-moz-placeholder{color: #999}
.se-input::-moz-placeholder{color: #999}
.se-input:-ms-input-placeholder{color: #999}
.se-btn{position: absolute;top: 4px;right: 2px;margin: 0 4px;width: 60px;background: #3186d6;background: -webkit-gradient(linear, left top, right top, from(#3186d6), to(#D9534F));background: -webkit-linear-gradient(left, #3186d6, #D9534F);background: -moz- oldlinear-gradient(left, #3186d6, #D9534F);background: -o-linear-gradient(left, #3186d6, #D9534F);background: linear-gradient(to right, #3186d6, #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: #3186d6;border-bottom: 1px solid #3186d6}
.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: #3186d6}
.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: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: #3186d6}
.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(#3186d6), to(#D9534F));background: -webkit-linear-gradient(left, #3186d6, #D9534F);background: -moz- oldlinear-gradient(left, #3186d6, #D9534F);background: -o-linear-gradient(left, #3186d6, #D9534F);background: linear-gradient(to right, #3186d6, #D9534F);-o-background-size: 100%;background-size: 100%}
.article-title:before, .mobile-titbtn:before{display: block}
.mob-knowledge{position: fixed;top: 0;right: 0;width: 80%;background: #fff;z-index: 100;height: 100%;overflow-y: auto;-webkit-box-shadow: -5px 2px 8px rgba(0,0,0,0.06);box-shadow: -5px 2px 8px rgba(0,0,0,0.06);padding-bottom: 20px;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);opacity: 0}
.mob-knowledge.show{-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1}
.phpmyfaq-list li{border-bottom: 1px solid #ddd;padding: 10px 0}
.phpmyfaq-list li a{display: block;overflow: hidden}
.knowledge-box{padding: 30px 15px;background: #fff;border: 1px solid #e8eef6}
.type-tit{margin-bottom: 10px}
.mobdb{display: block}
.knowledge-wrap:after, .knowledge-wrap:before{display: none}}
@media (max-width: 640px){html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;touch-callout: none;cursor: pointer}
*, :after, :before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-repeat: no-repeat}
article, aside, footer, header, nav, section{display: block}
a{background-color: transparent;-webkit-text-decoration-skip: objects;text-decoration: none;color: #333;outline: none;cursor: pointer}
.bd_weixin_popup{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
html, body{height: 100%}
html.fixedfixup, body.fixedfixup{overflow: hidden}
body{margin: 0 auto;min-width: 320px;padding: 60px 0 55px;max-width: 540px;overflow-y: auto}
.weblg{width: 100%;padding: 0 15px}
.header{position: fixed !important;background-color: #fff;top: 0 !important;height: 60px !important;padding-top: 8px;background: #333 !important;min-width: 0}
.header .logo{height: 40px}
.header .logo img{height: 40px}
#LXB_CONTAINER{top: auto !important;bottom: 170px !important;margin-bottom: 60px !important}
#LXB_CLOSE_BTN{top: auto !important;bottom: 170px !important;margin-bottom: 60px !important}
.sidebar{position: fixed;left: 0;bottom: 0;width: 100%;display: block !important;background: #d30000;padding-left: 25%}
.sidebar a, .sidebar span{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.sidebar a{float: left;width: 33.33333%;height: 20px;margin-bottom: 0;padding-top: 35px;font-size: 10px;line-height: 20px}
.sidebar a i{color: #ffa8a8}
.sidebar .hometop{position: fixed;right: 10px;bottom: 20%;bottom: 170px;width: 40px;height: 40px;background-color: #eaeaea;border: 1px solid #eee}
.sidebar .qq{background-position: center 6px}
.sidebar .tel{position: absolute;left: 0;width: 25%;background-position: center 6px}
.sidebar .edit{background-position: center 8px}
.sidebar .wechat{background-position: center 8px;margin-bottom: 0}
.sidebar .wechat .qrcode{position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.menu-handle{float: right;display: block;width: 40px;height: 40px;padding: 8px 5px;margin: 2px 0 0 20px}
.menu-handle span{display: block;width: 100%;height: 2px;background-color: #fff;-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;transition: all ease .3s}
.menu-handle span:nth-child(2){margin: 9px 0}
.menu-handle.ac span:nth-child(1){-webkit-transform: translate(0, 11px) rotate(45deg);-moz-transform: translate(0, 11px) rotate(45deg);-ms-transform: translate(0, 11px) rotate(45deg);-o-transform: translate(0, 11px) rotate(45deg);transform: translate(0, 11px) rotate(45deg)}
.menu-handle.ac span:nth-child(2){opacity: 0}
.menu-handle.ac span:nth-child(3){-webkit-transform: translate(0, -11px) rotate(-45deg);-moz-transform: translate(0, -11px) rotate(-45deg);-ms-transform: translate(0, -11px) rotate(-45deg);-o-transform: translate(0, -11px) rotate(-45deg);transform: translate(0, -11px) rotate(-45deg)}
.nav{display: none;position: fixed;left: 0;top: 60px;width: 100%;height: 100%;padding-bottom: 60px;background-color: #fff;padding: 0 15px 90px;overflow-y: auto}
.nav>ul>li{float: none;width: 100%;color: #333;border-bottom: 1px solid #ccc;padding: 0}
.nav .title a{color: #333;padding-bottom: 0;border-bottom: 0}
.nav .title a:hover{border: 0}
.nav .title.cur a{padding-bottom: 0;border-bottom: 0}
.hassub{position: relative}
.hassub .mico{position: absolute;right: 0;top: 0;width: 44px;height: 44px;-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%;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}
.return-home{padding: 15px 0 25px}
.return-home a{margin: 0 10px;padding: 0 30px;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-page-detail-content{padding-top: 20px;padding-bottom: 30px;font-size: 14px;line-height: 26px}
.app-page-detail-content .lh48{line-height: 30px}
.app-page-detail-content .span{font-size: 16px;line-height: 30px}
.app-page-detail-content .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-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;}
.qa-list .answer{display: none;background-color: #f2f2f2;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-content .title{margin-bottom: 8px;font-size: 18px;line-height: 34px}
.case-news-content .share a{margin: 0 10px 0 0}
.case-news-content .info{padding-top: 10px;padding-bottom: 15px}
.case-news-content .page-detail-content{padding: 15px 0;font-size: 14px;line-height: 24px}
.case-news-content .page-ctrl{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 17px 0}
.case-news-content .page-ctrl a{display: block;font-size: 14px;line-height: 30px;color: #999;max-width: 45%;background-repeat: no-repeat}
.case-news-content .page-ctrl .prev{float: left;padding-left: 55px;background-position: 0 center;}
.case-news-content .page-ctrl .prev:hover{color: #3186d6;}
.case-news-content .page-ctrl .next{float: right;padding-right: 55px;background-position: right center;}
.case-news-content .page-ctrl .next:hover{color: #3186d6;}
.case-detail{padding-bottom: 10px}
.case-detail .inside-nav a{border-bottom-color: #f2f2f2}
.case-detail .inside-nav a:hover{border-bottom-color: #3186d6}
.case-detail .detail-container{padding: 20px 0}
.case-detail .case-news-content{float: none;width: 100%;padding: 20px 10px 10px;min-height: auto;margin-bottom: 10px}
.case-detail .case-news-content .share{float: none}
.case-detail .detail-sidebar{width: 100%;float: none}
.case-detail .hot-tags ul{min-height: 64px;padding: 15px 12px 14px}
.case-detail .hot-tags ul li{width: 25%;margin: 0;padding: 0 3px;margin-bottom: 6px}
.case-detail .page-ctrl{padding: 20px 15px 2px}
.case-detail .page-ctrl .label span{left: 100px;width: auto}
.case-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 }
.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 .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 }
.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}
.page-detail-content{font-size: 14px;line-height: 26px}
.cooperation-iframe{width: 100%}
.case-intro-wrapper .jiejuelist dl li{margin-left: 20px}
.news-subnav{padding-top: 30px;max-width: 100%;}
.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%;-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: #3186d6 !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: #3186d6}
.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 #3186d6;-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 #3186d6;-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: #3186d6;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: #3186d6;color: #fff;border-color: #3186d6}
.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;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{-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;}
.matrix-list li .matrix-item:before{content: "";display: block;position: absolute;width: 26px;height: 55px;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;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;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: #3186d6}
.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: #3186d6;color: #fff;font-size: 32px;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: #3186d6;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: #3186d6}
.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: #3186d6;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: #3186d6;-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: #3186d6}
.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 #3186d6;-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){.return-home{text-align: center;font-size: 0;padding: 30px 0 50px}
.return-home 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}
.return-home a:hover{border-color: #3186d6;color: #3186d6}
.compare-tit{margin-bottom: 30px}
.compare-list li{font-size: 18px}
.optimize{padding-top: 80px;padding-bottom: 66px}
.compare-list li{margin-bottom: 28px;line-height: 30px}
.dot-icon{padding-top: 9px}
.compare-left{padding-right: 150px}
.compare-right{padding-left: 150px}
.coliumn-tit{width: 165px;height: 50px;line-height: 50px;font-size: 18px}
.coliumn-tit:before, .coliumn-tit:after{width: 47px;height: 2px;left: -47px}
.coliumn-tit:after{left: auto;right: -47px}
.coliumn-tit .icon-left, .coliumn-tit .icon-right{left: -55px}
.coliumn-tit .icon-right{left: auto;right: -55px}
.standard{padding-top: 90px;padding-bottom: 50px}
.standard ul{padding-top: 80px}
.weullist{padding-top: 24px}
.weullist li{width: 20%;font-size: 20px;line-height: 20px;padding-bottom: 20px}
.weullist li .we-icon{width: 160px;margin: 0 auto 20px}}
@media (max-width: 1366px){.szm-fs24{font-size: 18px}}
@media (max-width: 640px){.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}}
.news-subnav{text-align: center;}
.news-subnav .news-cate{padding: 4.375% 0px;text-align: center;display: inline-block;vertical-align: top;}
.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: #3186d6}
.news-subnav .news-cate .cur a{color: #fff;background-color: #3186d6}