/* å¤§å±å¹•ï¼ˆå¤§æ¡Œé¢æ˜¾ç¤ºå™¨ï¼Œå°äºŽç­‰äºŽ 1200pxï¼‰ */
@media only screen and (max-width: 1199px) {
	.inner {
		width: 98%;
	}
	#mod1 .inner,#mod2 .inner,#mod3 .inner,#mod4 .inner,#footer .inner{
		width:92%;
	}
	.yc1{width: 70%;}
	.conleft{
		width: 24%;
	}
	.conright{width: 73%;}
	#header{height: auto;}
	.slick-dots{display: none !important;}
	.tabbox .content{width: auto;}
	
}
@media only screen and (max-width: 1024px) {
	#mod4 ul{margin: 0px;}
	.tabbox .tab{margin-right:18px;}
	.yc1{width: 70% !important;}
	.logo-r{margin-top:0px;margin-bottom:20px}
}
@media only screen and (max-width: 1000px) {
	
	.nav {
		display: none;
	}
	.navi-aside-toggle {
		display: block;
		right: 7px;
	}
	.sliderbutton{display: none !important;}
	#header{padding-bottom: 20px;}
	.kuai li{width: 25%;}
	.ggz,.ggy{width: 100%;}
	.dtlb li{overflow: hidden;}
	.tzgg,.zljk{margin-top: 15px;}
/* 	.tabbox{float: none;width: 100%;} */
	.tabbox .tab{width:100%;}
	.tabbox .tab div{width:50%;float:left;}
	.tabbox .tab div a{width: 100%;text-align: center;display: block;}
	.tabbox .tab div.on::after{background: none;}
	.tabbox .content{float: none;padding: 0px;overflow: hidden;width: 100%;}
	
}


/* å°å±å¹•ï¼ˆå¹³æ¿ï¼Œå°äºŽç­‰äºŽ 768pxï¼‰ */
@media only screen and (max-width: 900px) {
	.conleft{display: none;}
	.conright{width: 100%;padding:10px}
	.lx{width: 100%;margin: 0px;margin-top: 10px;}
	.lj{
		float: none;
	}
	.lj select{width:48%;margin:0 1%;margin-top:10px;float: left;}
	.ywlogo{float: none;display: block;margin: 0px auto;}
	.tabbox .content{display:none}
}
@media only screen and (max-width: 570px) {
	.conright .listul li a{width: 65%;}
	.ggz ul li a{width: 65%;}
	.kuai li{width: 50%;}
	.navi-aside-toggle{top: 85px;right: 0px;}
.logo-r{margin-top:0px;margin-right:30px;}
.ss{width: 120px;overflow: hidden;}
.dq{display:none}
.lx{font-size:13px;}
}
@media only screen and (max-width: 540px) {
	.navi-aside-toggle{top: 95px;right: 0px;}
}
@media only screen and (max-width: 500px) {
	.navi-aside-toggle{top: 85px;right: 0px;}
}
@media only screen and (max-width: 320px) {
	.ss{width:120px;}
	.bb{margin-right:5px;}
	.bb a{font-size:13px;margin:0px}
	.yc1{width:60% !important;}
	.navi-aside-toggle{top: 75px;}
	.lj select{
		background: url(../img/jt.png) no-repeat center  right 10px;
	}
	
}