@import url(animate.min.css);
@import url(swiper.min.css);
@import url(font-awesome.min.css);
@import url(ui.css);
@import url(pc.css);

@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 60px;padding-bottom: 60px;}
    .header {display: none;}
    .m-header{ display: flex; }

    .banner .swiper-button-prev{ left: 0; width: 25px; height: 50px;  }
    .banner .swiper-button-next{ right: 0; width: 25px; height: 50px;  }

    .in-search p{ display: none; }
    .in-search .con form{ flex:100%;}

    .section {padding: 20px 0;}
    .section-title{margin-bottom:20px; font-size:24px; }
    .section-title strong span{ margin-right: 5px; }

    .in-case li .text{ font-size: 14px; padding: 8px; }

    .in-pro-menu{ margin-bottom: 10px; margin-left: -15px; }
    .in-pro-menu li{ width: 33.333%; }
    .in-pro-menu li a{ padding: 0; line-height: 35px; margin:0 0 10px 10px; font-size: 14px; }
    .in-pro-con ul{ margin:0 0 0 -10px; }
    .in-pro-con li a{ margin:0 0 10px 10px; }

    .in-ys-tits{ padding: 30px 0 15px;  }
    .in-ys-tits .text h2{ font-size: 32px; }
    .in-ys-tits .text p{ font-size: 16px; margin-right: 5px; }
    .in-ys-tits .desc{ font-size: 24px; }

    .in-ys li{ margin-top: 30px; flex-wrap: wrap;}
    .in-ys li .pic{ flex:100%; }
    .in-ys li .text{ flex:100%; margin-top: 20px;}
    .in-ys li .text .con i{ margin-right: 5px;}
    .in-ys li .text .con i img{ width: 50px;}
    .in-ys li .text h2{ font-size: 20px; padding-bottom: 10px; margin-bottom: 5px;}
    .in-ys li .text p{ font-size: 16px;  line-height: 25px; }
    .in-ys li:nth-child(2n) .pic{ order: 100}

    .in-case-menu{ margin:0 0 0 -10px;}
    .in-case-menu li{ width: 50%; }
    .in-case-menu li a{ font-size: 14px; line-height: 45px; margin:0 0 10px 10px;  }
    .in-case-con .con a{ flex-wrap: wrap; }
    .in-case-con .con .img-center{ flex:100%; margin-right: 0;  }
    .in-case-con .con .text{ flex:100%; margin-top: 20px; }
    .in-case-con .con .text h2{ font-size: 18px;}
    .in-case-con .con .text p{  font-size: 14px; }

    .in-about{ flex-wrap: wrap;}
    .in-about .img-center{ flex:100%; margin-right: 0; }
    .in-about .text{ flex:100%; margin-top: 20px; }
    .in-about .text li a{  line-height: 40px; font-size: 15px;}
    .in-about .text li i{ font-size: 20px; margin-right: 10px; }

    .in-news-menu{ margin:0 0 10px -10px; }
    .in-news-menu li{ width: 25%; }
    .in-news-menu li a{ text-align: center; padding: 0; margin:0 0 10px 10px; }

    .hot a{ display: flex; margin-bottom: 20px; }
    .hot .img-center{ flex:0 0 150px; margin-right: 10px; }
    .hot .text h2{ font-size: 16px; margin-bottom: 5px; }
    .hot .text p{ font-size: 14px; line-height:20px; margin-bottom: 5px; -webkit-line-clamp:2; }
    .in-news-con li{ padding:0 0 0 15px; height: 35px; }

    .footer{ padding-top: 15px; }
    .fnav{ float: none; width: 100%; }
    .fnav dl{ float: none; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2) }
    .fnav dl dt{ display: flex; align-items: center; justify-content: space-between; height: 60px; }
    .fnav dl dt i{ display: block; color: #FFF; font-size: 20px; transition: 0.5s}
    .fnav dl dt a{ font-size: 18px; }
    .fnav dl dd{ display: none; text-align: left; padding-bottom: 20px; }
    .fnav dl dd a{ color:rgba(255,255,255,0.8); }
    .fnav dl.open dd{ display: block; }
    .fnav dl.open dt i{ transform: rotate(-90deg); }
    .footer .ewm{ float: none; width: 100%; margin-top: 40px;}

    .footer-fix{ display: block; }

    .scrollsidebar{ display: none; }
    .backtop{ height: 0; }

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

    .curmbs{ display: none; margin-bottom: 15px; }
    .curmbs p{ display: none; }

    .m-lanmu{ display: block; }

    .list-1 li a{padding:15px 0;}
    .list-1 li .img-center{ flex:0 0 120px; margin-right: 10px; }
    .list-1 li .text h4{  margin-bottom: 5px; font-size:16px;  }
    .list-1 li .text p{ line-height: 1.5; }
    .list-1 li .text .more{ margin-top: 5px;}

    .list-2{ margin:0 0 0 -10px; }
    .list-2 li a{ margin:0 0 10px 10px; }
    .list-2 li .text{ font-size: 14px; margin-top: 8px; }

    .list-3 li{ height: 40px; margin-bottom: 15px; }
    .list-3 li a{ font-size: 14px; margin-right: 10px;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .infocontent-title h1 {font-size: 18px;}
    .infocontent-body{ font-size: 14px; padding: 0; }

    .prod-menu {margin-bottom: 15px;}
    .prod-menu li {margin-right: 5px;}
    .prod-menu li a {font-size: 14px;line-height: 34px;padding: 0 15px;}

    .showcase {margin-bottom: 30px;}
    .pc-slide {float: none;width: auto; padding: 0}
    .view .swiper-slide .img-center {height: 260px;line-height: 260px;}
    .showcase-info {margin: 30px 0 0;}
    .showcase-info h1{font-size: 18px;}
    .showcase-info .desc {margin-top: 10px;min-height: auto;}


}