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



/* CSS Document */

.chanpin1{
	width:1100px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	}



.chanpinpailie{margin-top:38px; height:auto; overflow:hidden; min-height:350px; font-size:15px; line-height:30px; color:#555358;}
.chanpinpailie a{color:#555358;}
.chanpinpailie a:hover{color:#c30d23;}
.chanpinpailie img{max-width:100%;}
.chanpinpailie .about_pic{ float:right; width:41.3%; margin-top:118px; height:500px;}
.chanpinpailie .about_info{width:52.7%; float:left;} 


.chanpinpailie1{height:auto; overflow:hidden; }
.chanpinpailie1 li{width:336px; float:left; margin-right:45px; list-style:none; margin-bottom:35px;}
.chanpinpailie1 li:nth-child(3n){margin-right:0;}
.chanpinpailie1 li .img{border:1px solid #c9c9c9; width:300px; height:268px; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle;}
.chanpinpailie1 li .img .box{width:100%; height:100%; position:absolute; left:-100%; top:-100%; background:rgba(0,0,0,0.3); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.chanpinpailie1 li .img:hover .box{top:0; left:0;}
.chanpinpailie1 li .img .box .more{width:122px; height:42px; margin:0 auto; background:#c30d23 url('../images/product_focus.png') 103px center no-repeat; border-radius:21px; text-align:center; color:#fff; line-height:42px; padding-right:24px; position:absolute; top:calc(50% - 21px); left:calc(50% - 73px);}
.chanpinpailie1 li .img img{max-width:300px; max-height:268px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.chanpinpailie1 li:hover .img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.chanpinpailie1 li .title{height:55px; line-height:55px; overflow:hidden; text-align:center; color:#707070;}



.sub_nav{height:auto; overflow:hidden; width:1100px;
	margin:50px auto;}
.sub_nav ul{margin-left:0px; height:auto; overflow:hidden;}
.sub_nav ul li{list-style:none; display:table; float:left; border-right:1px solid #717171; font-size:14px; height:16px; line-height:16px; margin-bottom:0.7em;}
.sub_nav ul li:last-child{border-right:none;}
.sub_nav ul li a{display:block; float:left; padding:0 33px; color:#707070;}
.sub_nav ul li a:hover,.sub_nav ul .focus a{color:#c30d23;}



@media screen and (max-width:1200px) {



.chanpinpailie1 li{width:calc(100% / 3 - 1em); margin-right:1.5em;}
.chanpinpailie1 li .img{width:calc(100% - 2px); height:auto; display:block;}
.chanpinpailie1 li .img .box{display:none;}
.chanpinpailie1 li .img img{ width:100%; max-width:none; max-height:none;}



}





/************  product2  *************/


@media screen and (max-width: 1100px) { 


.chanpin1{
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	}

.sub_nav{height:auto; overflow:hidden; width:90%;
	margin:50px auto;}
}


@media screen and (max-width: 768px) {

.chanpin1{
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	}

.chanpinpailie1 li .title{height:55px; line-height:55px; overflow:hidden; text-align:center; color:#707070; font-size: 9px;}

.sub_nav{height:auto; overflow:hidden; width:90%;
	margin:50px auto;}



 }

@media screen and (max-width: 640px) {


.chanpin1{
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	}

.chanpinpailie1 li .title{height:55px; line-height:55px; overflow:hidden; text-align:center; color:#707070; font-size: 9px;}

.sub_nav{height:auto; overflow:hidden; width:90%;
	margin:50px auto;}
 }

@media screen and (max-width: 480px) { 

.chanpin1{
	width:90%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	}

.chanpinpailie1 li .title{height:35px; line-height:55px; overflow:hidden; text-align:center; color:#707070; font-size:9px;}


.chanpinpailie1 li{width:49%;margin-right:2%;}
.chanpinpailie1 li:nth-child(3n){ margin-right:2%;}
.chanpinpailie1 li:nth-child(2n){ margin-right:0;}

.sub_nav{height:auto; overflow:hidden; width:100%;
	margin:50px auto;}
.sub_nav ul li{list-style:none; display:table; float:left; border-right:1px solid #717171; font-size:12px; height:12px; line-height:12px; margin-bottom:0.7em;}
}