@import url(animate.min.css);
@import url(jquery.fancybox.min.css);
@import url(font.css);
@import url(ui.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (min-width: 768px) {
    .header-fix,.header-fix2{ position: fixed;left: 0;top: 0; background:#FFF; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-bottom: 0;}
    .header-fix .logo .img1,.header-fix2 .logo .img1{ display: none; }
    .header-fix .logo .img2,.header-fix2 .logo .img2{ display: block; }
    .header-fix .nav li a,.header-fix2 .nav li a{color:#545454; }
    .header-fix .tel,.header-fix2 .tel{ color: #0866b2; }
    .header-fix .tel span:first-child,.header-fix2 .tel span:first-child{ border-color: #0866b2;}
    .header-fix .search-btn i,.header-fix2 .search-btn i{ color: #333; }
}
@media screen and (max-width: 1440px) {
    .header .nav li a{ padding: 0 10px; }
    .pc-slide{ width:48%}
    .info-pro-text{ width: 50%; }
    .info-pro-text .btns a{ flex:0 0 100px; font-size: 16px;  }
}
@media screen and (max-width: 1300px) {
    .header .tel{ display: none; }
    .footer-con .contact .ewm{ display: none; }
}
@media screen and (max-width: 1058px) {
    .header .search-btn{ display: none; }
}
@media screen and (max-width: 978px) {
    .header .nav li a{ padding: 0 2px; }
}
@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 60px; padding-bottom: 60px;}
    .container{ width: 100%; padding: 0 15px;}
    .m-header{ display: flex; }
    .header{ display: none; }

    .banner{ height: 250px;}
    .banner .swiper-slide .text h3{ font-size: 18px; }
    .banner .swiper-slide .text h2{ font-size: 24px; }
    .banner .swiper-slide .text p{ display: none; }
    .banner .swiper-slide .text .btns{ margin-top: 20px; }

    .section{padding: 20px 0;}
    .section-title{ margin-bottom: 15px; }
    .section-title h2{  font-size: 14px; padding-left: 20px;}
    .section-title h2 span{ font-size: 24px; }
    .section-title .more a{ width: 100px; line-height: 39px;}

    .section-title3{ margin-bottom: 15px;}
    .section-title3 span{ font-size: 14px; }
    .section-title3 strong{ font-size: 24px; }

    .in-pro{ margin:0 0 0 -15px; }
    .in-pro li .items{ height: 240px; margin:0 0 15px 15px; }
    .in-pro li:first-child .items,.in-pro li:last-child .items{ height: 270px; }
    .in-pro li .img-center{ position: absolute; left: 50%; right: auto; transform: translateX(-50%); bottom: 15px; }
    .in-pro li .img-center img{ max-width: 150px; max-height: 150px; }
    .in-pro li:first-child .img-center img,.in-pro li:last-child .img-center img{ max-width: 250px; max-height: 250px;}
    .in-pro li .text{ left: 15px; top:15px; }
    .in-pro li .text h2{ font-size: 18px; }

    .in-about-con{ flex-wrap: wrap; }
    .in-about-con .video{ flex:100%; margin-right: 0; margin-bottom: 20px;}
    .in-about-con .text{ flex:100%; }
    .in-about-con .text h2{ font-size: 28px; }
    .in-about-con .text h3{ font-size: 18px;  }

    .in-case .swiper-slide .img-cover{ padding-top: 75%; }
    .in-case .swiper-slide .text{ padding:15px;}
    .in-case .swiper-slide h2{ top:25px; padding: 0 15px; }
    .in-case .swiper-slide h2 span{ font-size: 20px; }

    .in-news li .img-cover span i{ width: 40px; height: 40px; }

    .in-culture{ display: none; }

    .footer-con{ padding: 20px 0; }
    .footer-con .contact{ flex-wrap: wrap; margin-right: 0; flex: 100%; }
    
    .footer-con .contact .lx{ flex:100%; }
    .footer-con .fnav{ display: none; }
    .footer-copy .con{ flex-wrap: wrap; }
    .footer-copy .con-left{ flex:100%; margin-bottom: 10px; }
    .footer-copy .con-right{ flex:100%; text-align: center; }
    .footer-fix{ display: block; }
    

    .banner-sub{height:100px; padding-top: 0;}
    .banner-sub .text h2{ font-size: 24px; }
    .banner-sub .text p{ font-size: 16px; }

    .h90{ display: none; }
    .crumbs{ display: none; }
    .crumbs2{ display: block; height: auto;}
    .lanmu{ float: none; font-size: 0; width: 100%; overflow-x: auto; white-space: nowrap; text-align: center;  }

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

    .list-1 li a{ flex-wrap: wrap; margin-bottom: 20px; font-size: 14px;}
    .list-1 li .img-cover{ flex:100%; height: 200px; margin-right: 0; }
    .list-1 li .text{ flex:100%; display: flex; padding:20px 10px; }
    .list-1 li .text .txt h2{ font-size: 20px; margin-bottom: 8px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
    .list-1 li .text .date{ flex: 0 0 70px;}
    .list-1 li .text .date span{ font-size: 36px; }
    
    .list-2{grid-template-columns:1fr; gap: 15px;}

    .ct{ flex-wrap: wrap;  }
    .ct-mn{ flex:100%; }
    .ct-sd{ flex:100%; margin-left: 0; }

    .info-news{ padding: 15px; margin-bottom:20px;}
    .info-news h1{ font-size: 20px;  }
    .info-news .date{ margin-bottom: 15px;}
    .info-news .con{ font-size: 14px;}

    .section-title2 strong{ font-size: 28px; }
    .section-title2 p{ font-size: 16px; }

    .lanmujj{ flex-wrap: wrap; }
    .lanmujj .img-cover{ flex:100%; height: 200px; margin-right: 0; margin-bottom: 20px;}
    .lanmujj .text{ flex:100%; }

    .list-3 li a{ flex-wrap: wrap; margin-bottom: 20px; font-size: 14px; }
    .list-3 li:last-child{ margin-bottom: 0; }
    .list-3 li .img-cover{ flex:100%; height: 200px;}
    .list-3 li .text{ padding: 20px; flex:100%; }
    .list-3 li .text h2{ font-size: 20px; margin-bottom: 10px;  }
    .list-3 li .text p{ font-size: 14px;  }
    
    .list-4{ grid-template-columns:1fr;}

    .ct2-sd{ display: none; }
    .ct2-mn{ margin-left: 0; width: 100%; }

    .catelist{ display: block; }

    .sortname{ display: none; }

    .info-pro{ padding: 20px; margin-bottom: 20px; height: auto; }
    .info-pro-text{ float: none; width: 100%; }
    .info-pro-text h1{ font-size: 22px;}
    .info-pro-text .btns a{ flex:0 0 140px; }
    .pc-slide { float: none; width: auto;}
    .view .swiper-slide .img-center { height: 260px; line-height: 260px;}
    .info-pro-body{ padding: 20px; }
    .info-pro-body .tits span{ flex:0 0 140px; font-size: 18px;  }
    .info-pro-body .con{ padding: 20px 0; }

    .about1{ flex-wrap: wrap; }
    .about1 .video{ flex:100%; margin-right: 0; margin-bottom: 20px; }
    .about1 .text{ flex:100%; }
    .about1 .text h2{ font-size:32px;}
    .about1 .text h3{ font-size: 18px;}

    .about4 li{ align-items: flex-start; }
    .about4 li .year{ flex:0 0 30% }
    .about4 li .year span{ flex:0 0 80%; line-height: 44px;  font-size: 16px; }
    .about4 li .con{ padding: 10px; font-size: 14px; line-height: 1.6; }
    
    .list-5{ grid-template-columns: repeat(2,1fr); }

    .contact-left{ padding-right: 0; margin-bottom: 20px;}
    .contact-right{ padding: 10px;  }
    .contact-right h2{ font-size: 20px; }
    .contact-right li p{ font-size: 18px;}

    .message{ padding: 20px; }
    .message .tits{ margin-bottom: 20px; }
    .message .tits h2{ font-size: 24px; }
    .message .tits p{ font-size: 14px; color: #666; }
 
    .formgroup{ flex-wrap: wrap; margin-bottom: 0; }
    .formgroup input{ flex: 100%; margin-right: 0; margin-bottom: 15px; }
    .formgroup textarea{ margin-bottom: 15px; }

    .section-title4{  margin-bottom: 20px;}
    .section-title4 strong{ font-size: 24px;  }
    .section-title4 .line{ width: 40px; height: 1px;  margin:10px auto; }
    .section-title4 p{ font-size: 14px; }

    .job1 ul{ flex-wrap: wrap; }
    .job1 li{ flex:100%; font-size: 14px; margin-bottom: 15px; }

    .job2 ul{ margin:0 0 0 -15px; }
    .job2 li .items{ margin:0 0 15px 15px; height: 200px; padding:20px; }
    .job2 li i{ font-size: 40px;  margin-bottom: 10px; }
    .job2 li h2{ font-size: 18px; margin-bottom: 10px; }

    .job3 li .tits{ padding: 0 15px 0 30px; height: 60px; }
    .job3 li .tits:before{ top:10px; width: 2px; height: 33px;}
    .job3 li .tits span{ font-size: 18px; }
    .job3 li .tits a{ font-size: 14px;}
    .job3 li .con p{ flex:100%; }

    .info-job-title{ padding: 0 15px; }
    .info-job-con{ padding: 15px;  }
    .info-job-con li h3{ flex: 0 0 100px; }

 
   

}