@charset "UTF-8";

.yzm-page{ width:1400px;  margin:20px auto;  overflow: hidden}



.yzm-content-box{padding:5px 20px 10px 20px;background: #fff;border: 1px solid #ccc;}

.yzm-page-left{width: 250px; float: left; padding: 20px 20px;}
.yzm-page-right{width: 1050px; float: right; }

/* 左侧二级导航样式 */
.yzm-page-left ul li{margin: 10px 0;}
.yzm-page-left ul li a{display: block; border: 1px solid #ddd; text-align: center; padding: 8px 0; border-radius: 3px; font-size: 16px}
.yzm-page-left ul li a:hover,
.yzm-page-current{background: #1487f4; color: #fff; border: #1487f4 1px solid; }
.yzm-page-content{padding: 20px 0;}
.yzm-page-content h1{font-size: 18px; margin-bottom: 20px}

/* 网站容器 */

.yzm-title{border-bottom: #e4e3e3 1px solid;margin-bottom: 10px}
.yzm-title h2{font-size: 14px;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}





.picScroll-left .bd{ padding:0px;   }
	   		.picScroll-left .bd ul{ overflow:hidden; zoom:1;  width:1100px; padding:10px 0 0 10px; }
	   		.picScroll-left .bd ul li{ 
				 float:left; _display:inline; overflow:hidden; text-align:center;
			   width: 235px; height: 350px; border: 1px solid #B3B3B3;
			   
			    margin-right:30px ;
				
				margin-bottom:30px;
				border-radius: 3px;
				background: #fff;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);   /* 左侧阴影渐变 */
				background:#F0F3FA url("images/cp_bg.jpg") 0 0 no-repeat;}
			  }
			  .picScroll-left .bd ul li .pic{ width:235px; height:235px; overflow: hidden; }
			.picScroll-left .bd ul li .pic img{ width:200px; height:200px; display:block; transition: transform 0.2s;padding: 25px;}
			.picScroll-left .bd ul li .pic img:hover{  transform: scale(1.1);}
	   		.picScroll-left .bd ul li .pic{ text-align:center; }
	   .picScroll-left .bd ul li .tit{  }
	   .picScroll-left .bd ul li .tit h3{}
	    .picScroll-left .bd ul li .tit h3 a{ font-size: 16px;height: 20px;line-height: 20px;color: #000;
		
		padding:0 20px;
   display:block;
	 white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

		}
		.picScroll-left .bd ul li .tit .dis {
			 height: 45px;
			font-size: 14px; line-height: 150%; margin: 10px 0; padding: 0 10px;
			
			overflow:hidden;
			
			text-overflow:ellipsis;
			
			display:-webkit-box;
			
			-webkit-box-orient:vertical;
			
			-webkit-line-clamp:2; 
		}
		.picScroll-left .bd ul li .tit .ck{ margin-top: 25px;}
		.picScroll-left .bd ul li .tit .ck a { border: 1px solid #ccc;background: #fff;color: #000; padding: 5px 20px;border-radius: 20px; }
	   	.picScroll-left .bd ul li .tit .ck a:hover { border: 1px solid #004EA1;background: #004EA1;color: #fff; padding: 10px 20px;}
		
		
		
/* 前端分页 */
#page{margin:30px 0;font-size:13px;height:30px;line-height:30px;text-align:center; clear:both;}
#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;}
		
		
		
/* 		产品内容页样式 */
		
		.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-content img{max-width: 100%;}
.yzm-content p{margin-bottom: 10px; font-size:16px;line-height:180%;}
.yzm-content p span{font-size:16px;}
.yzm-content p span strong{font-size:16px;}
.yzm-content a{color: #4394ff;}
.yzm-content pre{color: #444;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;display: block;margin:10px 0; padding: 9px;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15); border-radius: 3px;background-color: #f5f5f5;white-space: pre-wrap;word-wrap: break-word;font-size: 11px;line-height: 20px;word-break: break-all;}
.yzm-content-tag a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;}
.yzm-content-tag a:hover{background: #2196f3; color: #fff;}
.yzm-content-read-tips{text-align:center;margin:50px 0 !important;border:1px dashed #9d9a9a;padding:15px 0;}
.yzm-content-read-tips span{color:red;margin:0 3px;}
.yzm-content-read-tips a{color:#0844f7;}
.yzm-content-read-tips a:hover{color:red;}
.yzm-operate{margin: 10px 0;}
.yzm-operate a{margin-right: 10px; background: #2196f3; height:25px;width:70px;display: inline-block;text-align: center; color: #fff; font-size: 12px}
.yzm-operate a:hover{opacity: 0.8;color:#fff;}




/*产品模型*/
 .yzm-product{margin: 20px 0;}
.yzm-product-list-box{width: 50%; float: left; color: #333; font-size: 14px; box-sizing: border-box; margin: 10px 0;}
.yzm-product-list{border: 1px #e8e8e8 solid; margin: 5px; padding: 20px; overflow: hidden; height: 160px;}
.yzm-product-list:hover{border: 1px #2196f3 solid;}
.yzm-product-img{width: 216px; height: 150px; float: left; overflow: hidden;}
.yzm-product-list img{width: 216px; height: 150px; float: left; transition: .5s;}
.yzm-product-list img:hover{transform: scale(1.1);}
.yzm-product-right{float: right; width: 270px;}
.yzm-product-title{font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px}
.yzm-product-price{color:#fd6161;line-height:35px}
.yzm-product-stock{line-height: 35px}
.yzm-product-details{background: #fd6161; border-radius: 3px; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; transition: 0.3s; font-size: 16px;}
.yzm-product-details:hover{color: #fff; opacity: 0.8}
.yzm-price{color:#fd6161;line-height:35px;font-size:18px;margin-bottom:15px;display:inline-block;}
.yzm-addshopping{cursor:pointer; background: #df3033;border-radius: 3px;display: block;width: 130px;height: 35px;line-height: 35px;text-align: center;color: #fff;transition: 0.3s;font-size: 13px;}
.yzm-addshopping:hover{background: #ed1316}
.yzm-shopping-box{position:fixed;bottom:50px;right:60px;border:1px solid #ddd;padding:15px;border-radius: 5px;box-shadow: 0px 0px 20px 3px rgba(51,51,51,0.3);transition: all 0.3s;}
.yzm-shopping-box:hover{box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);}
.yzm-shopping-box img{width:30px}
.yzm-shopping-box .shopping_number{position: absolute;top: -10px;right: -10px;background: #e94b35;color: #fff;border-radius: 100%;height: 28px;width: 28px;text-align: center;line-height: 28px;font-size: 16px;font-weight: bold;}
.yzm-image{width: 100%; height: 600px; line-height: 600px; text-align: center; border: 1px solid #ddd; background: #f9f8f8}
.yzm-image img{width: 600px; height: 600px; overflow: hidden;}
.yzm-switch{width: 100%; height: 117px; border: 1px solid #ddd; margin: 5px auto;}
.yzm-icon1{display: inline; width: 30px; float: left; padding-top: 43px; 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: 43px; 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: 900px; height: 105px; margin-left: 10px; overflow: hidden; padding-top: 3px; }
.yzm-switch-center li{display: inline; float: left; width: 100px; height: 90px; margin: 0 5px; padding-top: 10px;}
.yzm-switch-center li a{display: block; width: 80px; height: 80px; border: 1px solid #ddd; padding:0 5px 5px 5px;}
.yzm-switch-center li a img{width: 90px; height: 90px;}
.yzm-switch-center li a.on{border: 1px solid #ff9900;}
.yzm-switch-center li a:hover{border: 1px solid #ff9900;}
/*产品模型*/ 

.about_products ul{ padding:20px 0; overflow:hidden;}
.yzm-product-list3{ width:22%; float:left; border:1px solid #ccc; margin-right:20px; height:250px; background:#F1F6FA;}
.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; background:#fff;  }
.yzm-product-list3 img{width: 90%; height: 200px; transition: .5s; margin-left:5%;}
.yzm-product-list3 img:hover{transform: scale(1.1); opacity: 0.8;}
.yzm-product-tit2{ width: 90%; font-size:16px; height:50px; line-height:50px;  text-align:center;

 padding:0 10px;

 overflow:hidden; //超出的文本隐藏

 text-overflow:ellipsis; //溢出用省略号显示

 white-space:nowrap; //溢出不换行

 }