/* ===== 自适应响应式样式 ===== */
.blk-main2 {
  display: flex;
  gap: 30px;
}
.blk-main2 .blk-xs, .blk-main2 .blk-sm {
  min-width: 0px;
}
.blk-main2 .blk-sm {
  flex: 1;
}

/* 平板及以下 */
@media screen and (max-width: 1024px) {
  body {min-width: 100%;max-width: 100%;}
  .header, .content, .footer {width: 100%;}
  .blk { width: auto; margin: 0 15px 20px; }
  .content1 { width: auto; margin: 0 15px; }
  .content { width: auto; margin: 0 15px; }
  .blk-main { width: 100%; }
  
  .h_top .t_text { display: none; }
  .h_top .t_pho { float: none; text-align: center; padding: 5px 0; }
  .h_top .t_pho span { display: none; }
  .h_top .t_pho b { font-size: 18px; }
  
  .header .logo { float: none; display: block; text-align: center; }
  .header .logo img { max-height: 48px; }
  
  .menu { width: 100%; }
  .menu ul li { float: none; display: inline-block; }
  
  .footer .f_logo, .footer .f_cont, .footer .f_code { float: none; width: 100%; text-align: center; padding: 5px 0; }
  .footer .f_text ul li { float: none; width: 100%; margin: 8px 0; }
  .footer .f_nav { text-align: center; }
  
  .blk-sm, .blk-xs { float: none; width: auto; }
  
  .p15-showcase-left, .p15-showcase-right { float: none; width: auto; }
  .p15-showcase-left-pic ul li img { max-width: 100%; height: auto; }
  .p15-showcase { padding: 15px; }
  
  .cplb-3n-ts-03-list dl { float: none; width: auto; margin: 0 0 20px; }
  .cplb-3n-ts-03-list dl dt { float: none; width: 100%; text-align: center; }
  .cplb-3n-ts-03-list dl dt img { max-width: 100%; height: auto; }
  .cplb-3n-ts-03-list dl dd { margin-left: 0; padding: 0 10px; }
  
  .p14-product-2-list dl { float: none; width: auto; margin: 0 0 20px; }
  .p14-product-2-list dl dt { float: none; width: 100%; text-align: center; }
  .p14-product-2-list dl dt img { max-width: 100%; height: auto; }
  .p14-product-2-list dl dd { margin-left: 0; }
  
  .p14-infolist-1-list dl { padding: 15px 0; }
  .p14-infolist-1-list dl dt { float: none; width: 100%; text-align: center; }
  .p14-infolist-1-list dl dt img { max-width: 100%; height: auto; }
  .p14-infolist-1-list dl dd { margin-left: 0; padding: 10px 0; }
  
  .about1 dl dt, .about2 dl dt, .about3 dl dt { float: none; width: 100%; }
  .about1 dl dt img, .about2 dl dt img, .about3 dl dt img { max-width: 100%; height: auto; }
  .about1 dl dd, .about2 dl dd, .about3 dl dd { margin-left: 0; }
  .about1 h2, .about2 h2, .about3 h2 { width: 80%; margin: 30px auto; font-size: 22px; }
  
  .youshi_l, .youshi_r { float: none; width: auto; }
  .youshi_l img { max-width: 100%; height: auto; }
  
  .chengnuo ul li { float: none; width: auto; margin: 0 0 15px !important; }
  .chengnuo ul li img { display: block; margin: 0 auto; }
  
  .new1, .new2 { float: none; width: auto; }
  .new_c1 dl dt, .new_c2 dl dt { float: none; width: 100%; text-align: center; }
  .new_c1 dl dt img, .new_c2 dl dt img { max-width: 100%; height: auto; }
  .new_c1 dl dd, .new_c2 dl dd { margin-left: 0; }
  
  .seabox .keyword, .seabox .sea_inp { float: none; width: auto; }
  .seabox .sea_inp { margin-top: 10px; }
  .seabox .sea_inp form { text-align: center; }
  
  .hotInner ul li { width: 31.33%; margin: 1%; }
  .hotInner ul li:nth-child(4n+4) { margin-right: 1%; }
  .hotInner ul li:nth-child(3n+3) { margin-right: 0; }
  
  .b-5 .slideBox .tempWrap { width: 100% !important; }
  
  .til .ti_l, .til .ti_r { float: none; width: auto; text-align: center; }
  .til .ti_l img { max-width: 100%; height: auto; }
  .til .ti_r ul li { float: none; width: 45%; display: inline-block; margin: 5px 1%; }
  
  .lx ul li { float: none; width: auto; margin: 0 0 15px !important; }
  
  .p1-search-1-inp { float: none; width: auto; margin-top: 10px; }
  
  .fdh-01-nav .fdh-01-nav-one { float: none; width: auto; }
  .cbgg-01 { text-align: center; }
}

