* {
    margin: 0px;
    padding: 0px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

input,
textarea,
select,
button {
    outline: none;
    border: none;
}

html {
    transition: font-size 0.3s ease;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 10px;
}

:root {
    /* ---- fontSize ---- */
    --fontSize_20: 2rem;
    --fontSize_18: 1.8rem;
    --fontSize_16: 1.6rem;
    --fontSize_14: 1.4rem;
    --fontSize_12: 1.2rem;
    /* ---- fontSize end---- */

    /* --- color --- */
    --color_333: #333;

    /* --- color end --- */

}

body {
    font-size: 1.5rem;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.container {
    width: 90%;
    max-width: 160rem;
    margin: 0 auto;
    height: 100%;
}

.nav {
    width: 100%;
    height: 10rem;
    background: rgba(0, 0, 0, 0.06);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    transition: 0.5s ease;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.1);
}

    .nav_color .nav{
        background: rgba(0, 0, 0, 0.16);
    }
    
    .nav_color .fixed_nav {
        background: #FFF;
    }

.nav .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav .logo {
    height: 7.5rem;
}

.nav .logo img {
    display: block;
    height: 100%;
}

.nav .nav_list {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
}

.nav .nav_list .nav_item {
    height: 100%;
    margin-right: 10.6rem;
    display: flex;
    align-items: center;
    position: relative;
}

.nav .nav_list .nav_item:last-child {
    margin-right: 0px;
}

.nav .nav_list .nav_item .title {
    display: block;
    font-weight: 500;
    font-size: 2rem;
    color: #fff;
}

.nav .nav_list .nav_item.active .title {
    color: #F6B125;
}

.nav .nav_list .nav_item .Drop_down_list {
    position: absolute;
    left: 50%;
    background: #FFF;
    width: max-content;
    top: 100%;
    transform: translateX(-50%);
    padding: 0.5rem;
    box-sizing: border-box;
    display: none;
}

.nav .nav_list .nav_item .Drop_down_list a {
    display: block;
    width: 100%;
    padding: 0.7rem 2.6rem;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 0.1rem solid #3333331f;
}

.nav .nav_list .nav_item .Drop_down_list a:hover {
    color: #fff;
    background: #f6b025;
}

.banner_swiper {
    width: 100%;
}

.banner_swiper .swiper-slide {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner_swiper .banner {
    width: 100%;
    display: block;
}

.banner_swiper .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;

}

.banner_swiper .text .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.banner_swiper .text h2 {
    font-weight: 500;
    font-size: 8.5rem;
    color: #FFFFFF;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.52);
}

.banner_swiper .text .icon {
    height: 39rem;
    display: block;
    width: auto;
    max-width: 46%;
    object-fit: contain;
}

.About_culture {
    width: 100%;
    padding-top: 12.7rem;
    box-sizing: border-box;
    background: #F1F1F1;
    position: relative;
}

.About_culture .container {
    max-width: 162rem;
    position: relative;
}

.About_culture .container .out {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.About_culture .box {
    width: 23.828%;
    position: relative;
    background: url(../images/C_1.webp) no-repeat center center / contain;
    transition: 0.5s ease;
}

.About_culture .line_box {
    width: 45.6791%;
    display: block;
}

.About_culture .box .img {
    width: 100%;
    position: relative;
}

.About_culture .box .img img {
    width: 100%;
    display: block;
    transition: 0.5s ease;
}

.About_culture .box .img .c_2 {
    opacity: 0;
}

.About_culture .box .text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.About_culture .box .text span {
    font-weight: 400;
    font-size: 1.7rem;
    color: #464646;
    display: block;
    margin-bottom: 2.2rem;
}

.About_culture .box .text h2 {
    font-weight: 400;
    font-size: 3rem;
    color: #1C1C1C;
}

.About_culture .box.active {
    width: 45.6791%;
}

.About_culture .box.active .img img {
    opacity: 1;
}

.About_culture .box.active .text span {
    color: #FFF;
}

.About_culture .box.active .text h2 {
    color: #FFF;
}

.product {
    width: 100%;
    padding-top: 15rem;
    box-sizing: border-box;
    background: #F1F1F1;
    position: relative;
}

.product .icon_img {
    position: absolute;
    right: 0px;
    top: -18.51%;
    width: 80.315%;
    /* opacity: 0.4 ; */
    z-index: 1;
    pointer-events: none;
}

.product .icon_img img {
    width: 100%;
    display: block;

}

.product .container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    padding-top: 5.5rem;
    box-sizing: border-box;
}

.product .Product_out {
    position: relative;
    width: 100%;
    z-index: 4;
    overflow: hidden;
}

.product .Product_out .product_list_title {
    width: 100%;
    display: flex;
    justify-content: right;
}

.product .Product_out .product_list_title>img {
    width: 44.2%;
}

.product .Product_out .title {
    font-weight: 500;
    font-size: 4.6rem;
    color: #232323;
}

.product .Product_out .out {
    margin-top: 11rem;
    position: relative;
}

.product .Product_out .out .box {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.product .Product_out .out .box.active {
    z-index: 2;
}

.product .Product_out .out .box .left {
    width: 41.438%;
}

.product .Product_out .out .box .left h3 {
    font-weight: 500;
    font-size: 4rem;
    color: #3D3D3D;
    margin-bottom: 5.3rem;
}

.product .Product_out .out .box .left p {
    font-weight: 400;
    font-size: 1.9rem;
    color: #464646;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    /* 限制显示行数 */
    overflow: hidden;
}

.product .Product_out .out .box .left a {
    margin-top: 7rem;
    display: flex;
    align-items: center;
    padding: 1rem 1.6rem;
    box-sizing: border-box;
    border: 0.1rem solid #F6B125;
    border-radius: 2.5rem;
    max-width: 16rem;
    justify-content: space-between;
    padding-left: 4.3rem;
    font-weight: 400;
    font-size: 1.7rem;
    color: #F6B125;
}

.product .Product_out .out .box .left a .icon {
    width: 3.1rem;
    height: 3.1rem;
    background: #F6B125;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product .Product_out .out .box .left a .icon img {
    display: block;
    height: 1.1rem;
}

.product .Product_out .out .box .left .list_icon_swiper {
    padding: 2rem 4rem;
    box-sizing: border-box;
    background: #FFF;
    border-radius: 5rem;
    width: 47.3rem;
    margin: 0;
    margin-top: 6.8rem;
}

.product .Product_out .out .box .left .list_icon_swiper .swiper-slide {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    margin-right: 2.5rem;
    background: #EEEEEE;
    cursor: pointer;
    border: 0.2rem solid #EEEEEE;
    box-sizing: border-box;
}

.product .Product_out .out .box .left .list_icon_swiper .swiper-slide.active {
    background: #fff;
    border: 0.2rem solid #F6B125;
}

.product .Product_out .out .box .left .list_icon_swiper .swiper-slide:last-child {
    margin-right: 0px;
}

.product .Product_out .out .box .left .list_icon_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.2);
}


.product .Product_out .out .box .right {
    width: 16.188%;
    padding-top: 28%;
    margin-left: 8.563%;
    box-sizing: border-box;
    position: relative;
    transform: scale(0.5);
    opacity: 0;
    transition: 0.5s ease;
}

.product .Product_out .out .box .right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: scale(0.5);
    opacity: 0;
    transition: 0.5s ease;
}

.product .Product_out .out .box .right img.active {
    opacity: 1;
    transform: scale(1);
}

.product .Product_out .out .box.active .right {
    opacity: 1;
    transform: scale(1);
}

.product .Product_out .out .box .pubic_anim {
    visibility: hidden !important;
}

.product .Product_out .out .box.active .pubic_anim {
    visibility: visible !important;
}

.product .Product_out .out .box.bounceInUpactive .left h3 {
    animation: bounceInUp 1s ease-in-out;
    animation-delay: 0s;
}

.product .Product_out .out .box.bounceInUpactive .left p {
    animation: bounceInUp 1s ease-in-out;
    animation-delay: 0.2s;
}

.product .Product_out .out .box.bounceInUpactive .left a {
    animation: bounceInUp 1s ease-in-out;
    animation-delay: 0.3s;
}

