@charset "utf-8";
/* CSS Document */
.hot-pro ul .tit{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
@media screen and (min-width:1200px){
	.pro-list h1{text-align: center;margin-top:3%;font-size:0.28rem;font-weight:bold;}
	.pro-list .more{display:inline-block;font-size:0.16rem;color:#333;width:100%;text-align:right;margin-bottom:2%;}
	.pro-list .more:hover{color:#b90000;}
	.pro-list .row{margin:0 -1.2%;}
	.pro-list .row .col-md-4{padding:0 1.2%;}
	.pro-list .row .col-md-4 .nei{width:100%;border:1px solid #eee;}
	.hot-pro{margin-bottom:2.5%;}
	.hot-pro img{width:100%;}
	.hot-pro ul,.hot-pro object{padding:0 2.5%;}
	.hot-pro ul .people{font-size:0.16rem;color:#333;}
	.hot-pro ul .people span{color:red;}
	.tit{font-size:0.2rem;margin:3% 0;font-weight:bold;letter-spacing:5px;color:#333;}
	.produ,.period{font-size:0.16rem;margin-bottom:2.5%;color:#333;}
	.hot-line{border:1px solid;float: left;padding:1.4% 10%;margin:4% 4%;border-radius:0.05rem;font-size:0.16rem;color:#333;}
	.offer{border:1px solid;float: right;padding:1.4% 10%;margin:4% 4%;border-radius:0.05rem;font-size:0.16rem;color:#333;}
	.hot-line:hover{background: #de4642;border: none;color: #fff;}
	.offer:hover{background: #de4642;border: none;color: #fff;}
}

@media screen and (min-width:992px) and (max-width:1200px){
	.pro-list{padding:0 1.5%;}
	.pro-list h1{text-align: center;margin-top:3%;font-size:0.24rem;font-weight:bold;}
	.pro-list .more{display:inline-block;font-size:0.15rem;color:#333;width:100%;text-align:right;margin-bottom:2%;}
	.pro-list .more:hover{color:#b90000;}
	.pro-list .row{margin:0 -1.2%;}
	.pro-list .row .col-md-4{padding:0 1.2%;}
	.pro-list .row .col-md-4 .nei{width:100%;border:1px solid #eee;}
	.hot-pro{margin-bottom:2.5%;}
	.hot-pro img{width:100%;}
	.hot-pro ul,.hot-pro object{padding:0 2.5%;}
	.hot-pro ul .people{font-size:0.16rem;color:#333;}
	.hot-pro ul .people span{color:red;}
	.tit{font-size:0.17rem;margin:3% 0;font-weight:bold;letter-spacing:5px;color:#333;}
	.produ,.period{font-size:0.15rem;margin-bottom:2.5%;color:#333;}
	.hot-line{border:1px solid;float: left;padding:1.2% 8%;margin:4% 4%;border-radius:0.05rem;font-size:0.15rem;color:#333;}
	.offer{border:1px solid;float: right;padding:1.2% 8%;margin:4% 4%;border-radius:0.05rem;font-size:0.15rem;color:#333;}
	.hot-line:hover{background: #de4642;border: none;color: #fff;}
	.offer:hover{background: #de4642;border: none;color: #fff;}
}

@media screen and (min-width:768px) and (max-width:992px){
	.pro-list{padding:0 1.5%;}
	.pro-list h1{text-align: center;margin-top:3%;font-size:0.18rem;font-weight:bold;}
	.pro-list .more{display:inline-block;font-size:0.14rem;color:#333;width:100%;text-align:right;margin-bottom:2%;}
	.pro-list .more:hover{color:#b90000;}
	.pro-list .row{margin:0 -1.2%;}
	.pro-list .row .col-md-4{padding:0 1.2%;}
	.pro-list .row .col-md-4 .nei{width:100%;border:1px solid #eee;}
	.hot-pro{margin-bottom:2.5%;}
	.hot-pro img{width:100%;}
	.hot-pro ul,.hot-pro object{padding:0 2.5%;}
	.hot-pro ul .people{font-size:0.15rem;color:#333;}
	.hot-pro ul .people span{color:red;}
	.tit{font-size:0.16rem;margin:3% 0;font-weight:bold;letter-spacing:0.02rem;color:#333;}
	.produ,.period{font-size:0.14rem;margin-bottom:2.5%;color:#333;}
	.hot-line{border:1px solid;float: left;padding:1.2% 8%;margin:4% 3%;border-radius:0.05rem;font-size:0.14rem;color:#333;}
	.offer{border:1px solid;float: right;padding:1.2% 8%;margin:4% 3%;border-radius:0.05rem;font-size:0.14rem;color:#333;}
	.hot-line:hover{background: #de4642;border: none;color: #fff;}
	.offer:hover{background: #de4642;border: none;color: #fff;}

}

@media screen and (max-width:768px) {
	.pro-list{padding:0 1.5%;}
	.pro-list h1{text-align:center;margin-top:5%;font-size:0.28rem;font-weight:bold;}
	.pro-list .more{display:inline-block;font-size:0.25rem;color:#333;width:100%;text-align:right;margin-bottom:2%;}
	.pro-list .more:hover{color:#b90000;}
	.pro-list .row{margin:0 -1.2%;}
	.pro-list .row .col-md-4{padding:0 1.2%;}
	.pro-list .row .col-md-4 .nei{width:100%;border:1px solid #eee;}
	.hot-pro{margin-bottom:2.5%;}
	.hot-pro img{width:100%;}
	.hot-pro ul,.hot-pro object{padding:0 2.5%;}
	.hot-pro ul .people{font-size:0.25rem;color:#333;}
	.hot-pro ul .people span{color:red;}
	.tit{font-size:0.26rem;margin:3% 0;font-weight:bold;letter-spacing:0.02rem;color:#333;}
	.produ,.period{font-size:0.24rem;margin-bottom:2.5%;color:#333;}
	.hot-line{border:1px solid;float: left;padding:1.2% 4%;margin:4% 2%;border-radius:0.05rem;font-size:0.24rem;color:#333;}
	.offer{border:1px solid;float: right;padding:1.2% 4%;margin:4% 2%;border-radius:0.05rem;font-size:0.24rem;color:#333;}
	.hot-line:hover{background: #de4642;border: none;color: #fff;}
	.offer:hover{background: #de4642;border: none;color: #fff;}

}