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

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

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


@font-face {
    font-family: 'MiSansRegular';
    src: url('../font/MiSans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiSansSemibold';
    src:  url('../font/MiSans-Semibold.otf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html {
    transition: font-size 0.3s ease;
    font-size: 10px;
    font-family: "MiSansRegular";
    font-weight: 400;
}

body {
    font-size: 1.5rem;
    /* 15px - 这样更清晰 */
}

.container {
    width: 100%;
    padding: 0px 2rem;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
}

.Content {
    width: 100%;
    max-width: 169.6rem;
    margin: 0 auto;
}

.nav {
    width: 100%;
    height: 9.2rem;
    background: #FFF;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
}

.nav .out {
    width: 100%;
    /* max-width: 169.6rem; */
    padding: 0px 9.4rem;
    box-sizing: border-box;
    /* padding: 0px 5.4rem 0px 3.2rem; */
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.nav .out .left {
    display: flex;
    height: 100%;
    align-items: center;
}

.nav .out .logo {
    height: 6rem;
    display: block;
}

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

.nav .out ul {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 9.5rem;
}

.nav .out ul li {
    height: 100%;
    margin-right: 3rem;
    position: relative;
    display: flex;
    align-items: center;
}

.nav .out ul li:last-child {
    margin-right: 0px;
}

.nav .out ul li .title {
    color: #009c85;
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
}

.nav .out .right {
    display: flex;
    align-items: center;
}

.nav .out .right .button {
    width: 11.2rem;
    height: 4.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 3rem;
    background: #009c85;
    color: #FFF;
    font-size: 1.8rem;
    margin-right: 4rem;
    letter-spacing: 0.1rem;
    font-family: 'MiSansRegular';
}

.nav .out .right .language {
    display: flex;
    align-items: center;
}

.nav .out .right .language img {
    width: 2.2rem;
    height: 2.2rem;
    display: block;
    object-fit: contain;
    margin-left: 1.4rem;
}

.nav .out .right .language .txt {
    display: flex;
    align-items: center;
}

.nav .out .right .language .txt a {
    font-size: 1.8rem;
    color: #1f2223;
}

.nav .out .right .language .txt span {
    display: block;
    margin: 0px 0.8rem;
    font-size: 1.8rem;
    color: #1f2223;
}

.nav .out .right .language .txt a:hover {
    color: #009c85;
}

.banner {
    width: 100%;
}

.banner .swiper-pagination {
    bottom: 5%;
}

.banner .swiper-pagination-bullet {
    width: 1rem ;
    height: 1rem ;
    background: #FFF ;
    opacity: 1 ;
    border-radius: 0.5rem;
    transition: 0.5s ease ;
}

.banner .swiper-pagination-bullet-active {
    width: 4.5rem ;
}

.banner .banner_swiper {
    width: 100%;
    height: 100%;
}

.banner .img {
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.banner .swiper-slide .text {
    position: absolute;
    top: 24.2rem;
    left: 13.3rem;
    padding: 5.8rem 5.3rem 5.35rem 5.3rem;
    box-sizing: border-box;
    /* background: linear-gradient(to right, #ffffff00, #ffffff4b);
    backdrop-filter: blur(0.4rem);
    border-radius: 3rem;
    z-index: 0;  */
    background: url(../images/frosted.png) no-repeat center;
    opacity: 0;
    overflow: hidden;
    max-width:75rem ;
    background-size: 100% 100%;
}



.banner .swiper-slide-active .text {
    animation-name: bounceInLeft;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    max-width:72rem ;
}

.banner .swiper-slide .text h2 {
    color: #FFF;
    font-size: 6.812rem;
    font-weight: 500;
    text-align: center;
    font-family: 'MiSansSemibold';
    line-height: 1;
}

.banner .swiper-slide .text .icon {
    margin: 2.5rem auto 3.6rem auto;
    display: block;
    width: 5rem;
}

.banner .swiper-slide .text .txt {
    padding-top: 2.5rem;
    border-top: 0.1rem solid #fff;
    width: 100%;
    text-align: center;
}

.banner .swiper-slide .text .txt h3 {
    font-size: 3.2rem;
    color: #FFF;
    font-weight: 500;
    margin-bottom: 0.85rem;
}

.banner .swiper-slide .text .txt p {
    font-size: 2.2rem;
    color: #FFF;
    font-family: 'MiSansRegular';
    width: 90%;
    max-width: 55rem;
    margin: 0 auto;
}


@keyframes bounceInLeft {

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

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

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

    75% {
        transform: translate3d(-10px, 0, 0);
        opacity: 1;
    }

    90% {
        transform: translate3d(5px, 0, 0);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.public_title {
    width: 100%;
    text-align: center;



}

.public_title h2 {
    color: #000202;
    font-size: 4rem;
    font-weight: 600;
    font-family: 'MiSansSemibold';
    letter-spacing: -0.025rem ;
}

.Recommended_products {
    width: 100%;
    margin: 5.45rem 0px 5.45rem 0px;
}

.Recommended_products .out {
    width: 100%;
    margin-top: 3.05rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 0.8%;
}

.Recommended_products .out .box:nth-child(1) {
    width: 66.4%;
}

.Recommended_products .out .box {
    width: 32.794%;
    height: 54rem;
    position: relative;
    overflow: hidden;
}

.Recommended_products .out .box .img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.7s ease;
}

.Recommended_products .out .box:hover .img {
    transform: scale(1.05);
}

.Recommended_products .out .box .text {
    position: absolute;
    right: 0px;
    padding: 2.75rem 3.2rem 0px 0px;
    top: 0px;
    box-sizing: border-box;
    text-align: right;
}

.Recommended_products .out .box .text span {
    display: block;
    color: #04c5c6;
    font-size: 3rem;
    font-family: 'MiSansRegular';
    line-height: 1;
    margin-bottom: 0.6rem;
}

.Recommended_products .out .box .text span:nth-child(2) {
    margin-right: 2.5rem;
}

.Recommended_products .out .box .text span:nth-child(3) {
    margin-bottom: 0px;
}

.Recommended_products .out .box .text h3 {
    color: #000000;
    font-size: 3rem;
    font-weight: 600;
    font-family: 'MiSansSemibold';
    line-height: 1.3em;
    margin-top: 0.75rem;
}

.Recommended_products .out .box .text a {
    padding: 1.1rem 1.6rem;
    border-radius: 3rem;
    color: #ffffff;
    font-size: 1.4rem;
    background: #0171E4;
    margin-top: 1.45rem;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
}

.Recommended_products .out .box .text a:hover {
    background: #009C85;
}

.About {
    width: 100%;
    margin: 5.45rem 0px 5.45rem 0px;
}

.About .out {
    margin-top: 3.05rem;
    padding: 8.3rem 0px 9.7rem 0px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.About .out a {
    width: 100% ;
    height: 100% ;
    display: block ;
    display: flex;
    justify-content: center;
 
}

.About .out .img {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    overflow: hidden;
    display: block ;
    z-index: -1 ;
}

.About .out .img img {
    width: 100% ;
    height: 100% ;
    display: block ;
    object-fit: cover ;
    transition: 0.6s ease ;
}

.About .out:hover .img img {
    transform: scale(1.05);
}

.About .out .text {
    width: 100%;
    max-width: 43rem;
    background: url(../images/maoboli.png) no-repeat center;
    background-size: 100% 100%;
    padding: 4.15rem 3.5rem 3.2rem 4.1rem;
    box-sizing: border-box;
    position: relative;
    z-index: 10 ;
}

.About .out .text h3 {
    font-size: 4.8rem;
    color: #FFF;
    font-weight: 600;
    line-height: 1.25;
    font-family: 'MiSansSemibold';
    letter-spacing: -0.1rem;
}

.About .out .text .txt {
    padding-top: 4.8rem;
    margin-top: 3.7rem;
    border-top: 0.1rem solid #FFF;
    width: 100%;
}

.About .out .text .txt p {
    color: #FFF;
    font-size: 2.6rem;
    line-height: 1.4em;
    margin-bottom: 3.15rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    font-family: 'MiSansRegular';
}

.About .out .text .txt span {
    color: #FFF;
    font-size: 1.8rem;
    /* line-height: 1.3em; */
    font-family: 'MiSansRegular';
    margin-bottom: 9.45rem;
    display: block;
}

.About .out .text .icon {
    margin-left: auto;
    display: block;
    width: 6.4rem;
}

.Learn_about {
    width: 100%;
    margin: 5.45rem 0px  5.45rem 0px;
}

.Learn_about .out {
    margin-top: 3.05rem;
    display: flex;
    justify-content: space-between;
}

.Learn_about .out .box {
    width: 19.411%;
    height: 66.2rem;
    border-radius: 2rem;
    overflow: hidden;
    margin-right: 1%;
    position: relative;
    background: #000 ;
    transition: 0.4s ease;
}

.Learn_about .out .box:last-child {
    margin-right: 0px;
}

.Learn_about .out .box .img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: relative;
    z-index: 2;
    transition: 0.5s ease;
}

.Learn_about .out .box .title {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: 0.5s ease;
}

.Learn_about .out .box .title h3 {
    color: #fdfefe;
    font-size: 3rem;
    font-family: 'MiSansSemibold';
    letter-spacing: 0.2rem;
    text-align: center;
}

.Learn_about .out .box .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: baseline;
    padding: 4.8rem 6.5rem;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease;
}

.Learn_about .out .box .text h3 {
    color: #FFF;
    font-size: 3rem;
    font-family: 'MiSansSemibold';
    margin-bottom: 0.7rem;
}

.Learn_about .out .box .text p {
    color: #fdfefe;
    font-size: 1.8rem;
    display: block;
    margin-bottom: 2.75rem;
    font-family: 'MiSansRegular';
}

.Learn_about .out .box .text img {
    width: 4.1rem;
    display: block;
}

.Learn_about .out .box.active {
    width: 39%;
}

.Learn_about .out .box.active .text {
    opacity: 1;
    visibility: inherit;
}

.Learn_about .out .box.active .img {
    opacity: 0.8 ;
}

.Learn_about .out .box.active .title {
    opacity: 0;
}

.News_Activities {
    width: 100%;
    margin:  5.45rem 0px 18.1rem 0px;
}

.News_Activities .out {
    margin-top: 3.05rem ;
    position: relative;
}

.News_Activities .out .swiper-slide {
    width: 25%;
    padding: 0px 0.6rem;
    box-sizing: border-box;
}

.News_Activities .out .swiper-slide .img {
    width: 100%;
    height: 26.5rem;
    overflow: hidden;
}

.News_Activities .out .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease;
}

.News_Activities .out .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.News_Activities .out .swiper-slide .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 1.8rem 0px;
}

.News_Activities .out .swiper-slide .title h3 {
    color: #000000;
    font-size: 2rem;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'MiSansRegular';
}

.News_Activities .out .swiper-slide:hover .title h3 {
    color: #009C85;
}

.News_Activities .out .swiper-slide .title img {
    display: block;
    height: 1.6rem;
}

.News_Activities .out .swiper-slide time {
    color: #858585;
    font-size: 1.6rem;
    line-height: 1;
    font-family: 'MiSansRegular';
}

.News_Activities .swiper-button-prev,
.News_Activities .swiper-button-next {
    width: 4rem;
    height: 4rem;
    border: 0.1rem solid #252525;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    top: auto;
    bottom: -10.9rem;
    margin-top: 0px;
}

.News_Activities .swiper-button-prev {
    left: 50%;
    transform: translateX(-130%)
}

.News_Activities .swiper-button-next {
    right: 50%;
    transform: translateX(130%);
}

.News_Activities .swiper-button-prev::after,
.News_Activities .swiper-button-next::after {
    font-size: 1.6rem;
    color: #252525;
    font-weight: bold;
}

#footer {
    /* background: #E8E8EA; */
    background: #f5f5f5 ;
}

.footer {
    width: 100%;
    padding: 3.75rem 10rem 2.8rem 14rem;
    box-sizing: border-box;
}

.footer .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer .out .left {
    display: flex;
    width: 50%;
    justify-content: space-between;
}


.footer .out .right {
    width: 35% ;
}

.footer .out .left .box {}

.footer .out .left .box h2 {
    color: #000;
    font-size: 1.8rem;
    font-family: 'MiSansSemibold';
}

.footer .out .left .box h2 a {
    color: #000;
    font-size: 1.8rem;
    font-family: 'MiSansSemibold';
}

.footer .out .left .box .list {
    width: 100%;
    margin-top: 2.05rem;
}

.footer .out .left .box .list a {
    display: block;
    color: #333;
    /* color: #f5f5f5; */
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
    font-family: 'MiSansRegular';
}

.footer .out .left .box .list a:last-child {
    margin-bottom: 0px;
}

.footer .out .right .title {
    margin-bottom: 2rem;
}

.footer .out .right  .QR_code {
    width: 15rem ;
    height: 15rem ;
    margin-bottom: 2rem;
}

.footer .out .right  .QR_code img {
    width: 100% ;
    height: 100% ;
    display: block ;
}

.footer .out .right .title span {
    color: #333;
    font-size: 1.8rem;
    display: block;
    font-family: 'MiSansSemibold';
}

.footer .out .right .title h2 {
    color: #000000;
    font-size: 3.6rem;
    margin-top: 1.25rem;
    font-family: 'MiSansSemibold';
}

.footer .out .right .txt {
    width: 100%;
    margin-bottom: 3.2rem;
}

.footer .out .right .txt p {
    color: #333333;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    font-family: 'MiSansRegular';
}

.footer .out .right .txt p:last-child {
    margin-bottom: 0px;
}

.footer .out .right .list_icon {
    width: 100%;
}

.footer .out .right .list_icon h2 {
    color: #000000;
    font-size: 1.8rem;
    font-family: 'MiSansSemibold';
    margin-bottom: 3.15rem;
}

.footer .out .right .list_icon .list {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 1.5rem;
}

.footer .out .right .list_icon .list a {
    width: 5.8rem;
    height: 5.8rem;
}

.footer .out .right .list_icon .list a svg {
    width: 100% ;
    height: 100% ;

}

.footer .out .right .list_icon .list a svg .cls-2{
    fill:#e0e0e0 ;
}

.footer .out .right .list_icon .list a svg .cls-1 {
    fill: #000000 ;
}

.footer .out .right .list_icon .list a svg:hover .cls-2 {
    fill: #12B297 ;
}

.footer .out .right .list_icon .list a svg:hover .cls-1 {
    fill: #FFF ;
}

.footer .out .right .list_icon .list a .img {
    width: 100% ;
    height: 100% ;
}

.footer .out .right .list_icon .list a img {
    display: block;
    width: 100%;
    height: 100%;
}

.Copyright {
    width: 100%;
    padding: 2.4rem 10rem 3.9rem 14rem;
    border-top: 0.2rem solid #D9D9D9;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0px 2.3rem;
}

.Copyright a {
    color: #000000;
    font-size: 1.8rem;
    font-family: 'MiSansRegular';
}

.Copyright p {
    color: #000000;
    font-size: 1.8rem;
    font-family: 'MiSansRegular';
}

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

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

.banner_pages .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 11.3rem;
    box-sizing: border-box;
    padding-top: 9.4rem;
}