.product .Product_out .out .box.bounceInUpactive .left .list_icon_swiper {
    animation: bounceInUp 1s ease-in-out;
    animation-delay: 0.4s;
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.product .Product_out .product_list_title {
    overflow: hidden;
}

.product .Product_out .product_list_title .title_list {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 33.806%;
    padding-top: 33.806%;
    transform: translateY(-50%) translateX(30%);
    letter-spacing: 3px;
}

.product .Product_out .product_list_title .title_list .ousyua {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}

.product .Product_out .product_list_title .title_list::after {
    width: 100%;
    left: 0px;
    height: 100%;
    top: 0px;
    z-index: 3;
    content: "";
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='50%25' ry='50%25' stroke='%23FFF' stroke-width='5' stroke-dasharray='10 20' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    pointer-events: none;
}

.product .Product_out .product_list_title .title_list .item_list {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
}

.product .Product_out .product_list_title .title_list .item_list h3 {
    font-weight: 400;
    font-size: 2.3rem;
    color: #FFFFFF;
    cursor: pointer;
}

.product .Product_out .product_list_title .title_list .item_list .img {
    width: 3.1rem;
    height: 3.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 50%;
    margin-left: 1.3rem;
    transform: translateX(2rem);
    opacity: 0;
    transition: 0.5s ease;
}

.product .Product_out .product_list_title .title_list .item_list.active .img {
    opacity: 1;
    transform: translateX(0px);
}

.product .Product_out .product_list_title .title_list .item_list .img img {
    height: 1.1rem;
    display: block;
}

.product .Product_out .product_list_title .title_list .item_list:nth-child(1) {
    left: 37.268%;
    top: 4.9%;
}

.product .Product_out .product_list_title .title_list .item_list:nth-child(2) {
    left: 13%;
    top: 22.05%;
}

.product .Product_out .product_list_title .title_list .item_list:nth-child(3) {
    left: 5.8%;
    top: 39.132%;
}

.product .Product_out .product_list_title .title_list .item_list:nth-child(4) {
    left: 5.8%;
    top: 56.368%;
}

.product .Product_out .product_list_title .title_list .item_list:nth-child(5) {
    left: 13%;
    top: 73.603%;
}

.product .Product_out .product_list_title .title_list .item_list:nth-child(6) {
    left: 37.268%;
    bottom: 5.91%;
}


.title_public {
    width: 100%;
    text-align: center;
}

.title_public h2 {
    font-weight: 500;
    font-size: 4.6rem;
    color: #232323;
}

.title_public p {
    margin-top: 2rem;
    font-weight: 400;
    font-size: 1.8rem;
    color: #111111;
}

.Enterprise_Advantages {
    width: 100%;
    padding: 9.3rem 0px 13.8rem 0px;
    box-sizing: border-box;
    background: url(../images/10207.webp) no-repeat center center / cover;
    overflow: hidden;
}

.Enterprise_Advantages .title_public p {
    color: #FFF;
}

.Enterprise_Advantages .title_public h2 {
    color: #FFF;
}

.Enterprise_Advantages .out {
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 61.6rem;
}

.Enterprise_Advantages .out .box {
    width: 18%;
    position: relative;
}

.Enterprise_Advantages .out .box .end_box {
    padding: 4.5rem 3.8rem 3.8rem 3.8rem;
    box-sizing: border-box;
    border-radius: 5.5rem 5.5rem 14.7rem 14.7rem;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 4;
    transition: 0.5s ease;
}

.Enterprise_Advantages .out .box .end_box .icon {
    height: 6.7rem;
    display: block;
    text-align: center;
    margin: 0 auto;
    transition: 0.5s ease;
    margin-bottom: 10%;
}

.Enterprise_Advantages .out .box .end_box h3 {
    text-align: center;
    font-weight: 500;
    font-size: 3rem;
    color: #202020;
    margin-bottom: 2.2rem;
}

.Enterprise_Advantages .out .box .end_box p {
    font-weight: 400;
    font-size: 1.5rem;
    color: #9B9B9B;
    text-align: center;
    height: 4.2rem;
    overflow: hidden;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
}

.Enterprise_Advantages .out .box .end_box .tiaoz {
    margin: 0 auto;
    margin-top: 3.3rem;
    width: 3.1rem;
    height: 3.1rem;
    background: #F6B125;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Enterprise_Advantages .out .box .end_box .tiaoz img {
    height: 1.3rem;
    display: block;
}

.Enterprise_Advantages .out .box .top_box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 14.7rem 14.7rem 0px 0px;
    overflow: hidden;
    z-index: 1;
    height: 30rem;
    opacity: 0;
    transform: translateY(-8rem);
    transition: 0.5s ease;
}

.Enterprise_Advantages .out .box .top_box .img {
    width: 100%;
    height: 41.8rem;
    object-fit: cover;
}

.Enterprise_Advantages .out .box .top_box .icon {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
}

.Enterprise_Advantages .out .box.active .end_box {
    background: #FFF;
}

.Enterprise_Advantages .out .box.active .end_box .icon {
    height: 0px;
}

.Enterprise_Advantages .out .box.active .top_box {
    transform: translateY(-21rem);
    opacity: 1;
}

.News {
    width: 100%;
    padding: 10rem 0px;
    background: #F1F1F1;
    overflow: hidden;
}

.News .News_swiper {
    margin-top: 6rem;
    width: 100%;
}

.News .swiper-slide {
    width: 30.438%;
    margin-right: 4.313%;
    background: #FFF;
    border-radius: 4.8rem;
    overflow: hidden;
}

.News .swiper-slide:last-child {
    margin-right: 0px;
}

.News .swiper-slide .img {
    width: 100%;
    height: 30.8rem;
    overflow: hidden;
    border-radius: 4.8rem;
    position: relative;
}

.News .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.News .swiper-slide .img .tiem {
    position: absolute;
    bottom: 2.8rem;
    left: 4.5rem;
}

.News .swiper-slide .img .tiem b {
    font-weight: 400;
    font-size: 3rem;
    color: #FFFFFF;
    display: block;
    margin-bottom: 0.4rem;
}

.News .swiper-slide .img .tiem span {
    font-weight: 400;
    font-size: 1.5rem;
    color: #FFFFFF;
}

.News .swiper-slide .text {
    width: 100%;
    padding: 3.8rem 4.2rem 2.6rem 4.2rem;
    box-sizing: border-box;
}

.News .swiper-slide .text h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
    font-weight: 500;
    font-size: 2.5rem;
    color: #333333;
    margin-bottom: 2.6rem;
}

.News .swiper-slide .text p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #858585;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    margin-bottom: 3rem;
}

.News .swiper-slide .text .Moer {
    width: 3.1rem;
    height: 3.1rem;
    background: #F6B125;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.News .swiper-slide .text .Moer img {
    height: 1.1rem;
    display: block;
}


#footer {
    width: 100%;
    background: #2C2D31;
    box-shadow: 0px -0.1rem 0.6rem 0.1rem rgba(0, 0, 0, 0.16);
}

#footer .Top-logo {
    width: 100%;
}

#footer .Top-logo .out {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.4rem 0px 2rem 0px;
    box-sizing: border-box;
    border-bottom: 0.1rem solid #707070;
    box-sizing: border-box;
}

#footer .Top-logo .out .logo {
    height: 10.5rem;
    font-weight: 500;
    font-size: 4.5rem;
    color: #FFFFFF;
}

#footer .Top-logo .out .logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

#footer .Top-logo .out .QR-code {
    display: flex;
    align-items: center;
    gap: 0px 2rem;
}

#footer .Top-logo .out .QR-code span {
    font-weight: 400;
    font-size: 1.7rem;
    color: #EBEBEB;
}

#footer .Top-logo .out .QR-code .img {
    width: 4.2rem;
    height: 4.2rem;
    display: block;
    cursor: pointer;
}

#footer .Top-logo .out .QR-code .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

#footer .footer-information {
    width: 100%;
    margin-top: 4rem;
}

#footer .footer-information .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 7rem;
}

#footer .footer-information .out .left {
    width: 30%;
}

#footer .footer-information .out .left li {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
}

#footer .footer-information .out .left li:last-child {
    margin-bottom: 0px;
}

#footer .footer-information .out .left li span,
#footer .footer-information .out .left li a {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.8em;
    color: #DCDCDC;
}

#footer .footer-information .out .right {
    display: flex;
    width: 63%;
    justify-content: space-between;
}

#footer .footer-information .out .right .box {
    width: 16%;
}

#footer .footer-information .out .right .box h2 a {
    font-weight: 500;
    font-size: 2rem;
    color: #FFFFFF;
    margin-bottom: 3rem;
    display: block;
}

#footer .footer-information .out .right .box li a {
    font-weight: 400;
    font-size: 1.5rem;
    color: #DCDCDC;
    margin-bottom: 2.6rem;
    display: block;
    width: max-content;
}



#footer .footer-information .out .right .box li:last-child a {
    margin-bottom: 0px;
    display: block;
}


#footer .footer-information .out .right .erweima_box {
    width: 31% ;
    display: flex ;
    justify-content: space-between ;
}

#footer .footer-information .out .right .erweima_box .box_item {
    width: 46% ;
}

    #footer .footer-information .out .right .erweima_box .img {
        width: 100% ;
        margin: 0 auto ;
        margin-bottom: 1rem ;
    }

    #footer .footer-information .out .right .erweima_box .img img {
        width: 100% ;
        display: block ;
    }

    #footer .footer-information .out .right .erweima_box span {
        display: block ;
        text-align: center ;
        font-size: 1.5rem ;
        color: #ffff ;
        font-weight: 400 ;
    }

#footer .Friendship-Link {
    width: 100%;
    padding-bottom: 6.5rem;
    border-bottom: 0.1rem solid rgba(114, 114, 114, 0.37);
}

#footer .Friendship-Link .out {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

#footer .Friendship-Link .out h3 {
    font-weight: 400;
    font-size: 1.8rem;
    color: #DCDCDC;
}

#footer .Friendship-Link .out li a {
    font-weight: 400;
    font-size: 1.8rem;
    color: #DCDCDC;
    display: block;
    margin: 0px 0.5rem;
}

#footer .Filing-number {
    width: 100%;
    padding: 1.5rem 0px;
}

#footer .Filing-number .out {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

#footer .Filing-number .out p {
    font-weight: 400;
    font-size: 1.4rem;
    color: #CCCCCC;
}

#footer .Filing-number .out a {
    font-weight: 400;
    font-size: 1.4rem;
    color: #CCCCCC;
}

