@charset "utf-8"; 

@media screen and (min-width:2000px) {
 .idxservimg {height: 360px;}
}
@media screen and (min-width:1800px) {
 .idxservimg {height: 360px;}
 .f60 {font-size:50px;}
}


@media screen and (max-width:1800px) {
    .nav>ul>li>a {padding: 0px 15px;}
      .container {width: 95%;padding-inline: 0px ;}
      .idxprodesc h3 {height: 50px;}
      .bannertxt h1 {font-size: 40px;}
      .bannertxt h2 {font-size: 30px;}
      .soludesc {padding: 0px 10%;}
    .idxvaulebox ul li {width: 23%;}
    .idxvaulebox ul li h3 {font-size: 30px;}
    .idxvaulebox ul li p {font-size: 18px;}
    .problem-card {padding: 20px;}
    .bannerl_txtbox {width: 50%;}
    .idxggbanner .bannerimg {height:75vh;}
    .idxggbanner .bannerl_txtbox {padding-top: 0px;}
    .idxggbanner .bannerl_btn {margin-bottom: 0px;}
    /*.prodeva_lides p {font-size: 18px;}*/
    .proinval  .prodeva_lides h3 {font-size: 24px;}
    .profeat_r ul li {line-height: 2.1;}
    .prodeva_box ul li {height: 300px;}
    .proinval_box ul li {height: 268px;}
    .proinval_box2 ul li {height: 290px;}
    .chclengerboxdesc h3 {font-size: 26px;}
    .prode_value {padding: 0px;}
    .prodeva_box2 ul li {height: 320px;}
    .prodeva_box4 ul li {height: 270px;}
    .casepagebot h2 {padding: 20px 5% 0px;}
    .prodeftit h4 {padding:20px 15% 30px;}
    .abpgwho p{padding: 0px 10%;}
   .f60 {font-size:50px;}
    .idxggbanner .bannerl_txtbox h3 {padding:20px 0px;font-size:40px;}
    .idxggbanner .bannerl_txtbox h6 {font-size:14px;}
    .idxggbanner .bannerl_txtbox h4 {margin-bottom:15px;}
}

