@media screen and (min-width: 769px) {
    .header-fix{position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
}
@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 60px;}
    .container {width: auto; }
   .container  h2{display: none; }
    .topbar{ display: none; }
 
    .header {height: 60px;top: 0; position: fixed; width: 100%; top:0; left:0; }
    .header .logo{height: 40px;line-height: 40px; float: none;}
    .header .nav {margin: -6px -15px -10px;display: none;float: none;background:#FFF;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;float: none; position: relative;}
    .header .nav li a {line-height: 40px;color: #333; background: none;}
    .header .nav li .arr {display: block;width: 40px; height: 40px;position: absolute; top:0; right:15px;z-index: 1; transform: rotate(270deg);}
    .header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{background: none transparent; border-bottom: 0; }
    .header .nav li.open .arr:after {border-color: #002145;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .menu-btn {display: block;}
    .dropdown-box{  height: auto; position: static; background: #FFF; }
    .dropdown-box .dropdown-left{float:none; width:auto; padding-top: 0;}
    .dropdown-box .dropdown-left .nav-box{float:none; width:auto;}
    .dropdown-box .dropdown-left .nav-box h2,.dropdown-box .dropdown-left .nav-box .desc,.dropdown-box .dropdown-left .img-center{ display: none; }
    .dropdown-box .dropdown-right{ display: none; }
    .dropdown-box .dropdown-left .nav-box .list li{float:none; width:auto;  }
    .dropdown-box .dropdown-left .nav-box .list li a {display: block;;color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}

    .banner .swiper-pagination-bullets{ bottom: 10px; }
    .banner .swiper-pagination-bullet{  width: 12px; height: 12px; }

    .section{ padding: 20px 0; }
    .section-title{justify-content: center; flex-wrap: wrap; margin-bottom: 20px; text-align: center;}
    .section-title strong{ font-size:22px; flex:100%;}
    .section-title p{ flex:100%;margin:0;font-size:12px; line-height: 20px;  }

    .in-pro ul{ margin: 0 0 0 -10px; }
    .in-pro li{width: 50%; }
    .in-pro li a{  margin: 0 0 0 10px; padding: 10px; }
    .in-pro li .text{ font-size: 18px; margin: 20px 0; }
    .in-pro li .btn{ font-size:14px; line-height:33px;  }

    .adv{ padding: 25px 0;  }
    .adv h2{ font-size: 24px;}

    .in-ys{ margin: 0; }
    .in-ys li .text{ height: 80px; }
    .in-ys li{float: none; width: auto;}
    .in-ys li a{ margin: 0 0 20px 0; }

    .in-news-left{ float: none; width: auto; }
    .in-news-right{ float: none; width: auto; margin-top: 15px; }
    .in-news .text{ padding: 20px;  }
    .news{ margin-top: 20px; }
    .news .swiper-button-prev,.news .swiper-button-next{ display: none; }

    
    .footer-top{ padding: 25px 0; font-size:20px;}
    .footer .fnav{display: none;}
    .footer .flogo{ float: none; width: auto; padding: 0 20px;  }
    .footer .flogo .img-center{ display: none; }
    .footer .ewm{ float: none; width: auto; padding: 20px 30px 0;  }
    .footer .ewm li{ width: 50%; float: left; text-align: center; margin-bottom: 0; }
    .footer-copy{  margin-top: 10px; padding: 10px;}
    .footer-copy span{ display: none; }

    .banner-sub{  height: 220px; }
    .banner-sub h2{ font-size: 24px; }

    .section-sub{ padding:20px 0; }

    .ct-sd{display: none;}
    .ct-mn{ float: none; width: auto; }

    .ct2-sd{float: none; width: auto;}
    .ct2-mn{ float: none; width: auto; }

    .lanmu{ margin: 0 0 10px -10px; }
    .lanmu li{float: left; width: 50%; }
    .lanmu li a{  font-size: 16px; margin:0 0 10px 10px;  padding: 0 10px; text-align: center;   }


    .list-1 li a{ margin-bottom: 10px; padding: 20px; color: #333; background-color: #f2f2f2; }
    .list-1 li .text h2{ font-size: 18px; line-height: 24px; }
    .list-1 li .text p{ font-size: 12px;line-height: 22px; margin-bottom: 15px;  height: 44px; overflow: hidden; }
    .list-1 li .text .btn{ opacity: 1; }   
    .list-1 li .date{ margin-left: 10px; width: 70px; font-size: 14px;  }
    .list-1 li .date span{  font-size: 30px;}

    .list-2{ margin: 0 0 0 -10px; }
    .list-2 li{ width: 50%; }
    .list-2 li a{  padding-bottom: 50px;  margin: 0 0 10px 10px; }
    .list-2 li .text{  padding:10px; }
    .list-2 li .text h2{ font-size: 16px;font-weight: normal;}
    .list-2 li a:hover .text p{ display: none;}
    .list-2 li a:hover .text{ padding: 10px; transition: all 0.5s; }

    .showcase {margin-bottom: 30px;}
    .showcase:before{ width: 100%;}
    .pc-slide {float: none;width: auto; padding: 10px;}
    .view .swiper-slide .img-center {height: 260px;line-height: 260px;}
    .preview .swiper-slide .img-center{height:50px;line-height:50px}
    .showcase-info {margin: 20px 0 0; padding:20px 0; width: auto;}
    .showcase-info h1 {margin-bottom: 20px;font-size: 18px;}
    .showcase-info p {margin-top: 10px;min-height: auto;}
    .showcase-info .tel {font-size: 14px;}
    .showcase-info .tel strong {font-size: 18px;}

    .prodmenu .tit{flex-wrap: wrap;height: auto; padding-bottom: 25px; }
    .prodmenu .tit h1{width: 100%; margin: 0; }
       

  


}