#footer .Filing-number .out .support {
    position: absolute;
    right: 0px;
}

.banner_pages {
    width: 100%;
    position: relative;
}

.banner_pages .banner {
    width: 100%;
    display: block;
}

.banner_pages .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}

.banner_pages .text .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner_pages .text .container h2 {
    font-weight: 400;
    font-size: 4.2rem;
    color: #FFFFFF;
    margin-bottom: 3rem;
}

.banner_pages .text .container p {
    font-weight: 400;
    font-size: 2.3rem;
    color: #FFFFFF;
}

.Investment_Cooperation {
    width: 100%;
    margin: 10rem 0px;
    overflow: hidden;
}

.Investment_Cooperation .out {
    /* margin-top: 6rem; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.Investment_Cooperation .out .left {
    width: 44%;
}

.Investment_Cooperation .out .left h2 {
    font-weight: 500;
    font-size: 3.6rem;
    color: #111111;
    margin-bottom: 4rem;
}

.Investment_Cooperation .out .left ul {
    padding-left: 2rem;
    box-sizing: border-box;
    width: 100%;
    list-style: disc;


}

.Investment_Cooperation .out .left ul li {
    font-weight: 400;
    font-size: 1.7rem;
    color: #2E2E2E;
    line-height: 1.7em;
    margin-bottom: 2rem;
}

.Investment_Cooperation .out .left ul li::marker {
    width: 0.7rem;
    height: 0.7rem;
    background: #F6B125;
    color: #F6B125;
}

.Investment_Cooperation .out .left ul li:last-child {
    margin-bottom: 0px;
}

.Investment_Cooperation .out .right {
    width: 50%;
}

.Investment_Cooperation .out .right img {
    width: 100%;
    display: block;
}

.Talent_Recruitment {
    width: 100%;
    position: relative;
    background: #CDCCC8;
}

.Talent_Recruitment .out {
    width: 100%;
    display: flex;
    height: 100%;
    z-index: 3;
}

.Talent_Recruitment .out .left {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.Talent_Recruitment .out .left img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Talent_Recruitment .out .rigth {
    width: 50%;
    /*height: 100%;*/
    position: relative;
        overflow: hidden;
}

.Talent_Recruitment .out .rigth .img {
    width: 100%;
    height: 100%;
    display: block;
}

.Talent_Recruitment .out .rigth .text_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 5%;
    box-sizing: border-box;
}

.Talent_Recruitment .out .rigth .text_box h2 {
    font-weight: 500;
    font-size: 3.6rem;
    color: #111111;
    margin-bottom: 6rem;
}

.Talent_Recruitment .out .rigth .text_box .box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 10rem;
}

.Talent_Recruitment .out .rigth .text_box .box .erweima_box .img {
    width: 12.5rem;
    height: 12.5rem;
    display: block;
    margin-bottom: 1rem;
    border: 0.1rem solid #ccc;
}

.Talent_Recruitment .out .rigth .text_box .box .erweima_box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Talent_Recruitment .out .rigth .text_box .box .erweima_box span {
    text-align: center;
    display: block;
    font-weight: 400;
    font-size: 1.6rem;
    color: #333333;
}

.Talent_Recruitment .out .rigth .text_box .box .item {
    margin-bottom: 3rem;
        display: flex;
    align-items: center;
    gap: 1rem 1rem;
}

.Talent_Recruitment .out .rigth .text_box .box .item:last-child {
    margin-bottom: 0px;
}

.Talent_Recruitment .out .rigth .text_box .box .item span {
    font-weight: 400;
    font-size: 2.2rem;
    color: #0C0C0C;
    display: block;
    margin-bottom: 0.5rem;
}

.Talent_Recruitment .out .rigth .text_box .box .item p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #686868;
}

.Talent_Recruitment .out .rigth .text_box .box .item p a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.News_pages {
    width: 100%;
    padding: 10rem 0px;
    background: #F1F1F1;
}

.News_pages .News_swiper {
    margin-top: 60px;
    width: 100%;
}

.News_pages .swiper-slide {
    width: 100%;
    background: #FFF;
    border-radius: 4.8rem;
    height: 50.6rem;
}

.News_pages .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.News_pages .swiper-slide .left {
    width: 43.125%;
    height: 100%;
    border-radius: 4.8rem;
    overflow: hidden;
    position: relative;
}

.News_pages .swiper-slide .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.News_pages .swiper-slide .left .tiem {
    position: absolute;
    left: 4.7rem;
    bottom: 2.7em;
}

.News_pages .swiper-slide .left .tiem b {
    font-weight: 400;
    font-size: 3rem;
    display: block;
    color: #FFFFFF;
    margin-bottom: 0.4rem;
}

.News_pages .swiper-slide .left .tiem span {
    font-weight: 400;
    font-size: 1.5rem;
    color: #FFFFFF;
}

.News_pages .swiper-slide .text {
    width: 56.875%;
    padding: 8rem 11rem 7.6rem 11rem;
    box-sizing: border-box;
    height: 100%;
}

.News_pages .swiper-slide .text h3 {
    font-weight: 500;
    font-size: 2.5rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
    margin-bottom: 4rem;
}

.News_pages .swiper-slide .text p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #858585;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    /* 限制显示行数 */
    overflow: hidden;
}

.News_pages .swiper-slide .text .Moer {
    margin-top: 5rem;
    display: flex;
    align-items: center;
    padding: 1rem 1.6rem;
    box-sizing: border-box;
    border: 0.1rem solid #F6B125;
    border-radius: 2.5rem;
    max-width: 16rem;
    justify-content: space-between;
    padding-left: 4.3rem;
    font-weight: 400;
    font-size: 1.7rem;
    color: #F6B125;
}

.News_pages .swiper-slide .text .Moer .icon {
    width: 3.1rem;
    height: 3.1rem;
    background: #F6B125;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.News_pages .swiper-slide .text .Moer .icon img {
    display: block;
    height: 1.1rem;
}

.News_pages .out {
    display: flex;
    flex-wrap: wrap;
    gap: 5.7rem 4.313%;
    margin-top: 7rem;
}

.News_pages .out .box {
    width: 30.438%;
    background: #FFF;
    border-radius: 4.8rem;
    overflow: hidden;
}

.News_pages .out .box .img {
    width: 100%;
    height: 30.8rem;
    overflow: hidden;
    border-radius: 4.8rem;
    position: relative;
}

.News_pages .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.News_pages .out .box .img .tiem {
    position: absolute;
    bottom: 2.8rem;
    left: 4.5rem;
}

.News_pages .out .box .img .tiem b {
    font-weight: 400;
    font-size: 3rem;
    color: #FFFFFF;
    display: block;
    margin-bottom: 0.4rem;
}

.News_pages .out .box .img .tiem span {
    font-weight: 400;
    font-size: 1.5rem;
    color: #FFFFFF;
}

.News_pages .out .box .text {
    width: 100%;
    padding: 3.8rem 4.2rem 2.6rem 4.2rem;
    box-sizing: border-box;
}

.News_pages .out .box .text h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
    font-weight: 500;
    font-size: 2.5rem;
    color: #333333;
    margin-bottom: 2.6rem;
}

.News_pages .out .box .text p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #858585;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    margin-bottom: 3rem;
}

.News_pages .out .box .text .Moer {
    width: 3.1rem;
    height: 3.1rem;
    background: #F6B125;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.News_pages .out .box .text .Moer img {
    height: 1.1rem;
    display: block;
}

.spacing_page {
    padding: 10rem 0px;
}

.Sunshine_pages {
    background: #F1F1F1;
}

.Sunshine_pages .out {
    margin-top: 6rem;
    display: flex;
    justify-content: space-between;
    height: 68.8rem;
}

.Sunshine_pages .out .Left_swiper {
    width: 18%;
    margin: 0px;
    height: 100%;
    padding-right: 2.4rem;
    box-sizing: border-box;
    overflow: hidden;
}

.Sunshine_pages .out .Left_swiper .swiper-slide {
    width: 100%;
    height: 15.2rem;
    border: 0.2rem solid #f6b02500;
    box-sizing: border-box;
    margin-bottom: 2.4rem;
    cursor: pointer;
}

.Sunshine_pages .out .Left_swiper .swiper-slide::after {
    background: #F6B125;
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    width: 1.5rem;
    height: 2.5rem;
    background: #F6B125;
    /* 三点坐标：左上、左下、右中 */
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    transform: translate(100%, -50%);
    display: none;
}

.Sunshine_pages .out .Left_swiper .swiper-slide-active {
    border: 0.2rem solid #f6b025;
}

.Sunshine_pages .out .Left_swiper .swiper-slide-active::after {
    display: block;
}

.Sunshine_pages .out .Left_swiper .swiper-slide:last-child {
    margin-bottom: 0px;
}

.Sunshine_pages .out .Left_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Sunshine_pages .out .right_swiper {
    width: 82%;
    margin: 0px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.Sunshine_pages .out .right_swiper .duo_list_box {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}

.Sunshine_pages .out .right_swiper .duo_list_box.active {
    display: block;
}

.Sunshine_pages .out .right_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    cursor: grab;
}

.Sunshine_pages .out .right_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.Sunshine_pages .out .right_swiper .txt {
    position: absolute;
    right: 6.7rem;
    top: 5.5rem;
    width: 70%;
    padding: 3rem 4rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 2rem;
    z-index: 10;
}

