/* 盈商宝页面专用样式（common.css 中 .ysb* 规则的独立副本，避免 CDN 旧缓存导致不生效） */
.ysb1 {padding: 1.2rem 3.16rem 1.2rem 3.16rem;}

.ysb1 .top {margin-bottom: 0.55rem;}

.ysb1 .tit {color: #333;text-align: center;font-family: hl;line-height: 1.178;margin-bottom: 0.2rem;}

.ysb1 .p {color: #333;line-height: 1.75;font-family: hl;text-align: center;letter-spacing: 0.12rem;}

.ysb1 .pics {width: 100%;height: 6.5rem;position: relative;margin-bottom: 0.45rem;}

.ysb1 .pics .pic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}

.ysb1 .pics .pic img {width: 100%;height: 100%;object-fit: cover;}

.ysb1 .pics .pic.on {opacity: 1;}

.ysb1 .tab {border-bottom: 1px solid rgba(96,96,96,0.2);display: flex;justify-content: center;width: fit-content;margin: 0 auto;margin-bottom: 0.3rem;}

.ysb1 .tab .li {cursor: pointer;text-align: center;line-height: 1.25;color: #333;font-family: hl;padding: 0 0.3rem; padding-bottom: 0.13rem;position: relative;cursor: pointer;}

.ysb1 .tab .li:after {content: "";position: absolute;left: 0;bottom: -1px;width: 0%;height: 2px;background-color: #FF7900;transition: all 0.5s;}

.ysb1 .tab .li.on:after {width: 100%;}

.ysb1 .tab .li .h_1 {color: #333;line-height:1.167;font-family:hl;margin-bottom: 0.1rem;}

.ysb1 .tab .li.on .h_1 {font-family: hr;}

.ysb1 .tab .li .p_1 {color: #333;line-height: 1.2;font-family:hl;}

.ysb1 .txts {text-align: center;color: #606060;font-family: hl;line-height: 1.8;}

.ysb1 .txts .txt {display: none;}

.ysb1 .txts .txt.on {display: block;}

.ysb2 {padding: 1.2rem 3.16rem;background-color: rgba(236, 236, 236, 0.4);}

.ysb2 .top {margin-bottom: 0.55rem;}

.ysb2 .tit {color: #333;text-align: center;font-family: hl;line-height: 1.178;margin-bottom: 0.2rem;}

.ysb2 .p {color: #333;line-height: 1.75;font-family: hl;text-align: center;letter-spacing: 0.12rem;}

.ysb2 .con {display: flex;gap: 0.2rem;}

.ysb2 .con .txts {background-color: #fff;width: calc(100% - 8rem);height: 4.94rem;position: relative;overflow: hidden;text-align: center;color: #333;font-family: hr;line-height: 1.55rem;}

.ysb2 .con .txts::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2.14rem;z-index: 2;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);pointer-events: none;}
.ysb2 .con .txts::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 2.4rem;z-index: 2;background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);pointer-events: none;}

.ysb2 .con .txts .swiper-slide {transition: all 0.5s;cursor: pointer;opacity: 1!important;}

.ysb2 .con .txts .swiper-slide-active,
.ysb2 .con .txts .swiper-slide-next {opacity: 1!important;}

.ysb2 .con .pics {width: 7.8rem;position: relative;height: 4.94rem;}

.ysb2 .con .pics .pic {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;}

.ysb2 .con .pics .pic img {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.ysb3 {padding: 1.2rem 0 0 0;}

.ysb3 .top {margin-bottom: 0.55rem;}

.ysb3 .top .tit {color: #333;text-align: center;font-family: hl;line-height: 1.178;margin-bottom: 0.2rem;}

.ysb3 .top .p {color: #333;line-height: 1.75;font-family: hl;text-align: center;letter-spacing: 0.12rem;}

.ysb3 .con {position: relative;overflow: hidden;}

.ysb3 .con .swiper-slide {width: 13.2rem;height: 6.96rem;position: relative;overflow: hidden;margin-right: 0.2rem;}

.ysb3 .con .swiper-slide:last-child {margin-right: 0;}

.ysb3 .con .swiper-slide .pic {width: 100%;height: 100%;}

.ysb3 .con .swiper-slide .pic img {width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}

.ysb3 .con .swiper-slide:hover .pic img {transform: scale(1.05);}

.ysb3 .con .swiper-slide .txt {position: absolute;top: 0.65rem;left: 0;width: 100%;color: #ffffff;text-align: center;color: #ffffff;}

.ysb3 .con .swiper-slide .txt .h {max-width: 7.4rem;margin: 0 auto;margin-bottom: 0.15rem;line-height: 1.2;font-family: hl;}

.ysb3 .con .swiper-slide .txt .p {max-width: 7.4rem;margin: 0 auto;margin-bottom: 0.25rem;line-height: 2;font-family: hl;}

.ysb3 .con .swiper-slide .txt .btns {display: flex;flex-wrap: wrap;gap: 0.24rem;justify-content: center;}

.ysb3 .con .swiper-slide .txt .btns .btn {width: fit-content;padding: 0.07rem 0.2rem;border-radius: 0.06rem;background: rgba(12, 55, 106, 0.45);backdrop-filter: blur(29px);font-family: hl;line-height: 1.2;}

.ysb3 .con .swiper-slide .txt ul {display: flex;justify-content: center;gap: 0.76rem;text-align: center;}

.ysb3 .con .swiper-slide .txt ul li {width: 1.95rem;position: relative;}

.ysb3 .con .swiper-slide .txt ul li::after {content: "";position: absolute;top: 0.14rem;right: -0.38rem;width: 1px;height: 0.53rem;background: url(https://sungrowplant.oss-cn-hangzhou.aliyuncs.com/static/img/ysb3_solid.webp);background-size: 100% 100%;}

.ysb3 .con .swiper-slide .txt ul li:last-child::after {display: none;}

.ysb3 .con .swiper-slide .txt ul li .h_1 {font-family: hr;line-height: 1.667;margin-bottom: 0.06rem;}

.ysb3 .con .swiper-slide .txt ul li .p_1 {font-family: hl;line-height: 1.4375;}

.ysb3 .con>.btns {width: 100%;display: flex;gap: 0.12rem;justify-content: center;margin-top: 0.3rem;}

.ysb3 .con>.btns>div {width: 0.43rem;height: 0.43rem;cursor: pointer;transition: all 0.5s;}

.ysb3 .con>.btns>div:hover {opacity: 0.7;}

.ysb3 .con>.btns>div img {display: block;width: 100%;height: 100%;object-fit: contain;}

.ysb4 {width: 100%;padding-top: 1.2rem;}

.ysb4 .top {margin-bottom: 0.55rem;}

.ysb4 .top .tit {color: #333;text-align: center;font-family: hl;line-height: 1.178;margin-bottom: 0.2rem;}

.ysb4 .top .p {color: #333;line-height: 1.75;font-family: hl;text-align: center;letter-spacing: 0.12rem;}

.ysb4 .con {min-height: 8.6rem;position: relative;overflow: hidden;}

.ysb4 .card {position: relative;z-index: 10;float: right;width: 7.32rem;border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(12, 55, 106, 0.45);backdrop-filter: blur(29px);padding: 0.68rem 0.42rem 0.74rem 0.42rem;height:100%;min-height: 8.6rem;}

.ysb4 .bj {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}

.ysb4 .bj img {width: 100%;height: 100%;object-fit: cover;}

.ysb4 .txt {position: absolute;top: 0.68rem;left: 1.3rem;width: 6rem;z-index: 2;color: #fff;}

.ysb4 .txt .tit1 {font-family: hl;line-height: 1.174;margin-bottom: 0.2rem;}

.ysb4 .txt .p {font-family: hl;line-height: 1.15;margin-bottom: 0.42rem;}

.ysb4 .txt .p1 {font-family: hr;line-height: 1.15;margin-bottom: 0.19rem;}

.ysb4 .txt .list {display: flex;gap: 0.5rem;flex-wrap: wrap;}

.ysb4 .txt .list .item {width: calc(33.33% - 0.34rem);}

.ysb4 .txt .list .item .h_1 {font-family: hr;line-height: 1.67;margin-bottom: 0.06rem;}

.ysb4 .txt .list .item .p_1 {font-family: hl;line-height: 1.4375;}

.ysb4 .card .h {color: #ffffff;line-height: 1.15;margin-bottom: 0.25rem;}

.ysb4 .card .list {display: flex;gap: 0.16rem;flex-wrap: wrap;max-height: 4.2rem;overflow: hidden;margin-bottom: 0.51rem;}

.ysb4 .card .list .item {width: calc(50% - 0.08rem);background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(46px);padding: 0.12rem 0.15rem 0 0.15rem;line-height: 0.48rem;color: #fff;font-family: hr;text-align: center;}

.ysb4 .card .list .item .pic1 {width: 100%;height: 1.4rem;overflow: hidden;}

.ysb4 .card .list .item .pic1 img {width: 100%;height: 100%;object-fit: cover;}

.ysb4 .lc_pic img {width: 100%;height: auto;}

@media screen and (max-width: 1024px) {
    .ysb1 {padding: 50px 15px;}
    .ysb1 .pics {height: 47vw;}
    .ysb1 .tit {font-size: 26px;}
    .ysb1 .p {font-size: 13px;}
    .ysb1 .tab .li .h_1 {font-size: 16px;}
    .ysb1 .tab .li .p_1 {font-size: 13px;}
    .ysb1 .txts {font-size: 13px;}
    .ysb2 {padding: 50px 15px;}
    .ysb2 .tit {font-size: 26px;}
    .ysb2 .p {font-size: 13px;}
    .ysb2 .con {display: block;}
    .ysb2 .con .txts {width: 100%;height: auto;font-size: 20px;}
    .ysb2 .con .pics {width: 100%;height: 59vw;}
    .ysb2 .con .txts::after {left: 0;height: 100%;width: 30%;background: linear-gradient(to left, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);}
    .ysb2 .con .txts::before {content: "";position: absolute; right: 0;height: 100%;width: 30%;background: linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);z-index: 2;pointer-events: none;}
    .ysb2 .con .txts .swiper-slide {opacity: 1;}
    .ysb3 {padding: 50px 0 0 0;}
    .ysb3 .top .tit {font-size: 26px;}
    .ysb3 .top .p {font-size: 13px;}
    .ysb3 .con .swiper-slide .txt {padding: 0 15px;}
    .ysb3 .con .swiper-slide {width: 100%;margin-right: 0;height: 100vw;}
    .ysb3 .con .swiper-slide .txt .h {font-size: 16px;}
    .ysb3 .con .swiper-slide .txt .p {font-size: 13px;}
    .ysb3 .con .swiper-slide .txt ul li .h_1 {font-size: 13px;}
    .ysb3 .con .swiper-slide .txt ul li .p_1 {font-size: 12px;}
    .ysb3 .con .swiper-slide .txt ul {gap: 18px;}
    .ysb3 .con .swiper-slide .txt ul li {width: calc(33.33% - 12px);}
    .ysb3 .con .swiper-slide .txt ul li::after {right: -9px;}
    .ysb3 .con .swiper-slide .txt .btns {font-size: 12px;}
    .ysb4 {padding: 50px 0 0 0;}
    .ysb4 .top .tit {font-size: 26px;}
    .ysb4 .top .p {font-size: 13px;}
    .ysb4 .con {padding: 50px 0;}
    .ysb4 .card {float: none;width: calc(100% - 30px);margin: 0 15px;}
    .ysb4 .txt {position: static;width: 100%;padding: 0 15px;position: relative;z-index: 2;left: 0;top: 0;margin-bottom: 30px;}
    .ysb4 .txt .tit1 {font-size: 22px;}
    .ysb4 .txt .p {font-size: 16px;}
    .ysb4 .txt .p1 {font-size: 14px;}
    .ysb4 .txt .list .item .h_1 {font-size: 13px;}
    .ysb4 .txt .list .item .p_1 {font-size: 12px;}
    .ysb4 .card {padding: 30px 15px;height:auto;min-height: 0;}
    .ysb4 .card .h {font-size: 16px;}
    .ysb4 .card .list .item .p {font-size: 12px;}
    .ysb4 .txt .list {gap: 15px;max-height: 9999px;}
    .ysb4 .txt .list .item {width: calc(33.33% - 10px);}
    .ysb4 .card .list .item .pic1 {height: 18vw;}
}