﻿@media only screen and (max-width: 1399px){
	.center{width: 98%;}
	.ghbotst .pic{width: 20%;}
	.btzy{width: 80%;}
	.zbg ul{width: 83%;}
	.zbg ul li{width: 28%;}
	.tz ul li a{width: 80%;}
	.bqxx{padding: 0px 20%;}
	.tulist .rq{width: 17%;}
	.tulist .bt{width: 83%;}
}
@media only screen and (max-width: 1339px){
	.zbg{width: 100%;overflow: hidden;}
	.ybg{width: 100%;}
	.zbg ul{width: 90%;}

}
@media only screen and (max-width: 1303px){
	.tylist li a{width: 73%;}
}
@media only screen and (max-width: 1278px){
	.bqxx{padding: 0px 17%;}
}
@media only screen and (max-width: 1235px){
	.tz ul li a{width: 75%;}
	.kuai li{border-bottom: 1px solid #fff;}
	.kstd{background:none;background-color: #033771;}
}

@media only screen and (max-width: 1199px){
	#dt .dtxt{
		margin-left: 0px;
		width: 100%;
		left: 0px;	
	}
	.tulist .rq{width: 20%;}
	.tulist .bt{width: 80%;}
	
}
@media only screen and (max-width: 1178px){
	.bqxx{padding: 0px 15%;}
}
@media only screen and (max-width: 1145px){
	.zbg ul{width: 88%;}
	
}
@media only screen and (max-width: 1099px){
	.logo-r{margin-top: 0px;margin-bottom: 15px;}
	.logo img{margin: 15px 0px;}
	.bqxx{padding: 0px 13%;}
	.top{height: 220px;}
}
@media only screen and (max-width: 1070px){
	.tylist li a{width: 70%;}
	.ghbotst .pic{display: none;}
	.btzy{width: 100%;}
}
@media only screen and (max-width: 1040px){
	.bqxx{padding: 0px 10%;}
	.conleft .yj{text-align: center;text-indent: 0px;}
	.tulist .rq{width: 25%;}
	.tulist .bt{width: 75%;}
}
@media only screen and (max-width: 1009px){
	.tz ul li a{width: 70%;}
}
@media only screen and (max-width: 960px){
	.tz,.new{width: 100%;}
	.tz ul li a{width: 90%;}
	.new{margin: 0px;margin-top: 30px;}
	.kuai li{width: 25%;max-width: 250px;}
	.kstd{width: 100%;background: none;background-color: #033771;height: auto;margin-top: 15px;}
	.bqxx{padding: 0px 8%;}
}
@media only screen and (max-width: 1145px){
	.zbg ul{width: 85%;}
	
}
@media only screen and (max-width: 920px){
	.bqxx{padding: 0px 5%;}
}
@media only screen and (max-width: 858px){
	
	.nav{display: none;}
	.demo-2{display: block !important;}
.logo-r .lj{text-align: left;margin-bottom: 10px;}
	#dt center{
		width: 100%;
	}
	.ss{
		margin:0px;
		margin-right: 40px;
	}
	.top{height: 200px;}
	.footer{
		background: none;
		background-color: #033771;
		height:auto ;
	}
	.conleft{display: none;}
	.conright{width: 100%;}
}
@media only screen and (max-width: 810px){
	.tz ul li a{width: 80%;}
}
@media only screen and (max-width: 768px){
.zbg ul{width: 82%;}
	.tulist li{width: 48%;}
	.tulist .wt{margin-right: 2%;}
}
@media only screen and (max-width: 740px){
	.wx{margin-bottom: 20px;}
}
@media only screen and (max-width: 645px){
.zbg ul{width: 80%;}
.zbg .zleft1 .zlm{background-size: 100% 100%;}
.tulist li{width: 100%;}
.tulist .tu{height: auto;}
	.tulist .tu img{width: 100%;height: auto;}
	.tulist li{max-width: 100%;}
}
@media only screen and (max-width: 610px){
.tab-hd li{width: 170px;}
	
}

@media only screen and (max-width: 580px){
	.zbg .zleft1 .zlm{width: 100%;}
.zbg ul{width: 100%;}
.conright .listul li a{width: 75%;}
	
}
@media only screen and (max-width: 535px){
.tab-hd .active h2{font-size: 22px;background: none;}
.tab-hd  h2{font-size: 22px;}
	.tab-hd li{width: 150px;}
}
@media only screen and (max-width:520px){
	.ywlogo{width: 100%;text-align: center;}
	.bqxx{
		width: 100%;
	}
	.wx{width: 100%;}
}
@media only screen and (max-width: 480px){
	.tab-hd li{width: 33%;}
	.tab-hd  h2{font-size: 20px;}
	.tab-hd .active h2{font-size: 20px;}
	.conright .listul li a{width: 69%;}
}
@media only screen and (max-width: 430px){
	.tz ul li a{width: 70%;}
}
@media only screen and (max-width: 375px){
.kuai li{width: 50%;}
	.ss{
		margin-top:30px;
		margin-right: 40px;
	}
	.con1 ul li a{
		width: 63%;
	}
	.conright .listul li a{width: 66%;}
	
}
@media only screen and (max-width: 350px){
	.dq{display: none;}
	.conright .listul li a{width: 60%;}
}
@media only screen and (max-width: 335px){
	.tylist li a{width: 65%;}
}