.Sunshine_pages .out .right_swiper .txt p {
    font-weight: 400;
    font-size: 1.9rem;
    color: #FFFFFF;
    line-height: 1.7em;
}

.product_pages {
    background: #F1F1F1;
    overflow: hidden;
}

.product_pages .bur_list {
    margin-top: 6rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem 5.625%;
}

.product_pages .bur_list .item {
    display: flex;
    align-items: center;
}

.product_pages .bur_list .item h3 {
    font-weight: 400;
    font-size: 1.9rem;
    color: #808080;
    margin-left: 0.5rem;
}

.product_pages .bur_list .item .icon {
    width: 5.3rem;
    height: 5.3rem;
    background: #f6b02500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 1rem;
}


.product_pages .bur_list .item .icon img {
    height: 100%;
    width: auto;
    display: block;
    transform: scale(1.25);
    max-width: 5.4rem;
    object-fit: contain;
}


.product_pages .bur_list .item.active .icon {
    background: #f6b025;
}

.product_pages .bur_list .item.active h3 {
    color: #f6b025;
}

.product_pages .out {
    margin-top: 5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4.4rem 3%;
}

.product_pages .out .box {
    width: 31.313%;
    background: #FFF;
    border-radius: 2.6rem;
    overflow: hidden;
}

.product_pages .out .box a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 4rem 4rem 4.7rem 4rem;
    box-sizing: border-box;
}

.product_pages .out .box .img {
    width: 100%;
    height: 34.2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.3rem;
}

.product_pages .out .box .img img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.product_pages .out .box .title {
    width: 100%;
    text-align: center;
}

.product_pages .out .box .title h3 {
    font-weight: 500;
    font-size: 2.4rem;
    color: #232323;
    margin-bottom: 2rem;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.product_pages .out .box .title p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #9B9B9B;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.Cases_pages {
    width: 100%;
    background: #F1F1F1;
}

.Cases_pages .out {
    margin-top: 6rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 3%;
}

.Cases_pages .out .box {
    width: 31.313%;
    border-radius: 2.3rem;
    overflow: hidden;
    background: #FFF;
}

.Cases_pages .out .box .img {
    width: 100%;
    height: 30.8rem;
    display: block;
    overflow: hidden;
}

.Cases_pages .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Cases_pages .out .box .title {
    padding: 3rem;
    box-sizing: border-box;
    text-align: center;
}

.Cases_pages .out .box .title h3 {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 2.5rem;
    color: #333333;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.Frequently-Asked-Questions {
    background: #FFFFFF;
}

.Frequently-Asked-Questions .list {
    margin-top: 6rem;
    width: 100%;
}

.Frequently-Asked-Questions .list .item {
    width: 100%;
    padding: 2.7rem 0px;
    border-bottom: 0.1rem solid #E7E3E0;
    box-sizing: border-box;
}

.Frequently-Asked-Questions .list .item .title {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.Frequently-Asked-Questions .list .item .title b {
    font-weight: bold;
    font-size: 2.7rem;
    color: #f6b025;
    margin-right: 3rem;
}

.Frequently-Asked-Questions .list .item .title .tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.Frequently-Asked-Questions .list .item .title .tit span {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 2.1rem;
    color: #555555;
}

.Frequently-Asked-Questions .list .item .title .tit .but {
    width: 4.1rem;
    height: 4.1rem;
    /* background: #0451A4; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.Frequently-Asked-Questions .list .item .title .tit .but i {
    width: 1.1rem;
    height: 0.7rem;
    background: url(../images/9605.png ) no-repeat center;
}

.Frequently-Asked-Questions .list .item.active .title .tit .but {
    background: #f6b025;
}

.Frequently-Asked-Questions .list .item.active .title .tit .but i {
    background: url(../images/9741.png) no-repeat center;
}

.Frequently-Asked-Questions .list .item.active .title .tit span {
    color: #f6b025;
}

.Frequently-Asked-Questions .list .item .text {
    width: 100%;
    display: flex;
    padding-top: 3rem;
    box-sizing: border-box;
    display: none;
}

.Frequently-Asked-Questions .list .item.active .text {
    display: flex;
}

.Frequently-Asked-Questions .list .item .text b {
    font-weight: bold;
    font-size: 2.7rem;
    color: #9D9D9D;
    margin-right: 3.5rem;
}

.Frequently-Asked-Questions .list .item .text .txt {
    width: 80%;
}

.Frequently-Asked-Questions .list .item .text .txt p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #666666;
    line-height: 1.8em;
}


.About_us {
    width: 100%;
    padding: 10rem 0px;
    box-sizing: border-box;
    background: #FFF;
    overflow: hidden;
}

.About_us .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.About_us .out .left {
    width: 42%;
}

.About_us .out .left h2 {
    font-weight: 500;
    font-size: 4.6rem;
    color: #232323;
    margin-bottom: 3.2rem;
}

.About_us .out .left h3 {
    font-weight: 400;
    font-size: 2.7rem;
    color: #2A2A2A;
    margin-bottom: 3.6rem;
}

.About_us .out .left .txt {
    width: 100%;
}

.About_us .out .left .txt p {
    font-weight: 400;
    font-size: 1.9rem;
    color: #2E2E2E;
    line-height: 1.7em;
}

.About_us .out .left .Number_list {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 0px;
}

.About_us .out .left .Number_list .Number_item {
    width: 33.33%;
}

.About_us .out .left .Number_list .Number_item .title {
    display: flex;
    align-items: end;
    margin-bottom: 1rem;
}

.About_us .out .left .Number_list .Number_item .title b {
    font-weight: 500;
    font-size: 3.5rem;
    color: #F6B125;
    line-height: 1;
}

.About_us .out .left .Number_list .Number_item .title span {
    font-weight: 400;
    font-size: 1.4rem;
    color: #F6B125;
    line-height: 1;
    display: block;
    margin: 0px 1rem;
}

.About_us .out .left .Number_list .Number_item p {
    font-weight: 500;
    font-size: 1.6rem;
    color: #717171;
}

.About_us .out .right {
    width: 50%;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
}

.About_us .out .right .img {
    width: 100%;
    display: block;
}

.About_us .out .right .Play {
    position: absolute;
    right: 2.4rem;
    bottom: 2.7rem;
    width: 12rem;
    cursor: pointer;
}

.About_us .out .right .Play img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Brand_Family {
    width: 100%;
    padding: 18rem 0px 13rem 0px;
    background: #F2F2F3;
}

.Brand_Family .out {
    display: flex;
    flex-wrap: wrap ;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.Brand_Family .out .text {
    width: 48%;
}

.Brand_Family .out .text h2 {
    font-weight: 500;
    font-size: 3.2rem;
    color: #363636;
    line-height: 1.5em;
}

.Brand_Family .out .text .txt {
    margin-top: 7rem;
    width: 100%;
}

.Brand_Family .out .text .txt p {
    font-weight: 400;
    font-size: 2rem;
    color: #363636;
    line-height: 1.9em;
}

.Brand_Family .out  .img {
    width: 48%;
}

.Brand_Family .out .img img {
    width: 100%;
    display: block;
}

.Sunshine_Culture {
    padding: 20rem 0px 18rem 0px;
    margin-bottom: 10rem ;
    width: 100%;
    overflow: hidden;
    background: url(../images/xiangrikui.webp) no-repeat center / cover;
    background-size: cover;
}

.Sunshine_Culture .out {
    margin-top: 6rem;
    display: flex;
}

.Sunshine_Culture .out .text {
    width: 100%;
}

.Sunshine_Culture .out .text h2 {
    font-weight: 500;
    font-size: 4.6rem;
    color: #FFFFFF;
    margin-bottom: 1.6rem;
    line-height: 1.3em;
}

.Sunshine_Culture .out .text span {
    font-weight: 400;
    font-size: 1.8rem;
    color: #FFFFFF;
}

.Sunshine_Culture .out .text .txt {
    margin-top: 7rem ;
}

.Sunshine_Culture .out .txt p {
    font-weight: 400;
font-size: 2.4rem ;
color: #F1F1F1;
line-height: 1.8em ;
}


.Development_History {
    position: relative;
    width: 100%;
}

.Development_History .container {
    padding-bottom: 16%;
}

.Development_History .History_text_swiper {
    width: 100%;
    max-width: 64.6rem;
    margin-top: 8rem;
}

.Development_History .History_text_swiper .swiper-slide {
    text-align: center;
    width: 100%;
}

.Development_History .History_text_swiper .swiper-slide h3 {
    font-weight: bold;
    font-size: 2.2rem;
    color: #2B2B2B;
    margin-bottom: 2rem;
}

.Development_History .History_text_swiper .swiper-slide p {
    text-align: center;
    font-weight: 400;
    font-size: 1.7rem;
    color: #2E2E2E;
    line-height: 1.7em;
}

.Development_History .out {
    /* margin-top: 9.5rem ; */
    width: 100%;
    position: relative;
}

.Development_History .out .Avatar {
    position: absolute;
    left: -0px;
    top: 35%;
    z-index: 5;
    width: 10.5rem;
}

.Development_History .out .Avatar img {
    width: 100%;
    display: block;
}

.Development_History .out {
    padding-right: 10%;
    padding-left: 5%;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.Development_History .out .History_swiper {
    width: 100%;
    padding: 10rem 0px;
    margin: 0 auto;
    padding-right: 8%;
    box-sizing: border-box;
}

.Development_History .out .History_swiper::after {
    content: '';
    position: absolute;
    left: 0px;
    width: 56%;
    height: 0.3rem;
    background: #F6B125;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

.Development_History .out .History_swiper .swiper-wrapper {
    position: relative;
    z-index: 5;
}

.Development_History .out .History_swiper .swiper_dian {
    position: absolute;
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    left: 0px;
    overflow: hidden;
    box-sizing: border-box;
}

.Development_History .out .History_swiper .swiper_dian span {
    width: 0.3rem;
    height: 0.3rem;
    display: block;
    border-radius: 50%;
    background: #F6B125;
    margin: 0px 0.7rem;
    flex: none;
}

.Development_History .out .History_swiper .swiper-slide {
    width: 22%;
    display: flex;
    justify-content: right;
}

.Development_History .out .History_swiper .swiper-slide .txt {
    position: relative;
    width: max-content;
}

.Development_History .out .History_swiper .swiper-slide .dian {
    width: 1.4rem;
    height: 1.4rem;
    background: linear-gradient(180deg, #FFCA5E 0%, #FFAB00 100%);
    border-radius: 50%;
}

.Development_History .out .History_swiper .swiper-slide .dian .icon_1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 6.6rem;
    height: 6.6rem;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    z-index: 1;
    background: linear-gradient(180deg, #FFCA5E 0%, #FFAB00 100%);
    position: relative;
    transition: 0.5s ease;
}

.Development_History .out .History_swiper .swiper-slide .dian .icon_1::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: scale(1.4);
    background: linear-gradient(180deg, #FFCA5E 0%, #FFAB00 100%);
    opacity: 0.6;
    border-radius: 50%;
}


.Development_History .out .History_swiper .swiper-slide .txt h3 {
    position: absolute;
    bottom: -4rem;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: 0.5s ease;
}

.Development_History .History_img {
    position: absolute;
    right: 10%;
    bottom: 3rem;
    width: 62%;
    display: block;
    pointer-events: none;
}

.Development_History .out .swiper-button-prev,
.Development_History .out .swiper-button-next {
    right: 0px;
    width: 5.244rem;
    height: 5.244rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6b025;
    margin-top: 0px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
}

.Development_History .out .swiper-button-prev {
    right: 10.5rem;
}

.Development_History .out .swiper-button-prev::after,
.Development_History .out .swiper-button-next::after {
    font-size: 1.7rem;
    color: #FFF;
    font-weight: 500;
}

.Development_History .out .History_swiper .swiper-slide-active .dian .icon_1 {
    transform: translate(-50%, -50%) scale(1);
}

.Development_History .out .History_swiper .swiper-slide-active .txt h3 {
    top: 50%;
    bottom: 0px;
    transform: translate(-50%, -50%);
    color: #FFF;

}

.source_nav,
.fixed_nav {
    width: 100%;
    height: 9rem;
    background: #FFF;
}

.source_nav .nav_list .nav_item .title,
.fixed_nav .nav_list .nav_item .title {
    color: #202020;
}

#fullpage {
    width: 100%;
}

.fullpage_body .container {
    width: 90% !important;
}

.milk_source {
    width: 100%;
    height: 100vh;
    position: relative;
}

#fullpage .section {
    height: 100vh;
    width: 100%;
}

#fullpage .section .fp-overflow {
    height: 100%;
    width: 100%;
}

.milk_source .img_out {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.milk_source .img_out img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
}

.milk_source .img_out img.active {
    opacity: 1;
}

.milk_source .out {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    padding-top: 30.57vh;
    box-sizing: border-box;
    background: radial-gradient(#00000066, transparent);
}

.milk_source .out .text {
    max-width: 95rem;
    margin: 0 auto;
    margin-top: 4vw;
    width: 100%;
}

.milk_source .out .text p {
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    line-height: 2em;
}

.milk_source .out .list {
    max-width: 114rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 10rem;
    gap: 3rem 2%;
}

.milk_source .out .list .item {
    width: 32%;
    border: 0.1rem solid #FFFFFF;
    padding: 3rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.06);
    cursor: pointer;
}

.milk_source .out .list .item .txt {
    display: flex;
    align-items: flex-start;
    margin-top: 1.4rem;
}

.milk_source .out .list .item .txt img {
    width: 1.4rem;
    height: 1.7rem;
    height: auto;
    display: block;
    margin-right: 0.6rem;
    transform: translateY(0.4rem);
}

.milk_source .out .list .item .txt p {
    font-weight: 400;
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 1.6em;
}

.milk_source .out .list .item h3 {
    font-weight: 500;
    font-size: 2.3rem;
    color: #FFFFFF;
}

.milk_source .out .list .item.active {
    background: rgba(246, 177, 37, 0.86);
}

.milk_source .out .title_public h2 {
    color: #FFF;
}

.milk_source .out .title_public p {
    color: #fff;
}

.milk_source .img_out img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    object-fit: cover;
}

