@import url(animate.min.css);
@import url(ui.css);
@import url(iconfont.css);
@import url(swiper.min.css);
@import url(pc.css);

@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 60px; font-size: 14px;}
    .container {width: auto;}
    .header {display: none;}
    .m-header{ display: flex; }
    .banner{ height:auto;}
    .banner .swiper-button-prev{  left: 10px; width: 35px; height: 35px;  }
	.banner .swiper-button-next{  right: 10px; width: 35px; height: 35px; }

    .section{padding:25px 0;}
    .section-title{ margin-bottom: 25px; }
    .section-title strong{ font-size: 24px; }
    .section-title p{ font-size: 14px; margin-top: 10px; }
    
    .in-fenlei ul{ margin:0 0 0 -15px;}
    .in-fenlei li a{ margin:0 0 15px 15px;  padding:15px; font-size: 16px;}

    .in-about .text{ padding-right: 0; margin-bottom: 30px; }
    .in-about h3{ font-size: 15px; margin-bottom: 10px; }
    .in-about h2{ font-size: 24px;  margin-bottom: 10px; }
    .in-about .desc{ font-size: 18px;  margin-bottom: 10px; }
    .in-about .a1 li{ font-size: 16px;  }
    .in-about .btns{ text-align: center; }
    .in-about .btns a{  line-height: 50px; font-size: 18px; margin-right: 10px; padding: 0 20px;  }

    .in-news ul{ margin-left:-15px; }
    .in-news li .items{  margin:0 0 15px 15px; padding: 15px; }
    .in-news li h2{ font-size: 18px; margin-bottom: 10px; }

    .footer-con{ padding: 20px 0; flex-wrap: wrap; }
    .footer-con .flogo{ flex:100%; padding-right: 0; margin-bottom: 20px; }
    .footer .address{ padding: 15px 0; }
    .footer .address .text:last-child{ display: none; }

    .copyright{ padding: 15px 0; }
    .copyright a{ padding: 0 8px;}
    .copyright span{ display: block; }

    .banner-sub{ margin-top: 0;}
    .banner-sub .text{ padding:35px 0; }
    .banner-sub .text h2{ font-size: 24px; margin-bottom: 8px; }
    .banner-sub .text p{ font-size: 18px; }

    .bg-search{ padding: 15px 0; }

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

    .sortname{ height: 60px; }
    .sortname h2{ font-size: 20px; }

    .ct-sd{ display: none; }
    .ct-sd2{ display: none; }
    .ct-sd3{ display: none; }
    .ct-mn{ float: none; width: auto; }
    .ct-mn2{ float: none; width: auto; }
    .ct-mn3{ float: none; width: auto; }

    .list-1 li .items{ margin-bottom: 15px; }
    .list-1 li .img-cover{ display:none}
    .list-1 li h2{ font-size: 18px; margin-bottom: 10px; }

    .crumbs{ margin-top: 0; line-height: 40px;  }
    .crumbs2{ margin-top: 0;}

    .info-content .text{ padding: 15px; }
    .info-content .text .time{ flex-wrap: wrap; margin-bottom: 10px; font-size: 14px; color: #454c5f; }
    .info-content .text .time p{ margin-right: 0; flex:100%; margin-bottom: 10px;}
    .info-content .text .time p i{ font-size: 20px; margin-right: 5px; }
    .info-content .text h1{ font-size: 20px; margin-bottom: 15px;}
    .info-content .text .desc{ font-size: 16px; padding: 15px; margin-bottom: 15px; }
    .info-content .con{ font-size: 16px;}
    .info-content .tag{ margin-top: 15px; font-size: 14px;  }
    .info-content .tag i{ font-size: 18px;  }
    .info-content .tag a{line-height: 36px; padding: 0 10px;margin-right: 5px; }
    .info-content-back p:nth-child(2){ display: none;}

    .list-2 li .text{ padding: 15px; height: auto; }

    .info-pro-title{ padding: 25px 0; margin-top: 0;  }
    .info-pro-title .text h1{ font-size: 24px; margin-bottom: 10px;}
    .info-pro-title .text h2{ font-size: 18px; margin-bottom: 15px; }
    .info-pro-title .text .tuijian{  font-size: 14px; }
    .info-pro-title .text .tuijian p{ margin-right: 10px; }
    .info-pro-title .text .tuijian p i{ font-size: 20px; }
    .info-pro-title .price{ font-size: 17px; text-align: right;  }
    .info-pro-title .price span{ font-size: 24px; }

    .pc-slide{ padding: 15px; width: 100%; margin-bottom: 20px; }
    .view .swiper-slide .img-center{height:260px;line-height:260px;}
    .preview{margin-top:10px;}

    .pro-menu{ padding: 0; }
    .pro-menu li a{  margin-right:10px; }
    .pro-con{ padding: 15px; font-size: 14px; }
    .pro-con .con h2{ font-size: 20px; }
    .pro-con .con h3{ font-size: 18px;  }
    .pro-con .con .desc{ margin-bottom: 20px; }
    .pro-con .con .a1{ margin-bottom: 20px; }
    .pro-con .con .a2 li{ font-size: 14px; }

    .about1{ flex-wrap: wrap; }
    .about1 .text{ flex:100%; margin-right: 0; }
    .about1 .text h2{ font-size: 21px; margin-bottom: 15px; }
    .about1 .text .desc{ font-size: 16px; margin-bottom: 15px;  }
    .about1 .text .desc p{ margin-bottom: 15px; }
    .about1 .text ul{ margin:0 0 0 -15px; }
    .about1 .text li .items{ margin:0 0 15px 15px; padding: 35px 0;  }
    .about1 .text li .items h3{ font-size: 24px; }
    .about1 .text li .items p{ font-size: 16px; }
    .about1 .img-center{ flex:100%; }

    .about2 li{ margin-bottom: 30px; }
    .about2 li h2{font-size: 20px; margin-bottom: 10px;}
    .about2 li p{font-size: 16px; }

    .about3{ padding:0; }
    .about3:before{ display: none;}
    .about3 li{ float: none; width: 100%; margin-bottom: 20px;}
    .about3 li .yuan{ display: none; }
    .about3 li .text{ padding: 15px; }
    .about3 li .text .number{ font-size: 18px;  }
    .about3 li .text h2{  font-size: 20px; }
    .about3 li .text p{ font-size: 16px;}

    .about4 .a1 li .items{  padding: 15px;  }
    .about4 .a1 li .icon{ margin-right: 10px; }
    .about4 .a1 li .icon i{ font-size: 30px; }
    .about4 .a1 li .text h2{ font-size: 18px; margin-bottom: 5px;}
    .about4 .a1 li .text p{ font-size: 16px;margin-bottom: 5px; }
    .about4 .a2 li h2{ font-size: 22px; }
    .about4 .a2 li p{ font-size: 16px; }

    .about5{ padding: 40px 0; }
    .about5 h2{ font-size: 24px; margin-bottom: 15px;}
    .about5 p{ font-size: 18px; margin-bottom: 20px; }
    .about5 .btns a{ line-height: 45px; padding: 0 20px;font-size: 16px;  margin:0 5px; }

    .message{ padding: 20px; }
    .message h2{ font-size: 24px; margin-bottom: 23px;}
    .message .formgroup{ flex-wrap: wrap; margin-bottom: 0; }
    .message .formgroup .label{ flex:100%; margin-right: 0; margin-bottom: 20px; }
    .message .tj button{ width: 100%; line-height: 60px;  }


    .contact1{ padding: 20px;font-size: 16px; margin-bottom: 15px; }
    .contact1 h2{ font-size: 24px; }

    .contact2{ padding: 20px;font-size: 16px; margin-bottom: 15px; }
    .contact2 h2{ font-size: 24px; }
    .contact2 .con{ padding: 50px 0;}
    
    .service{ padding:25px 0;}
    .service li .box{ padding: 20px;  margin:0 0 10px 10px; }




   

	

	


}