


 @charset "utf-8";

* {
	padding: 0px;
	margin: 0px
}


body {

   font-size:18px;
	color: #333;

}



.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	background-size: 400px auto;
	vertical-align: middle;
}



.icon, .iconn:before, .iconn:after, .iconbef:before, .iconbef:after {
	content: "\20";
	display: block;
}
.iconn {
	background: url(../images/iconn.png) no-repeat;
	background-size: 1.4rem auto;
	vertical-align: middle;
}


/*娓呴櫎娴姩*/
.fl {
	float: left;
}
.fr {
	float: right;
}







/* 新闻列表样式 */
.productslist{ padding:5%; margin-bottom:0px;}

/* 新闻列表样式end */




/* 分页样式 */
.page {  margin-top:20px; text-align:center; }
.page  a{ font-size:16px; color:#000; text-decoration:none;}
.page .pageinfo { display:none;}
.page .homepage { display:none;}
.page .endpage { display:none;}
.page .curpage { color:red; }
.page .listpage { margin:0 5px;  }
.page .nopage{   
   background: url(../images/jt_left2.png) bottom left no-repeat;
   background-size:15px;
   display:inline-block;
   width:30px;
   height:18px;
   margin-top:-10px;
   text-indent: -9999px;
 
}
.page .nextpage{  
   background: url(../images/jt_right2.png) bottom right no-repeat;
   background-size:15px;
   display:inline-block;
   width:30px;
   height:18px;
   
   text-indent: -9999px;
 
}

.page .prepage{    
   background: url(../images/jt_left.png) bottom left no-repeat;
   background-size:15px;
   display:inline-block;
   width:30px;
   height:18px;
   text-indent: -9999px;
 
}
.page .nextpage{   
   background:url(../images/jt_right.png) bottom right no-repeat;
   background-size:15px;
   display:inline-block;
   width:30px;
   height:18px;
   text-indent: -9999px;
 
}

/* 分页样式end */







/* 新闻列表样式 */
.product_related_list{ padding:0 5%; margin-bottom:0px;}
.product_related_list .item {
	width: 100%;
    height:130px;
	display: block;

	border-bottom: 1px dotted #f5b68d;
	margin-bottom:15px;

}

.product_related_list .item  img {
	width: 73px;
	height: 73px;
	display: block;
margin-right: 15px;
border:1px solid #08234F;
	-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px;
padding:17px;
}

.product_related_list .item  h3  a{
font-size: 16px;
	line-height: 150%;
	margin-bottom:0px;
	color: #0a66a7;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight:normal;
	display:-webkit-box;
-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
	
   text-decoration:none;
	text-align:left;

}
.product_related_list .item p {
font-size: 12px;
	line-height: 150%;
	color: #999999;
	overflow: hidden;
}
.product_related_list .item .time {
	color: #b7b7b7;
font-size: 12px;

}
.product_related_list .item:last-child {
	border-bottom: 0px;
}
/* 新闻列表样式end */













/* 	首页产品样式产品开始  */

.mcp-list{  max-width: 1200px;margin: 50px auto; padding:0 2% 0 2%; }
.mcp-list-tit{ width: 100%; height: 50px;}
.mcp-list-tit h2{ font-size: 20px; float: left;color: #000;}
.mcp-list-tit-more a{ font-size: 14px; float:right;border: 1px solid #000; padding: 5px 10px;text-decoration: none;color: #000;border-radius: 5px;
transition: background-color 0.5s ease; /* 定义过渡效果 */
}
.mcp-list-tit-more a:hover{
	background-color: rgba(255, 255, 255, 0.9); /* 鼠标悬停时颜色变为绿色 */
	
}
.mcp-list-1{ list-style-type: none;  position: relative;margin-bottom: 20px;border: 2px solid #414141; width:99%; height:450px;
  background: url(../images/m_cp_bg.png) no-repeat ;
background-size: cover;
 background-position: center;
}

.mcp-list-1 ul{
	  position: absolute; /* 设置为 absolute 进行绝对定位 */
	  top: 30px; /* 距离父元素顶部 50px */
	  left: 0px; /* 距离父元素左侧 40px */
	  
	  max-width: 1000px; max-height:500px;
	  
	 
	
	
}
.mcp-list-1 ul li , h3{ list-style-type: none;text-align: center;}
.mcp-list-1-1{ font-size: 30px;font-weight: bold;}
.mcp-list-1-2{ font-size: 16px;margin:5px 0;}
.mcp-list-1-3{ font-size: 16px; }
.mcp-list-img img{ width: 60%; height:auto;  display:block; margin:0 auto; }
.mcp-list-1-4{ margin-top: 20px; }
.mcp-list-1-5{ width:280px; margin:10px auto 0 auto; }

.mcp-list-1-5  a{  color: #fff;text-decoration: none;border: 2px solid #fff;padding: 5px 20px;border-radius: 5px; float: left;margin-left: 20px; 


    transition: background-color 0.5s ease; /* 定义过渡效果 */
}
.mcp-list-1-5  a:hover{
	background-color: rgba(255, 255, 255, 0.5); /* 鼠标悬停时颜色变为绿色 */
}


@media (min-width:450px) and (max-width: 1200px) {
	
	
	.banner-list-img img{width: 30%;}
	
	 .mcp-list-img img{ width: 40%; }
	 
	 .mcp-list-1 ul{
	  position: absolute; /* 设置为 absolute 进行绝对定位 */
	  top: 20px; /* 距离父元素顶部 50px */
	  left: 20%;
	    right: 20%;

	  
	 
	
	
}
}




/* 	首页产品样式产品end  */





.products{  max-width:1000px;  margin:0px auto 0 auto;   }

.yzm-image{
	max-width:1000px; mix-height:450px;
	
	border:3px solid #B7C8D8;
	  background: url(../images/mbg_products.png) no-repeat ;
background-size: cover;
 background-position: center;

}

.yzm-image img{ max-width:90%; padding:5%;  }

	.yzm-icon1{display: inline; width: 5%; float: left; padding-top: 0px; text-indent: -9999px;  border:1px solid red;}
	.yzm-icon1 a{display: block; width: 5%; height: 32px; background: url(../images/left.png) no-repeat;}
	.yzm-icon2{float: right; width: 16px; padding-top: 0px; text-indent: -9999px;  border:1px solid red;}
	.yzm-icon2 a{display: block; width: 16px; height: 32px; background: url(../images/right.png) no-repeat;}
	.yzm-switch{width: 100%; height: 80px; margin-top:10px;}
	.yzm-switch-center{float: left; width:100%; height: 82px;  overflow: hidden; margin-left:0px; }
	.yzm-switch-center li{display: inline; float: left; width:80px; height:80px; margin-right:10px; }
	.yzm-switch-center li a{display: block; width: 80px; height: 80px; border: 1px solid #ddd; border-radius:3px;}
	.yzm-switch-center li a img{width: 70px; height: 70px; border-radius:3px; padding:2px 5px 5px 5px; }
	.yzm-switch-center li a.on{border: 1px solid #ff9900; border-radius:3px;}
	.yzm-switch-center li a:hover{border: 1px solid #ff9900; border-radius:3px;}

	.product_discription_title{width:80px; height:35px;line-height:35px; color:#000; padding-left:20px; font-size:15px; border-radius:3px; border:1px solid #20366F; font-weight:bold;margin:50px 0 30px 0;}
.product_discription p{ font-size:16px; line-height:180%;}


/* 产品详情页样式end */