/* 公共样式头部底部 */
@media screen and (min-width:320px) and (max-width:374px){
    /* 底部 */
    .myrfooter{margin-left: 0%;}
    .myrfooter ul li ul li:nth-of-type(2){
        top: 203px;
    }
    .span11{
        top: 60px;
    }
    .span111{
        top: 250px;
    }
    .span2{
        left: 124px;
    }
    .span22{
        top: 60px;
        left: 88px;
    }
    .span222{
        top: 250px;
        left: 88px;
    }
    .span3 {
        left: 206px;
    }
    .span33{
        top: 60px;
        left: 170px;
    }
    .span333{
        top: 250px;
        left: 190px;
    }
    .span4{
        left: 35px;
        top: 303px !important;
    }
    .span44{
        left: 0px;
        top: 161px;
    }
    .span444{
        top: 350px;
        left: 3px;
    }
  
    .span5{
        left: 124px;
        top: 303px !important;
    }
    .span55{
        left: 88px;
        top: 161px;
    }
    .span555{
        top: 350px;
        left: 108px;
    }
    .span6{
        left: 206px;
        top: 303px !important;
    }
    .span66{
        left: 171px;
        top: 157px;
    }
    .span666{
        top: 350px;
        left: 188px;
    }
    .scroll-top{
        width: 1rem;
        height: 1rem;
    }
    /* 底部END */
/* 头部 */
.toubu img{
    min-height: 200px;
}
.tabs{
    height: 1.6rem;
    font-size: 0.14rem;
    text-align: center;
}
.tabs a.active{
    height: 1.8rem;
}
.tabs a{
    width: 9%;
    line-height: 0.79rem;
}
/* 头部End */
}

@media screen and (min-width:375px) and (max-width:424px){
  /* 底部 */
  .myrfooter{margin-left: 0%;}
  .myrfooter ul li ul li:nth-of-type(2){
      top: 203px;
  }
  .span11{
      top: 60px;
  }
  .span111{
      top: 250px;
  }
  .span2{
      left: 144px;
  }
  .span22{
      top: 60px;
      left: 108px;
  }
  .span222{
      top: 250px;
      left: 108px;
  }
  .span3 {
      left: 246px;
  }
  .span33{
      top: 60px;
      left: 210px;
  }
  .span333{
      top: 250px;
      left:230px;
  }
  .span4{
      left: 35px;
      top: 303px !important;
  }
  .span44{
      left: 0px;
      top: 161px;
  }
  .span444{
      top: 350px;
      left: 3px;
  }

  .span5{
      left: 144px;
      top: 303px !important;
  }
  .span55{
      left: 108px;
      top: 161px;
  }
  .span555{
      top: 350px;
      left: 128px;
  }
  .span6{
      left: 256px;
      top: 303px !important;
  }
  .span66{
      left: 221px;
      top: 157px;
  }
  .span666{
      top: 350px;
      left: 238px;
  }
  .scroll-top{
      width: 1rem;
      height: 1rem;
  }
  /* 底部END */
/* 头部 */
.toubu{overflow:hidden;}
.toubu img{
  /*min-height: 200px;*/
}
.tabs{
  height: 1.6rem;
  font-size: 0.14rem;
  text-align: center;
}
.tabs a.active{
  height: 1.8rem;
}
.tabs a{
  width: 9%;
  line-height: 0.79rem;
}
/* 头部End */
}
@media screen and (min-width:425px) and (max-width:767px){
   /* 底部 */
   .myrfooter{margin-left: 0%;}
   .myrfooter ul li ul li:nth-of-type(2){
       top: 203px;
   }
   .span11{
       top: 60px;
   }
   .span111{
       top: 250px;
   }
   .span2{
       left: 174px;
   }
   .span22{
       top: 60px;
       left: 138px;
   }
   .span222{
       top: 250px;
       left: 138px;
   }
   .span3 {
       left: 306px;
   }
   .span33{
       top: 60px;
       left: 270px;
   }
   .span333{
       top: 250px;
       left:290px;
   }
   .span4{
       left: 35px;
       top: 303px !important;
   }
   .span44{
       left: 0px;
       top: 161px;
   }
   .span444{
       top: 350px;
       left: 3px;
   }
 
   .span5{
       left: 174px;
       top: 303px !important;
   }
   .span55{
       left: 138px;
       top: 161px;
   }
   .span555{
       top: 350px;
       left: 158px;
   }
   .span6{
       left: 306px;
       top: 303px !important;
   }
   .span66{
       left: 271px;
       top: 157px;
   }
   .span666{
       top: 350px;
       left: 288px;
   }
   .scroll-top{
       width: 1rem;
       height: 1rem;
   }
   /* 底部END */
 /* 头部 */
 .toubu img{
   min-height: 200px;
 }
 .tabs{
   height: 1.6rem;
   font-size: 0.14rem;
   text-align: center;
 }
 .tabs a.active{
   height: 1.8rem;
 }
 .tabs a{
   width: 9%;
   line-height: 0.79rem;
 }
 /* 头部End */
 }
