/*pic_list*/
.ht_piclist{padding:30px 0 70px;}
.ht_piclist .htpl_ul{}
.ht_piclist .htpl_ul .htpl_li{width:calc(25% - 18px);margin-left:24px;margin-top:30px;float:left;display:block;cursor:pointer;}
.ht_piclist .htpl_ul .htpl_li:nth-child(4n+1){margin-left:0;}
.ht_piclist .htpl_ul .htpl_li .htpl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:1px solid #F5F5F5;}
.ht_piclist .htpl_ul .htpl_li p{font-size:16px;line-height:50px;height:50px;color:#666;padding:0 10px;background:#F5F5F5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.ht_piclist .htpl_ul.htpll_video .htpl_li .htpl_img:before{content:'';width:100%;height:100%;background:url(../Image/v_icon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;z-index:1;background-size:auto 50px;}
/*pro_show*/
.bs_pro_show{padding:50px 0;}
.bs_pro_show .bs_ps_left{width:71%;float:left;}
.bs_pro_show .bs_ps_left .bs_ps_title{color:#333;font-size:20px;line-height:1.25;font-weight:bold;text-align:center;}
.bs_pro_show .bs_ps_left .bs_ps_info{color:#333;font-weight:normal;text-align:center;font-size:12px;padding-bottom:15px;border-bottom:1px solid #CCC;margin-top:5px;}
.bs_pro_show .bs_ps_left .bs_ps_img{max-width:600px;height:auto;margin:15px auto 25px;}
.bs_pro_show .bs_ps_left .bs_ps_img img{width:100%;height:100%;display:block;}
.bs_pro_show .bs_ps_left .bs_ps_ul{margin:20px 0;background:#E5E5E5;}
.bs_pro_show .bs_ps_left .bs_ps_ul span{height:40px;line-height:40px;padding:0 20px;background:#EC0303;color:#FFF;display:inline-block;}
.bs_pro_show .bs_ps_left .bs_ps_txt{font-size:16px;line-height:2;padding-bottom:20px;}
.bs_pro_show .bs_ps_left .bs_ps_txt>*+*{margin-top:15px;}
.bs_pro_show .bs_ps_left .bs_ps_txt h2{font-size:20px;font-weight:bold;}
.bs_pro_show .bs_ps_left .bs_ps_txt h3{font-size:18px;font-weight:bold;}
.bs_pro_show .bs_ps_left .bs_ps_txt img{max-width:100%;height:auto;margin:0 auto;display:block;}

@media screen and (max-width:1699px){
	.ht_piclist{padding:25px 0 50px;}
	.ht_piclist .htpl_ul .htpl_li{width:calc(25% - 15px);margin-left:20px;margin-top:25px;}
	.ht_piclist .htpl_ul .htpl_li p{font-size:15px;height:48px;line-height:48px;}
	.bs_pro_show{padding:40px 0;}
	.bs_pro_show .bs_ps_left .bs_ps_txt{font-size:15px;padding-bottom:15px;}
	.bs_pro_show .bs_ps_left .bs_ps_txt>*+*{margin-top:10px;}
	.bs_pro_show .bs_ps_left .bs_ps_txt h2{font-size:18px;}
	.bs_pro_show .bs_ps_left .bs_ps_txt h3{font-size:16px;}
}

@media screen and (max-width:1599px){
	.ht_piclist{padding:20px 0 40px;}
	.ht_piclist .htpl_ul .htpl_li{width:calc(25% - 12px);margin-left:16px;margin-top:15px;}
	.ht_piclist .htpl_ul .htpl_li p{font-size:14px;height:46px;line-height:46px;}
	.bs_pro_show{padding:40px 0;}
	.bs_pro_show .bs_ps_left .bs_ps_txt{font-size:15px;padding-bottom:15px;}
	.bs_pro_show .bs_ps_left .bs_ps_txt>*+*{margin-top:10px;}
	.bs_pro_show .bs_ps_left .bs_ps_txt h2{font-size:18px;}
	.bs_pro_show .bs_ps_left .bs_ps_txt h3{font-size:16px;}
}

@media screen and (max-width:1299px){
	.ht_piclist{padding:10px 0 30px;}
	.ht_piclist .htpl_ul .htpl_li{width:calc(25% - 9px);margin-left:12px;margin-top:15px;}
	.ht_piclist .htpl_ul .htpl_li p{height:40px;line-height:40px;}
	.bs_pro_show{padding:30px 0;}
	.bs_pro_show .bs_ps_left .bs_ps_txt{font-size:14px;padding-bottom:12px;}
	.bs_pro_show .bs_ps_left .bs_ps_txt>*+*{margin-top:8px;}
}

@media screen and (max-width:1023px){
	.ht_piclist{padding:5px 0 20px;}
	.ht_piclist .htpl_ul .htpl_li{width:calc(33.33% - 10px);margin-left:15px;}
	.ht_piclist .htpl_ul .htpl_li:nth-child(4n+1){margin-left:15px;}
	.ht_piclist .htpl_ul .htpl_li:nth-child(3n+1){margin-left:0;}
	.bs_pro_show{padding:20px 0;}
	.bs_pro_show .bs_ps_left{width:100%;float:none;}
	.bs_pro_show .bs_ps_left .bs_ps_txt>*+*{margin-top:5px;}
}

@media screen and (max-width:767px){
	.ht_piclist .htpl_ul .htpl_li{width:calc(50% - 5px);margin-left:10px;margin-top:10px;}
	.ht_piclist .htpl_ul .htpl_li:nth-child(4n+1){margin-left:10px;}
	.ht_piclist .htpl_ul .htpl_li:nth-child(3n+1){margin-left:10px;}
	.ht_piclist .htpl_ul .htpl_li:nth-child(odd){margin-left:0;}
	.bs_pro_show .bs_ps_ul .bs_ps_li{width:100%;margin-left:0;float:none;}
}