#middle{
	width: 100%;
	
}
#header{  box-shadow: 0 3px 3px 0px #eee; }

.dh{ font-size: 14px; margin:20px 0 25px; }

.ysl{ float:left; width:250px; }
.ysl img{ width:100%; height:auto; }
.ysr{ float:right; width:calc(100% - 280px); }

@media screen and (max-width: 1000px){
.ysl{ width:40%; }
.ysr{ width:56%; }
}

.ysr1{ font-size: 30px; color: #336db0;}
.ysr2{ line-height:2; font-size:15px; margin-top:10px; }
.ysr2l{ float:left; color: #757575; width:50px; }
.ysr2r{ float:left; width:calc(100% - 50px); }

@media screen and (max-width: 1000px){
.ysr2r{ float:none; width:100%; }
}

.ystitle{ font-size: 30px; margin-top:40px; }
.ystext{ font-size: 16px; line-height:2; margin:25px 0; }

/* ===========视图宽度============ */

.w_1300{
	max-width:1300px;
	margin:0 auto;
	overflow:hidden;
}

/* ==============@media============== */
@media screen and (max-width: 1340px) {
	.w_1300 {
   		max-width: 1200px;
	}
	
	 
		
}
@media screen and (max-width: 1240px) {
	.w_1300 {
   		max-width: 1000px;
	}
	
}

@media screen and (max-width: 1000px) {
	 .middle{  padding-left:15px;  padding-right:15px;}
}

@media screen and (max-width: 768px) {
	.middle {
		
	}
	
	
	
}

@media screen and (max-width: 550px){
	.middle {
		
	}
	
	
	
}

@media screen and (max-width: 425px){
	.middle {
		
	}
	.title{ font-size:22px;}
	
}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}