/*导航*/
#navigation { position:   relative; background: url(../images/tbbj.png) repeat #242424;  }
#navigation .herd_content{display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap:var(--S2); }
#navigation .herd_right{width: 25%;}
#navigation .herd_left{ width:75%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap:var(--S2);}
#navigation .main_box{width:auto;}
#navigation ul{ display: grid; grid-template-columns: repeat(7,1fr); }
#navigation li { position:relative; }
#navigation li a { display: block; line-height: 80px; height:80px; width: 90px; color: #FFF; text-align: center;  }
#navigation li a:hover { text-decoration: none; color: #0573c7; font-weight:600; background: #414141; }
#navigation li.current a { text-decoration: none; color: #0573c7;  font-weight:600; background: #414141;}
#navigation li:hover .sub {display: block;}
#navigation .sub { display: none; position: absolute; left: 0; background: url(../images/tbbj.png) repeat; z-index: 99999; }
#navigation .sub li { background: none; float: none; }
#navigation .sub li a { height: 46px; line-height: 46px; font-size: 14px; font-weight: normal; color: #FFF; }
#navigation .sub li a:hover { background: #0573c7; }
#navigation .caidan{ display:none}
#navigation .dianhua{color:#FFF; line-height:40px; height:40px; font-size:20px; font-weight:600; min-width:max-content; padding:0 15px; }
#navigation .dianhua .iconfont{display:none;}
#navigation .banben{ width:80px; height:80px; background: #1c1c1c; }
#yybb{ height:80px; width:80px; background:url(../images/yw.png) no-repeat center center; display:inline-block;}

.SJ_box{display:none;}

