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

@media screen and (min-width: 1380px)  {
/*banner*/
	.banner-bj{background:url(../images/products/bj1.jpg) no-repeat;background-size:100% 100%;}
	.banner .tit,.p-list .tit{text-align:center;color:#fff;margin-bottom:2.5%;}
	.p-list .tit{color:#1a1a1a;}
	.banner .tit h1,.p-list .tit h1{font-size:34px;margin:0 0 1% 0;}
	.banner .tit p,.p-list .tit p{font-size:17px;color:#e5e5e5}
	.banner .p-nav{background-color:rgba(255,255,255,0.4);border-radius:20px 20px 0px 0px;padding:0.8% 0.8% 0 0.8%;}
	.p-list .tit p{color:#333;}
	.banner .p-nav ul{background:#fff;-moz-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);-webkit-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);border-radius:10px 10px 0 0;position:relative;padding:0.5% 0;}
	.banner .p-nav ul li{width:20.5%;float:left;padding:1% 0;}
	.banner .p-nav ul li a{padding:1.5% 0;text-align:center;border-right:1px solid #c1c1c1;width:100%;font-size:18px;color:#5a5a5a;}
	.banner .p-nav ul li.last a{border:0;}
	.banner .p-nav ul li i{padding:0 5%;background:url(../images/index/hui.png) no-repeat left center;}
	.banner .p-nav ul li.active a{color:#036c32;font-weight:bold;}
	.banner .p-nav ul li.active i{background:url(../images/index/lv.png) no-repeat left center;}
	.banner .p-nav ul .p-zx{width:15%;padding:0.8% 0;border:1px solid;text-align:center;position:absolute;right:2%;top:17%;background-image: linear-gradient(90deg, #036c32 0%, #05ab78 100%);border-radius:22px;font-size:17px;color:#fff;}
	.banner .p-nav ul .p-zx i{padding:1% 7%;background:url(../images/index/anli_dj.png) no-repeat right center;}
	.p-nav .p-img{display:none;position:relative;}
	.p-nav .p-img .zx{position:absolute;width:18%;padding:5.5% 0;bottom:14%;left:4.7%;}
/*p-center*/
	.p-list-bj{background:url(../images/products/bj2.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.p-list .tit{margin-top:3%;}
	.p-list ul{margin:0 -1%;}
	.p-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:4%;}
	.p-list ul li a{width:100%;position:relative;}
	.p-list ul li .tu{position:relative;}
	.p-list ul li:hover .tu .mask{width:100%;height:100%;position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,0.3);border-radius:10px;}
	.p-list ul li:hover p{background-color:#069165;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);color:#fff;}
	.p-list ul li a img{width:100%;border-radius:10px;}
	.p-list ul li p{width:96%;margin:0 2%;background-color: #ffffff;-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);border-radius: 20px 0px 6px 6px;text-align:center;padding:3.5% 0;position:absolute;top:89%;font-size:17px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/products/bj1.jpg) no-repeat;background-size:100% 100%;}
	.banner .tit,.p-list .tit{text-align:center;color:#fff;margin-bottom:2.5%;}
	.p-list .tit{color:#1a1a1a;}
	.banner .tit h1,.p-list .tit h1{font-size:27px;margin:0 0 1% 0;}
	.banner .tit p,.p-list .tit p{font-size:16px;color:#e5e5e5}
	.banner .p-nav{background-color:rgba(255,255,255,0.4);border-radius:20px 20px 0px 0px;padding:0.8% 0.8% 0 0.8%;}
	.p-list .tit p{color:#333;}
	.banner .p-nav ul{background:#fff;-moz-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);-webkit-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);border-radius:10px 10px 0 0;position:relative;padding:0.5% 0;}
	.banner .p-nav ul li{width:20.5%;float:left;padding:1% 0;}
	.banner .p-nav ul li a{padding:1.5% 0;text-align:center;border-right:1px solid #c1c1c1;width:100%;font-size:16px;color:#5a5a5a;}
	.banner .p-nav ul li.last a{border:0;}
	.banner .p-nav ul li i{padding:0 5%;background:url(../images/index/hui.png) no-repeat left center;background-size:90% auto;}
	.banner .p-nav ul li.active a{color:#036c32;font-weight:bold;}
	.banner .p-nav ul li.active i{background:url(../images/index/lv.png) no-repeat left center;background-size:90% auto;}
	.banner .p-nav ul .p-zx{width:15%;padding:0.8% 0;border:1px solid;text-align:center;position:absolute;right:2%;top:17%;background-image: linear-gradient(90deg, #036c32 0%, #05ab78 100%);border-radius:22px;font-size:16px;color:#fff;}
	.banner .p-nav ul .p-zx i{padding:1% 8%;background:url(../images/index/anli_dj.png) no-repeat right center;background-size:70% auto;}
	.p-nav .p-img{display:none;position:relative;}
	.p-nav .p-img .zx{position:absolute;width:18%;padding:5.5% 0;bottom:14%;left:4.7%;}
/*p-center*/
	.p-list-bj{background:url(../images/products/bj2.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.p-list .tit{margin-top:3%;}
	.p-list ul{margin:0 -1%;}
	.p-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:4%;}
	.p-list ul li a{width:100%;position:relative;}
	.p-list ul li .tu{position:relative;}
	.p-list ul li:hover .tu .mask{width:100%;height:100%;position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,0.3);border-radius:10px;}
	.p-list ul li:hover p{background-color:#069165;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);color:#fff;}
	.p-list ul li a img{width:100%;border-radius:10px;}
	.p-list ul li p{width:96%;margin:0 2%;background-color: #ffffff;-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);border-radius: 20px 0px 6px 6px;text-align:center;padding:3% 0;position:absolute;top:89%;font-size:16px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner-bj{background:url(../images/products/bj1.jpg) no-repeat;background-size:100% 100%;}
	.banner .tit,.p-list .tit{text-align:center;color:#fff;margin-bottom:2.5%;}
	.p-list .tit{color:#1a1a1a;}
	.banner .tit h1,.p-list .tit h1{font-size:24px;margin:0 0 1% 0;}
	.banner .tit p,.p-list .tit p{font-size:15px;color:#e5e5e5}
	.banner .p-nav{background-color:rgba(255,255,255,0.4);border-radius:20px 20px 0px 0px;padding:0.8% 0.8% 0 0.8%;}
	.p-list .tit p{color:#333;}
	.banner .p-nav ul{background:#fff;-moz-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);-webkit-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);border-radius:10px 10px 0 0;position:relative;padding:0.5% 0;}
	.banner .p-nav ul li{width:21%;float:left;padding:1% 0;}
	.banner .p-nav ul li a{padding:1.5% 0;text-align:center;border-right:1px solid #c1c1c1;width:100%;font-size:15px;color:#5a5a5a;}
	.banner .p-nav ul li.last a{border:0;}
	.banner .p-nav ul li i{padding:0 5%;background:url(../images/index/hui.png) no-repeat left center;background-size:90% auto;}
	.banner .p-nav ul li.active a{color:#036c32;font-weight:bold;}
	.banner .p-nav ul li.active i{background:url(../images/index/lv.png) no-repeat left center;background-size:90% auto;}
	.banner .p-nav ul .p-zx{width:12%;padding:0.8% 0;border:1px solid;text-align:center;position:absolute;right:2%;top:17%;background-image: linear-gradient(90deg, #036c32 0%, #05ab78 100%);border-radius:22px;font-size:15px;color:#fff;}
	.banner .p-nav ul .p-zx i{padding:1% 8%;background:url(../images/index/anli_dj.png) no-repeat right center;background-size:70% auto;}
	.p-nav .p-img{display:none;position:relative;}
	.p-nav .p-img .zx{position:absolute;width:18%;padding:5.5% 0;bottom:14%;left:4.7%;}
/*p-center*/
	.p-list-bj{background:url(../images/products/bj2.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.p-list .tit{margin-top:3%;}
	.p-list ul{margin:0 -1%;}
	.p-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:4%;}
	.p-list ul li a{width:100%;position:relative;}
	.p-list ul li .tu{position:relative;}
	.p-list ul li:hover .tu .mask{width:100%;height:100%;position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,0.3);border-radius:10px;}
	.p-list ul li:hover p{background-color:#069165;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);color:#fff;}
	.p-list ul li a img{width:100%;border-radius:10px;}
	.p-list ul li p{width:96%;margin:0 2%;background-color: #ffffff;-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);border-radius: 20px 0px 6px 6px;text-align:center;padding:3% 0;position:absolute;top:89%;font-size:15px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
	.banner-bj{background:url(../images/products/bj1.jpg) no-repeat;background-size:100% 100%;}
	.banner .tit,.p-list .tit{text-align:center;color:#fff;margin-bottom:2.5%;}
	.p-list .tit{color:#1a1a1a;}
	.banner .tit h1,.p-list .tit h1{font-size:20px;margin:0 0 1% 0;}
	.banner .tit p,.p-list .tit p{font-size:14px;color:#e5e5e5}
	.banner .p-nav{background-color:rgba(255,255,255,0.4);border-radius:10px 10px 0px 0px;padding:0.8% 0.8% 0 0.8%;}
	.p-list .tit p{color:#333;}
	.banner .p-nav ul{background:#fff;-moz-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);-webkit-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);border-radius:10px 10px 0 0;position:relative;padding:0.5% 0;}
	.banner .p-nav ul li{width:25%;float:left;padding:1% 0;}
	.banner .p-nav ul li a{padding:1.5% 0;text-align:center;border-right:1px solid #c1c1c1;width:100%;font-size:14px;color:#5a5a5a;}
	.banner .p-nav ul li.last a{border:0;}
	.banner .p-nav ul li i{padding:0 4%;background:url(../images/index/hui.png) no-repeat left center;background-size:85% auto;}
	.banner .p-nav ul li.active a{color:#036c32;font-weight:bold;}
	.banner .p-nav ul li.active i{background:url(../images/index/lv.png) no-repeat left center;background-size:90% auto;}
	.banner .p-nav ul .p-zx{width:12%;display:none;padding:0.8% 0;border:1px solid;text-align:center;position:absolute;right:2%;top:17%;background-image: linear-gradient(90deg, #036c32 0%, #05ab78 100%);border-radius:22px;font-size:15px;color:#fff;}
	.banner .p-nav ul .p-zx i{padding:1% 8%;background:url(../images/index/anli_dj.png) no-repeat right center;background-size:70% auto;}
	.p-nav .p-img{display:none;position:relative;}
	.p-nav .p-img .zx{position:absolute;width:18%;padding:5.5% 0;bottom:14%;left:4.7%;}
/*p-center*/
	.p-list-bj{background:url(../images/products/bj2.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.p-list .tit{margin-top:3%;}
	.p-list ul{margin:0 -1%;}
	.p-list ul li{width:23%;padding:0 1%;float:left;margin-bottom:4%;}
	.p-list ul li a{width:100%;position:relative;}
	.p-list ul li .tu{position:relative;}
	.p-list ul li:hover .tu .mask{width:100%;height:100%;position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,0.3);border-radius:10px;}
	.p-list ul li:hover p{background-color:#069165;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);color:#fff;}
	.p-list ul li a img{width:100%;border-radius:10px;}
	.p-list ul li p{width:96%;margin:0 2%;background-color: #ffffff;-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);border-radius:6px 0px 6px 6px;text-align:center;padding:3% 0;position:absolute;top:89%;font-size:13px;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	
}

@media screen and (max-width: 768px) {
	.container{padding:0 2%;}
/*banner*/
	.banner-bj{background:url(../images/products/bj1.jpg) no-repeat;background-size:100% 100%;}
	.banner .tit,.p-list .tit{text-align:center;color:#fff;margin-bottom:2.5%;}
	.p-list .tit{color:#1a1a1a;}
	.banner .tit h1,.p-list .tit h1{font-size:0.34rem;margin:6% 0 3% 0;}
	.banner .tit p,.p-list .tit p{font-size:0.27rem;color:#e5e5e5;line-height:0.48rem;}
	.banner .p-nav{background-color:rgba(255,255,255,0.4);border-radius:10px 10px 0px 0px;padding:0.8% 0.8% 0 0.8%;}
	.p-list .tit p{color:#333;}
	.banner .p-nav ul{background:#fff;-moz-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);-webkit-box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);box-shadow: inset 0px 0px 9px 0px rgba(23, 33, 24, 0.27);border-radius:10px 10px 0 0;position:relative;padding:0.5% 0;}
	.banner .p-nav ul li{width:25%;float:left;padding:1% 0;}
	.banner .p-nav ul li a{padding:1.5% 0;text-align:center;border-right:1px solid #c1c1c1;width:100%;font-size:14px;color:#5a5a5a;}
	.banner .p-nav ul li.last a{border:0;}
	.banner .p-nav ul li i{padding:0 4%;background:url(../images/index/hui.png) no-repeat left center;background-size:85% auto;}
	.banner .p-nav ul li.active a{color:#036c32;font-weight:bold;}
	.banner .p-nav ul li.active i{background:url(../images/index/lv.png) no-repeat left center;background-size:90% auto;}
	.banner .p-nav ul .p-zx{width:12%;display:none;padding:0.8% 0;border:1px solid;text-align:center;position:absolute;right:2%;top:17%;background-image: linear-gradient(90deg, #036c32 0%, #05ab78 100%);border-radius:22px;font-size:15px;color:#fff;}
	.banner .p-nav ul .p-zx i{padding:1% 8%;background:url(../images/index/anli_dj.png) no-repeat right center;background-size:70% auto;}
	.p-nav .p-img{display:none;position:relative;}
	.p-nav .p-img .zx{position:absolute;width:18%;padding:5.5% 0;bottom:14%;left:4.7%;}
/*p-center*/
	.p-list-bj{background:url(../images/products/bj2.jpg) no-repeat;background-size:100% 100%;padding-bottom:2%;}
	.p-list .tit{margin-top:3%;}
	.p-list ul{margin:0 -1%;}
	.p-list ul li{width:48%;padding:0 1%;float:left;margin-bottom:10%;}
	.p-list ul li a{width:100%;position:relative;}
	.p-list ul li .tu{position:relative;}
	.p-list ul li:hover .tu .mask{width:100%;height:100%;position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,0.3);border-radius:10px;}
	.p-list ul li:hover p{background-color:#069165;-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);color:#fff;}
	.p-list ul li a img{width:100%;border-radius:10px;}
	.p-list ul li p{width:96%;margin:0 2%;background-color: #ffffff;-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);border-radius:6px 0px 6px 6px;text-align:center;padding:3% 0;position:absolute;top:89%;font-size:0.3rem;color:#1a1a1a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

}