@charset "utf-8";
/* LESS Document */
@font-face {
	font-family: 'Helvetica-LT-Light';
	src: url('../font/5bcc22c2f629d9121843f8cd.gif?r=88498498580');
	src: url('../font/5bcc22c2f629d9121843f8cd.gif?r=88498498580?#iefix') format('embedded-opentype'),
	url('../font/5bcc22c2f629d9121843f8cd.bmp?r=88498498580') format('woff'),
	url('../font/5bcc22c2f629d9121843f8cd.jpg?r=88498498580') format('truetype');
	font-weight: normal;
	font-style: normal;
} 



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; font-size:14px;}
body, button, input, select, textarea { font-family:'Helvetica-LT-Light'; font-size:14px; }
body { background:#fff; background-size:100%; width:100%; margin:0 auto; color:#222222 }
ul, ol, li { list-style: none;}
pre{white-space: pre-wrap;word-wrap: break-word; font-family:'Helvetica-LT-Light';adding:0; margin: 0 }
a { text-decoration: none; color: #222222; cursor: pointer; font-family:'Helvetica-LT-Light';font-size:14px; }
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;}

.banner{ width:100%; overflow:hidden;margin-top:70px;}
.banner img{ width:100%;}



/*通用头部*/
.warp_cn{background:url(../images/warp_nbd.png) no-repeat center  bottom;color:#333; font-size:24px; height:40px; line-height:40px; text-align:center; padding-bottom:18px; font-weight:bold; text-transform:uppercase; margin-bottom:18px}



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



/*产品头部*/
.product_top {margin:0px 12px; height:366px;overflow:hidden }
.product_top .product_top_l { float:left; width:50%;}
.product_top .product_top_l .m12{ margin:12px; background:#f6f6f6; padding:24px; height:307px; overflow:hidden}
.product_txt{font-size:14px;  line-height:25px;}
.product_txt pre{font-size:14px; line-height:25px;}
.product_bt{ font-size:24px; text-transform:capitalize;font-weight:bold; line-height:30px; margin-bottom:12px; text-align:left; border-bottom:1px #ddd solid;padding-bottom:12px}
.product_top_r{ width:50%; float:right; overflow:hidden}
.product_top_r .m12{  margin:6px;height:354px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover;  background-position: center 0;  overflow:hidden}


/*产品列表*/
.product_list {}
.product_list ul{ overflow:hidden}
.product_list li{ float:left; overflow:hidden; width:20%}
.product_list li .sbg{ background:#fff; overflow:hidden;}
.product_list li a{ display:block; position:relative;text-transform:capitalize; }
.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; text-align:center; text-transform:capitalize;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;}
.case_list li a{ display:block; position:relative; overflow:hidden}
.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; text-align:center;  position:absolute; z-index:50; bottom:0px; color:#fff; width:100%; white-space:nowrap; overflow:hidden;}


.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:16px; text-align: center;  overflow:hidden;  color:#000; font-weight:bold}
.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); }