@charset "utf-8";
/* CSS Document */
*::selection{background:none;}
/*behavior: url(../js/PIE.htc);*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.aniNo{ transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s;}
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body { margin: 0 auto; padding: 0; font: normal 12px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial; color: #666; word-break: break-all; text-align: justify; background: #fff; overflow-x:hidden}
img, li { vertical-align: top; }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a { text-decoration: none; color: #858687; }
a:hover { color: #0b89dd; }
.fl { float: left !important; }
.fr { float: right !important; }
.wrap {/* width: 1500px; */margin: 0 auto;padding: 0 4%;}
.pd20{ padding:20px;}
img { max-width: 100%; }
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vh-center { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.h-center { position:absolute; left:50%; transform:translateX(-50%) }
.v-center { position:absolute; top:50%; transform:translateY(-50%) }
.italic {font-size: 12px;font-family: 微软雅黑;color: rgb(143, 143, 143);font-style: italic;}

@font-face {
  font-family: 'iconfont';  /* project id 398496 */
  src: url('//at.alicdn.com/t/font_398496_iegpv0uwjkmx6r.eot');
  src: url('//at.alicdn.com/t/font_398496_iegpv0uwjkmx6r.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_398496_iegpv0uwjkmx6r.woff') format('woff'),
  url('//at.alicdn.com/t/font_398496_iegpv0uwjkmx6r.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_398496_iegpv0uwjkmx6r.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
   /* -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;*/}
/*.gotop{width:40px;height:40px;position:fixed;right: 20px;bottom: 20px;background:url(../images/top.png) no-repeat -126px 0;cursor:pointer;display: none!important;z-index: 9999;}*/

.logo{float:left;height: 100px;padding: 15px 0;}
.logo img{}
.logoTel{height:70px;border-left:1px solid #bfbfbf;margin: 15px 0 15px 10px;padding-left:10px;float:left;font-size: 18px;line-height: 30px;}
.logoTel span{display: block;font-size: 24px;line-height: 40px;font-family: arial;}
.topLink{width:195px;height:30px;/* margin:0 0 0 -195px; *//* float:right; */position: fixed;right: 4%;top: 0;}
.pcNavWrap{height: 100px;}
.PcNavPosi{width:100%;background: #fff;z-index: 99;position: fixed;top: 0;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);/* z-index: 99; */}
.PcNav{float: right;padding-top: 50px;}
.PcNav .m{ float:left; position:relative;}
.PcNav .m.on{background: #f40417;border-radius: 4px;}
.PcNav h3{line-height: 40px;}
.PcNav h3 a{font-size: 16px;color: #797979;display:block;padding: 0 15px 0;}
.PcNav .m.on h3 a{color:#fff;}
.PcNav .sub{display:none;position:absolute;left:50%;top: 40px;width:140px;margin-left:-70px;background:#f40417;border-top:5px solid #fff;border-radius: 8px 8px 4px 4px;text-align:center;padding:6px 0;z-index:999;}
.PcNav .sub:after {content: "";display: block;width:10px;height:10px;background:#f40417;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);position: absolute;left: 50%;margin-left: -5px;top: -2px;}
.PcNav .sub li{ line-height:26px;}
.PcNav .sub li a{ color:#fff; font-size:12px; display:block; height:26px;}
.PcNav .sub li a:hover{font-weight:bold;}
.navR{ float:right;}
.touchNav{ display:none;}
.touchNavBtn{float: right;line-height: 70px;color: #000;font-size: 14px;display:none;}
.touchNavBtn span{width:30px; float:left; text-align:center; display:block;}
.touchNavBtn .touchNavBtnClose{ display:none;}
.touchNavBtn.on .touchNavBtnClose{ display:block;}
.touchNavBtn.on .touchNavBtnOpen{ display:none;}
.headerCon{}
.headerCon .topBar{ display:none;}
.headerCon .PcNavPosi{ position:fixed !important;}
.page-footer{padding: 80px 0 0px 0;}
.footer_sub1{ background:#c80000; position:relative; padding:100px 0;}
.footer_sub1:before{ content:''; position:absolute; border:1px solid rgba(255, 255, 255, 0); left:0; top: 0; right:0;bottom: 0;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s; }
.footer_sub1:hover:before{ left:30px; top: 30px; right:30px;bottom:30px; border-color:#fff;}
.footer_sub1 .left{ width:240px; height:210px;position:relative; float:left;}
.footer_sub1 .left .pic{width:240px; height:210px; background-color: #303030; position:absolute; left:0; top:0; z-index: 22;}
.footer_sub1 .left img{ display:block; margin:0 auto; position:absolute; left:50%; top:50%; width:149px; height:141px; margin:-75px 0 0 -70px}
.footer_sub1 .right{width:75%;float:right;color:#fff;z-index: 9;position: relative;}
.footer_sub1 .right h2{    font-size: 58px;font-weight: bold;color:#fff; line-height:1.2;}
.footer_sub1 .right h3{ font-size:30px; line-height:1.5;letter-spacing: 3px;color:#fff;}
.footer_sub1 .right .tel{text-align:left;padding-top: 15px;}
.footer_sub1 .right .tel .l{display:inline-block;padding: 0 80px 0 0;}
.footer_sub1 .right .tel .l p{ font-size:14px;}
.footer_sub1 .right .tel .l span{font-size: 18px;font-family:Verdana, Geneva, sans-serif;height: 40px;line-height: 40px;}
.footer_sub1 .right .tel .r{ display:inline-block;}
/*
.footer_sub1 .right .tel .r a{ display:block; background:url(../images/footer02.png) no-repeat left center; height:62px; padding:0 0 0 70px;}
.footer_sub1 .right .tel .r a i{float:left;height:26px;line-height:26px;background:#000;color:#c80000;padding:0 15px;font-size:12px;margin-top: 16px;border-radius: 5px;}
.footer_sub1 .right .tel .r a:hover{ background-image:url(../images/footer03.png);}
.footer_sub1 .right .tel .r a:hover i{ background:#fff; color:#c80000}
*/

.footer_sub1 .right .text a{ margin-top:30px; font-size:14px; line-height:20px; position:absolute; display:block; color:#fff;}
.footer_sub1 .right .text a i{ position:absolute; right:-60px; top:50%; width:50px; height:1px; background:#fff;}
.footer_sub1 .right .text a:hover i{ width:100px; right:-110px;}
.footer_sub1 .icon{ background:url(../images/footer04.png) no-repeat; width:62px; height:62px; position:absolute; right:60px; top:60px;}
.footer_sub2{position:relative;width:1200px;margin: 40px auto 20px; color:#000;}
.footer_sub2 .pic{float:left;width: 40%;}
.footer_sub2 .right{float:right;width: 60%; font-size:12px; line-height:1.5}
.footer_sub2 .right p{ width:25%; float:left;}
.footer_sub2 .right p:nth-of-type(2){ width:40%;padding:0 30px 0 0}

.main_sub1{}
.main_sub1 li{float:left; width:25%; border-right:1px solid #fff; background:#f4f4f4; padding:50px;}
.main_sub1 li:last-of-type{ border:none;}
.main_sub1 li a{ display:block;}
.main_sub1 li a h2{ text-align:center; font-size:18px; color:#0f0f0f; line-height:20px;}
.main_sub1 li i{ width:65px; height:65px; display:block; margin:30px auto 50px; background:url(../images/z002.png) no-repeat 0 0;}
 

.main_sub1 a dd{float:left; width:50%; position:relative; font-size:14px; line-height:30px; color:#373737; text-align:center}
.main_sub1 dd:before{ content:''; position:absolute; left:0; bottom:0; height:1px; width:0%; background:#f4f4f4;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.main_sub1 li:nth-of-type(1) i{ background-position:0 0;}
.main_sub1 li:nth-of-type(2) i{background-position:-130px 0;}
.main_sub1 li:nth-of-type(3) i{background-position:-65px 0;}
.main_sub1 li:nth-of-type(4) i{background-position:-195px 0;}
.main_sub1 li:hover{ background:#d61919;}
.main_sub1 li:hover:nth-of-type(1) i{ background-position:0 -65px;}
.main_sub1 li:hover:nth-of-type(2) i{background-position:-130px -65px;}
.main_sub1 li:hover:nth-of-type(3) i{background-position:-65px -65px;}
.main_sub1 li:hover:nth-of-type(4) i{background-position:-195px -65px;}
.main_sub1 li:hover a h2{color:#fff;}
.main_sub1 li:hover a dd{ color:#fff;}
.main_sub1 dd:hover:before{background:#fff;width:100%;}
.main_sub2{text-align:center;padding: 50px 0 100px;}
.main_sub2 h2{ font-size:40px; line-height:40px; }
.main_sub2 p{ font-size:16px; line-height:2; padding:10px 0;}
.main_sub2 ul{display:inline-block;}
.main_sub2 ul li{float:left; padding:0 30px;}
.main_sub2 ul li em{display:block;font-family: Verdana, Geneva, sans-serif;font-size: 40px;line-height: 1.5;}
.main_sub2 ul li span{ font-size:12px;}

.main_case{}
.main_caseHd{ padding:0 0 30px; font-size:16px;}
.main_caseHd p{ width:10%; float:left;}
.main_caseHd p a{ color:red;}
.main_caseHd ul{ width:90%; float:left;}
.main_caseHd li{ width:20%; float:left; line-height:40px;}
.main_caseHd li a{ color:#333;}
.main_caseHd li a:hover{color:red;}
.case-content li{width: 30%; *width:29.95%!important; margin-right: 5%;float: left;margin-bottom: 50px;    color: #333;font-size: 14px;}
.case-content li a{display: block;background:#dedede url("../images/loading.gif") no-repeat center; overflow:hidden;}
.case-content li a:hover img{transform: scale(1.1);}
.case-content li:nth-of-type(3n){margin-right: 0;}
.case-content .hd{margin-top: 30px; min-height: 40px;}
.case-content .hd span{margin-right: 20px;}
.case-content .pic img{width: 100%;background:#dedede url("../images/loading.gif") no-repeat center; }
.case-content .italic{font-size: 12px;font-family: "微软雅黑"; color:#8f8f8f; font-style: italic;}
.case-loading{ text-align:center; margin:0 0 50px; width:100%;display:none;}
.case-more{ text-align:center; padding:0 0 50px 0;}
.case-more a{ width:225px; margin:0 auto; display:inline-block; height:40px; line-height:40px; border-radius:40px; text-align:center; background:#e6e6e6; color:#444; font-size:16px;}
.case-more a:hover{ background:red; color:#fff;}
.page-container{ padding:110px 0 150px;}


.gf-news .news-hd{padding: 40px 0 0;}
.gf-news .news-title{text-align:center;padding: 10px 0 20px;}
.gf-news .news-title h2{display:inline-block;background:url(../images/z003.gif) no-repeat right 0;padding:0 50px;font-size: 40px;line-height: 1;}
.gf-news .news-hd a,.case-title a{margin-right: 20px; color:#474646;}
.gf-news .news-hd i,.case-title i{display: inline-block; margin-left: 10px; vertical-align: middle; width: 7px;height: 7px;background:url("../images/news_atr.png") no-repeat center; }
.gf-news a:hover,.gf-news a.news-on,.case-title a.news-on,.case-title a:hover{color:#141414;  }
.gf-news a:hover i,.gf-news a.news-on i,.case-title a:hover i,.case-title a.news-on i{background:url("../images/index_atr.png") no-repeat center top;}
.gf-news .news-bd-content{/* border-bottom: 1px solid #dedede; */}
.gf-news .news-bd-content li{padding-top: 0px;/*border-top: 1px solid #dedede; */width: 30%;*width:29.95%;margin-right: 5%;float: left;min-height: 230px;padding-bottom: 20px;}
.gf-news .news-bd-content li:nth-of-type(3n){margin-right: 0;}
.gf-news .news-bd-content h2{font-size: 16px;padding-bottom: 15px;color:#010101;padding-top: 15px; }
.gf-news .news-bd-content h2 a{color:#010101;position:relative; display:block;}
.gf-news .news-bd-content h2 a:before{ content:''; width:0px; height:1px; background:#000; position:absolute; left:0; top:50%;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.gf-news .news-bd-content h2 a:hover{ text-indent:15px;}
.gf-news .news-bd-content h2 a:hover:before{width:10px;}
.gf-news .news-bd-content .pic{ height:58px;}
.gf-news .news-bd-content .pic img{ max-height:58px; max-width:100%; margin-bottom:15px;}
.gf-news .news-bd-content p{color:#6f6f6f;line-height: 26px;padding-bottom: 20px;}
.gf-news .news-bd-page{padding-top: 40px;padding-bottom: 30px;}
.gf-news .news-bd-page a{min-width: 30px;height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 18px;}
.gf-news .news-bd-page span{width: 30px;height: 30px;line-height: 30px;color:#000;display: inline-block;font-size: 18px;}
.gf-news .news-bd-page a:hover,.gf-news .news-bd-page a.current{color:#000;}
.gf-news-detail{padding-top: 80px;padding-bottom: 40px;overflow: hidden;}
.gf-news-detail .detail-hd{border-bottom: 1px solid #dedede;padding-bottom: 70px;}
.gf-news-detail .detail-hd-l{width: 60%;font-size: 14px;color: #373737;}
.gf-news-detail .detail-hd-r{width: 30%;}
.gf-news-detail .detail-hd-l .down p{color:#373737; line-height: 30px;}
.gf-news-detail .detail-hd-l .up{padding-bottom: 40px;}
.gf-news-detail .detail-hd-r p{color:#000;}
.gf-news-detail .gf-share {padding-top: 40px;}
.gf-news-detail .gf-share a{padding-left:0;width: 35px;height: 35px;display: inline-block;background: url("../images/share.jpg") no-repeat;margin-right: 20px;}
.gf-news-detail .gf-share a:nth-of-type(1){background-position: left center;}
.gf-news-detail .gf-share a:nth-of-type(2){background-position: -35px center;}
.gf-news-detail .gf-share a:nth-of-type(3){background-position: -70px center;}
.gf-news-detail .gf-share a:nth-of-type(4){background-position: -105px center;}
.gf-news-detail .gf-share a:nth-of-type(5){background-position: -145px center;}
.autofix_sb.fixed {position: fixed !important;left: auto;top: auto;right: auto;bottom: auto;overflow:auto;margin-top:100px;}
.autofix_sb.fixed.bottom {bottom: 0;position: absolute !important;}
.gf-link-case{padding-top: 40px;}
.gf-link-case a{color:#000;}
.gf-link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center;}
.gf-link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;}
.newsBanner{ position:relative;}
.newsBanner .vh-center{ line-height:1.5; color:#e80000; font-size:30px; text-align:center; top:30%;}
.newsBanner .vh-center span{ font-size:48px;}
.newsBanner img{width:100%;}
.newsBanner .focus-text{ position: absolute; bottom: 70px;left: 4%;z-index: 2;color: #0a0a0a; line-height:1;}
.newsBanner .focus-text .p1{font-size: 16px;padding-bottom: 10px;}
.newsBanner .focus-text .p2{font-size: 48px;font-weight: bold;}
.newsBanner .focus-text .p3{font-size: 48px;font-weight: bold; width:55%;}

.webSiteBanner{ background:#eaeaea;}
.webSiteBannerCon{ max-width:1300px; margin:0 auto; position:relative;}
.gf-center{padding-top: 80px;border-bottom: 1px solid #dedede;}
.gf-center .gf-center-hd{width: 32%; margin-right: 4%;}
.gf-center .gf-center-hd h2{font-size: 28px;font-weight: normal;padding-bottom: 50px;}
.gf-center .gf-center-bd{width: 64%; }
.gf-center .gf-center-bd li{float: left; width: 45%;*width:44.95%;margin-right: 10%;padding-bottom: 100px;}
.gf-center .gf-center-bd li:nth-of-type(2n){margin-right: 0;}
.gf-center .gf-center-bd h3{font-size: 16px;padding-bottom: 20px;color:#000;font-weight: normal;}
.gf-center .gf-center-bd p{color:#373737;line-height: 30px;}
.related-case{padding-top: 60px;padding-bottom: 60px;}
.related-case h2{font-size: 28px;font-weight: normal;color:#000; padding-bottom: 50px;}
.webSiteTitle{ font-size:28px; color:#666; text-align:center; padding:40px 0 20px;}
.webSite_youshi{ text-align:center; padding:0 0 15px;}
.webSite_youshi li{display:inline-block; width:19%;}

.page3_3{}
.page3_3 dd{background:url(../images/001-01.jpg) no-repeat center center #f8f9fb;background-size:100% 100%;padding: 50px 0;}
.page3_3 dd:nth-of-type(2){background:url(../images/002-01.jpg) no-repeat center center;}
.page3_3 dd:nth-of-type(3){background:url(../images/003-01.jpg) no-repeat center center;}
.page3_3 dd:nth-of-type(4){background:url(../images/004-01.jpg) no-repeat center center;}
.page3_3 dd:nth-of-type(5){background:url(../images/005-01.jpg) no-repeat center center;}
.page3_3 dd .box{width:1000px; margin:0 auto; position:relative;}
.page3_3 dd .img{float:left;width: 60%;}
.page3_3 dd:nth-of-type(2n+2) .img{float:right;}
.page3_3 dd .text{float:right;width: 40%;position:absolute;top:50%;transform:translateY(-50%);right:0;}
.page3_3 dd:nth-of-type(2n+2) .text{float:left; right:inherit; left:0;}
.page3_3 dd .text h2{ font-size:30px; color:#dc3b3f; line-height:54px; display:inline-block; border-bottom:1px solid #ddd}
.page3_3 dd .text p{ width:100%; font-size:14px; color:#666; padding: 10px 0;}
.page3_3 dd .text img{ width:42px;}

.page4{padding:0 0 60px;max-width:1200px;margin:0 auto;overflow: hidden;}
.page4 .Hdtitle{color: #393939;font-size: 28px;line-height: 1;    padding: 60px 0; text-align:center}
.page4_1{}
.page4_1 ul{ }
.page4_1 li { float: left; width: 25%; padding-left: 40px; padding-right: 40px; }
.page4_1 .icon { text-align: center; }
.page4_1 p.title { line-height: 80px; font-size: 24px; text-align: center; color: #252525; }
.page4_1 p.intro { font-size: 14px; line-height: 2; }
.page4_2{}
.page4_2 .con{ text-align:center;}
.page4_2 .con img{ display:inline-block;}
.page4_3  li { float: left; }
.page4_3 li.sibu_item {width: 186px;width: 16%;}
.page4_3 li.sibu_item div.icon { height: 186px; background: url("../images/003-01.png") center center no-repeat; }
.page4_3 li.sibu_item div.icon span { width: 120px; height: 120px; border-radius: 50%; display: block; line-height: 120px; text-align: center; color: #f70000; position: relative; left: 34px; top: 34px; transition: all 0.3s; }
.page4_3 li.sibu_item p.intro { color: #707070; font-size: 14px; line-height: 2; padding-top: 15px; }
.page4_3 li.sibu_item:hover div.icon span { color: #fff; background-color: #f70000; }
.page4_3  li.sep {width: 150px;display: block;height: 200px;overflow: hidden;background: url("../images/003-02.png") center center no-repeat;width: 12%;}
.page4_4 .youshi_item { width: 25%; float: left; }
.page4_4 .youshi_item div.icon {float: left;width: 43%;text-align: center;}
.page4_4 .youshi_item div.icon span.iconfont { font-size: 60px; color: #1c82ff; line-height: 0.8; }
.page4_4 .youshi_item div.box {width: 44%;float: left;}
.page4_4 .youshi_item div.box p.title { color: #f70000; font-size: 24px; }
.page4_4 .youshi_item div.box p.intro { color: #414141; font-size: 14px; line-height: 2; }
.page4_5 .chengnuo_item { float: left; width: 33.33%; }
.page4_5 .chengnuo_item div.icon { float: left; width: 140px; height: 90px; text-align: center;}
.page4_5 .chengnuo_item div.icon span.iconfont { line-height: 1.8; font-size: 44px; color: #fff; }
.page4_5 .chengnuo_item div.box { float: left; width: 200px; }
.page4_5 .chengnuo_item div.box p.title { font-weight: bold; font-size: 24px; color: #555555; }
.page4_5 .chengnuo_item div.box p.intro { color: #555555; font-size: 14px; line-height: 2; }
.page4_5 .Hdtitle{ display:inline-block;}
.page4_5 .Hdtitle:before,.page4_5 .Hdtitle:after {content: '';width: 500px;height: 1px;background:#e1e1e1;float: left;position: relative;top: 19px;z-index: 2;}
.page4_5 .Hdtitle:before { left: -70px }
.page4_5 .Hdtitle:after { float: right; right: -70px }
.page4_6{}
.page4_6 .content{ font-size:14px; color:#393939;}
.page4_6 ul{}
.page4_6 ul li{float:left; width:50%;}
.page4_6 ul li img{margin:0 auto; display:block;}
.page4_7 {height: 540px;background:url(../images/007.jpg) center center no-repeat;max-width: inherit;background-size: 100% 100%;}
.page4_7 .Hdtitle { color: #fff; }
.page4_7 ul {overflow: hidden;width: 1200px;margin: 0 auto;}
.page4_7 li.sida_item { float: left; color: #fff; width: 25%; text-align: center; }
.page4_7 li.sida_item div.icon { background-color: #fff; width: 133px; height: 133px; border-radius: 50%; border: 1px solid #fff; text-align: center; margin: 0 auto; }
.page4_7 li.sida_item div.icon img{}
.page4_7 li.sida_item div.icon span.iconfont {/* font-size: 80px; *//* line-height: 130px; *//* color: #1c82ff; */height: 71px;display: block;margin-top: 30px;}
.page4_7 li.sida_item p.title { font-size: 18px; line-height: 70px; }
.page4_7 li.sida_item p.intro { font-size: 14px; line-height: 2; width: 200px; margin: 0 auto; }
.page4_8 ul{margin: 0 -15px;}
.page4_8 li.liuda_item {float: left;width: 33.3333%;padding: 8px 15px;}
.page4_8 li.liuda_item .box{/* width: 100%; */height: 300px;text-align: center;/* padding-left: 30px; *//* padding-right: 30px; */border: 1px solid #ddd;padding: 15px;}
.page4_8 li.liuda_item div.icon { padding: 40px 60px; }
.page4_8 li.liuda_item div.icon span.iconfont { font-size: 80px; line-height: 1; color: #1c82ff; }
.page4_8 li.liuda_item p.title { color: #393939; font-size: 18px; line-height: 2; }
.page4_8 li.liuda_item p.intro { color: #959595; font-size: 14px; line-height: 2; }

.page4:last-of-type{ padding-bottom:0}

.about {padding:70px 0 0 0;color:#434343;text-align:center;width: 960px;margin: 0 auto;}
.about .line { background: #e60012; width:150px; height:2px; margin:0px auto 17px auto; }
.about .mainChildTitle { font-size:44px; line-height:76px; padding-bottom:30px; }
.about .info { font-size:16px; line-height:24px; padding-bottom:30px; }
.about .main_sub2 { background:none; padding:0; }
.about .main_sub2 .numWrap { padding:20px 0; color:#434343; }
.main_sub2 .numWrap .hd{font-family:Verdana, Geneva, sans-serif; height:60px;}
.main_sub2 .numWrap span{ font-size:50px; font-weight:bold; line-height:60px;}
.main_sub2 .numWrap em{font-size:30px;font-weight:bold;line-height:60px;font-style:normal;display: none;}
.main_sub2 .linkBtn{ margin:20px auto 0;}
.aboutSub1 { background-color: #dfddde; height:680px; }
.aboutSub1 .wrap1000 { background:url(../images/idea.gif) no-repeat center center; height:680px; }
.mainChildList { border-bottom:1px solid #949494; text-align:left; }
.mainChildList .wapImg { display:none; text-align: center; }
.mainChildList .wapImg img { max-width:100%; }
.mainChildList .head { padding:20px 0; border-bottom:2px solid #e60012; }
.mainChildList .title { line-height:68px; color:#434343; font-size:55px;/* font-family:'NotoSansHans-Light'; */ }
.mainChildList .titleEn { line-height:66px; color:#434343; font-size: 40px;/* font-family: 'MyriadPro-Regular_0'; */ }
.mainChildList .content { padding:26px 0; }
.mainChildList .content p { color:#434343; font-size:18px; line-height:28px; }
.mainChildList .left { float:left; }
.mainChildList .right { float:right; }
.mainChildList .linkBtn { margin-top:34px; }
.mainChildList .container { width:960px; margin:0 auto; }
#mainChild3 .left { width:358px; }
#mainChild3 .right { width:570px; padding-top:68px; }
#mainChild4 .right { width:358px; }
#mainChild4 .left { width:570px; padding-top:68px; }
#mainChild5 { padding:60px 0 0 0; }
#mainChild5 .container { width:960px; margin:0 auto; text-align:center; }
#mainChild5 .mainChildTitle { line-height:50px; color: #434343; font-size: 44px; }
#mainChild5 .sub, #mainChild6 .sub, #mainChild7 .sub { margin:26px auto 29px auto; width:150px; height:2px; background: #e60012; }
#mainChild5 .info { font-size:16px; line-height:24px; }
.aboutScrool { height:527px; margin:37px 0 50px 0; overflow: inherit; }
.aboutScrool .pic li { height:527px; }
.aboutScrool .pic img { width: 100%; height: 527px; }
.aboutScrool .hd { top:577px; height:31px; margin-top:-31px; }
.aboutScrool .hd li { height:3px; background:#959595; width: 60px; border-radius:0; }
.aboutScrool .hd .on { background:#ff000a; }
#mainChild6 { height:737px; background-image:url(../images/banner2.jpg); background-position:center; background-size:cover; background-attachment:fixed; text-align:center }
#mainChild6 .mainChildTitle { color:#fff; line-height:70px; padding-top:170px; }
#mainChild6 .sub { width:126px; margin-top:28px; }
#mainChild6 .mainChildTitle2 { color:#fff; padding-bottom:34px; }
#mainChild6 .titleEn { line-height:84px; color:#fff; font-size:90px; }
#mainChild6 { height:626px; }
#mainChild6 .mainChildTitle { line-height:60px; padding-top:144px; }
#mainChild6 .sub { width:107px; margin-top:24px; }
#mainChild6 .mainChildTitle2 { padding-bottom:29px; }
#mainChild6 .titleEn { line-height:74px; font-size:76px; }
#mainChild6 .container { width:960px; }
#mainChild6 .sub { width:150px; height:2px; margin:0px auto 17px auto; }
#mainChild6 .mainChildTitle { line-height:76px; font-size:44px; }
#mainChild6 .mainChildTitle2 { font-size:30px; line-height:50px; }
#mainChild7 { padding:70px 0 80px 0; }
#mainChild7 .sub { margin:6px auto 11px auto; width:126px; }
#mainChild7 .mainChildTitle2 { color:#E50012; padding-bottom:24px; }
#mainChild7 .info { color:#434343; font-size:18px; line-height:28px; }
#mainChild7 .content { position:relative; width:400px; height:410px; margin:48px auto 0 auto; }
#mainChild7 .content .quan { position:absolute; width:220px; height:220px; background:url(../images/quan.png) no-repeat; background-size:100% 100%; text-align:center; font-size:24px; color:#fff; line-height:28px; }
#mainChild7 .content .quan .titleEn { letter-spacing:0.12em; margin-top:84px; font-weight:100; font-stretch:condensed; }
#mainChild7 .content .quan .titleCh { font-weight:100; }
#mainChild7 .content .quan#quan1 { top:0px; left:90px; }
#mainChild7 .content .quan#quan2 { top:160px; left:0px; }
#mainChild7 .content .quan#quan3 { top:160px; left:180px; }
#mainChild7 .content .quan#quan4 { top:90px; left:90px; background:none; }
#mainChild7 { padding: 60px 0 48px 0; }
#mainChild7 .sub { margin:5px auto 9px auto; width:107px; }
#mainChild7 .mainChildTitle2 { padding-bottom:20px; }
#mainChild7 .info { font-size:16px; line-height:24px; }
#mainChild7 .mainChildTitle { line-height:76px; font-size:44px; }
#mainChild7 .mainChildTitle2 { font-size:30px; line-height:50px; }
#mainChild7 .container { width:960px; margin:0 auto; text-align:center }
#mainChild7 .quan.on { animation: scaleOpacityAn 0.6s ease-in-out 0.4s both; }

.contract_sub1{ position:relative; margin-bottom: 60px;}
.contract_sub1 .left{ color:#3c3c3c;}
.contract_sub1 .left h2{ font-size:48px; line-height:1; padding:70px 0 40px;}
.contract_sub1 .left .text{ font-size:22px; line-height:2;}
.contract_sub1 .right{ position:absolute; right:0; top:70px  ;text-align: center;background: #ff0200;padding: 50px 80px; color:#fff; font-size:14px;}
.contract_sub1 .right h5{padding-top:10px;}

.select-box:hover { z-index: 101; }
.select-box dt { margin-right: 1px; padding: 0 5px; cursor: pointer; }
.select-box dt b { font-weight: normal; display: block; margin-right: 15px; color: #fff; }
.select-box dt i.ico { position: absolute; transition: 0.3s all ease-in-out; background: url(../images/icon.png) no-repeat -41px -10px; width: 12px; height: 6px; right: 10px; top: 50%; margin-top: -4px; }
.select-box dt.open i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.select-box dd { position: absolute; max-height: 200px; opacity:0.8; filter:alpha(opacity=80); z-index: 102; overflow-y: auto; background: #000; padding: 0 0; overflow-x: hidden; right: 0; left: 0; top: 100%; display: none; }
.select-box dd a { display: block; line-height: 1.8; color: #fff; font-weight: normal; white-space: normal; padding: 0 5px; margin-top: 0px; }
.select-box dd a:hover, .select_0 dd a.on { color: #000; background: #fff; }
.cont-4{ background:#f6f6f6; padding:80px 0;}
.cont-4 .inp-box{}
.cont-4 .inp-box h3{font-size: 48px;font-weight:normal;margin-bottom:30px;color:#828283;}
.cont-4 .inp-box ul{}
.cont-4 .inp-box li{ margin:0 0 20px 0;}
.cont-4 .inp-box li:first-child{ margin-right:40px;}
.cont-4 .inp-box ul input{border:1px solid #ddd;border-radius:5px;line-height:50px;height:50px;font-size: 20px;padding:0 20px;width:360px;font-family: 微软雅黑;}

.contact-select {width:400px;border:1px solid #ddd;border-radius:5px;line-height:50px;background:#fff;height:50px;font-family: 微软雅黑;}
.contact-select dt { padding:0;}
.contact-select dt b {padding-left:20px;margin-right:0;font-size: 20px;color:#828283;}
.set.contact-select dt b {/* color:#000; */}
.contact-select dt i.ico { width:25px; height:16px; background:url(../images/select_d.png) no-repeat; margin-top:-8px; right:15px;}
.contact-select dd { background:#fff; opacity:1; filter:alpha(opacity=100); border:1px solid #ddd; border-radius:5px; left:-1px; right:-1px;}
.contact-select dd a { font-size:1.6em; color:#000; padding-left:20px;}
.contact-select dd a:hover { background:#f0f0f0;}

.cont-4 .inp-box li.email input{ width:450px;}
.cont-4 .inp-box li textarea{border:1px solid #ddd;border-radius:5px;height: 120px;line-height:1.5;font-size: 20px;padding:10px 20px;width:800px;font-family: 微软雅黑;resize: none;}
.cont-4 .inp-box .fl{ float:left;}
.cont-4 .inp-box li.code input{ width:200px; float:left;}
.cont-4 .inp-box li.code img{ float:left; width:100px; height:50px; margin:0 15px; border-radius:5px; overflow:hidden;}
.cont-4 .inp-box li.code a{line-height:50px;font-size: 14px;float:left;}
.cont-4 .inp-box li .but{ border:0;  width:150px; background:#ff0000; color:#fff; margin-top:20px; line-height:1; height:50px;}
.select-box:hover {z-index: 101;}
.select-box {/* width: 100%; */position: relative;z-index: 100;/* border-radius: 1px; *//* line-height: 35px; *//* height: 35px; *//* color: #000; */}

.mainFocus{}
.mainFocus .banner01{ text-align:center; position:relative;}
.mainFocus .banner01 a{ display:block; text-align:center;}
.mainFocus .banner01 a .text{ color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mainFocus .banner01 a h2{ font-size:82px; line-height:1; padding:0 0 60px;}
.mainFocus .banner01 a h3{ font-size:48px; line-height:1;}
.mainFocus .banner03{}
.mainFocus .banner03 a{display:block; position:relative;}
.mainFocus .banner03 a .box{ position:absolute; width:100%; max-width:1300px; top:50%; left:50%; transform:translate(-50%, -50%);}
.mainFocus .banner03 a .left{ width:45%; float:left;}
.mainFocus .banner03 a h2{ font-size:48px; line-height:1; color:#e80000;}
.mainFocus .banner03 a h3{ font-size:24px; color:#2a2a2a; line-height:1; padding:45px 0;}
.mainFocus .banner03 a p{ font-size:18px; color:#2a2a2a; line-height:1.6;}
.mainFocus .banner03 a .right{ width:55%; float:right;}
.banner04{ position:absolute;width:100%;top:50%; left:50%; transform:translate(-50%, -50%);}
.banner04 .left{ width:40%; float:left;}
.banner04 .right{ width:60%; float:right;}
.banner04 .box{ position:relative;color:#364c64;}
.banner04 .left{ width:40%; top:50%; left:50%; transform:translate(-100%, -50%); position:absolute;}
.banner04 .right{ width:60%; float:right;}
.banner04 h2{font-size: 60px;line-height:1;font-family:"Times New Roman", Times, serif;}
.banner04 h3{font-size: 36px;line-height:1;padding:20px 0 120px;}
.banner04 p{font-size: 20px;line-height:1;}
.banner05{}
.banner05 .left {left: 0%;transform: translate(-0%, -50%);}
.banner05 h2{}
.banner05 h3{ color:#e80000; font-size:36px; line-height:1; padding:40px 0 30px;}
.banner05 h4{ font-size:24px; line-height:1; color:#2a2a2a; padding:0 0 80px;}
.banner05 p{ font-size:14px; line-height:1.6; color:#2a2a2a;}

.dialog ul{ max-width:520px;}
.dialog ul li { float: left; margin: 10px; text-align: center; }
.dialog ul li p { padding-bottom: 10px; }
.dialog ul li a { background: #f2f2f2; font-size: 12px; color: #333; display: block; padding: 12px 0px 0px 0px; text-decoration: none; width: 110px; text-align: center; }
.dialog ul li a img{ width:56px; height:56px;}
.dialog ul li a p { display: block; text-align: center; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chakangd { font-size: 14px; color: #333; display: block; text-decoration: none; font-weight: bold; border-radius: 4px; width: 130px; height: 30px; line-height: 30px; text-align: center; border-radius: 55px; margin-top: 6px; }
.dialog ul li a:hover { background: #D7D7D7; }
.layui-layer-dialog .layui-layer-content{height:auto !important;}

.flowRight{width: 60px;position:fixed;right:0;background:#fff; top:50%; margin-top:-90px; z-index:99999}
.flowRight a{color:#fff; display:block;}
.flowRight li{width: 60px;height: 60px;background:#fe0000;margin-bottom:1px;position:relative;}
.flowRight li:last-of-type{ margin-bottom:0;}
.flowRight li .hd{position:absolute;right:0;top:0;height: 60px;width: 60px;text-align:center;padding: 5px 0;z-index:2;background: #fe0000;}
.flowRight li .hd i{height: 30px;display:block;line-height: 30px;font-size: 30px;}
.flowRight li .hd span{height: 15px;line-height: 15px;font-size: 12px;}
.flowRight li.list1 .bd{position:absolute;height:60px;background: #fe0000;width: 140px;color: #fff;line-height: 60px;left: 0px;text-align: center;font-size: 16px;z-index: 1;}
.flowRight li.list1:hover .bd{ left:-140px;}


@media (max-width: 1500px) {
.main_sub1 li{ padding:50px 0px;}
.main_sub1 li dl{ width:80%; margin:0 auto;}
.main_sub1 li dd{ width:100%;}
}

@media (max-width: 1300px) {
.wrap{ width:100%; padding:0 15px;}
.wrapRow{ margin-left:-15px; margin-right:-15px;}
.pcNavWrap {height: 70px;}
.logo{float:left;height: 70px;padding: 10px 0;width: 300px; width:auto}
.logo img{height: 50px;}
.logoTel{height: 50px;border-left:1px solid #bfbfbf;margin: 10px 0 10px 10px;padding-left:10px;float:left;font-size: 16px;line-height: 20px;}
.logoTel span{display: block;font-size: 20px;line-height: 30px;}
.topLink{width:195px;height:30px;/* margin:0 0 0 -195px; *//* float:right; */position: fixed;right: 4%;top: 0;display: none;}
.PcNav {padding-top: 10px;}
.page-footer{padding: 100px 0 0px 0;}
.footer_sub1{ background:#c80000; position:relative; padding:100px 0;}
.footer_sub1:before{ content:''; position:absolute; border:1px solid #fff; left:0; top: 0; right:0;bottom: 0;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.footer_sub1:hover:before{ left:30px; top: 30px; right:30px;bottom:30px;}
.footer_sub1 .left{ width:240px; height:210px;position:relative; float:left;}
.footer_sub1 .left .pic{width:240px; height:210px; background-color: #303030; position:absolute; left:0; top:0; z-index: 22;}
.footer_sub1 .left img{ display:block; margin:0 auto; position:absolute; left:50%; top:50%; width:149px; height:141px; margin:-75px 0 0 -70px}
.footer_sub1 .right{width: 65%;float:right;color:#fff;}
.footer_sub1 .right h2{font-size: 35px;font-weight: bold;line-height:1.2;}
.footer_sub1 .right h3{font-size: 21px;line-height:1.5;letter-spacing: 3px;}
.footer_sub1 .right .tel{text-align:left;padding-top: 15px;}
.footer_sub1 .right .tel .l{display:inline-block;padding: 0 30px 0 0;}
.footer_sub1 .right .tel .l p{ font-size:14px;}
.footer_sub1 .right .tel .l span{font-size: 28px;font-family:Verdana, Geneva, sans-serif;height: 40px;line-height: 40px;}
.footer_sub1 .right .tel .r{ display:inline-block;}
/*
.footer_sub1 .right .tel .r a{ display:block; background:url(../images/footer02.png) no-repeat left center; height:62px; padding:0 0 0 70px;}
.footer_sub1 .right .tel .r a i{float:left;height:26px;line-height:26px;background:#000;color:#c80000;padding:0 15px;font-size:12px;margin-top: 16px;border-radius: 5px;}
.footer_sub1 .right .tel .r a:hover{ background-image:url(../images/footer03.png);}
.footer_sub1 .right .tel .r a:hover i{ background:#fff; color:#c80000}
*/
.footer_sub1 .right .text a{ margin-top:30px; font-size:14px; line-height:20px; position:absolute; display:block; color:#fff;}
.footer_sub1 .right .text a i{ position:absolute; right:-60px; top:50%; width:50px; height:1px; background:#fff;}
.footer_sub1 .right .text a:hover i{ width:100px; right:-110px;}


.footer_sub1 .icon{ background:url(../images/footer04.png) no-repeat; width:62px; height:62px; position:absolute; right:60px; top:60px;}
.footer_sub2{position:relative;width: 100%;margin: 40px auto 20px;}
.footer_sub2 .pic{float:left;width: 40%;}
.footer_sub2 .right{float:right;width: 60%;}
.footer_sub2 .right p{ /*width:50%;*/ float:left;}


.contract_sub1{ position:relative; margin-bottom: 60px;}
.contract_sub1 .left{ color:#3c3c3c;}
.contract_sub1 .left h2{ font-size:48px; line-height:1; padding:70px 0 40px;}
.contract_sub1 .left .text{font-size: 18px;line-height: 1.5;}
.contract_sub1 .right{position:absolute;right:0;top:70px;text-align: center;background: #ff0200;padding: 30px 30px;color:#fff;font-size:14px;}
.contract_sub1 .right h5{padding-top:10px;}

.mainFocus{}
.mainFocus .banner01{ text-align:center; position:relative;}
.mainFocus .banner01 a{ display:block; text-align:center;}
.mainFocus .banner01 a .text{ color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mainFocus .banner01 a h2{ font-size:82px; line-height:1; padding:0 0 60px;}
.mainFocus .banner01 a h3{ font-size:48px; line-height:1;}
.mainFocus .banner03{}
.mainFocus .banner03 a{display:block; position:relative;}
.mainFocus .banner03 a .box{position:absolute;width:100%;max-width: 1000px;top:50%;left:50%;transform:translate(-50%, -50%);}
.mainFocus .banner03 a .left{ width:45%; float:left;}
.mainFocus .banner03 a h2{font-size: 30px;line-height:1;color:#e80000;}
.mainFocus .banner03 a h3{font-size: 18px;color:#2a2a2a;line-height:1;padding:45px 0;}
.mainFocus .banner03 a p{font-size: 16px;color:#2a2a2a;line-height:1.6;}
.mainFocus .banner03 a .right{ width:55%; float:right;}

.banner04{ position:absolute;width:100%;top:50%; left:50%; transform:translate(-50%, -50%);}
.banner04 .left{ width:40%; float:left;}
.banner04 .right{ width:60%; float:right;}
.banner04 .box{position:relative;color:#364c64;width: 90%; margin:0 auto;}
.banner04 .left{ width:40%; top:50%; left:50%; transform:translate(-100%, -50%); position:absolute;}
.banner04 .right{width: 40%;float:right;}
.banner04 h2{font-size: 50px;line-height:1;font-family:"Times New Roman", Times, serif;}
.banner04 h3{font-size: 26px;line-height:1;padding:20px 0 120px;}
.banner04 p{font-size: 20px;line-height:1;}
.banner05{}
.banner05 .left {left: 0%;transform: translate(-0%, -50%);}
.banner05 h2{}
.banner05 h3{ color:#e80000; font-size:36px; line-height:1; padding:40px 0 30px;}
.banner05 h4{ font-size:24px; line-height:1; color:#2a2a2a; padding:0 0 40px;}
.banner05 p{ font-size:14px; line-height:1.6; color:#2a2a2a;}




}

@media (max-width:1070px){
.gf-news-detail .detail-hd-l{width: 100%;float: none;}
.gf-news-detail .detail-hd-r{width: 100%;float: none;margin-bottom: 50px;}
.gf-news-detail .gf-share {padding-top: 20px;}
.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{width: 0;}
.gf-news-detail{ padding:60px 4%;}

}
@media (max-width: 1024px) {/*PAD横屏*/
.wrapRow{ margin-left:-15px; margin-right:-15px;}
.pageLnav{ width:15%;}
.pageRight{ width:80%;}
.newsH2{color: #c11923;font-weight: 600;font-size: 28px;margin-bottom: 42px; line-height:1;}
.PcNav h3 a{ padding:0 10px;}
.footer_sub2 .right{float:right;width: 60%;}
.footer_sub2 .right p{ width:25%; float:left;}
.footer_sub2 .right p:nth-of-type(2){ width:40%;padding:0 30px 0 0}

.newsBanner{ position:relative;}
.newsBanner .vh-center{line-height:1.5;color:#e80000;font-size: 20px;text-align:center;top:30%;}
.newsBanner .vh-center span{font-size: 31px;}
.newsBanner img{width:100%;}
.newsBanner .focus-text{position: absolute;bottom: 30px;left: 4%;z-index: 2;color: #0a0a0a;line-height:1;}
.newsBanner .focus-text .p1{font-size: 16px;padding-bottom: 10px;}
.newsBanner .focus-text .p2{font-size: 40px;font-weight: bold;}
.newsBanner .focus-text .p3{font-size: 30px;font-weight: bold;width:55%;}

.page4{padding: 0 4% 30px;max-width:1200px;margin:0 auto;overflow: hidden;}
.page4 .Hdtitle{color: #393939;font-size: 28px;line-height: 1;padding: 40px 0;text-align:center;}
.page4_1{}
.page4_1 ul{ }
.page4_1 li {float: left;width: 50%;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
.page4_1 .icon { text-align: center; }
.page4_1 p.title { line-height: 80px; font-size: 24px; text-align: center; color: #252525; }
.page4_1 p.intro { font-size: 14px; line-height: 2; }
.page4_2{}
.page4_2 .con{ text-align:center;}
.page4_2 .con img{ display:inline-block;}
.page4_3  li { float: left; }
.page4_3 li.sibu_item {width: 186px;width: 25%;}
.page4_3 li.sibu_item div.icon { height: 186px; background: url("../images/003-01.png") center center no-repeat; }
.page4_3 li.sibu_item div.icon span { width: 120px; height: 120px; border-radius: 50%; display: block; line-height: 120px; text-align: center; color: #4a9bff; position: relative; left: 34px; top: 34px; transition: all 0.3s; }
.page4_3 li.sibu_item p.intro { color: #707070; font-size: 14px; line-height: 2; padding-top: 15px; }
.page4_3 li.sibu_item:hover div.icon span { color: #fff; background-color: #4a9bff; }
.page4_3  li.sep {width: 150px;display: block;height: 200px;overflow: hidden;background: url("../images/003-02.png") center center no-repeat;width: 12%;display: none;}
.page4_4 .youshi_item {width: 50%;float: left;}
.page4_4 .youshi_item div.icon {float: left;width: 43%;text-align: center;}
.page4_4 .youshi_item div.icon span.iconfont { font-size: 60px; color: #1c82ff; line-height: 0.8; }
.page4_4 .youshi_item div.box {width: 44%;float: left;}
.page4_4 .youshi_item div.box p.title { color: #1c82ff; font-size: 24px; }
.page4_4 .youshi_item div.box p.intro { color: #414141; font-size: 14px; line-height: 2; }
.page4_5 .chengnuo_item {float: left;width: 33.33%;text-align: center;}
.page4_5 .chengnuo_item div.icon {float: none;width: 140px;height: 90px;text-align: center;margin: 0 auto;}
.page4_5 .chengnuo_item div.icon span.iconfont { line-height: 1.8; font-size: 44px; color: #fff; }
.page4_5 .chengnuo_item div.box { float: left; width: 200px; }
.page4_5 .chengnuo_item div.box p.title { font-weight: bold; font-size: 24px; color: #555555; }
.page4_5 .chengnuo_item div.box p.intro { color: #555555; font-size: 14px; line-height: 2; }
.page4_5 .Hdtitle{ display:inline-block;}
.page4_5 .Hdtitle:before,.page4_5 .Hdtitle:after {content: '';width: 500px;height: 1px;background:#e1e1e1;float: left;position: relative;top: 19px;z-index: 2;display: none;}
.page4_5 .Hdtitle:before { left: -70px }
.page4_5 .Hdtitle:after { float: right; right: -70px }
.page4_6{}
.page4_6 .content{ font-size:14px; color:#393939;}
.page4_6 ul{}
.page4_6 ul li{float:left; width:50%;}
.page4_6 ul li img{margin:0 auto; display:block;}
.page4_7 {height: 540px;background:url(../images/007.jpg) center center no-repeat;max-width: inherit;background-size: 100% 100%;}
.page4_7 .Hdtitle { color: #fff; }
.page4_7 ul {overflow: hidden;width: 100%;margin: 0 auto;}
.page4_7 li.sida_item { float: left; color: #fff; width: 25%; text-align: center; }
.page4_7 li.sida_item div.icon { background-color: #fff; width: 133px; height: 133px; border-radius: 50%; border: 1px solid #1c82ff; text-align: center; margin: 0 auto; }
.page4_7 li.sida_item div.icon img{}
.page4_7 li.sida_item div.icon span.iconfont {/* font-size: 80px; *//* line-height: 130px; *//* color: #1c82ff; */height: 71px;display: block;margin-top: 30px;}
.page4_7 li.sida_item p.title { font-size: 18px; line-height: 70px; }
.page4_7 li.sida_item p.intro { font-size: 14px; line-height: 2; width: 200px; margin: 0 auto; }
.page4_8 ul{margin: 0 -15px;}
.page4_8 li.liuda_item {float: left;width: 33.3333%;padding: 8px 15px;}
.page4_8 li.liuda_item .box{/* width: 100%; */height: 300px;text-align: center;/* padding-left: 30px; *//* padding-right: 30px; */border: 1px solid #ddd;padding: 15px;}
.page4_8 li.liuda_item div.icon { padding: 40px 60px; }
.page4_8 li.liuda_item div.icon span.iconfont { font-size: 80px; line-height: 1; color: #1c82ff; }
.page4_8 li.liuda_item p.title { color: #393939; font-size: 18px; line-height: 2; }
.page4_8 li.liuda_item p.intro { color: #959595; font-size: 14px; line-height: 2; }
.cont-4 .inp-box li textarea { width:94%;}

.mainFocus{}
.mainFocus .banner01{ text-align:center; position:relative;}
.mainFocus .banner01 a{ display:block; text-align:center;}
.mainFocus .banner01 a .text{ color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mainFocus .banner01 a h2{font-size: 60px;line-height:1;padding: 0 0 40px;}
.mainFocus .banner01 a h3{font-size: 30px;line-height:1;}
.mainFocus .banner03{}
.mainFocus .banner03 a{display:block; position:relative;}
.mainFocus .banner03 a .box{position:absolute;width: 80%;max-width:1300px;top:50%;left:50%;transform:translate(-50%, -50%);}
.mainFocus .banner03 a .left{ width:45%; float:left;}
.mainFocus .banner03 a h2{font-size: 30px;line-height:1;color:#e80000;}
.mainFocus .banner03 a h3{font-size: 18px;color:#2a2a2a;line-height:1;padding:45px 0;}
.mainFocus .banner03 a p{font-size: 13px;color:#2a2a2a;line-height:1.6;}
.mainFocus .banner03 a .right{ width:55%; float:right;}
}

@media (max-width: 768px) {/*PAD竖屏*/
.PcNav{ display:none;}
.touchNav{position:fixed;z-index:9999999999999;width:100%;top: 70px;left:100%;bottom:0;background:#fff;display:block;padding:10px 20px 0;}
.touchNavBtn{ display:block;}

.main_sub1 li{ padding:50px 0px; width:50%; border-bottom:1px solid #fff !important;}
.main_sub1 li dl{ width:80%; margin:0 auto;}
.main_sub1 li dd{ width:100%;}
.main_sub1 li a h2{ font-size:14px;}
.main_sub1 li i{ margin:15px auto;}

.main_case{}
.main_caseHd{padding:0 0 20px;font-size: 12px;}
.main_caseHd p{width:auto;float: none;display: inline-block;}
.main_caseHd p a{ color:red;}
.main_caseHd ul{width:auto;float: none;display: inline-block;}
.main_caseHd li{width:auto;float: none;line-height: 20px;display: inline-block;}
.main_caseHd li a{ color:#333;}
.main_caseHd li a:hover{color:red;}
.case-content li{width: 46%; margin-right: 8%;float: left;margin-bottom: 30px;}
.case-content li:nth-of-type(3n){margin-right: 8%;}
.case-content li:nth-of-type(2n){margin-right: 0;}
.case-content .hd{margin-top: 20px;}
.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}

.gf-news .news-bd-content li{width: 100%;margin-right: 0;min-height: auto;padding-bottom: 10px;padding-top: 10px;float: none;}
.gf-news .news-bd-page{padding-top: 30px;padding-bottom: 20px;}
.gf-news .news-bd-content h2{padding-bottom: 15px;}
.gf-news .news-bd-page a{width: 20px;}

.gf-news-detail{padding-top: 40px;padding-bottom: 20px;}
.gf-news-detail .detail-hd{padding-bottom: 30px;}
.gf-news-detail .detail-hd-l .up{padding-bottom: 20px;}
.gf-news-detail .detail-hd-l p{line-height: 26px;}
.gf-case-detail .gf-state p{width: 100%;}

.page-footer{padding: 40px 0 0px 0;}
.footer_sub1{background:#c80000;position:relative;padding: 0 0 30px 0;}
.footer_sub1:before{ content:''; position:absolute; border:1px solid #fff; left:0; top: 0; right:0;bottom: 0;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.footer_sub1:hover:before,.footer_sub1:before{left: 10px;top: 10px;right: 10px;bottom: 10px;}
.footer_sub1 .left{width:240px;height:210px;position:relative;float:left;margin: 0 auto;float: none;}
.footer_sub1 .left .pic{width:240px; height:210px; background-color: #303030; position:absolute; left:0; top:0; z-index: 22;}
.footer_sub1 .left img{ display:block; margin:0 auto; position:absolute; left:50%; top:50%; width:149px; height:141px; margin:-75px 0 0 -70px}
.footer_sub1 .right{width: 100%;float:right;color:#fff;padding: 20px 0 0 0;text-align: center;}
.footer_sub1 .right h2{font-size: 20px;font-weight: bold;line-height:1.2;}
.footer_sub1 .right h3{font-size: 12px;line-height:1.5;letter-spacing: 3px;}
.footer_sub1 .right .tel{text-align:left;padding-top: 15px;padding: 15px 20px 0;}
.footer_sub1 .right .tel .l{display:inline-block;padding: 0 30px 0 0;}
.footer_sub1 .right .tel .l p{ font-size:14px;}
.footer_sub1 .right .tel .l span{font-size: 18px;font-family:Verdana, Geneva, sans-serif;height: 40px;line-height: 40px;}
.footer_sub1 .right .tel .r{ display:inline-block;}

/*
.footer_sub1 .right .tel .r a{ display:block; background:url(../images/footer02.png) no-repeat left center; height:62px; padding:0 0 0 70px;}
.footer_sub1 .right .tel .r a i{float:left;height:26px;line-height:26px;background:#000;color:#c80000;padding:0 15px;font-size:12px;margin-top: 16px;border-radius: 5px;}
.footer_sub1 .right .tel .r a:hover{ background-image:url(../images/footer03.png);}
.footer_sub1 .right .tel .r a:hover i{ background:#fff; color:#c80000}
*/

.footer_sub1 .right .text{display:none;}
.footer_sub1 .right .text a{ margin-top:30px; font-size:14px; line-height:20px; position:absolute; display:block; color:#fff;}
.footer_sub1 .right .text a i{ position:absolute; right:-60px; top:50%; width:50px; height:1px; background:#fff;}
.footer_sub1 .right .text a:hover i{ width:100px; right:-110px;}
.footer_sub1 .icon{background:url(../images/footer04.png) no-repeat;width:62px;height:62px;position:absolute;right:60px;top:60px;display: none;}
.footer_sub2{position:relative;width: 100%;margin: 10px auto 20px;}
.footer_sub2 .pic{float:left;width: 100%;}
.footer_sub2 .right{float:right;width: 100%;}
.footer_sub2 .right p{width: 33.3%;float:left;font-size: 12px;line-height: 1.5;}
.footer_sub2 .right p:nth-of-type(2){width: 33.3%;padding:0 30px 0 0;}

.newsBanner{ position:relative;}
.newsBanner .vh-center{line-height:1.5;color:#e80000;font-size: 20px;text-align:center;top:30%;}
.newsBanner .vh-center span{font-size: 30px;}
.newsBanner img{width:100%;height: 260px;}
.newsBanner .focus-text{position: absolute;bottom: 30px;left: 4%;z-index: 2;color: #0a0a0a;line-height:1;}
.newsBanner .focus-text .p1{font-size: 14px;padding-bottom: 10px;}
.newsBanner .focus-text .p2{font-size: 30px;font-weight: bold;}
.newsBanner .focus-text .p3{font-size: 24px;font-weight: bold;width: 96%;padding: 0;}

.gf-center{padding-top: 50px;}
.gf-center .gf-center-hd,.gf-center .gf-center-bd{float: none;}  
.gf-center .gf-center-hd{width: 100%;}
.gf-center .gf-center-bd{width: 100%; }
.gf-center .gf-center-bd li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.gf-center .gf-center-hd h2{padding-bottom: 30px; font-size: 24px;}
.gf-center .gf-center-bd h3{padding-bottom: 15px;}
.gf-center .gf-center-bd p{line-height: 26px;}

.webSiteTitle{ font-size:24px; color:#666; text-align:center; padding:40px 0 10px;}
.webSite_youshi{ text-align:center;}
.webSite_youshi li{display:inline-block; width:49.5%;}

.page3_3{}
.page3_3 dd{background:url(../images/001-01.jpg) no-repeat center center #f8f9fb;background-size:100% 100%;padding: 50px 0;}
.page3_3 dd:nth-of-type(1){
    background-size: contain;
    background-position: center bottom;
    padding-bottom: 200px;
}
.page3_3 dd:nth-of-type(1) .img{display:none;}
.page3_3 dd:nth-of-type(2){background:url(../images/002-01.jpg) no-repeat center center;}
.page3_3 dd:nth-of-type(3){background:url(../images/003-01.jpg) no-repeat center center;}
.page3_3 dd:nth-of-type(4){background:url(../images/004-01.jpg) no-repeat center center;}
.page3_3 dd:nth-of-type(5){background:url(../images/005-01.jpg) no-repeat center center;}
.page3_3 dd .box{width: 100%;margin:0 auto;position:relative;padding: 0 4%;}
.page3_3 dd .img{float:left;width: 60%;float: none;width: 100%;padding: 0 20%;}
.page3_3 dd:nth-of-type(2n+2) .img{float:right;float: none;width: 100%;padding: 0 20%;}
.page3_3 dd .text{float:right;width: 100%;position: inherit;top:50%;transform: translateY(-00%);right:0;text-align: center;}
.page3_3 dd:nth-of-type(2n+2) .text{float:left; right:inherit; left:0;}
.page3_3 dd .text h2{font-size: 28px;color:#dc3b3f;line-height:54px;display:inline-block;border-bottom:1px solid #ddd;}
.page3_3 dd .text p{ width:100%; font-size:14px; color:#666; padding: 10px 0;}
.page3_3 dd .text img{ width:42px;}


.page4{padding: 0 4% 30px;max-width:1200px;margin:0 auto;overflow: hidden;}
.page4 .Hdtitle{color: #393939;font-size: 18px;line-height: 1;padding: 20px 0;text-align:center;}
.page4_1{}
.page4_1 ul{ }
.page4_1 li {float: left;width: 50%;padding-left: 10px;padding-right: 10px;padding-bottom: 20px;/* vertical-align: top; */}
.page4_1 .icon { text-align: center; }
.page4_1 p.title {line-height: 40px;font-size: 16px;text-align: center;color: #252525;}
.page4_1 p.intro {font-size: 12px;line-height: 2;}
.page4_2{}
.page4_2 .con{ text-align:center;}
.page4_2 .con img{ display:inline-block;}
.page4_3  li { float: left; }
.page4_3 li.sibu_item {width: 186px;width: 50%;}
.page4_3 li.sibu_item div.icon { height: 186px; background: url("../images/003-01.png") center center no-repeat; }
.page4_3 li.sibu_item div.icon span { width: 120px; height: 120px; border-radius: 50%; display: block; line-height: 120px; text-align: center; color: #4a9bff; position: relative; left: 34px; top: 34px; transition: all 0.3s; }
.page4_3 li.sibu_item p.intro { color: #707070; font-size: 14px; line-height: 2; padding-top: 15px; }
.page4_3 li.sibu_item:hover div.icon span { color: #fff; background-color: #4a9bff; }
.page4_3  li.sep {width: 150px;display: block;height: 200px;overflow: hidden;background: url("../images/003-02.png") center center no-repeat;width: 12%;display: none;}
.page4_4 .youshi_item {width: 50%;float: left;}
.page4_4 .youshi_item div.icon {float: left;width: 43%;text-align: center;}
.page4_4 .youshi_item div.icon span.iconfont { font-size: 60px; color: #1c82ff; line-height: 0.8; }
.page4_4 .youshi_item div.box {width: 44%;float: left;}
.page4_4 .youshi_item div.box p.title {color: #1c82ff;font-size: 18px;}
.page4_4 .youshi_item div.box p.intro { color: #414141; font-size: 14px; line-height: 2; }
.page4_5 .chengnuo_item {float: none;width: 49%;text-align: center;display: inline-block;padding-bottom: 10px;}
.page4_5 ul{ text-align:center;}
.page4_5 .chengnuo_item div.icon {float: none;width: 140px;height: 90px;text-align: center;margin: 0 auto;}
.page4_5 .chengnuo_item div.icon span.iconfont { line-height: 1.8; font-size: 44px; color: #fff; }
.page4_5 .chengnuo_item div.box { float: left; width: 200px; }
.page4_5 .chengnuo_item div.box p.title {font-weight: bold;font-size: 18px;color: #555555;}
.page4_5 .chengnuo_item div.box p.intro { color: #555555; font-size: 14px; line-height: 2; }
.page4_5 .Hdtitle{ display:inline-block;}
.page4_5 .Hdtitle:before,.page4_5 .Hdtitle:after {content: '';width: 500px;height: 1px;background:#e1e1e1;float: left;position: relative;top: 19px;z-index: 2;display: none;}
.page4_5 .Hdtitle:before { left: -70px }
.page4_5 .Hdtitle:after { float: right; right: -70px }

.page4_6{}
.page4_6 .content{ font-size:14px; color:#393939;}
.page4_6 ul{}
.page4_6 ul li{float:left;width: 100%;padding: 5px 0 0 0;}
.page4_6 ul li img{margin:0 auto; display:block;}
.page4_7 {height: auto;background:url(../images/007.jpg) center center no-repeat;max-width: inherit;background-size: cover;}
.page4_7 .Hdtitle {color: #fff;padding: 20px;}


.page4_7 ul {overflow: hidden;width: 100%;margin: 0 auto;}
.page4_7 li.sida_item {float: left;color: #fff;width: 50%;text-align: center;padding: 15px 10px;}
.page4_7 li.sida_item div.icon {background-color: #fff;width: 133px;height: 133px;border-radius: 50%;border: 1px solid #1c82ff;text-align: center;margin: 0 auto;display: none;}
.page4_7 li.sida_item div.icon img{}
.page4_7 li.sida_item div.icon span.iconfont {/* font-size: 80px; *//* line-height: 130px; *//* color: #1c82ff; */height: 71px;display: block;margin-top: 30px;}
.page4_7 li.sida_item p.title {font-size: 14px;line-height: 30px;}
.page4_7 li.sida_item p.intro {font-size: 12px;line-height: 2;width: 100%;margin: 0 auto;}
.page4_8 ul{margin: 0 -15px;}
.page4_8 li.liuda_item {float: left;width: 50%;padding: 8px 15px;}
.page4_8 li.liuda_item .box{/* width: 100%; */height: 215px;text-align: center;/* padding-left: 30px; *//* padding-right: 30px; */border: 1px solid #ddd;padding: 5px;}
.page4_8 li.liuda_item div.icon { padding: 40px 60px; }
.page4_8 li.liuda_item div.icon span.iconfont { font-size: 80px; line-height: 1; color: #1c82ff; }
.page4_8 li.liuda_item p.title {color: #393939;font-size: 14px;line-height: 2;}
.page4_8 li.liuda_item p.intro {color: #959595;font-size: 11px;line-height: 2;}

.about {padding: 70px 4% 0 4%;color:#434343;text-align:center;width: 100%;margin: 0 auto;}
.about .line { background: #e60012; width:150px; height:2px; margin:0px auto 17px auto; }
.about .mainChildTitle { font-size:44px; line-height:76px; padding-bottom:30px; }
.about .info { font-size:16px; line-height:24px; padding-bottom:30px; }
.about .main_sub2 { background:none; padding:0; }
.about .main_sub2 .numWrap { padding:20px 0; color:#434343; }
.main_sub2 .numWrap li{
    padding: 0 15px;
}
.main_sub2 .numWrap .hd{font-family:Verdana, Geneva, sans-serif; height:60px;}
.main_sub2 .numWrap span{font-size: 40px;font-weight: normal;line-height:60px;}
.main_sub2 .numWrap em{font-size:30px;font-weight:bold;line-height:60px;font-style:normal;display: none;}
.main_sub2 .linkBtn{ margin:20px auto 0;}
.aboutSub1 { background-color: #dfddde; height:680px; }
.aboutSub1 .wrap1000 { background:url(../images/idea.gif) no-repeat center center; height:680px; }
.mainChildList { border-bottom:1px solid #949494; text-align:left; }
.mainChildList .wapImg { display:none; text-align: center; }
.mainChildList .wapImg img { max-width:100%; }
.mainChildList .head {padding: 10px 0;border-bottom: 1px solid #e60012;}
.mainChildList .title {line-height: 1;color:#434343;font-size: 30px;/* font-family:'NotoSansHans-Light'; */}
.mainChildList .titleEn {line-height: 1.5;color:#434343;font-size: 20px;/* font-family: 'MyriadPro-Regular_0'; */}
.mainChildList .content {padding: 10px 0;}
.mainChildList .content p { color:#434343; font-size:18px; line-height:28px; }
.mainChildList .left { float:left; }
.mainChildList .right { float:right; }
.mainChildList .linkBtn { margin-top:34px; }
.mainChildList .container {width: 100%;margin:0 auto;padding: 0 4%;}
#mainChild3 .left {width: 30%;}
#mainChild3 .right {width: 70%;padding-top:68px;}
#mainChild4 .right {width: 30%;}
#mainChild4 .left {width: 65%;padding-top:68px;}
#mainChild5 { padding:60px 0 0 0; }
#mainChild5 .container { width:960px; margin:0 auto; text-align:center; }
#mainChild5 .mainChildTitle { line-height:50px; color: #434343; font-size: 44px; }
#mainChild5 .sub, #mainChild6 .sub, #mainChild7 .sub { margin:26px auto 29px auto; width:150px; height:2px; background: #e60012; }
#mainChild5 .info { font-size:16px; line-height:24px; }
.aboutScrool { height:527px; margin:37px 0 50px 0; overflow: inherit; }
.aboutScrool .pic li { height:527px; }
.aboutScrool .pic img { width: 100%; height: 527px; }
.aboutScrool .hd { top:577px; height:31px; margin-top:-31px; }
.aboutScrool .hd li { height:3px; background:#959595; width: 60px; border-radius:0; }
.aboutScrool .hd .on { background:#ff000a; }
#mainChild6 { height:737px; background-image:url(../images/banner2.jpg); background-position:center; background-size:cover; background-attachment:fixed; text-align:center }
#mainChild6 .mainChildTitle { color:#fff; line-height:70px; padding-top:170px; }
#mainChild6 .sub { width:126px; margin-top:28px; }
#mainChild6 .mainChildTitle2 { color:#fff; padding-bottom:34px; }
#mainChild6 .titleEn { line-height:84px; color:#fff; font-size:90px; }
#mainChild6 { height:626px; }
#mainChild6 .mainChildTitle { line-height:60px; padding-top:144px; }
#mainChild6 .sub { width:107px; margin-top:24px; }
#mainChild6 .mainChildTitle2 { padding-bottom:29px; }
#mainChild6 .titleEn { line-height:74px; font-size:76px; }
#mainChild6 .container { width:960px; }
#mainChild6 .sub { width:150px; height:2px; margin:0px auto 17px auto; }
#mainChild6 .mainChildTitle { line-height:76px; font-size:44px; }
#mainChild6 .mainChildTitle2 { font-size:30px; line-height:50px; }
#mainChild7 { padding:70px 0 80px 0; }
#mainChild7 .sub { margin:6px auto 11px auto; width:126px; }
#mainChild7 .mainChildTitle2 { color:#E50012; padding-bottom:24px; }
#mainChild7 .info { color:#434343; font-size:18px; line-height:28px; }
#mainChild7 .content { position:relative; width:400px; height:410px; margin:48px auto 0 auto; }
#mainChild7 .content .quan { position:absolute; width:220px; height:220px; background:url(../images/quan.png) no-repeat; background-size:100% 100%; text-align:center; font-size:24px; color:#fff; line-height:28px; }
#mainChild7 .content .quan .titleEn { letter-spacing:0.12em; margin-top:84px; font-weight:100; font-stretch:condensed; }
#mainChild7 .content .quan .titleCh { font-weight:100; }
#mainChild7 .content .quan#quan1 { top:0px; left:90px; }
#mainChild7 .content .quan#quan2 { top:160px; left:0px; }
#mainChild7 .content .quan#quan3 { top:160px; left:180px; }
#mainChild7 .content .quan#quan4 { top:90px; left:90px; background:none; }
#mainChild7 { padding: 60px 0 48px 0; }
#mainChild7 .sub { margin:5px auto 9px auto; width:107px; }
#mainChild7 .mainChildTitle2 { padding-bottom:20px; }
#mainChild7 .info { font-size:16px; line-height:24px; }
#mainChild7 .mainChildTitle {line-height: 1.5;font-size: 30px;}
#mainChild7 .mainChildTitle2 {font-size: 20px;line-height: 40px;}
#mainChild7 .container {width: 100%;margin:0 auto;text-align:center;padding: 0 4%;}
#mainChild7 .quan.on { animation: scaleOpacityAn 0.6s ease-in-out 0.4s both; }

.contract_sub1{ position:relative; margin-bottom: 60px;}
.contract_sub1 .left{ color:#3c3c3c;}
.contract_sub1 .left h2{ font-size:48px; line-height:1; padding:70px 0 40px;}
.contract_sub1 .left .text{font-size: 12px;line-height: 1.5;}
.contract_sub1 .right{position:absolute;right:0;top:70px;text-align: center;background: #ff0200;padding: 30px 30px;color:#fff;font-size:14px;/* display: none; */width: 200px;}
.contract_sub1 .right h5{padding-top:10px;}

.cont-4{padding-top: 30px;}
	.cont-4 .inp-box .fl { float:none; width:auto;}
	.cont-4 .inp-box li { margin-bottom:10px;}
	.cont-4 .inp-box li.code{/* display: none; */}
	.cont-4 .inp-box li:first-child { margin:0 0 10px 0;}
	.cont-4 .inp-box li.email input,
	.cont-4 .inp-box li textarea,
	.cont-4 .inp-box ul input {width:97%;padding:0 1%;text-indent: 20px;}
	.contact-select {width: 97%;}
	.contact-select dd a,
	.contact-select dt b { padding-left:1%;}
	
.mainFocus{}
.mainFocus .banner01{ text-align:center; position:relative;}
.mainFocus .banner01 a{ display:block; text-align:center;}
.mainFocus .banner01 a .text{ color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mainFocus .banner01 a h2{ font-size:82px; line-height:1; padding:0 0 60px;}
.mainFocus .banner01 a h3{ font-size:48px; line-height:1;}
.mainFocus .banner03{}
.mainFocus .banner03 a{display:block; position:relative;}
.mainFocus .banner03 a .box{ position:absolute; width:100%; max-width:1300px; top:50%; left:50%; transform:translate(-50%, -50%);}
.mainFocus .banner03 a .left{ width:45%; float:left;}
.mainFocus .banner03 a h2{ font-size:48px; line-height:1; color:#e80000;}
.mainFocus .banner03 a h3{ font-size:24px; color:#2a2a2a; line-height:1; padding:45px 0;}
.mainFocus .banner03 a p{ font-size:18px; color:#2a2a2a; line-height:1.6;}
.mainFocus .banner03 a .right{ width:55%; float:right;}

.banner05{}
.banner05 .left {left: 0%;transform: translate(-0%, -50%);width: 60%;}
.banner05 h2{font-size: 30px;}
.banner05 h3{color:#e80000;font-size: 20px;line-height:1;padding: 20px 0 10px;}
.banner05 h4{font-size: 16px;line-height:1;color:#2a2a2a;padding:0 0 40px;}
.banner05 p{ font-size:14px; line-height:1.6; color:#2a2a2a;}

.flowRight{display:none;}

}
@media (max-width: 600px) {/*移动*/

.pcNavWrap{ height:50px;}
.touchNav{ top:50px;}
.logo{float:left;height: 50px;padding: 5px 0;width: 300px;width:auto;}
.logo img{height: 40px;}
.logoTel{height: 40px;border-left:1px solid #bfbfbf;margin: 5px 0 5px 10px;padding-left:10px;float:left;font-size: 12px;line-height: 20px;}
.logoTel span{display: block;font-size: 14px;line-height: 20px;}
.touchNavBtn{line-height: 50px;}


.main_sub1 li{ padding:50px 0px; width:50%; border-bottom:1px solid #fff !important;}
.main_sub1 li dl{ width:80%; margin:0 auto;}
.main_sub1 li dd{width:100%;font-size: 12px;}
.main_sub1 li a h2{font-size: 14px;}
.main_sub1 li i{ margin:15px auto;}

.main_sub2{text-align:center;padding: 50px 0 30px;color:#000000;}
.main_sub2 h2{font-size: 28px;line-height:40px;}

.main_sub2 p{ font-size:14px; line-height:2; padding:10px 0;}
.main_sub2 ul{display:inline-block;width: 100%;}
.main_sub2 ul li{float:left;padding: 0;width: 33.333%;}
.main_sub2 ul li em{display:block;font-family: Verdana, Geneva, sans-serif;font-size: 30px;line-height: 1.5;}
.main_sub2 ul li span{ font-size:12px;}


.about {padding: 30px 4% 0 4%;color:#434343;text-align:center;width: 100%;margin: 0 auto;}
.about .line { background: #e60012; width:150px; height:2px; margin:0px auto 17px auto; }
.about .mainChildTitle {font-size: 20px;line-height: 2;padding-bottom:30px;}
.about .info {font-size: 14px;line-height: 2;padding-bottom:30px;}
.about .main_sub2 { background:none; padding:0; }
.about .main_sub2 .numWrap { padding:20px 0; color:#434343; }
.main_sub2 .numWrap li{
    padding: 0 15px;
    width: 50%;
}
.main_sub2 .numWrap .hd{font-family:Verdana, Geneva, sans-serif; height:60px;}
.main_sub2 .numWrap span{font-size: 40px;font-weight: normal;line-height:60px;}
.main_sub2 .numWrap em{font-size:30px;font-weight:bold;line-height:60px;font-style:normal;display: none;}
.main_sub2 .linkBtn{ margin:20px auto 0;}
.aboutSub1 {background-color: #dfddde;height: 380px;}
.aboutSub1 .wrap1000 {background:url(../images/idea.gif) no-repeat center center;height: 380px;background-size: cover;}
.main_case{}
.main_caseHd{padding:0 0 20px;font-size: 12px;}
.main_caseHd p{width:auto;float: none;display: inline-block;}
.main_caseHd p a{ color:red;}
.main_caseHd ul{width:auto;float: none;display: inline-block;}
.main_caseHd li{width: 25%;float: left;line-height: 20px;display: inline-block;}
.main_caseHd li a{ color:#333;}
.main_caseHd li a:hover{color:red;}

.mainChildList { border-bottom:1px solid #949494; text-align:left; }
.mainChildList .wapImg { display:none; text-align: center; }
.mainChildList .wapImg img { max-width:100%; }
.mainChildList .head {padding: 5px 0;border-bottom: 1px solid #e60012;}
.mainChildList .title {line-height: 1;color:#434343;font-size: 20px;/* font-family:'NotoSansHans-Light'; */}
.mainChildList .titleEn {line-height: 1.5;color:#434343;font-size: 14px;/* font-family: 'MyriadPro-Regular_0'; */}
.mainChildList .content {padding: 10px 0;}
.mainChildList .content p {color:#434343;font-size: 12px;line-height: 2;}
.mainChildList .left { float:left; }
.mainChildList .right { float:right; }
.mainChildList .linkBtn { margin-top:34px; }
.mainChildList .container {width: 100%;margin:0 auto;padding: 0 4%;}
#mainChild3 .left {width: 30%;}
#mainChild3 .right {width: 70%;padding-top:68px;}
#mainChild4 .right {width: 30%;}
#mainChild4 .left {width: 65%;padding-top:68px;}
#mainChild5 { padding:60px 0 0 0; }
#mainChild5 .container { width:960px; margin:0 auto; text-align:center; }
#mainChild5 .mainChildTitle { line-height:50px; color: #434343; font-size: 44px; }
#mainChild5 .sub, #mainChild6 .sub, #mainChild7 .sub { margin:26px auto 29px auto; width:150px; height:2px; background: #e60012; }
#mainChild5 .info { font-size:16px; line-height:24px; }
.aboutScrool { height:527px; margin:37px 0 50px 0; overflow: inherit; }
.aboutScrool .pic li { height:527px; }
.aboutScrool .pic img { width: 100%; height: 527px; }
.aboutScrool .hd { top:577px; height:31px; margin-top:-31px; }
.aboutScrool .hd li { height:3px; background:#959595; width: 60px; border-radius:0; }
.aboutScrool .hd .on { background:#ff000a; }
#mainChild6 { height:737px; background-image:url(../images/banner2.jpg); background-position:center; background-size:cover; background-attachment:fixed; text-align:center }
#mainChild6 .mainChildTitle { color:#fff; line-height:70px; padding-top:170px; }
#mainChild6 .sub { width:126px; margin-top:28px; }
#mainChild6 .mainChildTitle2 { color:#fff; padding-bottom:34px; }
#mainChild6 .titleEn { line-height:84px; color:#fff; font-size:90px; }
#mainChild6 { height:626px; }
#mainChild6 .mainChildTitle { line-height:60px; padding-top:144px; }
#mainChild6 .sub { width:107px; margin-top:24px; }
#mainChild6 .mainChildTitle2 { padding-bottom:29px; }
#mainChild6 .titleEn { line-height:74px; font-size:76px; }
#mainChild6 .container { width:960px; }
#mainChild6 .sub { width:150px; height:2px; margin:0px auto 17px auto; }
#mainChild6 .mainChildTitle { line-height:76px; font-size:44px; }
#mainChild6 .mainChildTitle2 { font-size:30px; line-height:50px; }
#mainChild7 { padding:70px 0 80px 0; }
#mainChild7 .sub { margin:6px auto 11px auto; width:126px; }
#mainChild7 .mainChildTitle2 { color:#E50012; padding-bottom:24px; }
#mainChild7 .info { color:#434343; font-size:18px; line-height:28px; }
#mainChild7 .content {position:relative;width:400px;height:410px;margin: 48px auto 0 -10px;}
#mainChild7 .content .quan { position:absolute; width:220px; height:220px; background:url(../images/quan.png) no-repeat; background-size:100% 100%; text-align:center; font-size:24px; color:#fff; line-height:28px; }
#mainChild7 .content .quan .titleEn { letter-spacing:0.12em; margin-top:84px; font-weight:100; font-stretch:condensed; }
#mainChild7 .content .quan .titleCh { font-weight:100; }
#mainChild7 .content .quan#quan1 { top:0px; left:90px; }
#mainChild7 .content .quan#quan2 { top:160px; left:0px; }
#mainChild7 .content .quan#quan3 { top:160px; left:180px; }
#mainChild7 .content .quan#quan4 { top:90px; left:90px; background:none; }
#mainChild7 { padding: 60px 0 48px 0; }
#mainChild7 .sub { margin:5px auto 9px auto; width:107px; }
#mainChild7 .mainChildTitle2 { padding-bottom:20px; }
#mainChild7 .info {font-size: 14px;line-height:24px;}
#mainChild7 .mainChildTitle {line-height: 1.5;font-size: 20px;}
#mainChild7 .mainChildTitle2 {font-size: 14px;line-height: 2;}
#mainChild7 .container {width: 100%;margin:0 auto;text-align:center;padding: 0 4%;}
#mainChild7 .quan.on { animation: scaleOpacityAn 0.6s ease-in-out 0.4s both; }

.footer_sub2 .right{float:right;width: 100%;}
.footer_sub2 .right p{width: 100%;float:left;font-size: 12px;line-height: 1.5;padding: 0 0 10px;}
.footer_sub2 .right p:nth-of-type(2){width: 100%;padding: 0 0 10px;}
.footer_sub1 .right h3{letter-spacing:0;}

.contract_sub1{position:relative;margin-bottom: 20px;}
.contract_sub1 .left{ color:#3c3c3c;}
.contract_sub1 .left h2{ font-size:48px; line-height:1; padding:70px 0 40px;}
.contract_sub1 .left .text{font-size: 12px;line-height: 1.5;}
.contract_sub1 .right{position: initial;right:0;top:70px;text-align: center;background: #ff0200;padding: 30px 30px;color:#fff;font-size:14px;/* display: none; */width: 100%;margin-top: 20px;}
.contract_sub1 .right h5{padding-top:10px;}

.mainFocus{}
.mainFocus .banner01{ text-align:center; position:relative;}
.mainFocus .banner01 a{ display:block; text-align:center;}
.mainFocus .banner01 a .text{ color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mainFocus .banner01 a h2{font-size: 20px;line-height:1;padding: 0 0 10px;}
.mainFocus .banner01 a h3{font-size: 16px;line-height:1;}
.mainFocus .banner03{}
.mainFocus .banner03 a{display:block; position:relative;}
.mainFocus .banner03 a .box{position:absolute;width: 90%;max-width:1300px;top:50%;left:50%;transform:translate(-50%, -50%);}
.mainFocus .banner03 a .left{width: 100%;float:left;text-align: center;}
.mainFocus .banner03 a h2{font-size: 18px;line-height:1;color:#e80000;}
.mainFocus .banner03 a h3{font-size: 14px;color:#2a2a2a;line-height:1;padding: 10px 0;}
.mainFocus .banner03 a p{font-size: 12px;color:#2a2a2a;line-height:1.6;}
.mainFocus .banner03 a .right{width:55%;float:right;display: none;}
.banner04{ position:absolute;width:100%;top:50%; left:50%; transform:translate(-50%, -50%);}
.banner04 .left{ width:40%; float:left;}
.banner04 .right{ width:60%; float:right;}
.banner04 .box{position:relative;color:#364c64;width: 90%;margin: 0 auto;}
.banner04 .left{width: 60%;top:50%;left: 0%;transform: translate(-0%, -50%);position:absolute;}
.banner04 .right{width: 40%;float:right;display: none;}
.banner04 h2{font-size: 20px;line-height:1;font-family:"Times New Roman", Times, serif;}
.banner04 h3{font-size: 16px;line-height:1;padding: 10px 0 20px;}
.banner04 p{font-size: 14px;line-height:1;}

.banner05{}
.banner05 .left {left: 0%;transform: translate(-0%, -50%);width: 100%;}
.banner05 h2{font-size: 30px;}
.banner05 h3{color:#e80000;font-size: 16px;line-height:1;padding: 10px 0 10px;}
.banner05 h4{font-size: 14px;line-height:1;color:#2a2a2a;padding: 0 0 10px;}
.banner05 p{font-size: 12px;line-height:1.6;color:#2a2a2a;}

.cont-4 .inp-box h3{
    font-size: 30px;
    margin-bottom: 10px;
}
.layui-layer-dialog{ width:95% !important;}
.dialog ul{ max-width:100%;}
.dialog ul li {float: left;margin: 0;text-align: center;width:50%;}
.dialog ul li.other{display:none;}
.dialog ul li p { padding-bottom: 10px; }
.dialog ul li a {background: #f2f2f2;font-size: 12px;color: #333;display: block;padding: 12px 0px 0px 0px;text-decoration: none;width: 95%;text-align: center;margin-bottom: 5px;}
.dialog ul li a img{ width:56px; height:56px;}
.dialog ul li a p {display: block;text-align: center;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;fon: 12px;/* font-size: 12px; */}
.chakangd { font-size: 14px; color: #333; display: block; text-decoration: none; font-weight: bold; border-radius: 4px; width: 130px; height: 30px; line-height: 30px; text-align: center; border-radius: 55px; margin-top: 6px; }
.dialog ul li a:hover { background: #D7D7D7; }
.layui-layer-dialog .layui-layer-content{height:auto !important;}
.layui-layer-btn a{ width:37%; text-align:center; padding:0 !important; font-size:12px !important;}
.layui-layer-btn a:first-of-type{width:26%;}

}

@media (max-width: 378px) {
	.pcNavWrap{ height:50px;}
.logo{float:left;height: 50px;padding: 10px 0;width: 300px;width:auto;}
.logo img{height: 30px;}
.logoTel{height: 40px;border-left: 1px solid #e4e4e4;margin: 5px 0 5px 5px;padding-left: 5px;float:left;font-size: 12px;line-height: 20px;}
.logoTel span{display: block;font-size: 12px;line-height: 20px;}
.touchNavBtn{line-height: 50px;}

.mainFocus{}
.mainFocus .banner01{ text-align:center; position:relative;}
.mainFocus .banner01 a{ display:block; text-align:center;}
.mainFocus .banner01 a .text{ color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mainFocus .banner01 a h2{font-size: 20px;line-height:1;padding: 0 0 10px;}
.mainFocus .banner01 a h3{font-size: 16px;line-height:1;}
.mainFocus .banner03{}
.mainFocus .banner03 a{display:block; position:relative;}
.mainFocus .banner03 a .box{position:absolute;width: 90%;max-width:1300px;top:50%;left:50%;transform:translate(-50%, -50%);}
.mainFocus .banner03 a .left{width: 100%;float:left;text-align: center;}
.mainFocus .banner03 a h2{font-size: 14px;line-height:1;color:#e80000;}
.mainFocus .banner03 a h3{font-size: 12px;color:#2a2a2a;line-height:1;padding: 5px 0;}
.mainFocus .banner03 a p{font-size: 12px;color:#2a2a2a;line-height:1.6;}
.mainFocus .banner03 a .right{width:55%;float:right;display: none;}

.banner05{}
.banner05 .left {left: 0%;transform: translate(-0%, -50%);width: 100%;text-align: center;}
.banner05 h2{font-size: 20px;}
.banner05 h3{color:#e80000;font-size: 20px;line-height:1;padding: 15px 0 15px;}
.banner05 h4{font-size: 14px;line-height:1;color:#2a2a2a;padding: 0 0 5px;}
.banner05 p{font-size: 12px;line-height:1.6;color:#2a2a2a;display: none;}
	
}


.ui-hometodo {
	overflow: hidden;
}
.ui-hometodo ul {
	margin: 0 -22px;
	padding: 10px 0;
}
.ui-hometodo ul li { 
	float: left; 
}
.ui-hometodo .i {
	display: block;
	background:#f4f4f4;
	border-right: 1px solid #fff; 
}
.ui-hometodo .i:hover {
	background-color: #d61919;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.ui-hometodo .i:hover * {
	color: #fff !important;
}
.ui-hometodo .i >.chd {
	padding-top: 20px;
}
.ui-hometodo .i >.chd p {
	line-height: 1em;
	text-align: center;
}
.ui-hometodo .i >.chd p.p1 {
	color: #333333;
	font-size: 18px;
}
.ui-hometodo .i >.chd p.p2 {
	color: #999999;
	font-size: 14px;
	margin-top: 8px;
}
.ui-hometodo .i >.ct {
	margin-top: 35px;
}
.ui-hometodo .i >.ct p {
	text-align: center;
}
.ui-hometodo .i >.ct p i {
	display: inline-block;
	width: 72px;
	height: 72px;
	background: none no-repeat center;
	transition: transform 700ms;
}
.ui-hometodo .i:hover >.ct p i {
	transform: scale(1.05, 1.05);
}
.ui-hometodo .i >.ct p i.ico1 {
	background-image: url(../images/srveicon-ico1.png);
}
.ui-hometodo .i:hover >.ct p i.ico1, .ui-hometodo .i.on >.ct p i.ico1 {
	background-image: url(../images/srveicon-ico1-on.png);
}
.ui-hometodo .i >.ct p i.ico2 {
	background-image: url(../images/srveicon-ico2.png);
}
.ui-hometodo .i:hover >.ct p i.ico2, .ui-hometodo .i.on >.ct p i.ico2 {
	background-image: url(../images/srveicon-ico2-on.png);
}
.ui-hometodo .i >.ct p i.ico3 {
	background-image: url(../images/srveicon-ico3.png);
}
.ui-hometodo .i:hover >.ct p i.ico3, .ui-hometodo .i.on >.ct p i.ico3 {
	background-image: url(../images/srveicon-ico3-on.png);
}
.ui-hometodo .i >.ct p i.ico4 {
	background-image: url(../images/srveicon-ico4.png);
}
.ui-hometodo .i:hover >.ct p i.ico4, .ui-hometodo .i.on >.ct p i.ico4 {
	background-image: url(../images/srveicon-ico4-on.png);
}
.ui-hometodo .i >.ft {
	margin: 0 8px;
	margin-top: 40px;
	border-top: 1px solid #e7e7e8;
	padding-top: 24px;
	padding-bottom: 30px;
}

 
.QQuser{ display: inline-block; vertical-align: middle; padding-left:20px; font-size: 0;}
.QQuser font{ display: inline-block; vertical-align: bottom; width: 62px; height: 46px; position: relative;}
.QQuser font em{ position: absolute; left: 0; top: 0; z-index: 1;}
.QQuser font i{ position: absolute; left: 0; top: 0; opacity: 0; z-index: 2;}
.QQuser a{ display: inline-block; vertical-align: middle; width: 95px; height: 24px; background-color: #fff; color: #C80000; font-size: 13px; text-align: center; line-height: 24px; border-radius: 15px;}
.countacti{ padding-top: 40px;}

.QQuser font em, .QQuser a, .QQuser font i{
	transition: all 0.6s ease-in-out 0s;
	-webkit-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
}

.QQuser:hover em{ opacity: 0;}
.QQuser:hover i{ opacity: 1;}
.QQuser:hover a{ background-color: #fff;}

.QQuser font{vertical-align: top;line-height: 1;height: auto;width: 43px;margin-top: -5px;}
.QQuser a,.QQuser:hover a{background: white;color:#1c1731;}
.zhibu{position: relative;}
.zhibu_span{position: absolute;left:90px;top: 30px;opacity: 0;transition: 0.3s ease-out;transform: scale(0);}
.zhibu_span img{width: 80px;}
.zhibu:hover .zhibu_span{opacity: 1;transform: scale(1);}