.ranch {
    width: 100%;
    background: url(../images/10212.webp) no-repeat center center / cover;
    padding-top: 10rem;
    box-sizing: border-box;
}

.ranch .container {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}

.ranch .img_list .ceng {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: radial-gradient(#00000066, transparent);
}

.ranch .img_list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    overflow: hidden;
}

.ranch .img_list img {
    width: 100%;
    height: 100%;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: scale(1.3);
  transition: transform 5s ease-in-out;
    object-fit: cover;
        opacity: 0;
}

.ranch .img_list img.active {
    visibility: visible;
    transform: scale(1);
        opacity: 1 ;
          
}

.ranch .swiper {
    width: 100%;
    height: 100%;
}

.ranch .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*align-items: center ;*/
    justify-content: center;
}

.ranch .text {
    width: 100%;
    max-width: 70.5rem;
}

.ranch .text h2 {
    font-weight: 500;
    font-size: 3.8rem;
    color: #fff;
    margin-bottom: 4rem;
}

.ranch .text p {
    font-weight: 400;
    font-size: 2.2rem;
    color: #fff;
    line-height: 1.7em;
}


#fullpage .footer_section {
    height: auto;
}

.Product_Details {
    width: 100%;
    padding: 8rem 0px;
    background: #FFF;
    box-sizing: border-box;
    position: relative;
}

.Product_Details .container {
    position: relative;
    z-index: 10;
}

.Product_Details .icon_XAuyze {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 20%;
    display: block;
    width: 60%;
    pointer-events: none;
    z-index: 1;
}

.Product_Details .title {
    width: 100%;
    text-align: center;
}

.Product_Details .title h2 {
    font-size: 3.6rem;
    font-weight: normal;
    color: #333;
}

.Product_Details .title h3 {
    font-size: 1.8rem;
    margin: 2rem 0px 1rem 0px;
    font-weight: normal;
    color: #333;
}

.Product_Details .title p {
    text-align: center;
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.7em;
}

.Product_Details .Details_Swiper {
    width: 100%;
    margin-top: 6rem;
    position: relative;
    z-index: 10;
}

.Product_Details .Details_Swiper .swiper-wrapper {
    align-items: center;
}


.Product_Details .Details_Swiper .swiper-slide {
    width: 33.33%;
    display: flex;
    justify-content: center;
    transform: scale(0.6);
    transition: 0.5s ease;
}

.Product_Details .Details_Swiper .swiper-slide-active {
    transform: scale(1);
}



.Product_Details .Details_Swiper .swiper-slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 54rem;
}

.Product_Details .Details_Swiper .swiper-button-prev,
.Product_Details .Details_Swiper .swiper-button-next {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background: #ECECEC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Product_Details .Details_Swiper .swiper-button-prev::after,
.Product_Details .Details_Swiper .swiper-button-next::after {
    font-size: 1.7rem;
    color: #FFF;
}

.Product_Details .Details_Swiper .swiper-button-prev {
    left: 30%;
}

.Product_Details .Details_Swiper .swiper-button-next {
    right: 30%;
}

.Product_Details .Details_Swiper .swiper-button-prev:hover,
.Product_Details .Details_Swiper .swiper-button-next:hover {
    background: #f6b025;
}

.Product_Details_Text {
    width: 100%;
    margin-bottom: 8rem;
    /*padding-top: 7rem;*/
    box-sizing: border-box;
}

.Product_Details_Text .container {
    max-width: 140rem;
}

.Product_Details_Text p {
    color: #333333;
    font-size: 1.6rem;
    line-height: 1.8em;
}

.Return_list {
    width: 16rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.25rem;
    background: #f6b025;
    color: #202020;
    font-size: 1.6rem;
}

.Product_Details_Text .Return_list {
    margin: 0 auto;
    margin-top: 7rem;
}

.Return_list img {
    height: 1.4rem;
    display: block;
    margin-right: 1rem;
}

.News_Details {
    padding-top: 18rem;
    box-sizing: border-box;
    margin-bottom: 8rem;
}

.News_Details .container {
    max-width: 140rem;
}

.News_Details .title_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5rem;
    margin-bottom: 3rem;
    border-bottom: 0.1rem solid #ECECEC;
}

.News_Details .title_box .title {
    width: 70%;

}

.News_Details .title_box .title h2 {
    font-size: 3.6rem;
    font-weight: normal;
    margin-bottom: 3rem;
}

.News_Details .title_box .title span {
    font-size: 1.6rem;
    color: #999999;
    display: block;
}