.banner_pages .text h2 {
    font-size: 6rem;
    color: #FFF;
    font-family: 'MiSansSemibold';
    letter-spacing: 0.2rem;
    margin-bottom: 0.85rem;
}

.banner_pages .text p {
    color: #FFF;
    font-size: 2.1rem;
}

.News_pages {
    width: 100%;
    padding: 3.2rem 0px 19rem 0px;
    background: #F5F5F6;
}

.List_of_buttons {
    display: flex;
    align-items: center;
    gap: 0px 1.2rem;
}

.List_of_buttons a {
    width: 16.6rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    background: #FFF;
    border: 0.1rem solid #D1D1D1;
    color: #000202;
    font-size: 1.8rem;
    font-family: 'MiSansRegular';
}

.List_of_buttons a img {
    height: 1.1rem;
    width: 1.5rem;
    display: block;

}

.List_of_buttons a span {
    margin-left: 1.4rem;
    color: #6C6A6A;
}

.List_of_buttons a.active,
.List_of_buttons a:hover,
.List_of_buttons a:hover span {
    background: #07B198;
    color: #FFF;
}

.News_pages .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 2%;
    margin-top: 3.2rem;
}

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

.News_pages .out .box .img {
    width: 100%;
    height: 30.4rem;
    overflow: hidden;
}

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

