@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0; 
	list-style:none; 
	outline:none; 
	font-family:"微软雅黑";
}
body{
	min-width:1280px;
}
img{
	display:block; 
	border:none; 
	margin:0 auto;
}
a{
	text-decoration:none;
	transition:all 0.5s; 
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
}

.ie8{
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	text-align:center; 
	background:#ffffdc; 
	color:#997000; 
	font-size:12px; 
	line-height:30px; 
	z-index:9999;
}
.c3{
	transition:all 0.5s; 
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
}

.ty{
	overflow:hidden; 
	width:100%;
}

.w1200{
	width:1280px;
	margin:0 auto;
}
.clear::after{
	content:"";
	width:100%;
	height:0;
	clear:both;
	display:block;
}
.clear:after{
	content:"";
	width:100%;
	height:0;
	clear:both;
	display:block;
}


/* title */
.title{
	margin-bottom: 20px;
	line-height: 40px;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color: #333;
}

/* header */
.header{ margin-top: 20px;border-top:1px solid #ddd; position:relative; height:54px;}
.header ul li{ float:left;}
.header ul li > a{ display:block; margin:0 20px; font-size:14px; color:#000; line-height:54px;}
.header ul li:hover > a{ color:#808080;}
.header ul li.hover > a{ color:#808080;}
.header ul li.hover .znav{ display:block;}


/* poster */
.poster{ padding:150px 0 250px 0;text-align: center; background: url("../images/poster.jpg") no-repeat top center;}
.poster dl{ position:relative}
.poster dl dt{ font-size:48px; line-height:100px; color:#FFF; height:100px; overflow:hidden;}
.poster dl dd{ line-height:50px; font-size:24px; color:#fff; height:100px; overflow:hidden;}
.poster dl dd img{ max-height:100px; width:auto}


/* 公司简介 */
.profile{
	margin: 65px 0;
}
.profile p{
	width: 1020px;
	margin: 0 auto 30px;
	line-height: 30px;
	font-size: 16px;
	color: #666;
}


/* 产品展示 */
.cpzs .title{
	margin-bottom: 40px;
}
.cpzs .cpzs-lists{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1060px;
	margin: 0 auto;
}
.cpzs .cpzs-lists li{
	width: 480px;
	height: 360px;
	margin-bottom: 50px;
	background: #fff;
	box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
	overflow: hidden;
	border-radius: 10px;
	transition: transform .3s;
}
.cpzs .cpzs-lists li a{
	display: block;
	width: 100%;
	height: 360px;
}
.cpzs .cpzs-lists li .cpzs-pic{
	width: 100%;
	height: 240px;
	background-size: cover;
	background-position: center;
}
.cpzs .cpzs-lists .li1 .cpzs-pic{ background-image: url("../images/cpzs_pic1.jpg"); }
.cpzs .cpzs-lists .li2 .cpzs-pic{ background-image: url("../images/cpzs_pic2.jpg"); }
.cpzs .cpzs-lists .li3 .cpzs-pic{ background-image: url("../images/cpzs_pic3.jpg"); }
.cpzs .cpzs-lists .li4 .cpzs-pic{ background-image: url("../images/cpzs_pic4.jpg"); }
.cpzs .cpzs-lists .li5 .cpzs-pic{ background-image: url("../images/cpzs_pic5.jpg"); }
.cpzs .cpzs-lists .li6 .cpzs-pic{ background-image: url("../images/cpzs_pic6.jpg"); }
.cpzs .cpzs-lists .li7 .cpzs-pic{ background-image: url("../images/cpzs_pic7.jpg"); }
.cpzs .cpzs-lists .li8 .cpzs-pic{ background-image: url("../images/cpzs_pic8.jpg"); }
.cpzs .cpzs-lists li p{
	margin: 20px 0 0 20px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
}
.cpzs .cpzs-lists li:hover{
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	box-shadow: 0 10px 10px 2px rgb(0 0 0 / 10%);
	background: #fafafa;
}
.cpzs .down {
	padding-bottom: 50px;
}
.cpzs .down .pager{
	padding: 10px 0;
	text-align: center;
	color: #999;
	height: 30px;
}
.cpzs .down .pager span{
	color: #999;
	display: inline-block;
	margin: 0 1px;
	padding: 0 8px;
	border: 1px solid #ddd;
	font-size: 12px;
	line-height: 28px;
	height: 28px;
	border-radius: 3px;
	overflow: hidden;
	background: #FFF;
}
.cpzs .down .pager span select{
	border: none;
	height: 28px;
	line-height: 28px;
	outline: none;
	background: none;
	color: #999;
}


/* footer */
.footer{
	padding: 40px 0;
}
.footer p,
.footer a{
	display: block;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #666;
}