/* =====头部===== */
:root {
  --font14: 16px;
  --font15: 16px;
  --font16: 16px;
  --font17: 17px;
}
body {font-size: 16px;}
.font14, .font16 {font-size: 16px;}
.header-zw {height: 1.36rem;width: 100%; display: none;}
.header {background: #fff;}
.headerBox {display: flex; justify-content: space-between; align-items: center; gap: .28rem; padding: .2rem 0; height: 1.06rem;}
.headerBox .logo {display: flex; align-items: center; flex: 1 1 auto; min-width: 0; height: 100%; overflow: hidden;}
.headerBox .logo > a {height: 100%; flex: 0 0 auto;}
.headerBox .logo a .logoImg {height: 100%; display: flex; align-items: center;}
.headerBox .logo a .logoImg img {max-width: 100%; max-height: 100%;}
.headerBox .logo .logoCon {display: flex; align-items: center; flex: 1 1 auto; min-width: 0; margin-left: .2rem; overflow: hidden;}
.headerBox .logoCon > a {height: auto; flex: 0 0 auto; min-width: max-content;}
.headerBox .logoCon h1 {font-size: var(--font30);font-weight: 700;color: #303e47;letter-spacing: 0.01rem; line-height: 1.12; white-space: nowrap;}
.headerBox .logoCon .en {font-size: var(--font18);font-family: Arial, Arial-Regular;color: #bdbdbd; text-transform: uppercase;}
.headerBox .logoCon i {width: 1px; height: .68rem; background: url(../images/xz.png) no-repeat center; background-size: auto; margin: 0 .3rem;}
.headerBox .logoCon2 {flex: 0 1 auto; min-width: 0; max-width: clamp(240px, 24vw, 420px); overflow: hidden;}
.headerBox .logoCon2 h3 {font-size: var(--font24);font-weight: 700;color: #333333; white-space: nowrap; line-height: 1.2; overflow: hidden; text-overflow: ellipsis;}
.headerBox .logoCon2 span {font-size: var(--font17);color: #666666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 搜索 */
.heSearch .pcSearch form {position: relative;}
.heSearch {display: none;}
.heSearch .pcSearch form input {width: 292px; height: 45px; border: 0.01rem solid #dddddd;border-radius: 24px; padding: 0 .3rem; padding-right: .4rem; box-sizing: border-box;}
.heSearch .pcSearch form input::placeholder {font-size: var(--font15);color: #b3b3b3;}
.heSearch .pcSearch form button {position: absolute; left: 92%; top: 50%; transform: translate(-50%, -50%); background: none;border: 0; cursor: pointer;}
.heSearch .pcSearch form button img {display: block;}
.moblieSearch {position: relative; display: none; line-height: 1.36rem;}
.moblieSearch > img {cursor: pointer;}
.searchBox {position: fixed; width: 100%;left: 0; display: none;   height: 2.5rem;width: 100%; border-top: 1px solid #D5D5D5; z-index: 8; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);}
.searchBox { background: #fff;line-height: initial;}
.searchBox .inBox {display: flex; align-items: center; justify-content: center; height: 100%;}
.searchBox form {width: 70%; position: relative; border-bottom: 2px solid #eee; padding-bottom: 0.15rem;}
.searchBox form .inText {width: calc(100% - 40px); font-weight: 400;border: none; background: none; outline: none; padding-left: 0.1rem; box-sizing: border-box;}
.searchBox form .inText::placeholder { color: #6666;}
.searchBox form .sub { cursor: pointer; outline: none; border: none; width: 23px; height: 23px; background: url(../images/searchicon.png) no-repeat center; background-size: auto;}
.searchBox form button img { filter: brightness(0); -webkit-filter:brightness(0);}
/* 电话 */
.heTel {display: flex; align-items: center; flex: 0 0 auto;}
.heTel .icBox { display: flex; align-items: center; justify-content: center;margin-right: .1rem; width: 0.55rem;height: 0.55rem; border-radius: 50%;border: 0.01rem solid rgba(66, 66, 66,.26)}
.heTel .icBox img {max-width: 43%;}
.heTel .con em {font-size: var(--font15);color: #777777;}
.heTel .con b {font-weight: 400; display: block;font-size: var(--font29); font-family: Arial, Arial-Regular; white-space: nowrap;}
/* 导航 */
.headerNav {height: 0; position: sticky; top: 0; z-index: 11; }
.headerNav .navBox {background: rgba(0, 0, 0, 0.19); transition: .5s;}
.headerNav ul {display: flex; justify-content: space-between;}
.headerNav ul li {position: relative;}
.headerNav ul li > a {color: #fff; padding: 0.2rem .25rem; display: block; transition: .5s;}
.headerNav ul li:hover > a ,.headerNav ul li.on > a  {background: #009241;color: #fff;}

/* 导航下拉 */
.headerNav ul li dl {position: absolute; left: 50%; transform: translateX(-50%); background:#fff; width: max-content; min-width: 100%; max-width: 260px; display: none; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); padding:0.1rem 0; height: auto; overflow: visible; box-sizing: border-box;}
.headerNav ul li:hover dl {height: auto !important;overflow: visible !important;}
/* .headerNav ul li:nth-child(6) dl {width: auto; white-space: nowrap; left: -45%;} */
.headerNav dl dd {display: block;clear: both;}
.headerNav dl dd a {color: #333; display: block; transition: .5s; text-align: center; font-size: max(16px, 0.14rem); color:#666; padding:.08rem .18rem; line-height: 1.5; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; box-sizing: border-box;}
.headerNav dl dd a:hover {background: #009241;color:#fff}

.headerNav.top-headerUp .navBox {background:#303e47;}


/* 公用样式按钮 */
.inMore1 {margin-top: .6rem;}
.inMore1 a {box-sizing: border-box; width: 2.2rem; font-size: var(--font18); margin: auto; height: 0.55rem;background: #009241; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 700;}
.inMore1 a { position: relative; z-index: 1;}
.inMore1 a img {margin-left: 15%;}
.inMore1 a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #015198; z-index: -1; left: 0;}
.inMore1 a:hover::after {width: 100%;}


/* =====首页===== */
.bannerSwiper {position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide img {width: 100%;}
.bannerSwiper .swiper-button-prev {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination {bottom: .5rem;}
.bannerSwiper .swiper-pagination-bullet {width: 13px; height: 13px; background: #fff;opacity: 1; margin: 0 8px !important;}
.bannerSwiper .swiper-pagination-bullet-active {background: #009241;}
/* 公用标题 */
.indexTle {text-align: center; padding: .6rem 0;}
.indexTle h2, .indexTle h3 {font-size: var(--font40);font-weight: 700;}
.indexTle i {width: 2.19rem;height:1px;background: #d8d8d8; display: inline-block; position: relative;}
.indexTle i::after {content: "";width: 0.55rem;height: 4px;background: #009241;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.indexTle span {display: block;font-size: var(--font18);color: #666666;margin-top: .1rem;}
/* 成功案例 */
.indexOne  {margin-bottom: .6rem;}
.indexOne .swiperBox1 {position: relative;}
.indexOne .swiperBox1::after { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); content:""; width: 100%; height: 1px; background: #E5E5E5;}
.inOneSwiper1 {padding: 10px 0;width: 1500px; max-width: 92%;margin: auto;}
.inOneSwiper1 .swiper-slide {width: auto; cursor: pointer;}
.inOneSwiper1 .swiper-slide span {text-align: center; font-size: var(--font18);color: #666666;display: block;margin-top: .1rem;}
.inOneSwiper1 .icBox {transition: .5s; margin: auto; position: relative;z-index: 1; display: flex; align-items: center;justify-content: center; border-radius: 50%; width: 0.81rem; height: 0.81rem;background: #ffffff;  border: 0.01rem solid #e4e4e4;}
.inOneSwiper1 .icBox img {max-width: 40%;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox { background: #015198;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox::after {content: "";width: 110%;height: 110%;position: absolute;border-radius: 50%;background: rgba(1, 82, 152,.07); z-index: -1; animation: shubiao 1s infinite linear .65s;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inOneSwiper1 .swiper-scrollbar-drag {background: #015198;}
.inOneSwiper2 {margin-top: .8rem;padding-bottom: 1.25rem;}
.inOneSwiper3 {overflow: initial; }
.inOneSwiper3 .swiper-slide {width: 45%;  transition: .5s; opacity: .5;}
.inOneSwiper3 .swiper-slide .imgBox {transform: scale(.88); transition: .5s; overflow: hidden;}
.inOneSwiper3 .swiper-slide-active {opacity: 1;}
.inOneSwiper3 .swiper-slide-active .imgBox {transform: scale(1); }
.inOneSwiper3 .swiper-slide .imgBox img {width: 100%; transition: .5s;}
.inOneSwiper3 .swiper-slide-active:hover .imgBox img {transform: scale(1.05);}

.inOneSwiper3 .swjt {left: 77%;  width: 0.68rem;height: 0.68rem; background: #ffffff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); border-radius: 50%; }
.inOneSwiper3 .swjt.swiper-button-prev {transform: rotate(180deg); left: 19%;}
.inOneSwiper3 .swjt img {max-width: 20%;}
.inOneSwiper3 .con {width: 90%; padding: .35rem; padding-right: 7%; box-sizing: border-box; position: absolute; left: 50%; top: 120%; opacity: 0; visibility: hidden; transform: translate(-50%, -50%);  background: #fff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); transition: .5s;}
.inOneSwiper3 .con {background-image: url(../images/jt2.png); background-repeat: no-repeat; background-position: 96%;}
.inOneSwiper3 .con h5 {font-size: var(--font22);color: #333333;}
.inOneSwiper3 .con dl {margin-top: .25rem; display: flex; flex-wrap: wrap;}
.inOneSwiper3 .con dd {display: flex; align-items: center;}
.inOneSwiper3 .con dd:nth-child(1) {margin-right: .5rem;}
.inOneSwiper3 .con dd span {font-size: var(--font15);color: #666666;margin-left: 5px;}
.inOneSwiper3 .con:hover h5 {color: #015198;}
.inOneSwiper3 .swiper-slide-active .con {top: 100%; opacity: 1; visibility: visible;}
/* 自有工厂标准化生产 · 从源头把控质量 */
.indexTwo {background: url(../images/indextwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1rem;}
.indexTwo .container {width: 1550px;}
.indexTwo .box {display: flex; align-items: center; justify-content: space-between;}
.indexTwo .box dl {width:30%;}
.indexTwo .cen {width: 33%;     margin: 0 .6rem;}
.indexTwo .cen img {max-width: 100%;}
.indexTwo .tle {display: flex; align-items: center;padding-bottom: 10px; border-bottom: 1px solid rgba(194, 194, 194,.37)}
.indexTwo .tle .con {margin-left: .2rem;}
.indexTwo .tle .con h5 {font-size: var(--font26);font-weight: 700;}
.indexTwo .tle .con span {font-size: var(--font18);color: #a1a1a1;}
.indexTwo dl dd {margin-top: 1rem;}
.indexTwo dl dd ul {margin-top: .3rem;}
.indexTwo dl dd ul li {position: relative;font-size: var(--font16);color: #666; margin: 5px 0; padding-left: .15rem;}
.indexTwo dl dd ul li::before {content: "";width: 6px; height: 6px; border-radius: 50%;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);background:#009241;;}
/* 首页搜索热词 */
.homeSearchPanel {position: relative; z-index: 3; padding: 0; background: #fff; border-bottom: 1px solid #e6edf2;}
.homeSearchPanel .container {width: 100%; max-width: none;}
.homeSearchBox {display: flex; align-items: center; justify-content: space-between; gap: .42rem; width: 100%; min-height: .96rem; padding: .2rem .72rem; background: #ffffff; box-sizing: border-box;}
.homeSearchMain {display: flex; align-items: center; flex: 0 0 7.2rem; min-width: 0; gap: .18rem;}
.homeSearchMain > span {flex: 0 0 auto; color: #12344d; font-size: var(--font16); font-weight: 800;}
.homeSearchBox form {display: flex; align-items: center; flex: 1; min-width: 0; height: .52rem; border: 1px solid #d9e2e8; border-radius: .26rem; overflow: hidden; background: #fff;}
.homeSearchBox input {flex: 1; min-width: 0; height: 100%; padding: 0 .22rem; border: 0; color: #12344d; font-size: var(--font16); background: transparent;}
.homeSearchBox input::placeholder {color: #9aa8b2;}
.homeSearchBox button {flex: 0 0 .9rem; height: 100%; border: 0; background: #015198; color: #fff; font-size: var(--font16); font-weight: 700; cursor: pointer; transition: .35s;}
.homeSearchBox button:hover {background: #009241;}
.homeHotKeywords {display: flex; align-items: center; min-width: 0; flex: 1; gap: .16rem;}
.homeHotKeywords > span {flex: 0 0 auto; color: #12344d; font-size: var(--font16); font-weight: 700;}
.homeHotKeywords .hotList {display: flex; align-items: center; gap: .1rem; min-width: 0; flex-wrap: wrap;}
.homeHotKeywords a {display: inline-flex; align-items: center; height: .36rem; padding: 0 .16rem; border-radius: .18rem; background: #f3f7f9; color: #526774; font-size: var(--font15); transition: .35s;}
.homeHotKeywords a:hover {background: #009241; color: #fff;}
/* VOCs废气治理解决方案 */
.indexThree {background: url(../images/indexthree-bj.jpg) no-repeat center;background-size: cover; padding-bottom: 1.05rem; overflow: hidden;}
.indexThree ul {display: flex; flex-wrap: wrap; justify-content: center; gap: .22rem; max-width: 11.8rem; margin: .05rem auto 0; left: 0; position: relative; align-items: stretch;}
.indexThree ul li {position: relative; flex: 0 1 calc((100% - .66rem) / 4); width: auto; height: auto; min-height: 1.82rem; margin: 0; background: rgba(255,255,255,.94); border: 1px solid rgba(1,81,152,.12); border-radius: 8px; box-shadow: 0 .14rem .36rem rgba(18,52,77,.08); overflow: hidden; transition: .35s; -webkit-clip-path: none; clip-path: none;}
.indexThree ul li a {display: block; height: 100%; color: inherit;}
.indexThree ul li .bj2 {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: .5s; z-index: 2;}
.indexThree ul li .bj2::after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(135deg, rgba(1,81,152,.72), rgba(0,146,65,.62)); opacity: .9;}
.indexThree ul li .bj2 img {width: 100%; height: 100%; object-fit: cover;}
.indexThree ul li .bj2 .tle {height: 100%; position: absolute; width: 100%; text-align: center; padding: .24rem; box-sizing: border-box; z-index: 1; display: flex; align-items: center; justify-content: center;}
.indexThree ul li .bj2 .tle span {font-size: 0.2rem;color: #ffffff;font-weight: 700;display: block; line-height: 1.45; padding: 0 .1rem;box-sizing: border-box;}
.indexThree ul li .con {position: relative; z-index: 1; height: 100%; width: 100%; padding: .28rem .22rem; box-sizing: border-box; text-align: center;display: flex;flex-direction:column;justify-content:center;align-items:center;}
.indexThree ul li .con .icBox {width: .82rem; height: .78rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 0;}
.indexThree ul li .con img {display: block; width: .72rem; height: .72rem; max-width: 100%; max-height: 100%; object-fit: contain; margin: 0 auto;}
.indexThree ul li .con h5 {font-size: .18rem; line-height: 1.45; margin: .12rem .32rem .1rem .1rem;font-weight: 700; color: #263944;}
.indexThree ul li .con em {position: absolute; right: .18rem; bottom: .18rem; z-index: 3; width: .34rem; height: .34rem; border: 1px solid rgba(1,81,152,.16); border-radius: 50%; background: #f6fafb; font-size: 0.24rem;font-weight: 300;color: #015198;opacity: .65; line-height: 1; display: flex; align-items: center; justify-content: center; transition: .35s;}
.indexThree ul li:hover {transform: translateY(-.04rem); box-shadow: 0 .2rem .48rem rgba(18,52,77,.14);}
.indexThree ul li:hover .bj2 {opacity: 1;}
.indexThree ul li:hover .con em {color: #fff; background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.45); opacity: 1;}
.indexThree ul li:nth-child(n+6) {top: 0; left: 0;}
/* 服务热线 */
.indexFour {background: url(../images/indexfour-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0 .8rem 0;}
.indexFour .box {display: flex; justify-content: space-between; align-items: center;}
.indexFour .le .con h4 {font-size: 0.46rem;font-weight: 500;color: #ffffff; margin-top: .2rem;  font-family: "Noto Sans SC";}
.indexFour .le .con span {font-size: .33rem;font-weight: 500;color: #fff;}
.indexFour .reTop {display: flex; align-items: center;}
.indexFour .reTop  span {font-size: var(--font18);font-weight: 400;color: #ffffff; margin-left: 10px;}
.indexFour .tel {margin-top: .15rem;}
.indexFour .tel b a {font-size: 0.37rem;font-family: Arial, Arial-Bold Italic;color: #ffffff;font-weight: 700; font-style: oblique;}
.indexFour .re .more a {width: 140px; height: 45px;background: #009241; color: #fff; display: flex; justify-content: center; align-items: center; margin-top: .35rem; position: relative;z-index: 1;}
.indexFour .re .more a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #015198; z-index: -1; left: 0;}
.indexFour .re .more a:hover::after {width: 100%;}

/* 产品中心 */
.indexFive {margin-bottom: 1rem;}
.infiveSlide {display: block;}
.infiveSlide .hd {margin-bottom: .34rem;}
.infiveSlide .hd ul {display: flex; flex-wrap: wrap; justify-content: center; gap: .12rem;}
.infiveSlide .hd li {height: 46px; background: #F9F9F9; border-radius: 25px; transition: .5s;}
.infiveSlide .hd li a {padding: 0 .3rem; box-sizing: border-box; display: flex; align-items: center; height: 100%; color: #555555; position: relative; white-space: nowrap;}
.infiveSlide .hd li a::after {content: ""; width: 6px; height: 6px; margin-left: .14rem; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); opacity: .55; transition: .3s;}
.infiveSlide .hd li:hover {background: #035198;}
.infiveSlide .hd li:hover a {color: #fff;}
.infiveSlide .hd li:hover a::after {opacity: 1;}
.infiveSlide .bd {width: 100%; margin-left: 0;}
.infiveSlide .bd ul {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .24rem; height: auto;}
.infiveSlide .bd li {min-width: 0; background: #ffffff;border: 1px solid #dddddd;}
.infiveSlide .bd li a {display: block; position: relative;}
/* .infiveSlide .bd li a::before {content: "";background: #252f35;position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;z-index: 1; opacity: 0; visibility: hidden; transition: .5s;}
.infiveSlide .bd li a::after {content: "+"; display: flex; align-items: center; justify-content: center;font-size: 0.48rem;color: #ffffff; width: 0.64rem; height: 0.64rem; font-weight: 300;    line-height: initial;background: rgba(255, 255, 255,.18);border-radius: 50%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;} */
/* .infiveSlide .bd li a::after {opacity: 0; visibility: hidden; transition: .5s; transition-delay: .1s;} */
.infiveSlide .bd li .imgBox {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: #f6f8f9;}
.infiveSlide .bd li .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.infiveSlide .bd li .imgBox::before {content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #009241 , #015198); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;}
.infiveSlide .bd li .imgBox i {min-width: 40px; min-height: 40px; width: .6rem;height: .6rem;border-radius: 4px; background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;    transition: all 0.4s; transition-delay: 0.2s;}
.infiveSlide .bd li:hover .imgBox i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.infiveSlide:has(.homeSectionEmpty) .hd {display: none;}
.infiveSlide:has(.homeSectionEmpty) .bd {width: 100%; margin-left: 0;}
.infiveSlide .bd li:hover .imgBox::before {transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.infiveSlide .bd li .con {display: flex; align-items: center;justify-content: center; font-size: var(--font16);font-weight: 400;color: #333333; padding:0 10px; height: 70px; position: relative;}
.infiveSlide .bd li .con::after {content: "";position: absolute; left: 0; width: 100%; bottom: 0;background: #009241; height: 3px;}
.infiveSlide .bd li:hover .imgBox img {transform: scale(1.03);}
.infiveSlide .bd li:hover a::before {opacity: .5; visibility: visible;}
.infiveSlide .bd li:hover a::after {opacity: 1; visibility: visible;}
/* 一站式服务流程 */
.indexSix {background: url(../images/indexsix-bj.jpg) no-repeat center; background-size: cover; padding-bottom: .8rem;}
.indexSix ul {display: flex; justify-content: space-between;}
.indexSix ul li {text-align: center;}
.indexSix ul li .icBox {width: 110px; height: 110px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; margin: auto;}
.indexSix ul li .icBox img {transition: .5s;}
.indexSix ul li span {font-size: var(--font18);color: #666666; display: block; margin: .15rem 0;}
.indexSix ul li .num {font-size: var(--font14);color: #666666; opacity: .43;}
.indexSix .tel {margin-top: .8rem;}
.indexSix .tel .us { position: relative; z-index: 1;}
.indexSix .tel .us::before {content: "";position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 1px; opacity: .11; background: #535353; z-index: -1;}
.indexSix .tel .us span {color: #fff;margin: auto; text-align: center; max-width: 80%; padding: 5px; width: 3.47rem; height: auto;background: #009241; border-radius: 0.26rem; }
.indexSix .tel .iphone {text-align: center;margin-top: .4rem;}
.indexSix .tel .iphone em {color: #333333;}
.indexSix .tel .iphone b , .indexSix .tel .iphone b a {color: #035198;font-weight: 700; font-family: Arial, Helvetica, sans-serif;font-size: .35rem;}
.indexSix ul li:hover .icBox img {transform: rotateY(180deg);}
/* 官方公告、新闻资讯、FAQ */
.officialNoticeSection {padding-bottom: .5rem;}
.homeNewsSection {padding-bottom: .7rem;}
.homeFaqSection {padding-bottom: 1rem;}
.indexSeven {margin-bottom: 1rem;}
.indexSeven .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexSeven .box .le {width: 54%;}
.indexSeven .box .re {width: 40%; margin-top: 15px;}
.indexSeven .box .setop {display: flex; justify-content: space-between; align-items: center;}
.indexSeven .setop .tople {display: flex; align-items: flex-end; padding-bottom: .16rem;}
.indexSeven .setop h4 {font-size: var(--font24);font-weight: 700;color: #333333; margin:0 .16rem 0 .08rem; line-height: initial;}
.indexSeven .setop .en {font-size: var(--font14);font-family: Arial, Arial-Regular;color: #999999; text-transform:uppercase;}
.indexSeven .topre a {font-weight: 400; color: #c8c8c8;} 
.indexSeven .topre a:hover {color: #009241;}
.indexSeven .le dl dd {padding: .2rem 0; border-top: 1px solid #ddd;}
.indexSeven .le dl dd a {display: flex;align-items: center; justify-content: space-between;}
.indexSeven .le dd .imgBox {width: 32%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.indexSeven .le dd .imgBox img {max-width: 100%; transition: .5s;}
.indexSeven .le dd .con {width: 63%;}
.indexSeven .le dd h5 {font-size: var(--font18);font-weight: 700;color: #333333;}
.indexSeven .le dd p {margin-top: .15rem; font-weight: 400;font-size: var(--font15);color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexSeven .le dd .time {color: #888888;font-weight: 400;font-size: var(--font15);font-family: Arial, Arial-Regular; margin-top: .2rem;}
.indexSeven .le dd:hover .imgBox img {transform: scale(1.01);}
.indexSeven .le dd:hover h5 {color: #015198;}
.officialNotice {margin-top: .1rem; padding: .24rem .28rem; background: #f7fbf8; border: 1px solid #e0eee6;}
.officialNotice h5 {font-size: var(--font18); color: #035198; font-weight: 700; margin-bottom: .14rem;}
.officialNotice li {display: grid; grid-template-columns: .9rem minmax(0, 1fr); gap: .12rem; padding: .1rem 0; border-top: 1px solid #e6f0ea;}
.officialNotice li:first-child {border-top: 0;}
.officialNotice li b {color: #009241; font-weight: 700;}
.officialNotice li span {color: #555; line-height: 1.7;}
.officialNoticeStandalone {max-width: 1180px; margin: 0 auto; padding: .32rem .38rem;}
.officialNotice .noticeTitle {display: flex; align-items: flex-end; gap: .16rem; margin-bottom: .16rem;}
.officialNotice .noticeTitle h4 {font-size: var(--font24); color: #035198; font-weight: 700;}
.officialNotice .noticeTitle .en, .homeNewsTop .en {font-size: var(--font14); color: #999; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.homeNewsTop {display: flex; align-items: flex-end; justify-content: flex-end; margin: -.18rem 0 .28rem;}
.moreLink a {color: #999; font-size: var(--font15);}
.moreLink a:hover {color: #009241;}
.homeNewsGrid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .24rem;}
.homeSectionEmpty {grid-column: 1 / -1; width: 100%; min-height: 2.6rem;}
.infiveSlide .bd ul .homeSectionEmpty {grid-column: 1 / -1; width: 100%; min-height: 3rem;}
.officialNewsGrid {margin-top: .12rem;}
.homeNewsCard {background: #fff; box-shadow: 0 .08rem .24rem rgba(3, 81, 152, .08); transition: .35s; height: 100%;}
.homeNewsCard a {display: block; height: 100%;}
.homeNewsCard .imgBox {height: 2.05rem; overflow: hidden; background: #f5f7f8; display: flex; align-items: center; justify-content: center;}
.homeNewsCard .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.homeNewsCard .con {padding: .22rem .22rem .24rem;}
.homeNewsCard .time {font-size: var(--font14); color: #009241; font-family: Arial, Helvetica, sans-serif; margin-bottom: .1rem;}
.homeNewsCard h5 {font-size: var(--font18); color: #333; font-weight: 700; line-height: 1.5; min-height: .54rem; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.homeNewsCard p {font-size: var(--font15); color: #666; line-height: 1.8; margin-top: .12rem; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.homeNewsCard span {display: inline-block; color: #999; margin-top: .2rem; font-size: var(--font15);}
.homeNewsCard:hover {transform: translateY(-6px); box-shadow: 0 .16rem .36rem rgba(3, 81, 152, .13);}
.homeNewsCard:hover .imgBox img {transform: scale(1.04);}
.homeNewsCard:hover h5, .homeNewsCard:hover span {color: #035198;}
.indexSeven .re h3 {border: 1px solid #cccccc; border-radius: 5px; padding: .15rem .25rem; position: relative;color: #666666; margin-bottom: 10px; transition: .5s; }
.indexSeven .re h3::after {content: "+"; width: 100%; padding-right: .15rem; box-sizing: border-box;top: 0; left: 0; font-size: var(--font22);color: #333333;font-weight: 700;line-height: initial; position: absolute;right: 0;}
.indexSeven .re h3::after {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.indexSeven .re h3 span {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.indexSeven .re h3.on {color: #fff;background: #035198; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.indexSeven .re h3.on::after {content: "-";color: #fff;}
.indexSeven .re ul {background: #fafafa; position: relative; top: -10px; padding: .15rem .25rem;}
.indexSeven .re ul p {color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.indexSeven .re ul li a {color: #afafaf; font-size: var(--font15); display: inline-block; margin-top: .2rem;}
.indexSeven .re ul li a:hover {color: #015198;}
.homeFaqList {display: grid; gap: .12rem;}
.homeFaqList details {border: 1px solid #d8e6dd; background: #fff; border-radius: 5px; overflow: hidden;}
.homeFaqList summary {cursor: pointer; list-style: none; padding: .16rem .22rem; color: #333; font-size: var(--font17); font-weight: 700; position: relative; padding-right: .52rem;}
.homeFaqList summary::-webkit-details-marker {display: none;}
.homeFaqList summary::after {content: "+"; position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); color: #009241; font-size: var(--font22); line-height: 1;}
.homeFaqList details[open] summary {background: #035198; color: #fff;}
.homeFaqList details[open] summary::after {content: "-"; color: #fff;}
.homeFaqList p {padding: .18rem .22rem; color: #666; line-height: 1.8;}
.cmsFaqLinks {display: flex; flex-wrap: wrap; gap: .1rem; margin-top: .18rem;}
.cmsFaqLinks a {display: inline-block; max-width: 100%; padding: .08rem .14rem; border: 1px solid #e3e3e3; color: #777; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cmsFaqLinks a:hover {border-color: #009241; color: #009241;}
.homeFaqHeader {position: relative;}
.homeFaqHeader .moreLink {position: absolute; right: 0; top: .72rem;}
.homeFaqSection .homeFaqList {grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start;}
.homeFaqSection .cmsFaqLinks {justify-content: center;}
/* 走进世博环保 */
.indexEight {padding-bottom: 2.5rem;}
.indexEightBox {margin-bottom: 1.5rem; position: relative;}
.indexEight .topBox {background: url(../images/indexeight-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 3.65rem;}
.indexEight .indexTle {padding-bottom: .3rem;}
.indexEight .indexTle h3 {color: #fff;} 
.indexEight .indexTle i {background: rgb(217, 217, 217,.2);}
.indexEight .topBox .text p {text-align: center;color: #ffffff; width: 66%; margin: auto; line-height: 30px;}
.indexEight .topBox .more a {width: 178px;height: 45px; background: #009241; color: #fff; text-align: center; line-height: 45px; display: block; margin: auto; margin-top: .5rem; position: relative; z-index: 1;}
.indexEight .topBox .more a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #015198; z-index: -1; left: 0;}
.indexEight .topBox .more a:hover::after {width: 100%;}
.indexEight .bomBox {max-width: 95%; padding: 0.5rem 0; background: #ffffff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%);}
.indexEight .bomBox .container {width: 1600px; max-width: 98%;}
.inghtSwiper1 {width: 1400px; margin: auto; max-width: 93%;  border-bottom: 5px solid #EAEAEA; margin-bottom: .4rem; overflow: initial;}
.inghtSwiper1 .swiper-slide::after {content: "";width: 1px;height: 65%; background: #efefef; position: absolute; right: 0; top: 0;}
.inghtSwiper1 .swiper-slide:last-child::after {display: none;}
.inghtSwiper1 .swiper-slide {cursor: pointer; padding-bottom: .3rem;}
.inghtSwiper1 .swiper-slide::before {content: "";background: #009241;height: 5px;     bottom: -5px; position: absolute;  left: 0; width: 0%; transition: .5s;}
.inghtSwiper1 .swiper-slide span {color: #666666;font-size: var(--font24);margin-left: 10px;}
.inghtSwiper1 .swiper-slide .icBox {height: 45px; display: flex; align-items: center; justify-content: center;}
.inghtSwiper1 .swiper-slide img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .6;}
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active span {color: #009241;}
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active img {opacity: 1; filter:none; -webkit-filter:none; }
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active::before {width: 100%;}
.inghtSwiper2 {width: 1500px; margin: auto; max-width: 100%; }
.inghtSwiper2 .swiper-slide {pointer-events: auto;}
.inghtSwiper2 .swiper-slide .swjt {right: 0;}
.inghtSwiper2 .swiper-slide .swiper-button-prev {left: 0; right: auto; transform: rotate(180deg);}
.inghtSwiper3 {width: 1400px; margin: auto; max-width: 93%;}
.inghtSwiper3 .swiper-slide {pointer-events: auto;}
/* .inghtSwiper3 .swiper-slide .imgBox {max-height: 2rem;} */
.inghtSwiper3 .swiper-slide .imgBox img {width: 100%; transition: .5s; max-height: 3rem; object-fit: contain;}
.inghtSwiper3 .swiper-slide span {color: #666666;margin-top: .2rem; display: block; text-align: center;}
.inghtSwiper3 .swiper-slide .imgBox {overflow: hidden;}
.inghtSwiper3 .swiper-slide:hover .imgBox img {transform: scale(1.1);}

/* =====底部===== */
.footer { background: #232728;}
.footer .foterLinks {padding: .3rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);;}
.footer .foterLinks dl {display: flex; align-items: center; flex-wrap: wrap;color: rgba(255, 255, 255, 0.5)}
.footer .foterLinks dl .ddBox {display: flex; flex-wrap: wrap; align-items: center;}
.footer .foterLinks dd {padding: 0 .2rem; box-sizing: border-box;font-size: var(--font15);color: rgba(255, 255, 255, 0.5);position: relative;}
.footer .foterLinks dd a {display: block; line-height: initial;}
.footer .foterLinks dd::after {content: ""; position: absolute;top: 0; right: 0; height: 80%; top: 15%; width: 1px; background:rgba(255, 255, 255, 0.5);}
.footer .foterLinks dd:last-child::after {display: none;}
.footer .foterLinks dd a:hover {color: #fff;}
.foterNav {display: flex; justify-content: space-between; align-items: flex-start; gap: .4rem; padding: .5rem 0 .6rem 0;}
.foterNav .foterle {flex: 1 1 38%; min-width: 0; display: flex; flex-direction: column; align-items: center;}
.foterle .foterLogo {display: flex; align-items: center; justify-content: center; width: 100%;}
.foterle .logoCon {max-width: 5.3rem; text-align: center;}
.foterle .logoCon h2 {color: #ffffff; font-size: .34rem; font-weight: 700; line-height: 1.35; letter-spacing: 0;}
.foterle .logoCon .en {margin-top: .06rem; color: rgba(255,255,255,.58); font-size: var(--font18); font-family: Arial, Helvetica, sans-serif; line-height: 1.45; text-transform: uppercase;}
.foterle .foterCode {width: 100%; margin-top: .36rem; display: grid; justify-content: center; text-align: center; grid-template-columns: repeat(2, 1.65rem); gap: .42rem;}
.foterle .foterCode span {display: block;color: #ffffff; font-size: var(--font15); margin-top: .13rem;}
.foterNav dl dt {color: #ffffff; font-size: var(--font18);font-weight: 700; position: relative; padding-bottom: .1rem; display: inline-block;}
.foterNav dl dt::after {content: ""; width: 130%; height: 1px; bottom: 0;position: absolute; left: 0;background: rgba(255, 255, 255, 0.1);}
.foterCen {flex: 0 1 24%; min-width: 0;}
.foterCen dl dd {margin: .2rem 0;}
.foterCen dl dd em {display: block;color: #ffffff;font-size: var(--font15);opacity: .26;}
.foterCen dl dd {color: rgba(255, 255, 255, 0.5)}
.foterCen dl dd a {font-family: Arial, Arial-Regular;opacity: .5;color: #ffffff;}
.foterCen dl dd span, .foterCen dl dd a {overflow-wrap: anywhere; word-break: break-word;}
.foterCen dl dd a:hover {opacity: 1;}
.foterre {flex: 0 0 35%; min-width: 0;}
.foterre .ddBox {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .1rem;}
.foterre .ddBox dd {margin: .15rem 0; width: 40%;}
.foterre .ddBox dd a {font-family: Arial, Arial-Regular;color: rgba(255, 255, 255, 0.4); display: block; background: url(../images/jt5.png) no-repeat right;}
.foterre .ddBox dd a:hover {color: #fff;}
.copyRight {display: flex;flex-wrap: wrap; justify-content: space-between; padding: .2rem 0; border-top: 1px solid rgb(222, 222, 222,.16);}
.copyRight p , .copyRight p a {font-size: var(--font15);color: rgba(255, 255, 255, 0.5);}
.copyRight p a:hover {color: #fff;}

/* =====内页banner===== */
.ny-banner img {width: 100%;}

/* =====内页内容===== */
.nyMain {margin: .5rem 0;}
.nyMain .box {display: flex; justify-content: space-between; align-items: flex-start;}
.nyMain .box .navle {width: 21%; position: sticky; top: .8rem;}
.nyMain .box .navle .leTop {background: #fff;  z-index: 1;}
.nyMain .navle .tle {background: #02539a; text-align: center; padding: .25rem 0;}
.nyMain .navle .tle h3 {color: #ffffff;font-size: .3rem;}
.nyMain .navle .tle i {display: inline-block;width: 0.41rem;height: 4px; background: #fff;}
.nyMain .navle .tle2 {margin-top: .3rem;}
.nyMain .conre {width: 76%;margin-left: .45rem;}
/* 左侧列表 */
/* 内页一级导航 */
.navOne > li {margin-bottom: 3px; cursor: pointer;}
.navOne > li h4 {background: #f5f5f5;display: flex; box-sizing: border-box;  justify-content: space-between; align-items: center;transition: .5s; }
.navOne > li h4 a {font-size: var(--font16);color: #666666;padding:.1rem .15rem; display: block;}
.navOne > li h4 i {width: .3rem; height: .3rem;background: url(../images/jt6.png) no-repeat center; background-size: 100%; transition: .5s;}
.navOne > li:hover h4 {background: #009241;}
.navOne > li:hover h4 a {color: #fff;}
.navOne > li:hover h4 i {transform: rotate(90deg);}
.navOne > li h4.on {background: #009241;}
.navOne > li h4.on a {color: #fff;}
.navOne > li h4.on i {transform: rotate(90deg);}
/* 内页二级导航 */
.navTwo {border: 1px solid #dddddd; border-top: 0; display: none;}
.navTwo > li {border-top: 1px solid #eee;}
.navTwo > li h5 a {padding: .15rem; box-sizing: border-box; color: #666666; display: block; font-size: var(--font16);}
.navTwo > li h5 a {background: url(../images/jt7.png) no-repeat 92%;}
.navTwo > li:hover h5 a , .navTwo > li.on h5 a {color: #009241;}
.navTwo.on {display: block;}
/* 推荐产品 */
.picMarquee {margin-top: .15rem;}
.picMarquee .bd li {margin-top: .15rem; border: 1px solid #dddddd; box-sizing: border-box;}
.picMarquee .bd li .imgBox {overflow: hidden;}
.picMarquee .bd li .imgBox img {max-width: 100%; transition: .5s;}
.picMarquee .bd li span {text-align: center;background: #f9f9f9; padding: .12rem .1rem; box-sizing: border-box;width: 100%; display: block;}
.picMarquee .bd li:hover .imgBox img {transform: scale(1.05);}
/* 服务热线 */
.serveHot {background: url(../images/tel-bj.jpg) no-repeat center; background-size: cover; min-height: 1.5rem; margin-top: 10px;}
.serveHot {display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: .7rem; box-sizing: border-box;}
.serveHot em {display: block;font-family: var(--font17);color: #fff;}
.serveHot b a {color: #ffffff;font-size: 0.29rem;font-family: Arial, Arial-Bold;font-weight: 700;}

/* 右侧内容 */
/* 面包屑 */
.mbx {display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #eee; padding-bottom: .2rem; line-height: 1.6;}
.mbx .onAdd {display: flex; align-items: center;}
.mbx .onAdd img {display: block; margin-right: 6px;}
.mbx .onAdd span {color: #1C5A9C; font-weight: 700;}
.mbx dl {display: flex; align-items: center; margin-left: 8px;}
.mbx dl a, .mbx dl dd a {color: #666;}
.mbx dl a:hover, .mbx dl dd a:hover {color: #015198;}
.pageBreadcrumb {margin-top: .32rem;}
.pageBreadcrumb .mbx {padding-bottom: .18rem;}
.cmsFriendlyEmpty {grid-column: 1 / -1; min-height: 2.45rem; padding: .62rem .28rem !important; border: 1px solid #e4ebf3 !important; background: #f8fbfd !important; text-align: center; display: flex !important; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; box-shadow: none !important; overflow: hidden;}
.cmsFriendlyEmpty::after, .cmsFriendlyEmpty::before {display: none !important;}
.cmsFriendlyEmptyIcon {width: .72rem; height: .72rem; border: 1px solid #cdddec; border-radius: 50%; position: relative; background: #fff; box-shadow: 0 .12rem .28rem rgba(1,81,152,0.08);}
.cmsFriendlyEmptyIcon::before {content: ""; position: absolute; left: 50%; top: 50%; width: .3rem; height: .22rem; border: 2px solid #1d639f; border-top: 0; transform: translate(-50%, -42%);}
.cmsFriendlyEmptyIcon::after {content: ""; position: absolute; left: 50%; top: .2rem; width: .2rem; height: .12rem; border: 2px solid #1d639f; border-bottom: 0; transform: translateX(-50%);}
.cmsFriendlyEmpty h3 {margin-top: .18rem; font-size: var(--font20); color: #333; font-weight: 700;}
.cmsFriendlyEmpty p {margin-top: .08rem; color: #777; line-height: 1.8;}
.cmsFriendlyEmpty:hover {transform: none !important;}
.cmsFriendlyEmpty:hover h3 {color: #333 !important;}

/* =====解决方案===== */
.solutionList {margin-top: .3rem;}
.solutionList > ul {display: grid; grid-template-columns: repeat(2,1fr);gap: .3rem;}
.solutionList > ul > li {border:1px solid #eee;box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.solutionList > ul > li > a {display: block;}
.solutionList > ul > li .imgBox {overflow: hidden;}
.solutionList > ul > li .imgBox img {width: 100%; transition: .5s;}
.solutionList > ul > li > a > span {position: relative; z-index: 1; padding: .2rem 10px;display: block; box-sizing: border-box; text-align: center; font-size: var(--font20);color: #666666; background: #f5f5f5;}
.solutionList > ul > li > a > span::after {content: ""; width: 0; height: 100%; position: absolute; left: 0; background: #015198; transition: .5s; top: 0; z-index: -1;}
.solutionList > ul > li:hover .imgBox img {transform: scale(1.05);}
.solutionList > ul > li:hover > a > span {color: #fff;}
.solutionList > ul > li:hover > a > span::after {width: 100%;}
/* 解决方案详情 */
.solutionDate .tle {text-align: center; margin:.5rem 0;}
.solutionDate .tle h3 {font-size: .36rem;font-weight: 700;color: #494949;}
.solutionDate .tle i {display: inline-block;width: 0.64rem; height: 0.05rem; background: #009241;}
.solutionDate .dateCon img {max-width: 100%;}
.nyMain .box {align-items: flex-start;}
.nyMain .box .navle {position: sticky; top: .5rem;}
.picture-detail {margin-bottom: .5rem;}
.picture-desc {background: #f7f9fb; border-left: 4px solid #009241; padding: .18rem .22rem; margin-bottom: .3rem;}
.picture-desc p {color: #666; line-height: 1.9; font-size: var(--font16); margin: 0;}
.picture-gallery {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .24rem; margin: 0; padding: 0; list-style: none;}
.picture-gallery li {background: #fff; border: 1px solid #eee; overflow: hidden;}
.picture-gallery a {display: block;}
.picture-gallery img {display: block; width: 100%; height: auto; transition: .5s;}
.picture-gallery li:hover img {transform: scale(1.03);}
.picture-content {margin-top: .35rem; color: #595959; line-height: 2;}
.picture-content img {max-width: 100%; height: auto;}
.caseArticle {color: #455a64; line-height: 1.9;}
.caseArticle .caseLead {padding: .28rem .32rem; background: #f4f8fa; border-left: 5px solid #009241; box-sizing: border-box;}
.caseArticle .caseLead span {display: inline-flex; align-items: center; color: #009241; font-size: var(--font15); font-weight: 800;}
.caseArticle .caseLead p {margin-top: .12rem; color: #4f626c; font-size: var(--font16); line-height: 1.95;}
.caseArticle .caseGrid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .22rem; margin-top: .28rem;}
.caseArticle section {box-sizing: border-box;}
.caseArticle .caseGrid section,
.caseArticle .caseBlock {padding: .26rem .28rem; background: #fff; border: 1px solid #e0e8ed; box-shadow: 0 .1rem .28rem rgba(18, 52, 77, .05);}
.caseArticle h3 {position: relative; margin: 0 0 .16rem; padding-left: .16rem; color: #12344d; font-size: var(--font22); font-weight: 800; line-height: 1.35;}
.caseArticle h3:before {content: ""; position: absolute; left: 0; top: .1rem; width: 4px; height: .2rem; background: #009241;}
.caseArticle ul {margin: 0; padding: 0; list-style: none;}
.caseArticle li {position: relative; padding-left: .18rem; margin-top: .1rem; color: #526774; font-size: var(--font16); line-height: 1.85;}
.caseArticle li:first-child {margin-top: 0;}
.caseArticle li:before {content: ""; position: absolute; left: 0; top: .74em; width: 6px; height: 6px; background: #015198;}
.caseArticle .caseBlock {margin-top: .22rem;}
.caseArticle .caseBlock p {margin: 0; color: #526774; font-size: var(--font16); line-height: 1.95;}
.dateCon .tableBox table tr td {padding: 0 10px; box-sizing: border-box;}
.dateCon table.tableDisc {white-space: wrap;}
.dateCon table.tableDisc tr td:first-child {padding-right: 5%; box-sizing: border-box;}

/* =====荣誉资质===== */
.picTure > ul {    grid-template-columns: repeat(3,1fr);}
.solutionList.picTure > ul {grid-template-columns: repeat(2,minmax(0,1fr));}
.picTure > ul > li {border: 1px solid #eee;}
.solutionList > ul > li > a > span {padding: 10px; font-size: .18rem;}
.teamListPage .box {display: block;}
.teamListPage .conre {width: 100%; margin-left: 0;}
.teamPictureList {margin-top: .45rem;}
.teamPictureList > ul {grid-template-columns: repeat(3,minmax(0,1fr)); gap: .42rem .34rem;}
.teamPictureList > ul > li {border: 0; background: #fff; box-shadow: 0 .18rem .45rem rgba(10,45,78,0.08); overflow: hidden; transition: .45s;}
.teamPictureList > ul > li > a {height: 100%; background: #fff;}
.teamPictureList > ul > li .imgBox {aspect-ratio: 4 / 3; background: #f4f7fa;}
.teamPictureList > ul > li .imgBox img {height: 100%; object-fit: cover;}
.teamPictureList > ul > li > a > span {padding: .22rem .16rem; background: #fff; color: #333; font-size: .21rem; font-weight: 500; letter-spacing: 0;}
.teamPictureList > ul > li > a > span::after {display: none;}
.teamPictureList > ul > li:hover {transform: translateY(-0.08rem); box-shadow: 0 .28rem .65rem rgba(10,45,78,0.14);}
.teamPictureList > ul > li:hover .imgBox img {transform: scale(1.04);}
.teamPictureList > ul > li:hover > a > span {background: #02539a; color: #fff;}
.teamPreviewModal {position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center;}
.teamPreviewModal.active {display: flex;}
.teamPreviewBackdrop {position: absolute; inset: 0; background: rgba(7,16,26,0.86); backdrop-filter: blur(6px);}
.teamPreviewClose {position: absolute; right: .42rem; top: .32rem; z-index: 3; width: .52rem; height: .52rem; border: 1px solid rgba(255,255,255,0.35); border-radius: 50%; background: rgba(255,255,255,0.12); color: #fff; font-size: .34rem; line-height: .48rem; cursor: pointer; transition: .3s;}
.teamPreviewClose:hover {background: #02539a; border-color: #02539a;}
.teamPreviewSwiper {width: 86vw; height: 82vh; z-index: 2;}
.teamPreviewSwiper .swiper-wrapper {align-items: center;}
.teamPreviewSwiper .swiper-slide {display: flex; align-items: center; justify-content: center;}
.teamPreviewSwiper .previewImgBox {max-width: 100%; max-height: calc(82vh - .8rem); text-align: center;}
.teamPreviewSwiper .previewImgBox img {display: block; max-width: 100%; max-height: calc(82vh - 1.2rem); width: auto; height: auto; margin: auto; box-shadow: 0 .28rem .8rem rgba(0,0,0,0.28);}
.teamPreviewSwiper .previewTitle {margin-top: .18rem; color: rgba(255,255,255,0.86); font-size: .2rem; text-align: center;}
.teamPreviewArrow {position: fixed; top: 50%; z-index: 3; width: .58rem; height: .58rem; transform: translateY(-50%); border: 1px solid rgba(255,255,255,0.34); border-radius: 50%; background: rgba(255,255,255,0.1); color: #fff; font-size: .48rem; line-height: 1; cursor: pointer; transition: .3s; display: flex; align-items: center; justify-content: center; padding: 0;}
.teamPreviewArrow:hover {background: #02539a; border-color: #02539a;}
.teamPreviewPrev {left: .48rem;}
.teamPreviewNext {right: .48rem;}
.teamPreviewPagination {position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; text-align: center;}
.teamPreviewPagination .swiper-pagination-bullet {width: 9px; height: 9px; margin: 0 5px; background: rgba(255,255,255,0.55); opacity: 1;}
.teamPreviewPagination .swiper-pagination-bullet-active {background: #009241;}
.detailPreviewImg {cursor: zoom-in;}
.detailImagePreviewModal {position: fixed; inset: 0; z-index: 10001; display: none; align-items: center; justify-content: center;}
.detailImagePreviewModal.active {display: flex;}
.detailImagePreviewBackdrop {position: absolute; inset: 0; background: rgba(7,16,26,0.9); backdrop-filter: blur(6px);}
.detailImagePreviewClose {position: absolute; right: .42rem; top: .32rem; z-index: 3; width: .52rem; height: .52rem; border: 1px solid rgba(255,255,255,0.35); border-radius: 50%; background: rgba(255,255,255,0.12); color: #fff; font-size: .34rem; line-height: .48rem; cursor: pointer; transition: .3s;}
.detailImagePreviewClose:hover {background: #02539a; border-color: #02539a;}
.detailImagePreviewSwiper {width: 86vw; height: 82vh; z-index: 2;}
.detailImagePreviewSwiper .swiper-wrapper {align-items: center;}
.detailImagePreviewSwiper .swiper-slide {display: flex; align-items: center; justify-content: center;}
.detailImagePreviewBox {max-width: 100%; max-height: calc(82vh - .8rem); text-align: center;}
.detailImagePreviewBox img {display: block; max-width: 100%; max-height: calc(82vh - 1.2rem); width: auto; height: auto; margin: auto; box-shadow: 0 .28rem .8rem rgba(0,0,0,0.28);}
.detailImagePreviewTitle {margin-top: .18rem; color: rgba(255,255,255,0.86); font-size: .2rem; text-align: center;}
.detailImagePreviewArrow {position: fixed; top: 50%; z-index: 3; width: .58rem; height: .58rem; transform: translateY(-50%); border: 1px solid rgba(255,255,255,0.34); border-radius: 50%; background: rgba(255,255,255,0.1); color: #fff; font-size: .48rem; line-height: 1; cursor: pointer; transition: .3s; display: flex; align-items: center; justify-content: center; padding: 0;}
.detailImagePreviewArrow:hover {background: #02539a; border-color: #02539a;}
.detailImagePreviewPrev {left: .48rem;}
.detailImagePreviewNext {right: .48rem;}
.detailImagePreviewPagination {position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; text-align: center;}
.detailImagePreviewPagination .swiper-pagination-bullet {width: 9px; height: 9px; margin: 0 5px; background: rgba(255,255,255,0.55); opacity: 1;}
.detailImagePreviewPagination .swiper-pagination-bullet-active {background: #009241;}

/* =====产品===== */
.txtMarquee {margin-top: .3rem; margin-bottom: .5rem; padding:0 .15rem; box-sizing: border-box;}
.txtMarquee ul li {border-top: 1px dashed #dbdbdb;}
.txtMarquee ul li a {padding: 10px 0;color: #666; display: block;}
.txtMarquee ul li a span {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.txtMarquee ul li:hover a {color: #015198;}
/* 产品列表 */
.proList {margin-top: .3rem;}
.proList ul {display: flex; flex-wrap: wrap; align-items: flex-start; gap: .3rem;}
.proList ul li {position: relative; width: fit-content; max-width: 100%; box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.proList ul li::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;background: #009241;}
.proList ul li .imgBox {overflow: hidden; position: relative; border: 1px solid #eee; border-bottom: 0; display: flex; align-items: center; justify-content: center;}
.proList ul li .imgBox img {display: block; width: auto; max-width: 100%; height: auto; transition: .5s;}
.proList ul li .imgBox::before {content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #009241 , #015198); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;}
.proList ul li .imgBox i { min-width: 40px; min-height: 40px; width: .6rem;height: .6rem;border-radius: 4px; background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;    transition: all 0.4s; transition-delay: 0.2s;}
.proList ul li:hover .imgBox i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.proList ul li:hover .imgBox::before {transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.proList ul li .con {border: 1px solid #eee; padding: .25rem; box-sizing: border-box; text-align: center;}
.proList ul li h5 {color: #333333; font-size: var(--font17); margin-bottom: .2rem;}
.proList ul li p {font-size: var(--font15);color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.proList ul li:hover .imgBox img {transform: scale(1.05);}
.proList ul li:hover h5 {color: #009241;}
.proList ul .cmsFriendlyEmpty {grid-column: 1 / -1; flex-basis: 100%; width: 100%; padding-bottom: .62rem !important;}
.proList ul .cmsFriendlyEmpty h3 {margin-bottom: 0;}
.proList ul .cmsFriendlyEmpty p {display: block; -webkit-line-clamp: initial; overflow: visible;}
.proList ul .cmsFriendlyEmpty::after {display: none !important;}
.channelProductList ul {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem;}
.channelProductList ul li {width: 100%; max-width: none;}
.channelProductList ul li .imgBox {aspect-ratio: 4 / 3; background: #f6f8f9;}
.channelProductList ul li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.channelProductList ul li .con {min-height: 1.18rem;}
/* 产品详情 */
.proDate {margin-top: .3rem;}
.proDate .dateTop {display: flex; justify-content: space-between; align-items: flex-start;}
.dateTop .topLe {width: 45%; border: 1px solid #dddddd; box-sizing: border-box; }
.dateTop .topRe {width: 50%; padding: .34rem .38rem; background: #fff; border: 1px solid #e8edf1; box-sizing: border-box;}
.proDateSwiper .swiper-slide img {text-align: center; display: block; margin: auto; width: 100%;min-height: 3.7rem; object-fit: cover;}
.proDateSwiper .swiper-pagination {text-align: right; padding-right: .2rem; box-sizing: border-box; color: #fff;}
.proDateSwiper .swjt img {filter: brightness(100); -webkit-filter:brightness(100);}
.proDateSwiper .swiper-button-prev {transform: rotate(180deg);}
.dateTop .topRe .tle {margin-top: 0;}
.dateTop .topRe .tle h3 {font-size: var(--font26);color: #12344d;border-bottom: 1px solid #DDDDDD; padding-bottom: .2rem; font-weight: 700; line-height: 1.45;}
.dateTop .topRe .tetx {margin-top: .2rem;}
.dateTop .topRe .tetx p {color: #5f6f7a;font-size: var(--font15);line-height: 1.85;display: -webkit-box;overflow: hidden;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.productTags {display: flex; align-items: flex-start; gap: .14rem; margin-top: .28rem; padding: .18rem .2rem; background: #f8fbfa; border: 1px solid #e4ece8;}
.productTags > span {flex: 0 0 auto; color: #12344d; font-size: var(--font15); font-weight: 700; line-height: .32rem;}
.productTags > div {display: flex; flex-wrap: wrap; gap: .08rem;}
.productTags a {display: inline-flex; align-items: center; min-height: .32rem; padding: 0 .14rem; background: #f3f8f5; border: 1px solid rgba(0,146,65,.18); color: #009241; font-size: var(--font14); box-sizing: border-box;}
.productTags a:hover {background: #009241; color: #fff;}
.productPrevNext {display: flex; justify-content: space-between; gap: .22rem; margin-top: .38rem; padding-top: .3rem; border-top: 1px solid #e2e9ed;}
.productPrevNext a {position: relative; display: block; flex: 1; min-width: 0; padding: .2rem .24rem; background: #f8fbfa; border: 1px solid #dfe9e4; box-sizing: border-box; transition: .35s;}
.productPrevNext a.prev {padding-left: .46rem;}
.productPrevNext a.next {margin-left: auto; padding-right: .46rem; text-align: right;}
.productPrevNext a::before {content: ""; position: absolute; top: 50%; width: .1rem; height: .1rem; border-top: 2px solid #009241; border-left: 2px solid #009241; transition: .35s;}
.productPrevNext a.prev::before {left: .22rem; transform: translateY(-50%) rotate(-45deg);}
.productPrevNext a.next::before {right: .22rem; transform: translateY(-50%) rotate(135deg);}
.productPrevNext span {display: block; margin-bottom: .06rem; color: #009241; font-size: var(--font14); font-weight: 700;}
.productPrevNext strong {display: block; color: #12344d; font-size: var(--font17); font-weight: 800; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.productPrevNext a:hover {border-color: rgba(0,146,65,.38); background: #fff; box-shadow: 0 .14rem .34rem rgba(18, 52, 77, .08);}
.productPrevNext a:hover strong {color: #009241;}
.dateTop .topRe .info {margin-top:.3rem; display: flex; flex-wrap: wrap; gap: .22rem; justify-content: space-between; align-items: center;}
.dateTop .topRe .info .more a {display: inline-flex; align-items: center; justify-content: center; min-width: 150px; height: 46px; padding: 0 28px; background: #02539a; font-size: 16px; line-height: 1; color: #fff; font-weight: 700; box-sizing: border-box; transition: .35s;}
.dateTop .topRe .info .more a:hover {background: #009241; color: #fff;}
.dateTop .topRe .info .heTel {min-width: 2.7rem;}
.proDate .dateBox > div {margin-top: .4rem;}
.proDate .dateBox img {max-width: 100%;}
.proDate .dateCon1 > .dateCon {color: #273743; font-size: var(--font16); line-height: 1.9;}
.proDate .dateCon1 > .dateCon p,
.proDate .dateCon1 > .dateCon div,
.proDate .dateCon1 > .dateCon li {line-height: 1.9;}
.proDate .dateCon1 > .dateCon p {margin: .12rem 0;}
.proDate .dateCon1 > .dateCon img {display: block; height: auto; margin: .18rem auto .24rem;}
.proDate .dateCon1 > .dateCon h2 {position: relative; margin: .34rem 0 .18rem; padding: .16rem .24rem .16rem .28rem; background: #f5f9fb; border-left: 5px solid #015198; color: #12344d; font-size: .28rem; font-weight: 800; line-height: 1.35; box-sizing: border-box;}
.proDate .dateCon1 > .dateCon h2::after {content: ""; display: block; width: .62rem; height: 3px; margin-top: .12rem; background: #009241;}
.proDate .dateCon1 > .dateCon h3 {position: relative; margin: .28rem 0 .14rem; padding: .12rem .2rem .12rem .22rem; background: #f6fbf8; border: 1px solid #dfeee6; border-left: 4px solid #009241; color: #12344d; font-size: var(--font22); font-weight: 800; line-height: 1.45; box-sizing: border-box;}
.proDate .dateCon1 > .dateCon h3::after {content: ""; position: absolute; left: .22rem; bottom: -.02rem; width: .5rem; height: 2px; background: #015198;}
.proDate .dateCon1 > .dateCon .tableBox {margin: .26rem 0 .34rem; border: 1px solid #d8e7df; border-top: 4px solid #009241; border-radius: 8px; background: #fff; box-shadow: 0 .16rem .38rem rgba(18, 52, 77, .08); overflow-x: auto;}
.proDate .dateCon1 > .dateCon .tableBox table {width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; background: #fff; color: #273743; white-space: normal;}
.proDate .dateCon1 > .dateCon .tableBox table th,
.proDate .dateCon1 > .dateCon .tableBox table td {padding: .16rem .2rem !important; border: 0 !important; border-right: 1px solid #dce8e2 !important; border-bottom: 1px solid #dce8e2 !important; color: #273743; font-size: var(--font16); line-height: 1.65; vertical-align: middle; box-sizing: border-box;}
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child > th,
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child > td {background: #015198; border-color: rgba(255, 255, 255, .24) !important; color: #fff; font-weight: 800; text-align: center;}
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child > th:first-child,
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child > td:first-child {background: #009241;}
.proDate .dateCon1 > .dateCon .tableBox table tr:not(:first-child):nth-child(odd) > th,
.proDate .dateCon1 > .dateCon .tableBox table tr:not(:first-child):nth-child(odd) > td {background: #fbfdfc;}
.proDate .dateCon1 > .dateCon .tableBox table tr:not(:first-child) > th:first-child,
.proDate .dateCon1 > .dateCon .tableBox table tr:not(:first-child) > td:first-child {background: #f2f8f5; color: #12344d; font-weight: 800; text-align: center;}
.proDate .dateCon1 > .dateCon .tableBox table tr:hover > th,
.proDate .dateCon1 > .dateCon .tableBox table tr:hover > td {background: #f5fbf8;}
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child:hover > th,
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child:hover > td {background: #015198;}
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child:hover > th:first-child,
.proDate .dateCon1 > .dateCon .tableBox table tr:first-child:hover > td:first-child {background: #009241;}
.proDate .dateCon1 > .dateCon .tableBox table tr:last-child > th,
.proDate .dateCon1 > .dateCon .tableBox table tr:last-child > td {border-bottom: 0 !important;}
.proDate .dateCon1 > .dateCon .tableBox table tr > th:last-child,
.proDate .dateCon1 > .dateCon .tableBox table tr > td:last-child {border-right: 0 !important;}
.proDate .dateBox .conTle {padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD; margin-bottom: .2rem; position: relative;}
.proDate .dateBox .conTle::after {content: ""; position: absolute; bottom: -2px; left: 0;background: #009241; height: 3px;width: 1.5rem;}
.proDate .dateBox .conTle h4 {font-size: 0.3rem;}
.proDate .dateBox .conTle span {font-size: var(--font14);color: #999999;font-family: Arial, Arial-Regular; text-transform: uppercase;}

.dateCon5 ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .2rem; margin-top: .5rem;}
.dateCon5 ul li {background: #fff;  box-shadow: 0px 0px .28rem 0px rgba(150, 150, 150, 0.11);padding: .25rem; text-align: center; transition: .5s;}
.dateCon5 li h4 {font-size: var(--font20); color: #333; margin: .15rem 0; font-weight: 700;}
.dateCon5 li p {color: #666; line-height: 25px;}
.dateCon5 li:hover {transform: translateY(-5px);}

.dateCon5-1 ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin-top: .5rem;}
.dateCon5-1 li {background: #f9f9f9; padding: .3rem .2rem; box-sizing: border-box; display: flex; align-items: center;}
.dateCon5-1 li .icBox {width: 1.2rem; height: 1.2rem; border-radius: 50%; overflow-x: hidden; margin-right: .2rem; flex-shrink: 0;}
.dateCon5-1 li .icBox img {height: 100%; width: 100%; object-fit: cover;}
.dateCon5-1 li .num {font-size: 0.64rem; color: #707070; line-height: 1; opacity: .15; font-weight: 700;}
.dateCon5-1 li span {color: #777777; display: block; margin-top: .1rem;}
.dateCon5-2 .conBox {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.dateCon5-2 .conBox .le {width: 54%;}
.dateCon5-2 .conBox .le:only-child {width: 100%;}
.dateCon5-2 .conBox .re {width: 44%; overflow: hidden; border-radius: 10px;}
.dateCon5-2 .conBox .re img {width: 100%;}
.dateCon5-2 .conBox p {color: #737373; font-size: var(--font15); text-indent: var(--font30); line-height: 30px;}

.dateConSwiper .swiper-slide {border: 1px solid #dddddd;}
.dateConSwiper .swiper-slide::after {content: ""; position: absolute; bottom: 0; left: 0;background: #009241; height: 3px; width: 100%;}
.dateConSwiper .imgBox {overflow: hidden;}
.dateConSwiper .imgBox img {width: 100%; transition: .5s;}
.dateConSwiper .swiper-slide span {text-align: center;padding: .2rem .1rem; box-sizing: border-box; display: block; transition: .5s;}
.dateConSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.dateConSwiper .swiper-slide:hover span {background: #009241; color: #fff;}
.dateBox .swiperBox {position: relative;}
.dateBox .swiperBox .swjt {right: -4%; }
.dateBox .swiperBox .swiper-button-prev.swjt {left: -4%; right:auto; transform: rotate(180deg);}
.dateBox .swiperBox.isStaticSwiper .swiper-wrapper {display: block;}
.dateBox .swiperBox.isStaticSwiper .swiper-slide {width: calc((100% - .4rem) / 3) !important; min-width: 2.6rem;}
.dateBox .swiperBox.isStaticSwiper .swjt {display: none;}

/* =====成功案例===== */
.case {margin-bottom: 1rem;}
.casenav {margin: .5rem 0; position: relative;}
.casenav::after {content: ""; position: absolute; width: 100%; background: #EEEEEE; height: 4px;border-radius: 2px;}
.casenav ul {display: flex; justify-content: space-between;}
.casenav ul li {padding-bottom: .35rem;}
.casenav ul li span {text-align: center; font-size: var(--font18);color: #666666;display: block;margin-top: .1rem;}
.casenav ul li .icBox {transition: .5s; margin: auto; position: relative;z-index: 1; display: flex; align-items: center;justify-content: center; border-radius: 50%; width: 0.81rem; height: 0.81rem;background: #ffffff;  border: 0.01rem solid #e4e4e4;}
.casenav ul li .icBox img {max-width: 40%;}
.casenav ul li:hover span ,.casenav ul li.active span {color: #015198;}
.casenav ul li:hover .icBox , .casenav ul li.active .icBox { background: #015198;}
.casenav ul li:hover .icBox::after ,.casenav ul li.active .icBox::after {content: "";width: 110%;height: 110%;position: absolute;border-radius: 50%;background: rgba(1, 82, 152,.07); z-index: -1; animation: shubiao 1s infinite linear .65s;}
.casenav ul li:hover .icBox img , .casenav ul li.active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.nav_line {border-radius: 3px; top: 100%;} 
.caseList ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .16rem;}
.caseList li {border: 1px solid #dddddd; box-sizing: border-box; position: relative;padding-bottom: .9rem;}
.caseList li .imgBox {overflow: hidden;}
.caseList li .imgBox img {transition: .5s; width: 100%;}
.caseList li .con {padding: .25rem; box-sizing: border-box; }
.caseList li h4 {font-size: var(--font20);color: #333333;}
.caseList li dl {margin-top: .2rem;}
.caseList li dd {display: flex; align-items: center;margin-top: .1rem;}
.caseList li dd span {color: #666666; font-size: var(--font15);margin-left: .2rem;}
.caseList li .xian {position: absolute; bottom: .5rem; width: 0.45rem; height: 0.04rem; background: #dddddd;}
.caseList li:hover .imgBox img {transform: scale(1.05);}
.caseList li:hover h4 {color: #015198;}
/* 案例详情 */
/* .caseDate .conre {width: 100%;} */

/* =====关于我们===== */
.aboutnav {border-bottom: 1px solid #ddd;}
.aboutnav ul {display: flex; justify-content: center;    margin-right: -.4rem;}
.aboutnav li {margin-right: .4rem;}
/* .aboutnav li:last-child {margin-right: 0;} */
.aboutnav li a {color: #555555;font-size: var(--font18); display: block; padding: .25rem 10px; box-sizing: border-box; position: relative;}
.aboutnav li a::after {content: ""; position: absolute; width: 0; bottom: 0; left: 0;transition: .5s; background: #009241; height: 4px;}
.aboutnav li:hover a::after ,.aboutnav li.on a::after {width: 100%;}
.aboutTle {text-align: center; padding: .5rem ;}
.aboutTle h3 {color: #333333;font-size: .4rem;}
.aboutTle .en {color: #b8b8b8;font-family: Arial, Arial-Regular;text-transform: uppercase;}
.aboutTle i {display: inline-block;width: 0.4rem; height: 0.04rem; background: #015199;}
.aboutOne {background: url(../images/aboutone-bj.jpg) no-repeat center; padding: 1.1rem 0; background-size: cover;}
.aboutOne .aboutTle {text-align: left; padding: 0;}
.aboutOne .box {display: flex; justify-content: space-between;}
.aboutOne .le {width: 49%;}
.aboutOne .le p {color: #555555;line-height: 30px; margin-top: .3rem;}
.aboutOne .re {width: 49%;}
.aboutOne .re img {max-width: 100%;}
.aboutOne.aboutOneFull .box {display: block;}
.aboutOne.aboutOneFull .le {width: 100%;}
.aboutOne.aboutOneFull .le .text {max-width: none;}
.aboutOne.aboutOneFull .le p {line-height: 2; margin-top: .22rem;}
.aboutOne.aboutOneFull .re {width: 100%; margin-top: .45rem; text-align: center;}
.aboutOne.aboutOneFull .re img {width: 100%; max-width: 100%; height: auto; max-height: 420px; object-fit: cover;}
.aboutCultureIntro {padding: .9rem 0 1.05rem; background: #f4f9fb; overflow: hidden;}
.cultureHeader {text-align: center; margin-bottom: .46rem;}
.cultureHeader span {display: block; color: #015198; font-family: Arial, Helvetica, sans-serif; font-size: var(--font16); text-transform: uppercase;}
.cultureHeader h3 {margin-top: .08rem; color: #202a36; font-size: .42rem; font-weight: 700; line-height: 1.2;}
.cultureHeader h3::after {content: ""; display: block; width: .46rem; height: 4px; margin: .14rem auto 0; background: #015198;}
.cultureHeader p {max-width: 6.6rem; margin: .18rem auto 0; color: #617080; line-height: 1.9; font-size: var(--font16);}
.cultureShowcase {display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); align-items: stretch; background: #fff; box-shadow: 0 .18rem .55rem rgba(15,48,76,0.08);}
.cultureMedia {position: relative; min-height: 4.35rem; overflow: hidden; background: #e7eef4;}
.cultureTeamImage {display: block; height: 100%; min-height: 4.35rem; overflow: hidden;}
.cultureTeamImage img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.cultureTeamImage:hover img {transform: scale(1.04);}
.cultureTeamTitle {position: absolute; left: .36rem; bottom: .34rem; z-index: 2; display: inline-flex; align-items: baseline; gap: .12rem; padding: .14rem .2rem; background: rgba(1,81,152,0.92); color: #fff;}
.cultureTeamTitle strong {font-size: var(--font22); color: #fff;}
.cultureTeamTitle span {font-family: Arial, Helvetica, sans-serif; font-size: var(--font14); color: rgba(255,255,255,0.78); text-transform: uppercase;}
.cultureText {display: flex; flex-direction: column; justify-content: center; padding: .56rem .62rem; box-sizing: border-box; border-top: 5px solid #015198;}
.cultureLeadText {position: relative; margin: 0; padding-left: .22rem; color: #364553; font-size: var(--font17); line-height: 2;}
.cultureLeadText::before {content: ""; position: absolute; left: 0; top: .16rem; bottom: .14rem; width: 4px; background: #015198;}
.cultureText dl {display: grid; grid-template-columns: 1fr; gap: .16rem; margin-top: .34rem;}
.cultureText dd {display: grid; grid-template-columns: .9rem minmax(0, 1fr); gap: .18rem; align-items: baseline; margin: 0; padding-top: .16rem; border-top: 1px solid #e4ebf1; color: #5b6875; line-height: 1.75;}
.cultureText dd strong {color: #015198; font-weight: 700; white-space: nowrap;}
.cultureText dd span {min-width: 0;}
.aboutStyle {padding-bottom: 1.1rem; overflow: hidden;}
.aboutStyleSwiper {position: relative; padding-bottom: .55rem;}
.aboutStyleSwiper .swiper-slide {height: auto; text-align: center;}
.aboutStyleSwiper .swiper-slide a {display: block; height: 100%; background: #fff; box-shadow: 0 .16rem .4rem rgba(10,45,78,0.08); overflow: hidden;}
.aboutStyleSwiper .imgBox {display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #f4f7fa;}
.aboutStyleSwiper .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.aboutStyleSwiper .swiper-slide:hover .imgBox img {transform: scale(1.04);}
.aboutStyleSwiper .swiper-pagination {bottom: 0;}
.aboutStyleSwiper .swiper-pagination-bullet {width: 10px; height: 10px; background: #b8b8b8; opacity: 1; margin: 0 6px !important;}
.aboutStyleSwiper .swiper-pagination-bullet-active {background: #009241;}
.aboutStyleSwiper .aboutStyleArrow {width: .56rem; height: .56rem; margin-top: -.42rem; border-radius: 50%; background: rgba(2,83,154,0.9); transition: .35s; z-index: 3;}
.aboutStyleSwiper .aboutStyleArrow::after {display: none;}
.aboutStyleSwiper .aboutStyleArrow img {max-width: 18%; filter: brightness(100); -webkit-filter: brightness(100);}
.aboutStyleSwiper .aboutStyleArrow:hover {background: #009241;}
.aboutStyleSwiper .aboutStylePrev {left: .18rem;}
.aboutStyleSwiper .aboutStyleNext {right: .18rem;}
.aboutStyleSwiper .aboutStylePrev img {transform: rotate(180deg);}
.aboutTwo ul {display: flex;min-height: 6rem;}
.aboutTwo ul li {width: calc(100%/3); position: relative; z-index: 1;}
.aboutTwo ul li::before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0,.6);top: 0;left: 0;z-index: 0;opacity: 1;transition: .4s;}
.aboutTwo ul li::after {content: "";position: absolute;width: 100%;height: 100%;background: rgba(7, 91, 157,.8);top: 0;left: 0;z-index: 0;opacity: 0;transition: .4s;}
.aboutTwo ul li .bjBox {height: 100%; }
.aboutTwo ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutTwo ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center; z-index: 1; width: 100%;}
.aboutTwo ul li .icBox img {margin: auto; max-width: 100%;}
.aboutTwo ul li .tle {margin: 0.3rem 0;}
.aboutTwo ul li h4 {color: #ffffff;font-size: var(--font40);}
.aboutTwo ul li .en {color: #ffffff;letter-spacing: 2px;font-size: var(--font16);  font-family: "OPENSANS";}
.aboutTwo ul li .tle i {display: inline-block;width: 0.43rem; height: 0.05rem; background: #fafafa;}
.aboutTwo ul li .text {color: #ffffff;font-weight: 400;font-size: var(--font16);}
.aboutTwo ul li:hover::after {opacity: 1;}
.aboutTwo ul li:hover::before {opacity: 0;}
.aboutThree {padding-bottom: 1rem;}
.aboutThree ul {display: flex; align-items: flex-start;}
.aboutThree ul li {width: calc(100%/3); text-align: center; padding:.1rem .5rem; box-sizing: border-box; position: relative;}
.aboutThree ul li::after {content: ""; position: absolute; right: 0; height: 100%;background: #dddddd; opacity: .5;top: 0;width: 1px;}
.aboutThree ul li:last-child::after {display: none;}
.aboutThree ul li h4 {font-weight: 700;color: #333333;font-size: 0.26rem;margin: .2rem 0;}
.aboutThree ul li p {color: #666666;line-height: 30px;}
.aboutFour {position: relative;padding-bottom: 1.4rem; overflow: hidden; background: url(../images/aboutfour-bj.jpg) no-repeat center; background-size: cover;}
.abfoSwiper {position: relative; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox img {max-width: 5rem;max-height: 3.5rem;box-shadow: 0rem 0rem 0.35rem 0rem rgba(230,230,230,0.54); transform: scale(0.9); transition: .5s;}
.abfoSwiper .swiper-slide span {font-size: .2rem;display: block; margin-top: .1rem; color: rgba(102, 102, 102,.6);}
.abfoSwiper .swiper-slide.active .imgBox img {transform: scale(1);}
.abfoSwiper .swiper-slide.active span {color: #666;}
.abfoSwiper .swjt {width: .68rem;height: .68rem; z-index: 2; left: -10%; background: rgba(0, 0, 0,.24); border-radius: 50%; transition: .5s; top: 45%;}
.abfoSwiper .swjt img {max-width: 20%;}
.abfoSwiper .swjt:hover {background: #015198;}
.abfoSwiper .swiper-button-prev img {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {left: auto; right: -10%;}

/* =====新闻中心===== */
.newsList {margin: .5rem 0;}
.newsList ul {display: grid; grid-template-columns: repeat(3,1fr); position: relative;}
.newsList ul li {position: relative;border-bottom: 1px solid #eee; padding: 6%; padding-bottom: .4rem; box-sizing: border-box;position: relative; overflow: hidden;}
.newsList ul li {border-right: 1px solid #eee;}
.newsList ul li:nth-child(3n) {border-right:0 ;}
.newsList ul li .con {padding: 0 .2rem; box-sizing: border-box;}
.newsList ul li .time {color: #777777;font-family: Arial, Arial-Regular;margin-top: .25rem;}
.newsList ul li .imgBox img {width: 100%; transition: .5s;}
.newsList ul li h5 {color: #333333;font-size: var(--font18);margin-top: .2rem; font-weight: 700;}
.newsList ul li span {color: #aaaaaa;font-size: var(--font15);display: block;margin-top: .2rem;}
.newsList ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #F8F8F8;right: 0; z-index: -1; -webkit-clip-path: polygon(0 50%, 100% 15%, 100% 100%, 0% 100%); clip-path: polygon(0 60%, 100% 15%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.newsList ul li:hover::after { transform: translateY(0);}
.newsList ul li:hover h5 {color: #015198;}
.newsList ul li:hover span {color: #015198;}
.newsList ul .cmsFriendlyEmpty {border-right: 1px solid #e4ebf3 !important;}

/* 合作伙伴列表 */
.partnerListPage {background: #fff;}
.partnerListWrap {padding: .72rem 0 .9rem; background: linear-gradient(180deg, #f6f9fb 0%, #fff 42%);}
.partnerListHead {display: flex; flex-direction: column; align-items: center; max-width: 8.2rem; margin: 0 auto .42rem; text-align: center;}
.partnerListHead span {display: inline-flex; align-items: center; gap: .1rem; color: #009241; font-size: var(--font14); font-weight: 700; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0;}
.partnerListHead span:before, .partnerListHead span:after {content: ""; width: .34rem; height: 2px; background: #009241;}
.partnerListHead h1 {margin-top: .13rem; color: #12344d; font-size: .4rem; font-weight: 800; line-height: 1.28;}
.partnerListHead p {max-width: 6.8rem; margin-top: .16rem; color: #60717c; font-size: var(--font16); line-height: 1.85;}
.partnerGrid {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 11rem; margin: 0 auto; border-top: 1px solid #e4edf1; border-left: 1px solid #e4edf1; background: rgba(255,255,255,.72);}
.partnerGrid > li {min-width: 0;}
.partnerGrid > li:not(.cmsFriendlyEmpty) {border-right: 1px solid #e4edf1; border-bottom: 1px solid #e4edf1;}
.partnerGrid > li > a {position: relative; display: flex; align-items: center; justify-content: center; min-height: 1.58rem; padding: .24rem .2rem; background: rgba(255,255,255,.46); box-sizing: border-box; overflow: hidden; transition: background .28s ease;}
.partnerGrid > li > a:before {content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: linear-gradient(90deg, #015198, #009241); transform: translateX(-50%); transition: width .28s ease;}
.partnerGrid > li > a:after {content: attr(data-name); position: absolute; left: 50%; bottom: .14rem; max-width: 82%; padding: .04rem .12rem; color: #fff; font-size: var(--font14); line-height: 1.45; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: rgba(18,52,77,.86); opacity: 0; transform: translate(-50%, .08rem); transition: .28s ease; pointer-events: none;}
.partnerLogoBox {display: flex; align-items: center; justify-content: center; width: 100%; height: 1rem;}
.partnerLogoBox img {display: block; max-width: 88%; max-height: .74rem; object-fit: contain; transition: .28s ease;}
.partnerGrid > li > a:hover {background: #fff;}
.partnerGrid > li > a:hover:before {width: 100%;}
.partnerGrid > li > a:hover:after {opacity: 1; transform: translate(-50%, 0);}
.partnerGrid > li > a:hover .partnerLogoBox img {transform: translateY(-.08rem) scale(1.04);}
.partnerGrid .cmsFriendlyEmpty {grid-column: 1 / -1; margin: 0; border-right: 1px solid #e4edf1; border-bottom: 1px solid #e4edf1;}
/* 常见问题 */
.questionList {margin: 1rem 0;}
.questionList ul li {border-bottom: 1px solid #DDDDDD; padding: .3rem 0 .2rem 0; cursor: pointer;}
.questionList ul li .tle {display: flex; align-items: center; position: relative;}
.questionList ul li .tle h3 {width: 75%;font-size: var(--font22);color: #333333; margin-left: .2rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.questionList ul li .questionCon {background: #eee; margin-top: .1rem; padding: .2rem; box-sizing: border-box;}
.questionList ul li .tle::after {content: "+"; width: 100%; padding-right: .15rem; box-sizing: border-box;top: 0; left: 0; font-size: var(--font22);color: #333333;font-weight: 700;line-height: initial; position: absolute;right: 0;}
.questionList ul li .tle::after {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.questionList ul li .tle.on::after {content: "-";padding-right: .2rem;}



/* 新闻详情 */
.newsDateBanner {height: 3.85rem;}
.newsDateBanner .imgBox {height: 100%;}
.newsDateBanner .imgBox img {height: 100%; object-fit: cover;}
.newsDate {padding: .7rem 0;}
.newsDate .box {display: flex; justify-content: space-between;}
.newsDate .box .le {width: 72%;}
.newsDate .box .re {width: 20%;}
.newsDate .tle {border-bottom: 1px solid #DEDEDE; padding-bottom: .2rem;}
.newsDate .tle h5 {font-size: 0.39rem;color: #333333;}
.newsDate .tle .time {color: #666666;font-size: .17rem;margin-top: .3rem;}
.newsDate .tle .time span {font-family: Arial, Helvetica, sans-serif;}
.newsCon {padding: .3rem 0;}
.newsCon img {max-width: 100%;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: .5rem;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {width: 20px; height: 20px; border: 1px solid #a9a9a9; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.next img {transform: rotate(-90deg);}
.newsPage a:hover span {color: #015198;}
.newsDate .re .tle {background: #02539a; text-align: center; padding: .3rem 0;}
.newsDate .re .tle h3 {color: #ffffff;font-size: .3rem;}
.newsDate .re .txtMarquee {border: 1px solid #dddddd; margin-top: 0; padding-top: .3rem; margin-bottom: 10px;}

/* =====联系我们===== */
.contact {margin: 1rem 0;}
.contactHero {display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .48rem; align-items: stretch; padding: .56rem; background: linear-gradient(135deg, #f4faf7 0%, #fff 58%, #f2f7fb 100%); border: 1px solid #e3edf2; box-sizing: border-box;}
.contactIntro {min-width: 0;}
.contactIntro span {display: inline-flex; align-items: center; gap: .1rem; color: #009241; font-size: var(--font14); font-weight: 700; text-transform: uppercase;}
.contactIntro span:before {content: ""; width: .34rem; height: 2px; background: #009241;}
.contactIntro h1 {margin-top: .12rem; color: #12344d; font-size: .4rem; font-weight: 800; line-height: 1.28;}
.contactIntro p {max-width: 7.2rem; margin-top: .16rem; color: #60717c; font-size: var(--font16); line-height: 1.8;}
.contactActions {display: flex; flex-wrap: wrap; gap: .14rem; margin-top: .28rem;}
.contactActions a {display: inline-flex; align-items: center; justify-content: center; min-width: 1.42rem; height: .46rem; padding: 0 .22rem; color: #fff; background: #015198; box-sizing: border-box;}
.contactActions a + a {background: #009241;}
.contactQrGroup {display: grid; grid-template-columns: repeat(2, 1.34rem); gap: .18rem; align-items: stretch;}
.contactQr {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .16rem; background: #fff; border: 1px solid #e3edf2; box-sizing: border-box;}
.contactQr img {width: .96rem; height: .96rem; object-fit: contain;}
.contactQr span {margin-top: .1rem; color: #12344d; font-weight: 700; line-height: 1.4;}
.contactInfoGrid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: .24rem; border-top: 1px solid #e3edf2; border-left: 1px solid #e3edf2; background: #fff;}
.contactInfoItem {display: flex; align-items: flex-start; gap: .18rem; min-width: 0; padding: .28rem .3rem; border-right: 1px solid #e3edf2; border-bottom: 1px solid #e3edf2; box-sizing: border-box;}
.contactInfoIcon {flex: 0 0 .52rem; width: .52rem; height: .52rem; display: flex; align-items: center; justify-content: center; background: #f0f8f4;}
.contactInfoIcon img {max-width: .26rem; max-height: .26rem; object-fit: contain;}
.contactInfoIconPerson:before, .contactInfoIconPerson:after {content: ""; display: block; position: absolute;}
.contactInfoIconPerson {position: relative;}
.contactInfoIconPerson:before {left: 50%; top: .12rem; width: .14rem; height: .14rem; border-radius: 50%; background: #009241; transform: translateX(-50%);}
.contactInfoIconPerson:after {left: 50%; bottom: .12rem; width: .28rem; height: .16rem; border-radius: .16rem .16rem .04rem .04rem; background: #009241; transform: translateX(-50%);}
.contactInfoText {min-width: 0; flex: 1;}
.contactInfoItem em {display: block; color: #009241; font-size: var(--font15); font-style: normal; font-weight: 700;}
.contactInfoItem strong {display: block; margin-top: .1rem; color: #12344d; font-size: var(--font20); font-weight: 800; line-height: 1.55; word-break: break-word;}
.contactInfoItem a {color: #12344d;}
.contactInfoItem a:hover {color: #015198;}
.contactInfoAddress {grid-column: span 3;}
.contactContent {margin-top: .34rem; color: #465b68; font-size: var(--font16); line-height: 1.9;}
.contactContent:empty {display: none;}
.contactContent img {max-width: 100%; height: auto;}
.contact p img {max-width: 100%;}





/* 录入资料调整 */
.dateCon .tableBox {overflow-x: auto;scrollbar-width:6px;scrollbar-color:rgba(0, 0, 0, 0.2);}
.dateCon .tableBox::-webkit-scrollbar {width: 6px; height: 6px;}
.dateCon .tableBox::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2); border-radius: 5px;}
.dateCon .tableBox::-webkit-scrollbar-track { border-radius: 0; background: rgba(0,0,0,0.2);border-radius: 5px;}
.dateCon .tableBox table {white-space: nowrap;}
.dateCon .tableBox table tr td {padding: 0 .1rem !important;}

@media screen and (min-width: 200px) and (max-width: 1100px) {
  .dateCon table.tableDisc tr {display: flex; flex-wrap: wrap;}
  .dateCon table.tableDisc tr td {width: 100%; text-align: center; padding: .2rem;}
}

@media screen and (max-width: 767px) {
  .picture-gallery {grid-template-columns: 1fr; gap: .18rem;}
}





























/* 回订顶部 */
#backTop {width:.52rem; height:.52rem; min-width: 30px; min-height: 30px;cursor:pointer; position: fixed; right: 10px;top: 60%; background: #fff url(../images/totop.png) no-repeat center 50%; border: 1px solid #e2e2e2; opacity: 0.85; z-index: 100; mix-blend-mode: exclusion; display: none;  border-radius: 3px; text-align: center;}
#backTop svg {max-width: 80%;max-height: 100%;}


/* 视频弹出层 */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 110%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info dl {margin-top: 2rem;}

/* 简历弹出层 */
.acquisition {padding: .3rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: var(--font24); color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: .5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: var(--font16); color: #666;display: inline-block; margin-right: .6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: .1rem 0; text-align: left;}
.acquisition .infoCon {margin-top: .25rem;  height: 38vh; overflow-y:auto; text-align: initial;}
@media screen and (min-width: 200px) and (max-width: 768px) {
.acquisition {  width: 92%;}
}


/* 搜索页面 */
.search-page .box {margin-top: 1.25rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../picture/searchicon.png) no-repeat center; outline: none; border: none; background-size:auto; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #015198; color: #fff; font-size: 16px; padding: 2px 5px; }
.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: var(--font16); color: #666; }
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy .pagination {display: flex !important; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none;}
.fy .pagination li {border: 0 !important; box-shadow: none !important; margin: 0; padding: 0; background: none;}
.fy .pagination li a,
.fy .pagination li span {width: 46px; height: 40px !important; display: flex; align-items: center; justify-content: center; border: 1px solid #d3d9e2; background: #fff; color: #666; font-size: 16px; line-height: 1; box-sizing: border-box; transition: .4s;}
.fy .pagination li a:hover,
.fy .pagination li.active span {background: #015198; border-color: #015198; color: #fff;}
.fy .pagination li.disabled span {background: #f5f5f5; color: #aaa; cursor: not-allowed;}
.fy a { border: 1px solid #d3d9e2; display: flex; align-items: center; justify-content: center;  color: #666; font-size: 16px;}
.fy a {width: 35px; height: 30px; transition: .4s; margin:5px;}
.fy a.layui-laypage-prev , .fy a:first-child , .fy a:last-child {width: 65px;}
.fy a:hover {color: #fff; background: #015198;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;}
.fy .layui-laypage-curr {width: 35px; height: 30px; color: #fff; background: #015198; font-size: 16px; margin: 0 5px;}

/* CMS搜索、标签与在线留言 */
.cmsSearchPage, .cmsTagPage, .diyform-page {margin: .75rem 0 1rem;}
.cmsPageTop {display: flex; justify-content: space-between; align-items: flex-end; gap: .3rem; margin-bottom: .35rem; border-bottom: 1px solid #e5e5e5; padding-bottom: .22rem;}
.cmsPageTop h1 {font-size: .34rem; color: #333; font-weight: 700; line-height: 1.35;}
.cmsPageTop .mbx {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; flex: 1; justify-content: flex-end;}
.cmsListHead {display: flex; align-items: center; justify-content: space-between; gap: .3rem; margin-bottom: .22rem;}
.cmsListTitle {font-size: var(--font18); color: #333; font-weight: 700;}
.cmsListTitle span {color: #015198;}
.cmsOrderList {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .12rem;}
.cmsOrderList li a {display: block; padding: .08rem .18rem; border: 1px solid #d9dfe8; color: #666; font-size: var(--font14); transition: .4s;}
.cmsOrderList li a:hover, .cmsOrderList li a.active {background: #015198; border-color: #015198; color: #fff;}
.cmsArticleList {display: flex; flex-direction: column; gap: .2rem;}
.cmsArticleList > li {background: #f7f8fa; transition: .4s;}
.cmsArticleList > li > a {display: flex; align-items: stretch; gap: .28rem; padding: .24rem; box-sizing: border-box;}
.cmsArticleThumb {width: 2.2rem; min-width: 2.2rem; height: 1.45rem; overflow: hidden; background: #eee;}
.cmsArticleThumb img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.cmsArticleInfo {min-width: 0; flex: 1; display: flex; flex-direction: column; justify-content: center;}
.cmsArticleMeta {font-family: Arial, Helvetica, sans-serif; color: #777; font-size: var(--font14);}
.cmsArticleInfo h3 {font-size: var(--font20); color: #333; font-weight: 700; margin: .08rem 0 .12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cmsArticleInfo p {color: #666; line-height: 1.8; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cmsArticleList > li:hover {background: #eef4fa;}
.cmsArticleList > li:hover h3 {color: #015198;}
.cmsArticleList > li:hover .cmsArticleThumb img {transform: scale(1.06);}
.cmsSearchPage.search-page form {margin-bottom: .42rem;}
.cmsSearchPage .cmsListHead {width: 75%; margin: 0 auto .28rem;}
.cmsSearchPage .cmsOrderList {width: auto;}
.cmsSearchPage .cmsOrderList > li {width: auto; padding: 0; margin-top: 0; background: none;}
.cmsSearchPage .cmsOrderList > li > a {min-width: .82rem; text-align: center;}
.cmsSearchPage .cmsArticleList > li {width: 100%; padding: 0; margin-top: 0;}
.cmsSearchPage .cmsArticleList > li > a {align-items: stretch; justify-content: flex-start;}
.cmsSearchPage .cmsArticleThumb img {margin-right: 0;}
.cmsArticleList > .cmsEmpty, .diyform-data-list > .cmsEmpty {padding: .42rem .24rem; margin-top: 0; background: #f7f8fa; color: #666; text-align: center; box-sizing: border-box;}
.cmsSearchPage .cmsArticleList > .cmsEmpty {padding: .42rem .24rem;}
.cmsFilterBox {background: #f7f8fa; padding: .24rem; box-sizing: border-box; margin-bottom: .32rem;}
.cmsFilterHead {display: flex; justify-content: space-between; align-items: center; gap: .2rem; padding-bottom: .18rem; border-bottom: 1px solid #e0e4ea;}
.cmsFilterHead span {font-size: var(--font18); font-weight: 700; color: #333;}
.cmsFilterHead label {display: flex; align-items: center; gap: 6px; color: #666; cursor: pointer;}
.cmsFilterList {padding-top: .12rem;}
.cmsFilterGroup {display: flex; align-items: flex-start; gap: .14rem; margin-top: .12rem;}
.cmsFilterTitle {width: 1.1rem; color: #333; font-weight: 700; line-height: .34rem;}
.cmsFilterGroup ul {flex: 1; display: flex; align-items: center; flex-wrap: wrap; gap: .08rem;}
.cmsFilterGroup li a {display: block; padding: .05rem .15rem; color: #666; border: 1px solid transparent; line-height: .24rem; transition: .4s;}
.cmsFilterGroup li.active a, .cmsFilterGroup li a:hover {border-color: #015198; color: #015198; background: #fff;}
.diyform-shell {max-width: 11rem; margin: 0 auto;}
.diyform-list-top {align-items: center;}
.diyform-list-actions {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .12rem;}
.diyform-search-form {display: flex; align-items: center; border: 1px solid #d7dfe8; background: #fff; height: .46rem;}
.diyform-search-form input {width: 2.4rem; height: 100%; padding: 0 .14rem; border: 0; outline: none; box-sizing: border-box;}
.diyform-search-form button, .diyform-post-link, .diyform-page .btn {height: .46rem; padding: 0 .24rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #015198; background: #015198; color: #fff; cursor: pointer; box-sizing: border-box; transition: .4s;}
.diyform-search-form button:hover, .diyform-post-link:hover, .diyform-page .btn-primary:hover {background: #009241; border-color: #009241; color: #fff;}
.diyform-page .btn-default {background: #fff; color: #666; border-color: #d7dfe8;}
.diyform-page .btn-default:hover {background: #f5f7fa; color: #015198; border-color: #015198;}
.diyform-data-list {display: flex; flex-direction: column; gap: .16rem;}
.diyform-data-list > li {background: #f7f8fa;}
.diyform-data-list > li > a {display: flex; justify-content: space-between; align-items: flex-start; gap: .25rem; padding: .24rem; box-sizing: border-box;}
.diyform-data-main {min-width: 0; flex: 1;}
.diyform-data-main h3 {font-size: var(--font20); color: #333; font-weight: 700; margin-bottom: .1rem; overflow-wrap: anywhere;}
.diyform-status {display: inline-block; vertical-align: middle; margin-right: .08rem; padding: 2px 8px; background: #d9534f; color: #fff; font-size: 16px; font-weight: 400;}
.diyform-data-text {color: #666; line-height: 1.8; overflow-wrap: anywhere;}
.diyform-data-list time {white-space: nowrap; color: #888; font-family: Arial, Helvetica, sans-serif;}
.diyform-image-list {display: flex; flex-wrap: wrap; gap: .12rem; margin-top: .14rem;}
.diyform-image-list span {width: 1.3rem; height: .9rem; overflow: hidden; background: #eee;}
.diyform-image-list img {width: 100%; height: 100%; object-fit: cover;}
.diyform-form {background: #f7f8fa; padding: .35rem .4rem; box-sizing: border-box;}
.diyform-form .form-group {display: flex; align-items: flex-start; gap: .22rem; margin-bottom: .22rem;}
.diyform-form .control-label {width: 1.35rem; flex: 0 0 1.35rem; padding-top: .12rem; color: #333; font-weight: 700; text-align: right;}
.diyform-form .col-sm-8 {min-width: 0; flex: 1;}
.diyform-form .form-control {width: 100%; min-height: .46rem; padding: .08rem .14rem; border: 1px solid #d7dfe8; background: #fff; outline: none; box-sizing: border-box; transition: .3s;}
.diyform-form textarea.form-control {min-height: 1.5rem; resize: vertical;}
.diyform-form .form-control:focus {border-color: #015198;}
.diyform-form .input-group {display: flex; align-items: stretch; width: 100%;}
.diyform-form .input-group .form-control {flex: 1; min-width: 0;}
.diyform-form .input-group-addon, .diyform-form .input-group-btn {display: flex; align-items: center; flex: 0 0 auto;}
.diyform-form .input-group-btn img {height: .46rem; cursor: pointer;}
.diyform-form .checkbox-inline, .diyform-form .radio-inline {display: inline-flex; align-items: center; margin: .08rem .18rem .08rem 0;}
.diyform-form .checkbox-inline label, .diyform-form .radio-inline label {display: inline-flex; align-items: center; gap: 6px; color: #555; cursor: pointer;}
.diyform-form .btn {min-width: 1.1rem;}
.diyform-actions {display: flex; justify-content: center; gap: .14rem; flex-wrap: wrap;}
.diyform-info {background: #f7f8fa; padding: .28rem; box-sizing: border-box;}
.diyform-info-row {display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); gap: .18rem; padding: .18rem 0; border-bottom: 1px solid #e4e8ee;}
.diyform-info-row:last-child {border-bottom: 0;}
.diyform-info-label {font-weight: 700; color: #333;}
.diyform-info-value {color: #555; line-height: 1.8; overflow-wrap: anywhere;}
.diyform-download {display: inline-flex; align-items: center; justify-content: center; margin: 0 .08rem .08rem 0; padding: .06rem .16rem; background: #015198; color: #fff;}
.diyform-download:hover {background: #009241; color: #fff;}
.diyform-danger {color: #d9534f;}
.diyform-info-actions {display: flex; gap: .12rem; justify-content: center; flex-wrap: wrap; padding-top: .28rem;}

/* 解决方案单页 */
.solutionPage {background: #f4f7f8; color: #263238; overflow: hidden;}
.solutionPage .container {position: relative;}
.solutionHero {padding: .82rem 0 .72rem; background: linear-gradient(135deg, #f7fbfc 0%, #eef6f1 54%, #ffffff 100%);}
.solutionHeroGrid {display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(3rem, .76fr); gap: .54rem; align-items: center;}
.solutionEyebrow, .solutionSectionHead span, .solutionIndustries > span, .solutionSceneBox > span, .solutionConsultBox span {display: inline-flex; align-items: center; gap: .08rem; color: #007f4f; font-size: var(--font14); font-weight: 700; text-transform: uppercase; letter-spacing: 0;}
.solutionEyebrow:before, .solutionSectionHead span:before, .solutionIndustries > span:before, .solutionSceneBox > span:before, .solutionConsultBox span:before {content: ""; width: .32rem; height: 2px; background: #009241;}
.solutionHeroText h1 {margin: .18rem 0 .22rem; color: #12344d; font-size: .48rem; font-weight: 800; line-height: 1.2;}
.solutionHeroText p {max-width: 7.2rem; color: #586873; font-size: var(--font18); line-height: 1.9;}
.solutionHeroActions {display: flex; flex-wrap: wrap; gap: .14rem; margin-top: .34rem;}
.solutionHeroActions a {display: inline-flex; align-items: center; justify-content: center; min-width: 1.42rem; height: .5rem; padding: 0 .26rem; border: 1px solid #015198; background: #015198; color: #fff; font-weight: 700; box-sizing: border-box; transition: .35s;}
.solutionHeroActions a + a {background: #fff; color: #015198;}
.solutionHeroActions a:hover {background: #009241; border-color: #009241; color: #fff;}
.solutionHeroMedia {position: relative; min-height: 4.2rem; padding: .22rem .22rem 1.08rem; background: #fff; box-shadow: 0 .28rem .7rem rgba(19, 52, 77, .12); box-sizing: border-box;}
.solutionHeroMedia:before {content: ""; position: absolute; right: -.26rem; top: .34rem; width: 1.6rem; height: 2.6rem; border: 8px solid rgba(0, 146, 65, .12); z-index: 0;}
.solutionHeroMedia img {display: block; position: relative; z-index: 1; width: 100%; height: 3.35rem; object-fit: cover; object-position: center; background: #edf3f5;}
.solutionHeroMedia dl {position: absolute; left: .22rem; right: .22rem; bottom: .22rem; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); background: #12344d; box-shadow: 0 .18rem .38rem rgba(18, 52, 77, .18);}
.solutionHeroMedia dd {padding: .2rem .16rem; border-right: 1px solid rgba(255,255,255,.16); box-sizing: border-box;}
.solutionHeroMedia dd:last-child {border-right: 0;}
.solutionHeroMedia b {display: block; color: #fff; font-size: .25rem; font-weight: 800; line-height: 1.2; white-space: nowrap;}
.solutionHeroMedia span {display: block; margin-top: .06rem; color: rgba(255,255,255,.72); font-size: var(--font14); line-height: 1.4;}
.solutionOverview, .solutionMatrix, .solutionFaq {padding: .76rem 0;}
.solutionSectionHead {max-width: 8.2rem; margin-bottom: .36rem;}
.solutionSectionHead h2, .solutionIndustries h2, .solutionSceneBox h2, .solutionConsultBox h2 {margin: .14rem 0 .12rem; color: #12344d; font-size: .34rem; font-weight: 800; line-height: 1.25;}
.solutionSectionHead p {color: #60717c; line-height: 1.85; font-size: var(--font16);}
.solutionWorkflow {position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .22rem; padding: 1.05rem 0 .08rem; background: transparent; box-sizing: border-box;}
.solutionWorkflow:before {content: ""; position: absolute; left: .64rem; right: .64rem; top: .36rem; height: 4px; background: linear-gradient(90deg, #009241 0%, #015198 100%); opacity: .22;}
.solutionWorkflow:after {display: none;}
.solutionWorkflowItem {position: relative; min-height: 2.24rem; padding: .34rem .2rem .24rem; background: #fff; border: 1px solid #dfe8ed; border-top: 4px solid #12344d; box-shadow: 0 .16rem .42rem rgba(18, 52, 77, .08); box-sizing: border-box; transition: .35s;}
.solutionWorkflowItem:before {content: ""; position: absolute; left: 50%; top: -.55rem; width: 1px; height: .52rem; background: #c7d9e2;}
.solutionWorkflowItem:after {content: ""; position: absolute; right: -.22rem; top: -.78rem; width: .18rem; height: .18rem; border-top: 2px solid rgba(1,81,152,.45); border-right: 2px solid rgba(1,81,152,.45); transform: rotate(45deg); z-index: 2;}
.solutionWorkflowItem:last-child:after {display: none;}
.solutionWorkflowItem:hover {border-color: rgba(0,146,65,.34); border-top-color: #009241; transform: translateY(-5px); box-shadow: 0 .24rem .54rem rgba(18, 52, 77, .12);}
.solutionWorkflowItem em {position: absolute; left: 50%; top: -.92rem; z-index: 3; display: flex; align-items: center; justify-content: center; width: .64rem; height: .64rem; margin-left: -.32rem; background: #009241; color: #fff; font-size: max(16px, .15rem); font-family: Arial, Helvetica, sans-serif; font-weight: 800; font-style: normal; line-height: 1; border: .08rem solid #e9f5ef; box-sizing: border-box; box-shadow: 0 .12rem .24rem rgba(0, 146, 65, .22);}
.solutionWorkflowItem strong {display: block; color: #12344d; font-size: var(--font20); font-weight: 800; line-height: 1.35; text-align: center; white-space: nowrap;}
.solutionWorkflowItem p {position: relative; margin-top: .16rem; padding-top: .16rem; color: #526774; line-height: 1.78; text-align: left; border-left: 0;}
.solutionWorkflowItem p:before {content: ""; position: absolute; left: 50%; top: 0; width: .34rem; height: 3px; margin-left: -.17rem; background: #009241; display: block;}
.solutionMatrix {background: #fff;}
.solutionDetailList {display: flex; flex-direction: column; gap: .26rem;}
.solutionFeature {display: grid; grid-template-columns: 3.05rem minmax(0, 1fr); min-height: 3.85rem; background: #f7f9fa; border: 1px solid #dfe8ed; box-shadow: 0 .18rem .45rem rgba(18, 52, 77, .07); transition: .35s;}
.solutionFeature:nth-child(even) {grid-template-columns: minmax(0, 1fr) 3.05rem;}
.solutionFeature:hover {border-color: rgba(1, 81, 152, .38); transform: translateY(-4px); box-shadow: 0 .24rem .55rem rgba(18, 52, 77, .12);}
.solutionFeature:nth-child(even) .solutionFeatureMedia {order: 2;}
.solutionFeatureMedia {position: relative; min-height: 100%; overflow: hidden; background-color: #12344d; background-size: cover; background-position: center;}
.solutionFeatureMedia:before {content: ""; position: absolute; inset: 0; background: linear-gradient(155deg, rgba(1, 81, 152, .86), rgba(0, 146, 65, .6));}
.solutionFeatureMedia:after {content: ""; position: absolute; right: -.5rem; bottom: -.46rem; width: 1.65rem; height: 1.65rem; border: .3rem solid rgba(255,255,255,.16); transform: rotate(35deg);}
.solutionFeatureMedia em {position: absolute; left: .28rem; top: .25rem; z-index: 1; color: rgba(255,255,255,.35); font-size: .52rem; font-family: Georgia, "Times New Roman", serif; font-weight: 700; font-style: normal; line-height: 1;}
.solutionFeatureMedia strong {position: absolute; left: .28rem; right: .28rem; bottom: .3rem; z-index: 1; color: #fff; font-size: .26rem; font-weight: 800; line-height: 1.35;}
.solutionCardImage {background-size: cover; background-position: center;}
.solutionCardImage.isPaint {background-image: url("../picture/solutions/solution-spray-booth-exhaust.png");}
.solutionCardImage.isSand {background-image: url("../picture/solutions/solution-blast-room-dust.png");}
.solutionCardImage.isGrinding {background-image: url("../picture/solutions/solution-grinding-polishing-dust.png");}
.solutionCardImage.isVocs {background-image: url("../picture/solutions/solution-vocs-treatment.png");}
.solutionCardImage.isCatalytic {background-image: url("../picture/solutions/solution-catalytic-combustion.png");}
.solutionCardImage.isZeolite {background-image: url("../picture/solutions/solution-zeolite-rotor-rto.png");}
.solutionCardImage.isRto {background-image: url("../picture/solutions/solution-rto-oxidizer.png");}
.solutionCardImage.isCoating {background-image: url("../picture/solutions/solution-coating-line-exhaust.png");}
.solutionCardImage.isDust {background-image: url("../picture/solutions/solution-industrial-dust-control.png");}
.solutionCardImage.isCustom {background-image: url("../picture/solutions/solution-custom-equipment.png");}
.solutionFeatureBody {padding: .42rem .48rem .4rem; box-sizing: border-box;}
.solutionFeatureIntro {padding-bottom: .28rem; border-bottom: 1px solid #e1e8ec;}
.solutionFeatureIntro span {display: block; color: #009241; font-size: var(--font14); font-weight: 700; text-transform: uppercase; letter-spacing: 0;}
.solutionFeatureIntro h3 {margin-top: .1rem; color: #12344d; font-size: .28rem; font-weight: 800; line-height: 1.35;}
.solutionFeatureIntro p {max-width: 9.2rem; margin-top: .16rem; color: #5d6e79; font-size: var(--font16); line-height: 2;}
.solutionFeatureBlocks {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .22rem .28rem; margin-top: .3rem;}
.solutionFeatureBlocks dl {position: relative; min-height: 1.08rem; padding: .2rem .22rem .2rem .28rem; background: #f7fafb; box-sizing: border-box;}
.solutionFeatureBlocks dl:before {content: ""; position: absolute; left: 0; top: .2rem; width: .05rem; height: calc(100% - .4rem); background: #009241;}
.solutionFeatureBlocks dt {color: #12344d; font-size: var(--font17); font-weight: 800; line-height: 1.35;}
.solutionFeatureBlocks dd {margin-top: .1rem; color: #4f626c; line-height: 1.9;}
.solutionDetailBand {padding: .86rem 0; background: linear-gradient(135deg, #12344d 0%, #0f4f67 54%, #0f6a58 100%);}
.solutionDetailBand .container {width: 100%; max-width: none; padding: 0 .56rem; box-sizing: border-box;}
.solutionIndustries, .solutionSceneBox {width: 100%; padding: .48rem .5rem .54rem; background: rgba(255,255,255,.95); box-shadow: 0 .24rem .58rem rgba(0, 0, 0, .14); box-sizing: border-box;}
.solutionIndustries ul {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .12rem; margin-top: .24rem;}
.solutionIndustries li {display: flex; align-items: center; min-height: .46rem; padding: 0 .16rem; background: #f0f5f7; color: #314653; font-weight: 700; box-sizing: border-box;}
.solutionIndustries li:before {content: ""; width: .08rem; height: .08rem; margin-right: .1rem; background: #009241;}
.solutionSceneAccordion {display: flex; gap: .1rem; width: 100%; height: 5.25rem; margin-top: .34rem; overflow: hidden; background: #102f42;}
.solutionSceneItem {position: relative; flex: .75; min-width: .82rem; height: 100%; overflow: hidden; cursor: pointer; transition: flex .55s ease, filter .35s ease; outline: none;}
.solutionSceneItem.isActive,
.solutionSceneItem:hover,
.solutionSceneItem:focus {flex: 5;}
.solutionSceneAccordion:hover .solutionSceneItem.isActive:not(:hover):not(:focus) {flex: .75;}
.solutionSceneItem img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.25); transform: scale(1.04); transition: .55s ease;}
.solutionSceneItem:hover img,
.solutionSceneItem:focus img,
.solutionSceneItem.isActive img {filter: grayscale(0); transform: scale(1);}
.solutionSceneMask {position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18, 52, 77, .9) 0%, rgba(18, 52, 77, .68) 45%, rgba(18, 52, 77, .28) 100%); transition: .45s;}
.solutionSceneItem:not(:hover):not(:focus):not(.isActive) .solutionSceneMask,
.solutionSceneAccordion:hover .solutionSceneItem.isActive:not(:hover):not(:focus) .solutionSceneMask {background: rgba(18, 52, 77, .72);}
.solutionSceneContent {position: absolute; left: .42rem; top: .42rem; bottom: .4rem; z-index: 2; width: 7.25rem; max-width: calc(100% - .84rem); display: flex; flex-direction: column; justify-content: flex-start; color: #fff; opacity: 0; transform: translateX(.24rem); transition: .45s ease; pointer-events: none;}
.solutionSceneItem.isActive .solutionSceneContent,
.solutionSceneItem:hover .solutionSceneContent,
.solutionSceneItem:focus .solutionSceneContent {opacity: 1; transform: translateX(0);}
.solutionSceneAccordion:hover .solutionSceneItem.isActive:not(:hover):not(:focus) .solutionSceneContent {opacity: 0; transform: translateX(.24rem);}
.solutionSceneContent em {display: inline-flex; align-items: center; justify-content: center; width: .48rem; height: .48rem; background: #009241; color: #fff; font-size: .16rem; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: 800; line-height: 1;}
.solutionSceneContent h3 {margin-top: .2rem; color: #fff; font-size: .34rem; font-weight: 800; line-height: 1.2;}
.solutionSceneContent p {max-width: 6.6rem; margin-top: .16rem; color: rgba(255,255,255,.9); line-height: 1.85; font-size: var(--font16);}
.solutionSceneContent dl {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .16rem; margin-top: .26rem;}
.solutionSceneContent dd {min-height: 1.2rem; padding: .18rem .2rem; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.88); line-height: 1.75; box-sizing: border-box; backdrop-filter: blur(4px);}
.solutionSceneContent b {color: #fff;}
.solutionSceneItem > strong {position: absolute; left: 50%; bottom: .36rem; z-index: 3; color: #fff; font-size: var(--font18); font-weight: 800; line-height: 1.3; writing-mode: vertical-rl; transform: translateX(-50%); letter-spacing: 0; transition: .3s;}
.solutionSceneItem.isActive > strong,
.solutionSceneItem:hover > strong,
.solutionSceneItem:focus > strong {opacity: 0; visibility: hidden;}
.solutionSceneAccordion:hover .solutionSceneItem.isActive:not(:hover):not(:focus) > strong {opacity: 1; visibility: visible;}
.solutionFaqGrid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .16rem;}
.solutionFaq details {background: #fff; border: 1px solid #e2e8ec; box-shadow: 0 .14rem .32rem rgba(18, 52, 77, .06);}
.solutionFaq summary {position: relative; padding: .22rem .54rem .22rem .24rem; color: #12344d; font-size: var(--font18); font-weight: 800; cursor: pointer; list-style: none;}
.solutionFaq summary::-webkit-details-marker {display: none;}
.solutionFaq summary:after {content: "+"; position: absolute; right: .24rem; top: 50%; width: .24rem; height: .24rem; margin-top: -.12rem; display: flex; align-items: center; justify-content: center; background: #015198; color: #fff; font-size: .2rem; line-height: 1;}
.solutionFaq details[open] summary:after {content: "-"; background: #009241;}
.solutionFaq details p {padding: 0 .24rem .24rem; color: #5d6e79; line-height: 1.85;}
.solutionConsult {padding: .76rem 0 .9rem; background: #fff;}
.solutionConsultBox {display: flex; align-items: center; justify-content: space-between; gap: .36rem; padding: .42rem .46rem; background: #f0f6f4; border-left: 6px solid #009241; box-sizing: border-box;}
.solutionConsultBox p {max-width: 8.2rem; color: #536772; line-height: 1.9;}
.solutionConsultBox a {display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 2.3rem; height: .54rem; padding: 0 .28rem; background: #015198; color: #fff; font-weight: 800; box-sizing: border-box; transition: .35s;}
.solutionConsultBox a:hover {background: #009241; color: #fff;}

/* FAQ text list */
.faqTextList {margin: .62rem 0 1rem;}
.faqTextList ul {border-top: 1px solid #e4ebf0;}
.faqTextList ul li {border-bottom: 1px solid #e4ebf0;}
.faqTextList ul li > a {position: relative; display: grid; grid-template-columns: .82rem minmax(0, 1fr) .48rem; gap: .28rem; align-items: center; padding: .34rem .1rem .34rem 0; color: #12344d; box-sizing: border-box; transition: background .28s ease, padding-left .28s ease;}
.faqTextList ul li > a::before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 0; background: #009241; transform: translateY(-50%); transition: height .28s ease;}
.faqTextIndex {display: flex; align-items: center; justify-content: center; width: .58rem; height: .58rem; background: #f3f8fb; color: #80909a; font-family: Arial, Helvetica, sans-serif; font-size: .18rem; font-weight: 700; letter-spacing: 0; transition: background .28s ease, color .28s ease;}
.faqTextBody {min-width: 0;}
.faqTextMeta {margin-bottom: .08rem; color: #7b8a94; font-size: .15rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.3;}
.faqTextBody h3 {max-width: 100%; color: #1d2f3d; font-size: var(--font22); font-weight: 700; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .28s ease;}
.faqTextBody p {margin-top: .1rem; max-width: 92%; color: #536671; font-size: .16rem; line-height: 1.8; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.faqTextArrow {position: relative; width: .42rem; height: .42rem; border: 1px solid #d5e1e8; background: #fff; box-sizing: border-box; transition: background .28s ease, border-color .28s ease, transform .28s ease;}
.faqTextArrow::before {content: ""; position: absolute; left: 50%; top: 50%; width: .12rem; height: .12rem; border-top: 2px solid #015198; border-right: 2px solid #015198; transform: translate(-62%, -50%) rotate(45deg); transition: border-color .28s ease;}
.faqTextList ul li > a:hover {padding-left: .2rem; background: #f7fbfd;}
.faqTextList ul li > a:hover::before {height: 54%;}
.faqTextList ul li > a:hover .faqTextIndex {background: #015198; color: #fff;}
.faqTextList ul li > a:hover h3 {color: #015198;}
.faqTextList ul li > a:hover .faqTextArrow {background: #015198; border-color: #015198; transform: translateX(.04rem);}
.faqTextList ul li > a:hover .faqTextArrow::before {border-color: #fff;}

/* Certificate and full picture list: keep source image ratio */
.teamPictureList > ul > li .imgBox {aspect-ratio: auto; display: flex; align-items: center; justify-content: center; background: #f4f7fa;}
.teamPictureList > ul > li .imgBox img {display: block; width: 100%; height: auto; object-fit: contain;}
.teamPictureList > ul > li:hover .imgBox img {transform: none;}