.News_pages .out .box:hover .img img {
    transform: scale(1.1);
}

.News_pages .out .box .text {
    width: 100%;
    background: #FFF;
    padding: 1.55rem 3rem 1.8rem 3rem;
    box-sizing: border-box;
}

.News_pages .out .box .text h3 {
    width: 100%;
    color: #000404;
    font-size: 2.4rem;
    margin-bottom: 5.65rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'MiSansRegular';
    font-weight: 400;
}

.News_pages .page_number {
    margin-top: 8.6rem;
}

.News_pages .out .box:hover .text h3 {
    color: #009C85;
}

.News_pages .out .box .text time {
    color: #595959;
    font-size: 1.6rem;
    line-height: 1;
}

.page_number {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 10.4rem;
    gap: 0px 1.2rem;
}

.page_number span {
    color: #000404;
    font-size: 1.8rem;
    font-family: 'MiSansRegular';
}

.page_number .button {
    width: 4.3rem;
    height: 4.3rem;
    border: 0.1rem solid #CCCCCC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'MiSansRegular';
}

.page_number .button svg {
    width: 2rem;
    height: 3rem;
    fill: #636672;
}

.page_number .txt_button {
    font-size: 1.8rem;
    color: #FFF;
    background: #29CDCF;
    border: 0.1rem solid #29CDCF;
}

.page_number .page_number_list {
    position: relative;
}

.page_number .page_number_list .title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.3rem;
    /*width: 14.7rem;*/
    background: #FFF;
    border: 0.1rem solid #CCCCCC;
    color: #000404;
    font-size: 1.6rem;
    border-radius: 3rem;
    cursor: pointer;
    font-family: 'MiSansRegular';
    padding: 0px 3rem;
    box-sizing: border-box;
}

.page_number .page_number_list .title svg {
    height: 1.7rem;
    width: 1.7rem;
    fill: #333333;
    margin-left: 1rem;
}

.page_number .page_number_list .list {
    position: absolute;
    width: 100%;
    height: 24rem;
    overflow: auto;
    display: none;
}

.page_number .page_number_list .list a {
    width: 100%;
    display: block;
    padding: 1rem 2rem;
    color: #000404;
    font-size: 1.6rem;
    box-sizing: border-box;
    background: #FFF;
    text-align: center;
    font-family: 'MiSansRegular';
}

.page_number .page_number_list:hover .list {
    display: block;
}

.page_number form {
    display: flex;
    align-items: center;
    gap: 0px 1.2rem;
}

.page_number form input {
    width: 8.7rem;
    height: 4.3rem;
    background: #FFF;
    border-radius: 3rem;
    border: 0.1rem solid #CCCCCC;
    text-align: center;
    font-size: 1.6rem;
    color: #000404;
}

.page_number form button {
    width: 7.9rem;
    height: 4.3rem;
    background: #FFF;
    border: 0.1rem solid #CCCCCC;
    font-size: 1.6rem;
    color: #000404;
    border-radius: 3rem;
    cursor: pointer;
}

.News_Details_buttons {
    margin-top: 9.4rem;
    padding: 1.5rem 0px;
    background: #F5F5F6;
}

.News_Details {
    margin: 7.8rem 0px 36.7rem 0px;
    width: 100%;
    background: #FFF;
}

.News_Details .container {
    max-width: 108.4rem;
    padding: 0px;
    width: 100%;
    margin: 0 auto;
}

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

.News_Details .title h2 {
    color: #000202;
    font-size: 4.8rem;
    margin-bottom: 2.6rem;
    font-family: 'MiSansRegular';
    font-weight: 400;
}

.News_Details .title span {
    color: #595959;
    font-size: 2rem;
    line-height: 1;
}

.News_Details .text {
    margin-top: 6rem;
    width: 100%;
}

.News_Details .text p {
    color: #262626;
    font-size: 1.8rem;
    line-height: 1.6667em;
}

.News_Details .text img {
    width: auto;
    max-width: 100%;
    margin: 1rem 0px;
}

.Related_Recommendations {
    width: 100%;
    padding: 5.45rem 0px 3.2rem 0px;
    background: #F5F5F6;
}

.Related_Recommendations .public_title h2 {
    font-family: 'MiSansRegular';
    font-weight: 400;
}

.Related_Recommendations .News_swiper {
    margin-top: 3.85rem;
    padding-bottom: 17.8rem;
}

.Related_Recommendations .swiper-slide {
    width: 32%;
    margin-right: 2%
}

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

.Related_Recommendations .swiper-slide .img {
    width: 100%;
    height: 30.4rem;
    overflow: hidden;
}

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

.Related_Recommendations .swiper-slide .text {
    width: 100%;
    background: #FFF;
    padding: 1.55rem 3rem 1.8rem 3rem;
    box-sizing: border-box;
}

.Related_Recommendations .swiper-slide .text h3 {
    width: 100%;
    color: #000404;
    font-size: 2.4rem;
    margin-bottom: 5.65rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'MiSansRegular';
    font-weight: 400;
}

.Related_Recommendations .swiper-slide .text time {
    color: #595959;
    font-size: 1.6rem;
    line-height: 1;
}

.bread_crumbs {
    display: flex;
    align-items: center;
    color: #000202;
    font-size: 1.6rem;
}

