#banner #swiper1 .swiper-slide img{width:100%;animation:banner 30s;animation-iteration-count:infinite;-webkit-animation:banner 30s;-webkit-animation-iteration-count:infinite}
@keyframes banner{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}
@-webkit-keyframes banner{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}
#banner #swiper1 .swiper-slide .swipertext{position:absolute;top:22.5%;left:13.75%;z-index:1;padding-right:46px}
#banner #swiper1 .swiper-slide .swipertext h1{color:#fff;font-weight:700;font-size:60px;line-height:normal}
#banner #swiper1 .swiper-slide .swipertext h1 span{font-weight:400}
#banner #swiper1 .swiper-slide .swipertext h2{margin-top:40px;margin-bottom:104px;color:#fff;font-weight:inherit;font-size:25px}
#banner #swiper1 .swiper-slide .swipertext a{padding:17px 59px;background-color:rgba(0,0,0,.6);color:#fff;font-size:14px;transition:all .5s}
#banner #swiper1 .swiper-slide .swipertext a:hover{background-color:rgba(255,255,255,.4)}
#swiper1 #sb1{top:81.7%;left:-34.3%}
#swiper1 .swiper-pagination-bullet-active{margin:0 7px;width:16px;height:16px;background-color:#fff}
#swiper1 .swiper-pagination-bullet{margin:0 7px;width:16px;height:16px;border:1px solid #fff}
.pc{display: block}
.mobile{display: none;}
@media (max-width:768px){
.pc{display: none}
.mobile{display: block;}	
}


.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
/*.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}*/
.content {width:75%;margin: auto;}
.left{ float:left;}
.right{ float:right;}
/*img {max-width: 100%; max-height: 100%;}*/

.section {background-position: center;background-repeat: no-repeat;background-size: cover;clear: both;overflow: hidden;}
.section .content {}

.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #004098;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 50px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #004098;}
.title-style .line {width: 80px;height: 4px;background: #004098;margin: 10px 0;}

.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: 100%!important;}