@media screen and (min-width:768px) and (max-width:1023px){
      /* 底部 */
      .myrfooter{margin-left: 0%;}
      .myrfooter ul li ul li:nth-of-type(2){
          top: 353px;
      }
      .span1{
          left: 135px;
      }
      .span11{
          top: 200px;
          left: 100px;
      }
      .span111{
          top: 400px;
          left: 100px;
      }
      .span2{
          left: 340px;
      }
      .span22{
          top: 200px;
          left: 305px;
      }
      .span222{
          top: 400px;
          left: 305px;
      }
      .span3 {
          left: 556px;
      }
      .span33{
          top: 200px;
          left: 520px;
      }
      .span333{
          top: 400px;
          left:539px;
      }
      .span4{
          left: 135px;
          top: 503px !important;
      }
      .span44{
          left: 100px;
          top: 355px;
      }
      .span444{
          top: 555px;
          left: 103px;
      }
    
      .span5{
          left: 340px;
          top: 503px !important;
      }
      .span55{
          left: 305px;
          top: 355px;
      }
      .span555{
          top: 555px;
          left: 325px;
      }
      .span6{
          left: 556px;
          top: 503px !important;
      }
      .span66{
          left:520px;
          top: 356px;
      }
      .span666{
          top: 555px;
          left: 539px;
      }
      .scroll-top{
          width: 1rem;
          height: 1rem;
      }
      /* 底部END */
    /* 头部 */
    .toubu img{
      min-height: 400px;
    }
    .tabs{
      height: 1.8rem;
      font-size: 0.14rem;
      text-align: center;
    }
    .tabs a.active{
      height: 1.9rem;
      line-height: 1.9rem;
    }
    .tabs a{
      width: 10%;
      line-height: 1.79rem;
    }
    /* 头部End */
    }
@media screen and (max-width:1440px) and (min-width:1024px){
     /* 底部 */
     .myrfooter{margin-left: 0%;}
     .myrfooter ul li ul li:nth-of-type(2){
         top: 353px;
     }
     .span1{
         left: 135px;
     }
     .span11{
         top: 200px;
         left: 100px;
     }
     .span111{
         top: 400px;
         left: 100px;
     }
     .span2{
         left: 480px;
     }
     .span22{
         top: 200px;
         left: 329px;
     }
     .span222{
         top: 400px;
         left: 441px;
     }
     .span3 {
         left: 822px;
     }
     .span33{
         top: 200px;
         left: 10.3rem;
     }
     .span333{
         top: 400px;
         left:806px;
     }
     .span4{
         left: 135px;
         top: 503px !important;
     }
     .span44{
         left: -4.75rem;
         top: 355px;
     }
     .span444{
         top: 555px;
         left: 103px;
     }
   
     .span5{
         left: 480px;
         top: 503px !important;
     }
     .span55{
         left: 446px;
         top: 220px;
     }
     .span555{
         top: 555px;
         left: 463px;
     }
     .span6{
         left: 822px;
         top: 503px !important;
     }
     .span66{
         left:669px;
         top: 220px;
     }
     .span666{
         top: 555px;
         left: 806px;
     }
     .scroll-top{
         width: 1rem;
         height: 1rem;
     }
     /* 底部END */
  
   }

   @media screen and (min-width:320px)  and (max-width:375px){
   
}
@media screen and (min-width:375px)  and (max-width:425px){
   
}
@media screen and (min-width:425px)  and (max-width:575px){
   
}

@media screen and (min-width:575px)  and (max-width:768px){
   
}

/* 公共样式头部底部 */