@media  (max-width:1920px){
  .auto-container {width: 1200px;}
  .mobile-navbtn{ display: none;}
}
@media  (max-width:1580px){
  .mobile-navbtn{ display: none;}
}


@media  (max-width:1460px){
  .auto-container{ width: 86%;}  
  .site-head .site-header header .phone{display: none;}
  .head .nav li{ padding: 0 10px;}
  .Home_news .news_bottom .news_left{width: 100%;}
  .Home_news .news_bottom .news_right{clear: right;width: 100%;}
  .Home_news .news_bottom .news_left .p1{width: 100%;}
}

@media  (max-width:1330px){
  .auto-container {width: 86%;}
  .head .nav li{ padding: 0 5px;}
  .Home_about .text_about p{width: 400px;}
  .Home_about{margin-top: 130px;}
  .Home_msg .input_msg .form-group-top .item{width: 100%;}
  .Home_msg .input_msg .form-group-bottom{margin-top: 0px;}
  .Home_msg .input_msg .form-group-top .item:nth-of-type(2), .Home_msg .input_msg .form-group-top .item:nth-of-type(3){margin-left: 0px;}
  .Home_msg .input_msg{transform: translate(-500px);}
}
@media  (max-width:1280px){
  
} 
 
@media  (max-width:1200px){ 
  .footer .ewm{text-align: left;}
  .footer .ewm dt{text-align: left;}
}
 
@media(max-width:1080px) {
  .head .navBar{ display: none;}
  .head .top_search{float: left;margin-left: 23px;}
  .Home_about .text_about,.Home_about .video_about {width: 100%;}
  .Home_about .video_about {margin-top: 40px;}
  .Home_about .text_about p{width: 533px;}
  .Home_msg .input_msg{transform: translate(-400px);}
  .Home_about .video_about{margin-bottom: 50px;}
  .Home_list .sort_list{display: none;}
  /* .Home_list .sort_right .choose .bottom_choose {transform-origin: left top;transform: scale(0.8);} */
  /* .Home_list .sort_right .honor{margin-top: 0px;} */
  .Home_list .sort_right{margin-left: 0px; width: 100%;}
}

