/* Mobile layer for the generated home page. Keep desktop layout unchanged. */
.mobile-menu-toggle,.home-mobile-nav,.mobile-hero{display:none}
@media (min-width:1200px){.ban_top{left:50%;transform:translateX(-50%)}}
@media (max-width: 1199px){
  html,body{width:100%;min-width:0;max-width:100%;overflow-x:clip}
  body{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.55}
  img,video{max-width:100%;height:auto}
  #nav{height:auto;min-height:32px}
  #nav .nav{width:100%;padding:4px 16px}
  #nav .nav_left{float:none;width:100%}
  #nav .nav_left p{font-size:12px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #nav .nav_right{display:none}
  #subnav{width:100%;height:70px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between}
  #subnav .subnav_left{float:none;width:auto;height:auto;margin:0}
  #subnav .subnav_left img{width:145px;height:auto}
  #subnav .subnav_middle,#subnav .subnav_right{display:none}
  .mobile-menu-toggle{display:block;border:1px solid #00aeba;border-radius:8px;background:#fff;color:#007d87;padding:8px 12px;font-size:17px;line-height:1.3;order:2;cursor:pointer}
  .home-mobile-nav{display:none;padding:8px 16px 16px;background:#f3fafb;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-mobile-nav.is-open{display:grid}
  .home-mobile-nav a{display:block;padding:10px 8px;background:#fff;border-radius:6px;color:#24525a;text-align:center;font-size:14px}
  .mobile-hero{display:block;padding:34px 20px 38px;background:linear-gradient(135deg,#007e91,#00aebb);color:#fff;text-align:center}
  .mobile-hero p{font-size:14px;letter-spacing:.08em;opacity:.9}
  .mobile-hero h1{font-size:30px;line-height:1.3;margin:10px 0 20px;color:#fff}
  .mobile-hero a{display:inline-block;background:#fff;color:#007d87;padding:10px 18px;border-radius:5px;font-size:15px;font-weight:700}
  #ban{display:none}
  #zc_gd{width:auto;height:auto;margin:14px 16px 24px;padding:10px 12px;border-radius:8px;display:flex;align-items:flex-start}
  #zc_gd h5{float:none;width:75px;flex:none;margin:0;border:0;line-height:24px;font-size:16px;text-align:left}
  #zc_gd h5 img{display:none}
  #zc_gd .zc_gd_mian{float:none;width:auto;min-width:0;flex:1;margin:0;height:48px}
  #zc_gd .zgm{width:max-content}
  #zc_gd .zgm li{margin-left:12px;font-size:13px}
  #xkbl{width:auto;height:auto;margin:0 16px 30px}
  #xkbl .xkbl_top{width:100%;height:auto;margin-bottom:16px;padding-bottom:8px;display:block}
  #xkbl .xkbl_top h2{float:none;font-size:23px;line-height:1.5}
  #xkbl .xkbl_top h2 img{width:27px;height:auto;vertical-align:middle;margin:0 6px 0 0}
  #xkbl .xkbl_top p{float:none;font-size:13px;line-height:1.5}
  #xkbl .xkbl_down{width:100%;height:auto;display:block}
  #xkbl .xkbl_down_left{display:none}
  #xkbl .xkbl_down_right{display:grid;grid-template-columns:1fr;gap:12px}
  #xkbl .xdrm{float:none;width:100%;height:auto;min-height:0;margin:0;padding:16px;background-image:none!important;border-radius:10px;box-shadow:0 3px 12px #dcebed}
  #xkbl .xdrm h4{font-size:19px;margin:0 0 10px}
  #xkbl .xdrm ul{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 5px;margin-bottom:14px}
  #xkbl .xdrm ul li{float:none;width:auto;min-width:0;margin:0;font-size:13px;line-height:1.5}
  #xkbl .xdrm ul li img{width:6px;height:auto;margin:6px 4px 0 0}
  #xkbl .btm{width:100%;height:auto;line-height:1.3;border-radius:5px}
  #xkbl .btm a{display:block;padding:9px}
  .inde_dh{width:auto;height:auto;margin:0 16px 30px;padding:25px 12px;background:#078e9e;border-radius:10px}
  .inde_dh ul{width:100%;height:auto;margin:0;padding:0}
  .inde_dh_title{font-size:21px}
  .inde_dh_title span{font-size:36px}
  .inde_dh_dl{font-size:13px;line-height:1.6;margin:8px 0}
  .inde_dh_fj{width:max-content;max-width:100%;height:auto;margin:15px auto 0;padding:8px 14px;font-size:21px;line-height:1.3;letter-spacing:0}
  .inde_dh_fj img{width:25px;margin:1px 7px 0 0}
  .rg_11,.rg_11 .r_wrap{width:100%;height:auto;padding:0 16px 20px}
  .rg_11 .tit,.rg_11 .tit span{height:auto;line-height:1.4}
  .rg_11 .tit span{font-size:24px}
  .rg_11 .tit span:before,.rg_11 .tit span:after,.rg_11 .service-main-bg{display:none}
  .rg_11 .rg_11m{padding-top:15px}
  .rg_11 .rg_11m ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .rg_11 .rg_11m ul li,.rg_11 .rg_11m ul li:nth-child(n){position:static;float:none;width:auto;text-align:left;padding:14px;background:#f3fafb;border-radius:8px}
  .rg_11 .rg_11m ul li b{font-size:15px}
  .rg_11 .rg_11m ul li p{font-size:13px;padding-top:6px}
  .zs{min-width:0;height:auto;padding:25px 16px;background:#f6f9fa}
  .zs .main-title{width:100%;height:auto;background:none}
  .zs .main-title h3{font-size:22px}
  .zs .main-title p{font-size:14px;line-height:1.5}
  .zs .case_main_down{width:100%;overflow-x:auto;margin-top:15px}
  .zs .case_main_down_le{width:max-content;height:auto;display:flex;gap:10px;margin:0!important}
  .zs .case_main_down_le li{float:none;width:165px;height:auto;margin:0}
  .zs .case_main_down_le li img{width:100%;height:auto}
  .full-inum-brief{height:auto;background:#0b677b}
  .full-inum-brief .briefbg,.full-inum-brief .videobg{display:none}
  .full-inum-brief .inum-list{position:static;width:100%;margin:0;padding:25px 16px}
  .full-inum-brief .inum-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .full-inum-brief .inum-list li{float:none;width:auto;margin:0}
  .full-inum-brief .num{font-size:42px;line-height:1.2}
  .full-inum-brief .text{font-size:13px;line-height:1.5}
  .market-content,.w1200,.cs-grid,.cs-advisory .cs-advisory-content{width:100%!important;max-width:100%}
  .cs-advisory{padding:20px 16px}
  .cs-advisory .cs-advisory-content .advisory-content-tabs .el-tabs__nav{width:max-content;justify-content:flex-start}
  .el-tabs__nav-scroll{overflow-x:auto}
  .advisory-content,.advisory-content .f-box{display:block;max-width:100%}
  .advisory-content .advisory-content-wrap{width:100%;height:auto;max-width:100%}
  .advisory-content .news-wrap{width:100%;height:auto;margin:10px 0 0}
  .advisory-content .advisory-content-wrap-item,.advisory-content .news-wrap-item{width:100%;max-width:100%;box-sizing:border-box}
  .advisory-content .advisory-content-wrap-item>a,.advisory-content .news-wrap-item>a{display:flex;min-width:0;width:100%}
  .advisory-content .advisory-content-wrap-item .wrap-item-img{width:90px;flex:none}
  .advisory-content .advisory-content-wrap-item .wrap-item-detail{min-width:0;margin-left:10px}
  .advisory-content .news-wrap-title{min-width:0;flex:1}
  .advisory-content .news-wrap-time{flex:none;font-size:11px!important}
  .cs-advisory .news-more-wrap{display:none}
  .c-banner{display:none}
  #contact{width:100%;height:auto;padding:25px 16px;background:#e8f5f7}
  #contact .contact_main{width:100%;text-align:center}
  #contact .contact_main_du{width:auto;height:auto;margin:10px 0;padding:6px;font-size:15px;line-height:1.5;letter-spacing:2px}
  #contact .contact_main_lx{font-size:22px;line-height:1.4}
  #contact .contact_main_xx{font-size:14px;line-height:1.6}
  #contact .contact_main img{max-width:100%;height:auto}
  .footer-content,.footer-content .weblg,.full-foot-bottom,.full-foot-bottom .weblg{width:100%;min-width:0;height:auto}
  .footer-content .weblg,.full-foot-bottom .weblg{padding:20px 16px}
  .foot-about,.foot-about>div{float:none!important;width:100%!important;max-width:100%;height:auto;margin:0 0 18px}
  .foot-about .adv-mid{margin-left:0}
  .friend-links{width:100%;height:auto}
  .full-foot-bottom p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
  .foot-about .adv-mid .ft-adv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .foot-about .adv-mid .ft-adv .left,.foot-about .adv-mid .ft-adv .right{float:none;width:auto}
  .sidebar,.zai-xian-ke-fu{display:none}
}
@media (min-width: 768px) and (max-width: 1199px){
  #subnav,#zc_gd,#xkbl,.inde_dh,.rg_11,.zs,.cs-advisory,#contact{padding-left:32px;padding-right:32px}
  #xkbl{margin-left:0;margin-right:0}
  #xkbl .xkbl_down_right{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rg_11 .rg_11m ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-hero h1{font-size:36px}
}