@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; line-height:24px; font-size:14px;}
a{text-decoration:none;}
p{margin:0px; padding:0px;}
ul,li{margin:0px; padding:0px; list-style:none;}
.fr{float:right;}
.clear{clear:both;}
img{border:none;}
input{border:none;}
input:focus{outline:none;}
select:focus{outline:none;}
textarea:focus{outline:none;}
.clear{clear:both;}
.w80{width:80%; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.header{height:73px;  }
.header_r{width:80%;}
.logo{width:162px; height:73px;}
.bg_grey{background:#f7f7f7;}
.nav_list li a{width:14%; text-align:center; line-height:73px; float:left; display:block; font-size:16px;}
.nav_list li a:link{color:#333333;}
.nav_list li a:visited{color:#333333;}
.nav_list li a:hover{color:#e0201b;}
.nav_list li a:active{color:#e0201b;}
.nav_list li a.on{color:#e0201b; border-bottom:2px solid #e0201b; height:71px;}

.boxA_list li{width:25%; float:left; text-align:center;}
.boxA_a {font-size:30px; font-weight:lighter; margin-bottom:5px; color:#333333;}
.boxA_a span{font-size:14px;}
.boxA_b{font-size:12px; color:#999999;}
.boxA{padding-top:30px; padding-bottom:20px;}

.boxB{padding-top:40px; padding-bottom:30px;}
.boxB_r{width:40%; }
.boxB_r img{width:100%;}
.boxB_l{width:50%;}
.boxB_title_cn{font-size:24px; font-weight:bold; color:#e01f1a; line-height:32px; }
.boxB_title_en{font-size:14px; color:#b4b4b4; line-height:24px; }
.boxB_title{margin-bottom:30px;}
.boxB_text{text-indent:2rem; color:#666666; font-size:16px; line-height:32px;}
.boxB_list{margin-top:20px;}
.boxB_list li{width:25%; float:left; text-align:center;}
.boxB_list_img{width:15%;margin:0 auto;}
.boxB_list_img img{width:100%;}
.boxB_list_t{font-size:14px; font-weight:bold; line-height:30px; color:#333333;}
.boxB_list_text{color:#999999; font-size:12px;}

.boxC{padding-top:30px; padding-bottom:30px;}
.boxC_r{width:30%;}
.boxC_l{width:30%;}
.boxC_m{width:30%; margin-right:5%;}
.boxC_l_title{line-height:40px; font-size:16px;}
.boxC_r span{color:#e0201b; font-weight:bold; font-size:24px;}
.boxC_l span{color:#e0201b; font-weight:bold; font-size:24px;}
.boxC_l_text{font-size:12px; color:#666666; line-height:24px; height:120px; overflow:hidden;}
.boxC_l_A{border-bottom:1px dotted #efefef; padding-bottom:20px; margin-bottom:20px;}

.boxD{padding-top:30px; padding-bottom:30px;}
.index_title_cn{font-size:24px; font-weight:bold; color:#e01f1a; line-height:32px; text-align:center;}
.index_title_en{font-size:14px; color:#b4b4b4; line-height:24px; text-align:center;}
 a.more{height:40px; line-height:40px; width:80%; margin:0 auto; text-align:right; font-size:14px; display:block;}
 a.more:link{color:#666666;}
 a.more:visited{color:#666666;}
 a.more:active{color:#e0201b;}
 a.more:hover{color:#e0201b;}
.news_box{width:80%; background: url(../images/bg.png) no-repeat bottom #ffffff; background-size:100%;height:380px;margin:0 auto; padding-top:20px;}
.news_box_list li{width:45%; float:left; margin-right:2%; margin-left:2%; border-bottom:1px solid #f4f4f4; padding-bottom:20px; margin-bottom:20px;}
.news_box_title{font-size:16px; height:36px; line-height:36px;  margin-bottom:10px;overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;
white-space: nowrap;
width:100%; }
.news_box_title a{overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;
white-space: nowrap;
width:80%; display:inline-block;}
.news_box_title a:link{color:#333333;}
.news_box_title a:visited{color:#333333;}
.news_box_title a:hover{color:#e0201b;}
.news_box_title a:active{color:#e0201b;}
.news_box_time{color:#cccccc; float:right; font-size:12px;}
.news_box_title span{color:#cccccc; float:right; font-size:12px;}
.news_text{font-size:14px; color:#666666; height:40px; line-height:20px; overflow:hidden;}




.footer{background:#191919; height:120px; line-height:120px; text-align:center; color:#ffffff;}


.page_banner{width:100%; height:250px; background: url(../images/pagebanner.jpg) no-repeat; }
.page_banner_title{line-height:50px; font-size:40px; text-align:center; color:#ffffff; padding-top:80px;}
.page_banner_line{height:2px; width:50px; margin:20px auto; background:#FFF; }
.main{padding-bottom:20px; padding-top:30px;}

.product_list{margin-top:30px; cursor: default;
	list-style: none;}
.product_list li{width:26%; float:left; margin-left:4%; marign-right:4%; margin-bottom:30px; border:1px solid #eeeeee; padding:10px;}
.product_list li img{width:100%;}
.product_list li p{font-size:16px; height:60px; line-height:60px; color:#333333; text-align:center;}


.product_list a
{
	cursor: default;
}

.product_list a .preview
{
	display: none;
}

.product_list a:hover .preview
{
	display: block;
	position: absolute;
	top: -23px;
	left: -35px;
	z-index: 1;
}

.product_list img
{

}

.product_list li
{

	color: inherit;
	display: inline;
	float: left;
	
	position: relative;
}

.product_list .preview
{
	width: 600px;
	height: auto;
	z-index:999;
}


.produce_box{ font-size:18px; line-height:40px; text-align:center; width:90%; margin:0 auto 30px;  }
.zs{width:70%; margin:40px auto  0;}
.zs_r{width:45%;}
.zs_r img{width:100%;} 
.zs_l{width:45%;}
.zs_l img{width:100%;}


.news_r{width:48%; margin-top:20px;}
.news_l{width:48%;margin-top:20px;}

.news_r_list li{border-bottom:1px solid #eeeeee;  margin-bottom:20px;}
.news_l_t{font-size:16px; line-height:40px;overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;white-space: nowrap;width:100%;}
.news_l_time{color:#999999; font-size:14px; line-height:30px;}
.news_l_text{font-size:14px; line-height:24px; color:#666666;}
.news_l_img img{width:100%;}
.news_l a{width:94%; height:500px; display:block; padding:3%;}
.news_l a:link{color:#333333;}
.news_l a:visited{color:#333333;}
.news_l a:hover{box-shadow:3px 3px 3px 3px #eeeeee; color:#e0201b;}
.news_l a:active{box-shadow:3px 3px 3px 3px #eeeeee;color:#e0201b;}


.news_title{text-align:center; font-size:24px; color:#333333; border-bottom:1px solid #eeeeee; padding-top:30px; padding-bottom:30px; margin-bottom:30px;}
.news_main p{text-indent:2rem; font-size:16px; color:#333333; line-height:32px;}

.news_r_list li a{height:100px; display:block;padding-bottom:20px; padding:10px;}
.news_r_list li a:link{color:#333333;}
.news_r_list li a:visited{color:#333333;}
.news_r_list li a:hover{box-shadow:3px 3px 3px 3px #eeeeee; color:#e0201b;}
.news_r_list li a:active{box-shadow:3px 3px 3px 3px #eeeeee; color:#e0201b;}

.jiantou {width:40px;}
.jiantou img{width:100%;}
.contact_t{font-weight:bold; font-size:24px; line-height:46px;color:#333333;}
.contact_list li{line-height:32px; font-size:16px; color:#333333;}

.contact_l{width:25%; padding-top:60px;}
.contact_r{width:70%; margin-top:30px;}


.video{width:60%; margin:0 auto 20px; }
.video img{width:100%;}
.main p{text-indent:2rem; color:#333333; font-size:16px; line-height:32px; margin-bottom:10px;}
.main .text_t{text-indent:2rem; color:#333333; font-size:18px; line-height:40px; font-weight:bold;margin-bottom:10px;}

  /* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 50px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
 
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #1759aa;
  border: 1px solid #1759aa;
}
.pagination a.page-num-current {
  color: #fff;
  background: #1759aa;
  border: 1px solid #1759aa;
}
/* ----- PB分页数字条效果 结束 ----- */
@media (max-width:1300px){
.news_l a{width:94%; height:380px; display:block; padding:3%;}
}