* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

/* 1. 电脑 ≥1200px */
/* @media (min-width: 1200px) {} */

/* 2. 小电脑 992px ~ 1199px */
/* @media (min-width: 992px) and (max-width: 1199px) {} */

/* 3. 平板 768px ~ 991px */
/* @media (min-width: 768px) and (max-width: 991px) {} */

/* 4. 手机 ≤767px */
/* @media (max-width: 767px) {} */



/* banner图 */
html {
    font-size: 16px;
    /* 基础字体大小，1rem = 16px */
}



a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

/* 版心 */
.wrapper {
    width: 80%;
}

/* banner图样式 */
.banner {
    position: relative;
    /* height: 39.5rem; */
    width: 100%;
    background-image: url('../images/gojiaqiang/banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;

}

.banner .wrapper {
    /* background: red; */
    /* overflow: hidden; */
    margin: 0 auto;
    margin-top: 12.5625rem;
    margin-left: 8.4375rem;
    margin-bottom: 5.625rem;
}


.banner .wrapper h1 {
    color: rgba(31, 31, 31, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;
    font-size: 2.5rem;
    /* 40px / 16 */
    line-height: 3.4375rem;
    /* 55px / 16 */
}


.banner .wrapper .b-text {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
    color: rgba(31, 31, 31, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;
    margin-bottom: 19.56rem;
}

/* 公司介绍 */
.jieshao {
    position: relative;
    top: -5rem;
    /* height: 700px; */
    border-radius: 3.125rem 3.125rem 0 0;
    background: rgba(255, 255, 255, 1);

}

.jieshao .jieshao-top {
    position: absolute;
    left: 50%;
    top: -38px;
    transform: translateX(-50%);
    width: 86%;
    height: 4.76875rem;
    padding: 0.8125rem;
    border-radius: 1rem;
    border: 1px solid rgba(241, 245, 249, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 8px 10px -6px rgba(226, 232, 240, 0.5), 0px 20px 25px -5px rgba(226, 232, 240, 0.5);
}

.jieshao .jieshao-top ul {
    display: flex;
    justify-content: space-around;
}

.jieshao .jieshao-top ul li {
    display: flex;

}

.jieshao .jieshao-top ul li a {
    display: inline-block;
    padding: 0.75rem 5.225rem;
    font-size: 1.4rem;
    line-height: 1.5rem;
    border-radius: 0.875rem;
    background: rgba(255, 255, 255, 1);
    color: rgba(98, 116, 142, 1);
    font-family: Inter;
    font-weight: 500;

}

.jieshao .jieshao-top ul li:hover a {
    background: rgba(255, 241, 242, 1);
    color: rgba(219, 53, 61, 1);
}

.jieshao .wrapper {
    margin: 0 auto 5.0625rem;
    /* height: 100%; */

}

.jieshao .wrapper {
    display: flex;

}


.jieshao .wrapper .j-left .j-l-top {
    display: flex;
    align-items: center;
    margin-top: 7.5rem;
    gap: 0.3rem;
}

.jieshao .wrapper .j-left .j-l-top img {
    width: 1.7875rem;
    height: 1.7875rem;
}

.jieshao .wrapper .j-left .j-l-top span {
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.5625rem;
}

.jieshao .wrapper .j-left .j-text {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;

}

.jieshao .wrapper .j-left .j-btn {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
    margin-top: 7rem;
}

.jieshao .wrapper .j-left .j-btn .j-btn-b {
    /* width: 10.33125rem; */
    /* height: 5.56875rem; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
   padding: 1rem 2rem 1rem 2rem;
    border-radius: 0.875rem;
    border: 0.6px solid rgba(243, 244, 246, 1);
    box-sizing: border-box;
    background: linear-gradient(135deg, rgba(249, 250, 251, 1) 0%, rgba(255, 255, 255, 1) 100%);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);

}

.jieshao .wrapper .j-left .j-btn .j-btn-b p {
    font-family: Inter;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;

    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(90deg, rgba(0, 150, 224, 1) 0%, rgba(0, 154, 222, 1) 7.14%, rgba(0, 157, 220, 1) 14.29%, rgba(0, 160, 218, 1) 21.43%, rgba(0, 164, 216, 1) 28.57%, rgba(0, 167, 214, 1) 35.71%, rgba(0, 170, 212, 1) 42.86%, rgba(0, 174, 210, 1) 50%, rgba(0, 177, 208, 1) 57.14%, rgba(0, 180, 206, 1) 64.29%, rgba(0, 183, 203, 1) 71.43%, rgba(0, 187, 201, 1) 78.57%, rgba(0, 190, 199, 1) 85.71%, rgba(0, 193, 196, 1) 92.86%, rgba(0, 196, 194, 1) 100%);
    /* 文字裁剪背景 */
    -webkit-background-clip: text;
    background-clip: text;
    /* 文字透明，透出背景渐变 */
    color: transparent;
}

.jieshao .wrapper .j-left .j-btn .j-btn-b span {
    margin-top: 0.3125rem;
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: rgba(106, 114, 130, 1);
    font-family: Inter;
    font-weight: 400;

}


.jieshao .wrapper .j-right {
    flex: 1;
}

.jieshao .wrapper .j-right .j-r-box {
    margin-left: 2.0625rem;
    margin-top: 7.5rem;
    width: 25.4375rem;
    height: 31.1875rem;
    position: relative;
    overflow: hidden;
    /* 防止图片溢出 */
}



.jieshao .wrapper .j-right .j-r-box .swiper {
    /* margin: 6.25rem auto; */
    width: 100%;
    height: 100%;
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    font-weight: bold;
    color: #fff;
    width: 100%;
    height: 100%;
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 保持图片比例，填充容器 */
}

/* .jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(1n) {
    background-color: rgb(206, 17, 17);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(2n) {
    background-color: rgb(0, 140, 255);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(3n) {
    background-color: rgb(10, 184, 111);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(4n) {
    background-color: rgb(211, 122, 7);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(5n) {
    background-color: rgb(118, 163, 12);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(6n) {
    background-color: rgb(180, 10, 47);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(7n) {
    background-color: rgb(35, 99, 19);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(8n) {
    background-color: rgb(0, 68, 255);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(9n) {
    background-color: rgb(218, 12, 218);
}

.jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide .swiper-slide:nth-child(10n) {
    background-color: rgb(54, 94, 77);
} */

/* 阴影 */
.jieshao .wrapper .j-right .j-r-box .j-yinying {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.6875rem;
    height: 100%;
    z-index: 5;
    /* 降低层级，不覆盖图片 */
    background: linear-gradient(to left, rgba(217, 217, 217, 0.56), transparent);
    pointer-events: none;
}

.jieshao .wrapper .j-right .j-r-box .j-btn-r {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 5rem;
    background-color: #fff;
    z-index: 20;
    cursor: pointer;
    /* background: rgba(255, 255, 255, 1); */
}

.jieshao .wrapper .j-right .j-r-box .j-btn-r img {
    width: 100%;
    height: 100%;
}


/* 企业文化 */
.q-wenhua {
    position: relative;
    top: -5rem;
    margin-bottom: -5rem;
    border-radius: 3.125rem 3.125rem 0 0;
    background: rgba(238, 241, 242, 1);
}

.q-wenhua .wrapper {
    margin: 0 auto;
    overflow: hidden;
}

.q-wenhua .wrapper .q-title {
    margin-top: 4.8125rem;
    ;
    display: flex;
    justify-content: space-between;
}

.q-wenhua .wrapper .q-title .q-title-l {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.q-wenhua .wrapper .q-title .q-title-l img {
    width: 1.7875rem;
    height: 1.7875rem;
}

.q-wenhua .wrapper .q-title .q-title-l span {
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.5625rem;
}

.q-wenhua .wrapper .q-title .q-title-r {
    display: flex;
    align-items: center;
}

.q-wenhua .wrapper .q-title .q-title-r span {
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.875rem;
}

.q-wenhua .wrapper .q-sm-box {
    display: flex;
    margin-top: 3.0625rem;
    gap: 0.5rem;
}

.q-wenhua .wrapper .q-sm-box .q-sm-item {
    width: 33%;
    height: 9.19375rem;
    border-radius: 1rem;
    border: 0.6px solid rgba(243, 244, 246, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    transition: all 0.3s linear;
}

.q-wenhua .wrapper .q-sm-box .q-sm-item:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

.q-wenhua .wrapper .q-sm-box .q-sm-item .yuan {
    margin-top: 1.53125rem;
    margin-left: 1.53125rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.9375rem;
    display: flex;
    place-content: center;
    place-items: center;
    flex-shrink: 0;
    box-sizing: border-box;

    border-radius: 18641400px;
    background: linear-gradient(135deg, rgba(0, 150, 224, 0.1) 0%, rgba(0, 224, 166, 0.1) 100%);
}

.q-wenhua .wrapper .q-sm-box .q-sm-item .yuan .sm-yuan {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 18641400px;
    background: linear-gradient(90deg, rgba(0, 150, 224, 1) 0%, rgba(0, 170, 212, 1) 25%, rgba(0, 189, 199, 1) 50%, rgba(0, 207, 184, 1) 75%, rgba(0, 224, 166, 1) 100%);
}

.q-wenhua .wrapper .q-sm-box .q-sm-item p {
    margin-top: 0.9375rem;
    margin-left: 1.53125rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: rgba(54, 65, 83, 1);
    font-family: Inter;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.q-wenhua .wrapper .q-sm-box .q-sm-item .xian {
    margin-top: 0.9375rem;
    margin-left: 1.53125rem;
    width: 3rem;
    height: 0.125rem;
    border-radius: 18641400px;
    background: linear-gradient(90deg, rgba(250, 106, 113, 1) 0%, rgba(225, 95, 101, 0.92) 7.69%, rgba(200, 83, 89, 0.85) 15.38%, rgba(176, 72, 77, 0.77) 23.08%, rgba(153, 62, 66, 0.69) 30.77%, rgba(130, 51, 55, 0.62) 38.46%, rgba(108, 41, 45, 0.54) 46.15%, rgba(86, 32, 34, 0.46) 53.85%, rgba(66, 22, 24, 0.38) 61.54%, rgba(46, 13, 15, 0.31) 69.23%, rgba(28, 6, 7, 0.23) 76.92%, rgba(11, 2, 2, 0.15) 84.62%, rgba(1, 0, 0, 0.08) 92.31%, rgba(0, 0, 0, 0) 100%);
}

.q-wenhua .wrapper .q-big-box {
    overflow: hidden;
    border-radius: 1.625rem;
    margin-top: 3.05625rem;
    margin-bottom: 4.8125rem;
    background: url('../images/productDetails/image_223.png');

}

.q-wenhua .wrapper .q-big-box h2 {
    margin-top: 5.5rem;
    font-size: 1.5rem;
    line-height: 2.3125rem;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;

}

.q-wenhua .wrapper .q-big-box .big-box-b {
    margin-top: 3.375rem;
    margin-bottom: 11.0625rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;

}

.q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-l {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-l .titel {
    margin-left: 13.5rem;
    font-size: 1.4rem;
    line-height: 1.75rem;
    color: rgba(0, 224, 166, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;

}

.q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-l p {
    margin-top: 0.5625rem;
    margin-left: 13.5rem;
    /* width: 22.8125rem; */
    /* height: 4.3125rem; */
    font-size: 1.2rem;
    line-height: 2rem;
    color: rgba(255, 255, 255, 0.7);
    font-family: Inter;
    font-weight: 400;

}



.q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-r {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-r .titel {
    color: rgba(0, 150, 224, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.75rem;
}

.q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-r p {
    margin-top: 0.5625rem;
    /* width: 22.8125rem; */
    /* height: 4.3125rem; */
    font-size: 1.2rem;
    line-height: 2rem;
    color: rgba(255, 255, 255, 0.7);
    font-family: Inter;
    font-weight: 400;
    margin-right: 10rem;

}


/* 发展历程 */
.f-licheng {
    height: 43.75rem;
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
}

.f-licheng .wrapper {
    margin: 0 auto;
    overflow: hidden;
}

.f-licheng .wrapper .q-title {
    margin-top: 4.8125rem;
    display: flex;
    justify-content: space-between;
}

.f-licheng .wrapper .q-title .q-title-l {
    display: flex;
    align-items: center;
}

.f-licheng .wrapper .q-title .q-title-l img {
    width: 1.7875rem;
    height: 1.7875rem;
}

.f-licheng .wrapper .q-title .q-title-l span {
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.5625rem;
}

.f-licheng .wrapper .q-title .q-title-r {
    display: flex;
    align-items: center;
    gap: 2.875rem;
    margin-right: 2.9375rem;

}

.f-licheng .wrapper .q-title .q-title-r .q-title-btn {
    width: 3.5625rem;
    height: 3.5625rem;
    border-radius: 2.5rem;
    background: rgba(0, 150, 224, 1);
    cursor: pointer;
}

.f-licheng .wrapper .q-title .q-title-r .q-title-btn img {
    width: 100%;
    height: 100%;
}

.f-licheng .q-box {
    position: relative;
    width: 100%;
    margin-left: 5.75rem;
    margin-top: 2.375rem;
    overflow: visible;
}

.f-licheng .q-box .swiper-wrapper {
    align-items: flex-start;
}

.f-licheng .q-box .swiper-slide {
    width: 19.375rem;
}

.f-licheng .q-box .q-box-item {
    position: relative;
    width: 19.375rem;
    height: 24.825rem;
    border-radius: 1.5rem;
    overflow: hidden;
}

.f-licheng .q-box .q-box-item:hover img {
    transform: scale(1.1);
}


.f-licheng .q-box .q-box-item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 32.3%, rgba(0, 0, 0, 0) 100%);
}

.f-licheng .q-box .q-box-item img {
    transition: all 0.3s linear;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.f-licheng .q-box .q-box-item p {
    position: absolute;
    z-index: 2;
    top: 2.1875rem;
    width: 100%;
    padding: 2rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    left: 50%;
    transform: translateX(-50%);

    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;

}

.f-licheng .q-box .q-time {
    position: relative;
    margin-top: 4.5rem;
    padding-top: 1.375rem;
    text-align: center;
}

.f-licheng .q-box .q-time::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1.75rem;
    height: 0.125rem;
    border-radius: 0.25rem;
    width: calc(100% + 5.3rem);

    background: rgba(0, 150, 224, 1);
}

.f-licheng .q-box .q-time span {
    position: absolute;
    top: -0.375rem;
    width: 0.75rem;
    height: 0.75rem;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);

    border-radius: 50%;
    background: rgba(250, 106, 113, 1);
}

.f-licheng .q-box .q-time h3 {
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.875rem;
}

/* .f-licheng .q-box {
    margin-left: 92px;
    display: flex;
    gap: 55px;
}

.f-licheng .q-box .q-box-item {
    flex-shrink: 0;
    position: relative;
    width: 310px;
    height: 397.2px;
    border-radius: 24px;
    margin-top: 38px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 32.3%, rgba(0, 0, 0, 0) 100%);
}

.f-licheng .q-box .q-box-item img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.f-licheng .q-box .q-box-item p {
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    width: 253px;
    height: 130px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.f-licheng .xian {
    margin-left: 92px;
    margin-top: 71px;
    height: 2px;
    border-radius: 4px;
    background: rgba(0, 150, 224, 1);
}
.f-licheng .xian .x-item {
   
} */


.q-box .q-yinying {
    position: absolute;
    top: 0;

    z-index: 2;
    right: 1.5rem;
    width: 7.3125rem;
    height: 29.7875rem;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 62.19%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}





/* 企业文化 */
.s-zeren {
    position: relative;
    top: 3rem;
    border-radius: 50px 50px 0px 0px;
    background: rgba(238, 241, 242, 1);
}

.s-zeren .wrapper {

    margin: 0 auto;
    overflow: hidden;
}

.s-zeren .wrapper .q-title {
    margin-top: 4.8125rem;
    display: flex;
    justify-content: space-between;
}

.s-zeren .wrapper .q-title .q-title-l {
    display: flex;
    align-items: center;
}

.s-zeren .wrapper .q-title .q-title-l img {
    width: 1.7875rem;
    height: 1.7875rem;
}

.s-zeren .wrapper .q-title .q-title-l span {
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.5625rem;
}

.s-zeren .wrapper .q-title.q-title-r {
    display: flex;
    align-items: center;
}

.s-zeren .wrapper .q-title .q-title-r span {
    display: flex;
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;
    width: 36.6875rem;
    /* height: 3.75rem; */
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;

}

.s-zeren .wrapper .s-box {
    margin-top: 2.375rem;
    margin-bottom: 8.875rem;
    display: flex;

}

.s-zeren .wrapper .s-box .s-box-l {
    /* width: 18.125rem; */
    gap: 2.5rem;
    display: flex;
    flex-direction: column;

}

.s-zeren .wrapper .s-box .s-box-l li {
    /* width: 17.5rem; */
    padding: 1.5rem 5.25rem;
    /* height: 4.8125rem; */
    font-size: 1.2rem;
    line-height: 1.25rem;
    border-radius: 0.875rem;
    display: flex;
    justify-content: center;

    border: 1.7px solid rgba(229, 231, 235, 1);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 1);
    font-weight: 500;

}

.s-zeren .wrapper .s-box .s-box-l li a {
    line-height: 4.8125rem;
}

.s-zeren .wrapper .s-box .s-box-l li.active {
    color: rgba(0, 150, 224, 1);
    border: 1.7px solid rgba(0, 150, 224, 1);
    box-sizing: border-box;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.s-zeren .wrapper .s-box .s-box-l li a.active {
    color: rgba(0, 150, 224, 1);
}



.s-zeren .wrapper .s-box .s-box-r {
    position: relative;
    flex: 1;
    margin-left: 3rem;
    border-radius: 0.75rem;
    /* background-color: yellow; */
    /* 关键：加上flex布局，让图片可以被拉伸 */
    display: flex;
    align-items: stretch;
    /* 子元素在交叉轴（垂直）方向拉伸 */
    overflow: hidden;
    /* 防止图片超出圆角 */
}

.s-zeren .wrapper .s-box .s-box-r .s-box-r-item {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    display: none;
}

.s-zeren .wrapper .s-box .s-box-r .s-box-r-item.active {
    display: block;
}

.s-zeren .wrapper .s-box .s-box-r:hover img {
    transform: scale(1.1);
}

.s-zeren .wrapper .s-box .s-box-r img {
    transition: all 0.3s linear;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 图片保持比例，同时铺满盒子，多余部分裁剪 */
    display: block;
}

.s-zeren .wrapper .s-box .s-box-r p {
    position: absolute;

    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    /* height: 6.25rem; */
    bottom: 2.375rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-family: "Alibaba PuHuiTi";
    font-weight: 500;

}



@media (min-width:1201px) {
    .f-licheng .q-box .q-time span {
        left: 36%;
    }

}

@media (max-width: 1200px) {
    html {
        font-size: 15px;
    }

    .wrapper {
        width: 90%;
    }

    .jieshao .jieshao-top ul li a {
        padding: 0.75rem 2.225rem;
        font-size: 1rem;
    }

    .jieshao .wrapper .j-left {
        width: 55%;
    }

    .jieshao .wrapper .j-left .j-text {
        font-size: 1rem;
    }

    .q-wenhua .wrapper .q-title .q-title-r span {
        font-size: 1rem;
    }

    .q-wenhua .wrapper .q-sm-box {
        gap: 1rem;
    }

    .q-wenhua .wrapper .q-sm-box .q-sm-item p {
        font-size: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-l p {
        height: auto;
        font-size: 1rem;
        width: auto;
        margin-left: 2rem;
    }

    .q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-r p {
        height: auto;
        font-size: 1rem;
        width: auto;
        margin-right: 2rem;
    }

    .s-zeren .wrapper .q-title .q-title-r span {
        height: auto;
        font-size: 1rem;
    }
.s-zeren .wrapper .s-box .s-box-l li{
    padding:  0 2rem;
}




}

@media (max-width: 992px) {
    html {
        font-size: 14px;
    }

    /* 中间定位 */
    .jieshao .jieshao-top {
        width: 90%;
    }

    .jieshao .wrapper .j-left {
        width: 100%;
    }


    /* 公司介绍 */
    .jieshao .wrapper {
        flex-direction: column;
    }

    .jieshao .wrapper .j-left .j-l-top {
        justify-content: center;
    }

    .jieshao .wrapper .j-left .j-btn {
        justify-content: center;
    }

    .jieshao .wrapper .j-right .j-r-box {
        margin-left: 0;
        margin-top: 3.5rem;
        width: 100%;
    }

    .jieshao .wrapper .j-right .j-r-box .swiper .swiper-slide img {
        width: 100%;
        height: 100%;
    }

    /* 企业文化 */

    .q-wenhua .wrapper .q-title {
        flex-direction: column;
        align-items: center;
    }


    .q-wenhua .wrapper .q-big-box .big-box-b {
        grid-template-columns: 1fr;
    }

    .q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-l .titel {
        margin-left: 0;
        text-align: center;
    }

    .q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-l p {
        margin-left: 0;
        width: 100%;
        padding: 0 2rem;
        text-align: center;
    }

    .q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-r .titel {
        text-align: center;
    }

    .q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-r p {
        width: 100%;
        padding: 0 2rem;
        text-align: center;
    }



    /* 社会责任 */
    .s-zeren .wrapper .q-title {
        flex-direction: column;
        align-items: center;
    }

    .s-zeren .wrapper .q-title .q-title-r span {
        text-align: center;
    }





}

@media (max-width: 768px) {
    html {
        font-size: 14px;
    }

    .banner .wrapper {
        width: 100%;
        margin-top: 11.5625rem;
        margin-left: 4.4375rem;
        margin-bottom: 4.625rem;
    }

    .banner .wrapper h1 {
        font-size: 1.5rem;
        margin-right: 5rem;
    }

    .banner .wrapper .b-text {

        margin-right: 5rem;
    }

    .banner .wrapper .b-show {
        width: 62%;
        flex-wrap: wrap;
    }

    /* 公司介绍 */
    .jieshao .wrapper .j-left .j-l-top span {
        font-size: 1.45rem;
    }

    .q-wenhua .wrapper .q-title .q-title-l span {
        font-size: 1.45rem;
    }

    .f-licheng .wrapper .q-title .q-title-l span {
        font-size: 1.45rem;
    }

    .s-zeren .wrapper .q-title .q-title-l span {
        font-size: 1.45rem;
    }

    .s-zeren .wrapper .s-box .s-box-r p {
        height: auto;
        bottom: 0;
        font-size: 1rem;
    }

    .jieshao .jieshao-top {
        width: 100%;
        position: static;
        transform: none;
        height: auto;
    }

    .jieshao .jieshao-top ul {
        flex-direction: column;
        align-items: center;

    }

    .jieshao .wrapper .j-left .j-btn {
        flex-direction: column;
    }

    .jieshao .wrapper .j-left .j-btn .j-btn-b {
        width: 100%;
        padding: 1.5rem 4rem 1.5rem 4rem;
    }
    .jieshao .wrapper .j-left .j-btn .j-btn-b span{
        text-align: center;
    }


    /* 企业文化 */
    .q-wenhua .wrapper .q-sm-box {
        flex-direction: column;
    }

    .q-wenhua .wrapper .q-sm-box .q-sm-item {
        width: 100%;
    }

    .q-wenhua .wrapper .q-big-box .big-box-b .big-box-b-r {
        margin-top: 2rem;
    }


    /* 发展历程 */
    .f-licheng {
        height: auto;
    }

    .f-licheng .wrapper .q-title {
        flex-direction: column;
        align-items: center;
    }

    .f-licheng .wrapper .q-title .q-title-r {
        margin-top: 1rem;
        margin-right: 0;
    }

    .f-licheng .q-box {
        margin-left: 0;
        display: flex;
        justify-content: center;
        padding: 0 1rem;
    }

    .f-licheng .q-box .swiper-slide {
        width: 80%;

    }

    .f-licheng .q-box .q-box-item {
        width: 100%;
    }

    .q-box .q-yinying {
        display: none;
    }

    .f-licheng .q-box .q-box-item p {
        width: 70%;

    }

    .f-licheng .wrapper .q-title .q-title-r .q-title-btn {
        width: 2.5rem;
        height: 2.5rem;
    }


    /* 社会责任 */
    .s-zeren .wrapper .s-box {
        flex-direction: column;
    }

    .s-zeren .wrapper .s-box .s-box-r {
        margin-top: 2rem;
        margin-left: 0;
    }

    .s-zeren .wrapper .s-box .s-box-l {
        width: 100%;
    }

    .s-zeren .wrapper .s-box .s-box-l li {
        width: 100%;
    }









}