/* 手机 */
@media screen and (max-width: 768px) {
  .h_top {height: 60px;overflow: inherit; position: unset;}
  .h_top .header .t_con { position: relative; display: flex; align-items: center; height: 60px; padding: 0 15px; }
  .header {position: unset;}
  .header .logo { width: auto; }
  .header .logo a { display: inline-block; }
  .header .logo img { max-height: 40px; }
  
  .menu { display: none; position: absolute; line-height: 1.8; top: 60px; left: 0; right:0; width: 100%; height: auto; background: rgba(0,51,102,.95); z-index: 999; }
  .menu.active { display: block; }
  .menu ul {display: flex;flex-direction: column; width: 100%;}
  .menu ul li { display: block; border-bottom: 1px solid rgba(255,255,255,.1); }
  .menu ul li a { display: block; padding: 12px 20px; color: #fff; font-size: 15px; }
  .menu ul li.cur a, .menu ul li a:hover { background: rgba(255,255,255,.1); }
  
  .mobile-menu-toggle { display: block; position: absolute; right: 10px; top: 33px; transform: translateY(-50%); width: 36px; height: 36px; cursor: pointer; z-index: 1000; }
  .mobile-menu-toggle span { display: block; width: 24px; height: 2px; background: #333; margin: 6px auto; transition: .3s; }
  .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
  .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }
  .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px,-6px); }
  
  body, button, input, select, textarea { font-size: 13px; line-height: 1.6; }

  .banner { height: 240px; }
  .ban_p, .ban_p li {height: 240px;}
  .ban_p li a {height: 240px; background-size: cover !important;}
  .ban_t {bottom: 10px;}
  .seabox {margin-top: -15px;}
  .seabox .content {padding-left: 0;padding-right: 0; overflow: hidden;}
  
  .blk { margin: 0 10px 15px; }
  .content1 { margin: 0 10px; }
  .content { margin: 0 10px; }
  
  .about1 h2, .about2 h2, .about3 h2 { font-size: 18px; margin: 20px auto; width: 90%; }
  
  .p15-showcase-right-tit h1 { font-size: 18px; }
  
  .f_nav em { margin: 0 3px; }
  .f_nav a { font-size: 12px; }
  
  .huoban .content p a { font-size: 12px; padding: 3px 6px; }
  
  .hotOuter {height: auto;background: transparent}
  .hotInner .tit {height: auto; text-align: center;text-indent: 0;font-size: 24px; padding: 20px 0;}
  .hotInner {width: 100%;height: auto;}
  .hotInner ul {display: grid; grid-template-columns: repeat(2, 1fr);gap: 10px;}
  .hotInner ul li { width: 100%; min-width: 0; margin: 0;}
  .hotInner ul li:nth-child(3n+3) { margin-right: 1%; }
  .hotInner ul li:nth-child(2n+2) { margin-right: 0; }
  .hotInner li a {width: 100%;box-sizing: border-box; display: flex; flex-direction: column-reverse; height: 160px; white-space: nowrap;}
  .hotInner li b {font-size: 18px; white-space: nowrap;}
  .hotInner li u {width: 100%;position: relative;}
  .hotInner li div {width: 100%;text-align: center; white-space: nowrap;}

  .til {background: transparent; height: auto;}
  .til .ti_l {
    display:none;
  }
  .ti_r h3 i {font-size: 24px;}
  .case.content .b-5 {padding-top: 10px;}
  .case.content .b-5 h2 {
    background: transparent;
    padding-bottom: 00px;
    margin-bottom: 20px;
  }
  .shouyeanli ul {display:grid; grid-template-columns: repeat(2, 1fr);gap: 10px;}
  .b-5 .hd li {margin: 0; padding-bottom: 5px;}
  .shouyeanli a {line-height: 1.8;display: block;}
  .b-5 .bd {width: 100%;}
  .case {height: auto;}
  .newbox {background: #196fae; height: auto;padding: 20px 0;}
  .newbox .content {flex-direction: column;}
  .new_c2 {height: auto;}
  .new_c2 dl {display: flex; gap: 10px; height: 150px;}
  .new_c2 dd h4 {line-height: 1.7;}
  .new_c2 dl dt {width: 130px}
  .new_c2 dl dt img {aspect-ratio: 1/1; object-fit: cover;}
  .new_c2 dl dd {flex: 1;}
  .new_c2 dd p {-webkit-line-clamp: 2;}

  .client-2 { display: none; }

  .p1-search-1 {
    height: auto;
    display: none;
  }
  .p1-search-1 p {
    margin-top: 10px;
    line-height: 1.8;
  }
  .seabox .sea_inp .serach { width: 160px; }
  
  .p12-curmbs-1 { font-size: 12px; }
  .p12-curmbs-1 span { font-size: 12px; }
  
  .p14-product-2-tit b { font-size: 16px; }
  .p15-infocontent-1-tit { font-size: 18px; }
  
  .lx .lx1 #map { height: 250px !important; }
  .lx1 #map { height: 250px !important; }
  
  .tableScrolling { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .tableScrolling table { min-width: 600px; }
  
  img { max-width: 100%; height: auto; }
  
  .link .content p a { font-size: 12px; padding: 2px 5px; }
  
  .f_bj .f_con .f_logo, .f_bj .f_con .f_cont { float: none; width: 100%; text-align: center; }
  .f_bj .f_con .f_code { float: none; margin: 10px auto; }
  
  .abobox .about_w { padding: 20px 10px; }
 
  .h_top .t_pho b { font-size: 16px; }

  .blk-main2 {
    flex-direction: column;
  }
  .blk-xs {
    flex: 1;
  }
  .fdh-01-tit {height: 50px;margin-bottom: 10px;}
  .fdh-01-tit h3 {height: 50px; line-height: 50px;}
  .fdh-01-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .fdh-01-nav .fdh-01-nav-one {flex: 1;min-width: 0;}
  .fdh-01-nav-one h3 {background: transparent; height: 32px; line-height: 32px; border: solid 1px #609eea;margin: 0; border-radius: 4px; text-align: center;}
  .fdh-01-nav-one h3 a {margin: 0;height: 32px;}
  .cbgg-01 {display: none;}
  .p15-showcase-left {margin: 0;}
  .p15-showcase-right-tit {margin-bottom: 0px;}
  .pc-cx-tel-1 {width: 100%;right: 0;padding-right: 10px;box-sizing: border-box;}
  .youshi {height: auto;}
  .youshi_r {height: auto;}
  .youshi_r ul li {height: 40px;line-height: 20px;display: flex;}
  .youshi_r ul li p {line-height: 20px;}
  .chengnuo {height: auto;}
  .chengnuo ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .chengnuo ul li {margin-bottom: 10px; padding-top: 10px;}
  .p14-product-2-list {grid-template-columns: repeat(2, 1fr);}
  .p14-product-2-list dl {margin-bottom: 0; }
  .cb-lv {display: flex; flex-wrap: wrap;}
  .wzly a {line-height: 1.6;}
  .px {padding: 0;}
  .px p {padding-left: 0;}
  .px ul {margin-left: 10px; margin-right: 10px;}
  .f_nav {display: none;}
  .f_bj {padding: 0;height: auto;}
  .f_text {height: auto; padding: 0 10px;}
  .f_text ul {overflow: hidden;}
  .footer .f_text ul li {padding-left: 90px;}
  .f_con {display: none;}
  .huoban {display: none;}
  .about1 dl dd {width: 100%; margin-top: 30px;}
  .about2 {background: transparent;}
  .about2 dl dd {width: 100%;}
  .about3 ul li {width: 100%;margin-bottom: 20px;}
  .about3 ul li b {height: auto;}
  .about3 ul li h3 {width: 100%;}
  .about3 ul li span {width: 100%;}
  .show_cb {margin-left: 10px; margin-right: 10px;overflow: hidden;}
  .cplb-3n-ts-03 {margin-left: 10px; margin-right: 10px;}
  .cplb-3n-ts-03-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .cplb-3n-ts-03-list dl {min-width: 0;height: auto;margin-bottom: 0px;}
  .mainPage u a {margin-bottom: 10px;}
  .p14-infolist-1 {margin-left: 10px; margin-right: 10px;}
  .p14-infolist-1-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .p14-infolist-1-list dl {padding-top: 0px;}
  .p14-infolist-1-list dl dt {margin-right: 0px;}
  .p14-infolist-1-list dl dd {padding: 0 10px;}
  .p14-infolist-1-list-deta {display: none;}
  .p14-infolist-1-list-desc {margin-bottom: 0px;}
  .p12-aboutinfo-1  {width: 100%;}
  .lx h2, .lx1 h2 {font-size: 24px;width: 50%;}
  .lx p {background-size: 100%; background-color: #f4f4f4; background-position: 0px 10px; padding: 10px 10px 10px 75px; height: auto;}
  .lx ul li {height: auto;padding-bottom: 20px;}
  .lx li.last {float: none;}
}

/* ===== 移动端底部导航 ===== */
.mobile-footer-nav { display: none; }

@media screen and (max-width: 768px) {
  .mobile-footer-nav {
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 52px;
    background: #0596f3;
    border-top: 1px solid #e0e0e0;
    z-index: 9998;
    align-items: center;
    justify-content: space-around;
  }
  .mobile-footer-nav a {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    padding: 2px 0;
  }
  .mobile-footer-nav a span {
    display: block;
    width: 24px;
    height: 24px;
    margin-bottom: 2px;
  }
  .mobile-footer-nav a span img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .mobile-footer-nav a:active { color: #e3232f; }
  body { padding-bottom: 52px; }
}