@charset "utf-8";
/* CSS Document */

.product_section { padding-top:80px}
.product_list{	padding:0px 0px 80px; text-align:center;}

.product_list .item ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_list .item ul li{cursor:pointer; width:calc(33.333333% - 22px); float:left; margin-right:30px; margin-top:30px; border-radius:6px;  border:1px solid #eaeaea; overflow:hidden; box-sizing:border-box}
.product_list .item ul li:nth-of-type(3n){margin-right:0;}
.product_list .item ul li .img_box{width:100%; height:385px; background:#ececec; position:relative; border-bottom:1px solid #eaeaea; box-sizing:border-box; overflow:hidden}
.product_list .item ul li .img_box img{width:100%; height:100%; position:relative; top:0%; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);  transition:all 1s }
.product_list .item ul li .img_box img:hover {width:104%; height:104%; top:-2%}
.product_list .item ul li .text{padding:20px 15px; width:calc(100% - 30px); min-height:180px;  text-align:center; }
.product_list .item ul li .text span{display:block; font-size:16px; color:#222; font-weight:500;}
.product_list .item ul li .text h5{margin:3px 0 25px; font-size:26px; color:#222; color:#0a4595 ; font-weight:bold;}
.product_list .item ul li .text pre{font-size:15px; color:#666; letter-spacing:0.025em; text-overflow:ellipsis;white-space:pre-line; overflow:hidden; font-weight:400; line-height: 1.7; height: 5.1em; max-width:280px; margin:0px auto; }
.product_list .item ul li a{display:block; height:60px; background:#ececec; font-size:16px; color:#a3a3a3; font-weight:bold; line-height:60px; }
.product_list .item ul li:hover a{background:#0a4595; color:#fff}


@media all and (max-width:1200px){
	.product_list .item ul li .img_box{height:34.25vw}
	.product_list .item ul li .text h5{font-size:24px;}
	.product_list .item ul li .text p br{display:none}


}
@media all and (max-width:1000px){

	.product_list .tab ul li{width:33.333333%}
	.product_list .tab ul li a{margin-top:-1px}
	.product_list .tab ul li:nth-of-type(3n) a{border-right:1px solid #dedede;}

	.product_list .item ul li{width:calc(50% - 15px);}
	.product_list .item ul li:nth-of-type(3n){margin-right:30px;}
	.product_list .item ul li:nth-of-type(2n){margin-right:0;}
	.product_list .item ul li .text h5{font-size:24px; margin:3px 0 20px;}
	.product_list .item ul li .text p{font-size:15px;}
}

@media all and (max-width:768px){
	.product_list .item ul li{width:100%;margin-right:0;}
	.product_list .item ul li .img_box{width:100%; height:500px; }
}