html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { min-width: 1260px; position: relative; background-color: #fff; }
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }
h1 { font-size: 2em; }
body, button, input, select, textarea { font-size: 12px; line-height: 30px; color: #333; font-family: Arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }
img { border-style: none; vertical-align: middle; }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; outline: 0; }
a:hover { background-repeat: no-repeat; }
input, button, select, textarea { outline: none; border: none; margin: 0; padding: 0; resize: none; background: none; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor: pointer; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
placeholder { color: #999; }
::-moz-placeholder { color: #999; }
::-webkit-input-placeholder { color: #999; }
button, input { overflow: visible; }
button, select { text-transform: none; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
.web { width: 1180px; margin: 0 auto; position: relative; z-index: 1; }
.weblg { width: 1600px; margin: 0 auto; position: relative; z-index: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display: none; }
.clearfix { *zoom: 1; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }
.show { display: block !important; }
.hide { display: none !important; }
/* layout start*/
@media (max-width: 1720px) { .weblg { width: 1400px; } }
@media (max-width: 1600px) { .weblg { width: 1320px; } }
@media (max-width: 1400px) { .weblg { width: 1200px; } }
.w-md .weblg { width: 1320px; }
.w-sm .weblg { width: 1200px; }
.placeholder { color: #999; }

.header { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; padding-top: 24px; }
.header .weblg { position: static; }
.header .logo { display: block; float: left; margin-top: -2px; }
.header .edit-handle { margin: 0 0 0 20px; float: right; width: 32px; height: 44px; background: url("../images/qq_qz.png") no-repeat center; }
.header .head-search { position: relative; float: right; }
.header .search-handle { margin: 0 0 0 19px; display: block; width:135px;color:#fff;font-size:18px;height: 44px;line-height:44px;
	background: url("../images/h_img1.png") no-repeat left center;padding-left:40px; }
.header .search-form { display: none; position: absolute; right: -75px; width: 247px; height: 65px; padding-top: 20px; z-index: 50; background: url(../images/index_348.png) no-repeat 0 0; }

.fixheader { position: fixed; top: -60px; padding-top: 8px; padding-bottom: 1px; background: url("../images/hdbg.png") repeat 0 0; }
.fixheader .logo img { height: 46px; }
.fixheader .nav .title { padding-bottom: 0; }
.fixheader .nav .title a { padding-bottom: 5px; }
.fixheader #case .downmenu { top: 60px; }
.nav { float: right; }
.nav li { position: relative; float: left; padding: 0 20px; }
.nav .title a { display: block; font-size: 16px; line-height: 44px; padding: 0 4px 7px; color: #fff; }
.nav .title a:hover { color: #d90000; border-bottom: 2px solid #d90000; }
.nav .title.ac a, .nav .title.cur a { color: #d90000; padding-bottom: 5px; border-bottom: 2px solid #d90000; }
.nav .downmenu { display: none; position: absolute; top: 52px; left: 50%; z-index: 50; width: 150px; margin-left: -75px; padding: 10px 0px; border: 1px solid #eee; background-color: #fff; }
.nav .downmenu a { display: block; padding: 5px 0; text-align: center; color: #333; }
.nav .downmenu a:hover { color: #d90000; }
.nav .activehook { position: absolute; bottom: 0; height: 2px; }
.nav .activehook i { display: block; height: 2px; background-color: #d90000; }
/* 导航：案例 */
#case { position: static; }
#case .downmenu { top: 76px; left: 0; margin-left: 0; width: 100%; border-left:0px;border-right:0px;}
#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: 235px; 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; }

.hot_tag {padding-bottom:50px;padding-top:0px;}

.inside-banner img { display: block; width: 100%; }
.inside-nav { padding: 37px 0 42px; overflow: hidden; }
.inside-nav ul { position: relative; margin-left: -30px; }
.inside-nav li { float: left; padding: 0 20px 0 30px; background: url("../images/navline.png") no-repeat 0 center; }
.inside-nav .cur a { color: #d90000; border-bottom-color: #d90000; }
.inside-nav a { display: block; font-size: 16px; line-height: 42px; color: #1a1a1a; border-bottom: 2px solid #fff; }
.inside-nav a:hover { color: #d90000; border-bottom-color: #d90000; }
.inside-nav .activehook { position: absolute; bottom: 0; width: 100%; height: 2px; background: none; }
.inside-nav .activehook i { display: block; width: 100%; height: 2px; background: #d90000; }
.needs-form { padding-bottom: 36px; }
.needs-form label { display: block; background-color: #fff; width: 400px; float: left; padding: 22px 0 22px 20px; margin-right: 10px; }
.needs-form input { display: block; width: 100%; font-size: 16px; line-height: 16px; height: 16px; background: none; color: #999; }
.needs-form .sub { width: 113px; margin-right: 0; background-color: #333; padding-left: 84px; background-image: url("../images/edit30x30.png"); background-repeat: no-repeat; background-position: 14.2857% center; }
.needs-form .sub input { color: #fff; cursor: pointer; padding: 0; text-align: left; }
.footer-content { padding: 36px 0 0; background-color: #232323; color: #777; font-size: 16px; line-height: 24px; position: relative;z-index: 2;}
.footer-content a { color: #777; }
.footer-content a:hover { color: #fff; }
.footer-content .szweb-info { float: left; width:32.8125%;color: #cccc; }
.footer-content .szweb-info a { color: #cccc; }
.ftcontent-right { float: right; width: 61.875%; }
.u-qk-title { position: relative; padding-bottom: 12px; margin-bottom: 19px; color: #666; line-height: 46px; border-bottom: 1px solid #333; }
.u-qk-title h4 { font-size: 18px; color: #c3c3c3;}
.u-qk-title .more { position: absolute; right: 0; top: 0; font-size: 24px; padding: 0 10px; }
.quick-links { padding-bottom: 35px; }
.quick-links .item { float: left;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 .Fnav{margin-top:10px;box-sizing:border-box;}
.quick-links .Fnav h4{font-size:18px;color:#c3c3c3;border-bottom:1px solid #333;margin-bottom:19px;padding-bottom:24px;}
.quick-links .Fnav dl{width:48%;float:left;}
.quick-links .Fnav dl dt{margin-bottom:15px;}
.quick-links .Fnav dl dd{font-size:14px;line-height:30px;color:#777;}
.quick-links .Fnav dl:first-child{margin-left:0;}
.quick-links .Fnav dl:last-child{margin-left:4%;}
.quick-links .aboutus { width: 45%; padding-right: 0; float:right;}
.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:10px;padding-top:40px;}
.friend-links span { padding-bottom: 9px; font-size: 14px; line-height: 26px; color: #444; }
.friend-links .link-list a { font-size: 14px; margin-right: 15px; color:#444; }
.friend-links .link-list a:hover{color:#666;}
.full-foot-bottom { padding: 11px 0; background-color:#232323; color: #666; font-size: 16px; line-height: 32px; border-top: 1px solid #4d4d4d; }
.full-foot-bottom a { color: #666; }
.full-foot-bottom .copright { float: left; }
.full-foot-bottom .follow-us { float: right; }
.full-foot-bottom .follow-us a { display: block; float: left; width: 31px; height: 31px; padding: 0; margin: 0 0 0 15px; background-position: center; background-repeat: no-repeat; }
.full-foot-bottom .follow-us .sina { background-image: url("../images/ftshare_01.png"); }
.full-foot-bottom .follow-us .qq { background-image: url("../images/ftshare_03.png"); }
.full-foot-bottom .follow-us .wx { background-image: url("../images/ftshare_05.png"); }
.sidebar { display: none; position: fixed; bottom: 20%; right: 0; z-index: 99; }
.sidebar a { position: relative; display: block; width: 45px; height: 45px; background-color: #e20000; background-image: url(../images/icon.png); background-repeat: no-repeat; margin-top: 1px; }
.sidebar a span { display: none; position: absolute; right: 0px; top: 0px; height: 45px; padding-left: 50px; color: #fff; line-height: 45px; font-size: 14px; background-color: #262626; background-repeat: no-repeat; background-image: url(../images/icon.png); }
.sidebar .qq { background-position: -362px -186px; }
.sidebar .qq span { background-position: -360px -186px; width: 120px; }
.sidebar .tel { background-position: -362px -231px; }
.sidebar .tel span { width: 120px; background-position: -362px -231px; }
.sidebar .edit { background-position: -362px -275px; }
.sidebar .edit span { width: 120px; background-position: -362px -275px; }
.sidebar .wechat { background-position: -362px -322px; }
.sidebar .wechat span { background: #fff; right: 60px; padding: 0px; width: 160px; height: 160px; padding: 8px; border: 1px solid #ccc; }
.sidebar .wechat span img { display: block; width: 100%; height: auto; }
.sidebar .wechat span::after { position: absolute; right: -20px; top: 15px; content: ''; width: 0; height: 0; border: 10px solid transparent; border-left-color: #fff; }
.sidebar .hometop { background-position: -362px -370px; background-color: #4e4e4e; }
.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:hover { color: #d80000; border-color: #d80000; }
.m-line-more:hover::after { background-color: #d80000; }
/* 客户列表*/
.customer-article { 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 .flex-control-nav { display: none; }
.customer-container .flex-direction-nav { position: absolute; top: 0; width: 100%; top: 50%; z-index: 20; }
.customer-container .flex-direction-nav a { font-size: 0; display: block; width: 40px; height: 78px; background-position: center; background-repeat: no-repeat; opacity: 1; }
.customer-container .flex-direction-nav .flex-prev { left: 25px; background-image: url("../images/cusprev.png"); }
.customer-container .flex-direction-nav .flex-next { right: 25px; background-image: url("../images/cusnext.png"); }
.evaluate-wrapper ul { margin: 0 -40px; font-size: 0; }
.evaluate-wrapper li { width: 33.3333%; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
.evaluate-wrapper .item { padding: 0 40px; min-height: 410px; background: url("../images/quot.png") no-repeat 42px 46px; }
.evaluate-wrapper .brand { margin-bottom: 22px; border-top: 1px solid #d9d9d9; height: 86px; padding: 42px 0 0 92px; line-height: 86px; }
.evaluate-wrapper .brand img { vertical-align: middle; }
.evaluate-wrapper .name { margin-bottom: 25px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a; padding-left: 92px; }
.evaluate-wrapper .desc { padding: 0 0 30px 92px; font-size: 14px; line-height: 24px; color: #666; }
.loadmore { display: block; width: 476px; height: 46px; margin: 55px auto 90px; font-size: 16px; line-height: 46px; font-weight: bold; color: #d93f3d; text-align: center; border: 2px solid #d93f3d; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
.loadmore:hover { background-color: #d93f3d; color: #fff; }
.full-case-cate { background-color: #f2f2f2; }
.full-case-cate .website, .full-case-cate .shop { background-color: #ededed; }
.full-case-cate .item { float: left; width: 25%; height: 201px; padding: 28px 0 31px; background-position: 90% 77.77778%; background-repeat: no-repeat; }
.full-case-cate .app { background-image: url("../images/caseico01.png"); }
.full-case-cate .website { background-image: url("../images/caseico02.png"); }
.full-case-cate .wxsm { background-image: url("../images/caseico03.png"); }
.full-case-cate .shop { background-image: url("../images/caseico04.png"); }
.full-case-cate .title { padding-left: 74px; margin-bottom: 12px; font-size: 20px; line-height: 32px; font-weight: bold; color: #1a1a1a; }
.full-case-cate .title:hover { color: #d93f3d; }
.full-case-cate .sublist { padding-left: 74px; }
.full-case-cate .sublist a { display: block; font-size: 16px; line-height: 32px; color: #666; }
.full-case-cate .sublist a:hover { color: #d93f3d; }
.case-filter { padding-bottom: 50px; }
.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 .sec { float: left; width: 260px; height: 44px; margin-right: 15px; background-color: #f2f2f2; font-size: 16px; line-height: 44px; color: #d90000; background-repeat: no-repeat; background-position: 228px center; background-image: url("../images/secico.png"); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.case-filter .options .sec:hover { background-color: #d90000; background-image: url("../images/secicoac.png"); color: #fff; }
.case-filter .options .sec:hover select { color: #fff; }
.case-filter .edit { float: right; margin-top: 5px; padding-left: 44px; background: url("../images/editbk.png") no-repeat 0 0; font-size: 16px; line-height: 35px; color: #1a1a1a; }
.cate-wrapper { overflow: hidden; }
.cate-wrapper ul { margin: 0 -40px; font-size: 0; }
.cate-wrapper li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 33.3333%; margin-bottom: 25px; }
.cate-wrapper .item { padding: 0 40px; }
.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: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:hover .name { color: #d93f3d; }
.cate-wrapper .thumb { overflow: hidden; padding-bottom: 23px; }
.cate-wrapper .name { font-size: 16px; line-height: 32px; font-weight: bold; color: #1a1a1a; }
.cate-wrapper .desc { font-size: 14px; line-height: 24px; color: #999; }
.cate-wrapper .loadmore { margin-top: 38px; }
.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; }
.project-cover { padding: 61px 0 56px; }
.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; }
.project-cover-list { overflow: hidden; }
.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 10px; text-align: center; }
.m-case-list .thumb { margin-bottom: 10px; overflow: hidden; }
.m-case-list .title { font-size: 20px; line-height: 25px; font-weight: bold; color: #333; }
.m-case-list .desc { font-size: 14px; line-height: 20px; color: #999; }
/* 方案*/
.full-case-container { position: relative; background-color: #f5f5f5; }
.case-inside-nav ul { position: relative; height: 44px; overflow: hidden; padding-right: 78px; }
.case-inside-nav a { border-bottom-color: #f5f5f5; }
.case-inside-nav .more { position: absolute; right: 0; top: 0; padding-right: 0; }
.case-inside-nav .more a { padding-right: 16px; background-repeat: no-repeat; background-position: right center; background-image: url("../images/morearr.png"); border-bottom: 0; }
.case-inside-nav .more a:hover { background-image: url("../images/morearrac.png"); }
.full-case-subnav { display: none; position: absolute; width: 100%; left: 0; top: 102px; z-index: 10; padding: 15px 0; background-color: #fff; }
.full-case-subnav li { float: left; width: 16.66667%; }
.full-case-subnav a { font-size: 16px; line-height: 45px; color: #666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.full-case-subnav a:hover { color: #d93f3d; }
.case-wrapper { padding-bottom: 73px; }
.case-wrapper .caseban { position: relative; overflow: hidden; }
.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: 246px; left: 80px; top: 50%; z-index: 3; padding-top: 34px; margin-top: -140px; background-color: #ce3f39; text-align: center; color: #fff; }
.case-wrapper .caseban .ico { height: 152px; line-height: 152px; }
.case-wrapper .caseban .ico img { width: auto; display: inline; vertical-align: middle; }
.case-wrapper .caseban h2 { font-size: 30px; line-height: 48px; font-weight: bold; }
.case-intro-wrapper { background-color: #fff; padding: 0 75px; }
.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; }
.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 { margin-top: -19px; }
.contact-ways .info { padding: 87px 9.0625% 73px; }
.contact-ways .info .item { float: left; width: 25%; text-align: center; 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; }
.contact-ways .info h4 { font-weight: bold; }
.full-arrive { padding: 72px 0 0; background-color: #f5f5f5; }
.arrive-info { padding-bottom: 68px; }
.arrive-lf { float: left; padding: 5px 38px 0 95px; background: url("../images/arrico.png") no-repeat 0 0; }
.arrive-lf .arr-title { margin-bottom: 31-px; color: #db2035; }
.arrive-lf .arr-title h3 { font-size: 24px; line-height: 30px; font-weight: bold; }
.arrive-lf .arr-title h4 { font-size: 48px; line-height: 60px; text-transform: uppercase; }
.arrive-lf .addr { font-size: 16px; line-height: 28px; color: #1a1a1a; }
.arrive-lf .addr span { font-weight: bold; }
.arrive-rg { overflow: hidden; padding-left: 64px; border-left: 1px solid #d9d9d9; font-size: 16px; line-height: 30px; }
.arrive-rg .tag { font-weight: bold; }
.full-bdmap { width: 100%; height: 640px; }
.contact-feedback { padding: 80px 0 86px; }
.contact-feedback .m-chl-title { margin-bottom: 41px; }
.contact-feedback .contact-form { max-width: 1200px; margin: 0 auto; }
.contact-feedback .text { float: left; width: 580px; }
.contact-feedback .text label { display: block; padding: 17px 0; margin-bottom: 36px; border-bottom: 1px solid #ccc; }
.contact-feedback .text label input { display: block; width: 100%; font-size: 16px; line-height: 16px; height: 16px; }
.contact-feedback .text label input::-webkit-input-placeholder { color: #333; }
.contact-feedback .text label input:-moz-placeholder { color: #333; }
.contact-feedback .text label input::-moz-placeholder { color: #333; }
.contact-feedback .text label input:-ms-input-placeholder { color: #333; }
.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: 27px 0 80px; }
.recruit-content .thumb { float: right; margin-left: 150px; }
.recruit-content .thumb img { display: block; }
.recruit-content .content { color: #333; font-size: 16px; line-height: 30px; color: #333; }
.recruit-content .content .title { font-size: 36px; line-height: 52px; font-weight: bold; font-style: italic; }
.recruit-content .content .text { padding: 12px 0 48px; }
.recruit-content .content .mail { font-size: 18px; line-height: 30px; color: #d93f3d; font-weight: bold; }
.recruit-content .content .mail a { color: #d93f3d; text-decoration: underline; }
.recruit-list-wrapper { padding-bottom: 118px; }
.recruit-list-wrapper ul { border-top: 1px solid #d9d9d9; }
.recruit-list-wrapper li { border-bottom: 1px solid #d9d9d9; }
.recruit-list-wrapper .brief { position: relative; padding: 30px 0; font-size: 18px; line-height: 38px; color: #999; cursor: pointer; }
.recruit-list-wrapper .brief h3, .recruit-list-wrapper .brief p { float: left; width: 20.625%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.recruit-list-wrapper .brief h3 { width: 27.1875%; font-weight: bold; color: #333; }
.recruit-list-wrapper .brief .ico { position: absolute; right: 0; top: 0; z-index: 3; width: 98px; height: 98px; background: url("../images/recruitico.png") no-repeat center; }
.recruit-list-wrapper .brief.cur .ico { background: url("../images/recruiticoac.png") no-repeat center; }
.recruit-list-wrapper .info { display: none; padding: 35px 0 64px; font-size: 14px; line-height: 30px; color: #333; border-top: 1px solid #d9d9d9; }
.recruit-list-wrapper .info .item { padding-bottom: 41px; }
.recruit-list-wrapper .info .label { float: left; width: 230px; }
.recruit-list-wrapper .info .text { overflow: hidden; }
.recruit-list-wrapper .delivery { margin-left: 230px; display: block; width: 113px; height: 60px; padding-left: 84px; font-size: 18px; line-height: 60px; color: #fff; background: #333 url("../images/delivery.png") no-repeat 38px 13px; }
/* index*/
.m-ichl-title .en { font-size: 16px; line-height: 24px; color: #999; text-transform: uppercase; }
.m-ichl-title .cn { font-size: 36px; line-height: 62px; font-weight: bold; color: #1a1a1a; }
.m-ichl-title .cn a { color: #1a1a1a; }
.m-ichl-title .cn span { color: #d90000; }
.m-ichl-subnav { position: relative;padding-top: 11px; }
.m-ichl-subnav ul { margin-left: -30px; position: relative; }
.m-ichl-subnav li { float: left; padding: 0 20px 0 30px;/* background: url(../images/navline.png) no-repeat 0 center; */}
.m-ichl-subnav li.cur a { color: #d90000; border-bottom-color: #fff; }
.m-ichl-subnav li a { display: block; font-size: 16px; line-height: 30px; color: #1a1a1a; border-bottom: 2px solid #fff; }
.m-ichl-subnav li a:hover { color: #d90000; border-bottom-color: #fff; }
.m-ichl-subnav .activehook { position: absolute; bottom: 0; background: none; }
.m-ichl-subnav .activehook i { display: block; width: 100%; height: 2px; background-color: #d90000; }
.m-ichl-subnav .nav-more .item { display: none; }
.m-ichl-subnav .m-line-more { position: absolute; right: 0; top: -47px; z-index: 3; }
.index-banner { position: relative; }
.index-banner .linerbg { position: absolute; left: 0; top: 0; width: 100%; z-index: 30; height: 140px; background: url("../images/hdbanbg01.png") repeat-x 0 0; }
.index-banner a { display: block; }
.index-banner img { display: block; 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 .flex-control-nav { z-index: 20; bottom: 38px; }
.index-banner .flex-control-nav li { margin: 0 3px; line-height: 0; height: 2px; width: 94px; background-color: #fff; }
.index-banner .flex-control-nav .cur { background-color: #d90000; }
.index-banner .flex-control-nav a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 94px; height: 2px; background: none; -webkit-box-shadow: none; -moz-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: 10; 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: 10; 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:72.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: 77.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: 56.375%; left:65.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: 37.375%; left: 78.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: 10; 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.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.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.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.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; }
.iabout-us { padding: 35px 0 80px; }
.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;padding:20px 20px 40px;border-bottom:2px solid #ccc;}/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
.iabout-us .main-business .business-item .inner .line { position: absolute; left: 0; bottom:-2px; width: 0; height: 2px; background-color: #d90000; -webkit-transition: width ease-in-out 0.5s; -o-transition: width ease-in-out 0.5s; -moz-transition: width ease-in-out 0.5s; transition: width ease-in-out 0.5s; }
.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 .line { width: 100%; }
.main-business .ico { margin-bottom: 12px; height: 82px; line-height: 82px; font-size: 0;margin-left: 26px; }
.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 { padding: 10px 0 21px; margin-left:26px;}
.main-business h2 a { 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: 120px;}
.main-business .sub a { display: block; padding-left: 30px; font-size: 14px; line-height: 32px; color: #666; background: url("../images/ibusline.png") no-repeat 1px center; }
.main-business .sub a:hover { color: #d80000; background-image: url("../images/ibuslineac.png"); }
.iclassic-case { padding: 38px 0 40px; 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; }
.icase-list { padding-top: 23px; margin: 0; width: 102.2%; }
.icase-list li { width: 33.33333%; padding-bottom: 0px; }
.icase-list .item { padding: 0 6.5% 0 0; text-align: left; }
.icase-list .thumb { position: relative; overflow: hidden;height:320px; }
.icase-list .thumb .after { display: block; width: 100%; padding-bottom: 66.66667%; }
.icase-list .thumb img { position: absolute; left: 0; top: 0; z-index: 3; height:320px;object-fit:cover;}
.icase-list .desc { display: -webkit-box; height: 40px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.icase-list a { position: relative; }
.icase-list .content { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 75px; z-index: 3; width: 100%; overflow: hidden; background: url("../images/icasebg.png") repeat 0 0; }
.icase-list .content .brand { padding: 32px 0 0 25px; height: 130px; line-height: 130px; font-size: 0; }
.icase-list .content .brand img { display: inline; width: auto; max-height: 100%; vertical-align: middle; }
.icase-list .content .desc { color: #fff; padding: 0 25px 0; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.icase-list .content .ico-line { display: block; width: 100%; height: 37px; background: url("../images/icaseline.png") no-repeat 25px bottom; }
.full-isoutions { width: 100%; padding: 35px 0 0; background-color: #f5f5f5; overflow: hidden; }
.full-isoutions .m-ichl-subnav li a { border-color: #f5f5f5; }
.full-isoutions .m-ichl-subnav li a:hover { color: #d90000; border-bottom-color: #f5f5f5; }
.full-isoutions .m-ichl-subnav li.cur a { color: #d90000; border-bottom-color: #f5f5f5; }
.full-isoutions .ichannel-tabcontent { 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%; }
.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: 13px 0 60px; overflow: hidden; }
.isoutions-list .slide-pages { display: none; position: absolute; width: 100%; bottom: 40px; text-align: center; line-height: 0; }
.isoutions-list .slide-pages a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 8px; height: 8px; font-size: 0; border: 1px solid #b5b5b5; margin: 0 6px; }
.isoutions-list .slide-pages .cur { border: 1px solid #d90000; background-color: #d90000; }
.isoutions-list .flex-direction-nav { display: none; }
.isoutions-list ul { margin: 0 -1.6875%; }
.isoutions-list ul li { float: left; width: 25%; }
.isoutions-list .item { padding: 0 6.52963%; }
.isoutions-list .item a { position: relative; padding-bottom: 61px; display: block; border-bottom: 2px solid #ccc; }
.isoutions-list .item a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background-color: #d90000; -webkit-transition: width ease-in-out 0.5s; -o-transition: width ease-in-out 0.5s; -moz-transition: width ease-in-out 0.5s; transition: width ease-in-out 0.5s; }
.isoutions-list .item a:hover { *border-bottom-color: #d90000; }
.isoutions-list .item a:hover .title { color: #d90000; }
.isoutions-list .item a:hover .detail { color: #d90000; }
.isoutions-list .item a:hover::after { width: 100%; }
.isoutions-list .thumb { position: relative; }
.isoutions-list .thumb .after { display: block; width: 100%; padding-bottom: 62.5%; }
.isoutions-list .thumb img { position: absolute; left: 0; top: 0; z-index: 3; }
.isoutions-list .ico { margin-bottom: 48px; height: 120px; line-height: 120px; font-size: 0; }
.isoutions-list .ico img { vertical-align: middle; width: auto; }
.isoutions-list .ico .ac { display: none; }
.isoutions-list .title { margin-bottom: 23px; font-size: 18px; line-height: 24px; font-weight: bold; color: #1a1a1a; }
.isoutions-list .desc { height: 144px; font-size: 14px; color: #666; display: -webkit-box; height: 144px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; white-space: normal; }
.isoutions-list .detail { font-size: 14px; line-height: 24px; text-decoration: underline; color: #666; }
.isoutions-list .item .card { padding-bottom: 32px; }
.isoutions-list .item .card:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
.isoutions-list .item .card:hover .c-title { color: #d90000; }
.isoutions-list .item .card .thumb { margin-bottom: 21px; overflow: hidden; }
.isoutions-list .item .card .thumb img { display: block; width: 100%; max-width: 360px; -webkit-transition: -webkit-transform ease .7s; transition: -webkit-transform ease .7s; -o-transition: -o-transform ease .7s; -moz-transition: transform ease .7s, -moz-transform ease .7s; transition: transform ease .7s; transition: transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s; }
.isoutions-list .item .card .c-title { margin-bottom: 20px; font-size: 18px; line-height: 28px; font-weight: bold; color: #1a1a1a; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.isoutions-list .item .card .c-desc { font-size: 14px; color: #666; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; }
.iclients-wrapper { padding: 35px 0 5px; }
.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; }
.iclients-list ul { padding: 40px 0 0; }
.iclients-list li { float: left; width: 20%; margin-bottom: 40px; }
.iclients-list a { position: relative; display: block; margin: 0 51px; text-align: center; }
.iclients-list a .ac { position: absolute; left: 50%; top: 0; margin-left: -101px; z-index: 3; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; opacity: 0; filter: alpha(opacity=0); }
.iclients-list a:hover .ac { opacity: 1; filter: alpha(opacity=100); }
.iclients-list img { vertical-align: top; width: 202px; max-width: 100%; }
.icustomer { float: left; width: 50%; overflow: hidden; }
.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 { height: 288px; font-size: 14px; line-height: 24px; color: #666; }
.full-inum-brief { position: relative; }
.full-inum-brief .briefbg { position: relative; overflow: hidden; height: 610px; }
.full-inum-brief .briefbg img { position: absolute; top: -45px; left: 50%; display: block; margin-left: -960px; height: 700px; }
.full-inum-brief .inum-list { position: absolute; top: 50%; left: 50%; z-index: 10; margin: -213px 0 0 -609px; width: 1218px; text-align: center; }
.full-inum-brief .inum-list li { width: 406px; margin-bottom: 89px; float: left; color: #fff; }
.full-inum-brief .num { margin-bottom: 20px; font-size: 90px; line-height: 92px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }
.full-inum-brief .line { display: block; width: 26px; height: 2px; margin: 0 auto 27px; background-color: #fff; }
.full-inum-brief .text { font-size: 16px; line-height: 24px; }
.full-inum-brief .videobg { position: absolute; left: 0; top: 0; width: 100%; height: 610px; 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: 35px 0 10px; }
.inews-center .ichannel-tabcontent { overflow: hidden; }
.inews-center .tabcontent-slider { position: relative; width: 600%; }
.inews-list { float: left; width: 16.66667%; padding-top: 16px; overflow: hidden; }
.inews-list ul { margin: 0 -40px; }
.inews-list li { float: left; width: 33.3333%; border-bottom: 1px solid #d9d9d9; }
.inews-list .date { margin-bottom: 5px; font-size: 14px; line-height: 24px; }
.inews-list .title { font-size: 18px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #1a1a1a; }
.inews-list .desc { 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; }
.inews-list .item { padding: 0 40px; }
.inews-list a { display: block; padding: 21px 0 22px 0; }
.inews-list a:hover .title { color: #d80000; }
/* 建站知识*/
.site-article-wrapper { width: 1400px; margin: 0 auto; }
.site-article-wrapper ul { border-top: 1px solid #ccc; }
.site-article-wrapper li { border-bottom: 1px solid #ccc; }
.site-article-wrapper li a { position: relative; display: block; padding: 54px 0 0px 230px; }
.site-article-wrapper li a:hover .title { color: #d90000; }
.site-article-wrapper li a:hover .desc { color: #d90000; }
.site-article-wrapper .date { position: absolute; top: 56px; left: 0; z-index: 3; }
.site-article-wrapper .date .mm-dd { font-size: 42px; line-height: 54px; font-weight: bold; color: #999; border-bottom: 1px solid #666; font-family: Arial, Helvetica, sans-serif; }
.site-article-wrapper .date .yy { font-size: 16px; line-height: 36px; color: #999; }
.site-article-wrapper .title { margin-bottom: 7px; font-size: 20px; line-height: 48px; font-weight: bold; color: #1a1a1a; }
.site-article-wrapper .desc { margin-bottom: 24px; font-size: 16px; color: #999; display: -webkit-box; height: 60px; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.site-article-wrapper .tag { padding: 0 0 77px 230px; }
.site-article-wrapper .tag a { float: left; display: block; margin-right: 9px; padding: 0 10px; font-size: 16px; line-height: 28px; color: #b2b2b2; border: 1px solid #ccc; }
.site-article-wrapper .tag a:hover { color: #d90000; border-color: #d90000; }
.singlepage { font-size: 16px; line-height: 30px; color: #333; }
.singlepage img { vertical-align: middle; max-width: 100%; }
.case-news-article { position: relative; max-width: 1200px; margin: 0 auto; padding: 15px 0 72px; }
.case-news-article .share { position: absolute; right: 0; top: 24px; }
.case-news-article .title { margin: 0 0 14px; padding-right: 165px; font-size: 32px; line-height: 48px; font-weight: bold; color: #333; }
.case-news-article .share a { display: block; width: 30px; height: 30px; margin: 0 0 0 10px; padding: 0; background-repeat: no-repeat; background-position: center; }
.case-news-article .share .bds_weixin { background-image: url("../images/bdwx.png"); }
.case-news-article .share .bds_tsina { background-image: url("../images/bdsa.png"); }
.case-news-article .share .bds_qzone { background-image: url("../images/bdqz.png"); }
.case-news-article .share .bds_more { background-image: url("../images/bdmr.png"); }
.case-news-article .info { padding-bottom: 33px; font-size: 14px; line-height: 24px; border-bottom: 1px solid #ccc; color: #999; }
.case-news-article .info .tag { float: left; color: #999; }
.case-news-article .info .tag:hover { color: #d90000; }
.case-news-article .info i { float: left; padding: 0 17px; }
.case-news-article .info .date { float: left; }
.case-news-article .singlepage { padding: 36px 0 77px; }
.case-news-article .page-ctrl { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 17px 0; }
.case-news-article .page-ctrl a { display: block; font-size: 14px; line-height: 30px; color: #999; max-width: 45%; background-repeat: no-repeat; }
.case-news-article .page-ctrl .prev { float: left; padding-left: 55px; background-position: 0 center; background-image: url("../images/pageprev.png"); }
.case-news-article .page-ctrl .prev:hover { color: #d90000; background-image: url("../images/pageprevac.png"); }
.case-news-article .page-ctrl .next { float: right; padding-right: 55px; background-position: right center; background-image: url("../images/pagenext.png"); }
.case-news-article .page-ctrl .next:hover { color: #d90000; background-image: url("../images/pagenextac.png"); }
/* 优势-理念与信仰*/
.full-faith-article { background-color: #f2f2f2; }
.full-faith-article .faith-item { position: relative; }
.full-faith-article .image { width: 50%; }
.full-faith-article .image img { display: block; width: 100%; }
.full-faith-article .content { position: absolute; left: 50%; top: 0; bottom: 0; height: 100%; font-size: 0; margin-left: -800px; }
.full-faith-article .content .hack { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 0; height: 100%; }
.full-faith-article .content .inner { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px; line-height: 30px; color: #333; }
.full-faith-article .content .inner h2 { margin-bottom: 15px; font-size: 24px; line-height: 36px; font-weight: bold; color: #d93f3d; }
.full-faith-article .content .inner h3 { margin-bottom: 18px; font-size: 36px; line-height: 50px; color: #333; }
.full-faith-article .content .inner h3 b, .full-faith-article .content .inner h3 strong { font-weight: bold; }
.full-faith-article .adv-left .image { padding-left: 50%; }
.full-faith-article .adv-left .content .inner { padding-right: 55%; }
.full-faith-article .adv-right .image { padding-right: 50%; }
.full-faith-article .adv-right .content .inner { padding-left: 55%; }
.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: 25px; font-size: 70px; color: #fff; height: 72px; line-height: 72px; }
.m-key-list .top img { vertical-align: middle; }
.m-key-list .text { font-size: 15px; line-height: 21px; color: #fff; }
/* 关于我们*/
.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 { position: relative; overflow: hidden; }
.about-us-intro .year { position: absolute; right: 0; top: 0; }
.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; }
.full-certificate .slides li { position: relative; width: 100%; }
.full-certificate .slides li img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 100%; width: auto; }
.full-certificate .slides .after { display: block; width: 100%; padding-bottom: 136.12167%; }
.full-certificate .slides .center { font-size: 0; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; text-align: center; }
.full-certificate .slides .hack { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 0; height: 100%; }
.full-certificate .flex-control-nav { z-index: 10; bottom: -93px; line-height: 0; }
.full-certificate .flex-control-nav a { background-color: #bfbfbf; }
.full-certificate .flex-control-nav .flex-active { background-color: #d93f3d; }
.full-certificate .flex-direction-nav { position: absolute; width: 100%; bottom: -93px; }
.full-certificate .flex-direction-nav a { position: absolute; bottom: 0; z-index: 20; width: 58px; height: 27px; background-repeat: no-repeat; background-position: center; opacity: 1; font-size: 0; }
.full-certificate .flex-direction-nav .flex-prev { left: 0; background-image: url("../images/certprev.png"); }
.full-certificate .flex-direction-nav .flex-prev:hover { background-image: url("../images/certprevac.png"); }
.full-certificate .flex-direction-nav .flex-next { right: 0; background-image: url("../images/certnext.png"); }
.full-certificate .flex-direction-nav .flex-next:hover { background-image: url("../images/certnextac.png"); }
.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% 19.25%; 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; }
.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-wapper { position: relative; width: 1400px; margin: 0 auto; overflow: hidden; }
.history-wapper .history { padding-bottom: 60px; }
.history-wapper .botline { position: absolute; bottom: 197px; 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 { position: relative; border-bottom: 1px solid #e6e6e6; }
.history-wapper .item .year { position: absolute; left: 25%; top: 46px; font-size: 55px; line-height: 88px; color: #d93f3d; margin-left: -2em; }
.history-wapper .item .year .line { display: block; width: 56px; height: 3px; background-color: #d93f3d; }
.history-wapper .dot { position: absolute; right: 692px; top: 68px; width: 15px; height: 15px; background: url("../images/historydot.png") no-repeat center; }
.history-wapper .list { float: right; width: 642px; font-size: 16px; line-height: 30px; padding: 60px 0 28px 56px; border-left: 2px solid #d9d9d9; }
.history-wapper .list li { padding-bottom: 30px; }
.history-wapper .list h4 { font-size: 18px; font-weight: bold; }
.response-wrapper { position: relative; }
.range .handle { display: block; top: 0; width: 90px; height: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #d90000; cursor: w-resize; outline: 0; background-repeat: no-repeat; background-image: url("../images/moveline.png"); background-position: center; }
.m-move-handle { display: none; padding-bottom: 38px; position: absolute; left: 50%; bottom: 0; width: 280px; margin-left: -140px; z-index: 3; background: url("../images/movehandler.png") no-repeat center bottom; }
.m-move-handle .site-range { width: 280px; height: 6px; -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-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; -moz-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; }
/* low ie */
.ie7 .cooperation-box, .ie8 .cooperation-box { -webkit-box-shadow: none; -moz-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 .footer-content .szweb-info { padding-right: 45px; }
.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 .our-server .server-inner, .w-lg .full-faith-article .content { margin-left: -700px; }
.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup { margin-left: -700px; }
.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 40px; line-height: 48px; }
.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt { margin-bottom: 40px; font-size: 16px; line-height: 28px; }
.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more { width: 120px; height: 28px; line-height: 28px; }
.w-lg .foot-contact .title { font-size: 30px; padding: 0 10px 0 68px; }
.w-lg .foot-contact .needs .editbtn { height: 45px; margin: 6px 0 0 20px; }
.w-lg .index-banner .slide03 .textpopup03 { margin-left: -700px; }
.w-lg .index-banner .slide03 .textpopup03 .ico { margin-bottom: 22px; }
.w-lg .index-banner .slide03 .textpopup03 .ico img { width: 84px; }
.w-lg .index-banner .slide03 .textpopup03 .tit { margin-bottom: 42px; font-size: 42px; line-height: 52px; }
.w-lg .iclients-list a .ac { margin-left: -88.795px; }
.w-md .needs-form label { width: 337px; }
.w-md .needs-form .sub { width: 115px; }
.w-md .footer-content .szweb-info { padding-right: 45px; }
.w-md .quick-links .Fnav{width:50%;margin-top:12px;}
.quick-links .Fnav{width:50%;}
.w-md .quick-links .aboutus {width:45%; padding-right: 0;float:right; }
.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, .w-md .full-faith-article .content { margin-left: -660px; }
.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup { margin-left: -660px; }
.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit { margin-bottom: 15px; font-size: 30px; line-height: 40px; }
.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt { margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px; }
.w-md .foot-contact .title { font-size: 26px; padding: 0 10px 0 68px; }
.w-md .foot-contact .needs .editbtn { font-size: 16px; width: 130px; margin: 6px 0 0 20px; }
.w-md .index-banner .slide03 .textpopup03 { margin-left: -660px; }
.w-md .index-banner .slide03 .textpopup03 .ico { margin-bottom: 21.32px; }
.w-md .index-banner .slide03 .textpopup03 .ico img { width: 79.54px; }
.w-md .index-banner .slide03 .textpopup03 .tit { margin-bottom: 41px; font-size: 39.36px; line-height: 49.2px; }
.w-md .iclients-list a .ac { margin-left: -80.795px; }
.w-sm .needs-form label { width: 307px; }
.w-sm .needs-form .sub { width: 85px; }
.w-sm .footer-content .szweb-info { padding-right: 15px; }
.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, .w-sm .full-faith-article .content { margin-left: -600px; }
.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: 25px; 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: 35px; }
.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px; }
.w-sm .foot-contact .title { font-size: 24px; padding: 0 10px 0 63px; }
.w-sm .foot-contact .lines .info { font-size: 15px; }
.w-sm .foot-contact .needs .info { font-size: 15px; }
.w-sm .foot-contact .needs .editbtn { font-size: 16px; width: 110px; line-height: 38px; height: 38px; margin: 10px 0 0 10px; }
.w-sm .index-banner .slide03 .textpopup03 { margin-left: -600px; }
.w-sm .index-banner .slide03 .textpopup03 .ico { margin-bottom: 19.5px; }
.w-sm .index-banner .slide03 .textpopup03 .ico img { width: 72.75px; }
.w-sm .index-banner .slide03 .textpopup03 .tit { margin-bottom: 37.5px; font-size: 36px; line-height: 45px; }
.w-sm .index-banner .slide04 .textpopup { margin-left: -600px; }
.w-sm .iclients-list a .ac { margin-left: -68.795px; }
/* ie7 fixup*/
/* ie8 fixup*/
/* ==================================================================================================================== RESETS ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.flexslider { position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
@-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-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; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }

/*联系我们*/
#warp_shBox6{ background:url(../images/cont_img.jpg) no-repeat center; width:100%; height:532px;}
#warp_shBox6 .pdd{ padding:84px 0 0 0;}
#warp_shBox6 .name a{ color:#c3c3c3;}
.cont{ height:140px; padding-top:40px;}
.cont li{ float:left; width:25%; height:140px;}
.cont li a{ display:block; }
.cont_icon{ display:block; width:115px; height:100px; margin:0 auto;}
.cont_name{ display:block; color:#919090; font-size:16px; padding-top:18px; word-spacing:15px; text-align:center;}
.cont_icon1{ background:url(../images/cont_ac1.png) no-repeat;}
.cont_icon2{ background:url(../images/cont_ac2.png) no-repeat;}
.cont_icon3{ background:url(../images/cont_ac3.png) no-repeat;}
.cont_icon4{ background:url(../images/cont_ac4.png) no-repeat;}
.cont li a:hover .cont_icon1{ background:url(../images/cont_ho1.png) no-repeat;}
.cont li a:hover .cont_icon2{ background:url(../images/cont_ho2.png) no-repeat;}
.cont li a:hover .cont_icon3{ background:url(../images/cont_ho3.png) no-repeat;}
.cont li a:hover .cont_icon4{ background:url(../images/cont_ho4.png) no-repeat;}
.cont li a:hover .cont_name{ color:#D8251E; word-spacing:15px;}

.name{ color:#484848; font-size:32px; font-weight:bold; line-height:normal; text-align:center;}
#warp_shBox6 .intro{ font-size:14px; line-height:22px; width:806px; margin:12px auto 38px; text-align:center;color:#555555;}
.wd1200{max-width:1600px;margin:0px auto;}
/*在线咨询留言弹框*/
.yy{ display:none; position:fixed; top:0; left:0; z-index:5000; width:100%; height:100%; background-color:#000; opacity:0.3; filter: alpha(opacity=30);}
.float_onltk{ display:none; position:fixed; top:50%; left:50%; z-index:6000; background:url(../images/tk_yy.png) repeat; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} 
.float_onltk1{ margin-top:-254px; margin-left:-300px; width:580px; height:488px;}
.float_onltk1 .float_onltkShow{ width:580px; height:488px;}
.float_onltk2{ margin-top:-256px; margin-left:-600px; width:1200px; height:512px;}
.float_onltk2 .float_onltkShow{ width:1200px; height:512px;}
.float_onltkShow{ background-color:#FFF;} 
.float_tkclose{ width:22px; height:22px; cursor:pointer;}
.float_tkTable{ clear:both; padding-top:8px;}
.tk_label{ padding-right:12px;}
.com_text{ font-family:'Microsoft YaHei'; color:#333; font-size:12px; line-height:20px; padding:5px; border:1px solid #e5e5e5; border-radius:3px;}
.tk_text{ width:244px; height:20px;}
.mess_xx{ color:#ff0000; font-size:14px; line-height:32px; margin-left:8px; display:inline;}
.mess_ask{ padding-top:6px; color:#bdbdbd; font-size:13px;}
.tk_area{ width:398px; height:94px; overflow:hidden;}
.tk_yzText{ width:112px; height:20px;}
.tk_yz img{ float:left; width:62px; height:18px; margin:6px 15px 0 15px; border:1px solid #000;} 
.tk_messShure{ color:#009b4d; line-height:32px;}
.tk_input input{ display:inline-block; font-family:'Microsoft YaHei'; color:#FFF; font-size:14px; width:112px; height:32px; margin-right:10px; border:none; cursor:pointer;} 
.tk_sub{ background-color:#009b4d;}
.tk_reset{ background-color:#c7c7c7;} 
.com_text.cur{ color:#333; border:1px solid #009b4d;}

/*联系地址弹框*/
.fl{ float:left;}
.fr{ float:right;}
.map_tk{ width:1180px; padding:0 10px 0 10px;}
.map_name{ color:#333; font-size:18px; line-height:normal; padding-bottom:16px;}
.map_img{ width:1180px; height:440px;}

/*底部留言*/
.requirement .tit { font-size: 18px; background: url(../images/footer_tit_bg.png) right bottom no-repeat; padding-right: 28px; display: inline-block; color: #c3c3c3; margin-bottom: 18px; }
.requirement { width: 46.7%; float: right; font-size: 13px }
.inp-vcode{width:100px!important;margin-right:10px;}
.requirement form input { background: none; background-color: #353535; width: 43%; height: 35px; line-height: 35px; color: #868686; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin-bottom: 10px; padding: 0 10px; transition: all .3s; -webkit-transition: all .3s; }
.requirement form textarea { background-color: #353535; resize: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #868686; padding: 2%; width: 96%; height: 100px; line-height:25px; margin-bottom: 14px; transition: all .3s; -webkit-transition: all .3s;overflow: hidden; }
.requirement form .submit { width: 99px; height: 26px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; text-align: center; line-height: 24px; background-color: #d4251e; color: #FFF; float: right; cursor: pointer; }
.left{float:left;}
.right{float:right;}

.sol-l .full-isoutions{background:#fff;padding:58px 0;}

@media  screen and (max-width: 1380px){
	#txtMail,#txtCompany{display:none}
	.requirement form input,.requirement form textarea{width:100%;}
	.footer-content .szweb-info{width:25%;}
	.ftcontent-right{width:70%;}
	.requirement form input{padding:0px 6px;}
	.quick-links .Fnav{width:48%;}
}


@media screen and (max-width: 860px){.flex-direction-nav .flex-prev{opacity: 1; left: 10px} .flex-direction-nav .flex-next{opacity: 1; right: 10px}}
.knowledgebg{background: #F6F7FA; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.knowledge-base{padding: 20px 0; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); background: #fff}
.knowledge-title{text-align: center}
.knowledge-search{border: 1px solid #ddd; background: #fff; position: relative}
.se-input{display: inline-block; padding: 5px 60px 5px 10px; background: #fff; width: 82%}
.se-input::-webkit-input-placeholder{color: #999}
.se-input:-moz-placeholder{color: #999}
.se-input::-moz-placeholder{color: #999}
.se-input:-ms-input-placeholder{color: #999}
.se-btn{position: absolute; top: 4px; right: 2px; margin: 0 4px; width: 60px; background: #d90000; background: -webkit-gradient(linear, left top, right top, from(#d90000), to(#D9534F)); background: -webkit-linear-gradient(left, #d90000, #D9534F); background: -moz- oldlinear-gradient(left, #d90000, #D9534F); background: -o-linear-gradient(left, #d90000, #D9534F); background: linear-gradient(to right, #d90000, #D9534F); color: #fff; text-align: center; -webkit-border-radius: 4px !important; border-radius: 4px !important}
.knowledge-wrap{padding-top: 20px; padding-bottom: 30px; overflow: hidden}
.knowledge-left{background: #fff; position: relative}
.knowledge-left ul li a{display: block; color: #555; padding: 10px 20px; border-bottom: 1px solid #e8eef6; line-height: 20px}
.knowledge-left ul li a:hover,
.knowledge-left ul li a.cur{color: #fff; background: #d90000; border-bottom: 1px solid #d90000}
.article-title{font-size: 16px; color: #fff; height: 42px; line-height: 42px; padding-left: 20px; position: relative}
.article-title:before{content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 16px; top: 16px}
.mobile-titbtn{padding-left: 30px}
.mobile-titbtn:before{right: auto; left: 16px; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg)}
.know-crumb{padding: 0px 8px 0 20px; height: 42px; line-height: 42px; color: #999; background: #fff; white-space: nowrap; border-bottom: 10px solid #F6F7FA}
.know-crumb a{color: #999}
.know-crumb a:hover{text-decoration: underline}
.knowledge-box{background: #fff}
.type-tit{font-weight: bold; font-size: 18px; margin-bottom: 10px}
.phpmyfaq-list li{position: relative; border-bottom: 1px solid #ddd; padding: 10px 0}
.phpmyfaq-list li a{color: #555; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; display: block}
.phpmyfaq-list li span{color: #666}
.article img{max-width: 100%}
.read-num{color: #666}
.case-deatils{padding-top: 30px; padding-bottom: 30px}
.case-deatils img{max-width: 100%}
.deatils-list{position: relative; margin-bottom: 30px}
.deatils-tit{text-align: center; color: #0a1633; font-size: 18px; margin-bottom: 20px}
.deatils-right{overflow: hidden; color: #0a1633}
.deatils-imglogo{text-align: center}
.all-pt0{padding-top: 0}
.white-dot{padding-top: 20px}
.white-dot ul li a:after{background-color: #fff}
.mobdb{display: block}
.knowledge-aside .options{background: #fff; margin-bottom: 20px}
.knowledge-aside .options ul{padding: 20px 15px}
.knowledge-aside .options ul li{overflow: hidden; clear: both; padding-bottom: 20px; line-height: 20px}
.knowledge-aside .options ul li .know-num{width: 40px; height: 40px; line-height: 40px; float: left; text-align: center; background: #999999; color: #fff; font-size: 20px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px}
.knowledge-aside .options ul li a{display: block; overflow: hidden; color: #555; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2}
.knowledge-aside .options ul li a:hover{text-decoration: underline; color: #d90000}
.knowledge-aside .options ul li:nth-child(1) .know-num{background: #D9534F}
.knowledge-aside .options ul li:nth-child(2) .know-num{background: #F0AD4E}
.knowledge-aside .options ul li:nth-child(3) .know-num{background: #5CB85C}
.knowledge-aside .options ul li:nth-child(4) .know-num{background: #428BCA}
.knowledge-aside .options ul li:nth-child(5) .know-num{background: #5BC0DE}
.knowledge-aside .options ul li:nth-child(6) .know-num{background: #5BC0DE}
.knowledge-aside .options ul li:nth-child(7) .know-num{background: #5BC0DE}
.knowledge-aside .options ul li:nth-child(8) .know-num{background: #5BC0DE}
.pcfl{float: left}
.pcfr{float: right}
.mobdb{display: none}
.knowcommonweb{width: 1260px; margin: 0 auto; padding: 0 20px}
.knowledge-base{padding: 30px 0}
.knowledge-title{font-size: 24px; display: inline-block; min-width: 20%}
.knowledge-search{display: inline-block; margin-left: 20.83333%; min-width: 400px}
.knowledge-wrap{padding: 0; background: #fff; position: relative; clear: both; overflow: hidden}
.knowledge-wrap:before,
.knowledge-wrap:after{content: ""; display: block; position: absolute; left: 250px; top: 0; width: 10px; height: 100%; background: #F6F7FA}
.knowledge-wrap:after{left: auto; right: 250px}
.mptb50{padding: 50px 0}
.knowledge-left{width: 19.84127%; margin-right: 10px}
.knowledge-right{width: 58.73016%}
.knowledge-aside{width: 19.84127%}
.mob-knowledge{position: static; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; width: 100%; padding-bottom: 0}
.article-title{background: url(../webimages/tit_bg.png) 0 center no-repeat}
.article-title:before{display: none}
.knowledge-box{padding: 30px; min-height: 500px}
.type-tit{margin-bottom: 20px}
.phpmyfaq-list li{border-bottom: 0; padding: 0}
.phpmyfaq-list li a{line-height: 30px; height: 30px; overflow: inherit; display: inline}
.phpmyfaq-list li a:hover{text-decoration: underline; color: #D90000}
.read-num{float: right; margin-top: -50px}
.case-deatils{padding-top: 60px; padding-bottom: 60px}
.deatils-list{padding-right: 20%; font-size: 16px; line-height: 28px; margin-bottom: 40px}
.deatils-tit{float: left; width: 100px; margin-right: 30px; font-size: 24px; padding-top: 5px}
.deatils-imglogo{position: absolute; right: 0; top: 0; width: 20%}
.index-cooper{padding-bottom: 68px}
@media (max-width: 640px){.knowledge-wrap{margin-top: 30px} .knowcommonweb{width: 100%; padding: 0 15px} .knowledge-left{width: 100%; margin-right: 0} .knowledge-right{width: 100%; border-bottom: 20px solid #F6F7FA} .knowledge-aside{width: 100%; border-bottom: 20px solid #F6F7FA} .knowledge-title{display: block; width: 100%; text-align: center; margin-bottom: 10px; font-size: 18px} .knowledge-search{display: block; margin-left: 0; min-width: 100%} .pcdb{display: none} .article-title{background: -webkit-gradient(linear, left top, right top, from(#d90000), to(#D9534F)); background: -webkit-linear-gradient(left, #d90000, #D9534F); background: -moz- oldlinear-gradient(left, #d90000, #D9534F); background: -o-linear-gradient(left, #d90000, #D9534F); background: linear-gradient(to right, #d90000, #D9534F); -o-background-size: 100%; background-size: 100%} .article-title:before, .mobile-titbtn:before{display: block} .mob-knowledge{position: fixed; top: 0; right: 0; width: 80%; background: #fff; z-index: 100; height: 100%; overflow-y: auto; -webkit-box-shadow: -5px 2px 8px rgba(0, 0, 0, 0.06); box-shadow: -5px 2px 8px rgba(0, 0, 0, 0.06); padding-bottom: 20px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0} .mob-knowledge.show{-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1} .phpmyfaq-list li{border-bottom: 1px solid #ddd; padding: 10px 0} .phpmyfaq-list li a{display: block; overflow: hidden} .knowledge-box{padding: 30px 15px; background: #fff; border: 1px solid #e8eef6} .type-tit{margin-bottom: 10px} .mobdb{display: block} .knowledge-wrap:after, .knowledge-wrap:before{display: none}}

/* 底部悬浮联系 */
.footfix{position: fixed;left:auto;bottom:0px;right:auto;background:#d30000;width:100%;height:60px;padding:5px 0;max-width:640px;z-index:999;display:none;}
.footfix ul li{width:33.3333333%;float:left;text-align:center;}
.footfix ul li img{max-height:18px;}
.footfix ul li h4{font-size:15px;color:#ffa8a8;height:20px;line-height:20px;}

.curmbs{font-size:14px;margin-bottom:15px;margin-left:20px;}

.copyright p{font-size:14px;display: inline-block;}

.bgnone{background:none!important;text-align:center;}
.idCaseMore{display:block;width:180px;height:35px;line-height:35px;border:1px solid #eee;border-radius:3px;text-align:center;color:#666;margin:15px auto 0;transition: all 0.3s;}
.idCaseMore:hover{color:#d30000;border-color:#d30000;}
#tel,#mobile{display:none;}


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

.header .edit-handle_wexin { background: url(/image/wexin.png) no-repeat center;position: relative; }
.header .edit-handle_wexin .weixin_code { position: absolute;top: 46px;right: 0;background: #fff;display: none;height: 160px; padding: 8px; margin: 0px; width: 160px; opacity: 1; }
.header .edit-handle_wexin .weixin_code img { width: 100%; }