@media screen and (min-width: 1025px) {
  .container{width: 1200px;}
}

@media screen and (max-width: 1025px) {
  .container{width: 1200px;}
 html{
   font-size: 50%;
 }
 .head .head-left h3{
   width: 70px;
 }

}

@media screen and (max-width: 1025px) {
  html{
    font-size: 50%;
  }
  .head .head-left h1{
    width: 75%;
  }
  .head .head-left h1 img{
    width: 100%;
  }
  .head .head-left h3{
    width: 70px;
  }
  .head .head-right{
      height: 70px;
  }
 
 }




@media screen and (max-width: 768px) {
  .container{width: 100%;}
  .btn-default{width: 70%;}
  .form-txt{width: 70%;}
  .head .head-left {
    width: 75%;
  }
  .head .head-right  a{
    display: block;
  }
  
  }


  @media screen and (max-width: 700px) {
   .pclie{
     display: none;
   }
   .waplie{
    display: block;
}
   .tit{
     width: 100px;
     margin: 20px auto;

   }
    
  }





  @media screen and (max-width: 600px) {
    .container{width: 100%;}
    .btn-default{width: 70%;}
    .form-txt{width: 70%;}
    .head .head-left {
      width: 70%;
    }
    .head .head-right {
      width: 30%;
    }
    
  }

  @media screen and (max-width: 500px) {
    .head .head-left h3{
      width: 65px;
    }
    .head .head-right{
      height: 60px;
  }
}


  @media screen and (max-width: 414px) {
    html{
      font-size: 50%;
    }
    .head .head-left h3{
      width: 65px;
    }
    .head .head-right{
      height: 60px;

    }
    .head .head-right  a{
      color: #ffffff;
      font-size: 12px;
    }


    
  }


@media screen and (max-width: 376px) {
  .head .head-left {
    width: 80%;
  }
  .head .head-right {
    width: 20%;
    font-size: 10px;
    text-indent: 40px;
  }

    
}

@media screen and (max-width: 376px) {
  .head .head-left {
    width: 100%;
  }
  .head .head-right {
  display: none;
  }

    
}