/*坚排产品列表*/
.ProductsBox {width:100%;}
.ProductsBox li{
	float: left; 
	width: 293px; 
	margin: 0px 10.5px 10px 0px; 
	border:#D4D4D4 1px solid;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	}
.ProductsBox li img{
	width:100%;
	height:auto;
	}
.ProductsBox li:nth-child(3n+0){
	margin: 0px 0px 10px 0px; 
	}
.ProductsBox li a{position: relative; display: block;overflow: hidden;}
.ProductsBox li a>img{width: 100%;height:auto;}
.ProductsBox li a h3{position: absolute;bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7);color: #fff; font-size: 14px; padding: 6px; z-index: 2; transition: .3s;}
.ProductsBox 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;}
.ProductsBox li a .hy-mask p{padding-top: 0px; padding-bottom: 10px; text-align: left; font-size: 14px; line-height: 24px;}
.ProductsBox li a:hover h3{
	transition: all 0.5s;
	background-color: rgba(23,109,183,.8);
	}
.ProductsBox li a:hover img{
	transform:scale(1.1);
	transition: all 0.5s;
	}
.ProductsBox li a:hover .hy-mask{transform: translateY(0);opacity:1;}
.ProductsBox 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;
}
.ProductsBox li p a{
font-size:13px;
height:32px;
line-height:32px;
padding-left: 25px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
}
.ProductsBox 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;
	}
.ProductsBox li p:hover a{
   color:#ffffff;
}
.ProductsBox li p a:hover{
}
@media only screen and (max-width: 750px) {
.ProductsBox li{
	float:none;
	width:100%;
	margin: 10px 0px 10px 0px; 
	height:auto;
	}
}
/*横排产品列表*/
.page_pro:hover .pro_right{
	background-color:#368FD1;
	color:#ffffff;
	transition:background-color 0.3s linear;
	box-shadow: 1px 1px 5px #cccccc;
	}
.page_pro:hover .pro_right .pro_content{color:#BFDBF0}
.page_pro .pro_left{
	width:209px;
	height:208px;
	float:left;
	border-left:#DBDBDB 1px solid;
	border-top:#DBDBDB  1px solid;
	border-bottom:#DBDBDB 1px solid;
	margin-bottom:16px;
    box-shadow: 1px 1px 10px #E8E8E8;
	overflow:hidden;
	}
.page_pro .pro_left img{width:100%;height:auto;}
.page_pro .pro_right{
	width:689px;
	height:208px;
	float:left;
	margin-bottom:16px;
	background-color:#F3F3F3;
	border-right:#DBDBDB 1px solid;
	border-top:#DBDBDB  1px solid;
	border-bottom:#DBDBDB 1px solid;
    box-shadow:1px 1px 10px #E8E8E8;
	}
.page_pro .pro_right .title{
	margin-left:20px;
	margin-right:20px;
	width:660px;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px dashed #dcdcdc;
	line-height:40px;
	}
.page_pro .pro_right .pro_content{
	margin-left:20px;
	margin-right:20px;
	margin-top:4px;
	width:660px;
	line-height:26px;
	font-size:13px;
	color:#888;
	}
.page_pro .pro_right:hover .pro_content{color:#BFDBF0}
.page_pro:hover img{
	transform:scale(1.1);
	transition: all 0.5s;
	}
@media only screen and (max-width: 750px) {
.page_pro{
	border:#DBDBDB 1px solid;
	margin-bottom:20px;
	box-shadow:1px 1px 10px #E8E8E8;
	border-radius:5px;
	height:auto;
	}
.page_pro .pro_left{
	width:100%;
	height:auto;
	float:none;
	border:none;
	margin-bottom:0px;
    box-shadow:none;
	}
.page_pro .pro_left img{width:100%;height:auto;border-radius:5px;}
.page_pro .pro_right{
	width:100%;
	height:auto;
	float:none;
	margin-bottom:0px;
	border-top:none;
    box-shadow:none;
	}
.page_pro .pro_right .title{
	margin-left:10px;
	margin-right:10px;
	width:calc(100% - 20px);
	font-size:16px;
	font-weight:bold;
	border-bottom:1px dashed #dcdcdc;
	line-height:40px;
	}
.page_pro .pro_right .pro_content{
	margin-left:10px;
	margin-right:10px;
	margin-top:4px;
	width:calc(100% - 20px);
	height:100%;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
}

/*产品导航跟随页面*/
.top_menuline{color:#B9B9B9;font-size:12px;padding-left:8px;padding-right:8px;}
#procon_a {
width:100%;height:42px;position:relative;top:0;background:#ffffff;z-index:1; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;z-index:100;border-bottom:#DBDBDB 1px solid;padding-top:5px;
}
#procon_a A {
LINE-HEIGHT: 30px;FONT-FAMILY: microsoft yahei;HEIGHT:30px; font-family:microsoft yahei;font-size:14px;cursor:pointer;background:#000000;color:#ffffff;padding:5px;
}
#procon_a A.A {
LINE-HEIGHT: 30px;HEIGHT: 30px;font-family:microsoft yahei; font-size:14px;background:#F00;color:#ffffff;padding:5px;
}
.proconmenu_left{
width:40%;float:left;color:#111111;font-size:13px;LINE-HEIGHT: 34px;
}
.proconmenu_right{
width:60%;float:right;height:33px;text-align:right;
}
/*产品类别下载样式*/
.download_left{width:80px;height:60px; background:#E77872;margin-bottom:15px;padding-top:20px;text-align:center;float:left;}
.download_right{width:1120px;height:80px;margin-bottom:15px; background:#F9F9F9;float:left;}
.download_right1{width:500px;margin-top:25px;float:left;margin-left:10px;}
.download_right2{width:150px;margin-top:25px;float:left;}
.download_right3{width:150px;margin-top:25px;float:left;}
.download_right4{float:right;margin-top:25px;width:80px;height:30px;border:#CCCCCC 1px solid; background:#FFFFFF;text-align:center;margin-right:20px;}
/*产品左右列表*/
.Productslist{
  width:100%;
  height:auto;
  margin-bottom:28px;
  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-repeat: no-repeat;
	 background-size:100% 100%;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 box-sizing:border-box;
	 box-shadow: 1px 1px 10px #cccccc;
	}
.Productslist .list_left img{
	width:100%;
	height:auto;
	display: inline-block; 
	vertical-align: middle;
	}
.Productslist .list_right{
	  float:left;
	  width:60%;
	  height:auto;
	  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;font-weight:normal;}
.arrow{
	float:left;
	width:23%;
	font-size:13px;
	font-weight:bold;
	background-color:#8D8EA9;
	color:#ffffff;
	padding-left:8px;
	height:30px;
	margin-bottom:10px;
	line-height:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	}
.cs{
	float:left;
	width:77%;
	font-size:12px;
	padding-left:8px;
	background:#fff;
	height:30px;
	border-top:#EFEFEF 1px solid;
	border-bottom:#EFEFEF 1px solid;
	border-right:#EFEFEF 1px solid;
	margin-bottom:10px;
	line-height:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	}
@media only screen and (max-width: 750px) {
.Productslist{
  height:auto;
  margin-bottom:10px;
  border:#DBDBDB 1px solid;
  cursor:pointer;
}	
.Productslist .list_left{
	 width:100%;
	 height:auto;
	 float:none;
	}
.Productslist .list_right{
	  float:none;
	  width:100%;
	  height:auto;
	  padding:10px 8px 14px 8px;
	  }
.arrow{
	width:23%;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	}	
.cs{
	font-size:10px;
	padding-left:6px;
}
}