/* by zengxy.com 1559261757@qq.com */

body{ background:#333;}
.container{ position:relative;}
.navbar-header{ position:relative;}


/* 顶部 */
.z_top{ position:absolute; z-index:5; top:0; left:0; width:100%;background-color: #000;}
.z_top.on{ position:fixed; background:#111;}
.z_top.on .navbar{ margin-bottom:0;}
.z_top.on .logo{ padding-top:4px;}
.z_top.on .logo img{ height:40px;}
.z_top.on .navlist ul{ padding-top:5px;}
.z_top.on .navlist .search{ top:50px;}
.z_top .logo{ position:absolute; z-index:1; left:0; top:0; padding-top:22px;}
.z_top .logo img{ height:50px;}
.z_top .navbtn span{ background:#fff;}
.z_top .navlist{ position:relative;}
.z_top .navlist ul{ padding-top:30px;}
.z_top .navlist li a{ color:#999; text-align:center; background:none;}
.z_top .navlist li a:hover, .z_top .navlist li a:focus, .z_top .navlist li a.on{ color:#fff;border-bottom: 1px solid #fff;padding-bottom: 15px;border-radius:0;}
.z_top .navlist .lang {float: right; padding: 10px 0;}
.z_top .navlist .lang a,.z_top .navlist .lang i{display: inline;padding: 2px;}
.z_top .navlist .lang i{color: #999;font-size: 12px;}
.z_top .navlist .search{ position:absolute; right:0; top:80px;}
.z_top .navlist .searchbtn{ float:right;}
.z_top .navlist .searchbtn a{ padding:3px; padding-left:10px; background-color:inherit; background:none;}
.z_top .navlist .searchbtn a:hover {border: 0;padding-bottom: 0;}
.z_top .navlist .searchbtn a:focus {border: 0;padding-bottom: 0;}
.z_top .navlist .searchbtn li a.on {border: 0;padding-bottom: 0;}

.z_topH{ height:100px;}
@media (max-width: 768px) {
	.z_top.on{ background:none;}
	.z_top.on .navbar-header{ background:#111;}
	.z_top .navbar{ margin-bottom:0;}
	.z_top .logo{ padding-top:5px;}
	.z_top .logo img{ height:40px;}
	.z_top .navlist{ background:#333; padding-bottom:16px; filter:alpha(opacity=80); opacity:.8}
	.z_top .navlist ul{ padding-top:0;}
	.z_top .navlist li{ float:none;}
	.z_top .navlist .search{ position:static;}
	.z_top .navlist .searchbtn{ float:none;}
	.z_topH{ height:60px;}
}

/* 首页焦点 */
.z_banner{ position:relative;}
.z_banner img{ width:100%;}
.z_banner .descs{ position:absolute; left:0; top:25%; z-index:1; width:100%; 
	background:none; color:#fff;}
/*.z_banner .descs h1{ margin-left:10%;}*/
@media (max-width: 768px) {
	.z_banner .descs{ top:16%;}
}
@media (max-width: 640px) {
	.z_banner .descs{ top:6%;}
	.z_banner .descs h1{ font-size:24px;}
}

/*产品列表*/
.z_product_list{ padding:30px 0;background-color: #f7f7f7;}
.z_product_list .col-lg-2{text-align: center; }
.z_product_list a{text-decoration: none; display: inline-block;}
.z_product_list i{border:1px solid #e0e0e0; position: absolute;right: 0;height: 60%;margin-top:15px;  }
.z_product_list img{margin: 10px 0; }
.z_product_list p{color: #000;}



/* 首页产品 */
.z_product{ padding:40px 0; background:#fff;}
.z_product .h{ position:absolute; z-index:1; top:15%; left:2%; color:#666;}
.z_product .h b{ font-weight:normal; font-size:30px;}
.z_product .h p{ font-size:20px;}
.z_product .h ul{ padding:0; margin-top:30px;}
.z_product .h li{ list-style:none;}
.z_product .h li a{ display:block; color:#999; font-size:18px; line-height:32px;}
.z_product .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_product .list{ width:68%; margin:0 auto;}
.z_product .list ol{ bottom:5px;}
.z_product .list ol li{ border:#bbb solid 1px;}
.z_product .list ol li.active{ background:#ccc;}
@media (max-width: 768px) {
	.z_product{ padding:10px 0;}
	.z_product .h{ position:static;}
	.z_product .h b{ font-size:20px;}
	.z_product .h p{ font-size:14px;}
	.z_product .h i{ margin-top:20px;}
	.z_product .list{ width:100%;}
}

/* 首页关于 */
.z_about{ color:#dadadb; min-height:200px; 
	background:#222222 ;}
.z_about .h{ position:absolute; z-index:1; top:40%; left:2%;}
.z_about .h b{ font-weight:bold; font-size:60px;}
.z_about .h p{ font-size:14px; padding: 10px 0; background-color:#7f7f7f;color: #fff; width: 50%; text-align: center; }
.z_about .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_about .descs{ padding-left:30%; padding-top:100px; padding-bottom:80px;}
.z_about .descs h4{color: #fff;}
.z_about .descs p{line-height:35px; color: #fff;}
.z_about .descs a p{border:1px solid #7e7e7e; font-size:14px; color: #fff;text-align: center; width: 20%; }
@media (max-width: 768px) {
	.z_about{ padding:10px 0;}
	.z_about .h{ position:static;}
	.z_about .h b{ font-size:20px;}
	.z_about .h p{ font-size:14px;}
	.z_about .h i{ margin-top:20px;}
	.z_about .descs{ padding:15px 0;}
	.z_about .descs a p{width: 40%; }
}

/* 产品中心 */
.z_abouta{ color:#dadadb; min-height:796px; 
	 background-image:url(../images/content002.jpg); }
.z_abouta .h{ position:absolute; z-index:1; top:30%; left:2%; padding-top:200px;}
.z_abouta .h b{ font-weight:bold; font-size:60px; color: #fff;}
.z_abouta .h a p{ font-size:14px; color: #fff; width: 60%; text-align: center; border: 1px solid; margin-top:10px; }
.z_abouta .h p {line-height: 30px;}
.z_abouta .h hr{margin-left: 0;width: 30px;}
.z_abouta .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_abouta .descs{ padding-left:30%; padding-top:100px; padding-bottom:80px;}
.z_abouta .descs h4{color: #fff;}
.z_abouta .descs p{line-height:35px; color: #fff;}
@media (max-width: 768px) {
	.z_abouta{ padding:10px 0;min-height:50%;}
	.z_abouta .h{ position:static; padding: 20% 0;}
	.z_abouta .h b{ font-size:20px;}
	.z_abouta .h p{ font-size:14px;}
	.z_abouta .h i{ margin-top:20px;}
	.z_abouta .h a p{width: 40%;}
	.z_abouta .descs{ padding:15px 0;}
}

/* 案例中心 */
.z_aboutb{ color:#dadadb; min-height:796px; 
	 background-image:url(../images/product007.jpg); }
.z_aboutb .h{ position:absolute; z-index:1; top:30%; left:2%; padding-top:200px;}
.z_aboutb .h b{ font-weight:bold; font-size:60px; color: #fff;}
.z_aboutb .h a p{ font-size:14px; color: #fff; width: 40%; text-align: center; border: 1px solid; margin-top:10px; }
.z_aboutb .h p {line-height: 30px;}
.z_aboutb .h hr{margin-left: 0;width: 30px;}
.z_aboutb .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_aboutb .descs{ padding-left:30%; padding-top:100px; padding-bottom:80px;}
.z_aboutb .descs h4{color: #fff;}
.z_aboutb .descs p{line-height:35px; color: #fff;}
@media (max-width: 768px) {
	.z_aboutb{ padding:10px 0;min-height:50%;}
	.z_aboutb .h{ position:static; padding: 20% 0;}
	.z_aboutb .h b{ font-size:20px;}
	.z_aboutb .h p{ font-size:14px;}
	.z_aboutb .h i{ margin-top:20px;}
	.z_aboutb .descs{ padding:15px 0;}
}


/* 首页新闻 */
.z_news{ position:relative; }
.z_news .h{ position:absolute; z-index:1; top:40%; left:35%; color:#fff; text-align: center;}
.z_news .h b{  font-size:30px; font-weight: bold; letter-spacing:6px;}
.z_news .h a{color: #fff;}
.z_news .h p{ font-size:20px; border: 1px solid; font-size: 12px; padding: 5px 0;    width: 100px;
    margin: 10px auto;}
.z_news .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_news .bg{ width:100%; height:100%; position:absolute; z-index:-1; margin:0;}
.z_news .col{ padding:0; height:100%;}
.z_news .col img{ width:100%;}
@media (max-width: 992px) {
	.z_news .col{ height:50%;}
}
@media (max-width: 768px) {
	.z_news .h{ top:35%; left:10%;right: 10%;}
	.z_news .h b{ font-size:20px;}
	.z_news .h p{ font-size:14px;}
}

/* 底部 */
.z_foot{ color:#ccc;background: #222222 !important;}
.z_foot .pull-left{ padding:60px 15px;}
.z_foot .pull-content{width: 70%; padding: 70px 10px; float: left; }
.z_foot .pull-content p{margin: 0;}
.z_foot .pull-right{ padding-top:36px; font-size:12px;}

@media (max-width: 768px) {
.z_foot .pull-left{ padding:20px 15px;}
.z_foot .pull-content{padding: 20px 10px;  }
.z_foot .pull-right{padding-top: 0;}
}


/* 内容 */
.z_detail{}
.z_detail .txt{ margin-top:-100px; margin-left:11%; margin-right:11%;
	padding-bottom:50px; color:#c3c3c3; line-height:32px; min-height:400px;}
.z_detail .txt p{ margin:0;}
@media (max-width: 992px) {
	.z_detail .txt{ margin-top:0; margin-left:0; margin-right:0;}
}

/* 产品栏目 */
.z_productcat{ background:#fff;}
.z_productcat b{ display:block; font-size:30px; margin-bottom:30px; color:#222; font-weight:normal;}
.z_productcat p{ margin:0; line-height:30px;}
.z_productcat .hd{ padding:80px 0;}
.z_productcat .hd p{ color:#adadad;}
.z_productcat .row{ background:#666; color:#dfdfdf; margin-bottom:50px;}
.z_productcat .row img{ width:100%;}
.z_productcat .more{ padding:40px; padding-top:60px;}
.z_productcat .more b{ color:#f7f7f7;}
.z_productcat .more a{ color:#999; font-size:12px; display:block; margin-top:60px;}

/* 列表 */
.z_list{ background:#f1f1f1;}
.z_list .leftnav{ width:24%; float:left;}
.z_list .leftnav dl{ float:right; width:190px;}
.z_list .leftnav dt{ font-size:24px; padding-top:40px; padding-bottom:30px; color:#222; font-weight:normal;}
.z_list .leftnav a{ font-size:16px; color:#444; display:block; padding:12px 0; position:relative;}
.z_list .leftnav a.on:after{ display:table; content:'>'; font-family:Consolas;
	position:absolute; z-index:1; top:26%; right:10px; color:#bbb;}
.z_list .rightcon{ width:76%; float:right; background:#fff; padding:60px 0;}
.z_list .content{ width:84%; margin-left:30px;}
@media (max-width: 992px) {
	.z_list .content{ width:94%; margin:0 auto;}
}
@media (max-width: 768px) {
	.z_list .leftnav{ width:100%; float:none;}
	.z_list .leftnav dl{ float:none; width:100%;}
	.z_list .leftnav dt{ font-size:18px; padding:16px;}
	.z_list .leftnav a{ margin:0 16px; border-bottom:#ddd solid 1px;}
	.z_list .rightcon{ width:100%; float:none;}
}

/* 产品列表 */
.z_productlist img{ width:100%;}
.z_productlist .hd{ padding-bottom:50px;}
.z_productlist .hd b{ display:block; font-size:30px; margin-bottom:30px; color:#222; font-weight:normal;}
.z_productlist .hd p{ margin:0; line-height:24px; color:#5a5a5a;}
.z_productlist .row a{ display:block; padding-bottom:20px;}
.z_productlist .row p{ text-align:center; margin:0; color:#444; font-size:20px; padding:12px 0;}

/* 产品详细 */
.z_productdetail .pro{ position:relative;}
.z_productdetail .pro .item{ width:100%;}
.z_productdetail .pro .item img{ width:100%;}
.z_productdetail .pro ol{ margin:0; padding:10px 0;}
.z_productdetail .pro li{ height:100px; list-style:none; float:left; padding-right:10px;}
.z_productdetail .pro li img{ height:100%;}
.z_productdetail .pro .toprev{ position:absolute; z-index:1; left:0; top:40%;
	background:url(../images/prev.png) no-repeat center center; width:60px; height:100px;}
.z_productdetail .pro .tonext{ position:absolute; z-index:1; right:0; top:40%;
	background:url(../images/next.png) no-repeat center center; width:60px; height:100px;}
.z_productdetail .h{ padding:10px 0; clear:both;}
.z_productdetail .txt{ line-height:30px;}
.z_productdetail .txt p{ margin:0;}
@media (max-width: 768px) {
	.z_productdetail .pro li{ height:60px;}
	.z_productdetail .pro .toprev{ top:30%;}
	.z_productdetail .pro .tonext{ top:30%;}
}

/* 新闻列表 */
.z_newslist{ padding-bottom:80px;}
.z_newslist .news{ padding:0 11%;}
.z_newslist .news li{ padding:30px 0;}
.z_newslist .news a{ display:block; position:relative; color:#adadad;}
.z_newslist .news .time{ position:absolute; z-index:1; left:0; top:0; font-size:18px;}
.z_newslist .news .time b{ display:block; font-size:24px; font-weight:normal;}
.z_newslist .news .title{ padding-left:130px; line-height:24px;}
.z_newslist .news .title h5{ font-size:18px; color:#f6f6f6; margin-bottom:20px;}
.z_newslist .page{ padding:0 11%;}
@media (max-width: 992px) {
	.z_newslist .news{ padding:0;}
	.z_newslist .news .time{ position:static;}
	.z_newslist .news .title{ padding-left:0;}
	.z_newslist .page{ padding:0;}
}

/* 新闻内容 */
.z_newsdetail{ padding:40px 0;}
.z_newsdetail .h{ padding:0 11%; color:#d8d8d8; font-size:30px;}
.z_newsdetail .h h1{ margin:30px 0; font-size:30px;}
.z_newsdetail .txt{ padding:0 11%; color:#c3c3c3; line-height:32px; min-height:400px;}
.z_newsdetail .txt p{ margin:0;}
.z_newsdetail .back{ padding:0 11%; margin-top:50px;}
.z_newsdetail .back a{ color:#999;}
@media (max-width: 992px) {
	.z_newsdetail .h{ padding:0;}
	.z_newsdetail .txt{ padding:0;}
	.z_newsdetail .back{ padding:0;}
}

/* 下载列表 */
.z_downloadlist .hd{ padding-bottom:50px;}
.z_downloadlist .hd b{ display:block; font-size:30px; margin-bottom:30px; color:#222; font-weight:normal;}
.z_downloadlist .hd p{ margin:0; line-height:24px; color:#5a5a5a;}
.z_downloadlist .row a{ display:block; position:relative; margin-bottom:20px; padding:6px; background:#eee;}
.z_downloadlist .row img{ width:100%;}
.z_downloadlist .row .descs{ position:absolute; z-index:1; left:0; top:16%; width:100%; 
	text-align:center; color:#ebebeb; font-size:30px;}
.z_downloadlist .row .descs img{ width:auto; height:60px;}
.z_downloadlist .row .descs b{ display:block; font-weight:normal;}
.z_downloadlist .row .descs p{ margin-top:30%; line-height:30px;}

/* 分页 */
.z_page{ clear:both; padding-top:30px; padding-bottom:20px;}
.z_page a{ display:inline-block; padding:5px 10px; border:#ccc solid 1px; color:#ccc; 
	margin-right:5px; margin-bottom:8px; font-size:14px; text-decoration:none;}
.z_page a:hover, .z_page a.on{ border:#999 solid 1px; color:#222;}