@media screen and (max-width:1500px) {
    .f50 {font-size: 40px;}
    .nav>ul>li>a {padding: 0px 10px;}
    /* .idxservtxtbot p {height: 50px;} */
    .idxquare ul li h4 {font-size:18px;}
    .idxquare ul li p {font-size:14px;}
    .footitem dl dd a,.footitem h4 {font-size: 16px;}
    .idxfeap .idxtit p {padding: 0px 14%;}
    .bannerbot ul li {font-size: 14px;}
    .idxquare ul li h4 {font-size: 16px;}
    .idxquare ul li p {font-size: 13px;}
    .idxprobox ul li {height: 300px;}
    .idxservimg {height: 200px;}
    .idxservtxtbot {padding: 15px;}
    .idxservtxtbot h3 {font-size: 18px;}
    .footlbot li {font-size: 12px;}
    .prohb_img {height: 280px;}
    .engerpbot_img {height: 100%;}
    .engerpbot_box ul li {height: 400px;}
    .prolistbanner {width: 45%;}
    .engerpbot_txt {padding: 30px;}
    .app_pltoplist li {padding: 20px 10px;}
    .app_pltoplist li p {font-size: 20px;}
    .app_pltoplist li a img {height: 60px;}
    .app_pltoplist li:hover a p {letter-spacing: 0.5px;}
    .appengerbott .prohenger_box ul li img {height: 50px;}
    .appengerbott .prohenger_box ul li p {font-size: 18px;}
    .app_plbli_img {height: 220px;}
    .apphomept_table a {font-size: 20px;}
    .abpteamli_img {height: 250px;}
    .abpdevebox ul li {height: 350px;}
    .abpagebott .prohenger_box ul li p {font-size: 16px;}
    .abpagebott .prohenger_box ul li img {margin-right: 15px;}
    .abpagetitel {padding: 0px 20%;}
    .blogp_detailtop p span {font-size: 15px;}
    .blogp_detailtop  p {margin-top: 12px;}
    .contact_llist li img {height: 44px;}
    .contact_llist li a {padding-top: 8px;}
    .contact_rform textarea {height: 161px;margin-bottom: 20px;}
    .contact_l {width: 49%;}
    .contact_lbox {margin-bottom: 20px;}
      .soludesc {padding: 0px 27%;}
      .soludesc p {padding: 0px;}
      .solulistdes h3 {padding-right: 50%;}
      .solulistp_des {padding: 0px 50px 0px 15%;}
      .solulistp li:nth-child(2n) .solulistp_des {padding:0px 15% 0px 50px;}
    .idxwhy {padding: 0px ;}
    .tab-menu-area {width: 32%;}
    .problem-title {font-size: 18px;}
    .idxtit p.w50 {width: 100%;}
    .page-container {padding: 0px 0px;}
    .idxwhytit {width: 50%;}
    .f60 {font-size: 40px;}
    .idxwhytit h6 {font-size: 14px;}
    .idxvauleicon img {height: 70px;}
     .idxvaulebox ul li {height: 250px;padding: 30px;}
    .idxvaulebox ul li h3 {font-size: 20px;}
    .idxvaulebox ul li p {font-size: 16px;}
    .tab-title {font-size: 18px;}
    .prodeva_liico img {height: 80px;}
    .prodeva_lides h3 {font-size: 20px;}
    .prodeva_lides p {font-size: 16px;}
    .bannerl_btn_y {font-size: 14px;}
    .prodet_l h4 {font-size:30px;}
    .prodet_l p,.profeat_r ul li ,.protyp_lides h3{font-size: 16px;}
    .profeat_l img {width: 44%;}
    .profeat_l2 img {width: 50%;padding: 0px;}
    .chclengerboxdesc p {font-size: 16px;line-height: 1.6;}
    .casetables table tr>td {font-size: 16px;}
    .casepagebot h2 {padding: 20px 0% 0px;}
    .prodeftit h4 {padding:20px 5% 30px;}
    .chclsolubox2 ul li .chclsoluboximg {margin-right: 0px;width: 30%;}
    .chclsolubox2 ul li .chclsoluboximg img {height: 80px;}
    .techdeephbox3 ul {padding:0px;}
    .abpman_list ul li h4 {font-size: 24px;}
    .abpman_list ul li p {font-size: 18px;}
    .idxgfnumbox ul li {width: 200px;height: 200px;}
    .indcgf {font-size: 20px;}
    .idxggbanner .bannerl_txtbox h3 {padding:20px 0px;font-size:30px;}
    .idxggbanner .bannerl_txtbox h6 {font-size:14px;}
    .idxggbanner .bannerl_txtbox h4 {margin-bottom:15px;}
 }

@media screen and (max-width:1300px) {
    /* .logo a img {height: 50px;} */
    .nav>ul>li>a {font-size: 17px;}
    .f50 ,.f40{font-size: 30px;}
    .f36 {font-size: 26px;}
    .f30,.f24 {font-size: 20px;}
    .idxmanboxtxt h3 {font-size: 17px;}
    .idxmantxt_r p i {line-height: 1.4;font-size: 14px;}
    .footitem dl dd a, .footitem h4 ,.footcontact dl dd a span, .footcontact dl dd i{font-size: 14px;}
    .bannerl_txtbox p {font-size: 14px;}
    .prohb_img {height: 250px;}
    .engerpbot_img {height: 100%;}
    .engerpbot_box ul li {height: 350px;}
    .prolip_listboximg {height: 220px;}
    .prohome_bot {padding-bottom: 40px;}
    .proplikesimg {height: 200px;}
    .app_pltoplist li p {font-size: 16px;}
    .app_pltoplist li a img {height: 50px;}
    .app_pltoplist li:hover a p {letter-spacing: 0.5px;}
    .app_plbli_img {height: 200px;}
    .abpteamli_img {height: 220px;}
    .abpdevebox ul li {height: 300px;}
    .soludesc {padding: 0px 32%;}
    .idxvaulebox ul li {width: 23%;padding: 30px 20px;height: 250px;}
    .idxvauleicon i {font-size: 26px;}
    .idxvaulebox ul li h3 {font-size: 24px;}
    .idxvaulebox ul li p {font-size: 15px;}  
    .tab-desc{font-size: 14px;}
    .tab-tag {font-size: 12px;}
    .tab-title {font-size: 18px;}
    .problem-text {font-size: 14px;}
    .image-caption {height: 95px;}
    .prodeva_box ul li {padding: 30px 20px;}
    .prodeva_liico img {height: 60px;}
    .prodeva_box ul li {height: 250px;}
    .proinval_box ul li {height: 220px;}
    .proinval_box2 ul li {height: 240px;}
    .prodeva_box2 ul li {height: 280px;}
    .prodeva_box4 ul li {height: 250px;}
    .tecopabox3 ul {padding: 0px;}
    .f26,.f28 {font-size: 20px;}
     .footcontact dl dd.footicos {background-size: 15px;padding-left: 30px;}
    .footcontact dl dd.footlinks a {padding: 5px;font-size: 12px;}
}

