@charset "utf-8";
/*幻灯片CSS*/
#banner {
  	width: 100%;
  	position: relative;
}
#banner .hd {
  	position: absolute;
  	bottom: 20px;
  	left: 50%;
  	z-index: 10;
  	font-size: 0;
  	transform: translate(-50%,0);
  	-ms-transform: translate(-50%,0);
  	-webkit-transform: translate(-50%,0);
  	-moz-transform: translate(-50%,0);
  	-o-transform: translate(-50%,0);
}
#banner .hd li {
  	width: 16px;
  	height: 16px;
  	background-color: #ffffff;
	border-radius: 100%;
  	display: inline-block;
  	margin: 0 5px;
  	cursor: pointer;
}
#banner .hd .on {
  	background-color: #226426;
}
#banner .bd a {
  	display: block;
  	width: 100%;
  	height: 570px;
  	background-repeat: no-repeat;
  	background-position: center;
}
#banner .btn {
  	width: 47px;
 	height: 120px;
  	position: absolute;
  	opacity: .5;
  	filter:Alpha(opacity=50)
  	transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
}
#banner .btn:hover{
	opacity: 1;
	filter:Alpha(opacity=100)
}
#banner .prev {
	top: 50%;
  	background: url("../images/prev.png") no-repeat center;
  	left: 3%;
  	transform: translate(0,-50%);
  	-ms-transform: translate(0,-50%);
  	-webkit-transform: translate(0,-50%);
  	-moz-transform: translate(0,-50%);
  	-o-transform: translate(0,-50%);
}
#banner .next {
  	background: url("../images/next.png") no-repeat center;
  	right: 3%;
  	top: 50%;
  	transform: translate(0,-50%);
  	-ms-transform: translate(0,-50%);
  	-webkit-transform: translate(0,-50%);
  	-moz-transform: translate(0,-50%);
  	-o-transform: translate(0,-50%);
}
/*幻灯片CSS*/

/*关于我们*/
.about{ background: #fafafa; overflow: hidden; padding-bottom: 50px;}
.about ul li{ width: 370px; float: left; margin-right: 45px; text-align: center;}
.about ul li:last-child{ margin-right: 0px;}
.about ul li h4{ font-size: 18px;font-weight: bold; color: #5a5a5a; line-height: 30px; margin-top: 20px;}
.about ul li span{ font-size: 12px; color: #5a5a5a;}
.about ul li p{ text-align: left; line-height:25px; font-size: 14px; margin-top: 20px; }
.about ul li a.more{ color:#c40000;  }

.product{ background:url('../images/probg.jpg') no-repeat center center; overflow: hidden;}
.product .nav{ text-align: center; }
.product .nav a{ display: inline-block; padding: 10px 15px; color: #454544; font-size: 18px; margin-right: 20px;}
.product .nav a.cur{ background: #c40000; color: #fff; border-radius: 10px; }
.product .nav a:hover{ background: #c40000; color: #fff; border-radius: 10px; }
.product ul{ margin-top: 25px; }
.product ul li{ background: #ffffff; width: 220px; padding: 10px; text-align: center; float: left; margin-right: 25px; margin-bottom: 25px;}
.product ul li:nth-child(5n){ margin-right: 0px;}
.product ul li dd{ height: 200px; overflow: hidden;}
.product ul li img{ width: 100%; }
.product ul li h4{ line-height: 40px; color: #333333;}
.product ul li:hover{box-shadow: 0px 2px 5px 2px #b9d3ee}

.news ul{ overflow: hidden; }
.news ul li{ width: 380px; float: left; margin-left: 20px;}
.news ul li dd{height: 245px; width: 100%; overflow: hidden; }
.news ul li a{ color: #5a5a5a; }
.news ul li a h4{ font-size: 16px; line-height: 35px; padding: 0 5px; margin-top: 10px;}
.news ul li a span{ font-size: 12px;  padding: 0 5px;}
.news ul li a p{ font-size: 14px; line-height: 23px;  padding: 0 5px;}