@media screen and (max-height:800px) {
}

@media screen and (max-height:700px) {
}

@media screen and (max-width:1600px) {
}
@media screen and (max-width:1450px) {
    .header{ padding-bottom: 2px;}
    .logo{ width: 180px; margin-left: 50px; margin-top: 14px;}
    .navs li a{ width: 82px; height: 72px; line-height: 72px;}
    .header-right{ margin-top: 24px;}
    .mtop{ height: 72px;}
    .navs{ margin-left: -287px;}
    .banner-item-text strong{ font-size: 34px; margin-bottom: 32px;}
    .banner-item-text small{ font-size: 32px; margin-bottom: 22px;}
    .banner-item-text p{ font-size: 14px;}
    .banner-item-text{ margin-top: -91px;}
    .numble{ margin-top: -135px;}
    .banner-swipter .slick-dots{ margin-top: -120px;}
    .lines{ margin-top: -40px;}
    .banner-next{ margin-top: -80px;}
    .ptext small{ font-size: 30px; margin-bottom: 16px;}
    .ptext strong{ font-size: 26px;}
    .ptext{ margin-top: -36px;}
    .about-btn.prev{ left: 0; margin-left: 0;}
    .about-btn.next{ left: auto; right: 0; margin-left: 0;}
    .culture-content p{ font-size: 12px;}
    .culture-texts strong{ font-size: 18px;}
    .news-tt strong{ font-size: 24px;}
}
@media screen and (max-width:1350px) {
}
@media screen and (max-width:1280px) {
    .introduct-wrap p{ height: 130px; overflow: hidden; margin-bottom: 20px;}
    .footer-top{ padding: 30px 50px;}
    .footer-navs{ padding: 40px 50px 30px}
    .navs-li li{ padding: 0 10px;}
    .culture-item:hover .culture-texts{ top: 40%;}
    .honor{ width: 90%;}
}
@media screen and (max-width:1200px) {
    .navs{ margin-left: -266px;}
    .navs li a{ font-size: 14px; width: 76px;}
    .home-business{ width: 100%;}
    .business-item1{ padding-top: 218px;}
    .business-texts{ padding: 47px 0;}
    .business-item figure img{ width: auto; height: 218px;}
    .navs-li li{ padding: 0 6px;}
    .staff{ width: 90%;}
    .news-box{ width: 90%;}
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:1024px) {
    .navs{ display: none;}
    .header-right{ display: none;}
    .logo{ margin-left: 5%; width: 150px; margin-top: 10px;}
    .menubtn{ display: block;}
    .mtop{ height: 58px;}
    .scrolldown,.bannerline{ display: none;}
    .numble{ display: none;}
    .banner-next{ display: none;}
    .lines{ display: none;}
    .banner-swipter,.banner-item,.banner-item figure{ height: auto !important;}
    .banner-item figure img{ left: 0 !important; top: 0 !important; width: 100vw !important; height: auto !important;}
    .banner-item-text{ width: 90%; left: 5%; right: auto;}
    .banner-item-text strong{ font-size: 26px; margin-bottom: 15px;}
    .banner-item-text small{ font-size: 26px; margin-bottom: 16px;}
    .banner-swipter .slick-dots{ margin-top: 0; top: auto; bottom: 40px; margin-left: 0; width: 100%; left: 0; text-align: center; display: flex !important; display: -webkit-flex !important; justify-content: center; -webkit-justify-content: center;}
    .introduct{ width: 100%;}
    .introduct-bann{ position: relative; left: 0; width: 100%; float: left; padding-bottom: 50px; background-size: cover;}
    .home-about{ overflow: hidden;}
    .introduct-wrap{ width: 90%; margin-left: 5%; padding: 55px 0;}
    .introwrap{ margin-left: 5%;}
    .footer-friend{ display: none;}
    .navs-li{ display: none;}
    .copy{ float: left;}
    .footer-top{ padding: 30px 5%;}
    .footer-navs{ padding: 30px 5%;}
    .copy a:first-child{ margin-left: 0;}
    .copy a{ line-height: 1.5;}
    .scrool{ display: none;}
    .ptext{ margin-top: -30px;}
    .ptext small{ font-size: 26px; margin-bottom: 12px;}
    .ptext strong{ font-size: 22px;}
    .about-item i{ font-size: 34px;}
    .about-item span b{ font-size: 32px;}
    .about-swiper{ width: 100%;}
    .about-btn span{ color: #fff;}
    .culture-item{ width: 33.33333%;}
    .news-box{ padding: 50px 0;}
    .news-texts p{ margin-bottom: 32px;}
    .news-texts span{ margin-top: 30px;}
    .news-tt{ padding: 50px 0 30px;}
    .news-fixd{ padding-bottom: 40px;}
    .newsprevs{ width: 90%; margin: auto; padding-bottom: 50px;}
    .news-infod{ position: relative; top: 0; margin-top: 0; float: left;}
    .news-infod.next{ float: right;}
    .business{ padding: 50px 0;}
    .projects{ padding: 40px 0 50px;}
    .project-list li{ width: 33.3333%; margin-bottom: 26px;}
    .project-list{ padding-bottom: 10px;}
    .honor{ padding: 50px 0;}
    .honor-list{ padding-bottom: 50px;}
} 
@media screen and (max-width:861px) {
    .core-business{ width: 100%;}
    .home-news{ width: 100%;}
    .home-news-wrap{ padding: 40px 5% 30px;}
    .business-wrap{ left: 5%; right: 5%;}
    .business-item{ width: 50%;}
    .business-item1{ padding-top: 0;}
    .business-item1 .business-texts{ position: relative;}
    .business-item figure img{ width: 100%; height: auto;}
    .staff{ padding: 50px 0;}
    .staff-list{ margin-left: -5px; margin-right: -5px;}
    .news-texts p{ margin-bottom: 20px;}
    .news-texts span{ margin-top: 14px;}
    .contact-mode{ padding: 60px 0 40px;}
    .mode-wrap{ width: 90%;}
    .mode-address{ margin-left: 220px;}
    .recruit{ width: 90%;}
    .honor-list li{ width: 33.3333%;}
}
@media screen and (max-width:751px) {
    .culture-item{ width: 50%;}
    .news-box{ padding: 40px 0;}
    .news-list li{ margin-bottom: 30px;}
    .news-list li figure{ width: 100%; float: none;}
    .news-texts{ position: relative; width: 100%; padding: 20px 0 14px;}
    .news-texts p{ height: auto;}
    .news-list{ padding-bottom: 10px;}
}
@media screen and (max-width:641px) {
    .banner-item-text p{ display: none;}
    .banner-item-text small{ margin-bottom: 0;}
    .banner-item-text{ margin-top: -33px;}
    .banner-item-text strong,.banner-item-text small{ font-size: 22px;}
    .introduct-wrap strong{ font-size: 22px; height: auto; width: 100%;}
    .introduct-wrap p{ height: auto; margin-bottom: 30px;}
    .introwrap{ max-width: 90%; width: 90%; margin-top: 50px;}
    .introduct-bann{ background-size: 100% 100%;}
    .business-tt small{ font-size: 18px;}
    .business-tt{ padding-bottom: 20px; margin-bottom: 18px;}
    .business-text span{ margin-top: 20px;}
    .business-texts{ padding: 40px 0;}
    .copy a{ margin-left: 0;}
    .addressd p:first-child{ margin-right: 0;}
    .leval-menu-list li{ margin-left: 20px;}
    .leval-menu-list li a{ padding: 0 10px; height: 60px; line-height: 60px; font-size: 16px;}
    .about-item{ padding: 28px 0 20px;}
    .about-item i{ font-size: 28px;}
    .about-item span b{ font-size: 26px;}
    .about-item p{ font-size: 14px;}
    .about{ padding: 40px 0 20px;}
    .about-btn{ width: 70px;}
    .about-btn span{ font-size: 12px;}
    .abouts-text span{ font-size: 12px; margin-bottom: 4px;}
    .abouts-text strong{ font-size: 18px;}
    .abouts-text{ left: 5%; bottom: 20px;}
    .staff-list li{ width: 50%; margin-bottom: 24px;}
    .staff{ padding: 40px 0;}
    .staff-list{ padding-bottom: 10px;}
    .news-tt strong{ font-size: 22px;}
    .news-tt-text a{ display: none;}
    .news-fixd{ padding: 20px 0 40px;}
    .business{ padding: 40px 0;}
    .business-itemd{ width: 100%;}
    .business-itemd strong{ left: 5%; bottom: 20px;}
    .project-list li{ width: 50%;}
    .contact-mode{ padding: 45px 0;}
    .mode-wrap-title strong{ float: none; font-size: 24px;}
    .mode-address{ margin-left: 0; margin-top: 20px;}
    .contact-mode{ background-attachment: local;}
    .mode-wrap-title{ margin-bottom: 32px;}
    .mode-map{ height: 300px;}
    .recruit-tt{ font-size: 24px;}
    .recruit-box{ padding: 45px 0; background-attachment: local;}
    .honor-list li{ width: 50%;}
    .honor-img{ height: 180px;}
    .honor-img img{ max-height: 88%;}
    .honor-list li figure span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .honor-list{ padding-bottom: 20px;}
    .honor{ padding: 34px 0;}
    .pswp__button--arrow--left, .pswp__button--arrow--right{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
    .pswp__button--arrow--left{ left: 0;}
    .pswp__button--arrow--right{ right: 0;}
    .errortext strong{ font-size: 120px;}
    .errorbtn{ margin-top: 42px;}
    .errorbtn a{ width: 120px; height: 52px; line-height: 52px;}
}
@media screen and (max-width:536px) {
}
@media screen and (max-width:481px) {
    .banner-swipter .slick-dots{ bottom: 20px;}
    .banner-item-text strong{ margin-bottom: 10px;}
    .banner-item-text strong, .banner-item-text small{ font-size: 20px;}
    .introduct-wrap{ padding: 46px 0;}
    .introduct-wrap span{ margin-bottom: 18px;}
    .introduct-wrap strong{ font-size: 20px; margin-bottom: 16px;}
    .introduct-wrap a{ width: 130px; height: 36px; line-height: 36px; font-size: 14px;}
    .number{ margin: 0 30px;}
    .intro-btn{ margin-top: 32px;}
    .introwrap{ margin-top: 40px;}
    .introduct-bann{ padding-bottom: 40px;}
    .business-tt small{ display: none;}
    .business-wrap{ top: 40px;}
    .news-title{ margin-bottom: 22px;}
    .home-news-list li span{ width: 68%;}
    .business-text p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .business-texts strong{ font-size: 14px; margin-bottom: 14px;}
    .footer-top{ padding: 20px 5%;}
    .addressd p{ font-size: 13px;}
    .about-datas{ margin-bottom: 30px;}
    .about-item i{ margin-bottom: 12px; margin-right: 3px;}
    .about-item span{ font-size: 14px;}
    .ptext small{ font-size: 22px;}
    .ptext strong{ font-size: 20px;}
    .culture-texts strong{ font-size: 16px;}
    .culture-texts{ margin-top: -60px;}
    .culture-content{ margin-top: 20px;}
    .culture-content p{ line-height: 1.5;}
    .pagelist a{ width: 42px; font-size: 12px;}
    .pagelist a.pageprev{ width: 62px;}
    .pagelist a i{ margin-left: 3px;}
    .staff-list li a span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media screen and (max-width:400px) {
    .culture-item:hover .culture-texts{ top: 30%;}
    .project-list li{ width: 100%;}
}
@media screen and (max-width:350px) {
}