@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


:root{--primary-blue:#1c7dc4;--dark-blue:#063252;--accent-gold:#f59e0b;--text-main:#334155;--text-light:#64748b;--bg-light:#f8fafc;--white:#fff;--transition:all .4s cubic-bezier(0.25,1,0.5,1);--bg-gradient-end:#ebf3fc;}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:62.5%; /* 10÷16=62.5% */}body{font-size:16px;font-size:1.6rem;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--text-main);line-height:1.8;background-color:var(--white);overflow-x:hidden}
a{text-decoration:none;color:inherit}
h1,h2{font-family:'Inter';font-weight: bold;}
ul{list-style:none}
img{width:100%;display:block;transition:var(--transition);height: auto;}
.container{max-width:1400px;margin:0 auto;width: 86%;}.container1{margin:0 auto;width: 86%;}
.section-padding{padding:100px 0}
.bg-alt{background-color:var(--bg-light)}
.section-title-wrapper{text-align:center;margin-bottom:60px;position:relative}
.section-kicker{text-transform:uppercase;letter-spacing:3px;color:var(--primary-blue);font-weight:700;margin-bottom:10px;display:block}
.section-title{font-size:3.8rem;color:var(--dark-blue);font-weight:700;position:relative;z-index:2}
.section-title::after{content:'';display:block;width:50px;height:3px;background-color:var(--primary-blue);margin:15px auto 0 auto}
.section-title-no::after{display: none;}
.btn{display:inline-flex;align-items:center;padding:14px 32px;font-weight:600;border-radius:4px;transition:var(--transition);cursor:pointer}
.btn-primary{background-color:var(--primary-blue);color:var(--white)}
.btn-primary:hover{background-color:var(--dark-blue);transform:translateY(-3px);box-shadow:0 10px 20px rgba(28,125,196,0.2)}
.btn-accent{background-color:var(--accent-gold);color:var(--dark-blue)}
.btn-accent:hover{background-color:#d98206;transform:translateY(-3px)}
.btn-outline{border:2px solid var(--white);color:var(--white)}
.btn-outline:hover{background-color:var(--white);color:var(--primary-blue);transform:translateY(-3px)}
.sub-block-title{font-weight:700;color:var(--dark-blue);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.sub-block-title::after{content:'';flex:1;height:1px;background:var(--bg-gradient-end)}
.block-tag{border-left: 3px solid var(--dark-blue); padding-left:10px;line-height: 1;margin-bottom:30px;}.block-tag1{border-left: 3px solid #0b95f9;}
.text-list li{margin-bottom: 10px;position: relative;padding-left: 16px;}.text-list li::before{content:"•";position:absolute;left:0;color:var(--dark-blue)}
.inst-tag{display:inline-block;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:4px 12px;border-radius:2px;margin-right:8px;margin-bottom:8px;color:#bccbdc}
.text-list1{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;}
.logo-item{display:inline-block;color:#bccbdc;padding:6px 15px;background:rgba(255,255,255,0.02);margin:4px;border-radius:2px}

.flex-split{display:flex;align-items:center;gap:60px}
.flex-center{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}
.split-left,.split-right{flex:1}

.fontsize18{font-size: 1.8rem;color:var(--text-light)}
.text-light{color:var(--text-light)}

@font-face {font-family: 'iconfont';src: url('iconfont.ttf?t=1782266337041') format('truetype');font-display:swap;ascent-override:100%;descent-override:0;line-gap-override:0;}
.iconfont{font-family:"iconfont"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.iconfont.zhangli::before {content: "\e62d";}
.iconfont.liudong::before {content: "\e934";}
.iconfont.baoxian::before {content: "\ea67";}
.iconfont.jiantou::before {content: "\e678";}
.iconfont.gongshui::before {content: "\e630";}
.iconfont.jingshui::before {content: "\e624";}
.iconfont.yunying::before {content: "\e6c1";}
.iconfont.linghuo::before {content: "\e614";}
.iconfont.tiyan::before {content: "\e517";}
.iconfont.pinzhi::before {content: "\e69e1";}

.iconfont.fangwunengli::before {content: "\e672";}
.iconfont.fenlijingdu::before {content: "\e679";}
.iconfont.yali::before {content: "\e60f";}
.iconfont.kongzhi::before {content: "\e650";}
.iconfont.dingzhi::before {content: "\e63d";}
.iconfont.yandu::before {content: "\e651";}
.iconfont.haishui::before {content: "\e648";}
.iconfont.layer::before {content: "\f034";}
.iconfont.robot::before {content: "\f09a";}
.iconfont.tezhongcailiao::before {content: "\e621";}
.iconfont.wuyun::before {content: "\e532";}
.iconfont.guolv::before {content: "\e839";}
.iconfont.huaxue::before {content: "\e508";}
.iconfont.xiezuo::before {content: "\e6a0";}
.iconfont.linkedin::before {content: "\e69e";}
.iconfont.facebook::before {content: "\e609";}
.iconfont.twitter::before {content: "\e63f";}
.iconfont.baojia::before {content: "\e786";}
.iconfont.jianrongxing::before {content: "\ecbc";}
.iconfont.shuidi::before {content: "\e645";}


h3{margin-bottom:15px;font-size:1.8rem;font-weight: bold;}
.marginbottom20{margin-bottom:20px}.marginbottom30{margin-bottom:30px}.marginbottom50{margin-bottom:50px}
.bg_blue_light{background: var(--bg-light);}
.aligncenter{align-items: center;}
.flex_between{margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
.borderradius6{border-radius:6px;overflow: hidden;}
/*header*/
.logo{max-width: 300px;}

header{position:fixed;top:0;left:0;width:100%;background:rgba(11,69,112,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000}
.header-container{display:flex;align-items:center;justify-content:space-between;height:90px;position:relative}
.logo a{font-size:1.6rem;font-weight:800;color:var(--white);letter-spacing:1px}
.nav-menu{display:flex;align-items:center;height:100%}
.nav-item{position:static;margin:0 18px;height:100%;display:flex;align-items:center}
.nav-link{font-weight:600;color:rgba(255,255,255,0.95);height:100%;display:flex;align-items:center;gap:6px;transition:var(--transition);padding: 30px 0;}
.nav-link:hover{color:var(--accent-gold)}
.nav-link svg{fill:currentColor;transition:var(--transition)}
.nav-item:hover .nav-link svg{transform:rotate(180deg)}
.mega-menu{position:absolute;top:85px;left:0;width:100%;background-color:var(--white);box-shadow:0 25px 50px rgba(11,69,112,0.15);border-top:3px solid var(--primary-blue);border-bottom:4px solid var(--dark-blue);padding:40px 24px;gap:40px;opacity:0;visibility:hidden;transform:translateY(15px);transition:var(--transition)}
.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mega-menu.products-mega{display:grid;grid-template-columns:2.5fr 1.5fr 1.5fr}
.mega-menu.apps-mega{display:grid;grid-template-columns:3.5fr 2fr;max-width:1000px;left:50%;transform:translateX(-50%) translateY(15px);width:calc(100% - 48px);border-radius:0 0 6px 6px}
.nav-item:hover .mega-menu.apps-mega{transform:translateX(-50%) translateY(0)}
.mega-col-title{font-weight:700;color:var(--dark-blue);padding-bottom:12px;margin-bottom:15px;border-bottom:2px solid #f1f5f9;text-transform:uppercase;letter-spacing:.5px}
.mega-sub-list li{position:relative;margin-bottom:15px}
.mega-sub-list li:last-child{margin-bottom:0}
.mega-sub-list li a{display:inline-block;font-size:1.4rem;line-height:1.4;font-weight:500;color:var(--text-main);padding-left:14px;transition:var(--transition);word-break:break-word}
.mega-sub-list li a::before{content:'';position:absolute;left:2px;top:15px;transform:none;width:4px;height:4px;border-radius:50%;background-color:var(--text-light);transition:var(--transition)}
.mega-sub-list li a:hover{color:var(--primary-blue);padding-left:14px}
.mega-sub-list li a:hover::before{background-color:var(--primary-blue);width:6px;height:4px;border-radius:2px}
.mega-col-title a{color:inherit;text-decoration:none}.mega-col-title a:hover{color: var(--accent-gold);}

.mega-promo-card{background-color:var(--bg-light);border-radius:6px;padding:20px;border:1px dashed var(--bg-gradient-end);display:flex;flex-direction:column;justify-content:space-between}
.mega-promo-card h5{color:var(--dark-blue);margin-bottom:6px;font-size: 1.6rem;}
.mega-promo-card p{color:var(--text-light);margin-bottom:15px}
.mega-promo-btn{color:var(--primary-blue);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.mega-promo-btn:hover{color: var(--accent-gold);}

.relative{position: relative;}
.dropdown{width: auto;min-width: 300px;top:85px;left: -40%;}
.dropdown li a{display:block;padding:12px 20px;font-weight:500;color:var(--text-main);border-bottom:1px solid #f1f5f9;transition:var(--transition)}
.dropdown li a:hover{color:var(--primary-blue);padding-left:25px}

.mobile-toggle{display:none;background:0;border:0;cursor:pointer;padding:8px;z-index:1100}
.mobile-toggle span{display:block;width:26px;height:3px;background-color:var(--white);margin:5px 0;transition:var(--transition)}
/*banner*/
.banner{width:100%;height:600px;background:linear-gradient(135deg,#072133 0,#0b3c5d 60%,#1d5f8a 100%);display:flex;align-items:center;justify-content:center;color:#fff;padding-top:80px;position:relative;overflow:hidden}.banner .tagline{text-transform: uppercase;}
.banner h1{margin:0 0 15px 0;color:#fff;line-height: 1.3;max-width: 850px;}
.banner p{color:#fff;font-size: 1.8rem;max-width:750px}
.banner .btn{margin-top:30px;background: var(--white);color:var(--primary-blue)}.banner .iconfont::before{margin-right: 8px;position: relative;top: 2px;}

.banner-about{background:linear-gradient(rgba(11,69,112,0.8),rgba(11,69,112,0.8)),url('../images/banner-about.webp') no-repeat center center/cover;}
.banner_contact{background:linear-gradient(rgba(11,69,112,0.82),rgba(11,69,112,0.65)),url('../images/banner_contact.webp') no-repeat center center/cover}
.banner-products{background:url('../images/banner-products.webp') no-repeat center center/cover;}
.banner-industral-series{background:url('../images/banner-industral-series.webp') no-repeat center center/cover;}
.banner-low-pressure{background:url('../images/banner-low-pressure.webp') no-repeat center center/cover;}
.banner-domestic-commercial{background:url('../images/banner-domestic-commercial.webp') no-repeat center center/cover;}
.banner-nanofiltration-membranes{background:url('../images/banner-nanofiltration-membranes.webp') no-repeat center center/cover;}
.banner-brackish-water{background:url('../images/banner-brackish-water.webp') no-repeat center center/cover;;}
.banner-blog{background:linear-gradient(rgba(11,69,112,0.8),rgba(11,69,112,0.8)),url('../images/banner-blog.webp') no-repeat center center/cover;}


.nobanner_content{padding-top:100px}
/*public*/
.breadcrumbs,.breadcrumbs a{color: var(--text-light);font-size: 1.4rem;}.breadcrumbs i{display: inline-block;margin-right: 5px;}
.breadcrumbs.product_mbx{text-align: right;}

#st-el-2 .st-logo img{width:auto}

.bullet-list{margin:25px 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bullet-list li{font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}
.bullet-list li::before{content:"✔";color:#d9534f;font-weight:900}

.duigou li{position: relative;padding-left:30px;margin-bottom:20px;}
.duigou li::before{content:"✔";position:absolute;left:0;top:2px;color:var(--primary-blue);font-size:1.4rem}
.limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
/*chanpin xiaofenlei jishucanshu public*/
.tab-buttons{display:flex;gap:12px;border-bottom:2px solid var(--text-light);padding-bottom:16px;margin-bottom:30px;overflow-x:auto}
.tab-btn{background:0;border:0;padding:12px 15px;font-weight:600;color:var(--slate-gray);cursor:pointer;border-radius:6px;transition:all .3s;white-space:nowrap}
.tab-btn:hover{background:var(--bg-light);color:var(--dark-blue)}
.tab-btn.active{background:var(--dark-blue);color:#fff}

.tech-data-table{width:100%}
.tech-data-table thead td,.tech-data-table thead th{background-color:var(--bg-light);color:var(--navy-deep);font-weight:700;padding:18px 20px;border-bottom:2px solid var(--border-color);letter-spacing:.5px}
.tech-data-table tbody td { padding: 16px 20px; border-bottom: 1px solid var(--border-color); color: var(--slate-gray); vertical-align: middle; }
.tech-data-table tbody tr:nth-child(even) { background-color: rgba(248, 250, 252, 0.6); }
.tech-data-table tbody tr:hover { background-color: rgba(0, 102, 255, 0.02); }

/*img-public*/
.product-image-box1{width:100%;position:relative;background:#f1f5f9;border:1px solid var(--bg-gradient-end);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .4s cubic-bezier(0.16,1,0.3,1);box-shadow:inset 0 0 20px rgba(0,0,0,0.02)}
.product-image-box1::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(11,60,93,0.03) 0,rgba(219,234,254,0.2) 50%,rgba(255,255,255,0) 100%);z-index:1}
.industrial-grid-texture1{position:absolute;width:100%;height:100%;top:0;left:0;background-image:linear-gradient(rgba(15,43,70,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(15,43,70,0.02) 1px,transparent 1px);background-size:20px 20px}
.image-placeholder-tag1{z-index:2;position:relative;padding:20px}
/*kapian-public*/
.adv-card{background:#fff;border:1px solid var(--bg-gradient-end);border-radius:12px;padding:40px;transition:all .4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column}
.adv-card:hover{border-color:var(--primary-blue);transform:translateY(-6px);box-shadow:rgba(0,0,0,0.01)}
.icon-box-wrapper{position:relative;width:56px;height:56px;margin-bottom:28px;display:flex;align-items:center;justify-content:center}
.icon-halo{position:absolute;width:100%;height:100%;background-color:var(--bg-light);border-radius:50%;top:0;left:0;transition:transform .4s ease}
.adv-card:hover .icon-halo{transform:scale(1.15);background-color:var(--bg-light)}
.adv-card .iconfont{font-size:3rem;width: 30px;color:var(--primary-blue);z-index:2}
/*gongsijianjie shuzi*/
.data-card{background:var(--bg-light);border:1px solid var(--bg-gradient-end);padding:30px 24px;border-radius:8px;transition:border .3s}
.data-card:hover{border-color:var(--primary-blue)}
.data-card .num{font-size:3rem;font-weight:800;display:block;line-height:1.2;margin-bottom:4px}
.data-card .lbl{font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}
/*lunboxiaoguo*/
.carousel-wrapper{position:relative;width:100%;margin-top:20px}
.carousel-viewport{width:100%;overflow-x:auto;scroll-behavior:smooth;display:flex;gap:24px;padding:20px 0;scrollbar-width:none}
.carousel-viewport::-webkit-scrollbar{display:none}
.honor-img-card{width:18.6%;flex-shrink:0;background:#fff;border:1px solid var(--bg-gradient-end);border-radius:8px;padding:12px;position:relative;transition:all .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 20px rgba(15,43,70,0.06);display: flex;align-items: center;}
.honor-img-card:hover{transform:translateY(-6px);border-color:var(--primary-blue);box-shadow:0 4px 20px rgba(15,43,70,0.1)}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(255,255,255,0.9);border:1px solid var(--bg-light);border-radius:50%;color:var(--navy-deep);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s;box-shadow:0 4px 12px rgba(7,29,73,0.08)}
.carousel-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}
.carousel-btn-left{left:-24px;transform: rotate(-180deg);}
.carousel-btn-right{right:-24px}
/*shijian*/
.project-timeline{position:relative;padding-left:28px;border-left:1px solid rgba(28,125,196,0.2)}
.timeline-item{position:relative;margin-bottom:35px}
.timeline-item::before{content:"";position:absolute;left:-35px;top:9px;width:9px;height:9px;background:var(--text-main);border:2px solid var(--primary-blue);border-radius:50%}
.timeline-name{margin:2px 0 6px 0}
.timeline-desc{color:var(--text-light)}
/*Capabilities test*/
.flow-grid{flex:1 1 60%;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}
.flow-box{background:rgba(0,0,0,0.02);border:1px solid rgba(255,255,255,0.05);padding:24px;border-radius:4px;transition:transform .3s ease,border-color .3s ease;display:flex;align-items:flex-start;gap:20px}
.flow-box:hover{transform:translateX(5px);border-color:var(--accent-gold);}
.flow-meta{flex:0 0 80px;text-align:center}
.flow-num{font-weight:700;letter-spacing:1px;background:var(--accent-gold);padding:4px 8px;border-radius:2px;display:inline-block;font-size: 1.2rem;margin-top: 5px;}
.flow-content{flex:1}
.flow-title{margin-bottom:12px}

/*product list parent*/
.product_list_parent h2{border-bottom: 2px solid #111;padding-bottom: 15px;margin-bottom: 35px;}
.product_list_parent p{margin-bottom: 15px;}

.product_list_category{border:1px solid #e5e7eb;padding:30px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(0.16,1,0.3,1);position:relative}
.product_list_category h3{padding-top:20px}
.product_list_category:hover{transform:translateY(-6px);border-color:var(--dark-blue);box-shadow:0 15px 35px rgba(15,43,70,0.06)}

.product_list_parent_application .app-card{padding:20px;border-radius:10px;overflow: hidden;box-shadow:0 15px 35px rgba(15,43,70,0.06);transition:all .4s cubic-bezier(0.16,1,0.3,1);}
.product_list_parent_application .app-card:hover{transform:translateY(-6px);border-color:var(--dark-blue);box-shadow:0 15px 35px rgba(15,43,70,0.06)}
.product_list_parent_application .app-content{min-height:180px;}
.product_list_parent_application1 .app-content{min-height:130px;}
.product_list_parent_application .app-content h3{line-height: 1.5;}

.product_list_parent_process{background:linear-gradient(180deg,var(--bg-light) 0,var(--bg-gradient-end) 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;background-attachment:fixed;text-align:center}
.process-header{font-weight:600;color:var(--primary-blue);text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}
.process-header::before,.process-header::after{content:"";display:inline-block;width:30px;height:1px;background-color:var(--primary-blue);}
.process-container{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom: 40px;}
.process-container .card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(7,29,73,0.04);padding:40px 24px;position:relative;display:flex;flex-direction:column;align-items:center;min-height:400px}
.process-container .step-badge{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background-color:var(--primary-blue);color:#fff;font-size:1.8rem;font-weight:700;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #fff;box-shadow:0 4px 10px rgba(0,102,255,0.2)}
.process-container .icon-circle{width:90px;height:90px;background:#edf5ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:30px;color:var(--primary-blue);font-size:3.2rem}
.process-container .card-label{font-weight:700;color:var(--primary-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.process-container .card-title{font-size:2.2rem;font-weight:700;margin-bottom:25px;line-height:1.3}
.process-container .card-desc{color:var(--text-light);line-height:1.6;max-width:180px}
.process-container .side-card{flex:1;max-width:240px}
.process-container .center-card{flex:2.5;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.7);padding:40px 30px}
.process-container .center-card-title{font-weight:700;color:var(--primary-blue);letter-spacing:1.5px;margin-bottom:35px;display:flex;align-items:center;gap:10px}
.process-container .center-card-title::before,.center-card-title::after{content:"";width:25px;height:1px;background-color:var(--primary-blue);opacity:.5}
.process-container .options-grid{display:flex;justify-content:space-between;gap:12px;width:100%;margin-top:10px}
.process-container .option-item{background:#fff;border:1px solid #e4edf7;border-radius:12px;padding:24px 10px;flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}
.process-container .option-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,102,255,0.08);border-color:var(--primary-blue)}
.process-container .option-icon{font-size:3.8rem;color:var(--primary-blue);margin-bottom:20px;height:40px;display:flex;align-items:center}
.process-container .option-name{font-weight:600;margin-bottom:15px}
.process-container .option-line,.card-line{width:24px;height:2px;background-color:var(--primary-blue);border:0}
.process-container .flow-arrow{color:var(--primary-blue);font-size:2.8rem;opacity:.8;padding:0 5px}
/*Capabilities*/
.capabilities-left-2{background:url(../images/r-d-platforms.webp) no-repeat;position: relative;color:#fff;padding: 40px;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.05);}.capabilities-left-2::before{position: absolute;width: 100%;height: 100%;background: rgba(11,69,112,0.85);content:'';left:0;top:0;z-index: 0}
.capabilities-left-2 div{position: relative;z-index: ;}
/**/
.contact-bar{background:rgba(255,255,255,0.7);border-radius:16px;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px rgba(7,29,73,0.02);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.6);text-align:left;max-width:1000px;margin:0 auto}
.contact-left{display:flex;align-items:center;gap:20px}
.contact-icon-circle{width:56px;height:56px;background:#edf5ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);font-size:3rem}
.contact-title{font-size:1.8rem;font-weight:700;margin-bottom:4px}
.contact-desc{color:var(--text-light)}
.contact-btn{background-color:var(--primary-blue);color:#fff;padding:14px 28px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:15px;box-shadow:0 4px 12px rgba(0,102,255,0.2);transition:background .3s ease}
.contact-btn:hover{background-color:var(--primary-blue)}
/*chanpin erjilanmu*/
.productlist li{box-shadow:0 4px 20px rgba(0,0,0,0.02);border:1px solid #e2e8f0;}
.productlist li .img{background: var(--bg-gradient-end);padding:30px;margin-bottom: 20px;}
.productlist li h3{padding:0 25px;font-size: 1.8rem;line-height: 1.5;}
/*faq*/
.faq-stack{display:flex;flex-direction:column;gap:15px}
.faq-item{border:1px solid #e5e7eb;background:#fff;overflow:hidden;transition:border-color .3s}
.faq-item:hover{border-color:var(--dark-blue,#0c2340)}
.faq-trigger{padding:24px 30px;font-size:1.8rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;color:var(--text-main,#333);transition:color .3s}
.faq-trigger::after{content:'+';font-size:2.2rem;font-weight:400;color:var(--text-main,#333);transition:transform .3s ease,color .3s}
.faq-content{max-height:0;overflow:hidden;background:#fafbfc;transition:max-height .35s cubic-bezier(0.16,1,0.3,1)}
.faq-content-inner{padding:20px 30px;color:var(--text-main,#555);line-height:1.75;text-align:justify}
.faq-item.is-active{border-color:var(--primary-blue,#1a73e8)}
.faq-item.is-active .faq-trigger{color:var(--primary-blue,#1a73e8)}
.faq-item.is-active .faq-trigger::after{transform:rotate(45deg);color:var(--primary-blue,#1a73e8)}
.faq-item.is-active .faq-content{max-height:200px}

/*Productlist erjifenlei*/
.dir-card{background:#fff;border:1px solid var(--bg-gradient-end);border-radius:12px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(0.16,1,0.3,1)}
.dir-card:hover{border-color:var(--primary-blue);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.dir-card-meta h3 {margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
.dir-card h3 i{font-size:2.2rem;}

.nested-sub-products{background:var(--bg-light);border-radius:8px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px;border-left:3px solid var(--primary-blue)}
.nested-sub-products strong{text-transform:uppercase;color:var(--navy-medium);letter-spacing:.5px;margin-bottom:4px;display:block}
.sub-prod-link{display:flex;justify-content:space-between;align-items:center;color:var(--dark-blue);text-decoration:none;font-weight:500;padding:4px 0}
.sub-prod-link:hover{color:var(--primary-blue)}
.sub-prod-link i{opacity:.5}
/*contact*/
.jozzon-contact-section .contact-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.jozzon-contact-section .contact-col-left,.jozzon-contact-section .contact-col-right{position:relative;width:100%;padding-right:15px;padding-left:15px;margin-bottom:30px}
.jozzon-contact-section .contact-col-left .info-card-panel{background:#fff;padding:40px;border-radius:4px;border-top:4px solid #0b3c5d;box-shadow:0 4px 12px rgba(0,0,0,0.03);height:100%}
.jozzon-contact-section .contact-col-left .main-company-title{margin:0 0 5px 0;font-size:2.2rem;color:#0b3c5d;font-weight:700}
.jozzon-contact-section .contact-col-left .sub-company-title{margin:0 0 30px 0;color:var(--text-light);font-weight:600}
.jozzon-contact-section .contact-col-left .block-subtitle{color:#0b3c5d;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;display:block}
.jozzon-contact-section .contact-col-left .sales-channels{margin-bottom:30px}
.jozzon-contact-section .contact-col-left .person-item{margin-bottom:20px}
.jozzon-contact-section .contact-col-left .person-name-title{font-weight:700;color:#111;margin-bottom:6px}
.jozzon-contact-section .contact-col-left .person-name-title span{font-weight:400;color:var(--text-light);margin-left:8px;font-style:italic}
.jozzon-contact-section .contact-col-left .person-meta{color:#444;margin:3px 0}
.jozzon-contact-section .contact-col-left .person-meta strong{color:#222;display:inline-block;width:120px}
.jozzon-contact-section .contact-col-left .panel-divider{height:1px;background-color:#eee;margin:25px 0}
.jozzon-contact-section .contact-col-left .hq-list{list-style:none;padding:0;margin:0}
.jozzon-contact-section .contact-col-left .hq-list li{color:#444;margin-bottom:10px;padding-left:15px;position:relative}
.jozzon-contact-section .contact-col-left .hq-list li::before{content:"•";color:#0b3c5d;font-weight:bold;position:absolute;left:0}
.jozzon-contact-section .contact-col-left .hq-list li strong{color:#111;display:inline-block;width:75px}

.jozzon-contact-section .contact-col-right .form-card-panel{background:#fff;padding:40px;border-radius:4px;border-top:4px solid #d9534f;box-shadow:0 4px 12px rgba(0,0,0,0.03);height:100%}
.jozzon-contact-section .contact-col-right .form-card-panel h2{margin:0 0 25px 0;font-size:2.2rem;color:#222;font-weight:700}
.jozzon-contact-section .contact-col-right form .wpforms-field{margin-bottom:20px}
.jozzon-contact-section .contact-col-right form label{display:block;margin-bottom:8px;font-weight:600;color:#444}
.jozzon-contact-section .contact-col-right form label span{color:#d9534f}
.jozzon-contact-section .contact-col-right form input,.jozzon-contact-section .contact-col-right form textarea{width:100%;padding:11px 15px;border:1px solid #ccc;border-radius:4px;background-color:#fdfdfd;color:#333;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}
.jozzon-contact-section .contact-col-right form input:focus,.jozzon-contact-section .contact-col-right form textarea:focus{border-color:#0b3c5d;box-shadow:0 0 0 3px rgba(11,60,93,0.1);outline:0;background-color:#fff}
.jozzon-contact-section .contact-col-right form textarea{resize:vertical;min-height:150px}
.jozzon-contact-section .contact-col-right button{display:block;width:100%;padding:14px;color:#fff;background-color:#d9534f;border:0;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background-color .2s ease}
.jozzon-contact-section .contact-col-right button:hover{background-color:#c9302c}
/*product*/
.product-hero{display:flex;gap:50px;margin-bottom:50px;align-items:flex-start}
.product-image-box{flex:1;max-width:600px;background:#fff;border-radius:12px;padding:24px;border:1px solid var(--bg-gradient-end);box-shadow:0 4px 20px rgba(0,0,0,0.02);position:relative}
.product-image-box .slider-wrapper{position:relative;width:100%;height:460px;overflow:hidden;border-radius:8px;background:#fafafa}
.product-image-box .slider-container{display:flex;width:100%;height:100%;transition:transform .5s cubic-bezier(0.16,1,0.3,1)}
.product-image-box .slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px}
.product-image-box .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:rgba(255,255,255,0.9);border:1px solid var(--bg-gradient-end);border-radius:50%;color:#063252;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.product-image-box .slider-arrow:hover{background:#2b6cb0;color:#fff;border-color:#2b6cb0}
.product-image-box .arrow-left{left:0}
.product-image-box .arrow-right{right:0}
.product-image-box .slider-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}
.product-image-box .dot{width:90px;height:90px;border:2px solid var(--bg-gradient-end);border-radius:6px;cursor:pointer;padding:2px;background:#fff;transition:all .2s ease;opacity:.6}
.product-image-box .dot img{width:100%;height:100%;object-fit:cover;border-radius:2px}
.product-image-box .dot:hover{opacity:1;border-color:#cbd5e0}
.product-image-box .dot.active{opacity:1;border-color:#2b6cb0}

/* ======================================================= */
.product-info-box{flex:1}
.product-info-box h1{font-size:2.8rem;color:#063252;margin:0 0 25px 0;font-weight:700;line-height:1.3}
.product-info-box p{margin-bottom: 15px;}

.product-info-box .metrics-grid{margin-bottom:35px;padding-top:20px}
.product-info-box .metric-card{background:#f8fafc;border-top:4px solid #2b6cb0;padding:20px 10px;text-align:center;border-radius:0 0 8px 8px;box-shadow:0 4px 10px rgba(0,0,0,0.01)}
.product-info-box .metric-value{font-size:2rem;font-weight:700;color:#2b6cb0;margin-bottom:6px}
.product-info-box .metric-label{color:#4a5568;font-weight:500}

.product-info-box .benchmark-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 25px 0; }
.product-info-box .benchmark-card { background: #f8fafc; border-left: 3px solid var(--dark-blue); padding: 15px 20px; }
.product-info-box .benchmark-val { font-size: 15px; font-weight: 700; color: var(--dark-blue); line-height: 1.3; margin-bottom: 2px; }
.product-info-box .benchmark-lbl { font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

.product-info-box .specs-panel{background:#f8fafc;border-left:4px solid #2b6cb0;padding:20px;border-radius:0 8px 8px 0;box-shadow:0 4px 10px rgba(0,0,0,0.01);margin-bottom:30px}
.product-info-box .spec-group{margin-bottom:12px}
.product-info-box .spec-group:last-child{margin-bottom:0}
.product-info-box .spec-title{color:#718096;font-weight:600;margin-bottom:4px}
.product-info-box .spec-detail{color:#2d3748;line-height:1.5}
.product-info-box .spec-detail strong{color:#2b6cb0}

.product-info-box .specs-layout-wrapper{margin-bottom:25px}
.product-info-box .global-area-badge{display:inline-flex;align-items:center;background:#ebf8ff;color:#2b6cb0;font-weight:600;padding:8px 16px;border-radius:6px;margin-bottom:16px;border:1px solid #bee3f8}
.product-info-box .models-container{display:flex;gap:16px;margin-bottom:20px}
.product-info-box .model-card{flex:1;background:#f8fafc;border:1px solid var(--bg-gradient-end);border-top:4px solid #2b6cb0;border-radius:4px 4px 8px 8px;padding:18px;box-shadow:0 4px 10px rgba(0,0,0,0.01)}
.product-info-box .model-name{font-size:18px;font-weight:700;color:var(--dark-blue);margin-bottom:12px;border-bottom:1px dashed #cbd5e0;padding-bottom:6px}
.product-info-box .solute-row{display:flex;gap:12px;margin-bottom:10px}
.product-info-box .solute-box{flex:1;background:#fff;padding:10px;border-radius:6px;border:1px solid #edf2f7}
.product-info-box .solute-tag{display:inline-block;font-weight:700;padding:2px 6px;border-radius:4px;margin-bottom:6px}
.product-info-box .tag-nacl{background:var(--bg-gradient-end);color:#4a5568}
.product-info-box .tag-mgso4{background:#feebc8;color:#c05621}
.product-info-box .data-item{color:#4a5568;line-height:1.4;margin-bottom:4px}
.product-info-box .data-item strong{color:#2b6cb0;}
.product-info-box .industry-tags-title{color:#718096;font-weight:600;margin-bottom:8px;}
.product-info-box .industry-tags-grid{display:flex;flex-wrap:wrap;gap:8px}
.product-info-box .ind-tag{background:#f7fafc;border:1px solid var(--bg-gradient-end);color:#4a5568;padding:6px 14px;border-radius:20px;transition:all .2s}
.product-info-box .ind-tag:hover{border-color:#2b6cb0;color:#2b6cb0;background:#fff}

.product_content .ind-grid {margin-top: 25px; }
.product_content .ind-card { border: 1px solid #e5e7eb; padding: 20px; background: #ffffff; display: flex; gap: 15px; align-items: start;}
.product_content .ind-index {font-size:2rem;font-weight: 800;color: #cbd5e1; line-height: 1; }
.product_content .ind-details h4 { margin: 0 0 6px 0;color: var(--dark-blue); font-weight: 700; }
.product_content .ind-details p {color: #4b5563; line-height: 1.6; text-align: justify; }


.product-info-box .cta-container{background:#f8fafc;padding:25px;border-radius:12px;border:1px solid var(--bg-gradient-end);margin-bottom:25px}
.product-info-box .cta-buttons{display:flex;gap:20px}
.product-info-box .btn{flex:1;padding:15px 24px;font-size:15px;font-weight:600;text-align:center;border-radius:8px;cursor:pointer;transition:all .25s ease;border:0}
.product-info-box .btn-secondary{background-color:#fff;color:#2b6cb0;border:1px solid #2b6cb0}
.product-info-box .btn-secondary:hover{background-color:#edf2f7;transform:translateY(-1px)}

.product-info-box .modal-close{position:absolute;top:20px;right:25px;font-size:2.6rem;font-weight:bold;color:#a0aec0;cursor:pointer}
.product-info-box .modal-close:hover{color:#063252}
.product-info-box form label{display:block;font-weight:600; color:#4a5568; margin-bottom:6px;}
.product-info-box form input,.product-info-box form textarea{width:100%;padding:12px;margin-bottom:16px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}
.product-info-box form input:focus,.product-info-box form textarea:focus{outline:0;border-color:#2b6cb0;box-shadow:0 0 0 3px rgba(66,153,225,0.15)}
.product-info-box form button{background-color:#2b6cb0;color:#fff;box-shadow:0 4px 14px rgba(43,108,176,0.2);display: block;border:0;width:100%;line-height:40px}
.product-info-box form button:hover{background-color:#1d4ed8;transform:translateY(-1px)}
.product-info-box form #wpforms-110-field_3-container{display: none;}

.product-info-box .dropdown-menu{display:none;background:#fff;border:1px solid #cbd5e0;border-radius:8px;margin-top:20px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,0.08);animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}
to{opacity:1;transform:translateY(0)}
}
.product-info-box .menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.product-info-box .download-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--bg-gradient-end);border-radius:6px;text-decoration:none;color:#063252;transition:all .2s}
.product-info-box .download-item:hover{background:#f7fafc;border-color:#2b6cb0;color:#2b6cb0}

.product_content h2{font-size:2.6rem;color:#063252;margin-bottom:40px;padding-bottom:16px;border-bottom:2px solid #f0f4f8}
.product_content p{margin-bottom:15px;}.product_content table p{margin-bottom:0;}
.product_content .overview-box{background:#fff;padding:35px;border-radius:12px;margin-bottom:40px;border-left:5px solid #2b6cb0;box-shadow:0 5px 25px rgba(0,0,0,0.02)}
.product_content .overview-box p{color:#063252;line-height:1.8}


.product_content .achievements-box{background:#f8fafc;border:1px solid var(--bg-gradient-end);border-radius:12px;padding:30px;}
.product_content .achievement-item{display:flex;gap:16px;margin-bottom:18px;align-items:flex-start}
.product_content .achievement-item:last-child{margin-bottom:0}
.product_content .achievement-icon{flex:0 0 24px;height:24px;background:#2b6cb0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-top:3px}
.product_content .achievement-content{font-size:15px;color:#2d3748;line-height:1.7}
.product_content .achievement-content strong{color:#2b6cb0}


.product_content .features-grid .feature-item{margin-bottom:30px}
.product_content .features-grid h3{color:#2b6cb0;}
.product_content .features-grid .feature-img-placeholder{background:#f8fafc;border:1px dashed #cbd5e0;padding:30px;border-radius:12px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:240px}

.product_content .tabs-system { position: relative; margin-top: 30px; }
.product_content .tab-locator { display: none; }
.product_content .tabs-nav-bar { display: flex; gap: 5px; border-bottom: 2px solid var(--bg-gradient-end); margin-bottom: 25px; overflow-x: auto; }
.product_content .tab-trigger {padding: 12px 20px;font-weight: 700; color: #4a5568; cursor: pointer;border-radius: 0; transition: all 0.2s; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px;}
.product_content .tab-trigger:hover { color: #063252; background: #f8fafc; }
.product_content .tab-panel { display: none; }
.product_content #tab-1:checked ~ .tabs-nav-bar .trigger-1,
.product_content #tab-2:checked ~ .tabs-nav-bar .trigger-2,
.product_content #tab-3:checked ~ .tabs-nav-bar .trigger-3,
.product_content #tab-4:checked ~ .tabs-nav-bar .trigger-4,
.product_content #tab-5:checked ~ .tabs-nav-bar .trigger-5 {color: #063252; border-bottom: 3px solid #111827; background: #f8fafc; margin-bottom: -2px;}
.product_content #tab-1:checked ~ .tabs-view-vessel #panel-1,
.product_content #tab-2:checked ~ .tabs-view-vessel #panel-2,
.product_content #tab-3:checked ~ .tabs-view-vessel #panel-3,
.product_content #tab-4:checked ~ .tabs-view-vessel #panel-4,
.product_content #tab-5:checked ~ .tabs-view-vessel #panel-5 { display: block; }
.product_content .table-scroller { width: 100%; overflow-x: auto; border: 1px solid var(--bg-gradient-end); background: #ffffff; margin-bottom: 30px; }
.product_content .schematic-box { padding: 25px 15px; background: #fafafa; text-align: center; border-bottom: 1px solid var(--bg-gradient-end);font-weight: 700; color: var(--dark-blue); letter-spacing: 0.5px;position: relative; overflow: hidden;}
.product_content .schematic-box img { max-height:200px; max-width: 100%; object-fit: contain; position: relative; z-index: 2; }
.product_content .industrial-mesh {background-image: linear-gradient(rgba(15,43,70,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(15,43,70,0.02) 1px, transparent 1px);background-size: 15px 15px;}
.product_content .schematic-caption { margin-top: 10px;color: #94a3b8; font-weight: 600;}
.three-line-table { width: 100%; border-collapse: collapse;text-align: left; min-width: 950px; }
.three-line-table th { padding: 14px 12px; font-weight: 700; color: var(--dark-blue); border-top: 3px solid #111827; border-bottom: 1px solid #111827; text-transform: uppercase; background: #f8fafc; }
.three-line-table td { padding: 12px 12px; color: #334155; border-bottom: 1px solid var(--bg-gradient-end); }
.three-line-table tr:last-child td { border-bottom: 3px solid #111827; }
.three-line-table tr:hover td { background: #f8fafc; }


.product_content .academic-long-table { width: 100%; border-collapse: collapse;margin-top: 15px; }
.product_content .academic-long-table th { padding: 14px 15px; background: #f8fafc; color: var(--dark-blue); font-weight: 700; text-align: left; border-top: 3px solid #111827; border-bottom: 1px solid #111827; text-transform: uppercase;letter-spacing: 0.5px; }
.product_content .academic-long-table td { padding: 14px 15px; border-bottom: 1px solid var(--bg-gradient-end); color: #334155; vertical-align: top; }
.product_content .academic-long-table tr:last-child td { border-bottom: 3px solid #111827; }
.product_content .academic-long-table td:first-child { font-weight: 700; width: 80px; text-align: center; }

.product_content .warning-framework {background: #fff5f5; border: 1px solid #fee2e2; border-left: 4px solid #ef4444;padding: 25px 30px; margin-top: 40px;}
.product_content .warning-framework h4 { color: #991b1b; margin: 0 0 12px 0; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.product_content .warning-list { margin: 0; padding-left: 20px;list-style: disc;}
.product_content .warning-list li {color: #7f1d1d; line-height: 1.7;margin-bottom: 6px; }


.table-responsive{width:100%;overflow-x:auto;border:1px solid var(--bg-gradient-end);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.01)}
.product_content .tech-table{width:100%;border-collapse:collapse;text-align:left;border-color: var(--bg-gradient-end);}
.product_content .tech-table th{background-color:#2b6cb0;color:#fff;padding:16px 20px;font-weight:600}
.product_content .tech-table td{padding:16px 20px;border-bottom:1px solid var(--bg-gradient-end);color:#4a5568}
.product_content .tech-table tr:nth-child(even){background-color:#f8fafc}
.product_content .tech-table tr:last-child td{border-bottom:0}

.product_content .size-section-container{background-color:var(--bg-light);border:1px solid var(--bg-gradient-end);border-radius:6px;padding:32px;margin-top:16px}
.product_content .size-caption{margin-bottom:20px;}
.product_content .spec-badge-group{margin-top:12px}
.product_content .spec-badge{background:#fff;border:1px solid var(--bg-gradient-end);border-left:3px solid var(--primary-color);padding:12px 14px;margin-bottom:10px;border-radius:0 4px 4px 0;}
.product_content .spec-badge span{font-weight:bold;color:var(--primary-color);float:right}

.product_content .diagram-container{margin-top:20px}
.product_content .diagram-card{flex:1;min-width:300px;border:1px solid #cbd5e1;border-radius:8px;padding:20px;text-align:center;background:#fff}
.product_content .diagram-placeholder{background-color:#fafafa;border:1px dashed #cbd5e1;height:160px;display:flex;align-items:center;justify-content:center;color:#94a3b8;border-radius:6px;margin-bottom:15px}
.product_content .diagram-spec{color:#64748b;text-align:left;background:#f8fafc;padding:20px 10px;border-radius:4px;line-height:1.6}


.product_content .industry-card{display:flex;gap:40px;background:#fff;border:1px solid #f0f4f8;border-radius:12px;padding:35px;margin-bottom:24px;box-shadow:0 10px 30px rgba(0,0,0,0.02);align-items:center}
.product_content .industry-card img{width:140px;height:140px;object-fit:cover;border-radius:8px;background:#cbd5e0}
.product_content .industry-detail{flex:1}
.product_content h3{color:#063252;}


.product_content .article-link{display:block;padding:16px 20px;border-radius:8px;background:#fff;color:#2b6cb0;text-decoration:none;margin-bottom:12px;font-weight:500;font-size:14px;border:1px solid var(--bg-gradient-end);transition:all .2s}
.product_content .article-link:hover{background:#f8fafc;border-color:#2b6cb0}

/* 11. 🔴 悬浮询盘弹窗全局样式 */
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,43,70,0.5);z-index:9999;justify-content:center;align-items:center}
.modal-content{background-color:#fff;padding:40px;border-radius:12px;width:92%;max-width:520px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,0.15);animation:modalSlideUp .3s cubic-bezier(0.16,1,0.3,1)}
@keyframes modalSlideUp{
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
/*blog list*/
.blog_list ul li{background:var(--bg-light);margin-bottom:40px;padding:50px 6%}
.blog_list ul li h2{margin-bottom: 15px;}.blog_list ul li .date{margin-bottom: 20px;color: var(--text-light);}

.blog_list .load-more-container{text-align:center;margin:30px 0}
.blog_list .load-more-btn{display:inline-block;background:var(--primary-blue);color:#fff;padding:12px 28px;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease;border:0;font-weight:500}
.blog_list .load-more-btn:hover{background:var(--dark-blue);transform:translateY(-2px)}
.blog_list .load-more-btn.disabled{background:#ccc;cursor:not-allowed;transform:none}
.blog_list .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}
}
.no-more-msg{text-align:center;color:#999;padding:15px;font-size:14px}
.lazy-loaded-item{animation:fadeInUp .4s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
/*blog content*/
.blog_news_content .content_blog p{margin-bottom: 15px;}.blog_news_content .content_blog img{margin:40px auto}
.blog_news_content .relative_products h3{text-align: center;font-weight:normal;font-size: 1.6rem;}.blog_news_content .relative_products li:hover a{color: var(--dark-blue);}.blog_news_content .relative_products h3 a{color:var(--text-light)}
.blog_news_content .content_blog h1{border-bottom: 1px solid var(--bg-gradient-end);padding-bottom: 10px;}.blog_news_content h2{margin-bottom:30px;}.blog_news_content .content_blog h4{font-weight: bold;margin-bottom: 10px;}
.content_blog table{margin-bottom:30px;width: 100%;border-collapse:collapse;border-spacing:0;}.content_blog table th,.content_blog table td{padding:4px 6px;vertical-align:middle;}.blog_news_content .content_blog table p{margin-bottom: 0;}
.blog_news_content .content_blog ul{margin-bottom: 20px;}.blog_news_content .content_blog ul li{list-style:inside;margin-bottom: 5px;}
.blog_news_content .content_blog .date{font-size: 1.6rem;color: var(--text-light);justify-content:space-between;display:flex;margin-bottom: 50px;}
.blog_news_content #st-1{display: inline-block;}.blog_news_content .content_blog #st-1 img{margin:0}
.relative_products img{margin:0 auto}.relative_products ul li>a{display: block;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.related_posts h3{font-weight:normal;font-size: 1.6rem;margin-bottom: 10px;color: var(--text-light);}.related_posts h3 i{display: inline-block;position: relative;top: 2px;left: 8px;transition:left 0.3s ease;}.related_posts h3:hover i{left: 12px;color:var(--primary-blue)}.related_posts h3:hover a{color:var(--dark-blue)}
.related_posts ul li{border-bottom: 1px dashed var(--bg-gradient-end);margin-bottom:15px}
/*footer*/
.cta-section{background:url('../images/footer-xcy.webp') no-repeat;padding:80px 0;color: #063252;background-size: cover;}
.cta-section h2{font-size:3.8rem;margin-bottom:15px;font-weight:700}
.cta-section p{margin-bottom:35px;max-width:650px;color:var(--text-light);}

footer{background-color:var(--dark-blue);color:#94a3b8;padding:80px 0 40px 0;line-height:1.8}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}
.footer-brand-top{grid-column:span 4;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e293b;padding-bottom:35px;margin-bottom:10px}
.brand-left{display:flex;align-items:center;gap:30px}
.footer-logo img{height:80px;width:auto;display:block}
.brand-slogan{color:#94a3b8;max-width:500px;line-height:1.5}
.social-icons{display:flex;gap:12px}
.social-icons a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#fff;border-radius:6px;color:var(--primary-blue);transition:all .22s cubic-bezier(0.16,1,0.3,1)}
.social-icons a:hover{background-color:var(--bg-light);transform:translateY(-2px)}
.footer-col h4{color:var(--white);margin-bottom:22px;}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col ul li a{color:#94a3b8;text-decoration:none;transition:all .2s ease}
.footer-col ul li a:hover{color:var(--white);}
.contact-col p{margin-bottom:8px;}
.contact-col a{color:#94a3b8;text-decoration:none}
.contact-col a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid #1e293b;padding-top:30px;text-align:center;color:#94a3b8}
@media(max-width:1024px){.footer-brand-top{flex-direction:column;align-items:flex-start;gap:24px}
.brand-left{flex-direction:column;align-items:flex-start;gap:15px}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.footer-brand-top{grid-column:span 2}
}
@media(max-width:640px){
.footer-grid{grid-template-columns:1fr;gap:30px}
.footer-brand-top{grid-column:span 1}
}


@media(min-width:992px){
h1{font-size: 5rem;line-height: 1.3;margin-bottom: 20px;}h2{font-size:2.8rem;line-height: 1.5;margin-bottom: 15px;}h2.h2{font-size:3.8rem;line-height: 1.2;margin-bottom: 40px;}h3{font-size:2rem;}
.pc_marginbottom50{margin-bottom:50px}
/*public*/
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.grid-2-1{display:grid;grid-template-columns:1fr 1fr;gap:80px;}
.grid-2-2{display:grid;grid-template-columns:0.6fr 1fr;gap:100px;}
.grid-2-3{display:grid;grid-template-columns:0.3fr 1fr;gap:60px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.grid-65-35{display:grid;grid-template-columns: 6.5fr 3.5fr;gap: 60px;}
.grid-75-25{display:grid;grid-template-columns: 7.5fr 2.5fr;gap: 60px;}
.grid-6-4{grid-template-columns: 6fr 4fr;}.grid-4-6{grid-template-columns: 4fr 6fr;}
.grid-column1{grid-column: 1;grid-row: 1;}.grid-column2{grid-column: 2;grid-row: 1;}
.public_content120{padding:120px 0}.public_content60{padding:60px 0}.public_bottom60{padding-bottom:60px}.public_bottom80{padding-bottom:80px}.public_bottom100{padding-bottom:100px}.public_bottom120{padding-bottom:120px}
/*banner*/
.banner{height: 600px;}
/*product list parent*/
.product_list_parent h2{margin-bottom:60px}

.jozzon-contact-section .contact-col-left{flex:0 0 50%;max-width:50%}
.jozzon-contact-section .contact-col-right{flex:0 0 50%;max-width:50%}
/*blog content*/
.content_blog_z{grid-template-columns: 1fr 0.3fr;gap:60px;}
.blog_news_content .content_blog h1{font-size:3rem;}.related_posts h2{;margin-bottom: 25px;}
.blog_news_content .content_blog{border-right:1px solid var(--bg-gradient-end);padding-right:6%;}
.blog_news_content .relative_products{padding-top:15px;}.blog_news_content .relative_products h3{margin-bottom:30px;padding-top: 20px;}
.blog_news_content .relative_products ul{max-width: 230px;}.blog_news_content .relative_products ul li img{padding:0 20px}
}
@media(max-width:991px){
h1{font-size:3rem;}h2{font-size:2.2rem;}h3{font-size:2rem;}
.pc_sj_marginbottom20{margin-bottom:20px}
.pc_marginbottom50{margin-bottom:30px}
/*public*/
.public_content120{padding:60px 0}.public_content60{padding:40px 0}.public_bottom120{padding-bottom:60px}.public_bottom60,.public_bottom80,.public_bottom100{padding-bottom:40px}
/*lunboxiaoguo*/
.honor-img-card{width:46%;}
/*product list parent*/
.process-container{flex-direction:column;gap:40px}
.process-container .flow-arrow{transform:rotate(90deg)}
.process-container .options-grid{flex-wrap:wrap}
.process-container .option-item{min-width:120px}
.side-card,.center-card{max-width:100%;width:100%}
.contact-bar{flex-direction:column;gap:20px;text-align:center}
.contact-left{flex-direction:column}
/*product*/
.product-hero,.product_content .features-grid{display:block!important;width:100%!important}
.product-image-box,.product-info-box{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-bottom:35px;padding:0 20px}
.product-image-box .slider-wrapper {height: 320px;}
.product-info-box .menu-grid{grid-template-columns:1fr}.product-info-box .metrics-grid{grid-template-columns:repeat(2,1fr)}

.product_content .industry-card{flex-direction:column;text-align:center;padding:25px}
.product_content .industry-card img{max-width: 500px;width:100%;height: auto;}

.related-industries-grid{grid-template-columns:repeat(2,1fr)}
/*content_blog*/
.blog_news_content .content_blog h1{font-size: 2.4rem;line-height: 1.5;padding-bottom: 15px;margin-bottom: 20px;}
.blog_news_content .content_blog .date{margin-bottom:30px;}
.related_posts h2{margin-bottom: 15px;}.related_posts li{margin-bottom:20px;}
.relative_products ul li{margin-bottom: 20px;}.relative_products img{margin:0 auto 10px}
        
       


}
@media(max-width:1024px){
/*menu*/
.mobile-toggle{display:block}
nav{position:fixed;top:90px;right:-100%;width:90%;height:auto;min-height:calc(100vh - 90px);max-height:calc(100vh - 90px);background-color:var(--white);box-shadow:-10px 10px 30px rgba(0,0,0,0.05);transition:var(--transition);overflow-y:auto;padding:10px 0 40px 0;z-index:999}
nav.active{right:0}
.nav-menu{flex-direction:column;align-items:flex-start;width:100%}
.nav-item{width:100%;margin:0;position:relative;border-bottom:1px solid #f1f5f9;display: block;}
.nav-link{padding:16px 24px;width:100%;justify-content:space-between;color:var(--dark-blue);}
.mega-menu,.mega-menu.products-mega,.mega-menu.apps-mega{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:none!important;background-color:var(--bg-light);padding:15px 24px 25px 24px!important;width:100%!important;max-width:100%!important}
.mega-menu.active{display:block!important}
.mega-menu.products-mega,.mega-menu.apps-mega{grid-template-columns:1fr!important;gap:24px!important}
.mega-sub-list{grid-template-columns:1fr!important;gap:14px!important}
.mega-col-title{margin-bottom:12px!important;padding-bottom:6px!important;margin-top:10px}
.mega-promo-card{margin-top:15px}
/**/
.grid-3,.feature-grid,.choose-grid,.grid-4,.strength-stats{grid-template-columns:repeat(2,1fr)}
.flex-split,.case-row,.case-row:nth-child(even){flex-direction:column}
/**/
.banner h1{font-size:2.8rem}
}

@media(max-width:767px){
.grid-3,.grid-4,.feature-grid,.strength-stats,.choose-grid{grid-template-columns:1fr}
.marginbottom20_sj{margin-bottom: 20px;}.marginbottom40_sj{margin-bottom: 40px;}
.dir-card{margin-bottom: 20px;}
/*banner*/
.banner{padding-top:120px;padding-bottom: 40px;height: auto;}
.banner h1{font-size:3rem}
.section-title{font-size:1.8rem}
.banner-features{margin-top:-40px}
.banner-btns{display:flex;flex-direction:column;gap:15px;padding:0 20px}
.banner-btns .btn{margin:0;width:100%;justify-content:center}
/*.product list category*/
.product_list_category{margin-bottom: 20px;}
/*product*/
.product-info-box .metrics-grid,.related-industries-grid{grid-template-columns:1fr}
.product-image-box .slider-wrapper {height: 260px;}
.product-image-box .dot{width: 40px; height: 40px;}

.product-info-box .modal-content{padding:25px}
.product-info-box .cta-buttons{flex-direction:column;gap:12px}

.product_content .ind-card{margin-bottom: 20px;}
/*blog list*/
.blog_list ul li{flex-direction: row-reverse;}.blog_list ul li h2{font-size:2.8rem;}.blog_list ul li img{margin-bottom:30px;}
.carousel-btn{display:none}
/*content_blog*/

.cta-section h2{font-size:2.5rem;line-height: 1.5;}
}