@media screen and (min-width: 1600px) {
  .container{width: 1550px;margin: 0px auto; overflow: hidden;}
}

@media screen and (max-width: 1200px) {
  .container{
    width: 100%;
    margin: 0px auto;
  }

}



@media screen and (max-width: 768px) {
  .container{width: 96%; margin: 0px auto; } 
  header{height:auto; } 
  .menu-handler {display: block; }
  .search{display: none; } 
  .blank-top {height: 55px;} 
  .top{width: 30%; } 
  .top_r{width: 70%; justify-content:space-between; } 
  .top .logo{width: 100%; text-align: center; } 
  .top .logo img{max-width: 80%; max-height: 90%; } 
  .tel{display: flex; align-items: center; width: 80%; justify-content: center; } 
  .tel i{font-size: 1rem; margin-left: 10px; } 
  .menu-handler{width: 20%; }
.banner .aniss {width: 95%; position: absolute; top: 15%; left: 6%; }
.banner .aniss h1{font-size: 1rem; color: #ffffff; line-height: 2; } 
.banner .aniss p{font-size: .5rem; color: #ffffff; } 
.seemore{background: #dc253b; text-align: center; height: 25px; line-height: 25px; color: #ffffff; padding: 0 15px; display: inline-block; margin-top: 15px; } 
.seemore a{color: #ffffff; position: relative; font-size: 12px; display: flex; align-items: center; } 
.seemore  i{border-bottom: 1px solid #ffffff; width: 10px; display:block; height: 1px; margin-left: 5px; } 


.banner .swiper-pagination-bullet{ width:8px; height:8px; border-radius:8px; transition:all linear .2s; background:#fff;}
.banner .swiper-pagination-bullet-active{ background:rgba(255,255,255,.8); width:16px;}



.menu{position:fixed; bottom: 0; left: 0; right: 0px; top: 55px; width: 100%; height: 100vh; background-color:#ffffff; overflow-x: hidden; overflow-y: auto; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-overflow-scrolling: touch; z-index: 1008; -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94); -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94); -o-transition: all .5s cubic-bezier(.25, .46, .45, .94); transition: all .5s cubic-bezier(.25, .46, .45, .94); } 
.menuOpen .menu {-moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 
.menu ul{display:block; height: auto; padding-top:35px } 
.menu ul .item{position: relative; font-size: 18px; width: 100%; height: 100%; margin-left:10%; text-align:left; display:block; line-height:2 } 
.menu ul .secNav{visibility:hidden; transition:all 250ms ease-out 0ms; position:static; background: #ffffff; box-shadow:0px 0px 0px 0px #cccccc; width: 100%; padding: 0 0; height:0px } 
.menu ul .secNav li{height: 33px; line-height: 33px; font-size: 14px; } 
.menu .item.active a{color:#FF0000 } 
.menu ul .secNav.active{visibility:visible; height:auto } 
.menu .item.active  .secNav a{color:#000000 } 
.menu .item:after{content:" ";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px;background-color:#ef1b25;-webkit-transition:all 250ms ease-out 0ms;transition:all 250ms ease-out 0ms;opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0)} 
.menu .item:hover:after{-webkit-transform:none !important;transform:none !important; -webkit-transition:all 250ms ease-out 0ms; transition:all 250ms ease-out 0ms;opacity:1;visibility:hidden } 


}