@import url(standy.css);
@media screen and (max-width: 768px) {
    body {min-width: 320px; padding-top: 60px;}
    .container {width: auto; padding: 0 10px;}
    .w100{ width: auto; padding: 0 10px;   }
  
    .header { height: 60px; background: #FFF; position: fixed; top:0; left: 0; z-index: 999; }
    .header .logo a{height: 40px;}

    .header .nav {height: auto; display: none; flex: 100%;  position: absolute; top:60px; left: 0; z-index: 999;}
    .header .nav ul { background: #FFF; flex-wrap: wrap; }
    .header .nav li { flex:100%; text-align: left; padding: 0; border-bottom: 1px solid #ddd;}
    .header .nav li a {line-height: 40px;padding: 0 15px;color: #333;border-radius: 0;}

    .menu-btn {display: block;}

    .section {padding:30px 0;}
    .section-title strong{ font-size: 24px;  }
    .section-title strong i{ width: 50px; height: 1px; }
    .section-title strong span{ padding: 0 10px; }

    .in-about ul{ margin: 0; padding-top: 10px;}
    .in-about li{ float: none; width: auto;}
    .in-about li .items{ display: block; margin: 0 0 20px 0; }
 
    .in-pro-menu{ margin-bottom: 15px; }
    .in-pro-menu li{ display: inline-block; width: 33.333%}
    .in-pro-menu li a{  line-height: 36px; padding: 0; margin: 0 2px 5px; }

    .in-pro-con { margin: 0; }
    .in-pro-con li{ float: none; width: auto; }
    .in-pro-con li a{margin: 0 0 10px 0;}

    .in-ys{ flex-wrap: wrap; height: auto; margin-top: 10px; }
    .in-ys-left{ flex:100%; height: 300px; margin-bottom: 10px;}
    .in-ys-right{ flex:100%; height: auto; }
    .in-ys-con{ height: 300px; margin-bottom: 10px; }
    .in-ys-right ul{ flex-wrap: wrap; height:auto;  }
    .in-ys-right li{ flex:100%; height: 300px; margin-bottom: 10px; }
    .in-ys-left .text,.in-ys-con .text,.in-ys-right li .text{ background: rgba(0,0,0,0.5); transform: scale(0.9);  }

    .in-news-con{ margin-top: 10px;}
    .in-news-con ul{ margin: 0; }
    .in-news-con li{ float: none; width: auto; }
    .in-news-con li a{ margin:0 0 10px 0; padding: 10px;  }
    .in-news-con li .img-cover{ width: 100px; height:80px;  }
    .in-news-con li .text{ margin-left: 110px; }
    .in-news-con li .text p{ margin:0;}

    .section-title3 p span{ display: inline; }

    .in-contact{ padding-top: 30px; }
    .in-contact-con .text{ width: 100%;}
    .in-contact-con .text p i{ padding: 0 15px;  }

    .footer{ padding-top: 30px; }
    .footer .contact{ float: none; width: auto; }
    .footer .contact p{ line-height:25px; }
    .footer .message{ display: none;}
    .footer .ewm{ float: none; margin: 30px auto 0;}

    .footer-copy{  line-height: 22px; margin-top: 30px; padding: 8px 0; }


    .section-sub{padding:20px 0}

    .lanmu{  position: relative; height: auto; margin-bottom: 10px;}
    .lanmu li a { font-size: 14px; padding: 0 20px; margin: 0 3px 10px;}
    .lanmu2{  position: relative; height: auto; margin-bottom: 10px;}
    .lanmu2 li {  flex:0 0 30%; margin:0 3px;}
    .lanmu2 li a { font-size: 14px; padding: 0; margin: 0 0 10px;}

    .list-1 li .img-cover{ float: none; width: auto; height: auto;  padding-top: 70%;}
    .list-1 li .text{ margin-left:0; padding: 10px 0;}
    .list-1 li .text p{ height: auto; }

    .list-2{ margin: 0; }
    .list-2 li{ float: none; width: auto;  }
    .list-2 li a{ margin: 0 0 10px 0;}
    .list-2 li .text{ padding: 8px;}

    .infocontent{ padding: 10px; margin: 0; }
    .infocontent-title h1 {font-size: 18px;}
    .infocontent-desc {padding: 10px;}
    .infocontent-epx{  padding-bottom: 8px; }
    .infocontent-epx li{ flex:100%; ; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
    .infocontent-epx li:last-child { text-align: left; }
    .infocontent-body .img-center{ float: none; width: auto; }
    .infocontent-body .text{ margin-left: 0; margin-top: 20px; }

    .feedback .label label{ margin-right: 0; margin-top: 15px; }
    .feedback .label button{ margin-top: 15px; width: 100%; }

    .showcase {margin-bottom: 30px;}
    .pc-slide {float: none;width: auto;}
    .pc-slide p{ padding-left: 0px; margin-top: 10px; }
    .view .swiper-slide .img-center {height: 260px;line-height: 260px;}
    .preview .swiper-slide .img-center{height:74px;border:2px solid #ddd;cursor:pointer;position:relative;line-height:70px}
    .preview .active-nav .img-center{border-color:#ff0000}

    .showcase-info {margin: 20px 0 0; float: none; width: auto;}
    .showcase-info h1 {font-size: 24px;}
    .showcase-info .desc {margin-top: 10px;min-height: auto;}
    .showcase-info .tel {font-size: 14px;}
    .showcase-info .tel strong {font-size: 18px;}




   
   

}