@media screen and (max-width:1100px) {
    .logo a img {height: 50px;}
    .topr {padding-top: 35px;}
    .nav>ul>li>a , .topr span{font-size: 15px;}
    .topr i.fa-globe {font-size: 18px;}
    .topr ul li a {font-size: 16px;}
    .idxprobox_pro ul,.idxprobox ul  {justify-content: flex-start;}
    .idxprobox_pro ul li ,.idxprobox ul li{width: 32%;margin: 0px 1% 20px 0px;}
    .idxreq_l {width: 70%;}
    .bannertxt h1 {font-size: 30px;}
    .bannertxt h2 {font-size: 20px;}
    .bannertxt h3,.bannerbot ul li {font-size: 16px;}
    .idxservtxtbot h3 {font-size: 18px;}
    .idxprotxt h3 {font-size: 18px;}
    .idxquare ul li {padding: 30px 15px 0px;}
    .idxquare ul li h4 {font-size: 16px;}
    .idxquare ul li p {font-size: 12px;}
    .idxmanbox ul li {height: 360px;}
    .idxmanboxtxt {height: 50%;padding: 15px;}
    .idxmantxt_r p i {font-size: 13px;}
    .bannerl_txtbox {width: 55%;}
    .f50 {font-size: 26px;}
    .f36 {font-size: 20px;}
    .bannerl_txtbox h2 {padding-right: 0px;}
    .bannerl_btn_y {font-size: 12px;padding: 10px;}
    .prohtop_box ul li, .prohbot_box ul li {width: 48%;}
    .prohb_img {height: 250px;}
    .engerpbot_img {height: 100%;}
    /* .engerpbot_box ul li {height: 350px;} */
    .engerpbot_txt p {font-size: 15px;}
    .prolistp_ctabox {background-size: auto 90%;}
    .prolistp_egrdbox ul li {font-size: 14px;}
    .prolip_listbox ul li {width: 49%;}
    .prolip_listbox ul li:nth-child(3n) {margin-right: 2%;}
    .prolip_listbox ul li:nth-child(2n) {margin-right: 0px;}
    .prolip_listboximg {height: 200px;}
    .propt_r p {font-size: 14px;}
    .propb_next ul li span {width: 80%;}
    .propb_next ul li:nth-child(2) span {text-align: right;}  
    .engerpbot_item ul li p {font-size: 16px;} 
    .apphomept_table a img {height: 20px;} 
    .prolist_topbox table tr td {padding: 15px 10px;}
    .app_pltoplist li a img {height: 44px;margin-right: 10px;}
    .app_plbli_img {height: 170px;}
    .app_plbli_txt p {height: 50px;}
    .abpagebott .prohenger_box ul li p {font-size: 14px;}
    .abpagebott .prohenger_box ul li img {margin-right: 5px;height: 25px;}
    .blogp_detailtop p span {font-size: 14px;}
    .contact_llist li a {font-size: 15px;}
    .contact_rform textarea {height: 140px;}
    .solulistp li {height: 35vh;}
    .tab-title {font-size: 18px;} 
    .idxvaulebox ul li {height: 250px;padding: 20px;}
    .idxvaulebox ul li p {font-size: 14px;}
    .idxvaulebox ul li h3 {font-size: 20px;}
    .tab-title,.problem-title {font-size: 16px;}
    .idxwhytit h2 {font-size: 30px;}
    .protyp_box ul li {height: 240px;}
    .profeat_l img {width: 55%;}
    .profeat_l2 img {width: 68%;}
    .prodeva_lides p{line-height: 1.2;}
    .prodeva_box ul li {height: 280px;}
    .proinval_box ul li {height: 240px;}
    .protyp_box ul li {height: 200px;}
    .prodefoot {padding: 50px;}
    .chclengerboxdesc h3,.chclsoluboxdesc h3,.chclwhybox_desc h3 {font-size: 20px;}
    .chclengerboxdesc p,.chclsoluboxdesc p,.chclwhybox_desc p {line-height: 1.4;font-size: 15px;}
    .chclsoluboximg img {width: auto;object-fit: contain;}
    .teheatexbox4 ul li {height: auto;}
    .tewhyflubox2 .prodet_l h4 {margin: 10px 0px ;}
    .chclsolubox2 ul li .chclsoluboximg img {height: 60px;}
    .abpman_list ul li {height: 220px;}
    .abpgquabox ul li {height: 250px;}
    .bannerl_txtbox h4 {font-size: 17px;}
    .idxggbanner .bannerl_txtbox {width:100%;}
}

