/* ========================================
   DIY 自定义样式
   ======================================== */

/* Banner 视频 20% 黑色遮罩 */
.banner_box .banner .img{position:relative;}
.banner_box .banner .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);pointer-events:none;z-index:1;}
.banner .txt{z-index:2;}

/* Banner 视频自适应全屏 */
.banner_box .banner .imgBox .img{padding-bottom:100vh;}
@media(max-width:769px){
  .banner_box{height:100vh;height:100svh;}
  .banner_box .banner .imgBox .img{padding-bottom:100vh;padding-bottom:100svh;}
}

/* Language 下拉国旗图标 */
.toplink ul li dl{width:max-content;min-width:1.2rem;}
.toplink ul li dl dd a{display:flex;align-items:center;justify-content:flex-start;padding:0 .2rem;}
.toplink ul li dl dd a .flag-cn,
.toplink ul li dl dd a .flag-en{width:22px;height:14px;margin-right:.1rem;flex:none;display:inline-block;}
.toplink ul li dl dd a .flag-cn{box-shadow:0 0 0 .5px #d5d5d5;}

/* Products 普通二级导航下拉 */
.header .topnav>ul>li.has-sub .sub-nav{min-width:auto;width:max-content;left: -.5rem;}
.header .topnav>ul>li.has-sub .sub-nav .sub-nav-h{padding: .25rem .3rem;}
.header .topnav>ul>li.has-sub .sub-nav .left{display: block;}
.header .topnav>ul>li.has-sub .sub-nav .left dl{width: auto;margin: 0 0 .18rem 0;}
.header .topnav>ul>li.has-sub .sub-nav .left dl:last-child{margin-bottom: 0;}
.header .topnav>ul>li.has-sub .sub-nav .left dl dt{margin-bottom: .08rem;padding-bottom: .08rem;border-bottom: 1px solid rgba(20,61,145,.12);}
.header .topnav>ul>li.has-sub .sub-nav .left dl dt a{font-size: .15rem;color: #00a0e9;font-family:'Poppins SemiBold';text-transform: capitalize;white-space: nowrap;line-height: 1.4;display: block;}
.header .topnav>ul>li.has-sub .sub-nav .left dl dd{display: none;}
.header.on .topnav>ul>li.has-sub .sub-nav .left dl dt a{color:#00a0e9;}
@media (max-width:1024px){
  .header .topnav>ul>li.has-sub .sub-nav{min-width:inherit;left:0;position:static;width:auto;}
  .header .topnav>ul>li.has-sub .sub-nav .sub-nav-h{padding:.15rem 0 0;}
  .header .topnav>ul>li.has-sub .sub-nav .left dl{width:100%;margin:0 0 .15rem;}
  .header .topnav>ul>li.has-sub .sub-nav .left dl dd{display:none;}
}

/* Products Center 标题区 */
.index1{position:relative;overflow:hidden;background:
  linear-gradient(135deg, rgba(0,160,233,.14) 0%, rgba(0,160,233,0) 32%),
  linear-gradient(45deg, rgba(0,160,233,0) 52%, rgba(0,160,233,.10) 76%, rgba(0,160,233,0) 96%),
  linear-gradient(135deg, rgba(0,160,233,.06) 0%, rgba(0,160,233,0) 14%),
  linear-gradient(150deg, #ffffff 0%, #f3f5f7 40%, #e7ebef 100%);}
.index1 .section-header,.index1 .catCards{position:relative;z-index:1;}
.index1 .section-header{text-align:center;margin-bottom:.5rem;}
.index1 .section-header h3{font-size:.52rem;color:#292f32;font-family:'Poppins SemiBold';text-transform:uppercase;line-height:1.2;margin:0 0 .18rem;letter-spacing:.02rem;}
.index1 .section-header p{font-size:.16rem;color:#454545;line-height:1.75;max-width:10rem;margin:0 auto .35rem;}
.index1 .btn-group{display:inline-flex;align-items:center;gap:.15rem;flex-wrap:wrap;justify-content:center;}
.index1 .btn{display:inline-flex;align-items:center;justify-content:center;padding:.13rem .2rem;border-radius:.3rem;font-size:.15rem;font-family:'Poppins Medium';transition:.3s;text-align:center;white-space:nowrap;}
.index1 .btn-primary{background:#00a0e9;color:#fff;border:1px solid #00a0e9;}
.index1 .btn-primary:hover{background:#0090d1;border-color:#0090d1;}
.index1 .btn-outline{background:#fff;color:#292f32;border:1px solid #ddd;}
.index1 .btn-outline:hover{color:#00a0e9;border-color:#00a0e9;}

@media (max-width: 1399px) {
	.f_logo{ padding-bottom: 50px;}
}
@media (min-width: 1400px) and (max-width: 1439px) {
  	.f_logo{ padding-bottom: 50px;}
}
@media (min-width: 1440px) and (max-width: 1918px) {
  	.f_logo{ padding-bottom: 50px;}
}
@media (min-width: 1919px) and (max-width: 2000px) {
  444444444444
}
@media (min-width: 1922px) {
  55555555555555
}
/* Products Center 产品分类卡片 */
.index1 .catCards{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;}
.index1 .catCards li{background:#fff;border-radius:.1rem;overflow:hidden;box-shadow:0 .05rem .15rem rgba(0,0,0,.08);transition:.35s;}
.index1 .catCards li:hover{transform:translateY(-.05rem);box-shadow:0 .12rem .3rem rgba(0,0,0,.12);}
.index1 .catCards .a{display:block;}
.index1 .catCards .imgBox{overflow:hidden;position:relative;}
.index1 .catCards .imgBox .img{padding-bottom:65%;background:center no-repeat;background-size:cover;transition:.5s;}
.index1 .catCards li:hover .imgBox .img{transform:scale(1.08);}
.index1 .catCards .txt{padding:.2rem;}
.index1 .catCards .txt h4{font-size:.18rem;color:#292f32;font-family:'Poppins Medium';line-height:1.3;margin:0 0 .1rem;transition:.3s;}
.index1 .catCards li:hover .txt h4{color:#00a0e9;}
.index1 .catCards .txt .more{font-size:.14rem;color:#00a0e9;display:inline-flex;align-items:center;gap:.06rem;transition:.3s;}
.index1 .catCards .txt .more::after{content:"→";font-size:.16rem;transition:.3s;}
.index1 .catCards li:hover .txt .more::after{transform:translateX(.05rem);}
@media(max-width:769px){
  .index1 .section-header{margin-bottom:.35rem;}
  .index1 .section-header h3{font-size:.32rem;}
  .index1 .btn{padding:.1rem .25rem;font-size:.14rem;}
  .index1 .catCards{grid-template-columns:repeat(2,1fr);gap:.15rem;}
  .index1 .catCards .txt{padding:.15rem;}
  .index1 .catCards .txt h4{font-size:.16rem;}
}

/* Video 视频封面图 15px 圆角 */
.ls5 .imgBox,
.ls5 .imgBox .img.light,
.ls5 .imgBox .img.light img{border-radius:.15rem;overflow:hidden;}

/* index4 6 个特点卡片网格 */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.35rem;}
.feature-card{text-align:center;padding:.3rem .2rem;background:rgba(255,255,255,.6);border-radius:.1rem;transition:.3s;}
.feature-card:hover{background:#fff;box-shadow:0 .08rem .25rem rgba(0,0,0,.08);}
.feature-card .ico{width:.7rem;height:.7rem;margin:0 auto .2rem;background:#00a0e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.32rem;}
.feature-card h4{font-size:.18rem;color:#292f32;margin:0 0 .12rem;font-family:'Poppins Medium';line-height:1.3;}
.feature-card p{font-size:.14rem;color:#414141;line-height:1.7;margin:0;}
/* index5 副标题文案过长，缩小字号 */
.index5 .tit2 h6{font-size:.22rem;line-height:1.6;width:9.5rem;max-width:100%;}
/* ls6 特点小图标换成 bootstrap-icons，白色显示 */
.ls6 .ico i{font-size:.4rem;color:#fff;line-height:.44rem;display:inline-block;}
/* ls6 卡片副标题与描述文字 */
.ls6 .txt .ls6-sub{font-size:.2rem;color:#00a0e9;font-weight:600;margin:.08rem 0 .06rem;line-height:1.4;}
.ls6 .txt .ls6-desc{font-size:.16rem;color:#fff;line-height:1.6;margin:0;opacity:.92; width: 200px; margin-top: 10px;}
/* ls7 合作流程卡片描述 */
.ls7 .ls7-desc{font-size:.16rem;color:rgba(255,255,255,.8);line-height:1.7;width:2.9rem;max-width:100%;margin:.1rem auto 0;}
/* footer Contact Us 标题加大加粗 */
/* footer 链接栏标题加大加粗，与 Contact Us 一致 */
footer .fl2 .left h5,
footer .fl2 .ls13 dt a{font-size:.24rem;font-weight:700;font-family:'Poppins SemiBold';text-transform:uppercase;letter-spacing:.02rem;}
footer .fl2 .left h5{margin-bottom:.2rem;}
footer .fl2 .ls13 dt{margin-bottom:.24rem;}

/* footer 公司简介 */
.f_about_box{position:relative;padding:0 0 .4rem;border-bottom:rgba(255,255,255,.15) 1px solid;}
.f_about{font-size:.15rem;color:rgba(255,255,255,.75);line-height:2;margin:0;text-align:justify;}
@media(max-width:769px){
  .f_about_box{padding:0 0 .25rem;}
  .f_about{text-align:left;font-size:.14rem;}
}

/* index7 新闻区块：一行 4 个、无图片 */
.news-grid{display:flex;flex-wrap:wrap;margin:0 -.1rem;}
.news-grid li{width:25%;padding:0 .1rem;margin-bottom:.2rem;}
.news-grid .txt{height:auto;border:#eaeaeb 1px solid;padding:.3rem;display:flex;flex-direction:column;justify-content:space-between;transition:.3s;background:#fff;}
.news-grid .a:hover .txt{border-color:#00a0e9;box-shadow:0 .08rem .25rem rgba(0,0,0,.08);}
.news-grid .txt h6{color:#00a0e9;}
.news-grid .txt h4{font-size:.19rem;line-height:1.45;margin:.12rem 0 .15rem;}
.news-grid .news-desc{font-size:.14rem;color:#5a5a5a;line-height:1.7;margin:0 0 .2rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.news-grid .a:hover .txt h4{color:#00a0e9;}
.news-grid .more5{color:#00a0e9;font-weight:600;}
@media screen and (max-width:1200px){
  .news-grid li{width:50%;}
}
@media screen and (max-width:768px){
  .news-grid li{width:100%;}
  .news-grid .txt h4{min-height:0;}
}
@media screen and (max-width:1200px){
  .feature-grid{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:768px){
  .feature-grid{grid-template-columns:1fr;}
}

/* ========================================
   产品详情页（productinfo2.html）· pd- 前缀
   ======================================== */
.wp>.pd-wrap{padding:.52rem 0 1rem;}
.pd-wrap{color:#414141;line-height:1.9;}
.pd-wrap *{box-sizing:border-box;margin:0;padding:0;}
.pd-wrap img{max-width:100%;height:auto;display:block;border:none;}
.pd-wrap a{text-decoration:none;}
.pd-wrap ul,.pd-wrap ol{list-style:none;}
.pd-wrap h1,.pd-wrap h2,.pd-wrap h3,.pd-wrap h4{color:#292f32;}

/* 滚动入场动效（脚本未执行时默认显示） */
.pd-reveal{opacity:1;}
.pd-reveal.is-init{opacity:0;transform:translateY(.3rem);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.75,.24,1);will-change:opacity,transform;}
.pd-reveal.is-in{opacity:1;transform:translateY(0);}

/* 产品概览卡片 */
.pd-hero{position:relative;overflow:hidden;border-radius:.2rem;padding:.62rem;display:flex;align-items:center;color:#fff;box-shadow:0 .3rem .7rem rgba(15,55,110,.26);
  background:
    radial-gradient(9rem 3rem at 88% 6%, rgba(0,160,233,.20), transparent 62%),
    radial-gradient(7rem 3rem at 4% 100%, rgba(20,61,145,.22), transparent 64%),
    linear-gradient(120deg,#0b2f5e 0%,#123f7d 44%,#0f79b8 100%);}
.pd-hero::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) .01rem,transparent .01rem),linear-gradient(90deg,rgba(255,255,255,.055) .01rem,transparent .01rem);background-size:.44rem .44rem;-webkit-mask-image:linear-gradient(120deg,rgba(0,0,0,.7),transparent 74%);mask-image:linear-gradient(120deg,rgba(0,0,0,.7),transparent 74%);}
.pd-hero::after{content:'';position:absolute;right:-1.4rem;top:-2.2rem;width:5.4rem;height:5.4rem;border-radius:50%;background:radial-gradient(circle,rgba(130,225,255,.30),transparent 68%);pointer-events:none;}
.pd-hero .pd-hero-grid{display:none;}
.pd-hero .pd-hero-in{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative;z-index:2;}
.pd-hero .pd-hero-tx{flex:1;max-width:6.9rem;}
.pd-hero .pd-tag{display:inline-flex;align-items:center;gap:.08rem;padding:.06rem .18rem;border-radius:50vw;background:rgba(255,255,255,.14);border:.01rem solid rgba(255,255,255,.34);color:#e8f6ff;font-size:.14rem;margin-bottom:.22rem;-webkit-backdrop-filter:blur(.04rem);backdrop-filter:blur(.04rem);}
.pd-hero .pd-tag::before{content:'';width:.06rem;height:.06rem;border-radius:50%;background:#5fd0ff;box-shadow:0 0 0 .04rem rgba(95,208,255,.28);}
.pd-hero h1{font-size:.52rem;line-height:1.18;margin-bottom:.14rem;color:#fff;background:linear-gradient(180deg,#ffffff 32%,#cfe9ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.pd-hero .pd-sub{font-size:.18rem;color:#8fd8ff;font-weight:600;margin-bottom:.16rem;}
.pd-hero .pd-desc{color:rgba(255,255,255,.84);line-height:2;max-width:6.2rem;}
.pd-hero .pd-htags{margin-top:.26rem;display:flex;flex-wrap:wrap;gap:.1rem;}
.pd-hero .pd-htags span{display:inline-block;padding:.07rem .17rem;border-radius:50vw;background:rgba(255,255,255,.12);border:.01rem solid rgba(255,255,255,.24);color:#eaf6ff;font-size:.14rem;transition:.35s;-webkit-backdrop-filter:blur(.02rem);backdrop-filter:blur(.02rem);}
.pd-hero .pd-htags span:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.5);transform:translateY(-.02rem);}
.pd-hero .pd-hero-img{width:5.5rem;flex:none;position:relative;text-align:center;}
.pd-hero .pd-hero-img::before{content:'';position:absolute;left:50%;top:52%;width:3.6rem;height:3.6rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.30),transparent 70%);}
.pd-hero .pd-hero-img img{box-sizing:border-box;position:relative;width:100%;height:4rem;background:#fff;border-radius:.16rem;padding:.12rem;object-fit:cover;box-shadow:0 .26rem .6rem rgba(0,0,0,.32);animation:pdFloat 6s ease-in-out infinite;}
@keyframes pdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-.12rem)}}

/* 通用区块标题 */
.pd-sec{padding:1.72rem 0 1.2rem;}
.pd-sec-head{text-align:center;margin-bottom:.5rem;position:relative;}
.pd-sec-head::before{content:'';position:absolute;left:50%;top:-.16rem;transform:translateX(-50%);font-size:.86rem;line-height:1;color:rgba(20,61,145,.05);white-space:nowrap;pointer-events:none;z-index:0;}
.pd-sec-head>*{position:relative;z-index:1;}
.pd-sec-head h2{font-size:.4rem;line-height:1.3;}
.pd-sec-head .pd-line{position:relative;width:.64rem;height:.03rem;border-radius:.02rem;background:linear-gradient(90deg,#00a0e9,#143d91);margin:.18rem auto 0;}
.pd-sec-head .pd-line::after{content:'';position:absolute;left:50%;top:-.02rem;width:.16rem;height:.07rem;transform:translateX(-50%);border-radius:.04rem;background:#00a0e9;box-shadow:0 0 0 .03rem rgba(0,160,233,.16);}
.pd-sec-head p{color:#7e7e7f;margin-top:.14rem;}

/* 关于产品 */
.pd-about{display:flex;align-items:center;gap:.7rem;}
.pd-about .pd-about-img{width:46%;position:relative;}
.pd-about .pd-about-img::after{content:'';position:absolute;left:.26rem;right:-.26rem;top:.26rem;bottom:-.26rem;border-radius:.2rem;background:linear-gradient(135deg,rgba(0,160,233,.10),rgba(20,61,145,.05));z-index:0;}
.pd-about .pd-about-img .pd-fr{position:absolute;width:100%;height:100%;border:.02rem solid #cfe4f6;border-radius:.2rem;top:.2rem;left:.2rem;z-index:0;}
.pd-about .pd-about-img img{position:relative;z-index:1;border-radius:.2rem;box-shadow:0 .28rem .64rem rgba(20,61,145,.18);transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.pd-about .pd-about-img:hover img{transform:translateY(-.06rem);}
.pd-about .pd-about-tx{flex:1;}
.pd-about .pd-about-tx h3,.pd-green .pd-green-tx h3,.pd-sol h3{font-size:.28rem;display:flex;align-items:center;margin-bottom:.2rem;}
.pd-about .pd-about-tx h3 i,.pd-green .pd-green-tx h3 i,.pd-sol h3 i{width:.06rem;height:.22rem;border-radius:.04rem;background:linear-gradient(180deg,#00a0e9,#143d91);margin-right:.12rem;flex:none;}
.pd-about .pd-about-tx p{color:#5a6572;margin-bottom:.12rem;text-align:justify;}
.pd-about .pd-about-list{margin-top:.2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.1rem;}
.pd-about .pd-about-list li{display:flex;align-items:center;padding:.1rem .14rem;border-radius:.08rem;background:linear-gradient(100deg,#f5fafd,#fbfdff);border:.01rem solid #eaf2f9;color:#292f32;font-size:.14rem;transition:.35s;}
.pd-about .pd-about-list li:hover{border-color:#bfe0f7;background:#fff;transform:translateX(.04rem);box-shadow:0 .06rem .18rem rgba(0,160,233,.10);}
.pd-about .pd-about-list li em{display:inline-block;width:.2rem;height:.2rem;line-height:.2rem;text-align:center;border-radius:50%;background:linear-gradient(135deg,#00a0e9,#143d91);color:#fff;font-size:.11rem;font-style:normal;margin-right:.1rem;flex:none;}

/* 产品优势 */
.pd-adv{position:relative;padding:.54rem .24rem .48rem;border-radius:.2rem;border:.01rem solid #e8f0f7;box-shadow:0 .18rem .5rem rgba(20,61,145,.06);counter-reset:pdadv;background:linear-gradient(180deg,#f8fbfd 0%,#ffffff 52%,#f4f9fd 100%);}
.pd-adv::before{content:'';position:absolute;left:.24rem;right:.24rem;top:0;height:.03rem;border-radius:0 0 .03rem .03rem;background:linear-gradient(90deg,#00a0e9,#143d91,#00a0e9);}
.pd-adv .pd-adv-grid{display:flex;flex-wrap:wrap;margin:-.09rem;}
.pd-adv .pd-adv-item{width:20%;padding:.09rem;counter-increment:pdadv;}
.pd-adv .pd-adv-card{position:relative;overflow:hidden;background:#fff;border-radius:.14rem;padding:.36rem .12rem .32rem;text-align:center;height:100%;border:.01rem solid #eef3f8;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease;}
.pd-adv .pd-adv-card::before{content:'';position:absolute;left:0;right:0;bottom:0;height:.03rem;background:linear-gradient(90deg,#00a0e9,#143d91);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.pd-adv .pd-adv-card::after{content:counter(pdadv,decimal-leading-zero);position:absolute;right:.12rem;top:.08rem;font-size:.17rem;color:rgba(20,61,145,.10);transition:.45s;}
.pd-adv .pd-adv-card:hover{transform:translateY(-.08rem);box-shadow:0 .2rem .42rem rgba(20,61,145,.14);border-color:#dbeaf8;}
.pd-adv .pd-adv-card:hover::before{transform:scaleX(1);}
.pd-adv .pd-adv-card:hover::after{color:rgba(0,160,233,.26);}
.pd-adv .pd-adv-ico{position:relative;width:.64rem;height:.64rem;margin:0 auto .16rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00a0e9,#0b5fa8);box-shadow:0 .12rem .26rem rgba(0,160,233,.26);transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.pd-adv .pd-adv-ico::before{content:'';position:absolute;left:-.07rem;top:-.07rem;right:-.07rem;bottom:-.07rem;border-radius:50%;border:.01rem solid rgba(0,160,233,.3);opacity:0;transform:scale(.86);transition:.5s cubic-bezier(.2,.7,.2,1);}
.pd-adv .pd-adv-ico svg{position:relative;z-index:1;}
.pd-adv .pd-adv-card:hover .pd-adv-ico{transform:translateY(-.04rem) rotate(-8deg);}
.pd-adv .pd-adv-card:hover .pd-adv-ico::before{opacity:1;transform:scale(1);}
.pd-adv .pd-adv-card h4{font-size:.22rem;margin-bottom:.06rem;}

/* 环保无甲醛 */
.pd-green{display:flex;align-items:center;gap:.7rem;}
.pd-green .pd-green-tx{flex:1;}
.pd-green .pd-green-tx p{color:#5a6572;margin-bottom:.12rem;text-align:justify;}
.pd-green .pd-green-badge{display:inline-flex;align-items:center;gap:.08rem;padding:.09rem .2rem;border-radius:50vw;background:linear-gradient(100deg,#f2fafe,#eaf6ff);border:.01rem solid #d5ebfa;color:#0090d1;font-size:.14rem;font-weight:600;margin:.16rem .12rem 0 0;box-shadow:0 .06rem .16rem rgba(0,160,233,.06);transition:.4s;}
.pd-green .pd-green-badge svg{transition:.4s;}
.pd-green .pd-green-badge:hover{background:linear-gradient(100deg,#00a0e9,#0090d1);border-color:#0090d1;color:#fff;transform:translateY(-.03rem);box-shadow:0 .12rem .26rem rgba(0,160,233,.28);}
.pd-green .pd-green-badge:hover svg{stroke:#fff;}
.pd-green .pd-green-img{width:46%;position:relative;}
.pd-green .pd-green-img::before{content:'';position:absolute;left:50%;top:50%;width:4.4rem;height:4.4rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,160,233,.10),transparent 70%);}
.pd-green .pd-green-img .pd-gr{position:absolute;width:100%;height:100%;border:.02rem solid #cfe4f6;border-radius:.2rem;top:-.2rem;right:-.2rem;z-index:0;}
.pd-green .pd-green-img img{position:relative;z-index:1;border-radius:.2rem;box-shadow:0 .28rem .64rem rgba(0,160,233,.18);transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.pd-green .pd-green-img:hover img{transform:translateY(-.06rem);}

/* 应用场景 */
.pd-app{position:relative;overflow:hidden;border-radius:.22rem;padding:.56rem .44rem .5rem;border:.01rem solid #e6f0f8;
  background:
    radial-gradient(6rem 2.6rem at 12% 0%, rgba(0,160,233,.12), transparent 62%),
    radial-gradient(5.2rem 2.4rem at 92% 100%, rgba(20,61,145,.12), transparent 64%),
    linear-gradient(160deg,#f8fbfd 0%,#eef5fa 100%);}
.pd-app::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background-image:linear-gradient(rgba(20,61,145,.05) .01rem,transparent .01rem),linear-gradient(90deg,rgba(20,61,145,.05) .01rem,transparent .01rem);background-size:.5rem .5rem;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent 78%);mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent 78%);}
.pd-app .pd-app-title{position:relative;z-index:1;text-align:center;margin-bottom:.4rem;}
.pd-app .pd-app-title h3{font-size:.32rem;}
.pd-app .pd-app-grid{position:relative;z-index:1;display:flex;flex-wrap:wrap;margin:-.08rem;}
.pd-app .pd-app-item{width:16.666%;padding:.08rem;}
.pd-app .pd-app-cell{position:relative;overflow:hidden;background:rgba(255,255,255,.92);border:.01rem solid #e4eef7;border-radius:.12rem;padding:.22rem .1rem;height:100%;text-align:center;font-size:.16rem;color:#414141;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,color .4s ease,border-color .4s ease,background .4s ease;-webkit-backdrop-filter:blur(.02rem);backdrop-filter:blur(.02rem);}
.pd-app .pd-app-cell em{display:flex;align-items:center;justify-content:center;width:.4rem;height:.4rem;border-radius:50%;background:linear-gradient(135deg,#00a0e9,#0b5fa8);color:#fff;margin:0 auto .12rem;font-style:normal;font-size:.16rem;box-shadow:0 .08rem .18rem rgba(0,160,233,.22);transition:.4s;}
.pd-app .pd-app-cell:hover{transform:translateY(-.06rem);color:#fff;border-color:transparent;background:linear-gradient(135deg,#0a9de4,#0d5ba4);box-shadow:0 .18rem .36rem rgba(0,160,233,.28);}
.pd-app .pd-app-cell:hover em{background:rgba(255,255,255,.18);box-shadow:none;transform:scale(1.06);}

/* 解决方案 */
.pd-sol{display:flex;gap:.34rem;align-items:stretch;}
.pd-sol .pd-sol-l{width:40%;padding:.34rem .3rem;border-radius:.18rem;border:.01rem solid #e9f1f8;background:linear-gradient(160deg,#f8fbfd,#ffffff);box-shadow:0 .16rem .4rem rgba(20,61,145,.06);}
.pd-sol .pd-sol-l ul{counter-reset:pdsol;}
.pd-sol .pd-sol-l li{position:relative;display:flex;align-items:center;padding:.14rem 0 .14rem .36rem;border-bottom:.01rem dashed #e4ecf4;font-size:.16rem;color:#414141;cursor:default;transition:color .35s,transform .35s;counter-increment:pdsol;}
.pd-sol .pd-sol-l li:last-child{border-bottom:none;}
.pd-sol .pd-sol-l li::before{content:counter(pdsol,decimal-leading-zero);position:absolute;left:0;top:50%;transform:translateY(-50%);width:.26rem;height:.26rem;line-height:.26rem;text-align:center;border-radius:.08rem;background:linear-gradient(135deg,rgba(0,160,233,.12),rgba(20,61,145,.10));color:#0090d1;font-size:.12rem;transition:.35s;}
.pd-sol .pd-sol-l li:hover{color:#0090d1;transform:translateX(.04rem);}
.pd-sol .pd-sol-l li:hover::before{background:linear-gradient(135deg,#00a0e9,#0090d1);color:#fff;}
.pd-sol .pd-sol-r{flex:1;}
.pd-sol .pd-sol-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:.14rem;}
.pd-sol .pd-sol-imgs div{position:relative;border-radius:.12rem;overflow:hidden;box-shadow:0 .1rem .24rem rgba(20,61,145,.10);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;}
.pd-sol .pd-sol-imgs div:hover{transform:translateY(-.05rem);box-shadow:0 .18rem .36rem rgba(0,160,233,.22);}
.pd-sol .pd-sol-imgs img{width:100%;height:1.1rem;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.pd-sol .pd-sol-imgs div:hover img{transform:scale(1.08);}

/* 返回按钮 */
.pd-back{text-align:center;margin-top:.66rem;}
.pd-back a{display:inline-flex;align-items:center;padding:.15rem .56rem;border-radius:50vw;color:#fff;font-size:.16rem;box-shadow:0 .14rem .3rem rgba(0,160,233,.26);background:linear-gradient(100deg,#00a0e9,#0b5fa8,#00a0e9);background-size:220% 100%;background-position:0 0;transition:background-position .6s ease,transform .4s ease,box-shadow .4s ease;}
.pd-back a:hover{background-position:100% 0;transform:translateY(-.04rem);box-shadow:0 .2rem .4rem rgba(0,160,233,.36);}

@media(max-width:1024px){
  .pd-hero{padding:.42rem .34rem;}
  .pd-hero .pd-hero-in{flex-direction:column;gap:.34rem;}
  .pd-hero .pd-hero-img{width:60%;max-width:3.4rem;}
  .pd-hero .pd-hero-img img{height:2.6rem;}
  .pd-about,.pd-green{flex-direction:column;gap:.4rem;}
  .pd-about .pd-about-img,.pd-green .pd-green-img{width:100%;}
  .pd-about .pd-about-img::after,.pd-green .pd-green-img::before{display:none;}
  .pd-app{padding:.4rem .26rem .34rem;}
  .pd-app .pd-app-item{width:33.33%;}
  .pd-sol{flex-direction:column;}
  .pd-sol .pd-sol-l{width:100%;}
  .pd-sec-head::before{font-size:.6rem;}
}
@media(max-width:769px){
  .pd-hero{padding:.32rem .2rem;}
  .pd-hero h1{font-size:.34rem;}
  .pd-hero .pd-desc{font-size:.16rem;}
  .pd-sec{padding:.5rem 0 .16rem;}
  .pd-sec-head{margin-bottom:.34rem;}
  .pd-sec-head h2{font-size:.28rem;}
  .pd-sec-head::before{font-size:.44rem;}
  .pd-adv{padding:.34rem .16rem .3rem;}
  .pd-adv .pd-adv-item{width:50%;}
  .pd-app{padding:.32rem .18rem .3rem;}
  .pd-app .pd-app-item{width:50%;}
  .pd-about .pd-about-list{grid-template-columns:1fr;}
  .pd-sol-imgs{grid-template-columns:repeat(2,1fr);}
}

/* ========================================
   板块背景交替：白 / 品牌蓝（#00a0e9）
   当前：第 2、3 段内容块（十大优势、应用场景）为蓝底
   如需改为「关于产品、环保、解决方案」为蓝底，
   把下方所有 nth-child(odd) 改为 nth-child(even) 即可
   ======================================== */
.pd-sec:nth-child(odd){position:relative;left:50%;width:calc(100vw - var(--pd-sbw,0px));transform:translateX(-50%);overflow:hidden;border-radius:0;padding:.62rem max(.34rem, calc((100vw - var(--pd-sbw,0px) - 14.4rem)/2), 3vw);margin-top:.28rem;box-shadow:0 .24rem .6rem rgba(0,160,233,.22);
  background:
    radial-gradient(7rem 3rem at 88% 6%, rgba(255,255,255,.16), transparent 62%),
    radial-gradient(6rem 3rem at 4% 100%, rgba(11,47,94,.20), transparent 64%),
    linear-gradient(120deg,#00a0e9 0%,#0a92d8 52%,#0b6fb0 100%);}
.pd-sec:nth-child(odd)::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.05) .01rem,transparent .01rem),linear-gradient(90deg,rgba(255,255,255,.05) .01rem,transparent .01rem);background-size:.5rem .5rem;-webkit-mask-image:radial-gradient(70% 60% at 50% 28%,#000,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 28%,#000,transparent 80%);}
.pd-sec:nth-child(odd)>*{position:relative;z-index:1;}

/* 蓝底区块标题反白 */
.pd-sec:nth-child(odd) .pd-sec-head::before{color:rgba(255,255,255,.10);}
.pd-sec:nth-child(odd) .pd-sec-head h2{color:#fff;}
.pd-sec:nth-child(odd) .pd-sec-head .pd-line{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.35));}
.pd-sec:nth-child(odd) .pd-sec-head .pd-line::after{background:#fff;box-shadow:0 0 0 .03rem rgba(255,255,255,.28);}
.pd-sec:nth-child(odd) .pd-sec-head p{color:rgba(255,255,255,.82);}

/* 蓝底 · 十大优势 */
.pd-sec:nth-child(odd) .pd-adv{padding:.44rem .2rem .4rem;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.26);box-shadow:none;}
.pd-sec:nth-child(odd) .pd-adv::before{background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.35),rgba(255,255,255,.9));}
.pd-sec:nth-child(odd) .pd-adv-card{background:#fff;border-color:transparent;}
.pd-sec:nth-child(odd) .pd-adv-card::after{color:rgba(20,61,145,.10);}
.pd-sec:nth-child(odd) .pd-adv-card:hover{box-shadow:0 .2rem .42rem rgba(0,0,0,.20);}

/* 蓝底 · 应用场景 */
.pd-sec:nth-child(odd) .pd-app{padding:.44rem .3rem .4rem;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);box-shadow:none;}
.pd-sec:nth-child(odd) .pd-app::before{background-image:linear-gradient(rgba(255,255,255,.07) .01rem,transparent .01rem),linear-gradient(90deg,rgba(255,255,255,.07) .01rem,transparent .01rem);}
.pd-sec:nth-child(odd) .pd-app-title h3{color:#fff;}
.pd-sec:nth-child(odd) .pd-app-cell{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);color:#fff;}
.pd-sec:nth-child(odd) .pd-app-cell em{background:rgba(255,255,255,.22);box-shadow:none;}
.pd-sec:nth-child(odd) .pd-app-cell:hover{background:#fff;color:#0090d1;border-color:#fff;box-shadow:0 .18rem .36rem rgba(0,0,0,.18);}
.pd-sec:nth-child(odd) .pd-app-cell:hover em{background:linear-gradient(135deg,#00a0e9,#0b5fa8);}

@media(max-width:1024px){
  .pd-sec:nth-child(odd){padding-top:.46rem;padding-bottom:.46rem;}
  .pd-sec:nth-child(odd) .pd-app{padding:.36rem .2rem .32rem;}
  .pd-sec:nth-child(odd) .pd-adv{padding:.34rem .14rem .3rem;}
}
@media(max-width:769px){
  .pd-sec:nth-child(odd){padding-top:.36rem;padding-bottom:.36rem;padding-left:15px;padding-right:15px;}
  .wp>.pd-wrap{padding:.36rem 0 .6rem;}
  .pd-sec:nth-child(odd) .pd-app{padding:.28rem .14rem .26rem;}
  .pd-sec:nth-child(odd) .pd-adv{padding:.28rem .1rem .24rem;}
}