@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1380px)  {
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 94%;padding-top:1.5%;}
	.banner h1{font-size:34px;color:#fff;text-align:center;}
	.banner p{font-size:18px;color:#d9d9d9;text-align:center;margin-bottom:3%;}
	.banner .wai{background:url(../images/products/taizi.png) no-repeat bottom center;background-size:100% auto;padding:0 5% 2.2% 5%;}
	.banner ul li a{background-image: linear-gradient(0deg,#ffffff 100%);border:8px solid rgba(255,234,207,0.25);}
	.banner ul li img{width:100%!important;}
	.swiper-slide-active a{border-image:linear-gradient(to right,#bd2c2c,#ffbd4a) 1 10!important;}
/*cs-nav*/
    body{background:#eee;}
	.cs-nav-bj{background:url(../images/products/rxsbbj.png) no-repeat center;background-size:100% 100%;position:relative;margin-top:1%;}
	.cs-nav .cs{padding:0.65% 2% 0.65% 6%;}
	.cs-nav .cs h3{float:left;width:23%;padding:0.65% 0;margin:0;}
	.cs-nav .cs h3 i{padding:2.5% 10%;background:url(../images/products/rexiao.png) no-repeat left center;}
	.cs-nav .cs p{padding:0.65% 0;font-size:19px;color:#1a1a1a;float:left;text-align:center;}
	.cs-nav .cs p.cn{width:24%;}
	.cs-nav .cs p.sf{width:16%;}
	.cs-nav .cs p.mj{width:24%;}
	.cs-nav .cs a{font-size:18px;color:#ba2f2f;float:right;display:block;width:12%;text-align:center;padding:0.7% 0;font-weight:bold;}
	.cs-nav-bj .jt{position:absolute;top:-30%;left:0;right:0;margin:0 auto;}
/*product-list*/
    .product-bj{background:#fff;border-radius:30px 30px 0 0;padding-bottom:1%;margin-top:2%;}
	.product-bj .list{padding:0 2.5%;}
	.list .title{position:relative;border-bottom:1px solid #a5a5a5;margin-bottom:2%;}
	.list .title h1{width:84%;font-size:24px;color:#1a1a1a;padding-left:3.8%;background:url(../images/products/bt.png) no-repeat left center;}
	.list .title a{width:10%;position:absolute;right:0;top:32%;color:#525252;text-align:right;}
	.pro{margin:0 -1%;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/products/cpbj.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li a:hover{background:url(../images/products/cpbj_hover.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li .wz{padding-bottom:4%;}
	.pro li .wz h3{width:90%;padding:4% 3% 3% 7%;margin:0;font-size:19px;color:#2c2c2c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.pro li .wz p{font-size:17px;color:#333;padding:0 3% 3% 7%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;}
	.pro li a:hover h3{color:#fff;}	
	.pro li a:hover p{color:#fff;}	
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 94%;padding-top:1.5%;}
	.banner h1{font-size:30px;color:#fff;text-align:center;}
	.banner p{font-size:16px;color:#d9d9d9;text-align:center;margin-bottom:3%;}
	.banner .wai{background:url(../images/products/taizi.png) no-repeat bottom center;background-size:100% auto;padding:0 5% 2.2% 5%;}
	.banner ul li a{background-image: linear-gradient(0deg,#ffffff 100%);border:8px solid rgba(255,234,207,0.25);}
	.banner ul li img{width:100%!important;}
	.swiper-slide-active a{border-image:linear-gradient(to right,#bd2c2c,#ffbd4a) 1 10!important;}
/*cs-nav*/
    body{background:#eee;}
	.cs-nav-bj{background:url(../images/products/rxsbbj.png) no-repeat center;background-size:100% 100%;position:relative;margin-top:1%;}
	.cs-nav .cs{padding:0.65% 2%;}
	.cs-nav .cs h3{float:left;font-size:20px;width:25%;padding:0.65% 0;margin:0;}
	.cs-nav .cs h3 i{padding:2.5% 6%;background:url(../images/products/rexiao.png) no-repeat left center;background-size:80% auto;}
	.cs-nav .cs p{padding:0.65% 0;font-size:17px;color:#1a1a1a;float:left;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cs-nav .cs p.cn{width:24%;}
	.cs-nav .cs p.sf{width:16%;}
	.cs-nav .cs p.mj{width:24%;}
	.cs-nav .cs a{font-size:16px;color:#ba2f2f;float:right;display:block;width:10%;text-align:center;padding:0.7% 0;font-weight:bold;}
	.cs-nav-bj .jt{position:absolute;top:-30%;left:0;right:0;margin:0 auto;}
/*product-list*/
    .product-bj{background:#fff;border-radius:30px 30px 0 0;padding-bottom:1%;margin-top:2%;}
	.product-bj .list{padding:0 2.5%;}
	.list .title{position:relative;border-bottom:1px solid #a5a5a5;margin-bottom:2%;}
	.list .title h1{width:84%;font-size:21px;color:#1a1a1a;padding-left:3.8%;background:url(../images/products/bt.png) no-repeat left center;background-size:3% auto;}
	.list .title a{width:10%;position:absolute;right:0;top:32%;color:#525252;text-align:right;font-size:16px;}
	.pro{margin:0 -1%;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/products/cpbj.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li a:hover{background:url(../images/products/cpbj_hover.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li .wz{padding-bottom:4%;}
	.pro li .wz h3{width:90%;padding:4% 3% 3% 7%;margin:0;font-size:17px;color:#2c2c2c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.pro li .wz p{font-size:15px;color:#333;padding:0 3% 3% 7%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;}
	.pro li a:hover h3{color:#fff;}	
	.pro li a:hover p{color:#fff;}	

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 94%;padding-top:1.5%;}
	.banner h1{font-size:25px;color:#fff;text-align:center;}
	.banner p{font-size:15px;color:#d9d9d9;text-align:center;margin-bottom:3%;}
	.banner .wai{background:url(../images/products/taizi.png) no-repeat bottom center;background-size:100% auto;padding:0 5% 2.1% 5%;}
	.banner ul li a{background-image: linear-gradient(0deg,#ffffff 100%);border:6px solid rgba(255,234,207,0.25);}
	.banner ul li img{width:100%!important;}
	.swiper-slide-active a{border-image:linear-gradient(to right,#bd2c2c,#ffbd4a) 1 10!important;}
/*cs-nav*/
    body{background:#eee;}
	.cs-nav-bj{background:url(../images/products/rxsbbj.png) no-repeat center;background-size:100% 100%;position:relative;margin-top:1%;}
	.cs-nav .cs{padding:0.65% 2%;}
	.cs-nav .cs h3{float:left;font-size:16px;width:25%;padding:0.65% 0;margin:0;}
	.cs-nav .cs h3 i{padding:2.5% 6%;background:url(../images/products/rexiao.png) no-repeat left center;background-size:80% auto;}
	.cs-nav .cs p{padding:0.65% 0;font-size:15px;color:#1a1a1a;float:left;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cs-nav .cs p.cn{width:24%;}
	.cs-nav .cs p.sf{width:16%;}
	.cs-nav .cs p.mj{width:24%;}
	.cs-nav .cs a{font-size:15px;color:#ba2f2f;float:right;display:block;width:10%;text-align:center;padding:0.7% 0;font-weight:bold;}
	.cs-nav-bj .jt{position:absolute;top:-30%;left:0;right:0;margin:0 auto;}
/*product-list*/
    .product-bj{background:#fff;border-radius:30px 30px 0 0;padding-bottom:1%;margin-top:2%;}
	.product-bj .list{padding:0 2.5%;}
	.list .title{position:relative;border-bottom:1px solid #a5a5a5;margin-bottom:2%;}
	.list .title h1{width:84%;font-size:18px;color:#1a1a1a;padding-left:3.8%;background:url(../images/products/bt.png) no-repeat left center;background-size:3% auto;}
	.list .title a{width:10%;position:absolute;right:0;top:32%;color:#525252;text-align:right;font-size:15px;}
	.pro{margin:0 -1%;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/products/cpbj.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li a:hover{background:url(../images/products/cpbj_hover.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li .wz{padding-bottom:4%;}
	.pro li .wz h3{width:90%;padding:4% 3% 3% 7%;margin:0;font-size:16px;color:#2c2c2c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.pro li .wz p{font-size:14px;color:#333;padding:0 3% 3% 7%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:85%;}
	.pro li a:hover h3{color:#fff;}	
	.pro li a:hover p{color:#fff;}	
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 94%;padding-top:1.5%;}
	.banner h1{font-size:20px;color:#fff;text-align:center;}
	.banner p{font-size:14px;color:#d9d9d9;text-align:center;margin-bottom:3%;}
	.banner .wai{background:url(../images/products/taizi.png) no-repeat bottom center;background-size:100% auto;padding:0 5% 2% 5%;}
	.banner ul li a{background-image: linear-gradient(0deg,#ffffff 100%);border:4px solid rgba(255,234,207,0.25);}
	.banner ul li img{width:100%!important;}
	.swiper-slide-active a{border-image:linear-gradient(to right,#bd2c2c,#ffbd4a) 1 10!important;}
/*cs-nav*/
    body{background:#eee;}
	.cs-nav-bj{background:url(../images/products/rxsbbj.png) no-repeat center;background-size:100% 100%;position:relative;margin-top:1%;}
	.cs-nav .cs{padding:0.65% 2%;}
	.cs-nav .cs h3{float:left;font-size:14px;width:25%;padding:0.65% 0;margin:0;}
	.cs-nav .cs h3 i{padding:2.5% 6%;background:url(../images/products/rexiao.png) no-repeat left center;background-size:80% auto;}
	.cs-nav .cs p{padding:0.65% 0;font-size:13px;color:#1a1a1a;float:left;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cs-nav .cs p.cn{width:24%;}
	.cs-nav .cs p.sf{width:16%;}
	.cs-nav .cs p.mj{width:24%;}
	.cs-nav .cs a{font-size:13px;color:#ba2f2f;float:right;display:block;width:10%;text-align:center;padding:0.7% 0;font-weight:bold;}
	.cs-nav-bj .jt{position:absolute;top:-30%;left:0;right:0;margin:0 auto;}
/*product-list*/
    .product-bj{background:#fff;border-radius:30px 30px 0 0;padding-bottom:1%;margin-top:2%;}
	.product-bj .list{padding:0 2.5%;}
	.list .title{position:relative;border-bottom:1px solid #a5a5a5;margin-bottom:2%;}
	.list .title h1{width:84%;font-size:16px;color:#1a1a1a;padding-left:3.8%;background:url(../images/products/bt.png) no-repeat left center;background-size:3% auto;}
	.list .title a{width:10%;position:absolute;right:0;top:32%;color:#525252;text-align:right;font-size:14px;}
	.pro{margin:0 -1%;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/products/cpbj.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li a:hover{background:url(../images/products/cpbj_hover.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li .wz{padding-bottom:4%;}
	.pro li .wz h3{width:90%;padding:4% 3% 3% 7%;margin:0;font-size:14px;color:#2c2c2c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.pro li .wz p{font-size:13px;color:#333;padding:0 3% 3% 7%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:85%;}
	.pro li a:hover h3{color:#fff;}	
	.pro li a:hover p{color:#fff;}	

}

@media screen and (max-width: 768px) {	
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 94%;padding-top:1.5%;padding-bottom:3%;}
	.banner h1{font-size:0.36rem;color:#fff;text-align:center;}
	.banner p{font-size:0.25rem;color:#d9d9d9;text-align:center;margin-bottom:3%;}
	.banner .wai{background:url(../images/products/taizi.png) no-repeat bottom center;background-size:100% auto;padding:0 5% 2% 5%;}
	.banner ul li a{background-image: linear-gradient(0deg,#ffffff 100%);border:4px solid rgba(255,234,207,0.25);}
	.banner ul li img{width:100%!important;}
	.swiper-slide-active a{border-image:linear-gradient(to right,#bd2c2c,#ffbd4a) 1 10!important;}
/*cs-nav*/
    body{background:#eee;}
	.cs-nav-bj{background:url(../images/products/rxsbbj.png) no-repeat center;background-size:100% 100%;position:relative;margin-top:1%;}
	.cs-nav .cs{padding:0.65% 2%;}
	.cs-nav .cs h3{float:left;font-size:0.32rem;width:25%;padding:0.65% 0;margin:0;}
	.cs-nav .cs h3 i{padding:2.5% 6%;background:url(../images/products/rexiao.png) no-repeat left center;background-size:80% auto;}
	.cs-nav .cs p{padding:0.65% 0;font-size:0.27rem;color:#1a1a1a;float:left;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cs-nav .cs p.cn{width:24%;}
	.cs-nav .cs p.sf{width:16%;}
	.cs-nav .cs p.mj{width:24%;}
	.cs-nav .cs a{font-size:13px;color:#ba2f2f;float:right;display:block;width:10%;text-align:center;padding:0.7% 0;font-weight:bold;}
	.cs-nav-bj .jt{position:absolute;top:-30%;left:0;right:0;margin:0 auto;}
/*product-list*/
    .product-bj{background:#fff;border-radius:30px 30px 0 0;padding-bottom:1%;margin-top:2%;}
	.product-bj .list{padding:0 2.5%;}
	.list .title{position:relative;border-bottom:1px solid #a5a5a5;margin-bottom:2%;}
	.list .title h1{width:84%;font-size:0.3rem;color:#1a1a1a;padding-left:8%;background:url(../images/products/bt.png) no-repeat left center;background-size:5% auto;}
	.list .title a{width:15%;position:absolute;right:0;top:32%;color:#525252;text-align:right;font-size:0.25rem;}
	.pro{margin:0 -1%;}
	.pro li{padding:0 1%;width:48%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/products/cpbj.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li a:hover{background:url(../images/products/cpbj_hover.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li .wz{padding-bottom:4%;}
	.pro li .wz h3{width:88%;padding:4% 5% 3% 7%;margin:0;font-size:0.27rem;color:#2c2c2c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.pro li .wz p{font-size:0.21rem;color:#333;padding:0 3% 3% 7%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:85%;display:none;}
	.pro li a:hover h3{color:#fff;}	
	.pro li a:hover p{color:#fff;}	


}