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

@media screen and (min-width: 1400px)  {
/*banner*/
	.banner-bj{background:url(../images/product/pro-list-bg.jpg) no-repeat;padding-bottom:3.8%;}
	.banner h1{font-size:0.6rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/product/products-center.png) no-repeat top center;}
	.banner p{font-size:0.18rem;color:#fff;text-align:center;margin:2% 0;}
/*product-sort*/
	.product-bj{background:url(../images/pro-blist/prolist-bbg.jpg);margin-bottom:2%;}
	.product-bj .sort{background:url(../images/pro-blist/prolist-lbg.jpg.png) no-repeat;background-size:100% 100%;position:relative;margin-top:-4.6%;}
	.product-bj .sort ul{width:88%;padding:1% 0 1.5% 0;margin-right:12%;}
	.product-bj .sort ul li{width:25%;padding:0 2%;margin:1% 0;float:left;}
	.product-bj .sort ul li a{width:94%;padding:4.4% 0 4.4% 21%;margin:0 3%;color:#666;font-size:0.18rem;font-family:Arial;background:url(../images/pro-blist/prolist-l2.png) no-repeat;background-size:100% 100%;}
	.product-bj .sort ul li a:hover{background:url(../images/pro-blist/prolist-l1.jpg.png) no-repeat;background-size:100% 100%;color:#595184;}
	.product-bj .sort ul li.last a{background:url(../images/pro-blist/prolist-cont.jpg.png) no-repeat;background-size:100% 100%;color:#fff;font-size:0.2rem;font-weight:bold;}
	.product-bj .sort img{position:absolute;right:3%;top:10%;}
/*sort-cp*/
	.sort-cp{margin-bottom:1%;}
	.sort-cp .tit{position:relative;margin:2% 0;}
	.sort-cp .tit h2{font-size:0.36rem;margin:0;color:#155798;font-family:'pi';padding:5px 0;}
	.sort-cp .biomass h2{background:url(../images/pro-blist/Biomass.png) no-repeat 6% center;}
	.sort-cp .feed h2{background:url(../images/pro-blist/Feed.png) no-repeat 6% center;}
	.sort-cp .organic h2{background:url(../images/pro-blist/Organic.png) no-repeat 6% center;}
	.sort-cp .coir h2{background:url(../images/pro-blist/Coconut.png) no-repeat 6% center;}
	.sort-cp .carbon h2{background:url(../images/pro-blist/Carbonization.png) no-repeat 6% center;}
	.sort-cp .coal h2{background:url(../images/pro-blist/Coal.png) no-repeat 6% center;}
	.sort-cp .other h2{background:url(../images/pro-blist/Other.png) no-repeat 6% center;}
	.sort-cp .tit h2 i{padding:5px 16px;background:url(../images/pro-blist/prolist-yuan.jpg.png) no-repeat left center;}
	.sort-cp .tit a{font-size:0.2rem;color:#fff;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:10px;display:block;width:8%;text-align:center;padding:0.7% 0;position:absolute;right:0;top:12%;}
	.sort-cp .tit a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);}
	.sort-cp ul{margin:0 -1%;}
	.sort-cp ul li{width:25%;padding:0 1%;float:left;}
	.sort-cp ul li a{width:100%;}
	.sort-cp .product li a img{border-radius:15px 15px 0px 0px;width:100%;}
	.sort-cp .product li a div{background:url(../images/pro-blist/prolist-yimg.jpg.png) no-repeat;background-size:100% 100%;padding:3% 3%;border-radius:0px 0px 15px 0px;margin-top:2%;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .product li a div h3{margin:0;font-size:0.18rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sort-cp .product li a div p{font-size:0.16rem;color:#000;margin-top:1%;}
	.sort-cp .small-cp{margin-top:2%;}
	.sort-cp .product li a:hover div{background:url(../images/pro-blist/prolist-mimg.jpg.png) no-repeat;}
	.sort-cp .product li a:hover div h3{color:#155798;}
	.sort-cp .small-cp li a{font-size:0.18rem;padding:5.5% 0;color:#000;text-align:center;background:url(../images/pro-blist/prolist-pyimg.jpg.png) no-repeat;background-size:100% 100%;font-weight:bold;border-radius:0px 18px 0px 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .small-cp li a:hover{background:url(../images/pro-blist/prolist-pimg.jpg.png) no-repeat;background-size:100% 100%;}
	
/*product-small*/
    /*classify*/
	.classify-bj{background:url(../images/product/pro-listbg.jpg) no-repeat;padding-top:3%;}
	.classify .nav{width:22%;float:left;}
	.classify .nav .sort,.classify .nav .contact{border-radius:0px 10px 20px 0px;overflow:hidden;-moz-box-shadow:4px 4px 0px rgba(21,87,152,0.3); -webkit-box-shadow:4px 4px 0px rgba(21,87,152,0.3); box-shadow:4px 4px 0px rgba(21,87,152,0.3);}
	.classify .nav .sort{background:url(../images/product/rolist-tw.jpg);margin-bottom:15%;}
	.classify .nav .sort dt a,.classify .nav .contact div a{width:100%;padding:3% 0;background:url(../images/product/pro-list-bg.jpg) no-repeat;background-size:100% 100%;font-size:0.3rem;color:#fff;text-align:center;font-weight:bold;}
/*	.classify .nav .sort dd{border:1px solid;}*/
	.classify .nav .sort dd a{width:80%;margin:0 10%;font-weight:bold;padding:5% 0 4% 21%;font-size:0.2rem;color:#000;background:url(../images/product/pro-list-yuan.jpg.png) no-repeat 12% center;border-bottom:1px solid #E5E5E5;}
	.classify .nav .sort dd:hover{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd.active{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd:hover a{color:#155798;}
	.classify .nav .contact ul{background:url(../images/product/prolist-con.jpg) no-repeat;background-size:100% 100%;padding:2% 1%;}
	.classify .nav .contact ul li{margin:3% 0;}
	.classify .nav .contact ul li:nth-child(1){background:url(../images/product/pro-list-ema.png) no-repeat 2% center;}
	.classify .nav .contact ul li:nth-child(2){background:url(../images/product/pro-list-tel.png) no-repeat 2% center;}
	.classify .nav .contact ul li a{font-size:16px;color:#000;padding:2% 0 2% 20%;}
	.classify .nav .contact ul li a b{font-size:19px;color:#000;display:block;}
	.classify .nav .contact ul li:hover a b{color:#155798;}
    /*right*/
	.classify .right{width:75.9%;float:right;}
	.classify .right ul{margin:0 -1.2%;}
	.classify .right ul li{width:33.33%;padding:0 1.2%;float:left;margin-bottom:4%;}
	.classify .right ul li a img{border-radius:20px 20px 0px 0px;}
	.classify .right ul li a div{background:url(../images/product/pro-list-xbg.jpg.png) no-repeat;background-size:100% 100%;padding:2% 2% 8% 2%;position:relative;}
	.classify .right ul li a div h3{font-size:0.18rem;color:#000;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p{font-size:16px;color:#000;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p span{color:#155798;}
	.classify .right ul li a div i{padding:3% 3%;position:absolute;right:4%;bottom:10%;background:#448ACA;border-radius:15px 0px 15px 0px;}
	.classify .right ul li a:hover h3{color:#155798;}
	.classify .right ul li a:hover i{background:#FF5E14;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/product/pro-list-bg.jpg) no-repeat;padding-bottom:3.8%;}
	.banner h1{font-size:0.54rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/product/products-center.png) no-repeat top center;}
	.banner p{font-size:0.2rem;color:#fff;text-align:center;margin:2% 0;}
/*product-sort*/
	.product-bj{background:url(../images/pro-blist/prolist-bbg.jpg);margin-bottom:2%;}
	.product-bj .sort{background:url(../images/pro-blist/prolist-lbg.jpg.png) no-repeat;background-size:100% 100%;position:relative;margin-top:-4.6%;}
	.product-bj .sort ul{width:88%;padding:1% 0 1.5% 0;margin-right:12%;}
	.product-bj .sort ul li{width:25%;padding:0 2%;margin:1% 0;float:left;}
	.product-bj .sort ul li a{width:94%;padding:4.4% 0 4.4% 21%;margin:0 3%;color:#666;font-size:0.18rem;font-family:Arial;background:url(../images/pro-blist/prolist-l2.png) no-repeat;background-size:100% 100%;}
	.product-bj .sort ul li a:hover{background:url(../images/pro-blist/prolist-l1.jpg.png) no-repeat;background-size:100% 100%;color:#595184;}
	.product-bj .sort ul li.last a{background:url(../images/pro-blist/prolist-cont.jpg.png) no-repeat;background-size:100% 100%;color:#fff;font-size:0.2rem;font-weight:bold;}
	.product-bj .sort img{position:absolute;right:3%;top:10%;width:10%;}
/*sort-cp*/
	.sort-cp{margin-bottom:1%;}
	.sort-cp .tit{position:relative;margin:2% 0;}
	.sort-cp .tit h2{font-size:0.32rem;margin:0;color:#155798;font-family:'pi';padding:5px 0;}
	.sort-cp .biomass h2{background:url(../images/pro-blist/Biomass.png) no-repeat 6% center;}
	.sort-cp .feed h2{background:url(../images/pro-blist/Feed.png) no-repeat 6% center;}
	.sort-cp .organic h2{background:url(../images/pro-blist/Organic.png) no-repeat 6% center;}
	.sort-cp .coir h2{background:url(../images/pro-blist/Coconut.png) no-repeat 6% center;}
	.sort-cp .carbon h2{background:url(../images/pro-blist/Carbonization.png) no-repeat 6% center;}
	.sort-cp .coal h2{background:url(../images/pro-blist/Coal.png) no-repeat 6% center;}
	.sort-cp .other h2{background:url(../images/pro-blist/Other.png) no-repeat 6% center;}
	.sort-cp .tit h2 i{padding:5px 16px;background:url(../images/pro-blist/prolist-yuan.jpg.png) no-repeat left center;}
	.sort-cp .tit a{font-size:0.18rem;color:#fff;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:10px;display:block;width:8%;text-align:center;padding:0.7% 0;position:absolute;right:0;top:12%;}
	.sort-cp .tit a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);}
	.sort-cp ul{margin:0 -1%;}
	.sort-cp ul li{width:25%;padding:0 1%;float:left;}
	.sort-cp ul li a{width:100%;}
	.sort-cp .product li a img{border-radius:15px 15px 0px 0px;width:100%;}
	.sort-cp .product li a div{background:url(../images/pro-blist/prolist-yimg.jpg.png) no-repeat;background-size:100% 100%;padding:3% 3%;border-radius:0px 0px 15px 0px;margin-top:2%;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .product li a div h3{margin:0;font-size:0.16rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sort-cp .product li a div p{font-size:0.15rem;color:#000;margin-top:1%;}
	.sort-cp .small-cp{margin-top:2%;}
	.sort-cp .product li a:hover div{background:url(../images/pro-blist/prolist-mimg.jpg.png) no-repeat;}
	.sort-cp .product li a:hover div h3{color:#155798;}
	.sort-cp .small-cp li a{font-size:0.18rem;padding:5.5% 0;color:#000;text-align:center;background:url(../images/pro-blist/prolist-pyimg.jpg.png) no-repeat;background-size:100% 100%;font-weight:bold;border-radius:0px 18px 0px 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .small-cp li a:hover{background:url(../images/pro-blist/prolist-pimg.jpg.png) no-repeat;background-size:100% 100%;}
	
/*product-small*/
    /*classify*/
	.classify-bj{background:url(../images/product/pro-listbg.jpg) no-repeat;padding-top:3%;}
	.classify .nav{width:22%;float:left;}
	.classify .nav .sort,.classify .nav .contact{border-radius:0px 10px 20px 0px;overflow:hidden;-moz-box-shadow:4px 4px 0px rgba(21,87,152,0.3); -webkit-box-shadow:4px 4px 0px rgba(21,87,152,0.3); box-shadow:4px 4px 0px rgba(21,87,152,0.3);}
	.classify .nav .sort{background:url(../images/product/rolist-tw.jpg);margin-bottom:15%;}
	.classify .nav .sort dt a,.classify .nav .contact div a{width:100%;padding:3% 0;background:url(../images/product/pro-list-bg.jpg) no-repeat;background-size:100% 100%;font-size:0.27rem;color:#fff;text-align:center;font-weight:bold;}
/*	.classify .nav .sort dd{border:1px solid;}*/
	.classify .nav .sort dd a{width:80%;margin:0 10%;font-weight:bold;padding:5% 0 4% 15%;font-size:0.18rem;color:#000;background:url(../images/product/pro-list-yuan.jpg.png) no-repeat 6% center;border-bottom:1px solid #E5E5E5;}
	.classify .nav .sort dd:hover{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd.active{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd:hover a{color:#155798;}
	.classify .nav .contact ul{background:url(../images/product/prolist-con.jpg) no-repeat;background-size:100% 100%;padding:2% 1%;}
	.classify .nav .contact ul li{margin:3% 0;}
	.classify .nav .contact ul li:nth-child(1){background:url(../images/product/pro-list-ema.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li:nth-child(2){background:url(../images/product/pro-list-tel.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li a{font-size:16px;color:#000;padding:2% 0 2% 20%;}
	.classify .nav .contact ul li a b{font-size:18px;color:#000;display:block;}
	.classify .nav .contact ul li:hover a b{color:#155798;}
    /*right*/
	.classify .right{width:75.9%;float:right;}
	.classify .right ul{margin:0 -1.2%;}
	.classify .right ul li{width:33.33%;padding:0 1.2%;float:left;margin-bottom:4%;}
	.classify .right ul li a img{border-radius:20px 20px 0px 0px;width:96%;}
	.classify .right ul li a div{background:url(../images/product/pro-list-xbg.jpg.png) no-repeat;background-size:100% 100%;padding:2% 2% 8% 2%;position:relative;}
	.classify .right ul li a div h3{font-size:0.18rem;color:#000;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p{font-size:16px;color:#000;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p span{color:#155798;}
	.classify .right ul li a div i{padding:3% 3%;position:absolute;right:4%;bottom:10%;background:#448ACA;border-radius:15px 0px 15px 0px;}
	.classify .right ul li a:hover h3{color:#155798;}
	.classify .right ul li a:hover i{background:#FF5E14;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner-bj{background:url(../images/product/pro-list-bg.jpg) no-repeat;padding-bottom:3.8%;}
	.banner h1{font-size:0.38rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/product/products-center.png) no-repeat top center;}
	.banner p{font-size:0.16rem;color:#fff;text-align:center;margin:2% 0;}
/*product-sort*/
	.product-bj{background:url(../images/pro-blist/prolist-bbg.jpg);margin-bottom:2%;}
	.product-bj .sort{background:url(../images/pro-blist/prolist-lbg.jpg.png) no-repeat;background-size:100% 100%;position:relative;margin-top:-4.6%;}
	.product-bj .sort ul{width:88%;padding:1% 0 1.5% 0;margin-right:12%;}
	.product-bj .sort ul li{width:25%;padding:0 2%;margin:1% 0;float:left;}
	.product-bj .sort ul li a{width:94%;padding:4.4% 0 4.4% 21%;margin:0 3%;color:#666;font-size:0.16rem;font-family:Arial;background:url(../images/pro-blist/prolist-l2.png) no-repeat;background-size:100% 100%;}
	.product-bj .sort ul li a:hover{background:url(../images/pro-blist/prolist-l1.jpg.png) no-repeat;background-size:100% 100%;color:#595184;}
	.product-bj .sort ul li.last a{background:url(../images/pro-blist/prolist-cont.jpg.png) no-repeat;background-size:100% 100%;color:#fff;font-size:0.18rem;font-weight:bold;}
	.product-bj .sort img{position:absolute;right:3%;top:10%;width:10%;}
/*sort-cp*/
	.sort-cp{margin-bottom:1%;}
	.sort-cp .tit{position:relative;margin:2% 0;}
	.sort-cp .tit h2{font-size:0.27rem;margin:0;color:#155798;font-family:'pi';padding:5px 0;}
	.sort-cp .biomass h2{background:url(../images/pro-blist/Biomass.png) no-repeat 6% center;}
	.sort-cp .feed h2{background:url(../images/pro-blist/Feed.png) no-repeat 6% center;}
	.sort-cp .organic h2{background:url(../images/pro-blist/Organic.png) no-repeat 6% center;}
	.sort-cp .coir h2{background:url(../images/pro-blist/Coconut.png) no-repeat 6% center;}
	.sort-cp .carbon h2{background:url(../images/pro-blist/Carbonization.png) no-repeat 6% center;}
	.sort-cp .coal h2{background:url(../images/pro-blist/Coal.png) no-repeat 6% center;}
	.sort-cp .other h2{background:url(../images/pro-blist/Other.png) no-repeat 6% center;}
	.sort-cp .tit h2 i{padding:5px 12px;background:url(../images/pro-blist/prolist-yuan.jpg.png) no-repeat left center;background-size:65% auto;}
	.sort-cp .tit a{font-size:0.16rem;color:#fff;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:10px;display:block;width:8%;text-align:center;padding:0.7% 0;position:absolute;right:0;top:12%;}
	.sort-cp .tit a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);}
	.sort-cp ul{margin:0 -1%;}
	.sort-cp ul li{width:25%;padding:0 1%;float:left;}
	.sort-cp ul li a{width:100%;}
	.sort-cp .product li a img{border-radius:15px 15px 0px 0px;width:100%;}
	.sort-cp .product li a div{background:url(../images/pro-blist/prolist-yimg.jpg.png) no-repeat;background-size:100% 100%;padding:3% 3%;border-radius:0px 0px 15px 0px;margin-top:2%;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .product li a div h3{margin:0;font-size:0.16rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sort-cp .product li a div p{font-size:0.15rem;color:#000;margin-top:1%;}
	.sort-cp .small-cp{margin-top:2%;}
	.sort-cp .product li a:hover div{background:url(../images/pro-blist/prolist-mimg.jpg.png) no-repeat;}
	.sort-cp .product li a:hover div h3{color:#155798;}
	.sort-cp .small-cp li a{font-size:0.16rem;padding:5.5% 0;color:#000;text-align:center;background:url(../images/pro-blist/prolist-pyimg.jpg.png) no-repeat;background-size:100% 100%;font-weight:bold;border-radius:0px 18px 0px 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .small-cp li a:hover{background:url(../images/pro-blist/prolist-pimg.jpg.png) no-repeat;background-size:100% 100%;}
	
/*product-small*/
    /*classify*/
	.classify-bj{background:url(../images/product/pro-listbg.jpg) no-repeat;padding-top:3%;}
	.classify .nav{width:22%;float:left;}
	.classify .nav .sort,.classify .nav .contact{border-radius:0px 10px 20px 0px;overflow:hidden;-moz-box-shadow:4px 4px 0px rgba(21,87,152,0.3); -webkit-box-shadow:4px 4px 0px rgba(21,87,152,0.3); box-shadow:4px 4px 0px rgba(21,87,152,0.3);}
	.classify .nav .sort{background:url(../images/product/rolist-tw.jpg);margin-bottom:15%;}
	.classify .nav .sort dt a,.classify .nav .contact div a{width:100%;padding:5% 0;background:url(../images/product/pro-list-bg.jpg) no-repeat;background-size:100% 100%;font-size:0.21rem;color:#fff;text-align:center;font-weight:bold;}
/*	.classify .nav .sort dd{border:1px solid;}*/
	.classify .nav .sort dd a{width:90%;margin:0 5%;font-weight:bold;padding:5% 0 4% 15%;font-size:0.16rem;color:#000;background:url(../images/product/pro-list-yuan.jpg.png) no-repeat 6% center;background-size:7% auto;border-bottom:1px solid #E5E5E5;}
	.classify .nav .sort dd:hover{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd.active{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd:hover a{color:#155798;}
	.classify .nav .contact ul{background:url(../images/product/prolist-con.jpg) no-repeat;background-size:100% 100%;padding:2% 1%;}
	.classify .nav .contact ul li{margin:3% 0;}
	.classify .nav .contact ul li:nth-child(1){background:url(../images/product/pro-list-ema.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li:nth-child(2){background:url(../images/product/pro-list-tel.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li a{font-size:16px;color:#000;padding:2% 0 2% 20%;}
	.classify .nav .contact ul li a b{font-size:18px;color:#000;display:block;}
	.classify .nav .contact ul li:hover a b{color:#155798;}
    /*right*/
	.classify .right{width:75.9%;float:right;}
	.classify .right ul{margin:0 -1.2%;}
	.classify .right ul li{width:33.33%;padding:0 1.2%;float:left;margin-bottom:4%;}
	.classify .right ul li a img{border-radius:20px 20px 0px 0px;width:96%;}
	.classify .right ul li a div{background:url(../images/product/pro-list-xbg.jpg.png) no-repeat;background-size:100% 100%;padding:2% 2% 8% 2%;position:relative;}
	.classify .right ul li a div h3{font-size:0.18rem;color:#000;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p{font-size:16px;color:#000;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p span{color:#155798;}
	.classify .right ul li a div i{padding:3% 3%;position:absolute;right:4%;bottom:10%;background:#448ACA;border-radius:15px 0px 15px 0px;}
	.classify .right ul li a:hover h3{color:#155798;}
	.classify .right ul li a:hover i{background:#FF5E14;}
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.banner-bj{background:url(../images/product/pro-list-bg.jpg) no-repeat;background-size:100% 100%;padding-bottom:8%;}
	.banner h1{font-size:0.27rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/product/products-center.png) no-repeat top center;}
	.banner p{font-size:0.14rem;color:#fff;text-align:center;margin:2% 0;}
/*product-sort*/
	.product-bj{background:url(../images/pro-blist/prolist-bbg.jpg);margin-bottom:2%;}
	.product-bj .sort{background:url(../images/pro-blist/prolist-lbg.jpg.png) no-repeat;background-size:100% 100%;position:relative;margin-top:-7.5%;}
	.product-bj .sort ul{width:100%;padding:1% 0 1.5% 0;}
	.product-bj .sort ul li{width:25%;padding:0 2%;margin:1% 0;float:left;}
	.product-bj .sort ul li a{width:94%;padding:4.4% 0 4.4% 21%;margin:0 1.5%;color:#666;font-size:0.14rem;font-family:Arial;background:url(../images/pro-blist/prolist-l2.png) no-repeat;background-size:100% 100%;}
	.product-bj .sort ul li a:hover{background:url(../images/pro-blist/prolist-l1.jpg.png) no-repeat;background-size:100% 100%;color:#595184;}
	.product-bj .sort ul li.last a{background:url(../images/pro-blist/prolist-cont.jpg.png) no-repeat;background-size:100% 100%;color:#fff;font-size:0.15rem;font-weight:bold;}
	.product-bj .sort img{position:absolute;right:3%;top:10%;width:10%;display:none;}
/*sort-cp*/
	.sort-cp{margin-bottom:1%;}
	.sort-cp .tit{position:relative;margin:2% 0;}
	.sort-cp .tit h2{font-size:0.24rem;margin:0;color:#155798;font-family:'pi';padding:5px 0;}
	.sort-cp .biomass h2{background:url(../images/pro-blist/Biomass.png) no-repeat 6% center;}
	.sort-cp .feed h2{background:url(../images/pro-blist/Feed.png) no-repeat 6% center;}
	.sort-cp .organic h2{background:url(../images/pro-blist/Organic.png) no-repeat 6% center;}
	.sort-cp .coir h2{background:url(../images/pro-blist/Coconut.png) no-repeat 6% center;}
	.sort-cp .carbon h2{background:url(../images/pro-blist/Carbonization.png) no-repeat 6% center;}
	.sort-cp .coal h2{background:url(../images/pro-blist/Coal.png) no-repeat 6% center;}
	.sort-cp .other h2{background:url(../images/pro-blist/Other.png) no-repeat 6% center;}
	.sort-cp .tit h2 i{padding:5px 12px;background:url(../images/pro-blist/prolist-yuan.jpg.png) no-repeat left center;background-size:65% auto;}
	.sort-cp .tit a{font-size:0.14rem;color:#fff;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:10px;display:block;width:8%;text-align:center;padding:0.7% 0;position:absolute;right:0;top:12%;}
	.sort-cp .tit a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);}
	.sort-cp ul{margin:0 -1%;}
	.sort-cp ul li{width:25%;padding:0 1%;float:left;}
	.sort-cp ul li a{width:100%;}
	.sort-cp .product li a img{border-radius:15px 15px 0px 0px;width:100%;}
	.sort-cp .product li a div{background:url(../images/pro-blist/prolist-yimg.jpg.png) no-repeat;background-size:100% 100%;padding:3% 3%;border-radius:0px 0px 15px 0px;margin-top:2%;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .product li a div h3{margin:0;font-size:0.14rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sort-cp .product li a div p{font-size:0.12rem;color:#000;margin-top:1%;}
	.sort-cp .small-cp{margin-top:2%;}
	.sort-cp .product li a:hover div{background:url(../images/pro-blist/prolist-mimg.jpg.png) no-repeat;}
	.sort-cp .product li a:hover div h3{color:#155798;}
	.sort-cp .small-cp li a{font-size:0.13rem;padding:5.5% 0;color:#000;text-align:center;background:url(../images/pro-blist/prolist-pyimg.jpg.png) no-repeat;background-size:100% 100%;font-weight:bold;border-radius:0px 18px 0px 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .small-cp li a:hover{background:url(../images/pro-blist/prolist-pimg.jpg.png) no-repeat;background-size:100% 100%;}
	
/*product-small*/
    /*classify*/
	.classify-bj{background:url(../images/product/pro-listbg.jpg) no-repeat;padding-top:3%;}
	.classify .nav{width:22%;float:left;}
	.classify .nav .sort,.classify .nav .contact{border-radius:0px 10px 20px 0px;overflow:hidden;-moz-box-shadow:4px 4px 0px rgba(21,87,152,0.3); -webkit-box-shadow:4px 4px 0px rgba(21,87,152,0.3); box-shadow:4px 4px 0px rgba(21,87,152,0.3);}
	.classify .nav .sort{background:url(../images/product/rolist-tw.jpg);margin-bottom:15%;}
	.classify .nav .sort dt a,.classify .nav .contact div a{width:100%;padding:5% 0;background:url(../images/product/pro-list-bg.jpg) no-repeat;background-size:100% 100%;font-size:0.18rem;color:#fff;text-align:center;font-weight:bold;}
/*	.classify .nav .sort dd{border:1px solid;}*/
	.classify .nav .sort dd a{width:90%;margin:0 5%;font-weight:bold;padding:5% 0 4% 15%;font-size:0.14rem;color:#000;background:url(../images/product/pro-list-yuan.jpg.png) no-repeat 6% center;background-size:7% auto;border-bottom:1px solid #E5E5E5;}
	.classify .nav .sort dd:hover{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd.active{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd:hover a{color:#155798;}
	.classify .nav .contact ul{background:url(../images/product/prolist-con.jpg) no-repeat;background-size:100% 100%;padding:2% 1%;}
	.classify .nav .contact ul li{margin:3% 0;}
	.classify .nav .contact ul li:nth-child(1){background:url(../images/product/pro-list-ema.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li:nth-child(2){background:url(../images/product/pro-list-tel.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li a{font-size:16px;color:#000;padding:2% 0 2% 20%;}
	.classify .nav .contact ul li a b{font-size:18px;color:#000;display:block;}
	.classify .nav .contact ul li:hover a b{color:#155798;}
    /*right*/
	.classify .right{width:75.9%;float:right;}
	.classify .right ul{margin:0 -1.2%;}
	.classify .right ul li{width:33.33%;padding:0 1.2%;float:left;margin-bottom:4%;}
	.classify .right ul li a img{border-radius:20px 20px 0px 0px;width:96%;}
	.classify .right ul li a div{background:url(../images/product/pro-list-xbg.jpg.png) no-repeat;background-size:100% 100%;padding:2% 2% 2% 2%;position:relative;}
	.classify .right ul li a div h3{font-size:0.15rem;color:#000;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p{font-size:0.12rem;color:#000;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.classify .right ul li a div p span{color:#155798;}
	.classify .right ul li a div i{padding:3% 3%;position:absolute;right:4%;bottom:10%;background:#448ACA;border-radius:15px 0px 15px 0px;display:none;}
	.classify .right ul li a:hover h3{color:#155798;}
	.classify .right ul li a:hover i{background:#FF5E14;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner-bj{background:url(../images/product/pro-list-bg.jpg) no-repeat;background-size:100% 100%;padding-top:5%;padding-bottom:8%;}
	.banner h1{font-size:0.36rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/product/products-center.png) no-repeat top center;}
	.banner p{font-size:0.26rem;color:#fff;text-align:center;margin:2% 0;}
/*product-sort*/
	.product-bj{margin-bottom:2%;}
	.product-bj .sort{background:url(../images/pro-blist/prolist-lbg.jpg.png) no-repeat;background-size:100% 100%;position:relative;margin-top:-7.5%;display:none;}
	.product-bj .sort ul{width:100%;padding:1% 0 1.5% 0;}
	.product-bj .sort ul li{width:25%;padding:0 2%;margin:1% 0;float:left;}
	.product-bj .sort ul li a{width:94%;padding:4.4% 0 4.4% 21%;margin:0 1.5%;color:#666;font-size:0.14rem;font-family:Arial;background:url(../images/pro-blist/prolist-l2.png) no-repeat;background-size:100% 100%;}
	.product-bj .sort ul li a:hover{background:url(../images/pro-blist/prolist-l1.jpg.png) no-repeat;background-size:100% 100%;color:#595184;}
	.product-bj .sort ul li.last a{background:url(../images/pro-blist/prolist-cont.jpg.png) no-repeat;background-size:100% 100%;color:#fff;font-size:0.15rem;font-weight:bold;}
	.product-bj .sort img{position:absolute;right:3%;top:10%;width:10%;display:none;}
/*sort-cp*/
	.sort-cp{margin-bottom:1%;padding:0 2%;}
	.sort-cp .tit{position:relative;margin:2% 0;}
	.sort-cp .tit h2{font-size:0.36rem;margin:0 0 3% 0;color:#155798;font-family:'pi';padding:5px 0;}
/*
	.sort-cp .biomass h2{background:url(../images/pro-blist/Biomass.png) no-repeat 6% center;}
	.sort-cp .feed h2{background:url(../images/pro-blist/Feed.png) no-repeat 6% center;}
	.sort-cp .organic h2{background:url(../images/pro-blist/Organic.png) no-repeat 6% center;}
	.sort-cp .coir h2{background:url(../images/pro-blist/Coconut.png) no-repeat 6% center;}
	.sort-cp .carbon h2{background:url(../images/pro-blist/Carbonization.png) no-repeat 6% center;}
	.sort-cp .coal h2{background:url(../images/pro-blist/Coal.png) no-repeat 6% center;}
	.sort-cp .other h2{background:url(../images/pro-blist/Other.png) no-repeat 6% center;}
*/
	.sort-cp .tit h2 i{padding:5px 12px;background:url(../images/pro-blist/prolist-yuan.jpg.png) no-repeat left center;background-size:65% auto;}
	.sort-cp .tit a{font-size:0.24rem;color:#fff;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:10px;display:block;width:14%;text-align:center;padding:1% 0;position:absolute;right:0;top:14%;}
	.sort-cp .tit a:hover{background:linear-gradient(90deg,#155799 0%,#AA4B6B 100%);}
/*	.sort-cp ul{padding:0 2%;}*/
	.sort-cp ul li{width:50%;padding:0 1%;float:left;margin-bottom:5%;}
	.sort-cp ul li a{width:100%;}
	.sort-cp .product li a img{border-radius:15px 15px 0px 0px;width:100%;}
	.sort-cp .product li a div{background:url(../images/pro-blist/prolist-yimg.jpg.png) no-repeat;background-size:100% 100%;padding:3% 3%;border-radius:0px 0px 15px 0px;margin-top:2%;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .product li a div h3{margin:0;font-size:0.27rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sort-cp .product li a div p{font-size:0.12rem;color:#000;margin-top:1%;display:none;}
	.sort-cp .small-cp{margin-top:2%;display:none;}
	.sort-cp .product li a:hover div{background:url(../images/pro-blist/prolist-mimg.jpg.png) no-repeat;}
	.sort-cp .product li a:hover div h3{color:#155798;}
	.sort-cp .small-cp li a{font-size:0.13rem;padding:5.5% 0;color:#000;text-align:center;background:url(../images/pro-blist/prolist-pyimg.jpg.png) no-repeat;background-size:100% 100%;font-weight:bold;border-radius:0px 18px 0px 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);-webkit-box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);box-shadow:4px 4px 10px 0px rgba(21,87,152,0.2);}
	.sort-cp .small-cp li a:hover{background:url(../images/pro-blist/prolist-pimg.jpg.png) no-repeat;background-size:100% 100%;}
	
/*product-small*/
    /*classify*/
	.classify-bj{background:url(../images/product/pro-listbg.jpg) no-repeat;padding-top:3%;}
	.classify .nav{width:22%;float:left;display:none;}
	.classify .nav .sort,.classify .nav .contact{border-radius:0px 10px 20px 0px;overflow:hidden;-moz-box-shadow:4px 4px 0px rgba(21,87,152,0.3); -webkit-box-shadow:4px 4px 0px rgba(21,87,152,0.3); box-shadow:4px 4px 0px rgba(21,87,152,0.3);}
	.classify .nav .sort{background:url(../images/product/rolist-tw.jpg);margin-bottom:15%;}
	.classify .nav .sort dt a,.classify .nav .contact div a{width:100%;padding:5% 0;background:url(../images/product/pro-list-bg.jpg) no-repeat;background-size:100% 100%;font-size:0.18rem;color:#fff;text-align:center;font-weight:bold;}
/*	.classify .nav .sort dd{border:1px solid;}*/
	.classify .nav .sort dd a{width:90%;margin:0 5%;font-weight:bold;padding:5% 0 4% 15%;font-size:0.14rem;color:#000;background:url(../images/product/pro-list-yuan.jpg.png) no-repeat 6% center;background-size:7% auto;border-bottom:1px solid #E5E5E5;}
	.classify .nav .sort dd:hover{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd.active{background:rgba(21,87,152,0.1);}
	.classify .nav .sort dd:hover a{color:#155798;}
	.classify .nav .contact ul{background:url(../images/product/prolist-con.jpg) no-repeat;background-size:100% 100%;padding:2% 1%;}
	.classify .nav .contact ul li{margin:3% 0;}
	.classify .nav .contact ul li:nth-child(1){background:url(../images/product/pro-list-ema.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li:nth-child(2){background:url(../images/product/pro-list-tel.png) no-repeat 2% center;background-size:15% auto;}
	.classify .nav .contact ul li a{font-size:16px;color:#000;padding:2% 0 2% 20%;}
	.classify .nav .contact ul li a b{font-size:18px;color:#000;display:block;}
	.classify .nav .contact ul li:hover a b{color:#155798;}
    /*right*/
	.classify .right{width:100%;}
/*	.classify .right ul{margin:0 -1%;}*/
	.classify .right ul li{width:50%;padding:0 1%;float:left;margin-bottom:4%;}
	.classify .right ul li a img{border-radius:20px 20px 0px 0px;width:96%;}
	.classify .right ul li a div{background:url(../images/product/pro-list-xbg.jpg.png) no-repeat;background-size:100% 100%;padding:2% 2% 2% 2%;position:relative;}
	.classify .right ul li a div h3{font-size:0.25rem;line-height:0.3rem;height:0.6rem;color:#000;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.classify .right ul li a div p{font-size:0.12rem;color:#000;margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none;}
	.classify .right ul li a div p span{color:#155798;}
	.classify .right ul li a div i{padding:3% 3%;position:absolute;right:4%;bottom:10%;background:#448ACA;border-radius:15px 0px 15px 0px;display:none;}
	.classify .right ul li a:hover h3{color:#155798;}
	.classify .right ul li a:hover i{background:#FF5E14;}
}