@media only screen and (max-width: 1399px){
	.center{width: 98%;}
	.newtp,.xs{width: 63%;}
	.tz,.shfw{width: 35%;}
	.ggul li{width: 46%;}
	.main4 ul li{width: 20%;}
}

@media only screen and (max-width: 1310px){
	.lj{width: 56%;}
	.main5{
		height: auto;
		overflow: hidden;
	}
	.main5 .rwm,.main5 .lx{
		width: 50%;
	}
	.main5 .yq{width: 100%;}
}

@media only screen and (max-width: 1200px){
	.nav ul li > a{
		font-size: 16px;
	}
	.tbbox li{text-indent: 120px;font-size: 16px;}
}
@media only screen and (max-width: 1050px){
	.nav{display: none;}
	.demo-2{display: block !important;}
	.lj{margin: 0px;margin-right: 59px;padding-bottom: 20px;width: 40%;}
	
	.callbacks_container .tu,.callbacks img{
		height: auto !important;
	}
	.newtp,.tz,.xs,.shfw{width: 100%;}
	.tz{margin-top: 20px;}
	.main2{
		background: none;
		background-color: #01204C;
		height: auto;
		padding-top: 30px;
	}
	.conleft{display: none;}
	.conright{width: 100%;margin: 10px 0px 30px;}
	
}
@media only screen and (max-width: 900px){
	.lj{width: 100%;position: relative;z-index: 9999;}
	.top{height: 180px;z-index: 9999;}
	.demo-2{top: 123px !important;}
}
@media only screen and (max-width: 768px){
	
	#dt .dtxt .bt{display: none;}
	.callbacks_container .tu, .callbacks img{
		width: 100%;
		float: none;
	}
	.xs li,.main3 ul li{width: 100%;}
	.main3 ul li .tp img{
		width: 100%;
		height: 240px;
	}
	.main4 ul li{width: 100%;margin-bottom: 20px;}
	.main4 ul li img{height: auto;}
	.main5 .yq ul li,.main5 .lx,.main5 .rwm{width: 100%;}
	.conright .listul li a{width: 70%;}
.xrld ul li{width:100%;max-width: 100%;}
.xrld ul li .xrld_bg .xrld_pic{width:100%;height:auto;}
.xrld ul li .xrld_bg .xrld_bt{width:100%;}
}

@media only screen and (max-width: 375px){
	
	.yq ul li{width: 100%;}
	.jslist ul li{
		width: 100%;
	}
	.jslist ul li .tp{
		display: inline-block;
		margin: 0px auto;
		text-align: center;
		width: 100%;
	}

.tbbox li a{font-size:15px}
.main5 .rwm li{float:none;margin-left:0px;}
.main5 .rwm li img{display:block;margin:0px auto}
}
