@media (max-width:511px) {
	.title .selects .sel{margin: 5px 0;}
	.title .selects .sel span,.title .selects .sel ul{font-size: 13px;}
	.title h2{font-size:16px;padding-top:6px;}
	.title .selects .sel{font-size:12px;}
	.upstem,.video-box{width:100%;max-width: 600px;background:#000;height: 100%;position: relative;}
	.upstem .pinch-zoom-container{height:100%;}
	.upstem  img{position: relative;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
	.upstem span{font: 16px/24px Verdana;width: 24px;height: 24px;display: none;}
	.pictures{width: 100%;}
	.pictures .pic-list li{width:50%;}
	.pictures .more-btn span{font-size:13px;}
	.upstem .swiper-button-next,.upstem .swiper-button-prev{width: 50px;height:50px;background-size:50px 40px;}
}
@media (min-width:512px) and (max-width: 767px) {
	.title .selects .sel{margin: 0.12rem 0;}
	.title .selects .sel span,.title .selects .sel ul{font-size: 13px;}
	.title h2{font-size:16px;padding-top:8px;}
	.title .selects .sel{font-size:13px;}
	.upstem,.video-box{width:98%;}
	.upstem span{font: 18px/28px Verdana;width: 28px;height: 28px;display:inline-block;}
	.pictures{width: 96%;}
	.pictures .pic-list li{width:33.3%;}	
	.pictures .more-btn span{font-size:13px;}
	
}
@media (min-width:768px) and (max-width: 991px) {
	.title .selects .sel{margin: 0.12rem 0;}
	.title .selects .sel span,.title .selects .sel ul{font-size: 14px;}
	.title h2{font-size:18px;padding-top:8px;}
	.title .selects .sel{font-size:13px;}
	.upstem,.video-box{width:80%;}
	.upstem span{font:18px/30px Verdana;width: 30px;height: 30px;display:inline-block;}
	.pictures{width: 86.7%;}
	.pictures .pic-list li{width:33.3%;}
	.pictures .more-btn span{font-size:14px;}

}
@media (min-width:992px) and (max-width: 1199px) {
	.title .selects .sel{margin: 0.12rem 0;}
	.title .selects .sel span,.title .selects .sel ul{font-size: 14px;}
	.title h2{font-size: 0.24rem;padding-top:8px;}
	.title .selects .sel{font-size:0.14rem;}
	.upstem{width:80%;}
	.upstem span{font: 20px/32px Verdana;width: 32px;height: 32px;display:inline-block;}
	.pictures{width: 86.7%;}
	.pictures .pic-list li{width:25%;}
	.pictures .more-btn span{font-size:15px;}
		
}
@media (min-width:1200px) {
	.title .selects .sel{margin: 0.12rem 0;}
	.title .selects .sel span,.title .selects .sel ul{font-size: 15px;}
	.title h2{font-size: 0.24rem;padding-top:8px;}
	.title .selects .sel{font-size:0.14rem;}
	.upstem{width:80%;}
	.upstem span{font: 22px/32px Verdana;width: 32px;height: 32px;display:inline-block;}	
	.pictures{width: 86.7%;}
	.pictures .pic-list li{width:24%;}
	.pictures .more-btn span{font-size:16px;}
	
}

/*标题*/
.title-wrap{background:url(../image/title-bg.png) repeat;}
.title{padding: 0.12rem 0;color: #fff;}
.title .clear{clear: both;}
.title h2{float:left;line-height:1.75;}
.title .selects{float:right;color: #333;font-size: 0;}
.title .selects .sel{display: inline-block;position: relative;}
.title .selects .sel .down{position:absolute;right: 1em;top: 1.2em;cursor: pointer;}
.title .selects .sel:first-child{margin-right:0.7rem;}
.title .selects .sel span{display: block;width:100%;padding:0 3em 0 1.5em;border:1px solid #fff;cursor: pointer;color: #fff;height:2.8em;line-height: 2.8em;
overflow: hidden;}
.title .selects .sel ul{position:absolute;top:103%;width:auto;white-space: nowrap;z-index: 111;display: none;}
.title .selects .sel ul li a{color: #fff;display: block;line-height: 2.2;background:#909090;padding:0 3em 0 1em;cursor: pointer;}
.title .selects .sel ul li a:hover{background: #e11b22;}
.title .selects .sel:first-child ul{height:4.2em;overflow:auto;}
.title .selects .sel:last-child ul{height:14em;overflow:auto;}


/*图片*/
.pictures{font-size: 0;margin: 0.56rem auto 0;}
.pictures .pic-list{width: 100%;}
.pictures .pic-list li{display: inline-block;vertical-align: top;margin-bottom:10px;padding:0 5px;}
.pictures .pic-list li .posit{width: 100%;position: relative;}
.pictures .pic-list li .small-pic{width: 100%;}
.pictures .pic-list li .mask{width: 100%;position:absolute;height: 100%;left: 0;top: 0;background: #000;opacity: 0.5;filter: alpha(opacity=50);
padding:5%;display: none;}
.pictures .pic-list li .big-btn{width:8%;float: right;cursor: pointer;position:absolute;right:10px;top:10px;display: none;}
.pictures .pic-list li:hover .mask,.pictures .pic-list li:hover .big-btn{display: block;}
.pictures .more-btn{width:100%;text-align: center;}
.pictures .more-btn span{display:inline-block;margin: 0.42rem auto 0.5rem;color: #fff;padding:0.7em 1.7em;background: #e11b22;cursor: pointer;
border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;}

.upstem{font-size: 0;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index: 10;display: none;}
.upstem img{width: 100%;}
.upstem span{background:#333;color: #fff;text-align: center;cursor: pointer;position:absolute;right: 0;top: 0;}


/*视频*/
.videos{margin-top: 0.72rem;}
.vid-list{width: 100%;font-size: 0;}
.vid-list li{width: 46%;display:inline-block;vertical-align:top;position: relative;margin:2%;margin-bottom: 0.75rem;}
.vid-list li .video,.vid-list li .video .poster{width: 100%;}
.vid-list li .video{position: relative;}
.vid-list li .mask{background: #000;opacity:0.5;filter:alpha(opacity=50);width: 100%;height: 100%;position:absolute;left: 0;top: 0;display: none;}
.vid-list li .video .play{height:30%;position:absolute;cursor:pointer;display: none;}
.video-box{display:none;position:fixed; z-index:100;}
.vid-list li .video .play{top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.vid-list li .video:hover .mask,.vid-list li .video:hover .play{display: block;}
#video{width: 100%;}
.title .selects .sel ul{
	height: 300px;
	overflow: auto;
}
@media (max-width: 576px) {
	.title .selects .sel span{
		height: 2em;
		line-height: 2em;
	}
	.title .selects .sel span,.title .selects .sel ul{
		line-height: 2em;
	}
}
@media (max-width: 576px) {
	.selects{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin-bottom: 15px;
	}
	.selects .sel{
		width: 45%;
		margin: 15px 0 0 0 !important;
	}
}