#dl-menu{
	display: none;
}
	.contents .right .list li a{
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: left;
	}
@media (max-width:500px){
	#dl-menu{
		display: block;
	}
	html{
		width: 100%;
	}
	body{
		width: 100%;
		min-width:100%;
	}
	.wrap{
		width: 100%;
	}
	.header{
		width: 100%;
		height: auto;
	}
	.header p{
		width: 100%;
		padding-left:0;
	}
	.header .logo{
		width: 65%;
		padding: 0;
		height: auto;
	}
	.header .logo img{
		width: 100%;
	}
	.header .meun{
		display: none;
	}
	.header .tlt{
		width: 30%;
		height: auto;
	}
	.header .tlt img{
		width: 100%;
	}
	.contents{
		width: 100%;
	}
	.contents .banner{
		width: 100%;
		margin: 0;
		height: auto;
	}
	#slider{
		width: 100%;
	}
	#slider img{
		width: 100% !important;
	}
	#sliderContent{
		width: 100%;
	}
	.bg{
		width: 100%;
	}
	.contents .news{
		width: 100%;
	}
	.contents .img{
		width: 100%;
		height:auto
	}
	.contents img{
		width: 100%;
	}
	.contents .img2{
		float: none;
	}
	.contents .active{
		width: 100%;
	}
	.contents .tip{
		width: 100%;
		height: auto;
	}
	.footer{
		width: 100%;
		height: auto;
	}
	.footer .friendlink{
		width: 100%;
		height: auto;
		line-height: 20px;
		background-size: 100% 100%;
	}
	.dl-menuwrapper{
		top: 6%;
	}
	.dl-menuwrapper button{
		background: #b90302 url(../images/menu-button-bg.png) no-repeat center center;
		background-size: 50%;
	}
	.dl-menuwrapper li a img{
		display: block;
		float: right;
		width: 6%;
	}
	.contents .left{
		display: none;
	}
	.contents .right{
		width: 100%;
		background: url(../images/img3.jpg) no-repeat top;
		background-size: 100%;
		padding-top: 50px;
	}
	.contents .right .list li a{
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.contents .right .list li{
		text-align: left;
	}
}