@media only screen and (max-width: 1399px) {
	.center {
		width: 98%;
	}

	.com {
		width: 32%;
	}

	.pic {
		width: 31%;
	}

	.com ul li a {
		width: 85%;
		height: 50px;
		overflow: hidden;
	}

	.listcon{
		width: 100%;
	}
	.conleft{width: 20%;}
	.conright{width: 75%;}
}

@media only screen and (max-width: 1245px) {
	.pic {
		width: 30%;
	}

	.rslides img {
		height: auto;
	}
}

@media only screen and (max-width: 1125px) {
	.com ul li a {
		width: 80%;
	}
}

@media only screen and (max-width: 1040px) {
	.com {
		width: 31%;
	}

	.pic {
		width: 31%;
	}
}

@media only screen and (max-width: 895px) {
	.pic {
		width: 100%;
	}

	.com {
		width: 100%;
	}

	.tz {
		margin: 20px 0px;
	}

	.com ul li a {
		width: 92%;
	}

	.nav ul li>a {
		font-size: 15px;
	}
	.conright .listul li a{width: 72%;}
}

@media only screen and (max-width: 768px) {
	.nav {
		display: none;
	}

	.demo-2 {
		display: block !important;
	}
	.conleft{display: none;}
	.conright{width: 100%;}
	.ggtop{margin-bottom: 10px;}
	.yjlm{display: none;}
	.nt{width: 100%;height: auto;}
	.nt1{display: block;}
}

@media only screen and (max-width: 710px) {
	.logo {
		float: none;
	}

	.logo-r {
		float: left;
		margin-top: 5px;
	}

	.logo img {
		margin: 0px;
	}

	.logo img {
		margin-top: 20px;
	}

	.demo-2 {
		top: 150px !important;
	}

	.top {
		min-height: 190px;
		/* overflow: hidden; */
	}

	.logo-r .lj {
		text-align: left;
	}
}

@media only screen and (max-width: 685px) {
	.com ul li a {
		width: 87%;
	}
}
@media only screen and (max-width: 490px) {

	.conright .listul li a{width: 72%;}
}

@media only screen and (max-width: 430px) {
	.com ul li a {
		width: 82%;
	}
}

@media only screen and (max-width: 375px) {
	.demo-2 {
		top: 130px !important;
	}

	.com ul li a {
		width: 78%;
	}
}