/*
 *  respon.css by 453883682@qq.com
 */
@media (max-width:1600px) {
    .com4-swiper{ margin: 0 .6rem;}
    .com4-swiper .prev{ margin-right: .2rem;}
    .com4-swiper .next{ margin-left: .2rem;}

    .pro1-box2{ margin: 0 .6rem;}
    .pro1-box2 .prev{ margin-right: .2rem;}
    .pro1-box2 .next{ margin-left: .2rem;}

    .pro3-item{ margin: 0 .6rem;}
    .pro3-item .prev{ margin-right: .2rem;}
    .pro3-item .next{ margin-left: .2rem;}
}
@media (max-width:1400px) {
    .hm2-btn{ width: 160px; height: calc(36px + .2rem);}
    .hm2-btn .txt{ font-size: 14px;}
    .hm4-btn{ width: 40px; height: 40px;}
    .hm4-btn .icon{ right: 15px;}
    .hm4-btn .hover-icon{ right: 15px;}
    .hm4Link:hover .hm4-btn{ width: 130px;}
    .hm5Map{ max-height: 40vh;}


}
@media (max-width:1200px) {
    .loading-text{ font-size: 28px;}
    .loading-slogan{ font-size: 18px;}
    .loading-slogan span{ width: 4px; height: 4px; margin-top: -2px;}
    
    .hm2-effect-box{ display: none;}
    .hm2-wrap{ display: block; width: 100%; height: auto;}
    .hm2-wrap .hm2-left-wrap,
    .hm2-wrap .hm2-right-wrap{ width: 100%;}
    .hm2-wrap .hm2-left{ padding: 1.2rem .3rem;}
    .hm2-wrap .hm2-left::before{ background-size: auto 50%;}
    .hm2-wrap .hm2-left::after{ background-size: auto 50%;}
    .hm2-wrap .hm2-left .hm2-info{ display: block; margin-bottom: .6rem;}
    .hm2-wrap .hm2-item{ padding: 1.2rem .3rem;}
    .hm2-wrap .hm2-item .hm2-info{ height: 4.8em;}
    .hm2-wrap .hm2-bottom{ padding: 1.2rem .3rem;}
    .hm2-title-sub{ margin-bottom: .25rem;}
    .hm2-list{ margin-top: 1rem;}
    .hm2-list li{ margin-right: .4rem;}
    .hm2-list li:last-child{ margin-right: 0;}
    .hm2-num span{ font-size: .46rem;}
    .hm2-btn{ width: 150px; height: calc(32px + .15rem);}

    .hm3Bg::after{ transform: translateX(0); transition-delay: .6s; opacity: 0.05;}
    .hm3Swiper{ width: 100%; max-width: 96%; margin-top: 1.5rem;}
    .hm3Swiper2{ position: static; transform: none; width: 100%; max-width: 750px; margin: 0 auto;}
    .hm3-text{ max-width: 100%;}
    .hm3-more{ flex-wrap: wrap;}
    .hm3-more .hm2-btn{ min-width: 120px; max-width: 50%;}
    .hm3Bot{ position: static;}
    .hm3Bot .wrap{ width: 100%; padding: 0; margin: 0 0 .5rem;}
    
    .hm4Box{ display: block; padding: 1rem 0;}
    .hm4Lef{ position: relative; width: 100%; max-width: 100%;}
    .hm4Lef .hm2-btn{ position: absolute; right: 0; top: 0;}
    .hm4-title{ line-height: calc(32px + .15rem); margin: 0;}
    .hm4-title-sub{ display: none;}
    .hm4Tab{ display: flex; text-align: center;}
    .hm4Tab li{ flex: 1; margin: 0;}
    .hm4Rig{ width: 100%;}
    .hm4List{ margin: 0 -.1rem;}
    .hm4List li{ padding: 0 .1rem;}
    .hm4-btn{ width: 38px; height: 38px;}

    .hm5Box{ padding: 1.2rem 0;}
    .hm5Map{ height: auto; max-height: none; margin: 0 -.3rem;}
    .hm5Map img{ position: static; width: 100%; transform: translateX(0);}

    .hm3Swiper,.hm3Swiper2 .swiper-container,.hm4Lef,.hm4Rig,.hm5Top,.hm5Map,.hm5Bot{ animation: none !important;}
   

    #banIn .banner{ height: auto;}
    #banIn .banImg{ height: 0; padding-bottom: 65%;}
    #banIn .banText{ justify-content: center; padding-bottom: 0; padding-top: 60px;}

    .a-bg1{ padding: .8rem 0;}
    .a-bg3{ padding: .6rem 0;}
    .a3-icon{ width: 50px; height: 50px; margin-bottom: .1rem;}
    .a3-title{ margin-bottom: .1rem;}

    .com-title{ margin-bottom: .2rem;}
    .com-bg1{ padding: .6rem 0;}
    .com-bg2{ padding: .6rem 0;}
    .com-bg3{ padding: .6rem 0 0;}
    .com-bg4{ padding: 20px 0 .6rem;}
    .com1-img{ margin-top: .3rem;}
    .com4-item .swiper-pagination{ margin-top: .3rem;}

    .ind-bg{ padding: .6rem 0;}

    .ind2-list{ margin: 0 -.1rem;}
    .ind2-list li{ padding: 0 .1rem; margin-top: .2rem;}
    .ind2-head{ margin-bottom: .1rem;}
    
    .ser-bg{ padding: .6rem 0;}

    .case-bg{ padding: .6rem 0;}
    .case-list{ margin: 0 -.1rem;}
    .case-list li{ padding: 0 .1rem; margin-top: .2rem;}
    .case-title{ margin-bottom: .1rem;}

    .news-list li{ margin-top: .2rem;}
    .news-text{ padding: .3rem .4rem;}
    .news-title{ margin-bottom: .1rem;}
    .news-con{ margin-bottom: .2rem;}
    .news-time{ margin-bottom: .1rem;}

    .con-top,
    .con-bot{ margin: .6rem auto;}
    .con-left{ padding: .3rem;}
    .con-tel{ margin: .2rem 0;}

    .message{ margin: 0 -.1rem;}
    .message li{ padding: 0 .1rem; margin-top: .2rem;}
    .message li.one{ display: block;}
    .mess-input{ font-size: 14px;}
    .btn{ margin-top: .2rem; justify-content: center;}
    .btn button{ font-size: 14px;}

    .pro-bg{ padding: .6rem 0;}
    .pro1-box3-h4{ line-height: 22px;}
    .pro1-box3-list{ gap: .15rem;}
    .pro1-box3-left{ width: 45%;}
    .pro1-box3-right{ padding-top: 0;}

    .pro3-tab{ margin-bottom: .4rem;}
    .pro3-tab-item{ min-width: 0;}
    .pro3-tab-img img{ max-height: .6rem;}

    .product{ display: block; padding: .6rem 0;}
    .pro-left{ width: 100%; margin: 0 0 .2rem;}
    .pro-top{ padding-right: calc(.2rem + 20px); cursor: pointer;}
    .pro-btn{ display: block;}
    .pro-top.active .pro-btn{ transform: rotate(180deg);}
    .pro-list{ display: none;}

    .video-top{ margin-top: 0;}
    .video-top-text{ left: .3rem;}
    .video-top-title{ margin-bottom: .1rem;}

    .video-list{ margin: .2rem -.1rem 0;}
    .video-list li{ padding: 0 .1rem; margin-top: .3rem;}
    
}
@media (max-width:991px) {
    .hm4Bg{ background-size: 100% auto;}
    .hm4List{ display: block;}
    .hm4List li{ width: 100%; margin-bottom: .4rem; animation-name: fadeInUp !important;}
    .hm4List li:last-child{ margin-bottom: 0;}
    .hm4Time{ margin-bottom: .15rem;}
    .hm4Tit{ font-size: 16px; height: auto;}
    .hm4Con{ height: auto;}
    .hm4-btn{ display: none;}

    .a-bg1{ padding: .6rem 0;}
    .a1-box{ display: block;}
    .a1-left,
    .a1-right{ width: 100%; max-width: 100%; margin: .3rem 0; animation-name: fadeInUp;}
    
    .a3-list li{ width: 100%; margin-top: .2rem;}
    .a3-item{ padding: .3rem;}

    .com2-box{ display: block;}
    .com2-left{ width: 100%; max-width: 100%; margin-right: 0; animation-name: fadeInUp;}
    .com2-right{ margin: 0 auto; margin-top: .3rem; animation-name: fadeInUp;}
    .com4-tab{ margin: .5rem -.1rem;}
    .com4-tab li{ padding: 0 .1rem;}

    .ind2-list li{ flex: auto; width: 33.33%;}

    .case-list li{ width: 50%;}

    .con-top{ display: block;}
    .con-left,
    .con-right{ width: 100%; max-width: 100%; margin: .1rem 0;}

    .message li{ width: 100%;}

    .pro1-box1-bot{ display: block;}
    .pro1-box1-left,
    .pro1-box1-right{ width: 100%; max-width: 100%; margin: .1rem 0; animation-name: fadeInUp;}
    .pro1-box1-right{ text-align: center;}

    .pro1-box3-h4{ transform: translateY(.1rem);}
    .pro1-box3-item{ display: block; padding: .3rem;}
    .pro1-box3-left{ width: 100%; max-width: 100%; margin: 0 !important;}
    .pro1-box3-name{ font-size: 16px;}

    .pro2-bg3{ position: relative;}
    .pro2-bg3::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 80%);}


    .video-list li{ width: 50%;}
}
@media (max-width:767px) {
    .banEn{ margin-top: .4rem;}
    .banBot .flex{ align-items: center;}
    .banTab span{ display: none;}

    .com-bg3{ background-position: right center; background-size: auto 100%;}
    .com3-box{ width: 100%; max-width: 100%; margin: 0 auto;}
    .com3-img{ width: 200%; transform: translateX(-43%);}

    .ind1-box{ display: block;}
    .ind1-left,
    .ind1-right{ width: 100%; margin: .3rem auto;}
    .ind1-left{ max-width: 100%;}

    .case-bot{ display: block;}
    .case-left,
    .case-right{ width: 100%; max-width: 100%; margin: .3rem auto;}

    .news-text{ padding: .2rem;}
    .news-con{ -webkit-line-clamp: 2; height: 48px;}
    .news-time{ margin-bottom: 0;}

    .news-page span i{ margin: 0 .15rem;}
    .news-page a{ padding-left: .15rem;}

    .pro1-box1-text{ font-size: .34rem;}
    .video-top-img::after{ transform: translate(-50%,-50%); left: 50%; right: auto;}
    .video-top-text{ position: static; width: 100%; transform: none; margin: .15rem 0; text-align: center;}
    .video-top-title,
    .video-top-con{ color: var(--title-color); max-width: 100%;}
    
}
@media (max-width:640px) {
    .banCn{ font-size: .54rem;}
    .banEn{ font-size: .36rem;}
    .hm2-title{ font-size: 18px;}
    .hm3-title{ font-size: 18px;}
    .hm4-title{ font-size: 18px;}
    .hm5-title{ font-size: 18px;}

    .hm2-wrap .hm2-right{ display: block;}
    .hm2-wrap .hm2-item{ width: 100%;}
    .hm2-wrap .hm2-item .hm2-num{ margin-top: 1rem;}

    .hm2-list{ flex-wrap: wrap;}
    .hm2-list li{ min-width: 50%; margin: .6rem 0 0;}
    .hm2-num span{ font-size: .8rem;}

    .hm5Swiper{ width: 100%;}
    .hm5Swiper .prev{ margin-right: -.3rem;}
    .hm5Swiper .next{ margin-left: -.3rem;}

    #banIn .banCn{ font-size: .4rem;}
    #banIn .banEn{ font-size: .28rem; margin-top: .2rem;}

    .ind2-info{ font-size: 16px;}
    .ind2-name{ font-size: 16px;}
    .ind2-list li{ width: 50%;}
    .ind2-item{ min-height: auto;}
    .ind2-head{ font-size: 16px;}
    .ind2-bot{ font-size: 16px;}

    .pro-title{ font-size: .4rem;}
    .pro1-box1-title,
    .pro1-box2-title,
    .pro1-box3-title,
    .pro1-box4-title{ font-size: .36rem;}

    .pro3-tab{ gap: .1rem;}
    .pro3-tab li{ flex: auto;}
    .pro3-tab-item{ width: 100%;}
    
    .pro-top{ font-size: 12px; line-height: 1.2;}
    .pro-h2{ font-size: 16px;}
    .pro-list > li > a{ font-size: 16px;}
    .pro-list > li > ul > li > a{ font-size: 14px;}
}
@media (max-width:460px) {    
    .com4-swiper .prev{ margin-right: .1rem;}
    .com4-swiper .next{ margin-left: .1rem;}

    .news-title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 20px; height: 40px; white-space: normal; overflow: hidden;}
    .news-con{ display: none;}

    .mess-input{ height: 44px;}
    .yzm img{ height: 44px;}
    .btn button{ height: 44px;}

}

/* 横屏 */
@media (orientation: landscape) {
    
}
/* 竖屏 */
@media (orientation: portrait) {
    .loading-left{ height: 50%;}
    .loading-right{ height: 40%;}
}