.sidebanner{padding:4rem 0;background-repeat:no-repeat;background-size:cover;background-color:#e9ecef;}
.sidebanner h1,.sidebanner h2{font-size:1.857rem;font-weight:700;color:#fff;}
.sidebanner h6{font-size: 1.285rem;margin-top:10px;color:#fff;}
.sidebanner p{font-size:13px;margin-top:2rem;color:#fff;}

/*-------------------------------*/

.main{padding-top:50px;padding-bottom:50px;}


.tabs-menu{display:flex;justify-content:center;margin-bottom:3rem;}
.tabs-menu ul{display:inline-flex;background:#fff;border-radius:3.75rem;box-shadow:0 0 0.95rem rgba(0,0,0,0.07);}

.tabs-menu span{padding:0.625rem 2.25rem;text-align:center;font-size:1.125rem;color:#000;cursor:pointer;border-radius:3.75rem;transition:all 0.3s;white-space:nowrap;user-select:none;}
.tabs-menu span.active {background:#00B3BD;color:#fff;}


/*-------------------------------*/
/*-------------------------------*/


.about{padding:clamp(30px, 4.1vw, 80px) 0;}
.about h5{font-size:clamp(20px, 1.88vw, 34px);color:#313131;font-weight:bold;line-height:1.5;text-align:center;}

.about ul{margin:60px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:120px;}
.about ul li{display:inline-block;text-align:center;}
.about ul li h5{position:relative;}
.about ul li h5::after{content:attr(date-txt);position:absolute;right:-35px;bottom:5px;color:#333;font-size:20px;}
.about ul li span{font-size:68px;font-weight:bold;line-height:1;font-family:Arial;color:#089df3;position:relative;}
.about ul li hr{margin:15px auto;width:30px;height:2px;background:#D6E3E8;}
.about ul li p{font-size:16px;color:#111;}

.about .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px;margin:3.5rem 0;}
.about .grid .card{background:white;border-radius:28px;padding:28px 20px;text-align:center;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05);transition:transform 0.2s,box-shadow 0.2s;border:1px solid #eef2f6;}
.about .grid .card i{font-size:2.5rem;color:var(--color-active);margin-bottom:16px;}
.about .grid .card h3{font-size:2rem;font-weight:800;margin-bottom:8px;color:#333;}
.about .grid .card p{color:#4b5563;font-size:16px;font-weight:500;}
.about .grid .card:hover {transform:translateY(-5px);box-shadow:0 20px 30px -12px rgba(0,0,0,0.1);}


.about .box{background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 20px rgba(0,0,0,0.05);border-radius:28px;overflow:hidden;}
.about .pic{width:588px;}
.about .txt{flex:1;color:#666;font-size:14px;padding:0 60px;height:400px;overflow-y:auto;}
.about .txt p{margin-bottom:15px;line-height:26px;}


.culture{padding:clamp(30px, 4.1vw, 80px) 0;text-align:center;background:#F1F5F9;}
.culture h5{font-size:clamp(20px, 1.88vw, 34px);color:#313131;font-weight:bold;text-align:center;margin-bottom:30px;}
.culture p{line-height:31px;font-size:14px;color:#666;}
.culture .grid{display:flex;flex-wrap:wrap;gap:30px;margin-top:3rem;}
.culture .grid .card{background:white;border-radius:28px;padding:40px 24px;flex:1 1 280px;box-shadow:0 8px 20px rgba(0,0,0,0.02);border:1px solid #e9edf2;transition:all 0.2s;}
.culture .grid .card i {font-size:2.2rem;background:#e8f0fe;padding:12px;border-radius:20px;color:var(--color-active);margin-bottom:20px;display:inline-block;}
.culture .grid .card h4 {font-size:1.5rem;font-weight:600;margin-bottom:16px;}
.culture .grid .card p,.culture .grid .card ul {color:#2d3e50;font-size:0.95rem;line-height:1.5;}
.culture .grid .card ul {padding-left:20px;margin-top:8px;}

.histroy{padding:clamp(30px, 4.1vw, 80px) 0;background:#fff;}
.histroy h3{font-size:clamp(20px, 1.88vw, 34px);color:#313131;font-weight:700;line-height:1;text-align:center;}
.histroy h3::after{content:"";width:21px;height:3px;display:block;background:#14171A;margin:20px auto 0;}

.histroy .timeline{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;margin:50px 0 20px;}
.histroy .timeline .item {flex:1;min-width:180px;background:white;border-radius:28px;padding:20px 16px;margin:8px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,0.03);border-left:4px solid #379c7c;}
.histroy .timeline .item .year{font-weight:800;font-size:1.5rem;color:var(--color-active);}
.histroy .timeline .item .text{font-weight:500;margin-top:8px;font-size:16px;}
.histroy .more-txt{margin-top:3rem;text-align:center;}
.histroy .more-txt p{display:inline-block;font-size:1rem;background:#eef2ff;padding:8px 20px;border-radius:40px;}



.factory{padding:70px 0;background:#F9F9F9;}
.factory h3{font-size:clamp(20px, 1.88vw, 34px);color:#313131;font-weight:700;line-height:1;text-align:center;}
.factory h3::after{content:"";width:21px;height:3px;display:block;background:#14171A;margin:20px auto 0;}
.factory .list{position:relative;margin:40px 0 0;text-align:center;}
.factory .list .swiper-slide a{display:block;width:100%;box-sizing:border-box;position:relative;background:#fff;border:1px solid #E6E6E6;padding:5px;}
.factory .list .swiper-slide a img{width:100%;aspect-ratio:1.35 / 1;object-fit:cover;}
.factory .list .swiper-slide p{text-align:center;font-size:15px;color:#202020;margin:15px 0 0;}

.factory .swiper-button-prev,.factory .swiper-button-next{width:40px;height:40px;top:50%;border:1px solid #333;margin-top:-20px;text-align:center;background:none;border-radius:50%;}
.factory .swiper-button-prev,.factory .swiper-container-rtl .swiper-button-next{left:-66px;right:auto;}
.factory .swiper-button-next,.factory .swiper-container-rtl .swiper-button-prev{right:-66px;left:auto;}
.factory .swiper-button-prev i,.factory .swiper-button-next i{color:#333;font-size:22px;line-height:40px;}

.factory .swiper-button-prev:hover,.factory .swiper-button-next:hover{background:#FA2525;border:1px solid #FA2525;}
.factory .swiper-button-prev:hover i,.factory .swiper-button-next:hover i{color:#fff;}

.factory .swiper-pagination{display:none;position:static;width:100%;margin:20px 0 0;}
.factory .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #15559D;border-radius:50%;opacity:1;box-sizing:border-box;}
.factory .swiper-pagination-bullet-active{background:#15559D;}


/*-------------------------------*/

.m10-index-choose{padding:100px 0;}

.m10-index-choose .tit{background:url(../images/ibg5.jpg) no-repeat center;text-align:center;padding:40px 0;}
.m10-index-choose .tit~.tit{margin-top:100px;}
.m10-index-choose .tit em{font-size:24px;color:#fff;font-weight:600;display:inline-block;display:block;letter-spacing:2px;margin:25px 0 0;}
.m10-index-choose .tit h3{font-size:56px;color:#fff;line-height:1;font-weight:700;}

.m10-index-choose ul{margin:40px -15px 0;display:flex;flex-wrap:wrap;}
.m10-index-choose ul li{width:25%;padding:15px;}
.m10-index-choose ul li a{width:100%;height:100%;display:block;position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px;}
.m10-index-choose ul li .b{border:1px solid #D7D7D7;background:#FAFAFA;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.5s;position:relative; bottom:0;text-align:center;padding:40px 20px;transform:rotateY(0deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);backface-visibility:hidden;}
.m10-index-choose ul li .b .ico{width:100px;height:100px;background:#3AB3AC;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;}
.m10-index-choose ul li .b .ico img{max-width:60%;max-height:60%;}
.m10-index-choose ul li .b h5{font-size:20px;color:#1a1a1a;line-height:24px;font-weight:600;margin:30px 0 0;}

.m10-index-choose ul li .t{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;background:#3AB3AC;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:0 30px;transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);backface-visibility:hidden;transform:rotateY(180deg);transform-style:preserve-3d;}
.m10-index-choose ul li .t h5{font-size:22px;color:#fff;line-height:1;font-weight:600;position:relative;}
.m10-index-choose ul li .t h5::after{content:'';width:40px;height:3px;background:#fff;display:block;margin:15px auto 0 0;}
.m10-index-choose ul li .t p{color:#fff;font-size:13px;line-height:1.5;margin:20px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}


@media screen and (min-width:768px){
.m10-index-choose ul li:hover .b{transform:rotateY(-180deg);transform-style:preserve-3d;}
.m10-index-choose ul li:hover .t{transform:rotateY(0deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);}
}


@media screen and (max-width:1550px){
.m10-index-choose .tit em{font-size:23px;}
.m10-index-choose .tit h3{font-size: 52px;}
}

@media screen and (max-width:1441px) {
.m10-index-choose{padding: 0 0 50px;}
.m10-index-choose .tit em{font-size:22px;}
.m10-index-choose .tit h3{font-size:48px;margin: 20px 0 0;}
.m10-index-choose ul li {padding:20px;}
.m10-index-choose ul li .b .ico{width:95px;height:95px;}
.m10-index-choose ul li .b h5{font-size:19px;}

.m10-index-choose ul li .t h5{font-size:22px;}
.m10-index-choose ul li .t p{font-size:18px;line-height:22px;margin:15px 0 0;}
}

@media screen and (max-width:1367px) {
.m10-index-choose .tit em{font-size:21px;}
.m10-index-choose .tit h3{font-size:44px;}

.m10-index-choose ul li .t h5::after{width:90px;height:3px;margin:15px auto 0 0;}
.m10-index-choose ul li .t p{margin:15px 0 0;}
}

@media screen and (max-width:1281px){
.m10-index-choose{padding: 0 0 40px;}
.m10-index-choose .tit em{font-size:20px;}
.m10-index-choose .tit h3{font-size:40px;margin:15px 0 0;}
.m10-index-choose ul li {padding: 15px;}

.m10-index-choose ul li .b{padding:35px 15px;}
.m10-index-choose ul li .b .ico{width:90px;height:90px;}
.m10-index-choose ul li .b h5{font-size:19px;margin:25px 0 0;}

.m10-index-choose ul li .t h5 {font-size: 20px;}
.m10-index-choose ul li .t p {font-size:17px;}
}

@media screen and (max-width:1171px){
.m10-index-choose .tit em{font-size:19px;}
.m10-index-choose .tit h3{font-size:36px;}
}

@media screen and (max-width:992px){
.m10-index-choose .tit em{font-size:18px;}
.m10-index-choose .tit h3{font-size:32px;}

.m10-index-choose ul{margin:20px -15px 0;}
.m10-index-choose ul li{width:50%;padding:15px;}
.m10-index-choose ul li .b .ico{width:85px;height:85px;}
.m10-index-choose ul li .b{padding:30px 15px;}
.m10-index-choose ul li .b h5{margin:20px 0 0;}

}

@media screen and (max-width:768px){

.m10-index-choose .tit {padding: 30px 10px;}
.m10-index-choose .tit em{font-size:17px;letter-spacing:4px;}
.m10-index-choose .tit h3{font-size:28px;margin:10px 0 0;}

.m10-index-choose ul{margin:20px -10px 0;}
.m10-index-choose ul li{padding:10px;}
.m10-index-choose ul li .b .ico{width:80px;height:80px;}
.m10-index-choose ul li .b h5 {font-size:18px;}

}

@media screen and (max-width:576px) {
.m10-index-choose .tit h3{font-size:26px;}
}

@media screen and (max-width:480px) {
.m10-index-choose .tit em{font-size:16px;letter-spacing:2px;}
.m10-index-choose .tit h3{font-size:24px;}
.m10-index-choose ul{margin:15px 0 0;}
.m10-index-choose ul li{width:100%;padding:10px 0;}
.m10-index-choose ul li .b{padding:20px 10px;}
.m10-index-choose ul li .b .ico{width:70px;height:70px;}
.m10-index-choose ul li .b h5 {font-size:16px;margin:15px 0 0;}

}

@media screen and (max-width:420px) {
.m10-index-choose .tit h3{font-size:22px;}
}


/*-------------------------------*/
/*-------------------------------*/

.app-list{padding:100px 0;}     
.app-list .item{padding:2rem 2rem 2.5rem;background-color:rgba(255,255,255,0.92);backdrop-filter:blur(0px);border-radius:2rem;box-shadow:0 25px 45px -12px rgba(0,0,0,0.25);overflow:hidden;transition:all 0.2s ease;}
.app-list .item+.item{margin-top:5rem;}
.app-list .hero{border-bottom:4px solid #228882;margin-bottom:2rem;padding-bottom:1.8rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.app-list .hero h1{font-size:clamp(20px, 1.88vw, 36px);font-weight:700;color:#313131;}
.app-list .hero .chem-badge {background:#1e2f3c;padding:0.7rem 1.5rem;border-radius:48px;color:#fff;font-weight:600;font-size:1.5rem;font-family:'Courier New',monospace;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.app-list .hero .chem-badge sub {font-size:0.9rem;color:#b9e2f5;}

.app-list .content{}
.app-list .content > p{margin-bottom: 1rem; font-size: 1rem; background: #eef3f9; padding: 0.8rem 1.2rem; border-radius: 1rem;}

.app-list .apps-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.8rem;margin:2rem 0 2rem;}
.app-list .apps-grid .app-card{background:#ffffff;border-radius:1.3rem;overflow:hidden;transition:all 0.25s;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e9f0f3;}

.app-list .apps-grid .app-card .app-header {background:#ecf5f9;padding:0.9rem 1.5rem;font-weight:700;font-size:1.2rem;border-bottom:2px solid #c0deea;color:#333;display:flex;align-items:center;gap:10px;}
.app-list .apps-grid .app-card .app-header i {font-size:1.3rem;color:var(--color-active);}
.app-list .apps-grid .app-card .app-body {padding:1.2rem 1.5rem 1.5rem;font-size:0.95rem;color:#1f3b48;line-height:1.55;}

.app-list .content .extra-usage {background:#eef5f5;border-radius:1.2rem;padding:1.3rem 1.8rem;margin:1rem 0 1.8rem;font-style:normal;border-left:4px solid #2E9E97;}
  
.app-list .apps-grid .app-card:hover {transform:translateY(-5px);box-shadow:0 20px 30px -12px rgba(0,0,0,0.12);border-color:#bfdde9;}


   
.quick-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;}
.info-card {background:white;border-radius:1.5rem;padding:1.2rem 1.5rem;box-shadow:0 8px 20px rgba(0,0,0,0.05);transition:transform 0.2s,box-shadow 0.2s;border:1px solid rgba(44,125,160,0.15);}
.info-card:hover {transform:translateY(-4px);box-shadow:0 20px 28px -12px rgba(0,0,0,0.12);border-color:#2c7da080;}
.info-card i {font-size:2rem;color:#2E9E97;margin-bottom:0.8rem;}
.info-card h3 {font-size:1.2rem;font-weight:600;margin-bottom:0.75rem;border-left:3px solid #2E9E97;padding-left:0.75rem;}
.info-card p,.info-card li {font-size:0.95rem;color:#2c3e44;}
.property-list {list-style:none;margin-top:0.5rem;}
.property-list li {margin-bottom:0.5rem;display:flex;align-items:baseline;gap:0.5rem;}
.property-list li strong {min-width:80px;font-weight:600;color:#1e4a62;}
.toxicity {background:#fff6e8;border-left:5px solid #e67e22;}
.badge-danger {background:#ffedd5;color:#c2410c;padding:0.2rem 0.6rem;border-radius:20px;font-size:0.75rem;font-weight:600;display:inline-block;}


/* 化学性质详细区域 */        
.section-title {font-size:1.8rem;font-weight:700;margin:2rem 0 1.2rem 0;position:relative;display:inline-block;}
.section-title:after {content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#2E9E97,#a3cee9);border-radius:3px;}
.chem-properties {background:#f9fbfd;border-radius:1.5rem;padding:1.5rem 2rem;margin-bottom:2rem;border:1px solid #e2edf2;display:flex;flex-wrap:wrap;gap:1rem;}
.prop-block {flex:1;min-width:200px;}
.prop-block h4 {font-weight:700;font-size:1.1rem;color:#155a78;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem;}
.prop-block ul {padding-left:1.2rem;}
.prop-block ul li {margin-bottom:0.5rem;}
     

@media (max-width:680px) {
.content {padding:1.5rem;}
.hero {flex-direction:column;align-items:flex-start;}
.chem-badge {align-self:flex-start;}
.section-title {font-size:1.5rem;}
.app-header {font-size:1rem;}
}
.badge-icon {background:#2c7da010;border-radius:20px;padding:2px 8px;font-weight:500;}



/*-------------------------------*/

.newslist{}
.newslist ul li{padding:20px;transition:all 0.3s ease 0s;box-shadow:0 0 5px rgba(0,0,0,0.2);display:flex;align-items:center;gap:30px;}
.newslist ul li+li{margin-top:25px;}
.newslist ul li .pic{width:340px;display:block;overflow:hidden;}
.newslist ul li .pic img{width:100%;transition:all 0.3s ease 0s;}
.newslist ul li .t{flex:1;}
.newslist ul li .t h5{font-size:20px;font-weight:bold;color:#333;}
.newslist ul li .t h5 a:hover{color:var(--color-active);}
.newslist ul li .t span{background:url("../images/time.png") no-repeat left center;padding:0 0 0 20px;display:block;font-size:14px;color:#777;margin:15px 0 0;}
.newslist ul li .t p{color:#666;font-size:14px;margin:15px 0 0;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.newslist ul li .t .more{margin:15px 0 0;display:inline-block;padding:5px 20px;border:1px solid #666;font-size:14px;color:#666;border-radius:3px;}
.newslist ul li .t .more:hover{background:var(--color-active);border:1px solid var(--color-active);color:#fff;}

.newslist ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}


.newsnr{padding:10px 0;margin:20px 0 0 0;line-height:22px;color:#1F1F1F;background:#fff;}
.newsnr h2{text-align:center;font-size:22px;padding:0 0 20px;color:#333;font-weight:bold;}
.newsnr p.tools{text-align:center;font-size:12px;border-top:1px solid #EDEDED;color:#BABABA;padding:3px 0 0 0;}
.newsnr .txt{margin:15px 0 0 0;font-size:15px;line-height:1.5;color:#5A5A5A;}
.newsnr .txt p{margin-bottom:20px;}
.newsnr .txt img{display:inline-block;height:auto;}

.pnbar{margin:20px 0 0 0;border:1px solid #CBCBCB;padding:5px 15px;}
.pnbar p{color:#999;font-size:14px;height:32px;line-height:32px;}
.pnbar p:first-child{border-bottom:1px solid #CBCBCB;}
.pnbar p a{font-size:14px;color:#999;}
.pnbar p a:hover{color:#f00;}


.re-info{margin-top:25px;}
.re-info .tit{}
.re-info .tit h3{font-size:15px;color:#fff;line-height:38px;background:#333;text-align:center;font-weight:bold;width:120px;}
.re-info .nr{padding:15px;border:1px solid #CBCBCB;background:#fff;}
.re-info .nr ul{display:flex;flex-wrap:wrap;}
.re-info .nr ul li{width:50%;background:url("../images/xx.png") left center no-repeat;border-bottom:1px dashed #BFBFBF;padding-left:13px;height:40px;line-height:40px;}
.re-info .nr ul li a{color:#333;font-size:15px;}
.re-info .nr ul li a:hover{color:var(--color-active);}
/*-------------------------------*/

.pro-list{}
.pro-list ul{}
.pro-list ul li{display:flex;align-items:center;background:#fff;box-shadow:0 12px 30px rgba(0, 0, 0, 0.05);}
.pro-list ul li:nth-child(2n){flex-direction:row-reverse;}
.pro-list ul li+li{margin-top:2.5rem;}
.pro-list ul li .pic{display:block;width:35%;}
.pro-list ul li .txt{flex:1;padding:0 3rem;}
.pro-list ul li .txt h5{font-size:clamp(20px, 1.68vw, 32px);color:#333;line-height:1;font-weight:700;}
.pro-list ul li .txt .t{margin:20px 0 0;font-size:16px;line-height:1.5;color:#555;}
.pro-list ul li .txt .t p~p{margin-top:5px;}
.pro-list ul li .txt .t em{font-weight:700;color:#333;}
.pro-list ul li .txt .more{margin:25px 0 0;}
.pro-list ul li .txt .more a{padding:8px 36px;color:#fff;font-size:14px;background:var(--btn-color);border-radius:7px;transition:all 0.5s;display:inline-flex;align-items:center;justify-content:center;}
.pro-list ul li .txt .more a i{font-size:15px;vertical-align:middle;margin-left:10px;}
.pro-list ul li .txt .more a:hover{background:var(--btn-active)}

/*-------------------------------*/

.pro_view_top{gap:50px;display:flex;align-items:center;background:#fff;border-radius:32px;box-shadow:0 12px 30px rgba(0, 0, 0, 0.05);}
.pro_img{width:40%;}
.pro_img img{display:block;}

.pro_view_inner{flex:1;}
.pro_view_inner h1{color:#333;font-weight:700;font-size:32px;}

.pro_view_inner .para{margin:20px 0 0;font-size:16px;line-height:1.5;color:#555;}
.pro_view_inner .para p~p{margin-top:10px;}
.pro_view_inner .para em{font-weight:700;color:#333;}


.pro_text{margin-top:30px;}
.pro_text .tit{}
.pro_text .tit h3{color:#333;font-size:28px;position:relative;font-weight:600;margin-bottom:20px;}
.pro_text .tit h3:after{content:'';display:block;width:100px;height:4px;background:#2c7da0;border-radius:4px;margin-top:8px;}
.pro_text .tit span{font-size: 0.9rem; font-weight: normal; background: #e2eef5; padding: 0.2rem 0.8rem; border-radius: 30px; margin-left: 12px;}
.pro_text .tit p{margin-bottom: 2rem; color: #2c5a6e; max-width: 85%;}



.pro_text .tabscon{padding:20px 0 0;color:#555;background:#fff;line-height:1.8;font-size:17px;}
.pro_text .tabscon p{margin-bottom:15px;}
.pro_text .tabscon *{text-wrap-mode:wrap !important;}
.pro_text .tabscon table{font-family: verdana,arial,sans-serif;font-size:12px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse;}
.pro_text .tabscon table td {border:1px solid #fff;padding:8px;background:#D6E9F0;}
.pro_text .tabscon table td:first-child{border:1px solid #fff;padding:8px;background:#0099CC;color:#fff;font-size:14px;}


.pro_text .pics{text-align:center;}
.pro_text .pics img{margin:10px 0 0 0;}


.section-title {font-size:1.8rem;font-weight:700;margin-bottom:1.8rem;position:relative;display:inline-block;letter-spacing:-0.3px;}
.section-title:after {content:'';display:block;width:60%;height:4px;background:#2c7da0;border-radius:4px;margin-top:8px;}


.uses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.8rem;margin-top:1rem;}
.uses-grid .use-card {background:white;border-radius:28px;overflow:hidden;transition:all 0.25s;box-shadow:0 8px 18px rgba(0,0,0,0.03);border:1px solid #eef2f5;}
.uses-grid .use-card .card-img {height:170px;overflow:hidden;background:#eef2fa;}
.uses-grid .use-card .card-img img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.uses-grid .use-card .card-content {padding:1.2rem 1.3rem 1.5rem;}
.uses-grid .use-card .card-content h3 {font-size:1.35rem;font-weight:700;margin-bottom:0.75rem;display:flex;align-items:center;gap:8px;color:#111;}
.uses-grid .use-card .card-content h3 em{font-size:1.3rem;color:var(--color-active);}
.uses-grid .use-card .card-content p {color:#2c4b5c;font-size:0.9rem;line-height:1.45;}

.use-card:hover {transform:translateY(-4px);box-shadow:0 18px 30px rgba(0,0,0,0.08);border-color:#cbdde6;}
.use-card:hover .card-img img {transform:scale(1.03);}


.na-list2{margin-top:4rem;}
.na-list2 details{background: #f8fafc; border-radius: 1.2rem; padding: 0.5rem 2rem; border: 1px solid #cbdde6;}
.na-list2 details summary{font-weight: 600; cursor: pointer; color: #155a78; padding: 0.5rem 0;display:flex;justify-content:space-between;align-items:center;}
.na-list2 details summary em{display:inline-block;transition:all 0.4s;}
.na-list2 .txt{padding:1rem 0.2rem 0.5rem;display: flex;flex-direction: column; gap: 1rem;}
.na-list2 details[open] summary em{transform:rotate(45deg)}


.na-applied-value{margin:2.5rem 0 1rem;background:#eef3f7;border-radius:28px;padding:1.5rem 2rem;}
.na-applied-value .title{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px;}
.na-applied-value .title .left{display:flex;align-items:center;}
.na-applied-value .title em{font-size: 2rem; color: #2c7da0;}
.na-applied-value .title h5{font-weight: 700; font-size: 1.2rem; margin-left: 8px;}
.na-applied-value .title .t{color: #2a6b7c; max-width: 75%; font-size: 0.9rem;}
.na-applied-value hr{height:1px;margin: 1rem 0;background: #cddfe8;}
.na-applied-value p{font-size:0.9rem;line-height:1.5;color:#333;}



.na-safety-note{background:#fff6ea;border-radius:28px;margin-top:3rem;padding:1.5rem 2rem;border-left:6px solid #d97706;display:flex;gap:2rem;flex-wrap:wrap;align-items:center;}
.na-safety-note em{font-size:2rem;color:#d97706;}
.na-safety-note .safety-text {flex:1;}
.na-safety-note .safety-text h5{color:#b45309;font-weight:700;font-size:1.2rem;}
.na-safety-note .safety-text p{margin-top:10px;font-size:0.9rem;}


.na-list3{display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2.5rem; justify-content: space-between;}
.na-list3 .item{background:#fff;border-radius:28px;padding:1.5rem 2rem;flex:1;box-shadow: 0 5px 12px rgba(0,0,0,0.02);border: 1px solid #e2edf2;}
.na-list3 .item em{font-size: 1.6rem; color:var(--color-active);}
.na-list3 .item h4{margin:10px 0;font-size: 1.2rem;}
.na-list3 .item p{font-size:0.85rem;}


/*-------------------------------*/


.domains-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.8rem;margin-top:0.5rem;}
.domain-card {padding:1.6rem;display:flex;flex-direction:column;height:100%;transition:all 0.2s;}
.domain-icon {font-size:2.2rem;color:#2f8b9e;margin-bottom:1rem;background:rgba(47,139,158,0.1);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:20px;}
.domain-title {font-size:1.35rem;font-weight:700;margin-bottom:0.75rem;color:#153e4c;letter-spacing:-0.2px;}
.domain-desc {font-size:0.9rem;color:#2c5a68;line-height:1.55;flex:1;}
.domain-desc ul {margin-top:0.5rem;}
.domain-desc li {margin-bottom:0.4rem;position:relative;padding-left:1.2rem;}
.domain-desc li:before {content:"▹";position:absolute;left:0;color:#2f8b9e;font-size:0.8rem;}
/* 特殊加粗点缀 */        .soft-highlight {background:linear-gradient(120deg,#eaf6f9 0%,#eaf6f9 40%,transparent 80%);padding:0 0.2rem;font-weight:500;}
/* 脚注 */        .footer-note {margin-top:3rem;padding:1.5rem;text-align:center;font-size:0.8rem;color:#5f7f8c;border-top:1px solid rgba(95,127,140,0.2);}



.card {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(0px);
            border-radius: 28px;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.02);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            border: 1px solid rgba(255, 255, 255, 0.7);
        }
        .card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 32px rgba(0, 0, 0, 0.08);
            background: rgba(255, 255, 255, 0.98);
        }

.overview {margin-bottom:2.8rem;padding:1.8rem 2rem;}
.overview h3 {font-size:1.5rem;font-weight:600;color:#1e3c4c;margin-bottom:1rem;display:flex;align-items:center;gap:10px;}
.overview p {font-size:1rem;color:#2c4b5a;margin-bottom:1.2rem;line-height:1.55;}
.tag-group {display:flex;flex-wrap:wrap;gap:0.7rem;margin-top:0.8rem;}
.tag {background:#eef2f9;padding:0.4rem 1rem;border-radius:40px;font-size:0.8rem;font-weight:500;color:#1c6d82;border:1px solid #cbdbe0;}



/*-------------------------------*/

.contact{margin:20px 0 0 0;}
.contact h3{font-size:36px;color:#474747;line-height:1;text-align:center;font-weight:700;}
.contact hr{width:21px;height:3px;background:#14171A;margin:20px auto 0;}
.contact h4{font-size:16px;color:#666;text-align:center;margin:15px 0 0;}

.contact ul{margin:40px 0 0 0;display:flex;flex-wrap:wrap;}
.contact ul li{width:25%;padding:20px 15px;text-align:center;border-right:1px solid #EBEBEB;}
.contact ul li:last-child{border-right:none;}
.contact ul li em{background:#2E9E97;width:60px;height:60px;line-height:60px;font-size:30px;color:#fff;border-radius:50%;display:inline-block;}
.contact ul li em i{font-size:28px;color:#fff;}
.contact ul li h6{font-size:16px;font-weight:bold;color:#333;margin:15px 0 0 0;}
.contact ul li p{color:#444;margin:10px 0 0;font-size:16px;line-height:24px;}
.contact ul li p a{color:#444;}
.contact ul li p a:hover{color:#E62129;}



.map{margin:50px 0 0;}
.map img{width:100%;}



/*-----分页----*/

.page{text-align:center;overflow:hidden;margin:40px 0 0 0;ont-size:0;}
.page span{display:inline-block;font-size:13px;color:#999;margin:0 0 0 4px;}
.page span a{display:inline-block;padding:8px 16px;border:1px solid #e6e6e6;border-radius:3px;}
.page span.page-numbar{margin:0;}
.page span.page-numbar a{margin:0 0 0 4px;}
.page span a.page-num-current{background:var(--color-active);border:1px solid var(--color-active);color:#fff;}
.page span a:hover{color:#fff;background:var(--color-active);border:1px solid var(--color-active);}


.no-data{padding:50px 0;text-align:center;}