@media screen and (max-width:780px) {
  .wap1er {
    width: 98%;
    margin: 0 auto;
}
 .aboufl { width: 100%;}
.about {
   width: 100%;
    float: left;
    margin-top: 30px;
}  
 .aboufl p {
    width: 100%;
   
}
  .tre {
    width: 100%;
     height: auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
  .zoom {
    width: 100%;
    /* height: 467px; */
  
}
  
  .effect { width:100%;  }
  .leftLoop {
     width:100%;
   
}
  .leftLoop .hd {
    width:100%;
}
  .leftLoop .hd ul {
    width:100%;    
}
  .test li {margin:5px 10px}
  .bda {display:none;}
  .test {
    margin-top: 178px;
}
  .choo_box {
    width:100%;
    height: 1372px;
}
  .chootop {
  width:100%;
    height: 166px;
    float: left;
}
  .ys1 {
   width:100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
}
  .ys2 {
    width:100%;
     height: auto;
    float: left;
    margin-top:15px;
    margin-bottom: 30px;
}
  .ys3 {
     width:100%;
     height: auto;
    float: left;
    margin-bottom: 30px;
}
  .ys1 dl{ width:100%;height:auto;}
  .ys1 dt{font-size:22px}
   .ys2 dl{ width:100%;height:auto;}
    .ys2 dt{font-size:22px}
   .ys3 dl{ width:100%;height:auto;}
    .ys3 dt{font-size:22px}
  .ys1 img {display:none;}
  .ys2 img {display:none;}
  .ys3 img {display:none;}
  #container {
    width: 100%;
   
}
  #container li{width:45%;height:auto;}
}