@media(max-width:1080px) {
  .navbtn {
     width   : 30px;
     height  : 30px; 
     float   : right;
     position: relative;
     display : block; 
     z-index: 20;
     margin: 15px 0;
   }
 
  .navbtn i {
     height    : 2px;
     background: white;
     display   : block;
     overflow  : hidden;
     width     : 100%;
     position  : absolute;
     left      : 0;
     transition: all .3s;
   }
 
  .navbtn i.bar-1 {
     top: 7px
   }
 
  .navbtn i.bar-2 {
     top: 15px
   }
 
  .navbtn i.bar-3 {
     top: 23px
   }
  
}
@media(max-width:1080px) {
  .navbtn.open .bar-1 {
     top      : 50%;
     transform: rotate(45deg)
   }
 
  .navbtn.open .bar-2 {
     height: 0
   }
 
  .navbtn.open .bar-3 {
     top      : 50%;
     transform: rotate(-45deg)
   }
   .mobile-navbtn{ display: block;}
   .head .navBar{   position: relative; top: 0px; left: 0%;    overflow-y: scroll; min-height: 360px;
     width: 100%; padding: 0 5%; box-sizing: border-box; background-color: #00acef; transition: none;}
 
  .head .nav li:hover .stair > a{ background-color: transparent; color: white;}
  
 
  .sub{ position: relative; display: none;}
  .sub_nav_box{ display: block; position: relative;}
  .sub_nav_box .left_intro{ display: none;}
  .sub_nav_box .menu_links dd{ width: 33.333%; padding-top: 10px; overflow: hidden;}
  .sub_nav_box .menu_links dd p{ height: 60px; margin-top: 10px; font-size: 14px;}
  .head .nav li:hover .stair:after{ display: none;}
 
  .head .nav li{ width: 100%; line-height: 42px; margin: 0;}
  .head .nav li .stair{border-bottom: 1px solid rgba(221, 221, 221, .5);}
  .head .nav li.active .stair:after{ display: none;}
  .head .nav li:hover .sub{ display: none;} 
  .head .nav li .a{ font-size: 15px;}
  .sub > dl{ display: block;}
  .sub > dl dd{ font-size: 14px;}
  .sub > dl dd{ padding: 5px 10px; position: relative;}
  .sub > dl dd .small_img{ width: 30px; height: 30px;}
  .sub > dl dd .text{ padding-left: 7px;}
  .sub > dl dd .mobile-navbtn{ display: block;}
  
  .sub > dl a{ display:block;}
  .sub > dl dd .t-menu{ position: relative; left: 0; margin-top: 10px;}
  .sub > dl dd .t-menu li{ padding: 5px 10px; line-height: 28px;}
 }
 
@media(max-width:991px) { 
  .Home_about{margin-top: 100px;}
  .Home_list .sort_right .choose .bottom_choose{display: block;}
  .Home_list .sort_right .choose .bottom_choose .sese{margin-left: 0px; margin-top: 10px;}
}
@media(max-width:827px){
  .Home_msg .input_msg{transform: translate(-350px);}
}
@media(max-width:768px) { 
  .site-head .site-header header .title{display: none;}
  .footer .friends_links span{font-size: 12px;}
  .footer .friends_links a{font-size: 12px;}
  .sub > dl dd .t-menu,.sub > dl dd{background-color:#00acef}
  .sub > dl a,.sub > dl dd .text{color:#fff;}
  .ph-header{width:100%;}
  .logo img{width:50%;}
}
@media(max-width:730px){
  .Home_msg .input_msg{width: 60%;transform: translate(-230px);}
  /* .Home_list .sort_right .choose .bottom_choose {transform-origin: left top;transform: scale(0.7);} */
}
@media(max-width:670px){
  .Home_msg .form-group-btn button[type="reset"]{margin-left: 0px;}
  .footerbar p:nth-of-type(2){display: none;}
}
@media(max-width:640px) {
  .Home_about{margin-top: 70px;}
  /* .site-head header .logo{transform: scale(0.5);} */
  .mobile-navbtn{ display: block;}
  .navbtn{ position: absolute; right: 10px; z-index: 10; margin-top: 8px;}
  .head{ height: 50px; }
  .head .top_search{float: left;margin-top: 9px;}

  .head .navBar{   position: relative; top: 6px; left: 0%;    overflow-y: scroll; min-height: 360px;
     width: 100%; padding: 0 5%; box-sizing: border-box; background-color: #00acef; transition: none;}
 
  .head .nav li:hover .stair > a{ background-color: transparent; color: white;}
  
 
  .sub{ position: relative; display: none;}
  .sub_nav_box{ display: block; position: relative;}
  .sub_nav_box .left_intro{ display: none;}
  .sub_nav_box .menu_links dd{ width: 33.333%; padding-top: 10px; overflow: hidden;}
  .sub_nav_box .menu_links dd p{ height: 60px; margin-top: 10px; font-size: 14px;}
  .head .nav li:hover .stair:after{ display: none;}

  .head .nav li{ width: 100%; line-height: 42px; margin: 0;}
  .head .nav li .stair{border-bottom: 1px solid rgba(221, 221, 221, .5);}
  .head .nav li.active .stair:after{ display: none;}
  .head .nav li:hover .sub{ display: none;} 
  .head .nav li .a{ font-size: 15px;}
  .sub > dl{ display: block;}
  .sub > dl dd{ font-size: 14px;}
  .sub > dl dd{ padding: 5px 10px; position: relative;}
  .sub > dl dd .small_img{ width: 30px; height: 30px;}
  .sub > dl dd .text{ padding-left: 7px;}
  .sub > dl dd .mobile-navbtn{ display: block;}
  
  .sub > dl a{ display:block;}
  .sub > dl dd .t-menu{ position: relative; left: 20px; margin-top: 10px;}
  .sub > dl dd .t-menu li{ padding: 5px 10px; line-height: 28px;}
  .head .top_search .search-input .input1{width: 170px;}

  .Home_banner .banner-page{transform: scale(0.5);}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 1px;}

  .Home_about .text_about p{width: 400px;}
  .Home_news .news_bottom .news_right .news_right_bottom{margin-top: 40px;}
}
@media(max-width:637px){
  .Home_msg .form-group-btn button[type="reset"]{margin-top: 10px;}
  .Home_msg .input_msg span{font-size: 12px;}
  .footer .friends_links a{margin-left: 1%;}
  /* .Home_list .sort_right .choose .bottom_choose {transform-origin: left top;transform: scale(0.6);} */
  /* .Home_list .sort_right .honor{margin-top: -70px;} */
}
@media(max-width:540px){
  .footer .friends_links a:nth-of-type(4){display: none;}
}
@media(max-width:520px){
  .Home_msg .input_msg{transform: translate(-180px);width: 87%;}
}
@media(max-width:500px){
  /* .Home_list .sort_right .choose .bottom_choose {transform-origin: left top;transform: scale(0.4);} */
  /* .Home_list .sort_right .honor{margin-top: -130px;} */
  .Home_list .sort_right .choose .bottom_choose .sese{display: block;}
  .Home_list .sort_right .choose .bottom_choose .choose_box{margin-left: 0px;margin-top: 10px;}
}
@media(max-width:451px) {
  .footer .friends_links a:nth-of-type(3){display: none;}
  .footerbar p a{font-size: 12px;}
}
@media(max-width:400px) {
  .Home_about .text_about p{width: 290px;}
  /*.Home_news .news_text .top_news .icon_news img{margin-top: 18px;}*/
  .Home_msg .form-group-btn button{width: 110px;font-size: 12px;}
  .Home_msg .input_msg{padding: 20px 10px;}  
  .Home_msg .input_msg{transform: translate(-150px);width:80%;}
}
@media(max-width:350px) {
    .Home_msg .input_msg{transform: translate(-150px);width:93%;}
  /* .Home_list .sort_right .honor{margin-top: -200px;} */
  /* .Home_list .sort_right .choose {transform-origin: left top;transform: scale(0.8);} */
}