.bread_crumbs a {
    color: #000202;
    font-size: 1.6rem;
    font-family: 'MiSansRegular';
}

.About_text {
    width: 100%;
    background: #FFFFFF;
    padding: 9.2rem 0px 10.2rem 0px;
    box-sizing: border-box;
}

.About_text .container {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0px;
}

.About_text h1 {
    color: #000202;
    font-size: 4.8rem;
    text-align: center;
    line-height: 1.25em;
    font-family: 'MiSansSemibold';
}

.About_Guangshengyuan {
    width: 100%;
    padding: 7.3rem 0px;
    background: #F5F5F8;
}

.About_Guangshengyuan .container {
    max-width: 160.6rem;
    margin: 0 auto;
    padding: 0px;
}

.About_Guangshengyuan .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.About_Guangshengyuan .out .left {
    width: 62.1rem;
    display: block;
    border-radius: 2.4rem;
    overflow: hidden;
}

.About_Guangshengyuan .out .left img {
    width: 100%;
}

.About_Guangshengyuan .out .right {
    width: 47.323%;
}

.About_Guangshengyuan .out .right h2 {
    color: #000202;
    font-size: 7.2rem;
    margin-bottom: 5rem;
    line-height: 1;
    font-family: 'MiSansSemibold';
}

.About_Guangshengyuan .out .right .txt {
    width: 100%;
    max-height: 46rem;
    overflow: auto;
}

.About_Guangshengyuan .out .right .txt p {
    color: #000202;
    font-size: 1.8rem;
    font-family: 'MiSansRegular';
    line-height: 1.9em;
    margin-bottom: 4rem;
    letter-spacing: 0.03rem;
}

.About_Guangshengyuan .out .right .txt p:last-child {
    margin-bottom: 0px;
}

.right_container {
    width: 100%;
    max-width: 143.2rem;
    margin-left: auto;
}

.Quickly_know {
    width: 100%;
    background: #FFF;
    margin: 9.9rem 0px 15.3rem 0px;
}

.About_title {
    width: 100%;
}

.About_title h2 {
    color: #000202;
    font-size: 6rem;
    margin-bottom: 1.9205rem;
    font-family: 'MiSansSemibold';
}

.About_title p {
    font-size: 2.4rem;
    color: #000202;
    line-height: 1.4em;
    width: 100%;
    max-width: 100rem;
    font-family: 'MiSansSemibold';
    letter-spacing: -0.025em;
}

.Quickly_know .list {
    margin-top: 4.0205rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Quickly_know .list .item {
    width: 48%;
    padding: 3rem 0px 2.56rem 0px;
    border-top: 0.5rem solid #00BDBE;
    box-sizing: border-box;
}



.Quickly_know .list .item h3 {
    display: flex;
    align-items: center;
    color: #000202;
    font-size: 7.2rem;
    margin-bottom: 2rem;
    font-family: 'MiSansSemibold';
    line-height: 1 ;
}

.Quickly_know .list .item h3 b {
    line-height: 1 ;
}

.Quickly_know .list .item p {
    color: #000202;
    font-size: 2.1rem;
    line-height: 1.8em;
    font-family: 'MiSansRegular';
}

.Source_category {
    margin: 14.7rem 0px 14.7rem 0px;
    width: 100%;
}

.Source_category .out {
    position: relative;
    width: 100%;
    margin-top: 4.58rem;
}

.Source_category .out .swiper {
    margin-top: 4.58rem;
}

.Source_category .out .swiper-slide {
    width: 97.9rem;
    height: 51.7rem;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
    margin-right: 2.1rem;
}

.Source_category .out .swiper-slide::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.3;
    z-index: 10;
    content: '';
    transition: 0.3s ease;
}

.Source_category .out .swiper-slide-active::after {
    opacity: 0;
}

.Source_category .out .swiper-slide .img {
    width: 100%;
    height: 100%;
    display: block;
}

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

.Source_category .out .swiper-slide .txt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #0000005e, #00000000);
    padding: 4.5rem 4rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.Source_category .out .swiper-slide .txt span {
    color: #ffffff;
    font-size: 3.6rem;
    font-family: 'MiSansSemibold';
    line-height: 1.25em;
}

.Source_category .out .swiper-slide .txt p {
    color: #ffffff;
    font-size: 2.4rem;
}

.Source_category .swiper-button-prev,
.Source_category .swiper-button-next {
    width: 3.5rem;
    height: 3.5rem;
    border: 0.1rem solid #676767;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: auto;
    margin-top: 0px;
    bottom: -2.5rem;
    transform: translateY(100%);
}

.Source_category .swiper-button-prev {
    left: auto;
    right: 50rem;
}

.Source_category .swiper-button-next {
    right: 45rem;
}

.Source_category .swiper-button-prev::after,
.Source_category .swiper-button-next::after {
    font-size: 1.6rem;
    color: #676767;
}

.Our_honors {
    width: 100%;
    margin: 14.7rem 0px 15.3rem 0px;
}

.Our_honors .img_banner {
    width: 100%;
    margin: 3.5205rem 0px 7.3rem 0px;
}

.Our_honors .img_banner img {
    width: 100%;
    display: block;
}

.Our_honors .out {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 2%;
}

.Our_honors .out .box {
    width: 32%;
    display: flex;
    align-items: center;
}

.Our_honors .out .box img {
    width: 4rem;
    height: 4.8rem;
    display: block;
    object-fit: contain;
    margin-right: 2.7rem;
}

.Our_honors .out .box span {
    color: #c59e51;
    font-size: 2.4rem;
    line-height: 1.25em;
}

.Product_banner .swiper-slide .text {
    left: auto;
    right: 12.3rem;
    border-radius: 3rem;
    /* background-image: radial-gradient(circle, #44afa423, #44afa457, #44afa4b7); */
    background: url(../images/frosted2.png) no-repeat center;
    background-size: 100% 100%;
    animation-name: bounceInRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}

.Product_banner .swiper-slide .text {
    padding: 5.1rem 4.6rem 4.9rem 5rem;
    top: 26.9rem;
}

.Product_banner .swiper-slide .text h2 {
    font-size: 8.2rem;
    letter-spacing: -0.005em;
}

.Product_banner .swiper-slide .text .txt {
    padding-top: 2.15rem;
}

.Product_banner .swiper-slide .text .txt h3 {
    font-size: 3.8rem;
    margin-bottom: 0.65rem;
}

.Product_banner .swiper-slide .text .icon {
    margin: 3rem auto 2.5rem auto;
}

@keyframes bounceInRight {

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

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

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

    75% {
        transform: translate3d(10px, 0, 0);
        opacity: 1;

    }

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

    to {
        transform: none;
        opacity: 1;
    }
}

.xian_pages {
    width: 100% ;
    height: 1.4rem ;
    background: #FFF ;
}

.Product_pages {
    padding: 7.1rem 0px 17.1rem 0px;
    width: 100%;
    background: #fff ;
}

.Product_pages .container {
    width: 100%;
    /* max-width: 169rem; */
    padding: 0px 11.3rem 0px 11.4rem ;
    box-sizing: border-box;
    margin: 0 auto;
}

.Product_pages .container>.title {
    text-align: center;

    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
        margin-bottom: 5.95rem;
}

.Product_pages .container>.title h2 {
    color: #000202;
    font-size: 6rem;
    margin-bottom: 0.75rem;
    font-family: 'MiSansSemibold';
}