@media screen and (max-width:990px) {
    .nav>ul>li>a {padding: 0px 5px;}
    .idxmanbox ul li,.idxprobox ul li {height: 300px;}
    .f24 {font-size: 20px;}
    .idxmanboxtxt {height: 60%;padding: 15px 10px;}
    .idxmanboxtxt h3 {font-size: 13px;margin-bottom: 10px;}
    .idxmantxt_r p {font-size: 14px;}
    .idxfeapbox_r ul li {padding-right: 10px;}
    .idxfeapbox_r ul li h4 {font-size: 16px;margin-top: 15px;}
    .idxfeapbox_r ul li i {display: block;height: 60px;}
    .idxquare ul li {padding: 40px 10px 15px;height: 300px;justify-content: flex-start;}
    .idxquare ul li i {font-size: 50px;}
    .idxquare ul li h4 {font-size: 20px;}
    /* .idxservtxtbot p {height: 70px;} */
    .footitem dl dd a {font-size: 16px;}
    .topr {margin-left: 72%;}
    .topr i.fa-globe {font-size: 16px;} 
    .idxservbox ul li,.idxpronav ul li {width: 49%;}
    .idxquare ul li {width: 48%;margin-bottom: 20px;height: 350px;}
    .idxquare ul li h4 {height: auto;margin-bottom: 30px;}
    .idxmantxt_r p {line-height: 1.4;}
    .idxmantxt_r p i ,.idxmantxt_rmore span{font-size: 12px;}
    .footitem {padding: 20px 10px;}
    .footitem dl dd a, .footitem h4,.footcontact dl dd a span, .footcontact dl dd i ,.footlbot li{font-size: 12px;}
    .idxpronav ul li:nth-child(3n) {margin-right: 1%;}
    .idxservtxtbot p {font-size: 12px;}
    .idxtit p {font-size: 16px;}
    .prohenger_box ul li {justify-content: center;}
    .prohenger_box ul li p {font-size: 14px;}
    .prohenger_box ul li img {height: 24px;margin-right: 10px;}
    .prohenger_bottit h4 {font-size: 20px;}
    .prohtop_box ul li a {font-size: 18px;}
    .prohb_img {height: 220px;}
    .engerpbot_img {height: 100%;}
    .engerpbot_box ul li {height: 300px;}
    .prolistp_egrdbox ul {width: 100%;}
    .prohenger_box ul li p {font-size: 12px;}
    .engprocess {padding: 0px;}
    .engprocess ul li {font-size: 16px;}
    .engprocessico {height: 16px;}
    .neibanner .prolistbanner {width: 50%;}
    .app_pltoplist li a img {height: 22px;margin-right: 7px;}
    .app_pltoplist li p {font-size: 12px;}
    .app_plbli_txt p ,.appengerbott .prohenger_box ul li p{font-size: 15px;}
    .appengerbott .prohenger_box ul li img {height: 36px;margin-right: 8px;}
    .abpagetitel {padding: 0px 10%;}
    .abpteamli_img {height: 150px;}
    .abpdevebox ul li {height: 222px;}
    .abpagebott .prohenger_box ul li {width: 50%;margin-bottom: 10px;}
    .abpteamli_desc h3 {font-size: 18px;}
    .contact_llist li a {font-size: 14px;width: 75%;}
    .contact_llist li img {height: 35px;}
    .contact_rform input {margin-bottom: 18.5px;}
    .contact_lbox_b p,.contact_lbox_b ul li {font-size: 15px;}
    .solulist ul li {width: 100%;}
    .idxvaulebox ul li {width: 48%;padding: 35px 20px;margin-bottom: 20px;}
    .idxvaulebox ul li:nth-child(3){border-left: 0px;}
    .idxvaulebox ul {flex-wrap: wrap;gap: 20px;}
    .solulistp li {height: 30vh;}
    .solulistp_des {padding: 0px 20px 0px ;}
    .solulistp li:nth-child(2n) .solulistp_des {padding: 0px 20px 0px ;}
    .solulistp_des p {font-size: 16px;}
    .solulistp_deslist dd {line-height: 1.6;font-size: 14px;} 
    .idxtit h4 {font-size: 16px;}
    .main-image {height: auto;}
    .f60 {font-size:30px;}
    .idxwhytit h4 ,.idxwhytit h3{font-size: 16px;}
    .idxwhy {padding: 30px 0px;}
    .content-wrapper,.content-grid {height: auto;}
    .problems-column {gap: 20px;}
    .idxggbanner .bannerl_txtbox h2 {font-size: 16px;}
    .idxggbanner .bannerl_txtbox h4,.idxggbanner .bannerl_txtbox h6 {font-size: 18px;}
    .prodeva_box ul li {width: 48%;margin-bottom: 20px;}
    .protyp_box ul li {width: 48%;margin-bottom: 20px;}
    .protyp_box ul li:nth-child(3n) {margin-right: 2%;} 
    .prodefoot {padding: 80px 20px;}
    .prodeftit h4 {padding: 20px 0px;}
    .footitem dl dd {margin-bottom: 0px;}
    .fcopybox p,    .fcopybox a {font-size: 12px;}
    .prodet_l h4 {font-size: 24px;}
    .profeat_l img,.prodejgp_img img {width: 100%;}
    .prodet_l p, .profeat_r ul li, .protyp_lides h3,.ccalboxdes p {font-size: 15px;line-height: 1.4;}
    .prodeva_box ul li {height: 240px;}
    .prodet_l ul li {font-size: 16px;line-height: 1.5;}
    .chclengerbox ul li {width: 49%;margin-bottom: 10px;}
    .prode_value {padding: 0px;}
    .f26 {font-size: 20px;}
    .prodet_ltedl dd {width: 50%;margin-bottom: 20px;}
    .teheexbox1 table tr td {font-size: 16px;}
    .teheatexbox4 ul li {height: auto;}
    .abpgwho p {padding: 0px;}
    .abpman_list ul li {padding: 20px 10px;height:180px;}
    .abpman_list ul li h4 {font-size: 20px;}
    .abpman_list ul li p {font-size: 14px;}
    .idxgfnumbox ul li {width: 120px;height: 120px;}
    .numCXgf {font-size: 24px;}
    .indcgf {font-size: 16px;}
    .abpgquabox ul li {height: 190px;}
    .image-caption p {height:auto;}
}

