html{font-size:62.5%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif;font-size:18px;color:#333;word-break:break-all; overflow-x: hidden; width: 100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:top; max-width:100%; height:auto;}
option{padding-left:5px;*padding:0;}
ul,li{list-style:none;}
a{color:#424242;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
*{box-sizing:border-box;}


.navbar {width:100%;z-index:1000;position: fixed;background: rgba(255, 255, 255, 0.86);}
.navbar:hover{background: rgba(255, 255, 255, 1);}
.fixed{box-shadow:0 0px 10px rgba(0,0,0,0.5);background: rgba(255, 255, 255, 1);}
.nav-container {max-width:1600px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; position:relative;width:100%}
.logo{ position:relative; z-index:1000;}
/* .logo img{filter: brightness(0) invert(1);height:45px} */

.nav-menu {display:flex;margin-right:5rem}
.nav-item {position:relative;}
.nav-link {color:#000; text-decoration:none; padding:0 20px; font-size:18px; position:relative; z-index:3; display:inline-flex; align-items:center; gap:4px; transition:color 0.3s ease; line-height:120px; margin:0 10px;}
.nav-link::after {content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:2px; background:#fff; transition:width 0.3s ease; z-index:2;}
.nav-item:hover .nav-link::after {width:100%;}
.nav-item.active .nav-link::after {width:100%;}
.nav-item.active .nav-link,
.nav-item:hover .nav-link {color:#000;}
.dropdown-toggle .arrow {font-size:10px; color:inherit;}
.dropdown {position:absolute; top:100%; left:0; background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.1); list-style:none; width:200px; display:none; padding:0; margin:0; border-top:2px solid #fff; z-index:1;}
.nav-item:hover .dropdown {display:block;}
.dropdown-item .dropdown-link {color:#000; padding:12px 20px; text-decoration:none; display:block; font-size:16px; transition:background 0.3s ease;}
.dropdown-item .dropdown-link:hover {background:#f1f1f1;}
.header_tel a{display: flex;font-size:24px;color:#1151a4;align-items:center;}
.header_tel{}
.header_tel i{font-size:40px;color:#1151a4;margin-right:8px}

#colorNav > ul{width: 100%; margin:0 auto;line-height:90px;text-align:center;font-size: 0;}
#colorNav > ul > li{display: inline-block;position:relative;font-size:18px;vertical-align: middle; }
#colorNav > ul > li > a{padding:0 30px;display: block;transition: background-color 0.5s ease;}
#colorNav li ul{position:absolute;list-style:none;text-align:center;width: 100%;left:0;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.8s linear;-moz-transition:max-height 0.8s linear;transition:max-height 0.8s linear;z-index:999;border-radius: 0 0 5px 5px;}
#colorNav > ul > li > a:hover{background:#1151a4;color:#fff}
#colorNav li ul li{background-color:#fff;}
#colorNav li ul li a{padding:10px 15px;color:#000;text-decoration:none !important;display:block;line-height:30px;font-size:16px}
#colorNav li ul li:hover{background-color:#1b6abe;}
#colorNav li ul li:hover a{color:#fff}
#colorNav li ul li:first-child{position:relative;line-height:30px}
#colorNav li ul li:first-child:before{content:'';position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color:rgba(0,160,233,0.8);left:50%;top:-5px;margin-left:-5px;}
#colorNav li ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#colorNav li:hover ul{max-height:650px;}
.activ{background:#1151a4 !important;}




.sc_pages{width:100%;text-align:center;padding:15px 0}
.sc_pages span,.sc_pages a{display:inline-block;padding:5px 13px;border:1px solid #ccc;margin-right:5px}
.sc_pages .current{background:#a3a5aa;color:#fff}
.pagination{list-style:none;padding:0;margin:20px 0;display:flex;justify-content:center;gap:5px;}
.pagination li{display:inline-block;}
.pagination li a,.pagination li span{display:block;padding:8px 12px;border:1px solid #ddd;color:#333;text-decoration:none;}
.pagination li.active span{background:#007bff;color:#fff;border-color:#007bff;}
.pagination li.disabled span{color:#999;cursor:not-allowed;}

/* 首页轮播图 */
.mySwiper {width: 100%;position:relative;}
.mySwiper .swiper-slide {position: relative;width: 100%;}
.mySwiper .swiper-slide > img {display: block;width: 100%;height: auto;object-fit: cover;}


.swiper-slide-text-wrap {position: absolute;inset: 0;display: flex;align-items: center;}
.mySwiper .swiper-pagination{bottom:30px;}
.mySwiper .swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,0.4);opacity:1;margin:0 6px;}
.mySwiper .swiper-pagination-bullet-active{background:#ffffff;width:30px;height:12px;border-radius: 6px;}

.max1600 {width: 100%;max-width: 1600px;margin: 0 auto;padding: 0 40px;color: #ffffff;}
.max1200 {width: 100%;max-width: 1300px;margin: 0 auto;padding: 0 40px;color: #ffffff;}

.banner1-inner h2 {font-size: 44px;font-weight: 700;margin: 0 0 12px;}
.banner1-inner .desc1 {font-size: 30px;margin: 0 0 30px 0px;color:#92cbfb}
.banner1-inner .desc2 {font-size: 28px;margin: 0 0 60px 0px;font-weight: 700;}
.slide-buttons {display: flex;gap: 22px;margin-bottom: 120px;}
.slide-buttons a {display: inline-flex;align-items: center;height: 48px; padding: 0 30px;border-radius: 999px;font-size: 16px;text-decoration: none;white-space: nowrap;}
.btn-white {background: #fff;color: #0F439C;}
.btn-blue {background-color: #1967d2;color: #fff;}
.slide-data-row {display: flex;justify-content: space-between; width: 100%;}
.data-it .num {font-size: 48px;line-height: 1.2;}
.data-it .num span{font-weight: 700;}
.data-it .num sup{font-size:30px}
.data-it .label {font-size: 20px;}

/* ====================== Banner2 新版布局【上下两行结构】 ====================== */
.banner2-inner{position: relative;top: 37%;transform: translateY(-50%);color: #fff;}
.banner2-row-top{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 60px;gap:80px}
.banner2-text-col{width: 55%;text-align: center;}
.banner2-img-top-col{width: 45%;}
.banner2-img-top-col img{width: 100%;display: block;}
.banner2-row-bottom{display: flex;width:1100px;margin: 0px auto;}
.banner2-row-bottom .img-item{flex: 1;}
.banner2-row-bottom .img-item img{width: 100%;display: block;}
.banner2-text-col h2{font-size: 44px;font-weight: 700;margin:0 0 8px;}
.banner2-text-col h3{font-size: 40px;color:#90c8ff;font-weight: 600;margin:0 0 12px;}
.banner2-text-col .desc1{font-size: 28px;margin:0 0 10px;}
.banner2-text-col .desc-yellow{font-size: 22px;color:#ffdd33;margin:0 0 36px;}
.slide-buttons {display: flex;gap: 22px;}
.banner2-text-col .slide-buttons {justify-content: flex-end;margin-bottom: 0px;}


/* ====================== Banner3 修正样式 ====================== */

.banner3img{position: absolute;right: 40px;bottom: 0;width: 54%;pointer-events: none;z-index: 1;}
.banner3img img{width: 100%;display: block;}
.banner3-inner {position: absolute;left: 15%; top: 52%;transform: translateY(-50%);width: 850px; color: #ffffff;z-index: 2;}
.max1600.banner3-inner{margin:0;}
.banner3-inner h2 {font-size: 49px;font-weight: 700;margin: 0 0 16px;}
.banner3-inner .desc1 {font-size: 30px;margin: 0 0 12px;}
.banner3-inner .desc2 {font-size: 18px;margin: 0 0 18px;}
.banner3-inner .tel-text {font-size: 32px;margin: 0 0 36px;}
.banner3-inner .tel-text span {color: #ffd322;font-weight: bold;}
.btn-blue-outline {background: transparent !important;border: 1px solid #fff;color: #fff !important;}
/* ====================== Banner4 第四屏样式追加 ====================== */
.banner4img{position: absolute;right: 10%;top: 58%;transform: translateY(-50%);width: 53%;pointer-events: none;z-index: 1;}
.banner4img img{width: 100%;display: block;}
.banner4-inner {position: absolute;left: 14%;top: 37%;transform: translateY(-50%);width: 1000px;z-index: 2;margin: 0 !important;}
.banner4-inner h2 {font-size: 48px;font-weight: 700;color: #111111;margin: 0 0 14px;}
.banner4-inner .desc-blue {font-size: 37px;color: #1967d2;font-weight: 600;margin: 0 0 16px;}
.banner4-inner .desc-gray {ont-size: 24px;color: #555555;line-height: 1.6;margin: 0;}

/* ========== Swiper 动画样式 ========== */
.swiper-slide .anim-target {opacity: 0;visibility: hidden;}
@keyframes swiper-fadeInDown {
from {opacity: 0;transform: translateY(-30px);visibility: hidden;}
to {opacity: 1;transform: translateY(0);visibility: visible;}
}

@keyframes swiper-fadeInUp {
from {opacity: 0;transform: translateY(30px);visibility: hidden;}
to {opacity: 1;transform: translateY(0);visibility: visible;}
}

@keyframes swiper-fadeInRight {
from {opacity: 0;ransform: translateX(30px);visibility: hidden;}
to {opacity: 1;transform: translateX(0);visibility: visible;}
}

@keyframes swiper-fadeInLeft {
from {opacity: 0;transform: translateX(-30px);visibility: hidden;}
to {opacity: 1;transform: translateX(0);visibility: visible;}
}
.swiper-slide .anim-target.swiper-anim-active {opacity: 1 !important;visibility: visible !important;}
.swiper-slide .fadeInDown.swiper-anim-active {animation: swiper-fadeInDown 0.8s ease forwards;}
.swiper-slide .fadeInUp.swiper-anim-active {animation: swiper-fadeInUp 0.8s ease forwards;}
.swiper-slide .fadeInRight.swiper-anim-active {animation: swiper-fadeInRight 0.8s ease forwards;}
.swiper-slide .fadeInLeft.swiper-anim-active {animation: swiper-fadeInLeft 0.8s ease forwards;}
.wow {visibility: hidden;}
.wow.animated {visibility: visible !important;}


.floatbox{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.7);left:0;top: 0;z-index: -999;opacity: 0;transition: .3s;}
.floatbox.show{z-index: 999;opacity: 1;}
.floatbox .info{background: #fff;width: 800px;height:495px;position: absolute;top:50%;left: 50%;margin-left:-400px;margin-top: -250px;border-radius: 10px;}
.floatbox .thead{height: 45px;background: #fff;z-index: 99;position: relative;}
.floatbox .thead .close{position: absolute;right: 30px;top: 20px;display: block;cursor:pointer;}
.floatbox .thead .close:after,.floatbox .thead .close:before{content: "";display: block;width: 20px;height: 2px;background: #888;transform: rotate(45deg);position: absolute;left: 0;top:0;}
.floatbox .thead .close:after{transform: rotate(135deg);}
.videofloatbox video{width: 100%;height: 100%;}
.videofloatbox .info span{width: 40px;height: 40px;background: rgba(255,255,255,.8);border-radius: 50%;position: absolute;bottom:-50px;left: 50%;margin-left: -20px;display: block;cursor: pointer;}
.videofloatbox .info span:after,.videofloatbox .info span:before{content: "";width: 60%;height: 2px;background: #333;display: block;transform: rotate(45deg)  ;position: absolute;left:8px;top:20px;}
.videofloatbox .info span:before{transform: rotate(-45deg);}




/* 内页轮播图 */
.banner {width: 100%;overflow: hidden;position: relative;}
.banner-item {width: 100%;position: relative;}
.banner img {width: 100%;height: auto;display: block;object-fit: cover;}
.banner-text {position: absolute;left: 8%;top: 50%;transform: translateY(-50%);color: #fff;z-index: 2;}
.banner-text h1 {font-size: 48px;font-weight: bold;margin-bottom: 16px;}
.banner-text p {font-size: 20px;line-height: 1.8;opacity: 0.95;}


.container {max-width: 1600px;margin: 0 auto;width:100%}
.clearfix::after {display: block;content: "";clear: both;}

.arrow-toggle{transition: transform 0.22s ease;float:right;font-size:24px !important}
.arrow-toggle.rotate{transform: rotate(180deg);font-size:24px !important}
/* ========== 通用区块样式 ========== */
.section {padding: 40px 0 0px 0px;}
.section-gray {}
.section-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 45px;}
.section-title h3 {font-size: 36px;color: #000;font-weight: bold;}
.section-title span {font-size: 20px;color: #1151a4;margin-left: 10px;font-weight: normal;}
.section-title > p {font-size: 16px;margin-top: 6px;color:#666;}
.search-bar {display: flex;align-items: center;gap: 170px;}
.search-input-wrap {position: relative;}
.search-input-wrap input {width: 530px;height: 50px;padding: 0 54px 0 20px;border: 1px solid #8f8f8f;border-radius: 999px;font-size: 16px;outline: none;}
.search-input-wrap .icon-sousuo {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 36px;color:#888;}
.search-input-wrap .icon-sousuo:hover{color:#1e5295;cursor:pointer}
.all-product-link {display: flex;align-items: center;gap: 10px;font-size: 14px;color:#333;}
.all-product-link .circle-btn {color:#1151a4;display: flex;align-items: center;justify-content: center;}
.all-product-link .circle-btn i{font-size:40px !important;}
.section-heads {display: flex;justify-content: space-between;align-items: center;margin:20px 0;}
.section-heads .section-title span{font-size:16px;font-weight: normal;display:inline-block;margin-right: 10px;}
.section-heads .section-title a{font-size:16px;font-weight: normal;color:#888;display:inline-block;margin-right: 10px;}
/* 产品五大分类 */
.cate-row {display: grid;grid-template-columns: repeat(5, 1fr);background:#f3f5f9;}
.cate-item {padding: 55px 50px 70px 50px;text-align: center;position: relative;overflow: hidden;transition: border-color 0.35s ease;border-right: 1px solid;
border-image: linear-gradient(to bottom, rgba(226,226,226,0), #e2e2e2, rgba(255,226,226,0)) 1;}
.cate-item:nth-child(5n) {border-right:none;}
.cate-icon {margin-bottom: 30px;}
.cate-item h3{font-size:24px;font-weight: bold;color:#000;}
.cate-item span{font-size:18px;margin-bottom: 30px;display: block;}
.cate-item p{font-size:15px;color:#666666}
.cate-img {margin-top: 30px;}
.cate-item .hover-mask {position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: linear-gradient(180deg, #003b87 0%, #0081ef 100%);opacity: 0.85;transition: top 0.65s ease;z-index: 2;}
.cate-item:hover .hover-mask {top: 0;}
.cate-origin-wrap {position: relative;z-index: 1;transition: opacity 0.3s ease;}
.cate-hover-view {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;color: #fff;display: flex;flex-direction: column;align-items: center;padding: 55px 50px 70px 50px;
opacity: 0;transition: opacity 0.3s ease;}
.cate-item:hover .cate-hover-view {opacity: 1;}
.cate-hover-view img {width: 79px;filter: brightness(100);margin-bottom: 30px;}
.cate-hover-view h3 {font-size: 24px;color: #fff;margin-bottom: 30px;}
.cate-hover-list {width: 80%;}
.cate-hover-list div {font-size: 15px;padding: 12px 0;border-bottom: 1px solid rgba(255,255,255,0.4);}
.cate-hover-list div a{color:#fff}


/* ========== 包装膜&包装袋两栏模块【新版，匹配效果图】 ========== */
.two-col-row {display: grid;grid-template-columns: 1fr 1fr;margin-top: 30px;}
.two-col-card {height: 350px;background-size: cover;background-position: center left;background-repeat: no-repeat;display: flex;align-items: center;justify-content: flex-end;padding: 0 20px;}
.card-panel {padding: 36px 30px;}
.card-panel h3 {font-size: 36px;margin-bottom: 12px;}
.card-panel .desc {font-size: 16px;color: #444;margin-bottom: 26px;}
.feature-list {display: flex;justify-content: space-around;margin-bottom: 32px;}
.feature-item {text-align: center;}
.feature-icon {display: flex;align-items: center;justify-content: center;margin: 0 auto 8px;font-size: 48px;color:#1565c8}
.feature-item p {font-size: 16px;color: #333;}
.btn-blue {display: block;text-align: center;padding: 14px 24px;background: #1659ad;color: #fff;border-radius: 99px;font-size: 14px;}
.btn-orange {display: block;width: 100%;text-align: center;padding: 14px 24px;background: #f6ab40;color: #fff;border-radius: 99px;font-size: 16px;}
.card-film h3 { color: #1565c8;font-weight: bold;}
.card-film .feature-icon {}
.card-bag h3 { color: #e68a00; }
.card-bag .feature-icon { border-color: #e68a00; color:#e68a00; }
.two-col-card {    position: relative;    overflow: hidden;}
.two-col-card .hover-mask {position: absolute;left: -100%;top: 0;width: 100%;height: 100%;transition: left 0.65s ease;z-index: 1;}
.card-film .hover-mask {background-color: rgba(21, 101, 200, 0.85);}
.card-bag .hover-mask {background-color: rgba(230, 138, 0, 0.85);}
.two-col-card:hover .hover-mask {left: 0;}
.card-panel {position: relative;z-index: 2;transition: all 0.3s ease;}
.two-col-card:hover h3,
.two-col-card:hover .desc,
.two-col-card:hover .feature-item p {color: #ffffff;}
.two-col-card:hover .feature-icon {color: #ffffff !important;}

/* ========== 公司简介 ========== */
.about-row {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.about-text h3 {font-size: 36px;color: #1151a4;}
.about-text span {font-size: 23px;color: #000;margin:15px 0px 30px 0px;display: block;}
.about-text p {line-height: 26px;font-size: 14px;color: #666666;}
.about-video {height: 425px;}
.about-video video{border-radius: 20px;height: 425px;}
.btn-outline {display: inline-block;margin-top: 32px;color: #fff;padding: 10px 28px;border-radius: 99px;font-size: 14px;background:#1f69c9}

/* ========== 研发能力 ========== */
.research {background: url(../img/rybg.jpg);background-size: 100%;color: #fff;margin-top:40px;padding-bottom:40px}
.center-title {text-align: center;font-size: 30px;margin-bottom: 35px;}
.center-title::before {content: "——";margin-right: 14px;}
.center-title::after {content: "——";margin-left: 14px;}
.center-title a {position: relative;/* 取消默认下划线 */text-decoration: none;}
/* 伪元素做底线 */
/* .center-title a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease, left 0.3s ease;
    transform: translateX(-50%);
} */
/* 悬停：宽度撑开，实现中间向两端延伸 */
.center-title a:hover::after {    width: 100%;}
.center-p{font-size:14px;text-align: center;line-height: 25px;}
.research-row {display: grid;grid-template-columns: 1fr 1fr;gap: 240px;align-items: center;}
.patent-row {display: grid;grid-template-columns: repeat(3,1fr);gap: 24px;}
.patent-item {text-align: center;color: #fff;position: relative;}
.patent-img {margin-bottom: 14px;}
.patent-item p {font-size: 16px;line-height: 1.6;position: relative;display: inline-block;padding: 0 50px;}
.count-num {font-size: 36px;font-weight: bold;}
.patent-item p::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 52px;height: 90px;background-image: url("../img/sui.png");background-repeat: no-repeat;
background-size: 230%;background-position: left center;}
.patent-item p::after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 52px;height: 90px;background-image: url("../img/sui.png");background-repeat: no-repeat;
background-size: 230%;background-position: right center;}
.doctor-row {display: flex;gap: 0px;margin-top: 34px;justify-content: right;}
.doctor-item {text-align:center}
.doctor-item p{padding-right:55px}
.doctor-avatar {margin: 0 auto 0px;overflow: hidden;}


/* ========== 工厂实力 ========== */
.factory-imgs {background: url(../img/gcsl.jpg);background-size: 100%;padding-bottom:40px}
.factory-img {height: 280px;background: #ccc;border-radius: 6px;}
.data-row {display: grid;grid-template-columns: repeat(4,1fr);text-align: center;gap: 24px;}
.data-item .num {font-size: 36px;font-weight: bold;color: #434343;}
.data-item .desc {font-size: 15px;color: #434343;margin-top: 8px;}
.lbt-box {position: relative;width: 1260px;height: 600px;margin: 0 auto;}
.imgs {width: 100%;height: 100%;perspective: 1000px;}
.imgitem {position: absolute;width: 400px;height: 500px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 0;transition: .8s;opacity: 0;}
.imgitem img {width: 100%;height: 100%;box-shadow: 0 18px 22px -10px rgba(0,0,0,0.35);border-radius: 4px;}
.cur-img {width: 800px;z-index: 100;opacity: 1;}
.pre-img {transform: translateX(-400px) rotateY(30deg) scale(0.8);z-index: 9;opacity: 0.9;}
.next-img {transform: translateX(400px) rotateY(-30deg) scale(0.8);z-index: 9;opacity: 0.9;}
.pre-img a,.next-img a{pointer-events:none;}


/* ========== 资质证书 ========== */
.cert {background: url(../img/rybgg.jpg);background-size: 100%;color: #fff;padding-bottom:40px}
.cert-row {display: grid;grid-template-columns: repeat(5,1fr);gap: 60px;}
.cert-item {text-align: center;}
.cert-item img{width:100%;}
.cert-item p{margin:15px 0px;color:#fff;font-size:18px}


/* ========== 客户案例 ========== */
.case_img{background: url(../img/case.jpg) center bottom;background-size: 100%;padding-bottom:40px}
.client-wrap {display: grid;grid-template-columns: 540px 1fr;gap: 60px;align-items: center;}
.client-data-wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 40px 20px;}
.client-data {text-align: center;}
.client-data .num {font-size: 64px;font-weight: bold;color: #0f3480;line-height: 1;}
.client-data .text {font-size: 18px;color: #666;margin-top: 12px;}
.client-logo-wrap {display: grid;grid-template-columns: repeat(7, 1fr);grid-template-rows: repeat(3, 1fr);gap: 12px;}
.logo-item {height: 92px;border: 1px solid #e6e6e6;border-radius: 6px;background: #fff;display: flex;align-items: center;justify-content: center;padding: 8px;}
.logo-item img {max-width: 85%;max-height: 85%;object-fit: contain;}
.client-desc {text-align: center;font-size: 18px;color: #666;margin: 12px 0 50px;line-height: 1.8;}
.logo-item {perspective: 400px;position: relative;}
.logo-flip-inner {width: 100%;height: 100%;transform-style: preserve-3d;transition: transform 0.8s ease;position: relative;}
.logo-item:hover .logo-flip-inner {transform: rotateY(180deg);}
.logo-face {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 6px;backface-visibility: hidden;}
.logo-face-front {}
.logo-face-back {background: linear-gradient(180deg, #1558bc 0%, #991868 100%);transform: rotateY(180deg);color:#fff;font-size:16px;text-align:center;}
.logo-face-front img {max-width: 100%;max-height: 100%;object-fit: contain;}


/* ========== 行业应用 ========== */
.industry-wrap {position: relative;}
.industry-top-text {position: absolute;left: 50%;top: 30px;transform: translateX(-50%);text-align: center;color: #fff;z-index: 2;}
.industry-top-text h2 {font-size: 42px;font-weight: normal;}
.industry-top-text .en {font-size: 20px;margin: 6px 0 16px;}
.industry-top-text .desc {font-size: 16px;opacity: 0.95;}
.industry-row {display: grid;grid-template-columns: repeat(5, 1fr);height: 620px;}
.industry-item {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;overflow: hidden;cursor: pointer;}
.industry-item::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: inherit;background-size: cover;background-position: center;background-repeat: no-repeat;
z-index: 0;transform: scale(1.2);animation: bgZoom 1s ease-out forwards;}
@keyframes bgZoom {
100% {
transform: scale(1);
}
}
.industry-item::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 30, 70, 0.65);transition: all 0.4s ease;z-index: 1;}
.industry-item:hover::after {background: rgba(0, 30, 70, 0.25);}
.industry-item > div,
.industry-item > p {position: relative;z-index: 2;}
.industry-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;text-decoration: none;}
.industry-icon {width: 90px;height: 90px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 36px;margin-bottom: 20px;background: rgba(255,255,255,0.34);
position: relative;transition: transform ease-out 0.1s, background 0.2s;}
.industry-icon::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;z-index: -1;box-shadow: 0 0 0 2px rgba(255,255,255,0.1);opacity: 0;transform: scale(0.9);}
.industry-icon i{font-size: 48px !important;}
.industry-item p {font-size: 26px;}
.industry-item:hover .industry-icon{background:#358bfd !important;transform: scale(0.93);}
.industry-item:hover .industry-icon::after {animation: sonarEffect 1.3s ease-out 75ms;}
@keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #358bfd, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #358bfd, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}
}



/* ========== 新闻中心 ========== */
.news-row {display: grid;grid-template-columns: repeat(2, 1fr);gap:10px 40px;}
.news-item {background: #f6f6f6;padding: 0;}
.news-item a {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;padding: 16px 40px;}
.news-item .hover-mask {position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: rgba(21, 101, 200, 0.85);transition: left 0.65s ease;z-index: 1;}
.news-item a:hover .hover-mask {left: 0;}
.news-inner {position: relative;z-index: 2;}
.news-title {font-size: 16px;color: #333;display: block;margin-bottom:17px;transition: color 0.3s ease;}
.news-time {font-size: 14px;color: #333333;transition: color 0.3s ease;}
.news-item p {border-top:1px solid #dcdcdc;padding-top:15px;transition: border-color 0.3s ease;}
.news-item a:hover .news-title,
.news-item a:hover .news-time {color: #fff;}
.news-item a:hover p {border-top-color: rgba(255,255,255,0.4);}

/* ========== 内页左右布局样式 ========== */
.page-wrap {display: grid;grid-template-columns: 290px 1fr;gap: 50px;}
.page-sidebar {}
.sidebar-block {margin-bottom: 35px;box-shadow: 0px 5px 5px #d8d8d8 ;}
.sidebar-block h4 {background: url(../img/left.jpg)no-repeat;color: #fff;padding: 20px 18px;font-size: 18px;background-size: cover;margin-bottom: 10px;}
.sidebar-block h4 span {font-size: 14px;opacity:0.85;font-weight:normal;}
.sidebar-menu {border-top:none;padding:0px 20px 20px 20px}
.sidebar-item {display:block;position:relative;overflow:hidden;padding:8px 18px;color:#000;border-bottom:1px solid #cdcdcd;transition:color 0.3s;font-size: 16px;}
/* .sidebar-item:last-child {border-bottom:none;} */
.sidebar-item {position: relative;display: block;color: #000;overflow: hidden; }
/* .sidebar-item .hover-mask {position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: rgba(21, 101, 200, 0.85);transition: left 0.65s ease;z-index: -1;} */
.sidebar-item:hover {color: #fff;background: rgba(21, 101, 200, 0.85)}
.sidebar-item:hover .hover-mask {left: 0;}

/* 普通分组hover，排除active状态 */
.sidebar-group .sidebar-item:not(.active):hover {color: #fff !important;}

/* active选中项：hover时维持原有样式，不改变颜色 */
.sidebar-group .sidebar-item.active:hover {
    color:#000 !important;
    background:#e1e1e1 !important;
}

.sidebar-group .sidebar-item .hover-mask {display: none;}
.sidebar-item.active {background:#e1e1e1;color:#000;}
.sidebar-sub > a{padding-left:25px;font-size:14px;border-bottom: 1px #cdcdcd dashed;color:#888}
.sidebar-sub .active {background:#1151a4;color:#FFF;}
.sidebar-tag {border:1px solid #eee;padding:15px;display:grid;grid-template-columns: repeat(2,1fr);gap:8px;}
.sidebar-tag a {font-size:14px;color:#555;padding:4px 0;border: 1px #cdcdcd solid;text-align: center;}
.sidebar-tag a:hover {color:#1558bc;}

.page-content {}
.page-title {font-size:24px;border-bottom:1px solid #ddd;margin-bottom:30px;line-height: 30px;padding-bottom:20px}
.page-title span{float: right;font-size:14px;color:#666666}
.page-title span a{color:#666666}
.page-text p {font-size:14px;line-height:1.8;color:#444;margin-bottom:5px;}

.downlist{display:grid;grid-template-columns: repeat(1, 1fr);gap:15px 0px;}
.downlistlist{background-color: #f5f5f5;padding:30px 20px}
.downlistlist span{float:right;background:#f00;padding:5px 10px;color:#fff;border-radius: 5px;display: inline-block;font-size: 14px;}

.form_group{padding-bottom: 1rem;}
.form_group label{display: block;font-size: 1.4rem;}
.form_group input{display: block;width:100%;height:4rem;border:1px solid #d1d5db;margin:1rem 0;padding-left:1rem;border-radius: 1rem;}
.form_group textarea{display: block;width:100%;height:6rem;border:1px solid #d1d5db;margin:1rem 0;padding-left:1rem;border-radius: 1rem;}
.form_g label{display: block;}
.form_g input{width:40%;height:4rem;border:1px solid #d1d5db;margin:1rem 0;padding-left:1rem;border-radius: 1rem;}


/* 产品中心区块 */
.product-top{padding:30px 0px;border-bottom:1px solid #e3e3e3}
.product-top h3{font-size:36px;color:#000;text-align:center;font-weight: bold;line-height: 40px;}
.product-top span{font-size: 14px;float: right;}
.product-wrap{width:1600px;margin:0 auto;padding:60px 0;}
.product-head{text-align:center;margin-bottom:40px;}
.product-head h2{font-size:24px;font-weight:normal;margin-bottom:12px;}
.product-head .path{font-size:13px;color:#888;text-align:right;margin-bottom:8px;}
.product-head .desc{font-size:20px;color:#888888;line-height:1.7;}
.icon-row{display:grid;grid-template-columns: repeat(9, 1fr);gap:16px;margin:0px 59px 35px 59px}
.icon-item{text-align:center;padding:16px 8px;background:#f7f7f7}
.icon-item img{width:83px;height:83px;margin-bottom:8px;}
.icon-item span{font-size:14px;color:#333333;display:block}
.product-grid{display:grid;grid-template-columns: 1fr 1fr;gap:24px;}
.product-card{border:1px solid #eaeaea;padding:24px;display:flex;box-shadow: 0px 0px 10px #ededed ;transition: box-shadow 0.3s ease;}
.product-card:hover{box-shadow: 0px 0px 10px #1151a4}
.pro-left{width:245px;flex-shrink:0;}
.pro-left img{width:90%;display:block;}
.pro-right{flex:1;}
.pro-top{display:flex;justify-content:space-between;align-items:center;margin:18px 0px 16px 0px;}
.pro-top h3{font-size:24px;font-weight:bold;color:#333333}
.pro-top a{font-size:12px;color:#2374d1;text-decoration:none;}
.pro-sub-list{display:flex;flex-wrap:wrap;gap:15px 20px;}
.pro-sub-list a{font-size:14px;color:#666;position: relative;text-decoration: none;padding-bottom: 3px;}
.pro-sub-list a::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 2px;background: #358bfd;transition: width 0.3s ease, left 0.3s ease;transform: translateX(-50%);}
.pro-sub-list a:hover::after{width: 100%;}
.pro-sub-list a:hover{color:#358bfd;}
.global{display:grid;grid-template-columns: repeat(4, 1fr);gap:15px;}
.flip-wrap {position: relative;overflow: hidden;border: 1px solid transparent;transition: all 0.4s ease;}
.flip-film {position: relative;width: 100%;background:#f5f5f5;padding: 10px;}
.flip-wrap:hover {border-color: #358bfd;}
.flip-face {position: relative;width: 100%;}
.flip-front {z-index:2;}
.flip-back {display: none !important;}
.content_list_img {overflow: hidden;height: 210px; width: 100%;}
.content_list_img img{width:100%;height: 100%;display:block;object-fit: cover;object-position: center; transition: transform 0.4s ease;}
.flip-wrap:hover .content_list_img img {transform: scale(1.06);}
.content_list_txt{text-align: center;padding:15px 0px;transition: color 0.4s ease;font-size:14px}
.flip-wrap:hover .content_list_txt {color: #358bfd;}
.flip-link{position:absolute;inset:0;z-index:10;}

.tx_pro{display:grid;grid-template-columns: repeat(4, 1fr);gap:15px;}
.e_works{display:grid;grid-template-columns: repeat(6, 1fr);gap:15px;width:1600px;margin:0px auto}

.news_pad{padding:0px 24px}
.jj_tit{text-align: center;font-size:24px;line-height:60px;font-weight: bold;}
.news_box{border-bottom:1px solid #ebebeb;margin-bottom:30px;font-size:16px;padding-bottom:30px;text-align: center;color:#888}
.news_box span{margin-right:30px}

.news_detail{grid-template-columns: repeat(1, 1fr);display:grid;}
.content_list{display: grid;grid-template-columns: 200px 1fr;gap: 60px;align-items: center;border-bottom:1px solid #ebebeb;padding-bottom:30px;margin-bottom:30px;}
.content_img img{width:100%;border:1px solid #ebebeb}
.content_news h3{color:#000;font-size: 20px;padding-bottom:20px}
.content_news p{color:#888;font-size:14px}
.content_news span{color:#1151a4;font-size:24px !important;}

/* ========== 页脚 Footer 新版 ========== */
.f_link{background-color: #4e5462;color: #fff;padding: 30px 0 !important ;font-size: 16px;margin-top:40px}
.f_link a{color:#fff;display: inline-block;padding-right:25px}
.f_link a:hover{}

.footer {background-color: #3c414b;color: #eaf0ff;padding: 60px 0 30px;}
.footer-top {display: grid;grid-template-columns: 590px 1fr;gap: 60px;border-right: 1px solid #555a64;}
.footer-contact {padding-right: 60px;border-right: 1px solid #555a64;}
.contact-tel-item {display: flex;align-items: center;gap: 16px;margin-bottom: 16px;}
.tel-circle-icon {width: 90px;height: 90px;border: 2px solid #3478d8;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 40px;color: #3478d8;flex-shrink: 0;}
.tel-circle-icon i{font-size:48px !important}
.tel-text h5 {font-size: 24px;font-weight: normal;line-height: 1.4;}
.footer-contact .mail,
.footer-contact .tip-text {font-size: 16px;line-height: 1.8;}
.footer-nav-wrap {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
.footer-nav-col h4 {font-size: 18px;font-weight: normal;color: #fff;margin-bottom: 20px;}
.footer-nav-col a {display: block;font-size: 13px;color: #d8dde6;line-height: 2.2;}
.footer-nav-col a:hover {color:#fff;}
.footer-bottom {margin-top: 30px;padding-top: 30px;border-top: 1px solid #555a64;text-align: center;font-size: 14px;line-height: 1.8;}
.footer-bottom p a{color:#eaf0ff}
.footer-bottom p i{padding:0px 10px;}




/* 产品详情 */
.related-products {margin-top: 40px;padding-top: 30px;}
.related-products .title {font-size: 20px;font-weight: bold;margin-bottom: 20px;color: #333;border-bottom:1px solid #c8c8c8;padding-bottom:20px}
.related-products .title a {font-size: 14px;font-weight: normal;color: #999;margin-left: 10px;float:right}
.related-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.related-list .item {border: 1px solid #ddd;border-radius: 8px;overflow: hidden;transition: all 0.3s ease;}
.related-list .item:hover {border-color: #358bfd;}
.related-list .item a {display: block;}
.related-list .item img {width: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
.related-list .item:hover img {transform: scale(1.06);}
.related-list .item .info {padding: 15px;}
.related-list .item .info .name {font-size: 15px;color: #333;text-decoration: none;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.5;transition: color 0.3s ease;}
.related-list .item:hover .info .name {color: #358bfd;}
.related-list .item .info .time {font-size: 12px;color: #999;margin-top: 8px;}


.product-box {
display: flex;
max-width: 1400px;
margin: 30px auto;
}
/* 左侧图片模块，只保留图片，删除标题特性模块 */
.product-left {
width: 550px;
position: relative;
}
.product-left img {
width: 100%;
display: block;
}

/* 右侧文字模块 */
.product-right {
width: 48%;
padding: 10px 10px 10px 30px;
}
.product-right h2 {
font-size: 22px;
font-weight: bold;
margin-bottom:10px;
padding-bottom:12px;
border-bottom:1px solid #ddd;
}
.desc-block{font-size:14px;color:#666666;line-height: 25px;padding-bottom:15px}
.desc-block p{
font-size:18px;
color:#666;
margin-bottom:14px;
line-height:1.8;
}
.desc-block ul{
padding-left:20px;
}
.desc-block li{
font-size:18px;
color:#444;
line-height:2;
}
/* 重点改回水平并排，中间竖线分割 */
.contact-wrap {
display: flex;
flex-direction: row;
gap: 24px;
align-items:center;
}
.contact-item {
position: relative;
}

/* 微信：图标在上，文字在下 */
.wechat-item {
display: flex;
flex-direction: column;
align-items: center;
}
.wechat-text{font-size:14px;color:#666666}
/* 电话：图标和文字水平居中对齐 */
.tel-item {
display: flex;
align-items: center;
gap: 12px;
}
/* 中间分割竖线 */
.contact-wrap .divider{
width:1px;
height:70px;
background:#dddddd;
}

.icon-wechat{
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
color:#28c445;
font-size:48px;
}
.icon-tel{
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
color:#56a6ec;
font-size:52px;
}
.tel-text .lab{
font-size:14px;
color:#666;
}
.tel-text .num{
font-size:24px;
color:#ff7800;
font-weight:bold;
}
/* 产品详情栏 */
.detail-bar{
max-width:1400px;
margin:0 auto 30px auto;
background:#ededed;
padding:10px 24px;
font-size:20px;
color:#1051a3;
}
.detail-bar p{border-left:4px solid #1051a3;padding-left:10px}
/* 二维码气泡容器 */
.qrcode-popup {
position: absolute;
left: 0;
bottom: calc(100% + 12px);
width: 120px;
height: 120px;
background: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
display: none;
z-index: 100;
}
.qrcode-popup img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* 鼠标悬停显示二维码 */
.wechat-item:hover .qrcode-popup {
display: block;
}
/* 气泡小三角 */
.qrcode-popup::after {
content: "";
position: absolute;
left: 26px;
bottom: -8px;
width: 16px;
height: 16px;
background: #ffffff;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
transform: rotate(45deg);
}



@media (max-width: 768px) {
	.related-list {grid-template-columns: repeat(2, 1fr);gap: 15px;}
}
@media (max-width: 480px) {
.related-list {grid-template-columns: 1fr 1fr;gap: 10px;}
.related-list .item img {height: 120px;}
.related-list .item .info {padding: 10px;}
.related-list .item .info .name {font-size: 13px;}
}










@media (min-width: 992px) and (max-width: 1199px) {


}

/* 3. 小型设备（平板）：768px ~ 991px */
@media (min-width: 768px) and (max-width: 991px) {


}




@media (max-width: 767px) {

}