@charset "utf-8";
/* CSS Document */
.banner_pc{ margin-top:90px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background:#ccc; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #c70000; cursor: default;}




.main { max-width: 1200px; margin: 0 auto; clear: both;position: relative; }
/* 首页产品中心 */


/*********************关于***********************/
.about{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0 auto;
	padding:80px 0px;
	}
.about .abtp{
	width:48%;
	height:320px;
	float:left;
	}
.about .abtp img{
	max-width:100%;
	min-width:100%;
	}
.about .abwz{
	width:48%;
	overflow:hidden;
	float:right;
	}
.sy_title{
	font-size:36px;
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
	}

.about .abwz p{
	font-size:14px;
	color:#999;
	line-height:22px;
	margin-top:15px;
	}

.s_more{  font-size: 15px; color: #fff; margin-top:20px; display: block; height: 40px; line-height: 40px;  background: #c70000; width: 138px;  border-radius: 20px; text-align: center;}
.s_more:hover{ border-radius: 30px; background: #000; color: #fff; }

/*缓动*/.s_more,.s_more2:hover{ -moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } 

@media (max-width:1600px) {
.about{width:96%;margin:0 auto;}
}
@media (max-width:1200px) {
.sy_title{font-size:24px;}
.about .abwz p{font-size:14px;}
}
@media (max-width:1000px) {
.about{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	padding:30px 0px;
	}
.about .abtp{
	width:100%;
	height:0;
	padding-bottom:68.5%;
	float:none;
	}
.about .abwz{
	width:100%;
	overflow:hidden;
	float:none;
	}
	}


/*********************advantage***********************/	
.advantages{ background:url(../images/bg1.jpg) center top no-repeat;background-size:cover;  padding:80px 0;}
.main_box{  width:100%;max-width:1200px;overflow:hidden;margin:0 auto;}
@media (max-width:1600px) {
.main_box{width:96%;margin:0 auto;}
}
@media (max-width:1000px) {
.main_box{width:90%;}
}
.advange{ width:25%; height:0; padding-bottom:15%; background:#c70000;text-align:center; float:left; }
.advange:nth-of-type(2), .advange:nth-of-type(4),.advange:nth-of-type(5),.advange:nth-of-type(7){background:#272b30; }
.advange div{ padding-top:30px;}
.advange p{ text-align:center; color:#fff; font-size:18px; margin-top:10px;}
@media (max-width:1200px) {
.advange{ padding-bottom:20%;}
}
@media (max-width:960px) {
.advantages{padding:50px 0;}
.advange{ width:50%; padding-bottom:25%;}
.advange:nth-of-type(2), .advange:nth-of-type(3),.advange:nth-of-type(6),.advange:nth-of-type(7){background:#000; }
.advange:nth-of-type(1), .advange:nth-of-type(4),.advange:nth-of-type(5),.advange:nth-of-type(8){background:#c70000; }
}
@media (max-width:600px) {
.advange{ width:50%; padding-bottom:50%;}
}



/* 首页产品中心 */
.products{ padding:80px 0;}
.index-product { padding-bottom: 0px; }
.index-product li { width: 32.3%; float: left; margin-right: 1%; margin-bottom: 10px; position: relative; }
.index-product .border { margin-right: 0; }
.index-product li .hover { width: 100%; height: 100%; display: none; position: absolute; top: 0;  }
.index-product li:hover .hover { display: block; transition: all 0.5s ease-in-out;}
.index-product li img { width: 100%; }
.index-product p {position: relative; color: #ccc; font-size: 18px; margin-top: 10px; margin-bottom: 10px; text-align:center; display: block;}

@media screen and (max-width: 980px) {
.products{ padding:30px 0;}
.index-product li { width: 46%; margin: 0 2% 20px; }
}
@media screen and (max-width: 600px) {
.index-product li { width: 100%;  }
}


/*********************brands***********************/	
.brands{ background:url(../images/bg2.jpg) center top no-repeat;background-size:cover;  padding:80px 0;}

/*新闻列表*/
.news{margin-top: 0px;}
.news ul{}
.news li{ }
.news li .pic{float: left;width: 32%;overflow:hidden; position:relative; background:#c70000;}
.news .pic2{ display:none;}
.news .pic img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
.news .pic:hover img {
	transform: scale(1.1);
}
.news li:nth-child(2) .pic{background:#272A2F; }
.news li .pic img{width: 100%;}
.news li .li_r{ background:#272a2f; color:#999; padding-top:30px;width: 64%; float:right; padding-left:2%;padding-right:2%;height:162.5px;}
.news li:nth-child(2) .li_r {background:#c70000; color:#fff;}
.news li .li_r .txt{line-height: 24px; font-size:14px;text-overflow:ellipsis; overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;}
.news li .li_r .more{font-size:14px; color:#fff; display:block;height: 36px; line-height: 36px; border-radius: 20px; background: #c70000;width: 130px; text-align: center; margin-top:20px;}
.news li:nth-child(2) .li_r .more{font-size:14px; color:#fff; display:block;height: 36px; line-height: 36px; border-radius: 20px; background: #000;width: 130px; text-align: center; margin-top:20px;}



@media (max-width:1000px) {
.news li .li_r .more{margin-top: 10px;font-size:14px;}
.news li .li_r .txt{line-height: 24px; font-size:14px;}
}
@media (max-width:880px) {
.brands{ padding:40px 0;}
.news{margin-top: 20px; padding-left:1%; width:99%;}
.news li .pic{float: none;width: 100%;}
.news li .li_r{float: none;width: 100%;padding-left:0;}
.news li .li_r .txt{ padding:2%;}
.news li .li_r .more{ margin-left:2%;}
.news li:nth-child(2) .li_r {background:#272A2F; color:#fff;}
.news .pic2{ display:block;}
}		
@media (max-width:600px) {
.news li:nth-child(2) .pic{background:#c70000; }
}

.certificates{background:url(../images/certificate.jpg) center top no-repeat;background-size:cover;  padding:80px 0; height:0; padding-bottom:26%;}
@media (max-width:880px) {
.certificates{padding:30px 0; padding-bottom:50%;}
}




/*==============新闻列表=====================*/
#n_news2 { padding-top:80px; padding-bottom:60px; }
#n_news2 ul{ overflow:hidden; }
#n_news2 li{ width:32%; position:relative; display:block; overflow:hidden; float:left; margin-right:2%; }
#n_news2 li:nth-child(3n){ margin-right:0;}
#n_news2 li a{ display:block;}

#n_news2 li .pic_box{overflow:hidden; position:relative; width:100%;}
#n_news2 li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
#n_news2 li .pic_box:hover img {transform: scale(1.1);}
#n_news2 li .pic_box img{ width:100%;}

#n_news2 li .text_box{ position:relative; padding:25px 0; }
#n_news2 li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#ccc; font-size:18px; font-weight:bold;  display:block; }
#n_news2 li p{ font-size:14px; line-height:24px; margin-top:10px; color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#n_news2 li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news2 li:hover h1 a{ color:#C70000; }
#n_news2 li a:hover{ text-decoration:underline; }
#n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 



@media (max-width:1200px) {
#n_news2 li{ width:46%;}
}
@media (max-width:920px) {
#n_news2 { padding-top:30px;padding-bottom:30px; }
#n_news2 li{ width:44%;}
}
@media (max-width:800px) {
#n_news2 li{ width:98%; }
#n_news2 ul{ margin:0;}
}