.News_Details .text {
    width: 100%;
    padding-bottom: 4rem;
    border-bottom: 0.1rem solid #ECECEC;
    margin-bottom: 2rem;
}

.News_Details .text p {
    line-height: 1.8em;
    font-size: 16px;
    color: #333333;
}

.News_Details .text img,
.News_Details .text video {
    width: auto;
    max-width: 100%;
    height: auto;
}

.but_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.but_box a {
    color: #666;
    font-size: 1.6rem;
    max-width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.but_box a:hover {
    color: #f6b025;
}


/* 手机版导航 */
.menu-toggle {
    display: none;
    width: 60px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9999;
    cursor: pointer;
}

.cd-nav-trigger {
    width: 100%;
    height: 100%;
    display: block;
    /* background-color: var(--a_hover_color); */
}

.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #f6b025;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 38%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-delay: 0.15s;
}

.menu-toggle span.hamburger {
    width: 20px !important;
}

.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #f6b025;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 38%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-delay: 0.15s;
}

.menu-toggle span.hamburger:after {
    margin-top: -7px;
    top: 0;
    transition-delay: 0.27s;
}

.menu-toggle span.hamburger:before {
    margin-top: 7px;
    top: 0;
    transition-delay: 0.2s;
}

.no-touchs .menu-toggle span.hamburger,
.no-touchs .menu-toggle span.hamburger:after,
.no-touchs .menu-toggle span.hamburger:before {
    transition-delay: 0.12s;
    -webkit-transform: translateX(-70px);
    -moz-transform: translateX(-70px);
    -ms-transform: translateX(-70px);
    -o-transform: translateX(-70px);
    transform: translateX(-70px);
}

.no-touchs .menu-toggle span.hamburger,
.no-touchs .menu-toggle span.hamburger:after,
.no-touchs .menu-toggle span.hamburger:before {
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -ms-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
}

.no-touchs .menu-toggle span.hamburger:after {
    transition-delay: 0s;
}

.no-touchs .menu-toggle span.hamburger:before {
    transition-delay: 0.07s;
}

.menu-toggle span.cross:before,
.menu-toggle span.cross:after {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #f6b025;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 45%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -moz-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -ms-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -o-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transition-delay: 0.12s;
}

.menu-toggle span.cross:after {
    transition-delay: 0s;
    -webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    -moz-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    -ms-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    -o-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    transform: translateY(70px) translateX(-70px) rotate(-45deg);
}

.menu-toggle span.cross:after {
    -webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    -moz-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    -ms-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    -o-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    transform: translateY(-70px) translateX(70px) rotate(-45deg);
}

.no-touchs .menu-toggle span.cross:before {
    transition-delay: 0.12s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.no-touchs .menu-toggle span.cross:after {
    transition-delay: 0.24s;
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

.Mobile-navigation {
    width: 100%;
    height: 100vh;
    background: #f6b025;
    padding: 4rem 4rem 4rem 4rem;
    box-sizing: border-box;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease;
}

.no-touchs .Mobile-navigation {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}

.Mobile-navigation ul {
    width: 100%;
    margin: 0 auto;
}

.Mobile-navigation ul li {
    padding: 0px 1rem;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.28);
}

.Mobile-navigation ul li .tit {
    display: flex;
    width: 100%;
    align-items: center;
    height: 5.8rem;
}

.Mobile-navigation ul li .tit a {
    height: 100%;
    width: 100%;
    line-height: 5.8rem;
    font-size: 2rem;
    color: #FFF;
    font-weight: 400;
}

.Mobile-navigation ul li .tit .icon {
    width: 5.8rem;
    height: 5.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    cursor: pointer;
}

.Mobile-navigation ul li .tit .icon img {
    width: 3rem;
    height: 3rem;
    display: block;
    transition: 0.5s ease;
}

.Mobile-navigation ul li .tit .icon.active img {
    transform: rotate(180deg);
}

.Mobile-navigation ul li .box {
    width: 100%;
    padding: 1rem 1rem 3rem;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
}

.Mobile-navigation ul li .box a {
    width: 48%;
    float: left;
    height: 4rem;
    line-height: 4rem;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.Mobile-navigation ul li .box a::before {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    border-radius: 50%;
    background: #fff;
    content: '';
    margin-right: 0.6rem;
}

.Mobile-navigation .button-list {
    width: 100%;
    margin-top: 4rem;
}

.Mobile-navigation .button-list a {
    width: 100%;
    height: 5rem;
    border-radius: 1rem;
    background: #00B2E3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    line-height: 1;
}

.Mobile-navigation .button-list a:last-child {
    margin-bottom: 0px;
}

.Pagination_out {
    display: flex;
    margin-top: 7rem;
    width: 100%;
    justify-content: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    /*margin: 2rem auto;*/
    border-radius: 0.4rem;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #f6b025;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #f6b025;
    border-color: #f6b025;
    cursor: default;
}

.Contact-pages {
    width: 100%;
    margin: 8rem 0px 8rem 0px;
    box-sizing: border-box;
}

.Contact-pages .out {
    margin-top: 5.8rem;
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
    /* border: 0.1rem solid #DDDDDD; */
}

.Contact-pages .out .box {
    width: 25%;
    /* padding: 5.5rem 1.5rem; */
    box-sizing: border-box;
    /* border-right: 0.1rem solid #DDDDDD; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Contact-pages .out .box:last-child {
    border-right: none;
}

.Contact-pages .out .box img {
    width: 6.8rem;
    height: 6.8rem;
    display: block;
    margin-bottom: 2rem;
}

.Contact-pages .out .box h3 {
    font-weight: 500;
    font-size: 1.8rem;
    color: #333333;
    margin-bottom: 1.5rem;
}

.Contact-pages .out .box i {
    width: 3.9rem;
    height: 0.4rem;
    display: block;
    margin-bottom: 1.5rem;
    background: #f6b025;
}

.Contact-pages .out .box a,
.Contact-pages .out .box p {
    font-weight: 400;
    font-size: 1.5rem;
    color: #888888;
    text-align: center;
}

.Contact-pages .out .QRcode img {
    width: 11rem;
    height: 11rem;
    display: block;
    object-fit: cover;
        border: 0.1rem solid #cccccc78;
    padding: 0.5rem;
    box-sizing: border-box;
}

.Contact-pages .title {
    width: 100%;
    text-align: center;
}

.Contact-pages .title h2 {
    font-weight: bold;
    font-size: 3.6rem;
    color: #232323;
    margin-bottom: 1rem;
}

.Contact-pages .title span {
    font-weight: 400;
    font-size: 1.6rem;
    color: #111111;
}

.Online-Message {
    width: 100%;
    background: url(../images/0480e89f89797d49e2194371380141964ce239b92ee262-J4QIx3.webp) no-repeat center;
    background-size: cover;
    padding: 6rem 0px 8rem 0px;
    box-sizing: border-box;
}

.Online-Message .tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Online-Message .tit h2 {
    font-weight: bold;
    font-size: 3.6rem;
    color: #111111;
    margin-bottom: 1rem;
}


.Online-Message .tit span {
    font-weight: 400;
    font-size: 1.6rem;
    color: #828282;
}

.Online-Message h3 {
    font-weight: bold;
    font-size: 4.6rem;
    color: #232323;
    margin-top: 2rem;
    margin-bottom: 8rem;
}

.Online-Message form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8rem;
}

.Online-Message form label {
    width: 48%;
    margin-bottom: 3rem;
}

.Online-Message form label span {
    font-weight: 400;
    font-size: 2rem;
    color: #535353;
}

.Online-Message form label input,
.Online-Message form label textarea {
    width: 100%;
    background: none;
    padding: 2.1rem 0.5rem;
    border-bottom: 0.1rem solid #DFDFDF;
    margin-top: 1.6rem;
    font-family: auto;

}

.Online-Message form label input::placeholder,
.Online-Message form label textarea::placeholder {
    font-weight: 400;
    font-size: 1.6rem;
    color: #ABABAB;
    font-family: auto;
}

.Online-Message .button {
    width: 100%;
    margin-top: 7rem;
    text-align: center;
}

.Online-Message .button button {
    max-width: 47.7rem;
    width: 100%;
    height: 6.7rem;
    background: #F6B125;
    border-radius: 3.3rem;
    font-weight: 400;
    font-size: 2rem;
    color: #FFFFFF;
    margin: 0 auto;
}

.Verification-code {
    width: 100%;
    position: relative;
}

.Verification-code img {
    position: absolute;
    right: 0px;
    height: 6rem;
    width: 18rem;
    display: block;
    object-fit: contain;
    bottom: 1rem;
    cursor: pointer;
    border: 0.1rem solid #0000001f;

    background: #FFF;

}

.Media_reports {
    width: 100%;
    margin: 8rem 0px 7rem 0px;
    background: #FFF;
}

.Media_reports .out {
    width: 100%;
    margin-top: 6rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* align-items: center ; */
    justify-content: space-between;
}

.Media_reports .out .left {
    width: 100%;
    padding-top: 3%;
}

.Media_reports .out .left .title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.Media_reports .out .left h2 {
    color: #232323;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 3rem;
}

.Media_reports .out .left .tit {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.Media_reports .out .left h3 {
    padding: 0.8rem 6rem;
    box-sizing: border-box;
    background: #F6B125;
    font-weight: 400;
    text-align: centere;
    font-size: 1.8rem;
    border-radius: 5rem;
    color: #FFF;
    width: max-content;
    flex: none;
}

.Media_reports .out .left .icon {
    width: 62%;
    display: block;
    margin-left: 4rem;
}

.Media_reports .out .left p {
    color: #232323;
    font-size: 1.8rem;
    line-height: 1.7em;
}

.Media_reports .out .left .Media_swiper {
    width: 100%;
    padding: 5rem 1rem;
    margin-top: 5rem;
}

.Media_reports .out .left .swiper-wrapper {
    transition-timing-function: linear !important;
}

.Media_reports .out .left .swiper-slide {
    width: 22%;
    height: 14rem;
    /* border: 0.1rem solid #F6B125 ; */
    padding: 1rem 2rem;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.1);
    background: #FFF;
    box-sizing: border-box;
    margin-right: 4%;
}

.Media_reports .out .left .swiper-slide:last-child {
    margin-right: 0px;
}

.Media_reports .out .left .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.Media_reports .out .img {
    width: 46%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Media_reports .out .img img {
    width: 50%;
    display: block;
    border-radius: 1rem;
    border: 0.23em solid #F6B125;
}

.video-popup,
.img-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.36);
    display: none;
}


.video-popup .out {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    max-width: 90rem;
    background: #FFF;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    box-sizing: border-box;
    border-radius: 1rem;
    box-shadow: 0px 0px 1rem 0.1rem #00000041;
    border: 0.1rem solid #CCCCCC;
}

.video-popup .out video {
    width: 100%;
    display: block;
}

.video-popup .out .Close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 3rem;
    height: 3rem;
    border: 0.1rem solid #CCCCCC;
    background: #ffffff69;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    border-radius: 50%;
    line-height: 1;
    cursor: pointer;
    transform: translate(100%, -100%);
}

