@media screen and (max-width: 1200px) {
.ys_number_box{ float:left; width:80px;}

.ys_content_box{ float:left; width:75%; margin-top:20px;}
 
.ys_img_box{ display:none; }
 
.ys_img_box img{ width:90%;}
}
   

   
   
   @media screen and (max-width: 1200px) {
 
 /* 640px */ 
 
    .bg_01{ width:100%; background:#fff; padding-bottom: 116px; background-image: url(../images/bg4.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .ys_box{ width:96%; height:545px; margin: 0 auto;  margin-top:20px;} 
  
  

  
  .ys_left_number{ width:70px; }

  .ys_left_title { width:100%; font-size:20px; font-weight:bolder; color:#007bc2; }
   
  .ys_left_content{ width:100%; font-size:14px;  text-align:justify; }
  
  .ys_left_content p{word-break:break-all;}
   .ys_right_number{ width:70px; }

  .ys_right_title { width:100%;  font-size:20px; font-weight:bolder; color:#007bc2; }
   
  .ys_right_content{ width:100%; font-size:14px;   text-align:justify; }
 
 

}


 
  @media screen and (min-width: 1200px) {
 
 /* 1360px */ 

 .ys_number_box{ float:left; width:9%;}

.ys_content_box{ float:left; width:44%;}

.ys_img_box{ float:left; width:47%; }

.ys_img_box img{ width:90%;border: 5px solid #007bc2;}


   
   .bg_01{ width:100%; background:#fff;  background-image: url(../images/bg4.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .ys_box{ width:96%;  margin: 0 auto;  margin-top:60px; overflow: hidden; padding-bottom: 50px;} 
  
  .ys_left_number{ width:75%; margin-top:0px; }

  .ys_left_title { width:90%; font-size:40px;margin-top:0; color:#007bc2; }
   
  .ys_left_content{ width:90%; font-size:18px; text-align:justify; }
  
  
   .ys_right_number{ width:75%;  margin-left:70px; }

  .ys_right_title { width:80%; font-size:40px; margin-left:60px; color:#007bc2; }
   
  .ys_right_content{ width:90%; margin-left:60px;font-size:18px;  text-align:justify; }


}