.index-products-center {padding: 3%;overflow: hidden;}
.index-products-center .top{width: 85%;margin: auto;padding: 50px 0;overflow: hidden;position: relative;}
.index-products-center .top .title-style{text-align: center;}
.index-products-center .top .title-style .line {margin: 20px auto auto;}
.index-products-center .top .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 16px;line-height: 26px;text-align: center;}
.index-products-center .bottom3{}
.index-products-center .bottom3 a{position: relative;display: block;overflow: hidden;float: left;width: 33.22%;}
.index-products-center .bottom3 a .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 33;text-align: center;}
.index-products-center .bottom3 a .text h2{font-size: 30px;color: #fff;line-height: 36px;margin: 0;text-transform: uppercase;}
.index-products-center .bottom3 a .text .line{width: 80px;height: 4px;background: #004098;margin: 15px auto;}
.index-products-center .bottom3 a .text p{width:80%; margin:10px auto; line-height: 24px;}
.index-products-center .bottom3 a .text h6{border: 1px solid rgba(255,255,255,.5);padding: 0px 20px;display: inline-block;font-size: 0;margin-top:20px;height: 49px;line-height: 49px;opacity: 0;}
.index-products-center .bottom3 a .text h6 span{font-size: 14px;color: #fff;opacity: .5;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-products-center .bottom3 a .text h6 i{width: 14px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;opacity: .5;}
.index-products-center .bottom3 a .img{position: relative;overflow: hidden;}
.index-products-center .bottom3 a .img img{width: 100%;display: block;height: auto;}
.index-products-center .bottom3 a .img img.img-center {opacity: .5;}
.index-products-center .bottom3 a .text h6:hover span,.index-products-center .bottom3 a .text h6:hover i{opacity: 1;color: #fff;}
.index-products-center .bottom3 a .text h6:hover i {background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;}
.index-products-center .bottom3 a .text h6:hover {background: #004098;border: 1px solid #004098; opacity: 1;}
.index-products-center .bottom3 a:hover .text h6{height: 49px;line-height: 49px;opacity: 1;}
.index-products-center .bottom3 a:hover img.img-center{opacity: 1;transform: scale(1.1);}
.index-products-center .bottom3 a:hover .text p{color:#e8e8e8;}


.index-about {position: relative;}
.index-about .title-style {text-align: center;width: 100%;padding-bottom: 50px;}
.index-about .title-style h2 {color: #fff;}
.index-about .title-style .line {margin: 20px auto auto;}
.index-about .title-style h6 {font-size: 16px;line-height: 24px;color: #fff;padding: 20px 0;margin: 0;font-weight: normal;overflow: hidden;opacity: .6;}
.index-about .about-item {position: absolute;top:0;left: 12.5%;width: 75%;height: 100%;z-index: 3;}
.index-about .about-item .content {width: 100%;border: 1px solid rgba(255,255,255,.3);overflow: hidden;background: rgba(0,0,0,0.2)}/*height: 470px;*/
.index-about .about-item .aboutleft{padding: 5% 3% 0 5%;overflow: hidden;width:43%;height: 90%; position: relative;float: left;}
/*.index-about .about-item .aboutleft::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .3;}*/
.index-about .about-item .aboutleft .title{overflow: hidden;}
.index-about .about-item .aboutleft .title h2{font-size: 34px;text-transform: uppercase;margin: 0;color: #fff;}
.index-about .about-item .aboutleft .title .line{width: 80px;height: 4px;background: #5d92fe;margin: 15px 0;}
.index-about .about-item .aboutleft .text{font-size: 16px;line-height: 36px;color: #fff;}
.index-about .about-item .aboutleft .play {display: inline-block;margin-top:30px;}
.index-about .about-item .aboutleft .play a{display: block;overflow: hidden;background: #004098;border: 1px solid #004098;padding: 15px 20px;font-size: 0;}
.index-about .about-item .aboutleft .play i{width: 13px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/play.png")/*tpa=/themes/default/images/play.png*/ center no-repeat;background-size: 100%; }
.index-about .about-item .aboutleft .play span{font-size: 14px;color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-about .about-item .aboutleft .play a:hover {background: #5d92fe;border: 1px solid #5d92fe;}
.index-about .about-item .aboutleft .play a:hover span,.index-about .about-item .aboutleft .play a:hover i{opacity: 1;}
.index-about .about-item .aboutright {overflow: hidden;width:49%;position: relative; float: right;}
.index-about .about-item .aboutright::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -0.5px;opacity: .3;}
.index-about .about-item .aboutright .item {position: relative;float: left;width: 33.3333333%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-about .about-item .aboutright .item:hover {background: #004098;}
.index-about .about-item .aboutright .item li {color:#fff;list-style: none;position: absolute;left: 0;top: 0;width:80%;padding:20% 10% 0 10%;height:80%;}
.index-about .about-item .aboutright .item li h2{font-weight: normal;margin: 0; line-height: 60px;}
.index-about .about-item .aboutright .item li h2 strong{font-size: 60px;}
.index-about .about-item .aboutright .item li h2 span{font-size: 18px;font-weight: normal;margin-left: 5px;}
.index-about .about-item .aboutright .item li h6{font-weight: normal;margin: 0;font-size: 14px;line-height: 24px;opacity: .7;}
.index-about .about-item .aboutright .item .img img{display: block;width: 100%;height: auto;opacity: 0;}
.index-about .about-item .aboutright .item::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .3;}
.index-about .about-item .aboutright .item:last-child::after,.index-about .about-item .aboutright .item:nth-child(3)::after {display: none;}
.index-about .img{}
.index-about .img img{display: block;width: 100%;height: auto;}

.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.video-window-content {width: 80%;height: auto;margin: auto;position: relative;z-index: 10;}
.video-window-content video {width: 100%;height: auto;display: block;margin: auto;}
.popup-close {z-index:1;width: 30px; height:30px;background: url("../images/xx.png")/*tpa=/themes/default/images/xx.png*/ center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:1%; display:block; top:30px;cursor: pointer;}

/* 首页关于我们：按参考图还原绿色背景、左右图文与底部数据栏 */
.home-about {position: relative;clear: both;box-sizing: border-box;min-height: 53.3vw;padding: clamp(72px, 6.4vw, 158px) 3% clamp(68px, 6vw, 132px) 9.2%;background: #238262 url("../images/home-about-bg.jpg") center center / cover no-repeat;color: #fff;overflow: hidden;}
.home-about__inner {position: relative;width: 100%;max-width: 2080px;margin: 0 auto;}
.home-about__main {display: grid;grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);align-items: start;gap: clamp(54px, 5vw, 126px);}
.home-about__copy {padding-top: 0;}
.home-about__eyebrow {margin: 0 0 clamp(22px, 1.7vw, 40px);font-size: clamp(18px, 1.38vw, 34px);font-weight: 600;line-height: 1.2;}
.home-about__copy h2 {margin: 0;color: #fff;font-size: clamp(38px, 2.55vw, 62px);font-weight: 600;line-height: 1.18;letter-spacing: .01em;}
.home-about__intro {max-width: 49em;margin-top: clamp(34px, 2.55vw, 62px);color: rgba(255,255,255,.86);font-size: clamp(15px, 1.02vw, 25px);line-height: 1.8;text-align: left;}
.home-about__intro p {margin: 0 0 .75em;}
.home-about__intro p:last-child {margin-bottom: 0;}
.home-about__intro h1,
.home-about__intro h2,
.home-about__intro h3,
.home-about__intro h4 {margin: .8em 0 .45em;color: #fff;font-weight: 600;line-height: 1.4;}
.home-about__intro ul,
.home-about__intro ol {margin: .6em 0;padding-left: 1.5em;}
.home-about__intro img {max-width: 100%;height: auto;vertical-align: middle;}
.home-about__intro a {color: #fff;text-decoration: underline;text-underline-offset: 3px;}
.home-about__intro table {max-width: 100%;margin: 1em 0;border-collapse: collapse;}
.home-about__intro table td,
.home-about__intro table th {padding: .55em .75em;border: 1px solid rgba(255,255,255,.38);}
.home-about__more {display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;min-width: clamp(116px, 6.5vw, 160px);height: clamp(44px, 2.65vw, 64px);margin-top: clamp(36px, 3.3vw, 80px);background: rgba(105,184,78,.9);color: #fff;font-size: clamp(15px, .9vw, 22px);line-height: 1;text-decoration: none;transition: background-color .25s ease;}
.home-about__more:hover,
.home-about__more:focus-visible {background: #70bd53;color: #fff;}
.home-about__more:focus-visible {outline: 2px solid #fff;outline-offset: 4px;}
.home-about__media {align-self: start;margin: 0;overflow: hidden;}
.home-about__media img {display: block;width: 100%;aspect-ratio: 1.585 / 1;object-fit: cover;}
.home-about__stats {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));margin-top: clamp(64px, 4.3vw, 106px);}
.home-about__stat {position: relative;display: flex;align-items: center;justify-content: center;min-width: 0;gap: clamp(22px, 1.8vw, 44px);}
.home-about__stat:not(:last-child)::after {content: "";position: absolute;top: 0;right: 0;width: 2px;height: 100%;background: rgba(255,255,255,.83);}
.home-about__icon {display: block;width: clamp(54px, 3.45vw, 84px);height: auto;flex: 0 0 auto;object-fit: contain;}
.home-about__icon--capacity {width: clamp(80px, 5.55vw, 136px);}
.home-about__icon--experience {width: clamp(58px, 4.2vw, 102px);max-height: clamp(68px, 4.5vw, 110px);}
.home-about__stat-copy {min-width: 0;}
.home-about__stat strong {display: flex;align-items: baseline;color: #fff;font-size: clamp(42px, 3.15vw, 77px);font-weight: 400;line-height: .9;font-variant-numeric: tabular-nums;letter-spacing: -.025em;white-space: nowrap;}
.home-about__number {display: inline-block;min-width: 1ch;}
.home-about__stat strong .home-about__unit {margin-left: 3px;font-size: .38em;font-weight: 400;letter-spacing: 0;}
.home-about__stat strong .home-about__unit--plus {font-size: .48em;}
.home-about__stat-copy > span {display: block;margin-top: clamp(12px, .9vw, 22px);color: rgba(255,255,255,.9);font-size: clamp(14px, .92vw, 22px);line-height: 1.3;text-align: center;white-space: nowrap;}

@media screen and (min-width: 1101px) {
	.home-about--reference {height: clamp(760px, 45.73vw, 878px);min-height: 0;padding-top: clamp(52px, 4vw, 76px);padding-bottom: clamp(48px, 3vw, 58px);}
	.home-about--reference .home-about__eyebrow {margin-bottom: clamp(18px, 1.3vw, 25px);}
	.home-about--reference .home-about__intro {margin-top: clamp(28px, 2vw, 38px);}
	.home-about--reference .home-about__more {margin-top: clamp(30px, 2.4vw, 46px);}
	.home-about--reference .home-about__media img {height: clamp(430px, 30.83vw, 592px);aspect-ratio: auto;}
	.home-about--reference .home-about__stats {margin-top: clamp(36px, 2.3vw, 44px);}
}

@media screen and (max-width: 1100px) {
	.home-about {min-height: 0;padding-right: 6%;padding-left: 6%;}
	.home-about__main {grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);gap: 44px;}
	.home-about__stats {gap: 0;margin-top: 76px;}
	.home-about__stat {gap: 15px;}
}
@media screen and (max-width: 760px) {
	.home-about {padding: 58px 6% 66px;background-position: center center;}
	.home-about__main {grid-template-columns: 1fr;gap: 42px;}
	.home-about__eyebrow {margin-bottom: 18px;font-size: 18px;}
	.home-about__copy h2 {font-size: 38px;}
	.home-about__intro {margin-top: 26px;font-size: 15px;line-height: 1.8;}
	.home-about__more {margin-top: 30px;}
	.home-about__stats {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 38px 0;margin-top: 58px;}
	.home-about__stat {justify-content: flex-start;padding: 0 7%;gap: 14px;}
	.home-about__stat:nth-child(2)::after {display: none;}
	.home-about__stat strong {font-size: 38px;}
}
@media screen and (max-width: 420px) {
	.home-about__stats {grid-template-columns: 1fr;gap: 0;}
	.home-about__stat {justify-content: center;min-height: 112px;padding: 22px 0;}
	.home-about__stat:not(:last-child)::after {top: auto;right: 12%;bottom: 0;width: 76%;height: 1px;}
	.home-about__stat:nth-child(2)::after {display: block;}
	.home-about__icon {width: 52px;}
	.home-about__icon--capacity {width: 82px;}
	.home-about__icon--experience {width: 58px;}
	.home-about__stat-copy {width: 150px;}
}

/* 英文模板仍使用原结构，保留其原有视觉，避免本页改版影响其他模板。 */
.home-about:not(.home-about--reference) {position: relative;clear: both;min-height: 0;padding: clamp(72px, 7.5vw, 132px) 5% clamp(70px, 7vw, 120px);background: #fff;color: #202631;overflow: hidden;}
.home-about:not(.home-about--reference)::before {content: "";position: absolute;top: 0;left: 50%;width: 72px;height: 3px;background: #004098;transform: translateX(-50%);}
.home-about:not(.home-about--reference) .home-about__inner {max-width: 1280px;text-align: center;}
.home-about:not(.home-about--reference) .home-about__heading {display: inline-block;color: inherit;text-decoration: none;}
.home-about:not(.home-about--reference) .home-about__heading h2 {margin: 0;color: #202631;font-size: clamp(40px, 4.4vw, 68px);font-weight: 500;line-height: 1.12;letter-spacing: -.04em;}
.home-about:not(.home-about--reference) .home-about__intro {max-width: 1040px;margin: 42px auto 0;color: #3f4650;font-size: clamp(18px, 1.4vw, 23px);line-height: 2;text-align: center;}
.home-about:not(.home-about--reference) .home-about__intro table {margin-right: auto;margin-left: auto;}
.home-about:not(.home-about--reference) .home-about__stats {gap: 32px;margin-top: clamp(62px, 7vw, 105px);}
.home-about:not(.home-about--reference) .home-about__stat {align-items: center;justify-content: flex-start;flex-direction: column;padding: 0;gap: 0;}
.home-about:not(.home-about--reference) .home-about__stat:not(:last-child)::after {top: 18px;right: -16px;width: 1px;height: 112px;background: #e5e9ee;}
.home-about:not(.home-about--reference) .home-about__icon {display: grid;width: 88px;height: 88px;margin-bottom: 26px;border-radius: 50%;background: #f2f4f7;place-items: center;}
.home-about:not(.home-about--reference) .home-about__icon svg {width: 46px;height: 46px;fill: none;stroke: #303844;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round;}
.home-about:not(.home-about--reference) .home-about__icon svg path:last-child {stroke: #1261ad;}
.home-about:not(.home-about--reference) .home-about__stat strong {display: block;color: #004098;font-size: 60px;font-weight: 600;line-height: 1;letter-spacing: -.04em;}
.home-about:not(.home-about--reference) .home-about__stat strong .home-about__unit {margin-left: 4px;font-size: .38em;font-weight: 600;}
.home-about:not(.home-about--reference) .home-about__stat > span {margin-top: 15px;color: #4d5560;font-size: 18px;line-height: 1.5;}

/* 首页热销产品：幻灯片组 2 海报与推荐产品滑动区。 */
.home-hot-products,
.home-hot-products * {box-sizing: border-box;}
.home-hot-products {width: 100%;padding: 38px 0 70px;overflow: hidden;background: #fff;}
.home-hot-products__inner {width: calc(100% - 36px);max-width: 1411px;margin: 0 auto;}
.home-hot-products__poster {position: relative;display: block;width: 100%;overflow: hidden;}
.home-hot-products__poster img {display: block;width: 100%;height: auto;}
.home-hot-products__poster-copy {position: absolute;top: 25.5%;left: 4.55%;display: block;width: 51%;color: #fff;}
.home-hot-products__poster-copy strong {display: block;font-size: clamp(22px, 3vw, 54px);font-weight: 600;line-height: 1.2;letter-spacing: .01em;}
.home-hot-products__poster-copy > span {display: block;margin-top: clamp(8px, 1.45vw, 25px);font-size: clamp(12px, 1.15vw, 20px);font-weight: 400;line-height: 1.5;}
.home-hot-products__slider {width: 100%;margin-top: 26px;overflow: hidden;}
.home-hot-products__slide {height: auto;}
.home-hot-products__link {position: relative;display: block;width: 100%;aspect-ratio: 1 / 1;overflow: hidden;background: #eef0ef;color: #fff;}
.home-hot-products__link > img {display: block;width: 100%;height: 100%;object-fit: cover;}
.home-hot-products__link h3 {position: absolute;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;height: 31.2%;margin: 0;padding: 16px 20px;background: linear-gradient(90deg, #34786b 0%, #69aa56 58%, #4f9856 100%);color: #fff;font-size: clamp(17px, 1.28vw, 22px);font-weight: 400;line-height: 1.4;text-align: center;transform: translateY(100%);transition: transform .32s ease;}
.home-hot-products__link:hover h3,
.home-hot-products__link:focus-visible h3 {transform: translateY(0);}
.home-hot-products__link:focus-visible {outline: 3px solid #5fa356;outline-offset: -3px;}

@media only screen and (max-width: 768px) {
	.home-hot-products {padding: 22px 0 48px;}
	.home-hot-products__slider {margin-top: 14px;}
	.home-hot-products__link h3 {font-size: 16px;}
	.home-hot-products__poster-copy {top: 22%;}
	.home-hot-products__poster-copy > span {margin-top: 5px;line-height: 1.35;}
}

@media only screen and (max-width: 480px) {
	.home-hot-products__poster-copy {top: 18%;width: 55%;}
	.home-hot-products__poster-copy strong {font-size: 18px;}
	.home-hot-products__poster-copy > span {font-size: 10px;}
}

@media (prefers-reduced-motion: reduce) {
	.home-hot-products__link h3 {transition: none;}
}

/* 实力见证品质：承接热销产品的全宽品牌背书横幅。 */
.home-strength-quality,
.home-strength-quality * {box-sizing: border-box;}
.home-strength-quality {
	display: grid;
	width: 100%;
	height: 393px;
	padding: 0 24px;
	background: #777c83 url('../images/home-strength-quality.jpg') center center / cover no-repeat;
	color: #f7f8fa;
	place-items: center;
}
.home-strength-quality__content {
	width: 100%;
	margin-top: -4px;
	text-align: center;
}
.home-strength-quality__content h2 {
	margin: 0;
	color: inherit;
	font-size: clamp(38px, 3vw, 54px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: .02em;
}
.home-strength-quality__content p {
	margin: 20px auto 0;
	color: inherit;
	font-size: clamp(16px, 1.05vw, 20px);
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-shadow: 0 1px 2px rgba(28, 38, 51, .25);
}

@media only screen and (max-width: 768px) {
	.home-strength-quality {
		height: 300px;
		padding: 0 20px;
		background-position: 64% center;
	}
	.home-strength-quality__content {margin-top: 0;}
	.home-strength-quality__content h2 {font-size: 38px;}
	.home-strength-quality__content p {margin-top: 16px;font-size: 16px;line-height: 1.65;}
}

@media only screen and (max-width: 480px) {
	.home-strength-quality {
		height: 264px;
		padding: 0 16px;
		background-position: 68% center;
	}
	.home-strength-quality__content h2 {font-size: 31px;}
	.home-strength-quality__content p {max-width: 22em;font-size: 14px;}
}

/* 为什么选择我们：白色信息区与品牌绿底色交叠的优势卡片。 */
.home-why-us,
.home-why-us * {box-sizing: border-box;}
.home-why-us {
	--why-us-green: #57934c;
	width: 100%;
	padding: clamp(68px, 4.1vw, 80px) 24px clamp(82px, 5.4vw, 104px);
	background: linear-gradient(to bottom, #fff 0, #fff 58.5%, #347769 58.5%, #73ae59 100%);
	overflow: hidden;
}
.home-why-us__inner {width: 100%;max-width: 1410px;margin: 0 auto;}
.home-why-us__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 48px;
	margin-bottom: clamp(72px, 5.1vw, 98px);
}
.home-why-us__header h2 {
	margin: 0;
	color: #141719;
	font-size: clamp(38px, 3vw, 56px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.035em;
}
.home-why-us__header p {
	margin: 4px 0 0;
	color: #25292d;
	font-size: clamp(16px, 1.1vw, 20px);
	font-weight: 400;
	line-height: 1.5;
}
.home-why-us__grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 26px;}
.home-why-us__card {
	display: flex;
	align-items: center;
	min-width: 0;
	min-height: 503px;
	padding: 60px 34px 68px;
	background: #fff;
	box-shadow: 0 5px 15px rgba(41, 75, 60, .16);
	color: #24282b;
	flex-direction: column;
	transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
.home-why-us__icon {
	display: block;
	width: auto;
	height: 132px;
	margin: 0 auto 56px;
	object-fit: contain;
	transition: filter .3s ease, transform .3s ease;
}
.home-why-us__icon--manufacturing {max-width: 180px;}
.home-why-us__icon--quality {max-width: 132px;}
.home-why-us__icon--custom {max-width: 134px;}
.home-why-us__card h3 {
	margin: 0;
	color: inherit;
	font-size: clamp(21px, 1.35vw, 25px);
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}
.home-why-us__card p {
	width: 100%;
	margin: 31px 0 0;
	color: #555b60;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.85;
	text-align: left;
	white-space: normal;
	overflow-wrap: anywhere;
	transition: color .3s ease;
}
.home-why-us__card:hover {
	background: var(--why-us-green);
	box-shadow: 0 12px 28px rgba(35, 82, 57, .25);
	color: #fff;
}
.home-why-us__card:hover .home-why-us__icon {filter: brightness(0) invert(1);}
.home-why-us__card:hover p {color: #fff;}

@media only screen and (max-width: 1000px) {
	.home-why-us {padding-right: 20px;padding-left: 20px;background-position: 0 48%;}
	.home-why-us__header {margin-bottom: 60px;}
	.home-why-us__card {min-height: 460px;padding: 44px 26px 52px;}
	.home-why-us__card p {font-size: 15px;}
}

@media only screen and (max-width: 768px) {
	.home-why-us {
		padding: 56px 20px 72px;
		background: linear-gradient(to bottom, #fff 0, #fff 28%, #347769 28%, #73ae59 100%);
	}
	.home-why-us__header {grid-template-columns: 1fr;gap: 18px;margin-bottom: 42px;}
	.home-why-us__header h2 {font-size: 38px;}
	.home-why-us__header p {margin-top: 0;font-size: 16px;}
	.home-why-us__grid {grid-template-columns: 1fr;gap: 20px;}
	.home-why-us__card {min-height: 0;padding: 42px 30px 46px;}
	.home-why-us__icon {height: 112px;margin-bottom: 32px;}
	.home-why-us__card p {max-width: 34em;margin-top: 22px;}
}

@media only screen and (max-width: 480px) {
	.home-why-us {padding: 48px 16px 58px;background-position: 0 23%;}
	.home-why-us__header {gap: 14px;margin-bottom: 34px;}
	.home-why-us__header h2 {font-size: 31px;}
	.home-why-us__header p {font-size: 14px;line-height: 1.7;}
	.home-why-us__card {padding: 36px 24px 40px;}
	.home-why-us__icon {height: 96px;margin-bottom: 28px;}
	.home-why-us__card h3 {font-size: 21px;}
	.home-why-us__card p {font-size: 14px;line-height: 1.8;}
}

@media (prefers-reduced-motion: reduce) {
	.home-why-us__card,
	.home-why-us__icon,
	.home-why-us__card p {transition: none;}
}
@media screen and (max-width: 900px) {
	.home-about:not(.home-about--reference) .home-about__intro {max-width: 720px;line-height: 1.85;}
	.home-about:not(.home-about--reference) .home-about__stats {grid-template-columns: repeat(2, minmax(0, 1fr));row-gap: 52px;}
	.home-about:not(.home-about--reference) .home-about__stat:nth-child(2)::after {display: none;}
}
@media screen and (max-width: 520px) {
	.home-about:not(.home-about--reference) {padding: 58px 6% 70px;}
	.home-about:not(.home-about--reference) .home-about__heading h2 {font-size: 38px;}
	.home-about:not(.home-about--reference) .home-about__intro {margin-top: 28px;font-size: 16px;text-align: left;}
	.home-about:not(.home-about--reference) .home-about__stats {gap: 42px 18px;margin-top: 52px;}
	.home-about:not(.home-about--reference) .home-about__stat:not(:last-child)::after {display: none;}
	.home-about:not(.home-about--reference) .home-about__icon {width: 68px;height: 68px;margin-bottom: 18px;}
	.home-about:not(.home-about--reference) .home-about__icon svg {width: 36px;height: 36px;}
	.home-about:not(.home-about--reference) .home-about__stat strong {font-size: 40px;}
	.home-about:not(.home-about--reference) .home-about__stat > span {margin-top: 10px;font-size: 15px;}
}

/* 首页全球布局 */
.global-layout {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: clamp(590px, 39.0625vw, 750px);
	padding: clamp(72px, 6vw, 112px) 5% clamp(70px, 6vw, 108px);
	background: #fff url("../images/global-layout-map.jpg") center center / cover no-repeat;
	overflow: hidden;
}
.global-layout__content {position: relative;z-index: 1;width: 100%;max-width: 1380px;margin: 0 auto;text-align: center;}
.global-layout__content h2 {margin: 0;color: #252a31;font-size: clamp(44px, 4.2vw, 72px);font-weight: 400;line-height: 1.16;letter-spacing: -.04em;}
.global-layout__content p {max-width: 1280px;margin: clamp(50px, 4.2vw, 76px) auto 0;color: #30353c;font-size: clamp(20px, 1.75vw, 34px);font-weight: 400;line-height: 1.75;letter-spacing: -.025em;text-wrap: balance;}
.global-layout__content p span {color: #004098;font-variant-numeric: tabular-nums;}
.global-layout__more {display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;min-width: 168px;height: 74px;margin-top: clamp(58px, 5.5vw, 94px);border: 1px solid #aeb3b8;border-radius: 999px;color: #353a40;font-size: 22px;line-height: 1;text-decoration: none;transition: color .25s ease, border-color .25s ease, background-color .25s ease, transform .25s ease;}
.global-layout__more:hover {border-color: #004098;background: #004098;color: #fff;transform: translateY(-3px);}
.global-layout__more:active {transform: translateY(0) scale(.98);}
.global-layout__more:focus-visible {outline: 3px solid rgba(0, 64, 152, .28);outline-offset: 4px;}

@media screen and (max-width: 900px) {
	.global-layout {min-height: 600px;padding-right: 6%;padding-left: 6%;background-size: auto 100%;}
	.global-layout__content p {max-width: 720px;font-size: 21px;line-height: 1.8;}
	.global-layout__content p br {display: none;}
	.global-layout__more {min-width: 150px;height: 60px;font-size: 18px;}
}
@media screen and (max-width: 520px) {
	.global-layout {min-height: 540px;padding: 64px 7% 72px;background-position: center center;}
	.global-layout__content h2 {font-size: 38px;}
	.global-layout__content p {margin-top: 36px;font-size: 17px;line-height: 1.9;}
	.global-layout__more {min-width: 132px;height: 50px;margin-top: 44px;font-size: 16px;}
}


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

	.index-products-center .bottom3 a .text h2 {width: 80%;margin: auto;}
	.index-about .about-item,.about-global .top {left: 10%;width: 80%;}
	.index-about .about-item .content {height: auto;position: relative;}
	.index-about .about-item .aboutleft {padding: 3% 3% 1.6% 5%;}
	.index-about .about-item .aboutleft .text,.index-about .title-style h6,.index-interesting .title h6,.contact-section .title-style .text  {font-size: 14px;    line-height: 36px;}
	.index-about .title-style {padding: 0px 0 10px 0;}
}
@media screen and (max-width: 1440px) {

	.index-about .about-item {left: 5%;width: 90%;}
	.index-about .about-item .aboutleft {padding: 5% 3% 4% 5%;position: absolute;}
	.about-item .title-style h2 {font-size: 40px;line-height:50px;}

	.index-about .about-item .aboutright .item li h2 strong {font-size: 50px;}
	.index-about .about-item .content {width: 90%;}
	.index-about .about-item .aboutleft .text {font-size: 12px;line-height: 22px;}
	.index-products-center .bottom3 a .text h6 {display: none;}
	.index-products-center .bottom3 a:hover .text h6 {display: inline-block;}
	input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {font-size:12px;}

}
@media screen and (max-width: 1366px) {
	.index-products-center .top {width: 100%;}
	.index-about .about-item .aboutleft .title h2,.index-about .about-item .aboutright .item li h2 strong {font-size:30px;}
	.index-about .about-item .aboutright .item li h6,.index-about .about-item .aboutleft .text,.swiper-history .swiper-history-time .text {font-size:12px;line-height:22px;}
	.index-about .about-item .aboutleft .play a{padding: 5px 20px;}
	.index-about .about-item .aboutleft {padding: 3.5% 3% 3% 5%;}
	.index-interesting {width: 90%;}
	.index-about .about-item .aboutright {width: 45%;}
	.index-about .about-item .aboutleft {width: 47%;height: 90%;}
	.title-style h2 {line-height: 40px;}
}
@media screen and (max-width: 1280px) {
	.index-products-center .bottom3 a .text h6 {height: 40px;line-height: 40px;}
	.index-products-center .bottom3 a:hover .text h6 {height: 40px;line-height: 40px;}
	.title-style h2 {line-height: 40px; font-size: 40px;}
}
@media screen and (max-width: 414px){
	.index-products-center .bottom3 a{width:100%; height: 250px;}
	.index-products-center .bottom3 a .text h6{display: block;height: 49px;line-height: 49px;opacity: 1; width: 120px; margin: 0 auto;}
	.index-about .about-item .aboutright {width: 100%; position: relative; border-top:1px solid rgba(255,255,255,.3)}
	.index-about .about-item .aboutleft {width: 92%;height: 90%; position: relative;}
	.index-about .about-item .aboutleft::after{width: 0}
	.index-about .about-item .aboutright .item li h2{line-height: 30px;}
	.index-about .img img{width: auto;}
	.index-about .about-item .aboutleft .title h2, .index-about .about-item .aboutright .item li h2 strong {font-size: 20px;}

}


/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .cleft {width: 100%;}
.contact-section .content .cleft .content-way{overflow: hidden;}
.contact-section .content .cleft .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .cleft .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .cleft .content-way li:last-child::after {display: none;}
.contact-section .content .cleft .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
/*.contact-section .content .cleft .content-way li:last-child {width: 99%;}*/
.contact-section .content .cleft .content-way li i.c1 {background: url("../images/c1.png")/*tpa=/themes/default/images/c1.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c2 {background: url("../images/c2.png")/*tpa=/themes/default/images/c2.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c3 {background: url("../images/c3.png")/*tpa=/themes/default/images/c3.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c4 {background: url("../images/c4.png")/*tpa=/themes/default/images/c4.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .cleft .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .cleft .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .cleft .content-way li span h5 a{color: #004098;}
.contact-section .content .cleft .content-way li:hover span h5{color: #004098;}
.contact-section .content .cleft .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;}
.contact-section .content .cleft .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .cleft .content-map iframe #watermark {display: none;}
.contact-section .content .cleft .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}


#product.index-products-center {
	--product-accent: #004098;
	--product-ink: #2d3035;
	position: relative;
	display: block;
	min-height: 780px;
	padding: 0 0 92px;
	overflow: hidden;
	background: #fff url("../images/product-center-bg.png") center top / 100% 100% no-repeat;
}
#product .product-center__heading {
	position: relative;
	z-index: 2;
	width: min(1180px, calc(100% - 48px));
	padding: 72px 0 50px;
	overflow: visible;
}
#product .product-center__heading .title-style h2 {
	color: var(--product-ink);
	font-size: clamp(34px, 3.15vw, 56px);
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: -.04em;
}
#product .product-center__heading > .text {
	max-width: 680px;
	margin: 0 auto;
	padding-top: 14px;
	color: #777a80;
	font-size: 15px;
	line-height: 1.7;
}
#product .product-categories {margin-top: 34px;}
#product .product-categories ul {display:flex;align-items:flex-start;justify-content:space-between;gap:22px;}
#product .product-category__item {flex:1 1 0;min-width:0;text-align:center;}
#product .product-category__item button {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	padding:0;
	border:0;
	color:#383b40;
	background:transparent;
	font-family:inherit;
	font-size:17px;
	line-height:1.3;
	white-space:nowrap;
	cursor:pointer;
}
#product .product-category__icon {
	position:relative;
	display:block;
	width:42px;
	height:42px;
	color:#74777d;
	transition:color 240ms ease, transform 240ms ease;
}
#product .product-category__icon img {
	position:absolute;
	inset:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	transition:filter 240ms ease;
}
#product .product-category__icon img[src=""] {display:none;}
#product .product-category__item button:hover,
#product .product-category__item button:focus-visible,
#product .product-category__item.is-active button {color:var(--product-accent);}
#product .product-category__item button:hover .product-category__icon img,
#product .product-category__item button:focus-visible .product-category__icon img,
#product .product-category__item.is-active .product-category__icon img {filter:brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(2219%) hue-rotate(202deg) brightness(77%) contrast(111%);}
#product .product-category__item button:hover .product-category__icon,
#product .product-category__item button:focus-visible .product-category__icon {transform:translateY(-3px);}
#product .product-category__item button:focus-visible,
#product .product-arrow:focus-visible,
#product .product-card:focus-visible {outline:2px solid var(--product-accent);outline-offset:5px;}
#product .productbunner {position:relative;z-index:2;margin:50px 0 0;overflow:visible;}
#product .product-panel {position:relative;display:none;min-height:410px;}
#product .product-panel.is-active {display:block;animation:productPanelIn 320ms ease both;}
#product .product-swiper {overflow:visible;padding:8px 0 12px;}
#product .product-swiper .swiper-wrapper {align-items:stretch;}
#product .product-swiper .swiper-slide {width:clamp(286px, 26vw, 420px);height:auto;}
@keyframes productPanelIn {
	from {opacity:0;transform:translateY(8px);}
	to {opacity:1;transform:translateY(0);}
}
#product .product-card {
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
	color:var(--product-ink);
	background:#fff;
	border:0;
	border-radius:8px;
	box-shadow:0 14px 38px rgba(0, 64, 152, .07);
	transform:translateY(0);
	transition:transform 300ms ease, box-shadow 300ms ease;
}
#product .product-card__media {display:block;aspect-ratio:1 / .92;overflow:hidden;background:#f3f3f3;}
#product .product-card__media img {
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit:cover;
	background:#f3f3f3;
	transform:scale(1.001);
	transition:transform 500ms cubic-bezier(.2,.7,.2,1);
}
#product .product-card__caption {
	display:flex;
	align-items:center;
	min-height:76px;
	padding:0 34px;
	box-sizing:border-box;
	color:var(--product-ink);
	font-size:17px;
	font-weight:500;
	line-height:1.35;
	background:#fff;
	transition:color 240ms ease;
}
#product .product-card:hover .product-card__caption,
#product .product-card:focus-visible .product-card__caption {
	color:#fff;
	background:var(--product-accent) url("../images/product-label-active-blue.png") center / 100% 100% no-repeat;
}
#product .product-card:hover {color:var(--product-ink);transform:translateY(-7px);box-shadow:0 22px 48px rgba(0, 64, 152, .13);}
#product .product-card:hover .product-card__media img {transform:scale(1.045);}
#product .product-arrow {
	position:absolute;
	top:50%;
	z-index:4;
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	margin-top:-29px;
	padding:0;
	border:0;
	border-radius:50%;
	outline:0;
	color:#55595d;
	background:#fff !important;
	background-image:none !important;
	box-shadow:0 7px 22px rgba(0, 64, 152, .12);
	cursor:pointer;
	transition:transform 220ms ease, color 220ms ease, box-shadow 220ms ease;
}
#product .product-arrow span {font-size:25px;line-height:1;transform:translateY(-1px);}
#product .product-panel__prev {left:clamp(18px, 8vw, 150px);}
#product .product-panel__next {right:clamp(18px, 8vw, 150px);}
#product .product-arrow:hover {color:var(--product-accent);transform:scale(1.06);box-shadow:0 10px 28px rgba(0,64,152,.18);}
#product .product-arrow:active {transform:scale(.96);}
#product .swiper-button-disabled {opacity:.4;pointer-events:none;}
#product .product-panel.is-empty .product-arrow {display:none;}

/* 首页 · 我们的能力 */
.home-capabilities {
	--capability-accent:#004098;
	--capability-duration:6000ms;
	position:relative;
	min-height:clamp(650px, 56.25vw, 960px);
	overflow:hidden;
	color:#fff;
	background:#0f1f30;
}
.home-capabilities__slides,
.home-capabilities__slide {position:absolute;inset:0;}
.home-capabilities__slide {
	z-index:0;
	opacity:0;
	visibility:hidden;
	transform:scale(1.025);
	transition:opacity 700ms ease, visibility 700ms ease, transform 7s ease-out;
}
.home-capabilities__slide.is-active {z-index:1;opacity:1;visibility:visible;transform:scale(1);}
.home-capabilities__image {position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;}
.home-capabilities__shade {
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(5,19,38,.72) 0%,rgba(5,19,38,.47) 46%,rgba(5,19,38,.18) 100%),linear-gradient(0deg,rgba(4,16,34,.46) 0%,transparent 42%);
}
.home-capabilities__content {
	position:relative;
	z-index:2;
	width:min(1120px, calc(100% - 96px));
	margin:0 auto;
	padding-top:clamp(74px, 8vw, 138px);
}
.home-capabilities__eyebrow {margin:0 0 14px;color:rgba(255,255,255,.7);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;}
.home-capabilities__content h2 {margin:0;font-size:clamp(44px, 4.7vw, 78px);font-weight:400;line-height:1.08;letter-spacing:-.05em;}
.home-capabilities__content h3 {margin:clamp(32px, 4vw, 64px) 0 13px;color:var(--capability-accent);font-size:clamp(20px, 1.6vw, 28px);font-weight:500;line-height:1.35;}
.home-capabilities__description {max-width:760px;margin:0;color:rgba(255,255,255,.92);font-size:clamp(16px, 1.35vw, 22px);line-height:1.85;text-wrap:pretty;}
.home-capabilities__navigation {
	position:absolute;
	right:0;
	bottom:clamp(48px, 7.5vw, 105px);
	left:0;
	z-index:3;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
	gap:clamp(22px, 5.4vw, 104px);
	width:min(1120px, calc(100% - 96px));
	margin:0 auto;
}
.home-capabilities__tab {min-width:0;padding:0;color:rgba(255,255,255,.82);font:inherit;text-align:left;background:none;border:0;cursor:pointer;transition:color 250ms ease,transform 250ms ease;}
.home-capabilities__tab-title {display:block;overflow:hidden;margin-bottom:20px;font-size:clamp(15px, 1.15vw, 19px);font-weight:400;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;}
.home-capabilities__track {display:block;height:3px;overflow:hidden;background:rgba(255,255,255,.62);}
.home-capabilities__progress {display:block;width:100%;height:100%;background:var(--capability-accent);transform:scaleX(0);transform-origin:left center;}
.home-capabilities__tab.is-active {color:var(--capability-accent);}
.home-capabilities__tab.is-active .home-capabilities__progress {animation:capabilityProgress var(--capability-duration) linear forwards;}
.home-capabilities__tab:hover {color:#fff;transform:translateY(-2px);}
.home-capabilities__tab:active {transform:translateY(0);}
.home-capabilities__tab:focus-visible {outline:2px solid var(--capability-accent);outline-offset:8px;}
@keyframes capabilityProgress {to {transform:scaleX(1);}}

@media only screen and (max-width:900px) {
	.home-capabilities {min-height:720px;}
	.home-capabilities__content {width:calc(100% - 48px);padding-top:82px;}
	.home-capabilities__navigation {bottom:44px;width:calc(100% - 48px);gap:20px;overflow-x:auto;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,42vw);padding:8px 0 12px;scrollbar-width:none;}
	.home-capabilities__navigation::-webkit-scrollbar {display:none;}
}
@media only screen and (max-width:520px) {
	.home-capabilities {min-height:680px;}
	.home-capabilities__content {width:calc(100% - 36px);padding-top:62px;}
	.home-capabilities__content h3 {margin-top:28px;}
	.home-capabilities__description {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;font-size:15px;line-height:1.8;}
	.home-capabilities__navigation {bottom:30px;width:calc(100% - 36px);grid-auto-columns:minmax(132px,58vw);}
	.home-capabilities__tab-title {margin-bottom:14px;}
}
@media (prefers-reduced-motion:reduce) {
	.home-capabilities__slide {transition:none;transform:none;}
	.home-capabilities__tab.is-active .home-capabilities__progress {animation:none;transform:scaleX(1);}
}

@media only screen and (max-width:900px) {
	#product.index-products-center {min-height:680px;padding-bottom:68px;background-size:auto 100%;}
	#product .product-center__heading {padding:58px 0 36px;}
	#product .productbunner {margin-top:38px;}
	#product .product-categories {margin-top:25px;overflow-x:auto;padding:3px 0 10px;scrollbar-width:none;}
	#product .product-categories::-webkit-scrollbar {display:none;}
	#product .product-categories ul {justify-content:flex-start;gap:34px;width:max-content;}
	#product .product-category__item {flex:0 0 auto;}
	#product .product-swiper .swiper-slide {width:min(74vw, 340px);}
	#product .product-arrow {width:48px;height:48px;margin-top:-24px;}
	#product .product-panel__prev {left:12px;}
	#product .product-panel__next {right:12px;}
}
@media only screen and (max-width:520px) {
	#product.index-products-center {min-height:610px;padding-bottom:52px;}
	#product .product-center__heading {width:calc(100% - 32px);padding:44px 0 24px;}
	#product .productbunner {margin-top:30px;}
	#product .product-center__heading > .text {display:none;}
	#product .product-categories {margin-top:22px;}
	#product .product-category__item button {font-size:14px;gap:7px;}
	#product .product-category__icon {width:35px;height:35px;transform:scale(.86);}
	#product .product-swiper .swiper-slide {width:78vw;}
	#product .product-card__caption {min-height:64px;padding:0 22px;font-size:16px;}
	#product .product-arrow {top:46%;width:44px;height:44px;}
}
#news{display:flex;background:#f7f7f7;flex-direction:column;justify-content:center}
#news .title{margin:0 auto;padding:104px 0 64px}
#news .newsin{display:flex;margin:0 auto 104px;width:85%; max-width: 1392px; flex-wrap:wrap;justify-content:space-between}
#news .newsbox{width:32%}
#news .newsbox:hover>.lin{width:100%}
#news .lin{margin-bottom:24px;width:32px;height:5px;background-color:#054686;transition:all .5s}
#news img{width: 100%; margin-bottom: 10px;}
#news a{display:inline-block;margin-top:40px;width:40px;height:40px;background-image:url("../images/arrow.png")/*tpa=/themes/default/images/arrow.png*/}
#news a:hover{background-image:url("../images/arrowb.png")/*tpa=/themes/default/images/arrowb.png*/}
#contact{height:100%;background-image:url("../images/m4.jpg")/*tpa=/themes/default/images/m4.jpg*/}
#contact .contactin{padding:90px 0 90px 8%}
#contact .contactin h1{color:#fff;font-size:36px}
#contact .tit {margin-top: 50px;color: #85acfa;font-size: 60px; font-weight: 300; font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';  letter-spacing: 0.1rem; position: relative; z-index: 2;}
#contact .line{ content: '';display: block;height: 1px;  width: 92px;background: #fff;  z-index: 2;}
#contact .desc{color:#fff; font-size: 20px; height: 30px; line-height: 30px; margin:30px 0;}
#contact .contact_box{background: rgba(255,255,255,0.2); padding: 30px; width: 500px; margin-bottom: 100px;}
#contact .contactin p{margin:20px 0 70px;color:#fff;font-size:14px}
#contact .contactin a{padding:17px 59px;background-color:rgba(5,70,134,1);color:#fff;font-size:14px;transition:all .5s}
#contact .contactin a:hover{background-color:rgba(255,255,255,.6)}

@media only screen and (max-width:1440px){#banner #swiper1 .swiper-slide .swipertext h2{margin-bottom:65px}
#about .aboutin{margin-left:118px}
#about .top{left:118px}
#about .about,#about .honor{flex-basis:50%}
#contact .contactin{padding-left:118px}
}
@media only screen and (max-width:1180px){#banner{margin-top:9vw}
#banner #swiper1 .swiper-slide .swipertext h1{font-size:4vw}
#banner #swiper1 .swiper-slide .swipertext h2{margin:3.5vh 0;font-size:1.5vw}
#banner #swiper1 .swiper-slide .swipertext a,#swiper1 #sb1{display:none}
#about .down{flex-wrap:wrap}
#about .about,#about .honor{flex-basis:100%}
#about .aboutin{margin:60px 9vw}
#about .honorin{margin:60px 9vw}
#about .top{position:static}
.newsin div:last-child{display:none}
#news .newsbox{width:40vw}
#contact .contactin{padding:90px 9vw}
#contact .contactin p{margin:5vw 0}
}
@media only screen and (max-width:768px){#banner{margin-top:10vw}
#contact .contactin h1{ font-size:30px}
}
@media only screen and (max-width:700px){#about .honor{background-image:none}
}
@media only screen and (max-width:840px){#about .top{display:none}
}
@media only screen and (max-width:425px){#banner{margin-top:14vw}
#contact .tit{font-size: 30px; margin-top: 0px;}
#contact .desc{font-size: 14px; height: auto;}
#contact .contact_box{width:auto;}
#contact .contactin a{padding: 10px 30px; margin-top: 20px;}
.fright{display: none;}
}
@media only screen and (max-width:320px){#banner{margin-top:16vw}
#about .aboutin h1{font-size:22px}
}

/* 首页 · 新闻中心 */
.home-news {
	--news-ink:#111;
	--news-muted:#9a9a9a;
	padding:clamp(76px, 5.9vw, 104px) 0 clamp(66px, 5.2vw, 92px);
	overflow:hidden;
	background:#fff;
}
.home-news,
.home-news * {box-sizing:border-box;}
.home-news__inner {
	width:min(1410px, calc(100% - 48px));
	margin:0 auto;
}
.home-news__header {margin:0 0 clamp(68px, 5.5vw, 96px);text-align:center;}
.home-news__header h2 {
	margin:0;
	color:var(--news-ink);
	font-size:clamp(38px, 3vw, 52px);
	font-weight:600;
	line-height:1.18;
	letter-spacing:0;
}
.home-news__eyebrow {
	margin:21px 0 0;
	color:#282828;
	font-size:20px;
	font-weight:400;
	line-height:1.5;
	letter-spacing:0;
}
.home-news__eyebrow:empty {display:none;}
.home-news__slider {width:100%;overflow:visible;}
.home-news__slider .swiper-wrapper {align-items:stretch;}
.home-news__item {height:auto;min-width:0;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16);}
.home-news__link {display:flex;height:100%;flex-direction:column;color:inherit;}
.home-news__media {
	position:relative;
	margin:0;
	overflow:hidden;
	aspect-ratio:1.52 / 1;
	background:#f1f2f3;
}
.home-news__media img {
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit:cover;
	transition:transform 450ms ease;
}
.home-news__content {display:flex;min-height:168px;flex:1;flex-direction:column;padding:31px 30px 27px;}
.home-news__content h3 {
	display:-webkit-box;
	overflow:hidden;
	margin:0;
	color:#111;
	font-size:25px;
	font-weight:400;
	line-height:1.42;
	letter-spacing:0;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.home-news__content time {
	display:flex;
	align-items:center;
	gap:9px;
	margin-top:auto;
	padding-top:17px;
	color:var(--news-muted);
	font-size:16px;
	font-variant-numeric:tabular-nums;
	letter-spacing:.04em;
}
.home-news__content time i {font-style:normal;}
.home-news__link:hover .home-news__media img {transform:scale(1.025);}
.home-news__link:focus-visible {outline:2px solid #111;outline-offset:-2px;}

@media only screen and (max-width:1100px) {
	.home-news__inner {width:calc(100% - 64px);}
	.home-news__content h3 {font-size:21px;}
}
@media only screen and (max-width:640px) {
	.home-news {padding:58px 0 68px;}
	.home-news__inner {width:calc(100% - 36px);}
	.home-news__header {margin-bottom:42px;}
	.home-news__header h2 {font-size:36px;}
	.home-news__eyebrow {margin-top:13px;font-size:16px;}
	.home-news__content {min-height:150px;padding:24px 22px 22px;}
	.home-news__content h3 {font-size:19px;}
	.home-news__content time {padding-top:14px;font-size:14px;}
}
@media (prefers-reduced-motion:reduce) {
	.home-news__media img {transition:none;}
}
.index_con5{position:relative;padding:0 0 70px}
.con5_zong{position:relative;font-size:0}
.con5_right{position:static;top:0;right:0;display:inline-block;width:45%;vertical-align:top}
.con5_right img{width:100%}
.con5_left{position:relative;top:150px;z-index:2;display:inline-block;box-sizing:border-box;padding-right:70px;width:55%;background:#fff;vertical-align:top}
.con5_left p{color:#333;font-size:16px;line-height:25px}
.con5_left span{display:block;display:none;margin-bottom:40px;color:#333;text-align:right}
.con5_left span img{display:none;transform:translateX(50px)}
.con5_left a{position:relative;left:0;display:block;margin-top:50px;width:205px;height:50px;background:#5d92fe;text-align:center;line-height:50px}
.con5_left a img{width:auto;transition:.3s ease-in-out}
.con5_left a:hover img{transform:translateX(10px)}
.index_con5 .index_con3_list{position:relative;top:125px;z-index:3}
.title{text-align:left}
.title h1{color:#014099;text-transform:uppercase;letter-spacing:2px;font-size:30px;font-family:ziti;line-height:30px}
.title h2{margin-top:5px;color:#5d92fe;font-size:40px}
.divBox{margin:0 auto;padding:0 3%;}
.index_con7{padding:100px 0}
.index_con7 .swiper-slide{padding:15px 0 50px}
.icon7_swier{position:relative;margin-top:40px}
.con7_list{position:relative;box-sizing:border-box;padding:90px 40px;border:2px solid #b8b8b8}
.con7_list_ls{position:absolute;top:-10px;display:inline-block;padding:12px 10px;background:#014099;text-align:center;transition:.3s ease-in-out}
.con7_list_ls font{display:block;color:#fff;font-weight:700;font-size:20px;font-family:ziti}
.con7_list_ls time{color:#fff;font-family:ziti}
.con7_list h1{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eee;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.con7_list h1:before{display:inline-block;width:0;height:1px;background:#787878;content:'';vertical-align:middle;transition:.3s ease-in-out}
.con7_list p{margin-top:20px;color:#6e6e6e;font-size:14px;line-height:22px}
.con_spans{position:absolute;bottom:-27px;left:50%;display:block;width:54px;height:54px;border-radius:50%;background:#bbb;text-align:center;line-height:52px;transform:translateX(-50%)}
.con_spans i{position:relative;z-index:2;display:inline-block;color:#fff;font-size:30px;transition:.4s ease-in-out}
.con_spans:after{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+'; font-size:50px; padding-top: 12px; transition:.4s ease-in-out .1s}
.con_spans:before{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+';font-size:50px; padding-top: 12px; transition:.4s ease-in-out;transform:scale(0)}
.index_con7 .swiper-slide:hover .con_spans:after{background:rgba(93,146,254,.1);opacity:0;transform:scale(1.5)}
.index_con7 .swiper-slide:hover .con_spans:before{background:rgba(93,146,254,.1);opacity:1;transform:scale(1)}
.index_con7 .swiper-slide:hover .con_spans{background:#5d92fe}
.index_con7 .swiper-slide:hover .con7_list_ls{background:#5d92fe}
.index_con7 .swiper-slide:hover h1:before{margin-right:5px;width:35px}
.icon7_swier .swiper-button-next,.icon7_swier .swiper-button-prev{top:-100px;width:70px;height:35px;background-color:#5d92fe;background-size:10px;text-align:center;line-height:32px;transition:.3s ease-in-out}
.icon7_swier .swiper-button-prev{right:75px;left:auto}
.icon7_swier .swiper-button-next:hover,.icon7_swier .swiper-button-prev:hover{background-color:#5d92fe}
@media only screen and (max-width:1550px){.index_con7{padding:55px 0}
}
.more1{display: block;margin: 0 auto;text-align: center;width: 125px;height: 32px;text-align: center;line-height: 32px;border: 1px solid #666666;
border-radius: 50px;font-size: 14px;color: #666;position: relative;overflow: hidden;margin-top: 50px;}
.more1:before{content: '';display: block;width: 0%;height: 100%;background: #787878;position: absolute;left: 0;top: 0;z-index: -1;transition: 0.3s ease-in-out;}
.more1:hover:before{width: 100%;}
.more1:hover{color: white;}

@media(max-width: 768px){
    .index_con5 .index_con3_list{top:40px;}
	.con5_left{width:100%; padding-right: 0px; top: 58px;}
	.con5_right{width:100%; margin-top: 68px;}
	#news .newsbox{width:100vw}
	#news a{margin-top: 10px; margin-bottom: 10px;}
	.con7_list{padding:90px 20px 40px;}
	.icon7_swier .swiper-button-next, .icon7_swier .swiper-button-prev{top:-64px;}
	#navpart .position{padding: 10px 4%;}
	#navpart .column{padding: 10px 4% 10px;    width: 100%;}
	#navpart .column ul li{padding: 0 15px;margin-bottom: 15px;}
}

/* Home banner: desktop and mobile share the same carousel. */
.banner-swiper .banner-image {
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	#banner {
		width: 100%;
		margin-top: 80px;
		overflow: hidden;
		background: #e8ebed;
	}
	.banner-swiper,
	.banner-swiper .swiper-wrapper,
	.banner-swiper .swiper-slide {
		width: 100%;
		height: auto;
		aspect-ratio: 2 / 1;
	}
	.banner-swiper .banner-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

@media only screen and (max-width: 420px) {
	#banner { margin-top: 72px; }
}

@media (prefers-reduced-motion: reduce) {
	#banner .banner-image { animation: none !important; }
}

/* 首页轮播图：按视觉稿重建标题、按钮、卷材、弧面与竖向分页。 */
#banner {
	position: relative;
	width: 100%;
	margin: 92px 0 0;
	overflow: hidden;
	background: #282d2f;
}

#banner .banner-swiper,
#banner .banner-swiper .swiper-wrapper,
#banner .banner-swiper .swiper-slide {
	width: 100%;
	height: min(40vw, 1017px);
	min-height: 620px;
}

#banner .banner-swiper .swiper-slide {
	position: relative;
	overflow: hidden;
}

#banner #swiper1 .swiper-slide .banner-image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	animation: none;
	-webkit-animation: none;
}

#banner .banner-wave {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#banner #swiper1 .swiper-slide .banner-product {
	position: absolute;
	right: auto;
	bottom: 5%;
	left: 67%;
	z-index: 3;
	display: block;
	width: 21.5%;
	height: auto;
	animation: none;
	-webkit-animation: none;
	pointer-events: none;
}

#banner #swiper1 .swiper-slide .swipertext {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	width: 54%;
	padding: 0;
	text-align: center;
	color: #fff;
	transform: translate(-50%, -50%);
}

#banner #swiper1 .swiper-slide .banner-title {
	margin: 0;
	color: #fff;
	font-size: 75px;
	font-weight: 700;
	line-height: 1.16;
	letter-spacing: .01em;
}

#banner #swiper1 .swiper-slide .banner-subtitle {
	margin: 4.2% 0 0;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
}

#banner .banner-actions {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-top: 7.2%;
}

#banner #swiper1 .swiper-slide .swipertext .banner-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 170px;
	height: 58px;
	padding: 0 16px;
	border: 1px solid rgba(255, 255, 255, .62);
	background: rgba(20, 24, 25, .13);
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	transition: background-color .28s ease, border-color .28s ease;
}

#banner #swiper1 .swiper-slide .swipertext .banner-actions a:hover,
#banner #swiper1 .swiper-slide .swipertext .banner-actions a:focus-visible {
	border-color: transparent;
	background: linear-gradient(90deg, #2d8274 0%, #76ba52 100%);
	color: #fff;
	outline: none;
}

#banner #swiper1 .swiper-slide .swipertext .banner-actions a:active {
	transform: translateY(1px);
}

#banner .banner-pagination {
	position: absolute;
	top: 0;
	right: 4.8%;
	bottom: auto;
	left: auto;
	z-index: 6;
	display: flex;
	width: 1px;
	height: 100%;
	padding: 0;
	border-left: 1px solid rgba(255, 255, 255, .72);
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 28px;
	transform: none;
}

#banner #swiper1 .banner-pagination .swiper-pagination-bullet {
	display: block;
	flex: 0 0 auto;
	width: 43px;
	height: 7px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #fff;
	opacity: 1;
	transform: translateX(0);
	transition: width .25s ease, background-color .25s ease, transform .25s ease;
}

#banner #swiper1 .banner-pagination .swiper-pagination-bullet-active {
	width: 76px;
	height: 7px;
	margin: 0;
	background: #69ab57;
	transform: translateX(25px);
}

@media only screen and (max-width: 1180px) {
	#banner {
		margin-top: 72px;
	}

	#banner .banner-swiper,
	#banner .banner-swiper .swiper-wrapper,
	#banner .banner-swiper .swiper-slide {
		height: 48vw;
		min-height: 500px;
	}

	#banner #swiper1 .swiper-slide .swipertext {
		top: 50%;
		left: 50%;
		width: 59%;
	}

	#banner #swiper1 .swiper-slide .swipertext a {
		display: inline-flex;
	}
}

@media only screen and (max-width: 768px) {
	#banner {
		margin-top: 80px;
	}

	#banner .banner-swiper,
	#banner .banner-swiper .swiper-wrapper,
	#banner .banner-swiper .swiper-slide {
		height: 58vw;
		min-height: 330px;
	}

	#banner #swiper1 .swiper-slide .banner-product {
		display: none;
	}

	#banner #swiper1 .swiper-slide .swipertext {
		top: 50%;
		left: 50%;
		width: 76%;
	}

	#banner #swiper1 .swiper-slide .banner-title {
		font-size: clamp(28px, 7vw, 46px);
	}

	#banner #swiper1 .swiper-slide .banner-subtitle {
		margin-top: 12px;
		font-size: clamp(17px, 3.8vw, 25px);
	}

	#banner .banner-actions {
		gap: 12px;
		margin-top: 9%;
	}

	#banner #swiper1 .swiper-slide .swipertext .banner-actions a {
		width: 120px;
		height: 44px;
		font-size: 15px;
	}

	#banner .banner-pagination {
		right: 5%;
		gap: 14px;
	}

	#banner #swiper1 .banner-pagination .swiper-pagination-bullet {
		width: 24px;
		height: 4px;
	}

	#banner #swiper1 .banner-pagination .swiper-pagination-bullet-active {
		width: 38px;
		height: 4px;
		transform: translateX(12px);
	}
}

@media only screen and (max-width: 420px) {
	#banner { margin-top: 72px; }

	#banner .banner-swiper,
	#banner .banner-swiper .swiper-wrapper,
	#banner .banner-swiper .swiper-slide {
		height: 72vw;
		min-height: 285px;
	}

	#banner #swiper1 .swiper-slide .swipertext {
		top: 50%;
	}

	#banner .banner-actions {
		margin-top: 24px;
	}

	#banner #swiper1 .swiper-slide .swipertext .banner-actions a {
		width: 105px;
		height: 40px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#banner .banner-swiper * {
		transition-duration: .01ms !important;
	}
}

/* 首页应用领域：参考图中的居中标题与三幅大图滑动布局。 */
.home-applications,
.home-applications * {
	box-sizing: border-box;
}

.home-applications {
	width: 100%;
	padding: clamp(86px, 7.1vw, 144px) 0 clamp(88px, 7.5vw, 150px);
	overflow: hidden;
	background: #fff;
}

.home-applications__header {
	width: min(980px, 90%);
	margin: 0 auto clamp(78px, 7vw, 140px);
	text-align: center;
}

.home-applications__header h2 {
	margin: 0;
	color: #050505;
	font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(42px, 3.45vw, 68px);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -.035em;
}

.home-applications__header p {
	margin: clamp(26px, 2.05vw, 42px) 0 0;
	color: #777;
	font-size: clamp(14px, 1vw, 18px);
	font-weight: 400;
	line-height: 1.55;
}

.home-applications__slider {
	width: min(85.2%, 2120px);
	margin: 0 auto;
	overflow: hidden;
}

.home-applications__slide {
	height: auto;
}

.home-applications__link {
	display: block;
	color: #292929;
	text-align: center;
	text-decoration: none;
}

.home-applications__media {
	width: 100%;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 9 / 10;
	background: #f3f3f3;
}

.home-applications__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.home-applications__link h3 {
	margin: clamp(25px, 2vw, 40px) 0 0;
	color: #292929;
	font-size: clamp(22px, 1.55vw, 31px);
	font-weight: 400;
	line-height: 1.35;
}

.home-applications__link:hover .home-applications__media img,
.home-applications__link:focus-visible .home-applications__media img {
	transform: scale(1.025);
}

.home-applications__link:focus-visible {
	outline: 2px solid #004098;
	outline-offset: 5px;
}

@media only screen and (max-width: 900px) {
	.home-applications {
		padding: 68px 0 82px;
	}

	.home-applications__header {
		margin-bottom: 58px;
	}

	.home-applications__header h2 {
		font-size: 40px;
	}

	.home-applications__header p {
		font-size: 14px;
		line-height: 1.75;
	}

	.home-applications__desktop-break {
		display: none;
	}

	.home-applications__slider {
		width: 90%;
	}
}

@media only screen and (max-width: 640px) {
	.home-applications {
		padding: 52px 0 64px;
	}

	.home-applications__header {
		width: 88%;
		margin-bottom: 38px;
	}

	.home-applications__header h2 {
		font-size: 32px;
	}

	.home-applications__header p {
		margin-top: 18px;
		font-size: 13px;
		line-height: 1.7;
	}

	.home-applications__slider {
		width: 86%;
	}

	.home-applications__link h3 {
		margin-top: 22px;
		font-size: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-applications__media img {
		transition: none;
	}
}

/* 首页可持续发展：森林背景上的环保材料说明。 */
.home-sustainability,
.home-sustainability * {
	box-sizing: border-box;
}

.home-sustainability {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: clamp(680px, 48.6vw, 972px);
	padding: clamp(112px, 11.5vw, 220px) 24px clamp(96px, 10vw, 192px);
	overflow: hidden;
	background: #183c24 url("../images/sustainable-forest.webp") center center / cover no-repeat;
}

.home-sustainability::before {
	position: absolute;
	inset: 0;
	background: rgba(5, 18, 10, .27);
	content: "";
}

.home-sustainability__inner {
	position: relative;
	z-index: 1;
	display: block;
	grid-template-columns: none;
	align-items: initial;
	gap: 0;
	width: min(1042px, 100%);
	max-width: none;
	margin: 0 auto;
}

.home-sustainability__inner > h2 {
	margin: 0 0 clamp(54px, 3.55vw, 68px);
	color: #fff;
	font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(42px, 3vw, 58px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.035em;
	text-align: center;
	text-shadow: 0 2px 18px rgba(0, 16, 8, .24);
}

.home-sustainability__panel {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(350px, .9fr);
	align-items: center;
	min-height: 290px;
	padding: 36px clamp(64px, 4.7vw, 82px);
	background: #fff;
	box-shadow: 0 24px 70px rgba(3, 20, 10, .18);
}

.home-sustainability__content {
	min-width: 0;
	max-width: 520px;
	padding: 0;
}

.home-sustainability__content h3 {
	margin: 0;
	color: #080b09;
	font-size: clamp(22px, 1.35vw, 26px);
	font-weight: 600;
	line-height: 1.4;
}

.home-sustainability__content p {
	max-width: 510px;
	margin: 27px 0 0;
	color: #1f2521;
	font-size: clamp(15px, .95vw, 18px);
	line-height: 1.85;
	text-wrap: pretty;
}

.home-sustainability__media {
	position: static;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
	margin: 0;
	overflow: visible;
	background: transparent;
	border-radius: 0;
	aspect-ratio: auto;
}

.home-sustainability__media img {
	display: block;
	width: min(100%, 410px);
	height: auto;
	max-width: 100%;
	object-fit: contain;
	transform: scale(1);
	transform-origin: center;
	transition: transform .35s cubic-bezier(.22, .61, .36, 1);
}

.home-sustainability__media:hover img {
	filter: none;
	transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
	.home-sustainability__media img {
		transition: none;
	}
}

@media only screen and (max-width: 900px) {
	.home-sustainability {
		min-height: 650px;
		padding: 92px 28px 96px;
	}

	.home-sustainability__inner > h2 {
		margin-bottom: 46px;
		font-size: 40px;
	}

	.home-sustainability__panel {
		grid-template-columns: minmax(0, 1.08fr) minmax(230px, .92fr);
		min-height: 300px;
		padding: 38px 48px;
	}

	.home-sustainability__content p {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 640px) {
	.home-sustainability {
		align-items: flex-start;
		min-height: 0;
		padding: 68px 18px 76px;
		background-position: 52% center;
	}

	.home-sustainability__inner > h2 {
		margin-bottom: 34px;
		font-size: 32px;
	}

	.home-sustainability__panel {
		grid-template-columns: 1fr;
		gap: 26px;
		min-height: 0;
		padding: 36px 28px 28px;
	}

	.home-sustainability__content h3 {
		font-size: 22px;
	}

	.home-sustainability__content p {
		margin-top: 16px;
		font-size: 15px;
		line-height: 1.75;
	}

	.home-sustainability__media {
		justify-content: center;
	}

	.home-sustainability__media img {
		width: min(100%, 300px);
	}
}

/* 首页产品类别：按参考图还原的左右分栏轮播。 */
.home-product-categories,
.home-product-categories * {
	box-sizing: border-box;
}

.home-product-categories {
	width: 100%;
	padding: clamp(88px, 7.2vw, 146px) 0 clamp(94px, 7.7vw, 156px);
	overflow: hidden;
	background: #fff;
}

.home-product-categories__header {
	width: min(1000px, 90%);
	margin: 0 auto clamp(78px, 6.8vw, 138px);
	text-align: center;
}

.home-product-categories__header h2 {
	margin: 0;
	color: #050505;
	font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(36px, 2.7vw, 52px);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -.035em;
}

.home-product-categories__header p {
	margin: clamp(26px, 2.05vw, 42px) 0 0;
	color: #888;
	font-size: clamp(13px, .85vw, 16px);
	font-weight: 400;
	line-height: 1.7;
}

.home-product-categories__slider {
	position: relative;
	width: min(85.8%, 1410px);
	margin: 0 auto;
	overflow: hidden;
}

.home-product-categories__slide {
	display: grid;
	grid-template-columns: 62.3% 37.7%;
	height: clamp(440px, 38.45vw, 632px);
	min-height: 0;
	background: #f4f4f4;
}

.home-product-categories__media {
	min-width: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: #e9eeee;
}

.home-product-categories__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.home-product-categories__content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	padding: clamp(88px, 7.1vw, 144px) clamp(44px, 3.8vw, 96px);
	overflow: hidden;
	background: #f4f4f4;
}

.home-product-categories__controls {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	gap: 14px;
	z-index: 3;
}

.home-product-categories__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(56px, 3.2vw, 78px);
	aspect-ratio: 1;
	margin: 0;
	padding: 0;
	border: 0;
	color: #111;
	background: #fff;
	cursor: pointer;
	transition: background-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.home-product-categories__arrow img {
	display: block;
	width: 26px;
	height: 12px;
	object-fit: contain;
	transition: filter 220ms ease, transform 220ms ease;
}

.home-product-categories__next img {
	transform: rotate(180deg);
}

.home-product-categories__arrow:hover,
.home-product-categories__arrow:focus-visible {
	background-color: #6fa860;
	box-shadow: 0 10px 24px rgba(73, 125, 62, .18);
	transform: translateY(-2px);
}

.home-product-categories__arrow:hover img,
.home-product-categories__arrow:focus-visible img {
	filter: brightness(0) invert(1);
}

.home-product-categories__arrow:active {
	box-shadow: none;
	transform: translateY(0) scale(.97);
}

.home-product-categories__arrow:focus-visible,
.home-product-categories__more:focus-visible {
	outline: 2px solid #0b7c58;
	outline-offset: 4px;
}

.home-product-categories__arrow.swiper-button-disabled {
	opacity: .35;
	cursor: default;
}

.home-product-categories__content h3 {
	position: relative;
	z-index: 2;
	margin: 0;
	color: #050505;
	font-size: clamp(25px, 1.85vw, 38px);
	font-weight: 500;
	line-height: 1.35;
}

.home-product-categories__certifications {
	position: relative;
	z-index: 2;
	display: block;
	width: 145px;
	height: 69px;
	margin-top: clamp(44px, 3.3vw, 66px);
	object-fit: contain;
}

.home-product-categories__more {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 136px;
	height: 52px;
	margin-top: clamp(62px, 5vw, 102px);
	padding: 0 24px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
	background: linear-gradient(90deg, #087558 0%, #62bb3f 100%);
	transition: opacity 200ms ease;
}

.home-product-categories__more:hover {
	color: #fff;
	opacity: .85;
}

.home-product-categories__number {
	position: absolute;
	right: clamp(35px, 2.8vw, 70px);
	bottom: clamp(18px, 1.8vw, 46px);
	color: rgba(255, 255, 255, .78);
	font-family: Arial, sans-serif;
	font-size: clamp(112px, 10.5vw, 210px);
	font-weight: 700;
	line-height: .8;
	pointer-events: none;
	user-select: none;
}

@media only screen and (max-width: 900px) {
	.home-product-categories {
		padding: 68px 0 82px;
	}

	.home-product-categories__header {
		margin-bottom: 58px;
	}

	.home-product-categories__header h2 {
		font-size: 34px;
	}

	.home-product-categories__header p {
		font-size: 13px;
		line-height: 1.75;
	}

	.home-product-categories__slider {
		width: 90%;
	}

	.home-product-categories__slide {
		grid-template-columns: 1fr;
		height: auto;
		min-height: 0;
	}

	.home-product-categories__media {
		aspect-ratio: 1.45 / 1;
	}

	.home-product-categories__content {
		min-height: 390px;
		padding: 78px 42px 48px;
	}
}

@media only screen and (max-width: 640px) {
	.home-product-categories {
		padding: 52px 0 64px;
	}

	.home-product-categories__header {
		width: 88%;
		margin-bottom: 38px;
	}

	.home-product-categories__header h2 {
		font-size: 28px;
	}

	.home-product-categories__header p {
		margin-top: 18px;
		font-size: 12px;
		line-height: 1.7;
	}

	.home-product-categories__slider {
		width: 86%;
	}

	.home-product-categories__media {
		aspect-ratio: 1 / 1;
	}

	.home-product-categories__content {
		min-height: 340px;
		padding: 70px 26px 36px;
	}

	.home-product-categories__controls {
		top: 6px;
		right: 6px;
		gap: 6px;
	}

	.home-product-categories__arrow {
		width: 48px;
	}

	.home-product-categories__content h3 {
		font-size: 25px;
	}

	.home-product-categories__certifications {
		margin-top: 34px;
	}

	.home-product-categories__more {
		height: 48px;
		margin-top: 48px;
		font-size: 18px;
	}

	.home-product-categories__number {
		font-size: 112px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-product-categories__arrow,
	.home-product-categories__arrow img,
	.home-product-categories__more {
		transition: none;
	}
}

/* 首页统一内容轴：导航与各内容模块使用同一宽度及响应式边距。 */
.home-page {
	--home-content-width: 1410px;
	--home-gutter: clamp(24px, 3.2vw, 52px);
	--home-section-space: clamp(72px, 5.2vw, 100px);
	--home-heading-gap: clamp(42px, 3.4vw, 64px);
}

.home-page #fixtop {
	--header-gutter: var(--home-gutter);
}

.home-page .home-applications__slider,
.home-page .home-sustainability__inner,
.home-page .home-product-categories__slider,
.home-page .home-about__inner,
.home-page .home-hot-products__inner,
.home-page .home-why-us__inner,
.home-page .home-news__inner,
.home-page .home-contact__inner {
	width: min(var(--home-content-width), calc(100% - var(--home-gutter) - var(--home-gutter)));
	max-width: none;
	margin-right: auto;
	margin-left: auto;
}

.home-page .home-applications__slider {
	width: min(1424px, calc(100% - var(--home-gutter) - var(--home-gutter)));
}

.home-page #header .topnav {
	width: 100%;
	max-width: var(--home-content-width);
	margin-right: auto;
	margin-left: auto;
}

.home-page #header .logo {
	margin-left: 0;
}

.home-page .home-applications,
.home-page .home-product-categories,
.home-page .home-news {
	padding-top: var(--home-section-space);
	padding-bottom: var(--home-section-space);
}

.home-page .home-applications__header,
.home-page .home-product-categories__header,
.home-page .home-news__header {
	margin-bottom: var(--home-heading-gap);
}

.home-page .home-applications__header h2,
.home-page .home-product-categories__header h2,
.home-page .home-news__header h2,
.home-page .home-sustainability__inner > h2,
.home-page .home-why-us__header h2 {
	font-size: clamp(34px, 2.7vw, 52px);
}

.home-page .home-applications__media {
	width: 100%;
	height: auto;
	aspect-ratio: 452 / 503;
}

.home-page .home-applications__link h3 {
	margin-top: clamp(20px, 1.5vw, 28px);
	font-size: clamp(20px, 1.3vw, 25px);
}

.home-page .home-sustainability {
	min-height: clamp(680px, 50.5vw, 969px);
	padding: var(--home-section-space) 0;
	background-position: center center;
}

.home-page .home-sustainability__inner > h2 {
	margin-bottom: var(--home-heading-gap);
}

.home-page .home-sustainability__panel {
	width: min(1120px, 100%);
	min-height: 260px;
	margin-right: auto;
	margin-left: auto;
	padding: clamp(24px, 2.2vw, 34px) clamp(28px, 3.4vw, 52px);
}

.home-page .home-product-categories__slide {
	height: clamp(400px, 31vw, 520px);
}

.home-page .home-product-categories__content {
	padding: clamp(64px, 5vw, 86px) clamp(38px, 3.5vw, 58px);
}

.home-page .home-product-categories__certifications {
	margin-top: clamp(30px, 2.4vw, 42px);
}

.home-page .home-product-categories__more {
	margin-top: clamp(42px, 3.4vw, 58px);
}

.home-page .home-about--reference {
	height: auto;
	min-height: 0;
	padding: var(--home-section-space) 0;
}

.home-page .home-about__main {
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(42px, 4vw, 68px);
}

.home-page .home-about--reference .home-about__media img {
	height: clamp(360px, 26vw, 440px);
}

.home-page .home-about--reference .home-about__stats {
	margin-top: clamp(38px, 3vw, 52px);
}

.home-page .home-hot-products {
	padding: var(--home-section-space) 0;
}

.home-page .home-strength-quality {
	height: clamp(280px, 20vw, 340px);
	padding-right: var(--home-gutter);
	padding-left: var(--home-gutter);
}

.home-page .home-strength-quality__content {
	width: min(var(--home-content-width), 100%);
}

.home-page .home-why-us {
	padding: var(--home-section-space) var(--home-gutter);
}

.home-page .home-why-us__header {
	margin-bottom: var(--home-heading-gap);
}

.home-page .home-why-us__card {
	min-height: 420px;
	padding: 46px 32px 50px;
}

.home-page .home-why-us__icon {
	height: 112px;
	margin-bottom: 38px;
}

.home-page .home-news__content {
	min-height: 150px;
	padding: 26px 26px 24px;
}

@media only screen and (max-width: 1100px) {
	.home-page {
		--home-gutter: 32px;
		--home-section-space: 68px;
		--home-heading-gap: 52px;
	}

	.home-page .home-product-categories__slider {
		width: min(var(--home-content-width), calc(100% - var(--home-gutter) - var(--home-gutter)));
	}

	.home-page .home-about--reference {
		padding-right: 0;
		padding-left: 0;
	}
}

@media only screen and (max-width: 768px) {
	.home-page {
		--home-gutter: 20px;
		--home-section-space: 56px;
		--home-heading-gap: 38px;
	}

	.home-page .home-applications__header,
	.home-page .home-product-categories__header {
		width: min(680px, calc(100% - var(--home-gutter) - var(--home-gutter)));
	}

	.home-page .home-applications__slider,
	.home-page .home-sustainability__inner,
	.home-page .home-product-categories__slider,
	.home-page .home-about__inner,
	.home-page .home-hot-products__inner,
	.home-page .home-why-us__inner,
	.home-page .home-news__inner,
	.home-page .home-contact__inner {
		width: calc(100% - var(--home-gutter) - var(--home-gutter));
	}

	.home-page .home-sustainability {
		min-height: 0;
		padding-right: 0;
		padding-left: 0;
	}

	.home-page .home-product-categories__content {
		min-height: 320px;
		padding: 64px 28px 34px;
	}

	.home-page .home-about--reference {
		padding: var(--home-section-space) 0;
	}

	.home-page .home-about__main {
		gap: 36px;
	}

	.home-page .home-about--reference .home-about__media img {
		height: auto;
		aspect-ratio: 1.45 / 1;
	}

	.home-page .home-hot-products {
		padding: var(--home-section-space) 0;
	}

	.home-page .home-strength-quality {
		height: 280px;
	}

	.home-page .home-why-us {
		padding: var(--home-section-space) var(--home-gutter);
	}

	.home-page .home-why-us__card {
		min-height: 0;
		padding: 38px 28px 42px;
	}
}

@media only screen and (max-width: 480px) {
	.home-page {
		--home-gutter: 16px;
		--home-section-space: 48px;
		--home-heading-gap: 32px;
	}

	.home-page .home-applications__header h2,
	.home-page .home-product-categories__header h2,
	.home-page .home-news__header h2,
	.home-page .home-sustainability__inner > h2,
	.home-page .home-why-us__header h2 {
		font-size: 30px;
	}

	.home-page .home-product-categories__content {
		min-height: 300px;
		padding: 62px 24px 30px;
	}

	.home-page .home-strength-quality {
		height: 250px;
	}
}

/* 首页联系模块：延续全站绿色品牌语言，结构参考左图右表单的商务联系卡片。 */
.home-contact,
.home-contact * {
	box-sizing: border-box;
}

.home-contact {
	padding: 0 0 var(--home-section-space);
	background: #fff;
}

.home-contact__inner {
	display: grid;
	grid-template-columns: minmax(340px, 32%) minmax(0, 68%);
	min-height: 590px;
	overflow: hidden;
	border: 1px solid #edf0ed;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(37, 73, 54, .14);
}

.home-contact__intro {
	position: relative;
	min-width: 0;
	min-height: 590px;
	overflow: hidden;
	background: #28776f;
}

.home-contact__intro > img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	transition: transform 450ms cubic-bezier(.22, .61, .36, 1);
}

.home-contact__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(13, 100, 84, .9) 0%, rgba(102, 173, 70, .78) 100%);
}

.home-contact__intro-copy {
	position: relative;
	z-index: 1;
	padding: clamp(48px, 4vw, 68px) clamp(34px, 3vw, 52px);
	color: #fff;
}

.home-contact__intro-copy h2 {
	margin: 0;
	color: inherit;
	font-size: clamp(30px, 2vw, 40px);
	font-weight: 600;
	line-height: 1.25;
}

.home-contact__intro-copy p {
	max-width: 31em;
	margin: 30px 0 0;
	color: rgba(255, 255, 255, .94);
	font-size: 16px;
	line-height: 1.85;
}

.home-contact__form-panel {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: clamp(48px, 4vw, 68px) clamp(46px, 4.2vw, 76px) 46px;
}

.home-contact__form-panel > h2 {
	margin: 0 0 22px;
	color: #111;
	font-size: clamp(34px, 2.5vw, 46px);
	font-weight: 500;
	line-height: 1.25;
}

.home-contact__form {
	display: flex;
	min-height: 0;
	flex: 1;
	flex-direction: column;
}

.home-contact__field {
	display: flex;
	min-height: 85px;
	flex-direction: column;
	justify-content: flex-end;
	border-bottom: 1px solid #4b4f4c;
	cursor: text;
}

.home-contact__field span {
	color: #6f7672;
	font-size: 16px;
	line-height: 1.4;
	transition: color 180ms ease;
}

.home-contact__field em {
	color: #346f55;
	font-style: normal;
}

.home-contact__field input,
.home-contact__field textarea {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 6px 0 10px;
	border: 0;
	border-radius: 0;
	outline: 0;
	color: #1b1d1c;
	background: transparent;
	font: inherit;
	font-size: 16px;
	line-height: 1.45;
	resize: none;
}

.home-contact__field:focus-within {
	border-bottom-color: #2f7d57;
	box-shadow: 0 1px 0 #2f7d57;
}

.home-contact__field:focus-within span {
	color: #2f7d57;
}

.home-contact__actions {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-top: auto;
	padding-top: 38px;
}

.home-contact__submit {
	min-width: 126px;
	height: 48px;
	margin: 0;
	padding: 0 28px;
	border: 0;
	border-radius: 0;
	color: #fff;
	background: linear-gradient(90deg, #28776f 0%, #73b153 100%);
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	transition: opacity 180ms ease, transform 180ms ease;
}

.home-contact__submit:hover,
.home-contact__submit:focus-visible {
	opacity: .88;
}

.home-contact__submit:focus-visible,
.home-contact__social:focus-visible {
	outline: 2px solid #2f7d57;
	outline-offset: 4px;
}

.home-contact__submit:active {
	transform: scale(.98);
}

@font-face {
	font-family: "FontAwesomeSocial";
	src: url("../fonts/fontawesome-social.woff2") format("woff2");
	font-style: normal;
	font-weight: normal;
	font-display: block;
}

.home-contact__socials {
	display: flex;
	align-items: center;
	gap: 8px;
}

.home-contact__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #fff;
	font-size: 17px;
	line-height: 1;
	text-decoration: none;
	transition: opacity 180ms ease, transform 180ms ease;
}

.home-contact__social span {
	font-family: "FontAwesomeSocial";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

.home-contact__social--facebook {
	background: #40568f;
}

.home-contact__social--twitter {
	background: #ef3b75;
}

.home-contact__social--whatsapp {
	background: #66a9e2;
}

.home-contact__social--linkedin {
	background: #3277a6;
}

.home-contact__social:hover,
.home-contact__social:focus-visible {
	color: #fff;
	opacity: .84;
	transform: translateY(-2px);
}

.home-contact__social:active {
	transform: scale(.96);
}

.home-contact__intro:hover > img {
	transform: scale(1.025);
}

@media only screen and (max-width: 980px) {
	.home-contact__inner {
		grid-template-columns: minmax(280px, 38%) minmax(0, 62%);
	}

	.home-contact__form-panel {
		padding-right: 38px;
		padding-left: 38px;
	}
}

@media only screen and (max-width: 768px) {
	.home-contact__inner {
		grid-template-columns: 1fr;
		min-height: 0;
		border-radius: 16px;
	}

	.home-contact__intro {
		min-height: 360px;
	}

	.home-contact__intro-copy {
		padding: 42px 34px;
	}

	.home-contact__form-panel {
		padding: 42px 34px 36px;
	}

	.home-contact__field {
		min-height: 78px;
	}

	.home-contact__actions {
		margin-top: 0;
	}
}

@media only screen and (max-width: 480px) {
	.home-contact__intro {
		min-height: 320px;
	}

	.home-contact__intro-copy,
	.home-contact__form-panel {
		padding-right: 24px;
		padding-left: 24px;
	}

	.home-contact__intro-copy h2,
	.home-contact__form-panel > h2 {
		font-size: 30px;
	}

	.home-contact__intro-copy p {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.75;
	}

	.home-contact__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.home-contact__submit {
		width: 100%;
	}

	.home-contact__socials {
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-contact__intro > img,
	.home-contact__field span,
	.home-contact__submit,
	.home-contact__social {
		transition: none;
	}
}