.Product_pages .container>.title p {
    color: #000202;
    font-size: 2.1rem;
    font-family: 'MiSansRegular';
}

.Product_pages .button_out {
    width: 100%;
    max-width: 135.3rem;
    margin: 0 auto;
    position: relative;
}

.Product_pages .button_out .swiper-slide {
    width: auto ;
    height: 6.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
    background: #E7E7EC;
    margin-right: 2.45rem;
    overflow: hidden;
    padding: 0px 4.22rem;
    box-sizing: border-box;
}

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

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

.Product_pages .button_out .swiper-slide img {
    height: 3rem;
    object-fit: contain;
    display: block;
    margin-right: 2rem;
}

.Product_pages .button_out .swiper-slide span {
    color: #000202;
    font-size: 2.1rem;
    font-family: 'MiSansRegular';
}

.Product_pages .button_out .swiper-slide.active,
.Product_pages .button_out .swiper-slide:hover {
    background: #00BDBE;
}

.Product_pages .button_out .swiper-button-next:after,
.Product_pages .button_out .swiper-button-prev:after {
    display: none;
}

.Product_pages .button_out .swiper-button-prev {
    /* background: url(../images/jiantou.png) no-repeat center; */
    width: 3.7rem;
    height: 3.7rem;
    background-size: contain;
    left: -6rem;
    display: block;
    opacity: 1;
}

.Product_pages .button_out .swiper-button-prev svg {
    transform: rotate(-90deg);
}

.Product_pages .button_out .swiper-button-next svg {
    transform: rotate(90deg);
}

.Product_pages .button_out .swiper-button-prev svg , .Product_pages .button_out .swiper-button-next svg {
    width: 100% ;
    height: 100% ;
    display: block ;
    fill: #000 ;
}

.Product_pages .button_out .swiper-button-prev:hover svg , .Product_pages .button_out .swiper-button-next:hover svg {
    fill: #009C85 ;
}

.Product_pages .button_out .swiper-button-next {
    /* background: url(../images/jiantou2.png) no-repeat center; */
    width: 3.7rem;
    height: 3.7rem;
    background-size: contain;
    right: -6rem;
    display: block;
    opacity: 1;
}

.Product_pages .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 1.33%;
    margin-top: 3.9rem;
}

.Product_pages .out .box {
    width: 24% ;
    /* height: 67.6rem; */
    background: #F5F5F6;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}


.Product_pages .out .box a {
    display: block;
    width: 100%;
    height: 100%;
}

.Product_pages .out .box .img {
    width: 100%;
    height: 100%;
}

.Product_pages .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.4s ease;
}

.Product_pages .out .box:hover .img img {
    transform: scale(1.04);
}

.Product_pages .out .box .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 4.0205rem  2.9rem 2.4rem 3.7rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.Product_pages .out .box .txt {
    margin-top: 1.9205rem;
}

.Product_pages .out .box .txt span {
    display: block;  
    color: #000404 ;
    font-size: 1.8rem;
    line-height: 1.33333em;
    font-family: 'MiSansRegular';

    
}

.Product_pages .out .box .tit h3 {
    color: #000404;
    font-size: 2.8rem;
    font-family: 'MiSansSemibold';
    line-height: 1.2em ;
}

.Product_pages .out .box:hover .tit h3 {
    color: #009C85;
}

.Product_pages .out .box .Moer {
    width: 10.2rem;
    height: 3.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 1.4rem;
    background: #0171E4;
    border-radius: 2rem;
    margin-top: 2rem;
    margin-left: auto;
    line-height: 1;
    font-family: 'MiSansRegular';
}


.Product_Details_buttons .List_of_buttons {
    justify-content: center;
}

.Product_Details .container {
    width: 100%;
    max-width: 108.3rem;
    margin: 8.7rem auto;
    padding: 0px;
}

.Product_Details .title {
    margin-bottom: 3.7rem;
}

.Product_Details .title h2 {
    color: #000202;
    font-size: 4.8rem;
    text-align: center;
    font-family: 'MiSansRegular';
    font-weight: 400;
}

.Product_Details .text {
    width: 100%;
}

.Product_Details .text h3 {
    color: #262626;
    font-size: 3.6rem;
    margin-bottom: 3.3rem;
    margin-top: 6.4rem;
    font-family: 'MiSansSemibold';
}

.Product_Details .text img {
    width: auto;
    max-width: 100%;
    height: auto;
    /* margin: 1rem 0px; */
    display: inline-block;
}

.Product_Details .text p {
    color: #262626;
    font-size: 1.8rem;
    line-height: 1.6666em;
    font-family: 'MiSansRegular';
}

.Product_Details .text table {
    border-collapse:collapse;
    width: 100%;
    margin: 1rem 0px;
}

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

.map_ditu .map {
    width: 100%;
    display: block;
}

.map_ditu .text_out {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translateY(-33.3rem );
}

.map_ditu .text_out .container {
    width: 100%;
    max-width: 167.5rem;
    margin: 0 auto;
    padding: 0px;
}

.map_ditu .text_out .out {
    width: 100%;
    background: #FFF;
    border-radius: 3rem;
    overflow: hidden;
}

.map_ditu .text_out .out .top_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7.9rem 12.1rem 6.7rem 11.7rem;
    box-sizing: border-box;
}

.map_ditu .text_out .out .top_box .left img {
    height: 4.3rem;
    display: block;
    margin-bottom: 2rem;
}

.map_ditu .text_out .out .top_box .left h2 {
    color: #009c85;
    font-size: 5.8rem;
    font-family: 'MiSansSemibold';
    line-height: 1;
    margin-bottom: 1.9rem;
}

.map_ditu .text_out .out .top_box .left i {
    width: 11.4rem;
    height: 0.5rem;
    background: #009C85;
    display: block;
    margin-bottom: 1.7rem;
}

.map_ditu .text_out .out .top_box .left span {
    color: #010101;
    font-size: 2.4rem;
    line-height: 1;
    font-family: 'MiSansRegular';
    font-weight: 400;
}

.map_ditu .text_out .out .top_box .right {
    display: flex;
    align-items: center;
}

.map_ditu .text_out .out .top_box .right img {
    width: 18.6rem;
    height: 18.6rem;
    display: block;
    margin-right: 2rem;
}

.map_ditu .text_out .out .top_box .right span {
    color: #010101;
    font-size: 2.1rem;
    line-height: 1.428em;
    font-family: 'MiSansRegular';
}