/* ===================== 响应式适配 ===================== */
/* 平板及以下（≤1100px）：汉堡导航、堆叠布局 */
@media (max-width: 1100px) {
    #navigation{ position:relative;}
    #navigation .herd_content{display: block; flex-direction: row; align-items: center; justify-content: center;}
    #navigation .herd_right {width: 100%; padding:10px 10px;}
    #navigation .herd_right img{ height:60px;} 
    #navigation .herd_left {width:100%;display: block; flex-direction: row; align-items: center; justify-content: center; background:#333232;} 
    #navigation .main_box{width:100%;}
    #navigation .caidan{ display:none}
    #navigation ul{ display: grid; grid-template-columns: repeat(7,1fr); gap: var(--S3);}
    #navigation li{ position:relative;}
    #navigation li .sub { width:100%;}
    #navigation li a { display: block; line-height: 45px; height:45px; min-width: 45px;  width:100%; color: #FFF; text-align: center;  }
    #navigation .dianhua{color:#FFF; line-height:80px; height:80px; font-size:20px; font-weight:600; position:absolute; right:80px; padding:0 20px; z-index:10; top:0px;}
    #navigation .dianhua .iconfont{display:inline-block;}
    #navigation .banben{ position:absolute; right:0px; z-index:10; top:0px; background:none;}
    #yybb{ height:80px; width:80px; background:url(../images/yw.png) no-repeat center center; display:inline-block;}
    .SJ_box{display:none;}
}
/* 手机（≤768px）：小屏优化 */
@media (max-width: 768px) {

    .container_box_h{ min-height:calc(var(--min_content_height) + 50px );}

    #navigation { position:relative;}
    #navigation .herd_content{display: block; }
    #navigation .herd_right{ width:100%;  padding:10px 10px; text-align:center;}
    #navigation .herd_right img{ height:60px;} 
    #navigation .herd_left{ width:100%; height:50px; background:#333232; z-index:8; position:relative;  }
    #navigation .main_box{ display:none;}

    #navigation .caidan{ display:block; width:50px; height:50px; line-height:50px; background:var(--B1-5);}
    #navigation .caidan .iconfont{ color:#fff; font-size:20px;  width:50px; height:50px; line-height:50px; display:inline-block; text-align:center;}
    #navigation .dianhua{color:#FFF; line-height:50px; height:50px; font-size:20px; font-weight:600;  position:absolute; right:80px; padding:0 20px; z-index:10; top:0px;}
    #navigation .dianhua .iconfont{display:inline-block;}
    #navigation .banben{ line-height:50px; height:50px;  position:absolute; right:0px; padding:0 20px; z-index:10; top:0px; background:none;}
    #yybb{ height:50px; width:50px; background:url(../images/yw.png) no-repeat center center; display:inline-block;}
    
    .active{ display:block !important;}
    .SJ_box{display:none; position: fixed; z-index:20; width:100%; height:100vh; overflow:auto; top:120px; background:rgba(0, 0, 0, 0.5);  transition: left 0.3s ease; }
    .SJ_box .SJmain_box{ background:#232323; padding-top:5px;}
    .SJ_box .SJmain_box .SJmain{  padding:0 0px ;}
    .SJ_box .SJmain_box .SJmain a{ line-height:45px; height:45px; display: block; padding:0 20px ; color:#fff;border-bottom:1px solid #333232; }
    .SJ_box .SJmain_box .SJmain .SJsub { background:#333232;}
    .SJ_box .SJmain_box .SJmain .SJsub li {border-bottom:1px solid #232323;}
    .SJ_box .SJmain_box .SJmain .SJsub li a{ line-height:40px; height:40px; padding:0 20px; display:block; color:#fff;  }
    .SJ_box .SJmain_box .SJmain .SJsub li a span{ margin-right:5px; font-size:15px; color:#999;}

    body.no-scroll { overflow: hidden !important; position: fixed; width: 100%; }
}



/*底部*/

.footer_nav .lxwm{margin-top:8px; float:right; background:#f1f1f1; display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; border-radius:10px; color:#fff;}

#footer_nav { background: url(../images/dibj.jpg) no-repeat center top #242424;  padding: 50px 0;}
#footer_nav a { color: #ccc;}
#footer_nav .main { }
#footer_nav .main span{ color: #656565; padding-right:5px; font-size:14px }
#footer_nav .sub {line-height: 30px;}
#footer_nav .sub a{ font-size: 13px;  color:#888;}

#footer_nav .bt{font-size: 16px; line-height: 50px;color: #656565; }
#footer_nav .logo{ background:#0573c7; height:330px; position:relative; z-index:111; margin-top: -110px; margin-bottom: -10px; padding:50px 20px 20px 20px;}
#footer_nav .logo .gsmc{ font-size:16px;line-height:35px; padding-bottom:5px; font-weight:600; padding-top:20px; text-align:center;}
#footer_nav .logo .gsmcnr{ font-size:12px; line-height:22px; color:#666;text-align:center; }
#footer_nav .logo .fx{padding-top:30px; padding-bottom:50px; text-align:center;}
#footer_nav .logo .fx span{ display:inline-block; width:30px; height:30px; background:#454343; color:#fff; border-radius:30px; font-size:16px; padding-top:7px; margin-right:10px;}

#footer_nav .footer_box{ display: flex; flex-direction: row; align-items: start; justify-content: space-between; gap:var(--S2);}
#footer_nav .footer_r { width:25%}
#footer_nav .footer_c {width:50%}
#footer_nav .footer_c .sub{  display: flex; flex-direction: row; align-items: start;  gap:var(--S3);}
#footer_nav .footer_c  .sub li a{ font-size: 15px; line-height: 40px; padding-left:0; color:#ccc; display:inline-block; }

#footer_nav .footer_l {width:25%}
#footer_nav .footer_l .xiantiao{ display:inline-block; width:170px; height:2px; background:#999;}

#copyright { background: #242424; padding: 20px 0; border-top: 1px solid #181818; color: #656565; }
#copyright a { color: #656565; }

/* ===================== 响应式适配 ===================== */
/* 平板及以下（≤1100px）：汉堡导航、堆叠布局 */
@media (max-width: 1100px) {
    #footer_nav .footer_box{ display:block;}
    #footer_nav .footer_r{ width:100%; text-align:center;}
    #footer_nav .footer_c {width:100% ; text-align:center; display:none}

  
    #footer_nav .footer_l {width:100%; text-align:center;}
    #footer_nav .footer_l .xiantiao{ display:inline-block; width:90%; height:2px; background:#999;}
    #footer_nav .footer_l .dizhi_box{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap:var(--S2);}
    #footer_nav .footer_l .margin{margin-top:0px;}
  
}
/* 手机（≤768px）：小屏优化 */
@media (max-width: 768px) {

    #footer_nav .footer_box{  display: block;}
    #footer_nav .footer_r {width:100% ; text-align:center;}
    #footer_nav .footer_c {width:100% ;display:none;}

    #footer_nav .footer_l {width:100%; text-align:center; }
    #footer_nav .footer_l .xiantiao{ display:inline-block; width:90%; height:2px; background:#999;}
    #footer_nav .footer_l .dizhi_box{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap:var(--S2);}
    #footer_nav .footer_l .margin{margin-top:0px;}
}



/* ===================== 首页幻灯 ===================== */
/*#index_slideshow { position: relative; height: 600px; overflow: hidden; }
#index_slideshow .slide { position: absolute; top: 0; left: 0; width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0; transition: opacity .6s ease; }
#index_slideshow .slide.on { opacity: 1; }
#index_slideshow .hd { position: absolute; z-index: 5; bottom: 20px; left: 0; width: 100%; text-align: center; }
#index_slideshow .hd li { display: inline-block; width: 60px; height: 6px; background: #fff; margin: 0 2px; cursor: pointer; }
#index_slideshow .hd li.on { background: #000; }
#index_slideshow .prev,
#index_slideshow .next { position: absolute; top: 0; width: 68px; height: 600px; cursor: pointer; z-index: 5; opacity: 0; transition: opacity .3s; }
#index_slideshow .prev { left: 0; background: url(../images/l.png) no-repeat center; }
#index_slideshow .next { right: 0; background: url(../images/r.png) no-repeat center; }
#index_slideshow:hover .prev,
#index_slideshow:hover .next { opacity: 1; }*/

/* ===================== 首页幻灯 ===================== */
#index_slideshow { 
    position: relative; 
    width: 100%;
    height: 0; 
    padding-bottom: 40.25%; /* 默认 PC 端 16:9 比例 */
    overflow: hidden; 
}

#index_slideshow .slide { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    background-position: center; background-repeat: no-repeat; background-size: cover; 
    opacity: 0; transition: opacity .6s ease; 
}
#index_slideshow .slide.on { opacity: 1; }

/* 底部指示器 */
#index_slideshow .hd { position: absolute; z-index: 5; bottom: 20px; left: 0; width: 100%; text-align: center; }
#index_slideshow .hd li { display: inline-block; width: 60px; height: 6px; background: #fff; margin: 0 2px; cursor: pointer; border-radius: 3px; transition: background .3s; }
#index_slideshow .hd li.on { background: #000; }

/* 左右切换按钮 */
#index_slideshow .prev,
#index_slideshow .next { 
    position: absolute; top: 0; width: 68px; height: 100%; 
    cursor: pointer; z-index: 5; opacity: 0; transition: opacity .3s; background-size: 24px;
}
#index_slideshow .prev { left: 0; background: url(../images/l.png) no-repeat center; }
#index_slideshow .next { right: 0; background: url(../images/r.png) no-repeat center; }
#index_slideshow:hover .prev,
#index_slideshow:hover .next { opacity: 1; }

/* ===================== 平板端适配 (768px - 1024px) ===================== */
@media screen and (max-width: 1024px) {
    #index_slideshow { padding-bottom: 65%; } /* 平板比例稍高一些，如 3:2 */
    #index_slideshow .hd { bottom: 15px; }
    #index_slideshow .hd li { width: 50px; height: 5px; }
    #index_slideshow .prev,
    #index_slideshow .next { width: 50px; }
}

/* ===================== 手机端适配 (小于 768px) ===================== */
@media screen and (max-width: 768px) {
    #index_slideshow { padding-bottom: 98%; } /* 手机比例更高，如 4:3 */
    #index_slideshow .hd { bottom: 10px; }
    #index_slideshow .hd li { width: 30px; height: 4px; margin: 0 3px; }
    /* 手机端隐藏左右箭头，改为纯手势或指示器切换 */
    #index_slideshow .prev,
    #index_slideshow .next { display: none; }
}

/* ===================== 搜索栏 ===================== */
#search { background: #f1f1f1; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 0; }
#search .hot { float: left; line-height: 50px; font-size: 12px; color: #666; }
#search .hot a { color: #666; margin-right: 10px; }
#search .hot a:hover { color: #0573c7; }
#search .search-form { float: right; position: relative; }
#search_key { border: 1px solid #DBDCDB; height: 50px; border-radius:5px 0 0 5px; line-height: 50px; width: 300px; padding: 0 10px; background: #fff; color: #aaa; font-size: 14px; }
#search .search_btn { position: absolute; right: 0; top: 0; height: 50px; border-radius:0 5px 5px 0; line-height:50px; text-align:center; color:#fff;  width: 50px; background: #0573c7; cursor: pointer; }

/* ===================== 区块标题 ===================== */
.index_btzw { font-size: 24px; text-transform: uppercase; line-height: 30px; text-align: center; color: #333; font-weight: 600; }
.index_btzw span{ color:var(--B1-5);}
.index_btyw { text-transform: uppercase; text-align: center; color: #333; font-size: 18px; line-height: 30px; height: 30px; margin-top: 10px; margin-bottom: 50px; }

/* ===================== 首页-产品中心 ===================== */
#index-1 { padding: 50px 0; }
.index-left { float: left; width: 25%; }
.index-right { float: left; width: 75%; padding-left: 20px; }
.hd-1 { font-size: 16px; line-height: 25px; background: #0573c7; padding: 15px 20px; color: #fff; font-weight: 600; }
.hd-1 .line { border-left: 2px solid #fff; padding-left: 10px; }
.hd-1 .a_name { font-size: 14px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; }
#index-1 .bd-1 { background: #fff; margin-bottom: 20px; border-top: 2px solid #f6f6f6; padding:15px; }

#index-1 .index-left .bd-1 ul li a{ line-height:46px; height:46px; margin-bottom:5px; padding:0 15px; background:#f1f1f1; display:block;}
#index-1 .index-left .bd-1 ul li a:hover{ background:var(--B1-5); color:#fff;}

#products_tab .hd { overflow: hidden; }
#products_tab .hd li { float: left; width: 33.33%; cursor: pointer; height: 50px; line-height: 50px; background: #f1f1f1; text-align: center; font-size: 16px; color: #333; }
#products_tab .hd li.on { background: #e1e1e1; border-top: 3px solid #0573c7; line-height: 47px; font-weight: 600; }
#products_tab .bd .content { display: none; margin-top: 20px; }
#products_tab .bd .content.on { display: block; }
#products_tab .plist-1 { display:grid;grid-template-columns:repeat(4,1fr);gap:var(--S2);margin-bottom:var(--S2) }
#products_tab .plist-1 .x3 { width:100%; }
#products_tab .plist-1 .wrap { margin-bottom: 20px; background: #fff; }
#products_tab .plist-1 .picture { height: 150px; overflow: hidden; }
#products_tab .plist-1 .picture img { width: 100%; height: 150px; object-fit: cover; display: block; }
#products_tab .plist-1 .title { text-align: center; line-height: 40px; font-size: 14px; background: #ccc; }
#products_tab .plist-1 .wrap:hover { box-shadow: #b2b3b5 0 0 10px; }
#products_tab .plist-1 .wrap:hover .title { background: #0573c7;color: #fff; }


/* ===================== 关于我们 ===================== */
#about { position: relative; padding: 80px  0; color: #fff; background: url(../images/bjgs.jpg) center/cover no-repeat fixed; }
#about::before { content: ""; position: absolute; inset: 0; background: rgba(11,31,58,.65); }
#about .container { position: relative; z-index: 2; }
#about .about-wrap { display: grid; grid-template-columns: 1.15fr 1fr; gap: 55px; align-items: center; }
#about .about-images { position: relative; }
#about .about-images .main-img { width: 100%; height: 420px; object-fit: cover; border-radius: 4px; box-shadow: 0 25px 60px rgba(0,0,0,.35); transition: transform .6s ease; }
#about .about-images:hover .main-img { transform: scale(1.02); }
#about .about-images .sub{ background:rgba(255,255,255,0.6); position:absolute; width:max-content; box-shadow: 0 18px 45px rgba(0,0,0,.3);   height: 70px; display:inline-block; right: 10px; bottom: 10px; padding:10px; border-radius: 4px; border: 6px solid rgba(255,255,255,.08);}
#about .about-images .sub-img { height: 50px;  transition: transform .5s ease; }
#about .about-images:hover .sub-img { transform: translateY(-8px); }
#about .about-text { text-align: left; }
#about .tag { font-size: 12px; letter-spacing: 6px; text-transform: uppercase; color: #9fdcff; }
#about h2 { margin-top: 14px; font-size: 34px; font-weight: 600; letter-spacing: 4px; }
#about .bar { width: 40px; height: 3px; background: #5cb3ff; margin: 22px 0 26px; }
#about .text { max-width: 540px; font-size: 14px; line-height: 1.95; color: rgba(255,255,255,.82); }
#about .more { display: inline-block; margin-top: 34px; padding: 11px 38px; font-size: 14px; letter-spacing: 3px; color: #fff; border: 1px solid rgba(255,255,255,.6); border-radius: 40px; transition: all .3s ease; }
#about .more:hover { background: #0573c7; border-color: #0573c7; }
#about-stats { margin-top: 90px; background: rgba(255,255,255,.06); border-top: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(4px); }
#about-stats .line { display: grid; grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1100px) {
  #about .about-wrap { grid-template-columns: 1fr; gap: 40px; }
  #about .about-text { text-align: center; }
  #about .bar { margin: 22px auto 26px; }
  #about .text { margin: 0 auto; }
  #about .about-images .main-img { height: 340px; }
  #about .about-images .sub-img { right: 10px; bottom: -25px; width: 46%; height: 170px; }

  #about-stats .line{ display: grid; grid-template-columns: repeat(2, 1fr);}
}
.stat { padding: 44px 20px; text-align: center; }
.stat .sl { font-size: 52px; font-weight: 700; color: #5cb3ff; font-family: Georgia, serif; line-height: 1; }
.stat .sl span { font-size: 15px; color: rgba(255,255,255,.8); font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.stat .bt { margin-top: 12px; font-size: 14px; letter-spacing: 2px; color: rgba(255,255,255,.75); }

/* ===================== 应用场景 ===================== */
#scenes {background: url(../images/map-bg.webp) center/cover no-repeat fixed; padding: 60px 0 40px; }
.scene-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.scene-card { position: relative; grid-column: span 2; height: 300px; border-radius: 10px; overflow: hidden; }
.scene-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.scene-card:hover img { transform: scale(1.08); }
.scene-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,31,58,.75) 0%, rgba(11,31,58,.05) 55%); transition: opacity .4s ease; }
.scene-card .no { position: absolute; top: 20px; right: 24px; z-index: 2; font-size: 42px; font-weight: 700; color: rgba(255,255,255,.4); font-family: Georgia, serif; }
.scene-card .txt { position: absolute; left: 26px; right: 26px; bottom: 22px; z-index: 2; color: #fff; }
.scene-card .txt h3 { font-size: 21px; font-weight: 600; letter-spacing: 1px; }
.scene-card .txt .en { margin-top: 4px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,.75); }
.scene-card .txt p { margin-top: 10px; font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.92); max-height: 0; overflow: hidden; opacity: 0; transition: all .4s ease; }
.scene-card:hover .txt p { max-height: 60px; opacity: 1; }
.scene-card.wide { grid-column: span 3; }
.scene-card .link { position: absolute; inset: 0; z-index: 3; }

/* ===================== 首页-新闻资讯 ===================== */
#index-2 { padding: 60px 0 40px; }
#index-2  .news-list { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--S3);margin-bottom:var(--S3)}
#index-2  .news-list .wrap { border: 1px solid #ebebeb; background: #fff; }
#index-2  .news-list .picture { height: 230px; overflow: hidden; }
#index-2  .news-list .picture img { width: 100%; height: 230px; object-fit: cover; display: block; }
#index-2  .news-list .nr { padding: 10px 20px; }
#index-2  .news-list .title { text-align: left; line-height: 40px; color: #666; font-size: 14px; }
#index-2  .news-list .title a { color: #666; }
#index-2  .news-list .wrap:hover { box-shadow: #e0e0e0 0 0 12px; }
#index-2  .news-list .wrap:hover .title a { color: #0573c7; }
#index-2  .news-list .xwckgd { font-size: 12px; color: #aaa; line-height: 22px; }
#index-2  .news-list .xwckgd .more { float: right; }


/* ===================== 产品优势 ===================== */
#advantage {  padding: 60px 0 60px 0;  position: relative; background: url(../images/bj11.jpg) #0b1f3a center/cover no-repeat fixed; overflow: hidden;}
#advantage::before { content: ""; position: absolute; inset: 0; background: url(../images/banner/banner2.jpg) center/cover no-repeat; opacity: .25; }
#advantage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,31,58,.85), rgba(11,31,58,.5)); }
#advantage .adv-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
#advantage .adv { background:rgba(255,255,255,.32); border:1px solid rgba(255,255,255,.32);  border-top: 3px solid #0573c7;  z-index:12; border-radius: 8px; padding: 38px 28px 34px; text-align: center; transition: transform .35s ease, box-shadow .35s ease; }
#advantage .adv:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(11,31,58,.12); }
#advantage .adv .icon { width: 76px; height: 76px; margin: 0 auto 20px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: #0573c7; box-shadow: 0 8px 24px rgba(5,115,199,.16); }
#advantage .adv .icon svg { width: 36px; height: 36px; }
#advantage .adv .cn { font-size: 18px; font-weight: 600; color: #fff; letter-spacing: 1px; }
#advantage .adv .en { margin-top: 6px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #ccc; }
#advantage .adv .desc { margin-top: 14px; font-size: 13px; color: #ccc; line-height: 1.8; }


/* ===================== 响应式适配 ===================== */
/* 平板及以下（≤1100px）：汉堡导航、堆叠布局 */
@media (max-width: 1100px) {
  .container { width: 100%; padding: 0 15px; }

  /* 搜索：上下堆叠 */
  #search .hot { float: none; line-height: 30px; }
  #search .search-form { float: none; margin-top: 8px; }
  #search_key { width: calc(100% - 50px); height: 50px; line-height: 50px; }
  #search .search_btn { height: 50px; }

 

  /* 产品中心：分类栏与产品区堆叠，产品两列 */
  #index-1 { padding: 30px 0; }
  .index-left{ display:none}
  .index-right { float: none; width: 100%; padding-left: 0; }
  #products_tab .plist-1 { display:grid;grid-template-columns:repeat(2,1fr);gap:var(--S2);margin-bottom:var(--S2) }

  #products_tab .plist-1 .picture { height: auto; }
  #products_tab .plist-1 .picture img { height: auto; aspect-ratio: 4/3; object-fit: cover; }
  #products_tab .hd li { height: 44px; line-height: 44px; font-size: 14px; }
  #products_tab .hd li.on { line-height: 41px; }
  #products_tab .bd .content { margin-top: 10px; }

  /* 关于我们 */
  /*#about-section { padding: 40px 0 0; background-size: cover; }
  #about-section .about-text { line-height: 30px; font-size: 13px; }
  #about-section .about-more { margin-top: 40px; }
  #about-stats { margin-top: 40px; }*/

  /* 新闻 */
  #index-2 { padding: 30px 0 20px; }

  #index-2  .news-list { display:grid;grid-template-columns:repeat(2,1fr);gap:var(--S3);margin-bottom:var(--S3)}
  #index-2  .news-list .picture { height: auto; }
  #index-2  .news-list .picture img { height: auto; aspect-ratio: 16/9; object-fit: cover; }

  /* 产品优势 */
  #advantage { padding: 40px 0; }
  #advantage .adv-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

 
}

/* 手机（≤768px）：小屏优化 */
@media (max-width: 768px) {
  .container { padding: 0 12px; }

  .index-left{ display:none;}

  .index_btzw { font-size: 18px; }
  .index_btyw { font-size: 14px;  margin-bottom: 20px; }
    #index-1 { padding: 30px 0 20px 0; }

  /* 关于我们数据：两列 */
  .gywm_ys.stat { width: 50%; }
  .gywm_ys { padding: 25px 10px; }
  .gywm_ys .sl { font-size: 34px; line-height: 40px; }

  /* 新闻：单列 */
  #index-2 { padding: 30px 0 20px;}
  #index-2  .news-list { display:grid;grid-template-columns:repeat(1,1fr);gap:var(--S3);margin-bottom:var(--S3)}
  #index-2  .news-list .picture { height: auto; }
  #index-2  .news-list .picture img { height: auto; aspect-ratio: 16/9; object-fit: cover; }

  /* 产品优势 */
  #advantage {   padding: 30px 0 20px; }
  #advantage .adv-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 24px; }

  #scenes { padding: 30px 0 20px; }
  #scenes .scene-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
}



/* ===================== 内页海报 ===================== */

.nehb_hd{padding:30px 0 10px 0;height:260px; }
.nehb_hdf{ padding:30px 0;}
.nehb_hd_bt{font-size:32px; text-transform:uppercase;line-height:60px;text-align:center; color:#fff; font-weight:600;}
.nehb_hd_fbt{ text-align:center;color:#FFF; font-weight:600;}
.nehb_hd_xt{text-align:center;}
.nehb_hd_xt span{display:inline-block; width:60px; height:1px; background:#ddd;}
.nehb_hd_by{font-size:16px;line-height:30px;text-align:center;color:#fff;margin-top:20px;}


/* ===================== 位置横条 ===================== */
#current_location {  margin-bottom:20px; padding: 15px 0px; border-bottom:1px solid #ecebe7; line-height:25px; color:#999;  font-size:14px; background:#f1f1f1;}
#current_location .container{display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap:5px;}
#current_location a{color:#999;  font-size:14px;}
#current_location .iconfont{ font-size:14px; padding:0 10px; }

/* ===================== 内页顶部导航 ===================== */
.ProductList_box{  display: grid;  grid-template-columns: 300px minmax(0, 1fr);  gap: var(--S4);  align-items: start;  }
.category_box{ border:1px solid #eee;}
.category_tit{ font-size:18px; background:var(--B1-5); color:#FFF; line-height:40px; padding:10px 15px;border-bottom:2px #eee solid; }
.category_list li { }
.category_list li a { display: block; padding: 14px 10px 12px 20px; border-bottom:1px #eee solid; color:#666; font-size:16px; background:#f1f1f1; margin-bottom:1px; }
.category_list li a .ywzm{ color:#666; font-size:8px; text-transform:uppercase;}
.category_list li a:hover { background: #e2e2e2; font-size:16px; color: var(--B1-5);   border-left:3px  var(--B1-5) solid;  padding: 14px 10px 12px 26px;  }
.category_list .current a { background: #e2e2e2;  font-size:16px;color:  var(--B1-5);  border-left:3px  var(--B1-5) solid;  padding: 14px 10px 12px 26px;}


.category_list_w { margin-bottom: 20px; text-align:center;}
.category_list_w li{ display: inline-block; margin-right: 15px; margin-bottom:10px; }
.category_list_w li a { display: block; background: #fff; padding: 12px 25px; border-radius:25px;  }
.category_list_w li a:hover { background: #0573c7; color: #FFF;}
.category_list_w .current a { background: #0573c7; color: #FFF;}

/* ===================== 公司环境 ===================== */
 .about_gsjj .grid .x14{padding-left:25px;}


/* ===================== 产品列表 ===================== */

#ProductList .ProductList_name{  margin-top: 10px; font-size: 32px; color: #0b1f3a; font-weight: 600; letter-spacing: 2px;  margin-bottom:20px; text-align:center;}
#ProductList .ProductList_content{ line-height:35px; font-size:16px; color:#333; margin-bottom:20px; }

#ProductList .plist-1 { display:grid;grid-template-columns:repeat(4,1fr);gap:var(--S2);margin-bottom:var(--S2) }
#ProductList .plist-1 .x8 {  width: 100%;  }
#ProductList .plist-1 .wrap {  background: #fff; }
#ProductList .plist-1 .picture { height:auto; overflow: hidden; }
#ProductList .plist-1 .picture img { width: 100%; height:100%;  }
#ProductList .plist-1 .title { text-align: center; line-height: 40px; height:40px; font-size: 14px; background: #ccc;color: #666; display: block;  }
#ProductList .plist-1 .wrap:hover { box-shadow: #b2b3b5 0 0 10px; }
#ProductList .plist-1 .wrap:hover .title { background: #0573c7;color: #fff; }


/* ===================== 列表页--文章图片型 ===================== */

#NewsList .plist-9 { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--S2);margin-bottom:var(--S2) }
#NewsList .plist-9 .x8 {  width:100%;  }
#NewsList .plist-9 .werb {}
#NewsList .plist-9 .werb .picture{ height:260px; background:#fff; border-bottom:1px #f1f1f1 solid;}
#NewsList .plist-9 .werb .picture img{ width:100%; height:260px; }
#NewsList .plist-9 .werb .nr { background:#fff; padding:20px;}
#NewsList .plist-9 .werb .nr .yy{font-size:30px; text-align:center; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; line-height:35px;}
#NewsList .plist-9 .werb .nr .dd{font-size:14px; text-align:center; line-height:20px; color:#666;}
#NewsList .plist-9 .werb .nr .title{ padding:7px 0; text-align: left; line-height: 20px; font-size: 15px; height:50px;}
#NewsList .plist-9 .werb .nr .title a{ line-height: 20px; font-size: 15px; font-weight:normal; }
#NewsList .plist-9 .werb .nr .scontent{ padding:5px 0; text-align: left; line-height: 25px; font-size: 12px;color:#929292; height:90px;}
#NewsList .plist-9 .werb .nr .scontent a{ color:#929292;}
#NewsList .plist-9 .werb .nr .badge1{ padding:5px 0; color:#929292;}
#NewsList .plist-9 .werb .nr .clgd{ padding-right:20px;  color:#666; font-size:12px; text-transform:uppercase; padding-left:10px;}
#NewsList .plist-9 .werb:hover { background:#eee;}


/* ===================== 荣誉列表 ===================== */

#Partner .plist-1 { display:grid;grid-template-columns:repeat(4,1fr);gap:var(--S2);margin-bottom:var(--S2) }
#Partner .plist-1 .wrap { background: #fff; }
#Partner .plist-1 .picture { height:auto; overflow: hidden; }
#Partner .plist-1 .picture img { width: 100%; height:100%; object-fit: cover; display: block; }
#Partner .plist-1 .title { text-align: center; line-height: 40px; height:40px; font-size: 14px; background: #ccc;color: #666; display: block;  }
#Partner .plist-1 .wrap:hover { box-shadow: #b2b3b5 0 0 10px; }
#Partner .plist-1 .wrap:hover .title { background: #0573c7;color: #fff; }

#ProductDetails .line-big { display:flex;justify-content:space-between; gap:20px;}

/*分页样式*/
#ProductDetails .category_list li { }
#ProductDetails .category_list li a { display: block;  border-bottom:1px #f1f1f1 solid; color:#666; padding:0 15px; font-size:16px; background:#f1f1f1; margin-bottom:1px;  line-height:45px;}
#ProductDetails .category_list li a .ywzm{ color:#666; font-size:8px; text-transform:uppercase;}
#ProductDetails .category_list li a:hover { background: #e1e1e1; font-size:16px; color: #333;  border-left:3px solid #006fc2; }
#ProductDetails .category_list .current a { background: #666;  font-size:16px;color: #fff;  border-left:3px solid #006fc2;}

#ProductDetails .bd-1{ padding:15px 15px 5px 15px;}
.plist-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--S3);margin-bottom:var(--S3)}
.plist-4 .title { text-align: center; font-size: 14px; line-height:40px; background:#dfdfdf;}
.plist-4 .wrap:hover .title { background:#006fc2; color:#fff;}

.plist-5 .wrap { margin-bottom: 15px; }
.plist-5 .title { text-align: center; font-size: 14px; line-height:40px; background:#dfdfdf;}
.plist-5 .wrap:hover .title { background:#006fc2;color:#fff;}

.content_slideshow { width: 100%; margin: 0 auto; }
.content_slideshow .bd{ margin-bottom:10px;}
.content_slideshow .pn{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap:var(--S2); margin: 20px 0;}
.content_slideshow .hd { overflow: hidden;  }
.content_slideshow .hd li { display: inline-block; width: 80px; margin: 0 5px 5px 0;}
.content_slideshow .hd li img { width: 80px; height: 80px; cursor: pointer; }
.content_slideshow .hd li.on img { border: 1px solid #006fc2; }

.content_tab { margin-top: 20px; }
.content_tab .hd li { display: block; cursor: pointer; height: 50px; line-height: 50px; background: #EEE; text-align: center; font-size: 16px; }
.content_tab .hd li.on { background: #FFF; color: #006fc2; border-top: 3px solid #006fc2; }
.content_tab .bd { padding: 20px 0; }

.content_title{ height:50px; line-height:50px;font-size:22px; color:#232323; line-height:35px ; font-weight:900; margin-top:10px; }

#ContactUs .ContactUs1 .line-big{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

.search_box{ width:70%; margin:0 auto;}
.search_box .el-input__inner{ height:42px; line-height:42px;}
.search_box .xl_button{ height:46px; line-height:46px;}

 .el-dialog { width:600px !important;}

 .about_gshj{ padding:60px 0 !important}
 .about_gshj .grid {display:grid;grid-template-columns:repeat(2,1fr);gap:var(--S2);margin-bottom:var(--S2) }
 .about_gshj .grid .x12{ width:100%; padding:0px !important; }


/* 平板及以下（≤1100px）：汉堡导航、堆叠布局 */
    @media (max-width: 1100px) {
         .nehb_hd{ height:250px; }
         .nehb_hd .nehb_hd_by{ display:none;}

         .category_list_w { margin-bottom: 20px; text-align:center;}
         .category_list_w li{ display: inline-block; margin-right: 10px; margin-bottom:10px; }
         .category_list_w li a { display: block; background: #fff; padding: 8px 15px; border-radius:25px;  }
         .category_list_w li a:hover { background: #0573c7; color: #FFF;}
         .category_list_w .current a { background: #0573c7; color: #FFF;}

         
         .about_gsjj .grid .x10 { width: 100%;}
         .about_gsjj .grid .x14{width: 100%; padding-top:20px; padding-left:0px;}

         #ProductDetails .x5{ display:none}
         #ProductDetails .x19{ width:100%;}
                 

         #ProductDetails .plist-4 {display:grid;grid-template-columns:repeat(4,1fr);gap:var(--S3);margin-bottom:var(--S3)}
         #ContactUs .ContactUs1 .x12{width:60%;}
         #ContactUs .ContactUs1 .x10{width:60%;}

         .search_box{ width:80%;}

         .ProductList_box{grid-template-columns: 1fr; gap: var(--S3);}
         .category_box{ border:none; }
         .category_tit{ display:none;  }
         .category_list {  display: flex; flex-wrap: wrap; justify-content: center;}
         .category_list li {display: inline-block; margin-right: 15px; margin-bottom:10px;  }
         .category_list li a { display: block; padding: 12px 25px; border-bottom:1px #eee solid; text-transform: uppercase;  border-radius:25px; color:#666; font-size:16px; background:#f1f1f1; margin-bottom:0px; }
         .category_list li a:hover { background: #0573c7; font-size:16px; color: #FFF;   border-left:none;   padding: 12px 25px;  }
         .category_list .current a { background: #0573c7;  font-size:16px;color:  #FFF;  border-left:none;  padding: 12px 25px; }

         #ProductList .plist-1 { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--S3);margin-bottom:var(--S3)}
         #NewsList .plist-9 { display:grid;grid-template-columns:repeat(2,1fr);gap:var(--S3);margin-bottom:var(--S3)}
         #Partner .plist-1{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--S3);margin-bottom:var(--S3)}
    }

    /* 手机（≤768px）：小屏优化 */
    @media (max-width: 768px) {
         .about_gsjj .grid .x10{ width:100%;}
         .about_gsjj .grid .x14{width: 100%; padding-top:20px; padding-left:0px;}
         .about_gshj .grid {display:grid;grid-template-columns:repeat(1,1fr); gap:var(--S2);margin-bottom:var(--S2) }
       

         #ProductDetails .x5{ display:none}
         #ProductDetails .x19{ width:100%;}
         #ProductDetails .werd .line-big{ display:block;}
         #ProductDetails .werd .x14 { width: 100%;}
         #ProductDetails .werd .x10{ width:100%;}

         #ProductDetails .plist-4 {display:grid;grid-template-columns:repeat(2,1fr);gap:var(--S3);margin-bottom:var(--S3)}
         #ContactUs .ContactUs1 .x12{width:90%;}
         #ContactUs .ContactUs1 .x10{width:90%;}

         .search_box{ width:90%;}

         #ProductList .plist-1 { display:grid;grid-template-columns:repeat(2,1fr);gap:var(--S3);margin-bottom:var(--S3)}
         #NewsList .plist-9 { display:grid;grid-template-columns:repeat(1,1fr);gap:var(--S3);margin-bottom:var(--S3)}
         #Partner .plist-1{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--S3);margin-bottom:var(--S3)}
          .el-dialog { width:90% !important;}
    }

    /* ===================== 页首导语 ===================== */
.page-lead { padding: 56px 0 46px; }
.page-lead h2 { font-size: 28px; color: #0b1f3a; font-weight: 600; text-align: center; }
.page-lead h2 span { color: #0573c7; }
.page-lead .bar { width: 44px; height: 3px; background: #0573c7; margin: 16px auto 0; }
.page-lead p { max-width: 900px; margin: 26px auto 0; text-align: center; color: #666; line-height: 30px; }

/* ===================== 技术优势 ===================== */
.adv-section { background: #f5f7fa; padding: 46px 0 60px; }
.adv-section .adv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.adv-section .adv { background: #fff; border: 1px solid #e7eaee; border-top: 3px solid #0573c7; border-radius: 4px; box-shadow: 0 2px 12px rgba(11,31,58,.05); padding: 34px 32px 30px; transition: transform .3s ease, box-shadow .3s ease; }
.adv-section .adv:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(11,31,58,.12); }
.adv-section .adv-head { display: flex; align-items: center; margin-bottom: 18px; }
.adv-section .adv-icon { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 12px; background: #eaf3fb; color: #0573c7; display: flex; align-items: center; justify-content: center; margin-right: 16px; }
.adv-section .adv-icon svg { width: 28px; height: 28px; }
.adv-section .adv-title h3 { font-size: 19px; color: #0b1f3a; font-weight: 600; line-height: 1.4; }
.adv-section .adv-title .en { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #9aa5b1; margin-top: 5px; }
.adv-section .adv p { color: #555; line-height: 28px; }
.adv-section .chips { margin-top: 18px; padding-top: 16px; border-top: 1px dashed #e3e8ee; }
.adv-section .chips li { display: inline-block; margin: 0 8px 8px 0; }
.adv-section .chips span { display: inline-block; padding: 5px 14px; font-size: 12px; color: #0573c7; background: #eaf3fb; border-radius: 4px; }

/* ===================== 生产质控流程 ===================== */
.process { background: #fff; padding: 60px 0 70px; }
.process .sec-title { text-align: center; }
.process .sec-title .en { font-size: 13px; letter-spacing: 5px; text-transform: uppercase; color: #0573c7; }
.process .sec-title h2 { font-size: 28px; color: #0b1f3a; font-weight: 600; margin-top: 10px; }
.process .sec-title h2 span { color: #0573c7; }
.process .steps { display: flex; margin-top: 52px; }
.process .step { flex: 1; text-align: center; position: relative; }
.process .step + .step::before { content: ""; position: absolute; top: 28px; left: -50%; width: 100%; height: 2px; background: #dde3ea; }
.process .step .no { position: relative; width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 50%; background: #0573c7; color: #fff; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 600; line-height: 56px; box-shadow: 0 4px 12px rgba(5,115,199,.3); }
.process .step .no::after { content: ""; position: absolute; left: -14px; right: -14px; top: -14px; bottom: -14px; border: 1px dashed rgba(5,115,199,.35); border-radius: 50%; }
.process .step .name { font-size: 15px; color: #0b1f3a; font-weight: 600; }
.process .step .desc { font-size: 12px; color: #98a2ae; margin-top: 8px; line-height: 20px; padding: 0 8px; }

/* ===================== 底部咨询栏 ===================== */
/* */
.cta-band {  background: linear-gradient(120deg, #0b1f3a, #12407a); color: #fff; padding: 44px 0; }
.cta-band .inner { display: flex; align-items: center; justify-content: space-between; }
.cta-band h3 { font-size: 24px; font-weight: 600; letter-spacing: 1px; }
.cta-band p { color: rgba(255,255,255,.72); margin-top: 10px; font-size: 14px; line-height: 24px; }
.cta-band .phone { font-size: 34px; font-family: Georgia, "Times New Roman", Times, serif; color: #5cb3ff; font-weight: 600; letter-spacing: 1px; }
.cta-band .phone span { font-size: 13px; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: rgba(255,255,255,.7); font-weight: normal; letter-spacing: 2px; display: block; text-align: right; margin-bottom: 6px; }
/* 平板及以下（≤1100px）：汉堡导航、堆叠布局 */
@media (max-width: 1100px) {
      /* 横幅 */
  .page-banner .container { height: 220px; }
}


@media (max-width: 768px) {


  /* 横幅 */
  .page-banner .container { height: 180px; }
  .page-banner h1 { font-size: 28px; letter-spacing: 2px; }
  .page-banner .en { letter-spacing: 4px; font-size: 12px; }
  .page-banner .crumbs { bottom: 18px; }

  /* 技术优势：单列 */
  .page-lead { padding: 36px 0 30px; }
  .adv-section { padding: 30px 0 40px; }
  .adv-grid { grid-template-columns: 1fr; gap: 18px; }
  .adv { padding: 26px 20px 22px; }

  /* 流程：纵向排列 */
  .process { padding: 40px 0 46px; }
  .process .steps { flex-direction: column; margin-top: 34px; }
  .process .step + .step::before { display: none; }
  .process .step { padding: 22px 0; }
  .process .step .desc { padding: 0; }

  /* 咨询栏：上下堆叠 */
  .cta-band { padding: 32px 0; }
  .cta-band .inner { display: block; }
  .cta-band .phone { font-size: 28px; margin-top: 16px; }
  .cta-band .phone span { text-align: left; }


}

/* ===================== 应用场景：大图为主 ===================== */
.scene { padding: 0 0 30px; }
.scene .container { padding: 0; }

.row { display: flex; align-items: stretch; margin-bottom: 40px; background: #f5f7fa; border-radius: 6px; overflow: hidden; transition: box-shadow .35s ease, transform .35s ease; }
.row:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(11,31,58,.12); }
.row .pic { flex: 0 0 62%; position: relative; min-height: 380px; overflow: hidden; }
.row .pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.row:hover .pic img { transform: scale(1.05); }
.row .pic .badge { position: absolute; left: 30px; top: 30px; padding: 6px 16px; font-size: 12px; letter-spacing: 3px; color: #fff; background: rgba(11,31,58,.65); backdrop-filter: blur(6px); border-radius: 30px; text-transform: uppercase; }

.row .txt { flex: 1; padding: 50px 50px; display: flex; flex-direction: column; justify-content: center; }
.row .num { font-size: 72px; font-weight: 700; line-height: 1; color: var(--accent, #0573c7); opacity: .15; font-family: Georgia, "Times New Roman", serif; margin-bottom: 8px; }
.row .cn { font-size: 26px; font-weight: 600; color: #0b1f3a; line-height: 1.3; }
.row .en { margin-top: 8px; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: #98a2ae; }
.row .line { width: 36px; height: 3px; background: var(--accent, #0573c7); margin: 18px 0 16px; }
.row .desc { font-size: 14px; color: #555; line-height: 1.85; }
.row .meta { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.row .meta span { font-size: 12px; padding: 5px 12px; color: var(--accent, #0573c7); border: 1px solid currentColor; border-radius: 20px; background: rgba(255,255,255,.7); }

/* 反向：图片在右 */
.row.alt { flex-direction: row-reverse; }

/* ===================== 全景画廊 ===================== */
.gallery { padding: 30px 0 60px; background: #f5f7fa; }
.gallery .head { text-align: center; margin-bottom: 36px; }
.gallery .head h2 { font-size: 28px; color: #0b1f3a; font-weight: 600; letter-spacing: 2px; }
.gallery .head h2 span { color: #0573c7; }
.gallery .head .bar { width: 40px; height: 3px; background: #0573c7; margin: 14px auto 0; }
.gallery .head .slogan { margin-top: 14px; font-size: 13px; color: #999; letter-spacing: 3px; }

.mosaic { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; gap: 12px; }
.mosaic .item { position: relative; overflow: hidden; border-radius: 4px; background: #fff; }
.mosaic .item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease, filter .4s ease; }
.mosaic .item:hover img { transform: scale(1.08); filter: brightness(.85); }
.mosaic .item .label { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 14px; color: #fff; font-size: 13px; letter-spacing: 1px; background: linear-gradient(0deg, rgba(0,0,0,.65), transparent); transform: translateY(8px); opacity: 0; transition: all .35s ease; }
.mosaic .item:hover .label { transform: none; opacity: 1; }
/* 不规则跨度 */
.mosaic .item.tall { grid-row: span 2; }
.mosaic .item.wide { grid-column: span 2; }


/* ===================== 底部咨询栏（极简）===================== */
.cta { position: relative; padding: 80px 0; color: #fff; text-align: center; background: url(../images/aboutuys8.jpg) #0b1f3a center/cover no-repeat fixed; overflow: hidden; }
.cta::before { content: ""; position: absolute; inset: 0; background: url(../images/banner/banner2.jpg) center/cover no-repeat; opacity: .25; }
.cta::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,31,58,.5), rgba(11,31,58,.85)); }
.cta .container { position: relative; z-index: 2; }
.cta h3 { font-size: 30px; font-weight: 600; letter-spacing: 3px; }
.cta .line { width: 40px; height: 3px; background: #5cb3ff; margin: 20px auto; }
.cta .phone { font-size: 44px; font-family: Georgia, "Times New Roman", serif; color: #5cb3ff; font-weight: 600; letter-spacing: 2px; }
.cta .phone span { display: block; font-size: 12px; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: rgba(255,255,255,.75); font-weight: normal; letter-spacing: 4px; margin-bottom: 10px; }


@media (max-width: 768px) {
  .hero { height: 380px; }
  .hero h1 { font-size: 42px; letter-spacing: 4px; }
  .row { flex-direction: column; }
  .row.alt { flex-direction: column; }
  .row .pic { flex: none; width: 100%; min-height: 260px; }
  .row .txt { padding: 30px 24px; }
  .row .num { font-size: 56px; }
  .row .cn { font-size: 22px; }
  .mosaic { grid-template-columns: repeat(2, 1fr); }
  .mosaic .item.wide { grid-column: span 1; }
  .mosaic .item.tall { grid-row: span 1; }
  .cta h3 { font-size: 22px; letter-spacing: 2px; }
  .cta .phone { font-size: 32px; }
  .lead { padding: 48px 0 30px; }
  .lead h2 { font-size: 26px; }
}

/* ===================== 区块标题 ===================== */
.sec { padding: 60px 0; }
.sec.gray { background: #f5f7fa; }
.sec-head { text-align: center; margin-bottom: 50px; }
.sec-head .tag { font-size: 12px; letter-spacing: 6px; text-transform: uppercase; color: #98a2ae; }
.sec-head h2 { margin-top: 10px; font-size: 32px; color: #0b1f3a; font-weight: 600; letter-spacing: 3px; }
.sec-head h2 span { color: #0573c7; }
.sec-head .bar { width: 40px; height: 3px; background: #0573c7; margin: 16px auto 0; }

/* ===================== 公司简介 ===================== */
#intro .wrap { display: grid; grid-template-columns: 50% 1fr; gap: 60px; align-items: center; }
#intro .side { position: relative; }
#intro .side .photo { border-radius: 8px; overflow: hidden; box-shadow: 0 24px 56px rgba(11,31,58,.16); }
#intro .side .photo img { width: 100%; height: 420px; object-fit: cover; transition: transform .7s ease; }
#intro .side:hover .photo img { transform: scale(1.05); }
#intro .logo-bar { position:absolute; bottom:10px; right:10px;  align-items: center; gap: 16px;  padding: 18px 24px; background: rgba(255,255,255,0.6); border: 1px solid #eef1f4; border-radius: 8px; box-shadow: 0 10px 30px rgba(11,31,58,.06); }
#intro .logo-bar img { height: 42px; }
#intro .info .cn { font-size: 28px; font-weight: 600; color: #0b1f3a; letter-spacing: 2px; }
#intro .info .en { margin-top: 8px; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #0573c7; }
#intro .info .line { width: 44px; height: 3px; background: #0573c7; margin: 20px 0 24px; }
#intro .info p { font-size: 14px; line-height: 2.05; color: #555; margin-bottom: 14px; text-align: justify; }
#intro .info p b { color: #0b1f3a; }

/* ===================== 企业文化 ===================== */
#culture { position: relative; color: #fff; background: url(../images/1224bj1.jpg) center/cover no-repeat fixed; }
#culture::before { content: ""; position: absolute; inset: 0; background: rgba(11,31,58,.88); }
#culture .container { position: relative; z-index: 2; }
#culture .sec-head h2 { color: #fff; }
#culture .sec-head h2 span { color: #9fdcff; }
#culture .sec-head .tag { color: rgba(255,255,255,.5); }
#culture .sec-head .bar { background: #9fdcff; }
#culture .culture-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
#culture .culture-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; padding: 40px 38px; backdrop-filter: blur(4px); transition: transform .35s ease, background .35s ease; }
#culture .culture-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.1); }
#culture .culture-card .no { font-size: 13px; letter-spacing: 4px; color: #9fdcff; text-transform: uppercase; }
#culture .culture-card h3 { margin: 12px 0 16px; font-size: 21px; font-weight: 600; letter-spacing: 2px; }
#culture .culture-card .en { margin-bottom: 16px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,.45); }
#culture .culture-card p { font-size: 13.5px; line-height: 2; color: rgba(255,255,255,.82); text-align: justify; }
#culture .culture-card .point { display: inline-block; margin: 16px 8px 0 0; padding: 5px 16px; font-size: 12px; letter-spacing: 2px; color: #9fdcff; border: 1px solid rgba(159,220,255,.35); border-radius: 30px; }

/* ===================== 企业优势 ===================== */
#advantage1 .adv-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
#advantage1 .adv { background: #fff; border: 1px solid #eef1f4; border-radius: 10px; padding: 40px 28px 36px; text-align: center; transition: transform .35s ease, box-shadow .35s ease; }
#advantage1 .adv:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(11,31,58,.12); }
#advantage1 .adv .icon { width: 76px; height: 76px; margin: 0 auto 22px; border-radius: 50%; background: #f0f7fd; display: flex; align-items: center; justify-content: center; color: #0573c7; transition: background .35s ease, color .35s ease; }
#advantage1 .adv:hover .icon { background: #0573c7; color: #fff; }
#advantage1 .adv .icon svg { width: 36px; height: 36px; }
#advantage1 .adv .cn { font-size: 18px; font-weight: 600; color: #0b1f3a; letter-spacing: 1px; }
#advantage1 .adv .en { margin-top: 6px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #98a2ae; }
#advantage1 .adv .desc { margin-top: 14px; font-size: 13px; color: #666; line-height: 1.8; }

/* ===================== 办公环境 ===================== */
.office-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.office-card { position: relative; border-radius: 10px; overflow: hidden; box-shadow: 0 16px 40px rgba(11,31,58,.10); }
.office-card img { width: 100%; height: 380px; object-fit: cover; transition: transform .8s ease; }
.office-card:hover img { transform: scale(1.07); }
.office-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,31,58,.7) 0%, rgba(11,31,58,.02) 55%); }
.office-card .cap { position: absolute; left: 26px; bottom: 22px; z-index: 2; color: #fff; }
.office-card .cap h3 { font-size: 20px; font-weight: 600; letter-spacing: 2px; }
.office-card .cap .en { margin-top: 4px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,.75); }

/* ===================== 底部 CTA ===================== */
#cta { position: relative; padding: 80px 0; color: #fff; background: url(../images/banner/banner2.jpg) center/cover no-repeat fixed; text-align: center; }
#cta::before { content: ""; position: absolute; inset: 0; background: rgba(11,31,58,.8); }
#cta .container { position: relative; z-index: 2; }
#cta h3 { font-size: 28px; font-weight: 600; letter-spacing: 3px; }
#cta .line { width: 44px; height: 3px; background: #5cb3ff; margin: 20px auto; }
#cta .phone { font-size: 40px; font-weight: 700; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 2px; }
#cta .phone span { display: block; margin-bottom: 6px; font-size: 12px; letter-spacing: 6px; font-family: "Microsoft YaHei", Arial, sans-serif; color: #9fdcff; }

@media (max-width: 1100px) { 
  #intro .wrap { grid-template-columns: 1fr; gap: 34px; }
  #intro .side .photo img { height: 300px; }
  #culture .culture-grid { grid-template-columns: 1fr; }
  #advantage1 .adv-grid { grid-template-columns: repeat(2, 1fr); }
  .office-grid { grid-template-columns: 1fr; }
  .office-card img { height: 300px; }
  #cta h3 { font-size: 22px; letter-spacing: 2px; }
  #cta .phone { font-size: 30px; }
}
@media (max-width: 768px) {
  .sec { padding: 45px 0; }
  .sec-head h2 { font-size: 26px; }
  #advantage1 .adv-grid { grid-template-columns: 1fr; }
  #intro .logo-bar { flex-direction: column; text-align: center; }
}