@charset "UTF-8";
/* lg */
.clearfix:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
.clearfix{
    zoom:1;
}
@media (min-width:1200px) {
	#tab{
		width: 100%;
		clear: both;
	}
	#tab li{
		float: left;
		width: 16%;
		text-align: center;
		line-height: 25px;
		cursor: pointer;
		margin:2% 0;
		font-size: 14px;
		border-right: 1px solid #eee;

	}
	#tab li.active{
		color: red;
	}
	.content {
		overflow: hidden;
		padding: 0;
	}
	#swiper-wrap{
		width: 1000%;
	}
	#swiper-wrap .swiper-content{
		width: 10%;
		overflow: hidden;
	}
	#swiper-wrap .swiper-container{
		float: left;
		width: 10%;
		
	}
	#swiper-wrap .swiper-slide{
		width: 24%;
	}
	#swiper-wrap .swiper-slide a{
		display: inline-block;
		margin-top:4%;
	}
	#swiper-wrap .swiper-slide a img{
		width:300px;
	}
.dwmore{
		margin:4% 0;
	}

}

/* md */

@media (min-width:992px) and (max-width:1199px) {
#tab{
		width: 100%;
		clear: both;
	}
	#tab li{
		float: left;
		width: 16%;
		text-align: center;
		line-height: 25px;
		cursor: pointer;
		margin:2% 0;
		font-size: 12px;
		border-right: 1px solid #eee;

	}
	#tab li.active{
		color: red;
	}
.content {
		overflow: hidden;
		padding: 0;
	}
	#swiper-wrap{
		width: 1000%;
	}
	#swiper-wrap .swiper-content{
		width: 10%;
		overflow: hidden;
	}
	#swiper-wrap .swiper-container{
		float: left;
		width: 10%;
		
	}
	.dwmore{
		margin:4% 0;
	}
   
}
/* sm */

@media (min-width:768px) and (max-width:991px) {
#tab{
		width: 100%;
		clear: both;
	}
	#tab li{
		float: left;
		width: 16%;
		text-align: center;
		line-height: 25px;
		cursor: pointer;
		margin:2% 0;
		font-size: 12px;
		border-right: 1px solid #eee;
		overflow: hidden;/*内容超出后隐藏*/

		text-overflow: ellipsis;/* 超出内容显示为省略号*/

		white-space: nowrap;/*文本不进行换行*/

	}
	#tab li.active{
		color: red;
	}
	.content {
		overflow: hidden;
		padding: 0;
	}
	#swiper-wrap{
		width: 1000%;
	}
	#swiper-wrap .swiper-content{
		width: 10%;
		overflow: hidden;
	}
	#swiper-wrap .swiper-container{
		float: left;
		width: 10%;
		
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		display: none;
	}
	.swiper-button-next.swiper-button-disabled, .swiper-button-prev{
		display: none;
	}
	.dwmore{
		margin:4% 0;
	}
}



/* xs */

@media (max-width:767px) {
#tab{
		width: 100%;
		clear: both;
		margin:0 auto;
	}
	#tab li{
		float: left;
		width: 33%;
		text-align: center;
		line-height: 25px;
		cursor: pointer;
		margin:2% 0;
		font-size: 14px;
		border-right: none;
		font-size: 12px;
		overflow: hidden;/*内容超出后隐藏*/
		text-overflow: ellipsis;/* 超出内容显示为省略号*/
		white-space: nowrap;/*文本不进行换行*/

	}
	#tab li.active{
		color: red;
	}
	.content {
		overflow: hidden;
		padding: 0;
	}
	#swiper-wrap{
		width: 1000%;
	}
	#swiper-wrap .swiper-content{
		width: 10%;
		overflow: hidden;
	}
	#swiper-wrap .swiper-container{
		float: left;
		width: 10%;
		
	}
	#swiper-wrap .swiper-container .swiper-slide{
		text-align: center;
	}
	#swiper-wrap .swiper-container .swiper-slide img{
		width: 80%;
		
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		display: none;
	}
	.swiper-button-next.swiper-button-disabled, .swiper-button-prev{
		display: none;
	}
	.dwmore{
		margin:4% 0;
	}
}