.map_ditu .text_out .out .Contact_list {
    display: flex;
    padding: 3.8rem 0px 3.55rem 0px;
    box-sizing: border-box;
    justify-content: space-between;
    border-top: 0.1rem solid #E7E7EC;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(1) {
    width: 27.124%;
    padding-left: 4.5rem;
    padding-right: 0px;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(1) img {
    width: 5.7rem;
    height: 4.7rem;
    display: block;
    margin-right: 1.6rem;
}


.map_ditu .text_out .out .Contact_list .item:nth-child(2) {
    width: 27.548%;
    padding-left: 6.4rem;
    padding-right: 0px;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(1) img {
    width: 4.8rem;
    height: 5rem;
    display: block;
    margin-right: 1.6rem;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(3) {
    width: 45.71%;
    padding-left: 6.7rem;
    padding-right: 1rem ;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(2) img {
    width: 6.3rem;
    height: 3.8rem;
    display: block;
    margin-right: 1.6rem;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(4) {
    width: 32.489%;
    padding-left: 6.3rem;
    padding-right: 4.8rem;
    align-items: flex-start;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(3) img {
    width: 4.5rem;
    height: 6.4rem;
    display: block;
    margin-right: 1.6rem;
}

.map_ditu .text_out .out .Contact_list .item:nth-child(3) p {
    font-family: 'MiSansRegular';
    font-weight: 500;
    line-height: normal;
}

.map_ditu .text_out .out .Contact_list .item {
    padding-left: 5rem;
    padding-right: 5rem;
    box-sizing: border-box;
    width: 25%;
    border-right: 0.1rem solid #E7E7EC;
    display: flex;
    align-items: center;
}

.map_ditu .text_out .out .Contact_list .item img {
    /* height: 4rem ; */
    width: 6.4rem;
    height: 6.4rem;
    object-fit: contain;
    display: block;
    margin-right: 1.2rem;
}

.map_ditu .text_out .out .Contact_list .item span {
    color: #010101;
    font-size: 1.8rem;
    margin-bottom: 0.9rem;
    display: block;
    line-height: 1;
}

.map_ditu .text_out .out .Contact_list .item p {
    color: #494949;
    font-size: 2.1rem;
    font-family: 'MiSansSemibold';
    line-height: 1;
}


.drop-down_menu_out {
    position: absolute;
    top: 7rem;
    min-width: 20rem;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
}

.drop-down_menu {
    width: 100%;
    border-top: 0.2rem solid #e1e1e121;
    box-sizing: border-box;
    transform-style: preserve-3d;
    transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease-in-out;
    box-shadow: 0px 0px 1rem 0.1rem #0000002c;
}

.drop-down_menu .box {
    width: 100%;
    position: relative;
}

.drop-down_menu .box .tit {
    min-width: 100%;
    width: max-content;
}

.drop-down_menu .box .tit a {
    font-size: 1.5rem;
    color: #313131;
    display: block;
    max-width: 30rem;
    background: #FFF;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
}

.drop-down_menu .box .tit a img {
    width: 2.5rem;
    height: auto;
    margin-right: 1.5rem;
}

.drop-down_menu .box .Down_list {
    position: absolute;
    left: 100%;
    top: 0px;
    background: #FFF;
    width: max-content;
    transform: translate(2rem, 3rem);
    opacity: 0;
    transition: 0.4s ease-in-out;
    visibility: hidden;
    border-left: 0.2rem solid #e1e1e133;
    box-shadow: 0px 0.5rem 0.2rem #0000002a;
    box-sizing: border-box;
}

.drop-down_menu .box .Down_list a {
    display: block;
    max-width: 30rem;
    color: #313131;
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
}

.drop-down_menu .box:hover .Down_list {
    transform: translate(0px, 0rem);
    opacity: 1;
    visibility: inherit;
}

.drop-down_menu .box:hover .tit a,
.drop-down_menu .box .Down_list a:hover {
    background: #117C74;
    color: #FFF;
}

.nav .out ul li:hover .drop-down_menu_out {
    opacity: 1;
    visibility: visible;
    z-index: 100;
}

.nav .out ul li:hover .drop-down_menu {
    visibility: inherit;
    opacity: 1;
    transform: rotate3d(0, 0, 0, -90deg);
    -webkit-transform: rotate3d(0, 0, 0, -90deg);
}

.menubtn {
    width: 28.44px;
    height: 28.44px;
    position: relative;
    cursor: pointer;
    display: none;
    align-items: center;
}

.menubtn span {
    display: block;
    width: 28.44px;
    height: 3px;
    background: #383635;
    position: relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menubtn span:after,
.menubtn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px;
    left: 0;
    background-color: #383635;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menubtn span:before {
    top: -10px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}

.menubtn span:after {
    bottom: -10px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.menubtn.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.menubtn.active span:after,
.menubtn.active span:before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.menubtn.active span:before {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menubtn.active span:after {
    bottom: 0px;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.Mobile_navigation {
    width: 100%;
    background: #FFF;
    box-shadow: 0px 1rem 1rem #0000001e;
    padding: 2rem 0px;
    box-sizing: border-box;
    display: none;
}

.Mobile_navigation.show {
    display: block;
}

.Mobile_navigation ul li {
    width: 100%;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
}

.Mobile_navigation ul li .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Mobile_navigation ul li .title a {
    width: 100%;
    color: #333;
    font-size: 1.8rem;
}

.Mobile_navigation ul li .title svg {
    width: 3rem;
    height: 3rem;
}

.Mobile_navigation ul li .list {
    width: 100%;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
    display: none;
}

.Mobile_navigation ul li .list a {
    width: 100%;
    padding: 1rem 0px;
    display: block;
    color: #333;
    font-size: 1.6rem;
}

.Mobile_navigation ul li.active {
    background: #117C74;
}

.Mobile_navigation ul li.active svg {
    fill: #FFF;
}

.Mobile_navigation ul li.active a {
    color: #FFF;
}

.Mobile_navigation ul {
    display: block !important;
}

.Mobile_navigation ul li {
    display: block !important;
}


    .form_pages {
        padding: 30rem 0px 20rem 0px ;
        background: #F5F5F7 ;
    }

    .form_pages .container {
        max-width: 167.5rem;
        margin: 0 auto;
    }

    .form_pages .title {
        width: 100% ;
        text-align: center ;
        margin-bottom: 2rem ;
    }

    .form_pages .title h2 {
        font-weight: 500 ;
        font-size: 3.5rem ;
        color: #333 ;
    }

    .form_pages .zhushi {
        width: 100% ;
        font-size: 1.4rem ;
        color: #A0A0A0 ;
        font-weight: 400 ;
        display: block ;
        margin-bottom: 1rem ;
        margin-left: 1.5rem ;
    }

    .form_pages form {
        width: 100% ;
        display: flex ;
        flex-wrap: wrap ;
        gap: 3rem 2% ;
    }

    .form_pages form input {
        width: 32% ;
        height: 5.5rem ;
        background: #FFF ;
        padding: 2rem ;
        box-sizing: border-box ;
        color: #A0A0A0 ;
        font-size: 1.6rem ;
        text-transform: capitalize ;
    }

    .form_pages form textarea {
        width: 100% ;
        height: 15rem ;
        background: #FFF ;
        padding: 2rem ;
        box-sizing: border-box ;
        color: #A0A0A0 ;
        font-size: 1.6rem ;
        text-transform: capitalize ;
    }



    .form_pages .Verification_code {
        width: 100% ;
        display: flex ;
        justify-content: center ;
    }

    .form_pages .Verification_code input {
        width: 24rem ;
        margin-right: 2rem ;
    }

    .form_pages .Verification_code img {
        width: 20rem ;
        height: 5.5rem ;
        display: block ;
        object-fit: cover ;
        background: #FFF;
        cursor: pointer;
    }

    .form_pages  .button_list {
        width: 100% ;
        display: flex ;
        justify-content: center ;
        gap: 0px 3rem ;
        margin-top: 5rem ;
    }

    .form_pages  .button_list .button {
        width: 24rem ;
        height: 5.5rem ;
        background: #009B85 ;
        font-size: 2rem ;
        color: #FFF ;
        cursor: pointer;
        display: flex ;
        align-items: center ;
        justify-content: center ;
    }

    .form_pages  .button_list .button:nth-child(2) {
        background: #666666;
    }

    .form_pages form input:focus , .form_pages form textarea:focus{
        border: 0.1rem solid #009B85 ;
    }














@media (max-width:1441px) {

    .Product_pages .out {
        gap: 2.8rem 2%;
    }

    .Product_pages .out .box {
        width: 23.5%;
    }
}


@media (max-width:1024px) {

    .menubtn {
        display: flex;
    }

    .nav .out ul {
        display: none;
    }

    .nav .out {
        padding: 0px;
    }

    .nav .out .right {
        display: none;
    }

    .nav {
        height: 8rem;
    }

    .nav .out .logo {
        height: 5rem;
    }

    .banner .swiper-slide .text {
        padding: 3rem;
        width: auto;
        max-width: none;
        top: 14.2rem;
        left: 3.3rem;
    }

    .banner .swiper-slide .text h2 {
        font-size: 4rem;
    }

    .banner .swiper-slide .text .icon {
        width: 3rem;
    }

    .banner .swiper-slide .text .txt h3 {
        font-size: 2.4rem;
    }

    .banner .swiper-slide .text .txt p {
        font-size: 1.6rem;
    }

    .About .out .text h3 {
        font-size: 5rem;
    }

    .About .out .text .txt p {
        font-size: 2.2rem;
    }

    .About .out .text .txt span {
        font-size: 1.6rem;
    }

    .Learn_about .out {
        flex-wrap: wrap;
        gap: 2rem 0px;
    }

    .Learn_about .out .box .text {
        width: 100%;
    }

    .Learn_about .out .box .title {
        opacity: 0;
    }

    .Learn_about .out .box .text {
        opacity: 1;
        visibility: inherit;
    }

    .Learn_about .out .box .img {
        opacity: 0.6;
    }

    .Learn_about .out .box,
    .Learn_about .out .box.active {
        width: 49%;
        height: 40rem;
        margin-right: 0px;
    }

    .News_Activities .out .swiper-slide {
        width: 43%;
    }

    .footer {
        padding: 3rem 2rem;
        box-sizing: border-box;
    }

    .Copyright {
        padding: 2rem 2rem;
    }

    .Learn_about .out .box .img {
        width: 100%;
    }

    .About_text .container {
        padding: 0px 2rem;
    }

    .About_text h1 {
        font-size: 2.8rem;
        line-height: 1.7em;
        letter-spacing: 0.2rem;
    }

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

    .About_Guangshengyuan .out .left {
        width: 50%;
    }

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

    .About_Guangshengyuan .container {
        padding: 0px 2rem;
        box-sizing: border-box;
    }

    .About_Guangshengyuan .out .right h2 {
        font-size: 5rem;
    }

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

    .About_title p {
        font-size: 1.8rem;
    }

    .Quickly_know .list .item h3 {
        font-size: 4rem;
    }

    .Source_category .out .swiper-slide {
        width: 60%;
        height: 40rem;
    }

    .Source_category .out .swiper-slide .txt span {
        font-size: 2.6rem;
    }

    .Our_honors .out .box span {
        font-size: 1.8rem;
    }

    .Our_honors .out .box img {
        width: 3rem;
        height: 3rem;
        display: block;
        object-fit: contain;
        margin-right: 1.7rem;
    }

    .Product_pages {
        padding: 6rem 0px 10rem 0px;
    }

    .Product_pages .container {
        padding: 0px 2rem;
        box-sizing: border-box;
    }

    .Product_pages .container>.title h2 {
        font-size: 4rem;
    }

    .Product_pages .button_out {
        width: 80%;
    }

    .Product_pages .button_out .swiper-slide {
        /*width: 15rem;*/
        height: 4.5rem;
    }

    .Product_pages .button_out .swiper-slide span {
        font-size: 1.6rem;
    }

    .Product_pages .button_out .swiper-slide img {
        height: 2rem;
        margin-right: 1rem;
    }

    .Product_pages .button_out .swiper-button-next,
    .Product_pages .button_out .swiper-button-prev {
        width: 2.7rem;
        height: 2.7rem;
        transform: translateY(-50%);
        top: 50%;
        margin-top: 0px;
    }

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

    .Product_pages .out .box .tit h3 {
        font-size: 2.4rem;
    }

    .Product_pages .out .box .txt span {
        font-size: 1.6rem;
    }

    .Product_pages .out .box a {
        /*padding: 3rem 2rem;*/
        box-sizing: border-box;
    }

    .Product_Details .container {
        padding: 0px 2rem;
    }

    .Product_Details .title h2 {
        font-size: 4rem;
    }

    .banner_pages {
        margin-top: 8rem;
    }

    .banner_pages .text {
        padding: 0px 3rem;
        box-sizing: border-box;
    }

    .banner_pages .text h2 {
        font-size: 4rem;
    }

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

    .List_of_buttons a {
        font-size: 1.6rem;
        width: 14rem;
        height: 4rem;
    }

    .News_Details .container {
        padding: 0px 3rem;
        box-sizing: border-box;
    }

    .News_Details .title h2 {
        font-size: 4rem;
    }

    .map_ditu .text_out {
        position: relative;
        transform: translate(0px);
    }

    .map_ditu .text_out .out .top_box {
        padding: 4rem ;
        box-sizing: border-box;
    }

    .map_ditu .text_out .out .top_box .left h2 {
        font-size: 4rem;
    }

    .map_ditu .text_out .out .top_box .left span {
        font-size: 1.8rem;
    }

    .map_ditu .text_out .out .top_box .right img {
        width: 14rem;
        height: 14rem;
    }

    .map_ditu .text_out .out .top_box .right span {
        font-size: 1.8rem;
    }

    .map_ditu .text_out .out .Contact_list {
        flex-wrap: wrap;
        gap: 2rem 0px;
    }

    .map_ditu .text_out .out .Contact_list .item {
        width: 50% !important;
        padding: 0px 2rem !important;
        box-sizing: border-box;
    }

    .map_ditu .text_out .out .Contact_list .item img {
        width: 4rem;
        height: 4rem;
    }
    
        .form_pages{
        padding: 7rem 0px 7rem 0px ;
    }

}

@media (max-width:768px) {
    .banner {
        margin-top: 8rem;
    }

    .banner .swiper-slide .text {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: max-content;
        display: none;
    }

    .Recommended_products .out .box:nth-child(1) {
        width: 100%;
    }

    .Recommended_products .out .box {
        width: 100%;
        height: 30.5rem;
    }

    .Learn_about .out .box .text {
        padding: 2rem;
    }

    .News_Activities .out .swiper-slide {
        width: 50%;
    }

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

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

    .footer .out .right .title {
        margin-bottom: 4rem;
    }

    .footer .out .right .txt {
        margin-bottom: 4rem;
    }

    .footer .out .right .list_icon .list a {
        width: 4.8rem;
        height: 4.8rem;
    }

    .Copyright {
        flex-wrap: wrap;
        justify-content: center;
    }

    .page_number .button {
        width: 3rem;
        height: 3rem;
    }

    .page_number .button svg {
        width: 1.2rem;
        height: 1.2rem;
    }

    .page_number span {
        font-size: 1.6rem;
    }

    .page_number .page_number_list .title {
        /*width: 11.7rem;*/
        height: 3rem;
        padding: 0px 1rem;
    }

    .page_number .page_number_list .title {
        font-size: 1.4rem;
    }

    .page_number .page_number_list .title svg {
        font-size: 1.4rem;
        height: 1.4rem;
    }

    .page_number form input,
    .page_number form button {
        height: 3rem;
    }

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

    .News_Details .title h2 {
        font-size: 3rem;
    }

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

    .Product_pages .out .box {
        width: 48% ;
    }
    
    .form_pages form {
        /*gap: 3rem 0px ;*/
    }

    .form_pages form input {
        width: 48.5% ;
    }
    

}


@media (max-width:520px) {
    .banner .swiper-slide .text {
        display: none;
    }

    .public_title h2 {
        font-size: 3rem;
    }

    .Recommended_products .out .box {
        height: auto;
    }

    .Recommended_products .out .box .img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .Recommended_products .out .box .text {
        position: relative;
        width: 100%;
        padding: 3rem 2rem;
        box-sizing: border-box;
    }

    .Recommended_products .out .box .text span {
        font-size: 2rem;
    }

    .Recommended_products .out .box .text h3 {
        font-size: 2.6rem;
    }

    .About .out {
        padding: 2rem;
    }

    .About .out .text {
        padding: 2rem;
        width: 85%;
    }

    .About .out .text h3 {
        font-size: 3rem;
    }

    .About .out .text .txt p {
        font-size: 1.8rem;
    }

    .About .out .text .txt span {
        font-size: 1.5rem;
    }

    .About .out .text .txt {
        margin-top: 3rem;
        padding-top: 3rem;
    }

    .About .out .text .txt span {
        margin-bottom: 6rem;
    }

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

    .Learn_about .out .box,
    .Learn_about .out .box.active {
        width: 100%;
        height: auto;
        min-height: 30rem;
    }

    .Learn_about .out .box .img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .Learn_about .out .box .text {
        position: relative;
    }

    .Learn_about .out .box .text h3 {
        font-size: 2.6rem;
    }

    .Learn_about .out .box .text p {
        font-size: 1.6rem;
    }

    .News_Activities .out .swiper-slide {
        width: 100%;
    }

    .banner_pages {
        margin-top: 8rem;
    }

    .About_text {
        padding: 5rem 0px;
    }

    .About_text h1 {
        font-size: 2rem;
    }

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

    .About_Guangshengyuan .out .right h2 {
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    .About_Guangshengyuan .out .right .txt p {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .About_title h2 {
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    .About_title p {
        font-size: 1.6rem;
    }

    .Quickly_know .list {
        margin-top: 4rem;

    }

    .Quickly_know .list .item {
        padding: 2rem 0px;
        width: 100%;
    }

    .Quickly_know .list .item p {
        font-size: 1.5rem;
    }

    .Quickly_know .list .item h3 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .Source_category,
    .Quickly_know,
    .Our_honors {
        margin: 6rem 0px 6rem 0px;
    }

    .Source_category .out .swiper-slide {
        width: 100%;
        height: 25rem;
    }

    .Source_category .out .swiper-slide .txt span {
        font-size: 2rem;
    }

    .Source_category .out .swiper-slide .txt {
        padding: 2rem;
    }

    .Our_honors .out .box {
        width: 49%;
    }

    .Our_honors .out .box span {
        font-size: 1.5rem;
    }

    .Product_pages .container>.title h2 {
        font-size: 3rem;
    }

    .Product_pages .container>.title p {
        font-size: 1.6rem;
    }

    .Product_pages .button_out .swiper-button-next,
    .Product_pages .button_out .swiper-button-prev {
        display: none;
    }

    .Product_pages .button_out {
        width: 100%;
    }

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

    .Product_pages .out .box {
        width: 49% ;
        border-radius: 1rem ;
    }

    .Product_pages .out .box .text {
        padding: 2rem 1.6rem ;
        box-sizing: border-box ;
    }

    .Product_pages .out .box .txt {
        display: none ;
    }

    .Product_pages .out .box .Moer {
        display: none ;
    }

    .Product_pages .out .box .tit h3 {
        font-size: 1.8rem ;
    }

    .Product_pages .out .box .txt span {
        font-size: 1.8rem ;
    }

    .page_number form {
        display: none;
    }


    .Copyright a {
        color: #000000;
        font-size: 1.4rem;
    }

    .Copyright p {
        color: #000000;
        font-size: 1.4rem;
    }

    .Product_Details .title h2 {
        font-size: 3rem;
    }

    .Product_Details .text h3 {
        font-size: 2.6rem;
    }

    .List_of_buttons a {
        width: 11rem;
        height: 4rem;
        font-size: 1.5rem;
    }

    .banner_pages .text {
        display: none;
    }

    .List_of_buttons {
        flex-wrap: wrap;
        gap: 2rem;
    }

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

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

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

    .News_pages .out .box .text h3 {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .News_pages {
        padding-bottom: 6rem;
    }

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

    .map_ditu .text_out .out .top_box {
        flex-wrap: wrap;
    }

    .map_ditu .text_out .out .top_box .right {
        width: 100%;
        margin-top: 4rem;
    }

    .map_ditu .text_out .out .Contact_list .item {
        width: 100% !important;
    }
    
    .form_pages form {
        gap: 2rem 0px ;
    }

    .form_pages form input {
        width: 100% ;
    }
    
    .form_pages .Verification_code input {
        width:60%;
    }
    
    .form_pages .Verification_code img {
        width:37% ;
    }
    


}

@media (max-width:320px) {
    .Product_pages .out .box {
        width: 100% ;
    }
}

@media (min-width:1024px) and (max-width: 1440px) {
    .nav .out ul li .title {
        font-size: 2rem ;
    }

    .footer .out .left .box h2 a , .footer .out .right .title span {
        font-size: 2rem ;
    }

    .footer .out .left .box .list a , .footer .out .right .txt p {
        font-size: 1.8rem ;
    }

}


/* 超大屏幕 (1921px+) */
@media (min-width: 1921px) {
    html {
        font-size: calc(100vw / 200);
    }
}

/* 大桌面 (1601px - 1920px) */
@media (min-width: 1601px) and (max-width: 1920px) {
    html {
        font-size: calc(100vw / 192);
    }
}

/* 中桌面 (1441px - 1600px) */
@media (min-width: 1441px) and (max-width: 1800px) {
    html {
        font-size: calc(100vw / 192);
    }
}

/* 小桌面 (1025px - 1440px) */
@media (min-width: 1025px) and (max-width: 1440px) {
    html {
        font-size: calc(100vw / 175);
    }
}

/* 平板横屏 (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    html {
        font-size: calc(100vw / 102.4);
    }
}

/* 平板竖屏/大手机 (521px - 768px) */
@media (min-width: 521px) and (max-width: 768px) {
    html {
        font-size: calc(100vw / 76.8);
    }
}

/* 平板竖屏/中手机 (521px - 768px) */
@media (min-width: 426px) and (max-width: 520px) {
    html {
        font-size: calc(100vw / 52);
    }
}

/* 手机 (≤425px) */
@media (max-width: 425px) {
    html {
        font-size: calc(100vw / 42.5);
    }
}

/* 超小手机额外保护 */
@media (max-width: 320px) {
    html {
        font-size: calc(100vw / 32);
    }
}