@media screen and (max-width:767px) {
    .idxwhytit {width: 100%;}
    .idxwhytit h6 {padding: 0px;background: none;}
    .idxwhyline {opacity: 0;margin-top: 20px;}
    .topbox {height: 60px;}
    .wapnavxl {top: 59px;}
    .wapnavxl ul {padding: 0px 10px ;}
    .wapnavxl ul li {padding:15px  10px;}
    .wapnavxl>ul>li>a {font-size: 16px;}
    .wapernavxl>a {font-size: 14px;}
    .wapernavxl {padding: 10px;}
    .wapsannavxl {margin: 10px 0px 0px;}
    .wapsannavxl>a {padding: 5px 10px;border-radius: 2px;margin-bottom: 10px;font-size: 11px;}

    .bannerl_txtbox {width: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(20, 39, 66, 0) 100%);}
    .bannerl_txt .con1700 {width: 100%;padding: 0px 10px;}
    .bannerl_txtbox p {font-size: 12px;}
    .f50 {font-size: 20px;}
    .bannerl_txtbox h2 {font-size: 20px;}

    .bannertxt {width: 100%;}
   .f50 ,.f40{font-size: 24px;}
    .f30,.f24 {font-size: 18px;}
    .f20 {font-size: 16px;}
    .bannertxt h3 {padding:20px 0px;}
    .bannertxt dd p {font-size: 15px;}
    .idxa_color,.idxa_line {padding: 6px 13px;border-radius: 3px;}
    .bannertxtlink a,.bannericos li p {font-size: 13px;}
    .bannericos li img {height: 50px;}
    .bannericos li {margin-right:15px;}
    .bannertxtlink {margin: 15px 0px 30px;}
    .bannerdl {margin-top: 0px;}

    .pd100,.pd60 {padding: 30px 0px;}
    .idxtit p {font-size: 14px;}
    .idxtit h2 {font-size: 20px;}

    .con1700 {width: 90%;}

    .idxprobox_pro ul li,.idxprobox ul li,.idxmanbox ul li,.idxfeapbox_l,.idxservbox ul li {width: 100%;}
    .idxprodesc h3 {height: auto;}

    .idxabout .bannertxt {width: 100%;}
    .idxabout .bannertxt dd p {font-size: 13px;}
    .idxabout .bannerdl {margin-top: 30px;}
    .idxfeapbox {margin: 50px 0px;}
    .idxfeapbox_r {width: 100%;}
    .idxfeapbox_r ul li {width: 100%;padding: 0px;margin-top: 40px;}
    .idxquare ul li {width: 49%;margin-bottom: 10px;}
    .idxservbox ul li {margin-bottom: 30px;}
    .idxreq_l {width: 100%;margin-bottom: 30px;}
    .footitem {display: none;}
    .footitem:first-child, .footitem:last-child  {width: 100%;display: block;border-left: 0px;min-height: auto;padding: 10px;}
    .footitem dl dd a {margin-bottom: 10px;}
    .fcopubox_l {width: 100%;text-align: center;margin-bottom: 10px;}
    .fcopubox_r {width: 100%;text-align: center;}
    .topr {margin-left: 50%;padding-top:20px;}
    .topr ul {top: 58px;right: -20px;}
    .bannerbot ul li {font-size: 9px;}
    /* .idxservtxtbot p {height: 50px;} */
    .idxfeap .idxtit p {padding: 0px;}
    .idxquare ul li {width: 100%;height: auto;padding-bottom: 50px;}
    .idxmanboxtxt {height: auto;}
    .idxmantxt_rmore {margin-top: 10px;}
    .idxreqimgs {display: none;}
    .footitem:first-child {text-align: center;margin-bottom: 40px;}
    .footlbot li {font-size: 10px;}
    .fcopubox_l p,.fcopubox_r a {font-size: 12px;}
    .prohtop_box ul li, .prohbot_box ul li {width: 100%;}
    .prohb_img {height: auto;}
    .engerpbot_img {height: 100%;}
    .prohenger_box ul li {width: 48%;justify-content: center;margin-bottom: 20px;}
    .prohenger_box {padding-bottom: 0px;}
    .prohenger_box ul li p {font-size: 12px;}
    .prohenger_bottit h4 {font-size: 16px;}
    .prolist_topbox table tr td {font-size: 10px;padding: 10px;}
    .prolist_topbox table tr:first-child td {font-size: 20px;} 
    .prolip_listbox ul li {width: 100%;}
    .prolip_listboximg {height: auto;}
    .prolistp_egrdbox {margin-top: 20px;}
    .prolistp_egrdbox ul li {margin-bottom: 10px;}
    .prolistp_ctabox {background: none;}
    .propt_l {width: 100%;margin-bottom: 20px;height: auto;}
    .propt_r {width: 100%; }
    .propb_detail h3 {width:150px;;}
    .propb_next {display: none;}
    .proplikebox {padding: 20px 0px 60px;}
    .engerpbot_item ul li p {font-size: 10px;}
    .engprocess ul li {font-size: 12px;}
    .engprocessico {height: 12px;}
    .engerlist_top a,.engerptop table a,.apphomept_table a {font-size: 13px;letter-spacing: 0px;}
    .apphomept_table a img {height: 12px;}
    .neibanner .prolistbanner {width: 100%;}
    .app_pltoplist li,.app_plbotlist li {width: 100%;}
    .app_pltoplist li a img {height: 40px;}
    .app_pltoplist li p {font-size: 16px;}
    .app_plbli_txt p,.app_plbli_img {height: auto;}
    .appengerbott .prohenger_box ul li img {height: 30px;margin-right: 5px;}
    .appengerbott .prohenger_box ul li p {font-size: 11px;}
    .applist_botlinks a {padding: 10px 20px;}
    .abpagetitel {padding: 0px 10px;}
    .abpteamlist ul li,.abpagebott .prohenger_box ul li {width: 100%;}
    .abpteamli_img {height: auto;}
    .abpdevebox ul li {width: 100%;margin-bottom: 20px;}
    .blogp_detailtop p span {font-size: 12px;}
    .blogp_detailtop p {margin-top: 10px;}
    .propb_content p {font-size: 15px;}
    .contact_l {width: 100%;}
    .idxvaulebox ul li {width: 100%;padding: 30px 20px;}
    .idxvaulebox ul {gap: 15px;}
    .idxvaule .idxtit h2 {font-size: 22px;}
    .contact_lbox,.contact_r {padding: 30px 15px;}
    .soludesc {padding: 0px;}
    .solulistimg {height: 250px;}
    .solulistdes h3 {padding-right: 0px;}
    .solulistdes {background: linear-gradient( to right , rgba(255,255,255),rgba(255,255,255,.0));}
    .solulistdes img {height: 40px;}
    .solulistdes a {margin-top: 10px;}
    .solulistp_des,.solulistp_img {width: 100%;}
    .solulistp li {height: auto;}
    .solulistp_des,.solulistp li:nth-child(2n) .solulistp_des {padding: 20px;}
    .solulistp_des h3 {padding: 0px 0px 10px ;}
    .solulistp_des p {padding-bottom: 10px;}
     .idxvaulebox ul li  {border-left: 0px;height: auto;}
     .idxtit2 h2 {padding: 0px;}
     .idxvaulebox ul li {margin-bottom: 0px;padding: 10px 20px;}
     .idxtit h5,.idxtit h4 ,.idxtit h6{font-size: 10px;}
     .footitem h2 {margin-bottom: 30px;}
     .image-slide {width: 100%;}
     .image-caption,.image-area img ,.idxggbanner .bannerimg{height: auto;}
     .idxpronav .idxprotxt h4 {font-size: 14px;line-height: 1.4;} 
     .idxggbanner .bannerl_txt {position: unset;}
     .idxggbanner .bannerl_txtbox {background: #eef3f7;}
      .idxggbanner .bannerl_txt .con1700 {background: #eef3f7;}
      .idxggbanner .bannerl_txtbox h4, .idxggbanner .bannerl_txtbox h6 {font-size: 15px;}
.f26,.protyp_lides h3 {font-size: 18px;}
      .prodet_l h4 {font-size: 20px;margin: 20px 0px;}
      .prodet_l,.prodet_r,.prodeva_box ul li,.protyp_box ul li,.chclwhybox ul li {width: 100%;}
      .prode_value {padding: 0px 0px;}
      .profeat_r {padding-top: 20px;}
      .profeat_r ul li {font-size: 16px;}
      .prodeftit h5 {font-size: 12px;}
      .prodefoot {padding: 50px 10px;}
      .prodejgp_img img,.chclengerbox ul li,.chclsolubox ul li,.casetabbot p{width: 100%;}
      .prodeva_box ul li ,.chclengerbox ul li{height: auto;}
      .chemicalitem2 ul li {width: 100%;height: 200px;}
      .ccalboximg {height: 35%;}
      .chclwhybox_img {width: 20%;}
      .chclwhybox_img img {width: 80%;height: auto;}
      .chclwhybox_desc {width: 75%;padding-left: 0px;}
      .chclsolubox ul li {padding: 20px ;}
      .casetables {overflow: scroll;width: 100%;}
      .casetables table {min-width: 700px;}
      .induspagefoot h2 {font-size: 20px;padding: 0px;}
    .prodeftit h4 {padding:20px 0% 30px;}
    .techpagepic img {max-width: 100%;}
    .techpageitem {margin-top: 0px;}
    .tecopabox3 ul li {border: 0px;width: 50%;height: auto;margin-bottom: 30px;}
    .tecopabox3 ul li h3 {font-size: 16px;}
    .teheexbox1 {overflow: scroll;}
    .teheexbox1 table {width: 800px;}
    .prodet_r img {padding: 0px;margin-bottom: 20px;}
    .techdeephbox3 ul li {width: 100%;}
    .techdeephbox3imgs {height: auto;}
    .abpman_list ul li {width: 49%;height: 150px;margin-top: 7px;}
    .abpman_list ul li h4 {font-size: 16px;}
    .abpman_list ul li p {font-size: 13px;}
    .abpgman_tit {padding-top: 40px;}
    .abpgmanpic {height: 500px;object-fit: cover;}
    .idxgfnumbox  ul::after,.idxgfnumbox  ul::before {display: none;}
    .idxgfnumbox ul li {width: 160px;height: 160px;margin-bottom: 10px;}
    .abpgprgectimgs {height: 400px; object-fit: cover;}
    .abpgquabox ul li {width: 49%;margin-bottom: 8px;}
}

/* ===================== 响应式CSS（区分屏幕分辨率） ===================== */
@media (max-width: 1200px) {
    .solution-container {
        padding: 0 0px;
    }

    .tab-menu-area {
        width: 320px;
    }

}

@media (max-width: 992px) {
    .content-wrapper {
        flex-direction: column;
    }

    .tab-menu-area {
        width: 100%;
    }

    .main-title {
        font-size: 40px;
    }
}

@media (max-width: 768px) {

    .main-title {
        font-size: 32px;
    }

    .sub-desc {
        font-size: 15px;
    }

    .tab-title {
        font-size: 18px;
    }

    .tab-desc {
        font-size: 14px;
    }

    .top-label {
        font-size: 13px;
    }
}

@media (max-width: 576px) {

    .main-title {
        font-size: 28px;
    }

    .sub-desc {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .tab-item {
        padding: 20px 0;
    }

    .tab-title {
        font-size: 17px;
    }

    
}

/* ===================== 响应式CSS（按屏幕分辨率区分） ===================== */
@media (max-width: 1200px) {

    .problems-column {
        width: 320px;
    }

    .problem-title {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .content-grid {
        flex-direction: column;
    }

    .problems-column {
        width: 100%;
        order: 2;
    }

    .image-column {
        width: 100%;
        order: 1;
        margin-bottom: 25px;
    }

    .main-title {
        font-size: 34px;
    }
}

@media (max-width: 768px) {

    .main-title {
        font-size: 28px;
    }

    .main-desc {
        font-size: 16px;
    }

    .problem-title {
        font-size: 17px;
    }

    .problem-text {
        font-size: 14px;
    }

    .top-badge {
        font-size: 12px;
    }

    .image-label {
        font-size: 13px;
        padding: 5px 10px;
    }
}

@media (max-width: 576px) {
   

    .main-title {
        font-size: 24px;
    }

    .main-desc {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .problem-card {
        padding: 20px;
    }

    .problem-title {
        font-size: 16px;
    }

    .footer-tags {
        font-size: 13px;
    }

    /* 小屏调整标签位置，避免遮挡 */
    .label-1 {
        top: 35%;
        left: 45%;
    }

    .label-2 {
        top: 45%;
        right: 8%;
    }

    .label-3 {
        bottom: 15%;
        right: 10%;
    }
}