﻿
@media only screen and (max-width: 1299px) {
	#nav ul li>a {
		font-size: 14px;
	}

	#nav1 ul li>a {
		font-size: 14px;
	}

	.newlist ul li a {
		width: 80%;
	}

	.center {
		width: 98%;
	}

	.wrapper .center {
		width: 100% !important;
	}
	.new ul li{
		width: 22.5%;
	}
	.new ul li .tu{
		width: 100%;
	}
	.new ul li .tu img{
		width: 100%;
	}
	.events ul li{width: 30%;margin-right: 50px;}
	.events ul li .btzy{width:75%;}
	.conleft{
		width: 22%;
	}
	.conright{
		width: 75%;
	}
	.piclist li{width: 29%;}
	.piclist li .tp{width: 100%;}
	.piclist li .tp img{width: 100%;}
}
@media only screen and (max-width: 1180px) {
	.linkto{width: 78%;}
}
@media only screen and (max-width: 1084px) {
	.linkto{width: 75%;}
}
@media only screen and (max-width: 1040px) {
	.events ul li{width: 28%;}
	.events ul li .btzy{width:72%;}
}
@media only screen and (max-width: 1030px) {
	.new ul li{width: 22%;}
	.listul li .btzy{width: 85%;}

}
@media only screen and (max-width: 960px) {
	.linkto{width: 72%;}
	.piclist li{width: 31%;margin-right: 20px;}
}
@media only screen and (max-width: 930px) {
	.events ul li{width: 28%;}
	.events ul li .btzy{width:70%;}
}
@media only screen and (max-width: 870px) {
	.events ul li .btzy{width:68%;}
}
@media only screen and (max-width: 865px) {
	.new ul li{width: 21.5%;}

}
@media only screen and (max-width: 860px) {
	.linkto{width: 70%;}
	.linkto ul li{margin-right: 0px;}
}
@media only screen and (max-width: 820px) {
	.events ul li .btzy{width:65%;}
}
@media only screen and (max-width: 810px) {
	.linkto{width: 65%;}
	.piclist li{width: 29%;margin-right: 20px;}
}
@media only screen and (max-width: 768px) {
	.demo-2 {
		display: block !important;
	}

	#nav {
		display: none;
	}

	.logo-r {
		padding: 0px;
		padding-bottom: 10px; 
		width: 100%;
	}
	.logo-r .lj{
		float: right;
	}
	.new ul li{width: 100%;margin-bottom: 20px;}
	.new ul li .tu{height: auto;}
	.new ul li .tu img{height: auto;}
	.events ul li{width: 100%;margin-bottom: 10px;}
	.events ul li .btzy{width: 85%;}
	.linkto{background: none;width: 100%;}
	.linkto ul li{width: 100%;}
	.conleft{display: none;}
	.conright{width: 100%;}
	.piclist li{width: 100%;}
	.piclist li .tp{height: auto;}
	.piclist li .tp img{height: auto;}
}
@media only screen and (max-width: 520px) {
	.demo-2{
		top: 100px !important;
	}
	.logo-r{margin-top: 30px;}
	.events ul li .btzy{width: 80%;}
	.listul li .btzy{width: 80%;}
}
@media only screen and (max-width: 430px) {
	.events ul li .btzy{width: 75%;}
}
@media only screen and (max-width:380px) {
	.listul li .btzy{width: 75%;}
}