.maod{
	display: none;
	width: 130px;
	margin-right: 10px;
	padding: 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background: #900;
    color: #fff;
    margin-bottom: 20px;
}
@media screen and (max-width: 1200px){
	.listc{
		width: 90%;
	}
	.sidenav{
		display: none;
	}
	.right-c{
		width: 95%;
		float: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	.listpt-ul li{
		line-height:56px;
		height: auto;
	}
	.listcstitle{
		top: -150px;
	}
	.right-c-c img{
		width: 100%!important;
		height: 100%!important;
	}
	.js-list li img {
    width: 154px!important;
    /* height: 230px!important; */
}
	.right-c-c table img{
		width: auto!important;
		height: auto!important;
	}
	.right-c-content-con img{
		width: 100%!important;
		height: 100%!important;
		display: block;
		margin:0 auto;
	}
	.listpt-ul li span{
		display: block;
	}

}
@media screen and (max-width: 880px){
	.maod{
		display: block;
		float: left;
		width: 26%;
	}
	.js-title{
		overflow: hidden;
	}
	.js-list li{
		margin: 10px 25px;
	}
	.right-c-c table{
		width: 100%!important;
	}
	.fyz{
		display: block;
    width: 100%;
    height: auto;
	}
	.zi{
		line-height: 25px;
	}

}
@media screen and (max-width: 480px){
	.maod{
		width: 38%;
	}
	.right-c-c img{
		width: 100%!important;
		height: 100%!important;
	}
	.js-list li img {
    width: 100%!important;
    height: 100%!important;
    max-height: 124px;
    min-height: 124px;
}
	.listcs{
		margin-top: -30px;
	}
	.listcstitle{
		display: none;
	}
	.js-list li{
		width: 25%;
		height: auto;
		margin: 10px 10px;
		margin-bottom: 30px;
	}
	.js-list li a{
		height: 30px;
		width: auto;
		overflow: hidden;
	}
	.listcs-topnav{
		font-size: 12px;
	}
	.js-list2 li{
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.js-title-bqx{
		text-align: center;
		font-size: 14px;
		color: #333;
		font-weight: bold;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
	}
	

}
@media screen and (max-width: 430px){
	.js-list li{
		width: 25%;
		height: auto;
	}
}
@media screen and (max-width: 390px){
	.js-list li{
		width: 25%;
		/* height: 110px; */
		margin: 10px 5px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 360px){
	.js-list li{
		width: 25%;
		/* height: 100px; */
		margin: 10px 5px;
		margin-bottom: 30px;
	}
}