@charset "utf-8";
/*详情页切换卡*/
.menu_show{
border-bottom:#cccccc 1px solid;
height:40px;
margin-bottom:10px;
}
.menu_show li{
width:400;
text-align:left;
height:40px;
font-size:13px;
line-height:40px;
float:left;
}
.menu_show li a{
width:200px;
text-align:center;
height:40px;
line-height:40px;
color:#E2372E;
display: inline-block;
border-top:#cccccc 1px solid;
border-left:#cccccc 1px solid;
border-right:#cccccc 1px solid;
border-radius:5px 5px 0 0;
float:left;
margin-right:5px;
}
.menu_show li.active a{
width:200px;
text-align:center;
height:40px;
line-height:40px;
color:#ffffff;
background-color:#E2372E;
border-radius:5px 5px 0 0;
border-top:#E2372E 1px solid;
border-left:#E2372E 1px solid;
border-right:#E2372E 1px solid;
float:left;
}
@media only screen and (max-width: 750px) {
.menu_show li{
width:25%;
}
.menu_show li a{
width:100%;
}
.menu_show li.active a{
width:100%;
}
}
/*一行三列显示*/
.BoxList {width:100%;}
.BoxList li{
	float: left; 
	width: 293px; 
	margin: 0px 10.5px 10px 0px; 
	border:#D4D4D4 1px solid;
	 background-image:url(/images/public/pro_bg.jpg);
	 background-repeat: no-repeat;
	 background-size:100% 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	}
.BoxList li img{
	width:100%;
	height:auto;
	}
.BoxList li:nth-child(3n+0){
	margin: 0px 0px 10px 0px; 
	}
.BoxList li a{position: relative; display: block;overflow: hidden;}
.BoxList li a>img{width: 100%;height:auto;}
.BoxList li a h3{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 16px;
	padding: 6px;
	z-index: 2;
	transition: .3s;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;}
.BoxList li a .hy-mask{position: absolute;top: 0; left: 0;width: 100%; height: 100%; padding: 50px 44px 50px 50px;background-color: #1E5AAF; text-align: center; color: #fff; opacity: 0;transform: translateY(30px); transition: .3s; z-index: 1;}
.BoxList li a .hy-mask p{padding-top: 0px; padding-bottom: 10px; text-align: left; font-size: 14px; line-height: 24px;}
.BoxList li a:hover h3{
	transition: all 0.5s;
	background-color: rgba(226,55,46,.8);
	}
.BoxList li a:hover img{
	transform:scale(1.14);
	transition: all 0.5s;
	filter: brightness(1.1);
	}
.BoxList li a:hover .hy-mask{transform: translateY(0);opacity:1;}
.BoxList li p {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box; 
  background:url(/images/public/dot_ico.png) no-repeat left 6px top 10px;
}
.BoxList li p a{
font-size:13px;
height:32px;
line-height:32px;
padding-left: 25px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
}
.BoxList li p:hover{
	background:url(/images/public/dot_ico2.png) no-repeat left 6px top 8px;
	transition: all 0.3s ease;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transform: all 0.3s ease;  
	background-color:#E2372E;
	}
.BoxList li p:hover a{
   color:#ffffff;
}
.BoxList li p a:hover{
}
@media only screen and (max-width: 750px) {
.BoxList li{
	float:none;
	width:100%;
	margin: 10px 0px 10px 0px; 
	height:auto;
	}
}
/*产品左右列表*/
.Productslist{
  width:100%;
  height:auto;
  margin-bottom:20px;
  border:#DBDBDB 1px solid;
  cursor:pointer;
}
.Productslist:hover .list_left img{
	transform:scale(1.15);
	transition: all 0.4s;
	filter: brightness(1.2);
	-webkit-filter:brightness(1.2);
	}
.Productslist:hover{box-shadow: 1px 1px 10px #E8E8E8; background-color:#F6F6F6;}
.Productslist:hover .title a{
	color:#E2372E;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	}
.Productslist .list_left{
	 width:40%;
	 height:auto;
	 overflow:hidden;
	 float:left;
	 background-image:url(/images/public/pro_bg.jpg);
	 background-repeat: no-repeat;
	 background-size:100% 100%;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 box-sizing:border-box;
	}
.Productslist .list_left img{
	width:100%;
	height:auto;
	display: inline-block; 
	vertical-align: middle;
	}
.Productslist .list_right{
	  float:left;
	  width:60%;
	  padding:10px 6px 14px 20px;
	  -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  box-sizing:border-box;
	  }
.Productslist .list_right .title{font-size:18px;font-weight:bold;}
.Productslist .list_right .title a{display:block;}
.Productslist .list_right .content{margin-top:10px;margin-right:10px;}
@media only screen and (max-width: 750px) {
.Productslist .list_left{
	 width:100%;
	 float:none;
	}
.Productslist .list_right{
	  float:none;
	  width:100%;
	  padding:10px 8px 14px 8px;
	  }
}
.Downloadlist{
  width:100%;
  height:auto;
  margin-bottom:20px;
  border:#DBDBDB 1px solid;
  cursor:pointer;
}
.Downloadlist:hover .down_left img{
	transform:scale(1.2);
	transition: all 0.4s;
	filter: brightness(1.2);
	-webkit-filter:brightness(1.2);
	}
.Downloadlist:hover{box-shadow: 1px 1px 10px #E8E8E8; background-color:#F6F6F6;}
.Downloadlist:hover .title a{
	color:#E2372E;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	}
.Downloadlist .down_left{
	 width:24%;
	 height:auto;
	 overflow:hidden;
	 float:left;
	 background-image:url(/images/public/pro_bg.jpg);
	 background-repeat: no-repeat;
	 background-size:100% 100%;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 box-sizing:border-box;
	}
.Downloadlist .down_left img{
	width:100%;
	height:auto;
	}
.Downloadlist .down_right{
	  float:left;
	  width:76%;
	  padding:18px 26px 18px 20px;
	  -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  box-sizing:border-box;
	  }
.Downloadlist .down_right .title{font-size:18px;font-weight:bold;}
.Downloadlist .down_right .title a{display:block;}
.Downloadlist .down_right .content{font-size:14px;line-height:26px;margin-top:10px;margin-right:10px;margin-bottom:10px;}
.Downloadlist .down_right .more{ padding:10px 0; text-align:left;}
.Downloadlist .down_right .more a{ display:inline-block; padding:7px 40px; color:#fff;font-size:14px; background:#E2372E; border:1px solid #E2372E; transition:all .35s;}
.Downloadlist .down_right .more a:hover{ background:none; color:#E2372E;}
@media only screen and (max-width: 750px) {
.Downloadlist .down_left{
	 width:100%;
	 float:none;
	}
.Downloadlist .down_right{
	  float:none;
	  width:100%;
	  }
}