.video-popup .out .Close svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #333;
}

.img-popup .out {
    width: 30rem;
    height: 30rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    padding: 1rem;
    box-sizing: border-box;
    display: flex ;
    flex-direction: column ;
    align-items: center ;
    justify-content: center ;
}

.img-popup .out img {
    width: 70%;
    display: block;
    object-fit: contain;
        border: 0.1rem solid #eee;
}

.img-popup .out span {
    font-size: 1.5rem ;
    color: #333 ;
    font-weight: 400 ;
        display: block;
    margin-top: 2rem;
}

/* 断点 */
@media (min-width: 1920px) {
    html {
        font-size: clamp(10px, calc(100vw / 192), 20px);
    }
}

@media (max-width:1919px) {
    html {
        font-size: clamp(5px, calc(100vw / 192), 10px);
    }
}

@media (max-width:1600px) {
    html {
        font-size: clamp(5px, calc(100vw / 170), 10px);
    }
}

@media (max-width:1440px) {
    html {
        font-size: clamp(5px, calc(100vw / 150), 10px);
    }

    .product .Product_out .product_list_title {
        height: 54vw
    }

    .product .Product_out .product_list_title .title_list {
        padding-top: 40vw;
    }

    .banner_swiper .text h2 {
        font-size: 6rem;
    }

    .nav .nav_list .nav_item {
        margin-right: 8rem;
    }

    .product .Product_out .product_list_title {
        height: 63vw;
    }

    .Enterprise_Advantages .out .box .end_box h3 {
        font-size: 2.6rem;
    }

    .About_culture .box.active {
        width: 39%;
    }

    .About_culture .box {
        width: 28%;
    }

    .About_culture,
    .product {
        padding-top: 8rem;
    }

    .product .Product_out .product_list_title {
        height: 56vw;
    }

    .product .Product_out .out {
        margin-top: 8rem;
    }

    .Enterprise_Advantages {
        padding: 8rem 0px 10rem 0px;
    }

    .Enterprise_Advantages .out {
        height: 55rem;
    }

    .News {
        padding: 8rem 0px;
    }

    .Brand_Family .text {
        width: 100%;
    }
    
    .Talent_Recruitment .out .rigth .img {
        transform: scale(1.2);
    }

}

@media (max-width: 1200px) {
    html {
        font-size: clamp(5px, calc(100vw / 135), 10px);
    }

    .nav .nav_list .nav_item {
        margin-right: 6rem;
    }

    .About_culture .box .text h2 {
        font-size: 2.6rem;
    }

    .About_culture .box .text span {
        font-size: 2.2rem;
    }

    .product .Product_out .product_list_title>img {
        width: auto;
    }

    .product .Product_out .product_list_title {
        height: 63vw;
    }

    .product .Product_out .product_list_title .title_list {
        padding-top: 45vw;
        width: 45%;
    }

    .product .Product_out .title {
        font-size: 4rem;
    }

    .product .Product_out .out .box .left h3 {
        font-size: 3.4rem;
        margin-bottom: 2rem;
    }

    .product .Product_out .out .box .right {
        width: 20.188%;
        padding-top: 40%;
        margin-left: 4%;
    }

    .Enterprise_Advantages .out .box .end_box {
        padding: 3rem 2rem;
    }

    .Enterprise_Advantages .out .box .end_box .icon,
    .Enterprise_Advantages .out .box .top_box .icon {
        height: 4.7rem;
    }

    .News .swiper-slide .img {
        height: 26rem;
    }

    .News .swiper-slide .text {
        padding: 3rem 2rem;
        box-sizing: border-box;
    }

    .News .swiper-slide .text h3 {
        font-size: 2.3rem;
    }

    .Brand_Family {
        padding: 10.436% 0px 9% 0px;
    }

    .product_pages .bur_list {
        gap: 3rem 4.625%;
    }

    .product_pages,
    .Sunshine_pages,
    .News_pages {
        padding: 8rem 0px;
    }

    .Talent_Recruitment .out .rigth .text_box .box {
        gap: 0px 4rem;
    }

}

@media (max-width: 992px) {
    html {
        font-size: clamp(5px, calc(100vw / 120), 10px);
    }

    .menu-toggle {
        display: flex;
    }

    .nav .nav_list {
        display: none;
    }

    .nav {
        background: #FFF;
    }

    .banner_swiper {
        margin-top: 10rem;
    }

    .banner_swiper .text h2 {
        font-size: 5rem;
    }

    .product .Product_out .product_list_title {
        height: auto;
    }

    .product .Product_out .product_list_title>img {
        display: none;
    }

    .product .container {
        position: static;
        transform: translate(0px);
        padding-top: 0px;
        height: auto;
    }

    .product .Product_out {
        height: 92rem;
    }

    .product .Product_out .out .box .left {
        width: 60%;
    }

    .product .Product_out .out .box {
        justify-content: space-between;
    }

    .product .Product_out .out .box .right {
        width: 26%;
        padding-top: 45%;
    }

    .product .Product_out .product_list_title .title_list {
        transform: translate(0px);
        top: auto;
        left: 0px;
        bottom: 6rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        padding-top: 0px;
        gap: 3rem 2%;
        width: 90%;
        margin: 0 auto;
    }

    .product .Product_out .product_list_title .title_list .item_list {
        position: static;
        padding: 0.7rem 1.5rem;
        border: 0.1rem solid #33333327;
        background: #FFAB00;
        width: 23.5%;
        box-sizing: border-box;
    }


    .Enterprise_Advantages .out {
        flex-wrap: wrap;
        height: auto;
        margin-top: 6rem;
        gap: 3rem 2%;
        justify-content: left;
    }

    .Enterprise_Advantages .out .box {
        width: 32%;
    }

    .Enterprise_Advantages .out .box.active .top_box {
        display: none;
    }

    .Enterprise_Advantages .out .box.active .end_box .icon {
        height: 4.7rem;
    }

    .News .swiper-slide {
        width: 48%;
    }

    .News .swiper-slide .img {
        height: 32%;
    }

    #footer .Top-logo .out .logo {
        height: 8.5rem;
    }

    .banner_pages {
        margin-top: 10rem;
    }

    .product_pages .bur_list {
        gap: 3rem 2%;
    }

    .product_pages .bur_list .item {
        width: 32%;
    }

    .product_pages .out .box .img {
        height: 28rem;
    }

    .Sunshine_pages .out {
        flex-wrap: wrap;
        height: auto;
        flex-direction: column-reverse;
    }

    .Sunshine_pages .out .right_swiper {
        width: 100%;
        height: 64rem;
    }

    .Sunshine_pages .out .right_swiper .txt {
        width: 82%;
    }

    .Sunshine_pages .out .Left_swiper {
        width: 100%;
        padding-right: 0px;
        padding-top: 4rem;
    }

    .Sunshine_pages .out .Left_swiper .swiper-slide {
        width: 24%;
        margin-bottom: 0px;
        margin-right: 1%;
        height: 13rem;
    }

    .Sunshine_pages .out .Left_swiper .swiper-slide:last-child {
        margin-right: 0px;
    }

    .Sunshine_pages .out .Left_swiper .swiper-slide::after {
        top: 0px;
        left: 50%;
        transform: translate(-50%, -90%) rotate(-90deg);
    }

    .News_pages .out {
        justify-content: space-between;
        gap: 3rem 0px;
    }

    .News_pages .out .box {
        width: 48%;
    }

    .News_pages .swiper-slide .text {
        padding: 8rem 5rem;
        box-sizing: border-box;
    }


    .Investment_Cooperation .out {
        flex-wrap: wrap;
    }

    .Investment_Cooperation .out .left {
        width: 100%;
    }

    .Investment_Cooperation .out .right {
        width: 100%;
        margin-top: 4rem;
    }

    .Talent_Recruitment .out {
        flex-wrap: wrap;
    }

    .Talent_Recruitment .out .left {
        display: none;
    }

    .Talent_Recruitment .out .rigth {
        width: 100%;
    }

    .Product_Details .Details_Swiper .swiper-slide img {
        width: 100%;
    }

    .Product_Details .Details_Swiper .swiper-button-next {
        right: 0px;
    }

    .Product_Details .Details_Swiper .swiper-button-prev {
        left: 0px;
    }

    .News_Details .text p {
        font-size: 14px;
    }

    .product .Product_out .product_list_title .title_list .ousyua {
        display: flex;
        flex-wrap: wrap;
        animation-fill-mode: forwards !important;
        animation-name: none;
        position: static;
        gap: 3rem 2%;
    }

    .product .Product_out .product_list_title .title_list::after {
        display: none;
    }

    .video-popup .out .Close {
        right: 3.1rem;
        top: -1rem;
    }

    .Sunshine_Culture {
        padding: 10rem 0px 13rem 0px;
    }
}

