html {
    overflow-x: hidden;
    overflow-y: auto;
}
.info p { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
.cooperation-left p{ margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
.business-item p{ margin: 0; padding: 0; font-weight: normal; }
.info p,.content p { margin: 0; padding: 0; font-weight: normal; }
.item p { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
input, button, select, textarea { outline: none; border: none; margin: 0; padding: 0; resize: none; background: none; }
input.yzm{ width: 140px!important; color: #fff!important; height: 36px!important; line-height: 36px!important; background-color: #e46f5d!important; }



.youbian{}
.youbian li{float:right;}
.commonnewsright{ float:right; width:100%;border-left:1px solid #eaeaea; padding-left:35px;}
.commonnewsright dl{ margin:0px; padding:30px 0px 0px; min-height:200px; height:auto !important; height:200px;}
.commonnewsright dl dt{ float:left; width:150px;}
.commonnewsright dl dd{ float:right; width:190px;}
.commonnewsright dl p{ padding-bottom:10px; width:420px;}
.commonnewsright dl a{ display:block; float:left; border:1px solid #d9d9d9; height:33px; line-height:33px; color:#999999; font-size:14px; padding:0px 12px; margin-right:8px;}
.commonnewsright dl a:hover{ background:#eb3900;border:1px solid #eb3900; color:#FFF;}

.commonnewsright ul{ margin:0px; padding:0 0 25px 0px; height:105px;}
.commonnewsright ul li{ float:left; width:90px;height:105px;font-size:15px; text-align:center; color:#FFF;}

.commonnewsright ul li.ComTel{ background:url(../images/icon.gif) no-repeat -151px -4px; font-family:Arial, Helvetica, sans-serif;}
.commonnewsright ul li.ComAdvisory{ background:url(../images/icon.gif) no-repeat -249px -4px;}
.commonnewsright ul li.Comgoob{ background:url(../images/icon.gif) no-repeat -151px -114px;}
.commonnewsright ul li.ComOrder{ background:url(../images/icon.gif) no-repeat -249px -114px;}

.commonnewsright ul li a{ color:#fff; display:block; padding:70px 0px 0px 0px;}
.commonnewsright ul li a:hover{ color:#fff;}

/* 导航：案例 */
#case { position: static; }

#case .downmenu { top: 76px; left: 0; margin-left: 0; width: 100%; }

#case dl { width: 1180px; padding: 15px 0px 8px; }

#case dt { float: left; width: 680px; }

#case dt a { display: block; float: left; margin-right: 45px; }

#case dt img { display: block; }

#case dd { float: right; width: 445px; margin-right: 50px; }

#case dd p { padding: 10px 0px; border-bottom: solid 1px #d9d9d9; }

#case dd a { width: 200px; float: left; text-align: left; }

#solution .downmenu { width: 576px; margin-left: -288px; padding: 0 0 20px 0; }

#solution .downmenu div { float: left; width: 180px; height: 295px; padding: 30px 0 20px; text-align: left; overflow: hidden; }

#solution .downmenu p { border-left: solid 1px #e7e7e7; margin-left: 15px; }

#solution .downmenu a { text-align: left; padding-left: 20px; }

#solution .col-one p { margin-left: 0; }

#solution .col-thr { padding-right: 16px; }

.cooperation-box { display: none; position: fixed; left: 0; top: 0; z-index: 999991; width: 100%; background: #fff; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); }

.cooperation-box .cooperation { position: relative; width: 1110px; margin: auto; padding: 35px 0px; }

.cooperation-box .cooperation-close { position: absolute; right: -70px; top: 20px; z-index: 3; width: 40px; height: 40px; background: url(../images/index_09.png) no-repeat center; }

.cooperation-left { float: left; width: 450px; color: #212121; }

.cooperation-left a { color: #212121; }

.cooperation-left h3 { font-size: 40px; line-height: 42px; color: #e60012; padding-bottom: 25px; }

.cooperation-left h4 { font-size: 45px; line-height: 48px; border-bottom: 1px solid #ccc; padding-bottom: 35px; }

.cooperation-left h5 { font-size: 18px; line-height: 26px; padding-bottom: 20px; }

.cooperation-left p { font-size: 13px; }

.cooperation-left .coopb { font-size: 13px; padding: 35px 0px; }

.cooperation-right { float: right; width: 498px; }

.cooperation-right h3 { font-size: 24px; line-height: 30px; padding-bottom: 10px; }

.cooperation-right .baseinfo li { margin-bottom: 8px; }

.cooperation-right .baseinfo label { display: block; padding: 6px 10px; height: 24px; overflow: hidden; background: #f6f6f6; border: 1px solid #d9d9d9; }

.cooperation-right .baseinfo input { display: block; width: 100%; font-size: 15px; line-height: 24px; height: 24px; color: #999; }

.cooperation-right .baseinfo .name { float: left; width: 220px; }

.cooperation-right .baseinfo .tel { float: right; width: 220px; }

.cooperation-right .type-label { padding-top: 6px; font-size: 24px; line-height: 30px; }

.cooperation-right .type-label span { display: block; font-size: 30px; line-height: 40px; }

.cooperation-right .project-type dd { float: left; position: relative; width: 119px; height: 63px; padding: 5px 5px 5px 0; cursor: pointer; }

.cooperation-right .project-type input { display: none; }

.cooperation-right .project-type .checked { position: absolute; right: -1px; bottom: -1px; z-index: 3; width: 17px; height: 17px; background-repeat: no-repeat; background-position: center; }

.cooperation-right .project-type label { position: relative; display: block; width: 118px; height: 67px; cursor: pointer; border: 1px solid #d9d9d9; background-color: #f6f6f6; text-align: center; border: 1px solid #f6f6f6; }

.cooperation-right .project-type label.cur { border-color: #e81727; }

.cooperation-right .project-type label.cur .checked { background-image: url(../images/zdshzimg01.jpg); }

.cooperation-right .project-type span { display: block; padding-top: 15px; font-size: 14px; line-height: 18px; }

.cooperation-right .budget-title { font-size: 16px; font-weight: bold; padding: 8px 0px 5px; }

.cooperation-right .budget label { float: left; font-size: 14px; line-height: 26px; margin-right: 12px; }

.cooperation-right .budget input { margin: 6px 3px 0 0; padding: 0; width: 14px; height: 14px; vertical-align: top; }

.cooperation-right .verification { padding-top: 20px; }

.cooperation-right .verification label { float: left; display: block; width: 220px; padding: 6px 10px; margin-right: 20px; height: 24px; overflow: hidden; background: #f6f6f6; border: 1px solid #d9d9d9; }

.cooperation-right .verification input { display: block; line-height: 24px; height: 24px; width: 100%; background: none; outline: none; font-size: 15px; color: #999; }

.cooperation-right .verification img { float: left; }

.cooperation-right .sub { padding-top: 15px; }

.cooperation-right .sub input { width: 100%; padding: 10px 0px; border: 2px solid #e81727; font-size: 20px; font-weight: bold; color: #e81727; cursor: pointer; background: none; outline: none; }



/* layout start*/
@media (max-width: 1720px) { .weblg { width: 1400px; } }

@media (max-width: 1600px) { .weblg { width: 1320px; } }

@media (max-width: 1400px) { .weblg { width: 1200px; } }

.w-lg .weblg { width: 1400px; }

.w-md .weblg { width: 1320px; }

.w-sm .weblg { width: 1200px; }


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; }
.weblg table tr{background-color: white}
.m-ichl-title{padding:50px 0 0 0}
.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-lg .weblg { width: 1400px; }

.w-md .weblg { width: 1320px; }

.w-sm .weblg { width: 1200px; }
@media (max-device-width:767px){
    .w-sm .weblg { width: 100% }
}
.placeholder { color: #999; }


.full-foot-needs { width: 100%; padding: 50px 0 50px; background-color: #ededed; }

.full-foot-needs .notes { font-size: 16px; line-height: 24px; color: #999; }


.foot-contact .title { float: left; font-size: 30px; line-height: 58px; font-weight: bold; color: #1a1a1a; padding: 0 10px 0 70px; background-repeat: no-repeat; background-position: 0 center; }

.foot-contact .lines { float: left; }

.foot-contact .lines .title { background-image: url("../images/fttel.png"); }

.foot-contact .lines .info { overflow: hidden; padding-top: 4px; font-size: 15px; line-height: 26px; color: #1a1a1a; }

.foot-contact .lines .info a { font-weight: bold; color: #d90000; }

.foot-contact .needs { float: right; }

.foot-contact .needs .title { background-image: url("../images/ftneeds.png"); }

.foot-contact .needs .info { float: left; padding-top: 4px; font-size: 15px; line-height: 26px; color: #1a1a1a; }

.foot-contact .needs .editbtn { float: left; width: 140px; height: 45px; margin: 6px 0 0 40px; font-size: 18px; line-height: 45px; overflow: hidden; color: #fff; text-align: center; background-color: #d90000; }

.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: #333; color: #777; font-size: 16px; line-height: 24px; }

.footer-content a { color: #777; }

.footer-content a:hover { color: #fff; }

.footer-content .szweb-info { float: left; width: 266px; padding: 0 111px 24px 0; color: #cccc; }

.footer-content .szweb-info a { color: #cccc; }

.footer-content .szweb-info .motto { padding: 24px 0 18px; font-size: 17px; line-height: 28px; }

.footer-content .szweb-info .ft-qrcode { padding-bottom: 17px; }

.ftcontent-right { float: right; width: 1222px; }

.u-qk-title { position: relative; padding-bottom: 12px; margin-bottom: 19px; color: #666; line-height: 46px; border-bottom: 1px solid #666; }

.u-qk-title h4 { font-size: 22px; color: #ccc; }

.u-qk-title .more { position: absolute; right: 0; top: 0; font-size: 24px; padding: 0 10px; }

.quick-links { padding-bottom: 35px; }

.quick-links .item { float: left; width: 257px; padding-right: 117px; overflow: hidden; font-size: 14px; }

.quick-links .item a { display: block; }

.quick-links .business { width: 309px; }

.quick-links .business-links .left { float: left; }

.quick-links .business-links .right { float: right; }

.quick-links .aboutus { width: 417px; padding-right: 0; }

.quick-links .aboutus a { display: inline; }

.quick-links .aboutus .cognition { display: none; }

.quick-links .aboutus .u-qk-title span { cursor: pointer; }

.quick-links .aboutus .u-qk-title .noac { color: #666; }

.friend-links { padding-bottom: 25px; }

.friend-links h6 { padding-bottom: 9px; font-size: 16px; line-height: 26px; color: #ccc; }

.friend-links .link-list a { font-size: 14px; margin-right: 15px; }

.full-foot-bottom { padding: 11px 0; background-color: #333; 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/iconx.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/iconx.png); }

.sidebar .qq { background-position: -362px -186px; }

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

.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;margin: 0 auto; }

.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 21px; text-align: center; }

.m-case-list .thumb { margin-bottom: 26px; overflow: hidden; }

.m-case-list .title { font-size: 20px; line-height: 34px; font-weight: bold; color: #333; }

.m-case-list .desc { font-size: 14px; line-height: 30px; color: #999; }

/* 方案*/
.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; }
@media (max-device-width:767px){
    .m-ichl-title{text-align: left}
}
.m-ichl-title .cn { font-size: 36px; line-height: 62px; font-weight: bold; color: #1a1a1a; }

.m-ichl-title .cn a { color: #1a1a1a; }

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

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

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

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

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

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

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

.m-ichl-subnav .activehook { position: absolute; bottom: 0; background: none; }

.m-ichl-subnav .activehook i { display: block; width: 100%; height: 2px; background-color: #d90000; }

.m-ichl-subnav .nav-more .item { display: none; }

.m-ichl-subnav .m-line-more { position: absolute; right: 0; top: 11px; z-index: 3; }

.index-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: 18%; }

.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: 32.34375%; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

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

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

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

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

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

.index-banner .slide04 .textpopup { position: absolute; top: 27.5%; 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: 0 0 15px; }

.iabout-us .intro { color: #000; position: relative; padding: 20px 37% 86px 0; font-size: 16px; line-height: 30px; }
@media (max-device-width:767px){
    .iabout-us .intro {     color: #000;  position: relative;  margin: 0 2rem;  font-size: 1rem;padding: 0; }
}
.iabout-us .intro strong { font-weight: normal; color: #e20000; }

.iabout-us .year { position: absolute; right: 27px; top: -140px; z-index: 3; }
@media (max-device-width:767px){
    .iabout-us .year {     position: absolute;  right: 15%;  height: 100%;  top: 0%; }
    .iabout-us .year>img{    opacity: 0.3;  }
}

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

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

.main-business { margin: 0 -27px; }
@media (max-device-width:767px){
    .main-business{
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin:0;
    }
}
.main-business .business-item { float: left; width: 20%; }
@media (max-device-width:767px){
    .main-business .business-item { float: left; width: 50%;    height:54rem;    text-align: center;position: relative; }
    /*.main-business>div:nth-child(odd){background-color:#f73b3b;}*/
    /*.main-business>div:nth-child(even){background-color: rgb(56, 48, 46);}*/
}

.main-business .business-item .inner { position: relative; margin: 0 27px; }
@media (max-device-width:767px){
    .main-business .business-item .inner {margin: 0;  height: 100%;  width: 50vw;}
}

.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; }
@media (max-device-width:767px){
    .main-business .ico {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -1rem;
        margin-top: -4rem;
    }
}

.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; }
@media (max-device-width:767px){
    .main-business .id{
        position: absolute;
        opacity: 0.6;
        left: 50%;
        top: 50%;
        width: 16rem;
        height: 10rem;
        margin-left: -11rem;
        margin-top: -3rem;
        font-size: 19rem;
        color: #8c8989;
        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; }
@media (max-device-width:767px){
    .main-business h2{
        position: absolute;
        width: 100%;
        top: 50%;
    }
}
.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; }
@media (max-device-width:767px){
    .main-business h2 a{
        font-size: 3rem;
        font-weight: bold;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0%;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        -moz-transition: all ease .3s;
        transition: all ease .3s;
        color: white;

    }
}
.main-business .sub { padding-bottom: 55px; height: 180px; border-bottom: 1px solid #ccc; }
@media (max-device-width:767px){
    .main-business .sub {
        visibility: hidden;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
    }
}
.main-business .sub a { display: block; padding-left: 30px; font-size: 14px; line-height: 36px; color: #666;/* background: url("../images/ibusline.png") no-repeat 1px center;*/ }
@media (max-device-width:767px){
    .main-business .sub a{
        display: block;
        font-size: 2.5rem;
        letter-spacing: 0.5rem;
        margin: 5% auto;
        line-height: 2.5rem;
        color: white;
    }
}
.main-business .sub a:hover { color: #d80000;/* background-image: url("../images/ibuslineac.png")*/ }

.iclassic-case { padding: 58px 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: 43px; margin: 0; width: 210%; }

.icase-list li { width: 16.66667%; padding-bottom: 10px; }

.icase-list .item { padding: 0 14.28571% 0 0; text-align: left; }

.icase-list .thumb { position: relative; overflow: hidden; }

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

.icase-list .desc { 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; }

.icase-list a { position: relative; }

.icase-list .content { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 120px; 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: 58px 0 0;*/ /*background-color: #f5f5f5;*/ overflow: hidden; }

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

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

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

.full-isoutions .ichannel-tabcontent { 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 { margin-bottom: 20px; padding: 53px 0 86px; 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: 1px solid #ccc; }

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

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

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

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

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

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

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

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

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

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

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

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

.isoutions-list .desc { height: 144px; font-size: 14px; color: #666; display: -webkit-box; height: 144px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6; white-space: normal; }

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

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

.isoutions-list .item .card:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

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

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

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

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

.isoutions-list .item .card .c-desc { font-size: 14px; color: #666; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; }

.iclients-wrapper { padding: 48px 0 85px; }

.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: 62px 0 0; border: 1px solid #d9d9d9; }

.iclients-list li { float: left; width: 20%; margin-bottom: 60px; }

.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: 0px 0 81px; }

.inews-center .ichannel-tabcontent { overflow: hidden; }

.inews-center .tabcontent-slider { position: relative; width: 600%; }

.inews-list { float: left; width: 16.66667%;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 .ftcontent-right { width: 1089px; }

.w-lg .footer-content .szweb-info { padding-right: 45px; }

.w-lg .quick-links .item { padding-right: 53px; }

.w-lg .quick-links .aboutus { padding-right: 0; }

.w-lg .icase-list .content .brand { padding-top: 0; }

.w-lg .history-wapper, .w-lg .site-article-wrapper { width: 1320px; }

.w-lg .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 .ftcontent-right { width: 1009px; }

.w-md .footer-content .szweb-info { padding-right: 45px; }

.w-md .quick-links .item { padding-right: 25px; }

.w-md .quick-links .business { width: 301px; }

.w-md .quick-links .advantage { width: 249px; }

.w-md .quick-links .aboutus { width: 409px; padding-right: 0; }

.w-md .case-news-wrapper { width: 1200px; }

.w-md .case-wrapper .caseban .title { width: 250px; height: 240px; padding-top: 10px; margin-top: -125px; }

.w-md .history-wapper, .w-md .site-article-wrapper { width: 1180px; }

.w-md .our-server .server-inner, .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 .ftcontent-right { width: 899px; }

.w-sm .footer-content .szweb-info { padding-right: 35px; }

.w-sm .quick-links .item { padding-right: 20px; }

.w-sm .quick-links .business { width: 281px; }

.w-sm .quick-links .advantage { width: 229px; }

.w-sm .quick-links .aboutus { width: 349px; padding-right: 0; }

.w-sm .case-news-wrapper { width: 1180px; }

.w-sm .case-wrapper .caseban .title { width: 250px; height: 240px; left: 60px; padding-top: 10px; margin-top: -125px; }

.w-sm .our-server .server-inner, .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; }

@media (max-width: 1220px){
    .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: -580px; }
}
.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit { margin-bottom: 10px; font-size: 28px; }

.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt { margin-bottom: 30px; font-size: 14px; line-height: 24px; }

.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more { width: 100px; height: 28px; line-height: 28px; }

.w-sm .foot-contact .title { font-size: 24px; padding: 0 10px 0 63px; }

.w-sm .foot-contact .lines .info { font-size: 14px; }

.w-sm .foot-contact .needs .info { font-size: 14px; }

.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: -540px; }
@media (max-width: 1220px){
    .w-sm .index-banner .slide04 .textpopup {  margin-left: -520px; }
}

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


@media (max-device-width:767px){
    .business-item_mask{
        display: block;
        background-color: black;
        opacity: 0.6;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .business-item_mask_hover{
        display: block;
        background-color: #E4535F;
        opacity: 0.9;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .id_hover {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 16rem;
        height: 10rem;
        margin-left: -8rem;
        margin-top: -3rem;
        font-size: 15rem;
        color: #d77b83!important;
        font-weight: bold;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        -moz-transition: all ease .3s;
        transition: all ease .3s;
    }

    .main-business>div:nth-child(1){
        background:url("../images/app_bg.png") center;
        background-size: cover;
    }
    .main-business>div:nth-child(2){
        background:url("../images/web_bg.png") center;
        background-size: cover;
    }
    .main-business>div:nth-child(3){
        background:url("../images/program_bg.png") center;
        background-size: cover;
    }
    .main-business>div:nth-child(4){
        background:url("../images/block_bg.png") center;
        background-size: cover;
    }
    .main-business>div:nth-child(5){
        background:url("../images/game_bg.png") center;
        background-size: cover;
    }
    .info p, .content p {
        margin: 3rem 1rem;
        padding: 0;
        line-height: 2rem;
        font-weight: normal;
        font-size: 2rem;
    }
    .case_link>ul{
        list-style: none;
        height: 3rem;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-scrollbar :display:none
    }
    .case_link>ul::-webkit-scrollbar{
        display:none
    }
    table img{
        width: 100%;
        height:100%;
    }
    .case_wrap ul li {
        float: left;
        width: 47vw;
        margin: 0.5%;
        text-align: center;
        background: #fff;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
    }
    .team_move {
        position: absolute;
        /* left: 0; */
        margin-left: -50%;
        width: 100%;
        height: 20vh;
    }
    .team_move>a{
        display: none;
    }
    .team_Mlist {
        width: 100%;
        height: 20vh;
        overflow: hidden;
    }
    .team_Mlist>ul{
        width: 100%!important;
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .team_Fimg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
    }
    .w-sm .foot-contact .title {
        font-size: 3rem;
        margin: 0 auto;
    }
    .foot-contact .lines {
        float: left;
        width: 45vw;
        margin: 0 1rem;
        padding-left: 2vw;
    }
    .foot-contact .needs {
        float: right;
        width: 42vw;
        margin: 0 1rem;
    }
    .w-sm .foot-contact .lines .info {
        font-size: 14px;
        display: block;
        margin: 0;
        width: 100%;
        border-right: 4px solid black;
    }
    .floor3 {
        width: 100%;
        height: auto;
        background-color: #222;
    }
    .w-sm .foot-contact .needs .editbtn {
        font-size: 2rem;
        width: 10rem;
        height: 3rem;
    }
}
