@charset "utf-8";
/* CSS Document */
.top-bj .top ul li:nth-child(2) a{background:rgba(0,0,0,0.1);border-bottom:2px solid #ff9d34;font-weight:bold;}

@media screen and (min-width: 1380px) {
/*banner*/
	body{background:url(../images/product/p-bj.jpg);}
	.banner{background:url(../images/product/banner.jpg) no-repeat;background-size:100% 100%;}
	.hot-pro{margin-top:3%;}
	.hot-pro ul{width:75%;margin:0 -1%;float:left;}
	.hot-pro ul li{width:48%;padding:0 1%;float:left;font-size:0;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li a img{display:block;}
	.hot-pro ul li a h2{font-size:20px;color:#f2f7fa;text-align:center;padding:2% 0;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	.hot-pro .right{width:21%;float:right;}
	.hot-pro .right h1{margin-top:0;text-align:right;margin-bottom:4%;}
	.hot-pro .right p{font-size:16px;color:#fff;line-height:30px;text-align:right;}
	.hot-pro .right ul{width:100%;margin:7% 0;}
	.hot-pro .right ul li{font-size:16px;color:#f2f7fa;padding-right:12%;background:url(../images/product/hot-icon.png) no-repeat right center;width:88%;margin:3% 0;text-align:right;}
	.hot-pro .right a{text-align:right;font-size:0;float:right;}
/*product-list*/
	.mtl-bj{background:#f2f7fa;margin-top:1px solid #f2f7fa;}
	.pro-tit{position:relative;margin-top:2%;}
	.pro-tit h1{font-size:32px;color:#312f2d;margin-bottom:0;}
	.pro-tit h1 span{padding:0.5% 7.7%;margin-left:1%;}
	.pro-tit h1 .mt{background:url(../images/product/fl-1.png) no-repeat center;}
	.pro-tit h1 .kz{background:url(../images/product/fl-2.png) no-repeat center;}
	.pro-tit h1 .fy{background:url(../images/product/fl-3.png) no-repeat center;}
	.pro-tit h1 .qt{background:url(../images/product/fl-4.png) no-repeat center;}
	.pro-tit h1 .ts{background:url(../images/product/fl-5.png) no-repeat center;}
	.pro-tit p{font-size:16px;color:#333;margin-top:1%;}
	.pro-tit a{font-size:18px;color:#333;padding:0.5% 1.5%;border:solid 1px #333;border-radius:8px;position:absolute;right:0;top:30%;}
	.pro-tit a:hover{background:#16558a;color:#fff;border:1px solid #16558a;}
	.cp-list ul{margin:2.5% -0.5%;}
	.cp-list ul li{width:24%;padding:0 0.5%;float:left;}
	.cp-list ul li a{width:100%;background:url(../images/product/case-bj.png) no-repeat right bottom;background-size:96% 90%;}
	.cp-list ul li a img{width:95%;border-radius:15px;}
	.cp-list ul li a h3{text-align:center;font-size:18px;color:#222;margin:2.5% 0;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cp-list ul li:hover h3{font-weight:bold;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
	body{background:url(../images/product/p-bj.jpg);}
	.banner{background:url(../images/product/banner.jpg) no-repeat;background-size:100% 100%;}
	.hot-pro{margin-top:3%;}
	.hot-pro ul{width:75%;margin:0 -1%;float:left;}
	.hot-pro ul li{width:48%;padding:0 1%;float:left;font-size:0;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li a img{display:block;}
	.hot-pro ul li a h2{font-size:18px;color:#f2f7fa;text-align:center;padding:2% 0;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	.hot-pro .right{width:21%;float:right;}
	.hot-pro .right h1{margin-top:0;text-align:right;margin-bottom:4%;}
	.hot-pro .right h1 img{width:65%;}
	.hot-pro .right p{font-size:15px;color:#fff;line-height:30px;text-align:right;}
	.hot-pro .right ul{width:100%;margin:5% 0;}
	.hot-pro .right ul li{font-size:15px;color:#f2f7fa;padding-right:12%;background:url(../images/product/hot-icon.png) no-repeat right center;width:88%;margin:3% 0;text-align:right;}
	.hot-pro .right a{text-align:right;font-size:0;float:right;}
	.hot-pro .right a img{width:90%;}
/*product-list*/
	.mtl-bj{background:#f2f7fa;margin-top:1px solid #f2f7fa;}
	.pro-tit{position:relative;margin-top:2%;}
	.pro-tit h1{font-size:28px;color:#312f2d;margin-bottom:0;}
	.pro-tit h1 span{padding:0.5% 7.7%;margin-left:1%;}
	.pro-tit h1 .mt{background:url(../images/product/fl-1.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .kz{background:url(../images/product/fl-2.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .fy{background:url(../images/product/fl-3.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .qt{background:url(../images/product/fl-4.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .ts{background:url(../images/product/fl-5.png) no-repeat center;background-size:100% auto;}
	.pro-tit p{font-size:15px;color:#333;margin-top:1%;}
	.pro-tit a{font-size:16px;color:#333;padding:0.5% 1.5%;border:solid 1px #333;border-radius:8px;position:absolute;right:0;top:30%;}
	.pro-tit a:hover{background:#16558a;color:#fff;border:1px solid #16558a;}
	.cp-list ul{margin:2.5% -0.5%;}
	.cp-list ul li{width:24%;padding:0 0.5%;float:left;}
	.cp-list ul li a{width:100%;background:url(../images/product/case-bj.png) no-repeat right bottom;background-size:96% 90%;}
	.cp-list ul li a img{width:95%;border-radius:15px;}
	.cp-list ul li a h3{text-align:center;font-size:16px;color:#222;margin:2.5% 0;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cp-list ul li:hover h3{font-weight:bold;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	body{background:url(../images/product/p-bj.jpg);}
	.banner{background:url(../images/product/banner.jpg) no-repeat;background-size:100% 100%;}
	.hot-pro{margin-top:3%;}
	.hot-pro ul{width:75%;margin:0 -1%;float:left;}
	.hot-pro ul li{width:48%;padding:0 1%;float:left;font-size:0;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li a img{display:block;}
	.hot-pro ul li a h2{font-size:16px;color:#f2f7fa;text-align:center;padding:2% 0;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	.hot-pro .right{width:26%;float:right;}
	.hot-pro .right h1{margin-top:0;text-align:right;margin-bottom:2%;}
	.hot-pro .right h1 img{width:60%;}
	.hot-pro .right p{font-size:14px;color:#fff;line-height:24px;text-align:right;}
	.hot-pro .right ul{width:100%;margin:3% 0;}
	.hot-pro .right ul li{font-size:14px;color:#f2f7fa;padding-right:12%;background:url(../images/product/hot-icon.png) no-repeat right center;background-size:8% auto;width:88%;margin:2% 0;text-align:right;}
	.hot-pro .right a{text-align:right;font-size:0;float:right;}
	.hot-pro .right a img{width:70%;}
/*product-list*/
	.mtl-bj{background:#f2f7fa;margin-top:1px solid #f2f7fa;}
	.pro-tit{position:relative;margin-top:2%;}
	.pro-tit h1{font-size:25px;color:#312f2d;margin-bottom:0;}
	.pro-tit h1 span{padding:0.5% 7.7%;margin-left:1%;}
	.pro-tit h1 .mt{background:url(../images/product/fl-1.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .kz{background:url(../images/product/fl-2.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .fy{background:url(../images/product/fl-3.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .qt{background:url(../images/product/fl-4.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .ts{background:url(../images/product/fl-5.png) no-repeat center;background-size:100% auto;}
	.pro-tit p{font-size:15px;color:#333;margin-top:1%;}
	.pro-tit a{font-size:15px;color:#333;padding:0.5% 1.5%;border:solid 1px #333;border-radius:8px;position:absolute;right:0;top:20%;}
	.pro-tit a:hover{background:#16558a;color:#fff;border:1px solid #16558a;}
	.cp-list ul{margin:2.5% -0.5%;}
	.cp-list ul li{width:24%;padding:0 0.5%;float:left;}
	.cp-list ul li a{width:100%;background:url(../images/product/case-bj.png) no-repeat right bottom;background-size:96% 90%;}
	.cp-list ul li a img{width:95%;border-radius:15px;}
	.cp-list ul li a h3{text-align:center;font-size:16px;color:#222;margin:2.5% 0;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cp-list ul li:hover h3{font-weight:bold;}
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	body{background:url(../images/product/p-bj.jpg);}
	.banner{background:url(../images/product/banner.jpg) no-repeat;background-size:100% 100%;}
	.hot-pro{margin-top:3%;}
	.hot-pro ul{width:68%;margin:0 -1%;float:left;}
	.hot-pro ul li{width:48%;padding:0 1%;float:left;font-size:0;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li a img{display:block;}
	.hot-pro ul li a h2{font-size:15px;color:#f2f7fa;text-align:center;padding:2% 0;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	.hot-pro .right{width:34%;float:right;}
	.hot-pro .right h1{margin-top:0;text-align:right;margin-bottom:0;}
	.hot-pro .right h1 img{width:45%;}
	.hot-pro .right p{font-size:14px;color:#fff;line-height:24px;text-align:right;display:none;}
	.hot-pro .right ul{width:100%;margin:3% 0;}
	.hot-pro .right ul li{font-size:14px;color:#f2f7fa;padding-right:12%;background:url(../images/product/hot-icon.png) no-repeat right center;background-size:8% auto;width:88%;margin:1% 0;text-align:right;}
	.hot-pro .right a{text-align:right;font-size:0;float:right;}
	.hot-pro .right a img{width:65%;}
/*product-list*/
	.mtl-bj{background:#f2f7fa;margin-top:1px solid #f2f7fa;}
	.pro-tit{position:relative;margin-top:2%;}
	.pro-tit h1{font-size:20px;color:#312f2d;margin-bottom:0;}
	.pro-tit h1 span{padding:0.5% 7.7%;margin-left:1%;}
	.pro-tit h1 .mt{background:url(../images/product/fl-1.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .kz{background:url(../images/product/fl-2.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .fy{background:url(../images/product/fl-3.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .qt{background:url(../images/product/fl-4.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .ts{background:url(../images/product/fl-5.png) no-repeat center;background-size:100% auto;}
	.pro-tit p{font-size:14px;color:#333;margin-top:1%;}
	.pro-tit a{font-size:15px;color:#333;padding:0.5% 1.5%;border:solid 1px #333;border-radius:8px;position:absolute;right:0;top:20%;}
	.pro-tit a:hover{background:#16558a;color:#fff;border:1px solid #16558a;}
	.cp-list ul{margin:2.5% -0.5%;}
	.cp-list ul li{width:24%;padding:0 0.5%;float:left;}
	.cp-list ul li a{width:100%;background:url(../images/product/case-bj.png) no-repeat right bottom;background-size:96% 90%;}
	.cp-list ul li a img{width:95%;border-radius:15px;}
	.cp-list ul li a h3{text-align:center;font-size:15px;color:#222;margin:2.5% 0;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cp-list ul li:hover h3{font-weight:bold;}
}

@media screen and (max-width: 769px) {
	.sj-top ul li:nth-child(2) a{background:#ff9d34;border-radius:0.1rem;color:#fff;font-weight:bold;}
/*banner*/
	body{background:url(../images/product/p-bj.jpg);}
	.banner{background:url(../images/product/banner.jpg) no-repeat;background-size:100% 100%;}
	.hot-pro{margin-top:3%;}
	.hot-pro ul{width:68%;margin:0 -1%;float:left;}
	.hot-pro ul li{width:48%;padding:0 1%;float:left;font-size:0;}
	.hot-pro ul li a{width:100%;position:relative;}
	.hot-pro ul li a img{display:block;}
	.hot-pro ul li a h2{font-size:15px;color:#f2f7fa;text-align:center;padding:2% 0;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	.hot-pro .right{width:34%;float:right;}
	.hot-pro .right h1{margin-top:0;text-align:right;margin-bottom:0;}
	.hot-pro .right h1 img{width:45%;}
	.hot-pro .right p{font-size:14px;color:#fff;line-height:24px;text-align:right;display:none;}
	.hot-pro .right ul{width:100%;margin:3% 0;}
	.hot-pro .right ul li{font-size:14px;color:#f2f7fa;padding-right:12%;background:url(../images/product/hot-icon.png) no-repeat right center;background-size:8% auto;width:88%;margin:1% 0;text-align:right;}
	.hot-pro .right a{text-align:right;font-size:0;float:right;}
	.hot-pro .right a img{width:65%;}
/*product-list*/
	.mtl-bj{background:#f2f7fa;margin-top:1px solid #f2f7fa;}
	.cp-list{padding:0 2%}
	.pro-tit{position:relative;margin-top:2%;}
	.pro-tit h1{font-size:0.36rem;color:#312f2d;margin-bottom:3%;}
	.pro-tit h1 span{padding:0.5% 7.7%;margin-left:1%;display:none;}
	.pro-tit h1 .mt{background:url(../images/product/fl-1.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .kz{background:url(../images/product/fl-2.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .fy{background:url(../images/product/fl-3.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .qt{background:url(../images/product/fl-4.png) no-repeat center;background-size:100% auto;}
	.pro-tit h1 .ts{background:url(../images/product/fl-5.png) no-repeat center;background-size:100% auto;}
	.pro-tit p{font-size:0.25rem;line-height:0.42rem;color:#333;margin-top:1%;}
	.pro-tit a{font-size:0.27rem;color:#333;padding:0.5% 1.5%;border:solid 1px #333;border-radius:8px;position:absolute;right:0;top:11%;}
	.pro-tit a:hover{background:#16558a;color:#fff;border:1px solid #16558a;}
	.cp-list ul{margin:2.5% -0.5%;}
	.cp-list ul li{width:49%;padding:0 0.5%;float:left;}
	.cp-list ul li a{width:100%;background:url(../images/product/case-bj.png) no-repeat right bottom;background-size:96% 90%;font-size:0;}
	.cp-list ul li a img{width:95%;border-radius:15px;}
	.cp-list ul li a h3{text-align:center;font-size:0.3rem;color:#222;margin:2.5% 0;font-weight:400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.cp-list ul li:hover h3{font-weight:bold;}
}