@charset "UTF-8";


/*这里是公共页面样式*/

*{margin: 0px; padding: 0px;
text-decoration: none;
font-size: 14px;
list-style-type: none;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}





/*产品模型*/

.title_common {
    width:100%;
	height:50px;
	line-height:50px;
	
  
	font-weight: 600;
	text-align: center;
	font-size: 30px;
	letter-spacing: 2px;
	color: #1a1a1a;
	
	

	
	margin: 60px 0 30px 0;

}






.yzm-product{margin: 20px auto; width:1400px;

 
  overflow:hidden;

 }
.yzm-product-list-box{  overflow:hidden;  width:1500px; }



.yzm-product-list{border: 1px #e8e8e8 solid;overflow: hidden; height:330px; width: 21.6%; float: left; color: #333; font-size: 14px; background:#fff; margin-right:30px; }
.yzm-product-list:hover{border: 1px #014FA1 solid; opacity: 0.9;  background:#014FA1;  color:#fff; }
.yzm-product-img{width: 100%; height: 280px; float: left; overflow: hidden; }
.yzm-product-list img{width: 100%; height: 280px; transition: .5s;}
.yzm-product-list img:hover{transform: scale(1.1); opacity: 0.8;}

.yzm-product-tit{ width: 100%; font-size:18px; height:50px; line-height:50px;  text-align:center; }









/* 网站容器 */
.yzm-container{margin:auto;width:1170px;}
.yzm-content-box{padding:5px 20px 10px 20px;background: #fff; border:1px solid #014FA1; border-radius:3px;

min-height:300px;
}

.yzm-content{color:#353535}
.yzm-content p{color:#353535; font-size:16px; line-height:180%;}
.yzm-title{border-bottom: #e4e3e3 1px solid;margin-bottom: 10px}
.yzm-title h2{font-size: 18px;line-height: 40px;font-weight: normal;border-bottom: 3px solid #2196f3;display: inline-block;padding-right:2px;color: #2196f3}
.yzm-title-right{float: right;}
.yzm-title-right a{line-height: 40px}

.yzm-line{height:20px;clear:both;}
.yzm-no-content{padding:50px 0px;background:#fff;border:1px solid #eee;margin-bottom:20px;text-align:center;font-size:14px;color:#686868}




/* 产品列表页样式 */


.products-page{overflow: hidden; width:1400px;  margin:20px auto;}
.products-left{width: 250px; float: left; padding: 20px 20px; padding:5px 20px 10px 20px;background: #fff; border:1px solid #014FA1; border-radius:3px;}
.products-right{width: 1050px; float: right; background:#fff; padding:5px 20px 10px 20px;background: #fff; border:1px solid #014FA1; border-radius:3px;}
.products-left ul li{margin: 10px 0; }
.products-left ul li .current2{ width:300px; background:#014FA1; color:#fff;   border:1px solid #014FA1; z-index:999;}
.products-left ul li a{display: block; border: 1px solid #ddd; text-align: center; padding: 10px 0; border-radius: 5px; font-size: 16px; color:#014FA1; }
.products-left ul li a:hover{ background: #1487f4; color: #fff;}
.products-current{background: #1487f4; color: #fff; border: #1487f4 1px solid;}
.products-content{padding: 20px 0;}
.products-content h1{font-size: 18px; margin-bottom: 20px}


.products-title{border-bottom: #e4e3e3 1px solid;margin-bottom: 10px}
.products-title h2{font-size: 18px;line-height: 40px;font-weight: normal;border-bottom: 3px solid #2196f3;display: inline-block;padding-right:2px;color: #2196f3}
.products-title-right{float: right;}
.products-title-right a{line-height: 40px}




.yzm-product-list-box2{  overflow:hidden;  width:1100px;  }
.yzm-product-list2{border: 1px #e8e8e8 solid;overflow: hidden; height:250px; width: 21.6%; float: left; color: #333; font-size: 14px; background:#fff; margin-right:30px; margin-bottom:30px; 
 
}
.yzm-product-list2:hover{border: 1px #014FA1 solid; opacity: 0.9;  background:#014FA1;  color:#fff; }
.yzm-product-img2{width: 100%; height: 200px; float: left; overflow: hidden; }
.yzm-product-list2 img{width: 100%; height: 200px; transition: .5s;}
.yzm-product-list2 img:hover{transform: scale(1.1); opacity: 0.8;}
.yzm-product-tit2{ width: 100%; font-size:18px; height:50px; line-height:50px;  text-align:center; }


/* 前端分页 */
#page{margin:30px 0;font-size:13px;height:30px;line-height:30px;text-align:center}
#page .pageinfo {color:#666;padding:6px 8px;border:1px solid #ddd}
#page .pageinfo strong{font-weight:normal}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:6px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}


/* 产品列表页样式end */

/* 产品内容页样式*/
.products-main{width:1400px; margin:0 auto;}
.products-main-left{ width:1040px;  float: left;  margin: 20px 0;}

.products-right-nav{width:308px; float: left; padding: 20px 20px; padding:5px 20px 10px 20px;background: #fff; border:1px solid #014FA1; border-radius:3px;}

.products-right-nav ul li{margin: 10px 0; }
.products-right-nav ul li .current2{  background:#014FA1; color:#fff;   border:1px solid #014FA1; z-index:-999; }

.products-right-nav ul li a{display: block; border: 1px solid #ddd; text-align: center; padding: 10px 0; border-radius: 5px; font-size: 16px; color:#014FA1; }
.products-right-nav ul li a:hover{ background: #1487f4; color: #fff;}



.yzm-content-container{margin: 20px 0;}
.yzm-content-container h1{font-size: 22px; margin-bottom: 20px;}

.yzm-content h2{font-size: 16px; margin: 20px 0; padding-left: 10px; border-left: 3px solid #2196f3;}
.yzm-image{width: 100%; height: 500px; line-height: 500px; text-align: center; border: 1px solid #ddd; background: #f9f8f8}
.yzm-image img{width: 650px; height: 500px; overflow: hidden;}
.yzm-switch{width: 100%; height: 87px; border: 1px solid #ddd; margin: 5px auto;}
.yzm-icon1{display: inline; width: 30px; float: left; padding-top: 28px; text-indent: -9999px; margin-left: 10px;}
.yzm-icon1 a{display: block; width: 32px; height: 32px; background: url(../images/left.png) no-repeat;}
.yzm-icon2{float: right; width: 38px; padding-top: 28px; text-indent: -9999px;}
.yzm-icon2 a{display: block; width: 32px; height: 32px; background: url(../images/right.png) no-repeat;}
.yzm-switch-center{float: left; width: 665px; height: 83px; margin-left: 10px; overflow: hidden; padding-top: 3px;}
.yzm-switch-center li{display: inline; float: left; width: 100px; height: 66px; margin: 0 5px; padding-top: 10px;}
.yzm-switch-center li a{display: block; width: 88px; height: 60px; border: 1px solid #ddd;}
.yzm-switch-center li a img{width: 88px; height: 60px;}
.yzm-switch-center li a.on{border: 1px solid #ff9900;}
.yzm-switch-center li a:hover{border: 1px solid #ff9900;}





.yzm-main-right{float: right; width: 350px; margin: 20px 0;}
.yzm-like-list  li a{ line-height:180%; font-size:16px; color:#014FA1;}
.yzm-tag-list  li a{ line-height:180%; font-size:16px; color:#014FA1;}









.yzm-product-list-box3{  overflow:hidden;  width:1060px;   margin:20px 0 10px 0; }
.yzm-product-list3{border: 1px #e8e8e8 solid;overflow: hidden; height:250px; width: 22%; float: left; color: #333; font-size: 14px; background:#fff; margin-right:20px; }

.yzm-product-list3:hover{border: 1px #014FA1 solid; opacity: 0.9;  background:#014FA1;  color:#fff; }
 .yzm-product-img3{width: 100%; height: 200px; float: left; overflow: hidden; }
.yzm-product-list3 img{width: 100%; height: 200px; transition: .5s;}
.yzm-product-list3 img:hover{transform: scale(1.1); opacity: 0.8;}
.yzm-product-tit2{ width: 100%; font-size:18px; height:50px; line-height:50px;  text-align:center; }