@media (max-width: 768px) {
    html {
        font-size: clamp(5px, calc(100vw / 92), 10px);
    }

    .About_culture .box .text h2 {
        font-size: 2.4rem;
    }

    .About_culture .box.active {
        width: 40%;
    }

    .product .Product_out .product_list_title .title_list .item_list {
        width: auto;
    }

    .product .Product_out .product_list_title .title_list .item_list h3 {
        font-size: 2rem;
    }

    #footer .footer-information .out .right {
        display: none;
    }

    #footer .footer-information .out .left {
        width: 100%;
    }

    .title_public h2 {
        font-size: 4rem;
    }

    #footer .footer-information .out .left li span,
    #footer .footer-information .out .left li a {
        font-size: 1.8rem;
    }

    .About_us .out {
        flex-wrap: wrap;
    }

    .About_us .out .left {
        width: 100%;
        margin-bottom: 6rem;
    }

    .About_us .out .right {
        width: 100%;
    }

    .About_us,
    .Sunshine_Culture {
        padding: 6rem 0px;
    }

    .Brand_Family .text p {
        font-size: 2rem
    }

    .Sunshine_Culture .out {
        flex-wrap: wrap;
    }

    .Sunshine_Culture .out .left {
        width: 100%;
    }

    .Sunshine_Culture .out .right {
        width: 100%;
        margin-top: 4rem;
    }

    .Sunshine_Culture .out .content {
        display: none;
    }

    .Development_History .out .History_swiper .swiper-slide {
        width: 23%;
    }

    .News_pages .out .box .img {
        height: 25rem;
    }

    .News_pages .out .box .text {
        padding: 3rem;
    }

    .Online-Message form label {
        width: 100%;
    }

    .Contact-pages .out {
        gap: 4rem 0px;
        justify-content: space-between;
    }

    .Contact-pages .out .box {
        width: 48%;
    }

    .Sunshine_pages .out .right_swiper {
        height: 50rem;
    }

    .Brand_Family .out .text {
        width: 100% ;
    }

    .Brand_Family .out .img {
        width: 100% ;
        margin-top: 4rem ;
    }

}

@media (max-width: 575px) {
    html {
        font-size: clamp(5px, calc(100vw / 57), 10px);
    }

    .nav {
        height: 8rem;
    }

    .banner_swiper {
        margin-top: 8rem;
    }

    .nav .logo {
        height: 7rem;
    }

    .banner_swiper .text h2 {
        font-size: 3.6rem;
        text-align: center;
    }

    .product .icon_img {
        width: 100%;
        top: 12.8rem;
    }

    .product .Product_out .out .box {
        flex-wrap: wrap;
    }

    .product .Product_out .out .box .left {
        width: 100%;
    }

    .About_culture {
        display: none;
    }

    .About_culture,
    .product {
        padding-top: 6rem;
    }

    .product .Product_out .title {
        font-size: 3.4rem;
    }

    .product .Product_out .out {
        margin-top: 3rem;
    }

    .product .Product_out .out .box .left h3 {
        font-size: 3rem;
    }

    .product .Product_out {
        height: 126rem;
    }

    .product .Product_out .out .box .right {
        width: 40%;
        padding-top: 70%;
        margin-left: 0px;
        margin: 0 auto;
        margin-top: 3rem;
    }

    .product .Product_out .product_list_title .title_list .item_list {
        width: 48%;
    }

    .Enterprise_Advantages {
        padding: 6rem 0px 8rem 0px;
    }

    .title_public h2 {
        font-size: 3.6rem;
    }

    .Enterprise_Advantages .out .box {
        width: 48%;
    }

    .News .swiper-slide {
        width: 100%;
    }

    .News {
        padding: 6rem 0px;
    }

    #footer .footer-information .out .left li span,
    #footer .footer-information .out .left li a {
        font-size: 1.7rem;
    }

    #footer .footer-information .out {
        margin-bottom: 3rem;
    }

    #footer .Filing-number .out .support {
        position: relative;
    }

    #footer .Top-logo .out .logo {
        height: 7rem;
    }

    .banner_pages {
        margin-top: 8rem;
    }

    .banner_pages .text .container h2 {
        font-size: 2.6rem;
        margin-bottom: 1rem;
    }

    .banner_pages .text .container p {
        font-size: 1.8rem;
        display: none;
    }

    .About_us .out .left h2 {
        font-size: 3.6rem;
        margin-bottom: 2.2rem;
    }

    .About_us .out .left h3 {
        font-size: 2.4rem;
    }

    .Sunshine_Culture .out .right h3 {
        margin-bottom: 3.7rem;
    }

    .Development_History .out .Avatar {
        display: none;
    }

    .Development_History .out .swiper-button-prev {
        right: 0px;
        left: 0px;
    }

    .Development_History .out .History_swiper .swiper-slide {
        width: 48%;
    }

    .product_pages .bur_list .item {
        width: 48%;
    }

    .product_pages .out {
        justify-content: space-between;
        gap: 2rem 0px;
    }

    .product_pages,
    .Sunshine_pages,
    .News_pages {
        padding: 6rem 0px;
    }

    .product_pages .out .box {
        width: 48%;
    }

    .product_pages .out .box a {
        padding: 2rem;
    }

    .product_pages .out .box .img {
        height: 20rem;
    }

    .milk_source .out {
        padding-top: 16vh;
    }

    .milk_source .out .list .item {
        width: 48%;
    }

    .milk_source .out .list {
        margin-top: 6rem;
    }

    .milk_source .out .list .item {
        padding: 2rem;
    }

    .milk_source .out .list .item h3 {
        font-size: 1.8rem;
    }

    .milk_source .out .list .item .txt p {
        font-size: 1.3rem;
    }

    .ranch .text h2 {
        font-size: 3.2rem;
        margin-bottom: 2rem;
    }

    .ranch .text p {
        font-size: 2rem;
    }

    .Sunshine_pages .out .right_swiper .swiper-slide .txt {
        width: 100%;
        height: 100%;
        right: 0px;
        top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Sunshine_pages .out .Left_swiper .swiper-slide {
        width: 32%;
        height: 10rem;
    }

    #footer .footer-information .out .left li {
        margin-bottom: 1.5rem;
    }

    .News_pages .swiper-slide a {
        flex-wrap: wrap;
    }

    .News_pages .News_swiper {
        display: none;
    }

    .News_pages .swiper-slide .left {
        width: 100%;
    }

    .News_pages .swiper-slide {
        height: auto;
    }

    .News_pages .out .box {
        width: 100%;
    }

    .News_pages .out .box .img {
        height: 30rem;
    }

    .Investment_Cooperation {
        margin: 6rem 0px;
    }

    .Investment_Cooperation .out .left h2 {
        font-size: 3rem;
    }

    .Talent_Recruitment .out .rigth {
        overflow: hidden;
    }

    .Talent_Recruitment .out .rigth>.img {
        transform: scale(1.5);
    }

    .News_Details .title_box .title {
        width: 100%;
        margin-bottom: 3rem;
    }

    .News_Details {
        padding-top: 13rem;
    }

    .product .Product_out .out .box .left .list_icon_swiper {
        width: 100%;
        padding: 0px;
        background: none;
    }

    .Media_reports .out .left {
        width: 100%;
        padding-top: 0px;
    }

    .Media_reports .out .img {
        width: 100%;
    }

    .Enterprise_Advantages .out {
        justify-content: space-between;
    }

    .Sunshine_pages .out .right_swiper {
        height: 31rem;
    }

    .Sunshine_pages .out .right_swiper .txt {
        padding: 2rem;
        width: 100%;
        right: 0px;
    }

    .Sunshine_pages .out .right_swiper .txt p {
        font-size: 1.6rem;
    }
    
    .Talent_Recruitment .out .rigth .text_box .box .item {
        margin-bottom: 1rem
    }
    
    .Talent_Recruitment .out .rigth .text_box h2 {
        margin-bottom: 3rem
    }

}

@media (max-width: 390px) {
    html {
        font-size: clamp(5px, calc(100vw / 48), 10px);
    }

    .product .Product_out .product_list_title .title_list .item_list .img {
        display: none;
    }

}