@media (max-width:1200px){
    .content{width: 100%; padding: 75px 15px;}
    .nav-bar ul{gap: 5px; }
    .nav-bar a{font-size: 12px;}
    .top-bar-inner{width: 100%; padding: 0px 15px;}
    .header-main{width: 100%; padding: 0px 15px;}
    .inner_title{ margin-top: 0px;}
    .foot .footer_list .footer_list_item:nth-child(1){width: 40%;}
    .foot .footer_list .footer_list_item:nth-child(3){ width: 25%;}
   .foot .footer_nav{gap:10px}
}

@media (max-width:1024px){
    .content{width: 100%; padding: 75px 15px;}
    .nav-bar ul{gap: 5px; }
    .nav-bar a{font-size: 12px;}
    .top-bar-inner{width: 100%; padding: 0px 15px;}
    .header-main{width: 100%; padding: 0px 15px;}
    .inner_title{ margin-top: 0px;}
    .foot .footer_list .footer_list_item:nth-child(1){width: 40%;}
    .foot .footer_list .footer_list_item:nth-child(3){ width: 25%;}
   .foot .footer_nav{gap:10px}
}

@media (max-width:992px){

}

@media (max-width:768px){
    .content{width: 100%; padding: 75px 15px;}
    .nav-bar ul{gap: 5px; }
    .nav-bar a{font-size: 12px;}
    .top-bar-inner{width: 100%; padding: 0px 15px;}
    .header-main{width: 100%; padding: 0px 15px;}
    .inner_title{ margin-top: 0px;}
    .foot .footer_list .footer_list_item:nth-child(1){width: 40%;}
    .foot .footer_list .footer_list_item:nth-child(3){ width: 25%;}
   .foot .footer_nav{gap:10px}
    /*
    .top-bar-inner{flex-direction:column;gap:8px;text-align:left}
    .top-bar-left, .top-bar-right{flex-wrap:wrap;justify-content:left;}
    .logo img{height:50px}
    .logo-text{font-size:24px}
    .nav-bar ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#2563eb;z-index:1000;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}
    .nav-bar ul.open{display:flex}
    .nav-bar li{border-bottom:1px solid rgba(255, 255, 255, 0.1)}
    .nav-bar li:last-child{border-bottom:none}
    .nav-bar a{padding:15px 20px;text-align:left;font-size:16px}
    .nav-bar li::after{display:none}
    .mobile-menu-btn{display:flex;position:absolute;right:15px;top:50%;transform:translateY(-50%)}
    .nav-bar-inner{justify-content:flex-start;padding:0}
    .consult-btn{padding:8px 16px;font-size:13px}*/

}

@media (max-width:640px){
    *{ font-size: 12px;}
    .content{width: 100%; padding: 75px 15px;}
    .header-main{position: fixed; top: 25px; left: 0; width: 100%; z-index: 9999;}
    .top-bar-inner{width: 100%; padding: 0px 15px;}
    .top-bar .top-bar-inner .top-bar-right{ display: none;}
    .search-container,.header-right{ display: none;}
    .top-bar-left{ text-align: left;}
    .header-inner{ width: 100%; padding: 0px 15px;}
    .top-bar{ font-size: 12px; height: 25px; line-height: 25px; position: fixed; top: 0; left: 0;  width: 100%; z-index: 9999;;}
    .logo img{height: 55px; padding: 2.5px 0px;}
    .mobile-menu-btn{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-60%); z-index: 999; width: 30px; height: 30px; opacity: 1; background: unset; border: 0px;}
    .mobile-menu-btn span{display:block;width:100%;height:1px;transition:all .36s;background:#333;margin-top:10px}
    .mobile-menu-btn span:nth-child(2){width:60%}
    .mobile-menu-btn.on span:nth-child(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);margin-top:24px} 
    .mobile-menu-btn.on span:nth-child(2){opacity:0}
    .mobile-menu-btn.on span:nth-child(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin-top:-12px}
    .nav-bar-inner{display: block; width: 100%; }
    .nav-bar{ position: fixed; top:80px; left: 0; z-index: 9999; width: 100%;}
    .nav-bar ul{ display: none;}
    .nav-bar a{padding: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    .nav-bar-inner nav ul.on{display: block}
     .mobile-menu-btn.on{transform: translateY(-90%);}
     .nav-bar li:hover::after{ width: 100%;}
     .home_banner{top: 80px; position: relative; width: 100%; height: 280px; margin-bottom: 85px;}
     .home_banner .swiper-container{width: 100%; height: 280px;}
     .home_banner a img{ width: 100%; height: 280px; object-fit: cover;}
     .home_banner .swiper-slide a h2{font-size: 18px; margin-bottom: 15px;}
     .home_banner .swiper-slide a h3{ font-size: 14px; font-weight: 450; line-height: 1.85; margin-bottom: 25px;}
     .home_banner .swiper-slide a .home_banner_btn span{ font-size: 14px;}
     .home_banner .home_banner_img::before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9; }
     .home_banner .swiper-slide a .home_banner_info{left: 15px;z-index: 99; padding-right: 15px;}
     .home_banner .swiper-pagination-bullet{ background: #fff; opacity: .85;}
     .home_banner .swiper-pagination-bullet-active{background: #007aff; opacity: 1;}
     .h2_title{ font-size: 32px;}
     .h3_title{ margin-bottom: 45px;}
     .home_pro_list{display: block;margin-bottom: 25px;}
     .home_pro_list .home_pro_item{ width: 100%; position: unset; padding-bottom: 15px; margin-bottom: 25px;}
     .home_pro_list .item_01{ width: 100%;}
     .home_pro_itemes, .item_01{padding-bottom: 15px;}
     .item_01 .home_pro_text,.item_01 .home_pro_pic{position: unset;}
     .item_01 .home_pro_pic{transform: translateY(0px);}

     .brand_grid{grid-template-columns: repeat(3, 1fr); gap:16px; margin-top: 0px;}
     .home_news_list{ display: block;}
     .home_news_left{ width: 100%; margin-bottom: 25px;}
     .home_news_right{ width: 100%;}
     .home_news_left h3{ font-size: 20px;}
     .home_news_left .news_more{ font-size: 14px;}
     .news_list_item .home_news_img{ width: 128px;}
     .news_list_item .home_news_con h3{ font-size: 14px; font-weight: 400; margin-bottom: 10px;}
     .news_list_item .home_news_con aside{ display: none;}
     .footer_list { gap:35px 0px}
     .foot .footer_list .footer_list_item{ width: 100% !important;}
     .footer .content{padding: 15px;}
     .footer .content *{ font-size: 10px; text-align: justify;}
     .page_banner{ margin-top:80px;}
     .pro_toolbar{margin-top: 25px;}
     .pro_pic{ aspect-ratio: 4/4;}
     .cta_bar .cta_text h3{ font-size: 18px;}
     .pi_body{ padding: 26px 15px 35px;}
     .cta_bar .btn_a{padding: 10px;}
     .pi_header .pi_brand_side{ display: none;}
     .pi_header .pi_title_box{ width: 100%;}
     .pi_photo img{ width: 100%; max-width: 100%;}
     .article_wrap{ margin-top: 25px;}
     .article_nav{ display: block;}
     .article_nav a{ width: 100%; max-width: 100%;}
     .article_nav a:last-child{margin-top: 25px; display: block;}
     .promise_item{margin-bottom: 25px;}
     .inner_title{margin-top: 0px;}
     .home_news{ background: #EDF2FA;}
     .contact_wrap{margin-top: 35px;}
}

@media (max-width:480px){

}