@charset "utf-8";
/* LESS Document */
/*Base*/
@font-face {
    font-family: 'Base-font';
    src: url('../font/BEBAS.eot');
    src: local('apple Regular'),
    local('apple'),
    url('../font/BEBAS.woff') format('woff'),
    url('../font/BEBAS.ttf') format('truetype'),
    url('../font/BEBAS.svg#apple') format('svg');
}

@font-face {font-family: 'FZCuQian-M17S158bab27e71e5a4';src: url('../font/5be0e5dbf629d81b9c9d8c03.gif?r=89859163252');src: url('../font/5be0e5dbf629d81b9c9d8c03.gif?r=89859163252?#iefix') format('embedded-opentype'),url('../font/5be0e5dbf629d81b9c9d8c03.png?r=89859163252') format('woff2'),url('../font/5be0e5dbf629d81b9c9d8c03.bmp?r=89859163252') format('woff'),url('../font/5be0e5dbf629d81b9c9d8c03.jpg?r=89859163252') format('truetype');font-weight: normal;font-style: normal;}.css158bab27e71e5a4{font-family: 'FZCuQian-M17S158bab27e71e5a4';}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }
body, button, input, select, textarea { font: normal 12px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; }
body { background:url(../images/pic30.png); width:100%; margin:0 auto }
ul, ol, li { list-style: none;}
pre{white-space: pre-wrap;word-wrap: break-word; font-family:微软雅黑; padding:0; margin: 0 }
a { text-decoration: none; color: #404040; cursor: pointer; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: top; /*max-width: 100%; */}
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed {  *zoom: 1;}
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.wd { margin: 0 auto; }

/* reset.css V1.0  End */
.overflow { height: auto; overflow: hidden; }
.white{ color:#fff}
.heights{ height:90px; width:100%; display:none}




.main{ margin:0 auto; position:relative;}



/*通用头部*/
.warp_cn{ margin-top:48px;background:url(../images/warp_nbd.png) no-repeat center center;   color:#333; font-size:36px; height:40px; line-height:40px; text-align:center;}
.warp_en{ color:#888; font-size:16px; text-align:center; line-height:35px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.warp_intro{ line-height:180%; text-align:center; margin: 0 auto 12px; white-space:nowrap; overflow:hidden; width:80%; text-align:center;}



/*ABOUT*/
.sj{ margin:0 12px ; overflow:hidden}
.sj li{float: left;width:20%;text-align:center; }
.sj li .sjbg{ margin:12px ;background:#333; padding:24px 12px;}
.sj li .num{ font-size:36px;line-height:40px;position: relative;display: inline-block;font-family: "Base-font"; color:#fff}
.sj li .num span{font-size:48px;color: #fbc216;display: inline-block;position: relative;}
.sj li .txt{font-size: 16px;color:#999;margin-top:12px }



/*内页banner头部-适配*/
.publicTop{ overflow: hidden; position: relative; height:800px;}
.mainTit{position: relative;z-index:25;overflow:hidden;padding-bottom:24px;text-align:center;background:url(../images/img2.jpg) no-repeat center bottom; margin-top:300px;}
.mainTit h3{font-size:90px;font-family: "Base-font";text-transform:uppercase; letter-spacing:10px;color:#fff }
.mainTit div.en{color:#fff;font-size:36px;letter-spacing:5px;}
.publicUL{ overflow:hidden; margin:0 auto; text-align:center; margin-top:18px; position:relative; z-index:88}
.publicUL li{margin:0 5px; display: inline-block;*display: inline;*zoom: 1;line-height: 26px; color:#fff}
.publicUL li a{ font-size:15px;display: block;padding:5px 25px;color: #fff; border-radius:30px; border:1px rgba(255,255,255,0.2) solid;background:rgba(0,0, 0,0.60);}
.publicUL li a:hover,.publicUL li.on a{ color:#000; border-radius:30px; background:#fdd100}
.banner_b{ position:absolute; bottom:-1px; margin:0 auto; text-align:center; width:100%; z-index:99}



/*产品头部*/
.product_top { height:366px; margin:12px 12px 0; overflow:hidden }
.product_top .product_top_l { float:left; width:50%;}
.product_top .product_top_l .m12{ margin:12px;  background:#fbc216; padding:24px; height:307px; overflow:hidden}
.product_txt{font-size:14px; color:#555; line-height:25px;}
.product_bt{ font-size:30px; color:#000; line-height:30px; margin-bottom:12px; text-align:center}
.product_top_r{ width:50%; float:right;}
.product_top .product_top_r .m12{  margin:12px;height:354px;  overflow:hidden}
.product_top_r img{height:100%; overflow:hidden; width:100% ;object-fit: cover;}


/*产品列表*/
.product_list {}
.product_list ul{ padding:0px 12px 12px;overflow:hidden}
.product_list li{ float:left; overflow:hidden; width:20%}
.product_list li .sbg{ background:#fff; margin:12px;overflow:hidden;}
.product_list li a{ display:block; position:relative; }
.product_list li img{width:100%; text-align:center;transition: all 0.6s; }
.product_list li h2{ background:rgba(0,0,0,0.5); height:40px;line-height:40px;font-size:12px; text-align:center;  position:absolute; z-index:50; bottom:0px; color:#fff; width:100%}

.smovebg{background:#000000;position:absolute;left:0px;width:100%;height:100%; top:0px;z-index:12;opacity:0;}
.product_list li:hover img{	transform: scale(1.2);}



/**工程案例 */
.case_list { overflow:hidden; }
.case_list ul{ margin:12px; overflow:hidden;}
.case_list li{ float:left; width:20%; overflow:hidden;padding:12px;box-sizing:border-box;}

.case_list li a{ display:block; position:relative}
.case_list li a img{width:100%;}
.case_list li .tt{position:relative;}
.case_list li .name{ background:rgba(0,0,0,0.5); height:40px;line-height:40px;font-size:12px; text-align:center;  position:absolute; z-index:50; bottom:0px; color:#fff; width:100% }


.case_list li .hd{padding:12px;opacity:0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;position:absolute;left:-25%;top:-25%;width:150%;height:150%;box-sizing:border-box;background:rgba(0,0, 0, 0.5);}
.case_list li .hd .vv{width:100%;height:100%;border:1px solid #fff;font-size:14px;vertical-align:middle;text-align:center;color:#fff;line-height:100%;}
.case_list li .hd .vv p{position: absolute; top:50%; left:50%; width:100%;transform:translate(-50%,-50%);text-align: center;}
.case_list li:hover .hd{opacity:1;width:94%;height:94%;left:3%;top:3%;}
.case_list li:hover .name{ display:none;}





/*新闻列表*/
.news_list {overflow:hidden; position:relative;}
.news_list ul{ padding:12px;overflow:hidden}
.news_list li { float:left;width:50%; overflow:hidden;}
.news_list li .cont{padding:24px;margin:12px;  background:#ffffff; height:130px;border:1px #d6d6d6 solid}
.news_list li .cont .date { font-size: 16px; font-family: "Base-font"; line-height: 30px; color: #999;}
.news_list li .cont .name { line-height:30px; margin-top: 6px; font-size:15px; overflow:hidden; height:30px}
.news_list li .cont .name a { color: #333;  display: inline-block;}
.news_list li .cont .font {margin-top:12px;line-height:25px;  height:50px; overflow:hidden}
.news_list li .cont .font a {  color: #888;  display: inline-block;}

.news_list li .cont1 {padding:24px;margin:12px;height:170px;  }
.news_list li .cont1 .date { font-size: 16px; font-family: "Base-font"; line-height: 30px; color: #fff;}
.news_list li .cont1 .name { line-height:30px; margin-top: 6px; font-size:16px; overflow:hidden; height:30px}
.news_list li .cont1 .name a { color: #fff;  display: inline-block;}
.news_list li .cont1 .font { margin-top:12px;line-height:25px;  height:100px; overflow:hidden;}
.news_list li .cont1 .font a {  color: #fff;  display: inline-block;}
  
.news_list li.li1 {width:25%; overflow:hidden}
.news_list li.li2 {width:25%;overflow:hidden}
.news_list li.li3 {width:25%;overflow:hidden}
.news_list li.li4 {width:25%;overflow:hidden}

.news_list li.li1 .cont1{ background:#4082d9;}
.news_list li.li2 .cont1{background:#343434; }
.news_list li.li3 .cont1{ background:#3acac5;}
.news_list li.li4 .cont1{ background:#dd6c47;}


/*上一页 下一页*/
.productPage {margin: 24px; line-height: 64px; height: 64px;border:1px #EEE solid; background:#F6F6F6; position:relative;text-align:center;}
.productPage a { display: block; float: left; font-size:14px; text-align: center;  overflow:hidden;  color:#000;}
.productPage a i {height:64px; display: inline-block; width: 17px;  background-repeat: no-repeat; background-position: center center; margin: 0 10px; vertical-align: top;}
.productPage a.prev { position:absolute; left:0; width:33%; border-right: 1px solid #ededed; overflow:hidden  }
.productPage a.list { width:100%  }
.productPage a.next {position:absolute; right:0; width:33%; border-left: 1px solid #ededed;}
.productPage a.prev i { background-image: url(../images/arrow3.png); }
.productPage a.list i { background-image: url(../images/icon12.png); }
.productPage a.next i { background-image: url(../images/arrow4.png); }