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

html {
    transition: font-size 0.3s ease;
    font-size: 10px;
}


@font-face {
    font-family: yiyingbao;
    font-display: swap;
    src: url('../font/iconfont_icon.ttf') format("truetype");
}

.yiyingbao {
    font-family: "yiyingbao";
    font-size: 1.6rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

.container {
    padding: 0px 10%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}


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

a {
    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

#header {
    height: 13.189rem;
}

.header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2999;
}


.Top_Header {
    width: 100%;
    height: 4.39rem;
    background: #2775B5;
    padding-right: 7%;
    padding-left: 20%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Top_Header h1 {
    color: #FFF;
    font-size: 1.7rem;
    font-weight: 500;
}

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

.Top_Header .right .text_list {
    display: flex;
    align-items: center;
}

.Top_Header .right .text_list .text_item {
    display: flex;
    align-items: center;
    margin-right: 6rem;
}

.Top_Header .right .text_list .text_item .icon {
    position: relative;
    width: 3rem;
    height: 3rem;
}

.Top_Header .right .text_list .text_item .icon img {
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.Top_Header .right .text_list .text_item i {
    font-size: 3rem;
    color: #FFF;
}

.Top_Header .right .text_list .text_item a {
    color: #FFF;
    font-size: 1.6rem;
    margin-left: 1rem;
    display: block;
}

.Top_Header .right .icon_list {
    display: flex;
    align-content: center;
    gap: 0px 2rem;
}

.Top_Header .right .icon_list i {
    font-size: 2rem;
    color: #FFF;
}

.nav {
    background: #FFF;
    width: 100%;
    height: 8.8rem;
}

.nav .container {
    width: 100%;
    padding: 0px 7%;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav .logo {
    height: 7rem;
    display: block;
    width: 15%;
}

.nav .logo img {
    width: 100%;
    object-fit: contain;
    display: block;
    height: 100%;
    width: auto;
}

.nav .right {
    display: flex;
    align-items: center;
    width: 85%;
    justify-content: space-between;
}

.nav .right ul {
    display: flex;
    align-items: center;
    width: 75%;
    display: flex;
    justify-content: space-between;
    padding-left: 4%;
}

.nav .right ul li {
    flex: 1 1 auto;
    position: relative;
}

.nav .right ul li .title {
    padding: 2rem 0px;
    text-align: center;
    font-size: 2rem;
    color: rgba(38, 38, 38, 1);
    display: block;
    width: 100%;
}

.nav .right ul li .title i {
    margin-left: 1rem ;
}

.nav .right ul li.active .title {
    color: #003366 ;
}

.nav .right .search {
    width: 6%;
}

.nav .right .search i {
    font-size: 3rem;
    color: #262626;
    cursor: pointer;
}

.nav .right .language {
    width: 8%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav .right .language a {
    padding: 0px 1rem;
    box-sizing: border-box;
    display: block;
}

.nav .right .language img {
    width: 3rem;
    height: 3rem;
    display: block;
}

.banner_home {
    width: 100%;
    height: 80rem;
    position: relative;
    overflow: hidden;
}

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

.banner_home .swiper-slide {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

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

.banner_home .swiper-slide .ceng {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
}

.banner_home .swiper-slide .text {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    animation-duration: 0.5s;
    animation-delay: 0s;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.banner_home .swiper-slide-active .text {
    animation: dhBounce-In 1s ease-in;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

.banner_home .swiper-slide-active .text b,
.banner_home .swiper-slide-active .text i,
.banner_home .swiper-slide-active .text h2,
.banner_home .swiper-slide-active .text ul {
    animation: bottomslide-in 1s ease-in;
    animation-duration: 1s;
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.banner_home .swiper-slide .text b {
    padding: 0.3% 0% 0.3% 1.5rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.11);
    color: rgba(0, 134, 240, 1);
    font-size: 1.8rem;
    font-weight: 400;
    display: block;
    width: max-content;
}

.banner_home .swiper-slide .text h2 {
    color: #FFF;
    font-size: 5.5rem;
    text-transform: capitalize;
    margin: 3rem 0px;
}

.banner_home .swiper-slide .text i {
    width: 10%;
    height: 0.3rem;
    background: #FFF;
    display: block;
    margin: 3rem 0px;
}

.banner_home .swiper-slide .text li {
    color: #FFF;
    font-size: 1.8rem;
    line-height: 1.6em;
    margin: 1.5rem 0px;
}

.banner_home .container {
    padding: 16.5rem 10% 0px 10%;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.swiper-button-next,
.swiper-button-prev {
    width: 5rem;
    height: 5rem;
    background: rgba(0, 0, 0, 0.11);
    display: flex;
    align-items: center;
    justify-content: center;

}

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

.swiper-pagination {
    bottom: 3rem !important;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    background: #FFF;
    border-radius: 50%;
    margin: 0px 0.6rem;
}

.icon_Text_box {
    width: 100%;
    margin: 3rem 0px;
}

.icon_Text_box .container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.icon_Text_box .container .box {
    width: 25%;
    text-align: center;
}

.icon_Text_box .container .box i {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 4.5rem;
    color: rgb(39, 117, 181);
    box-sizing: border-box;
}

.icon_Text_box .container .box img {
    height: 4.5rem;
    box-sizing: border-box;
}

.icon_Text_box .container .box h2 {
    margin-top: 1rem;
    color: rgb(39, 117, 181);
    font-size: 2rem;
    text-transform: capitalize;
}

.About {
    width: 100%;
    padding: 5rem 0px;
}

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

.About .container .left {
    width: 42%;
    overflow: hidden;
}

.About .container .left .img {
    width: 100%;
    height: 28.7rem;
    overflow: hidden;
    transition: 1s ease;
}

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

.About .container .left>.img:hover {
    transform: translateX(-5%);
}

.About .container .left .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    overflow: hidden;
}

.About .container .left .box .text {
    width: 48%;
    background: rgb(39, 117, 181);
    padding: 2rem 2rem 2rem 4rem;
    box-sizing: border-box;
}

.About .container .left .box .img {
    width: 50%;
    height: 22.3rem;
    transition: 1s ease;
}

.About .container .left .box .text b {
    font-size: 7.6rem;
    color: #FFF;
    margin-bottom: 3rem;
}

.About .container .left .box .img:hover {
    transform: translateY(-5%);
}

.About .container .left .box .text span {
    font-size: 1.8rem;
    color: #FFF;
    margin: 1rem 0px;
    display: block;
    font-weight: bold;
}

.About .container .right {
    width: 55%;
}

.About .container .right span {
    color: rgb(39, 117, 181);
    font-size: 1.8rem;
    text-transform: capitalize;
    display: block;
}

.About .container .right i {
    border-bottom: 0.3rem solid rgb(39, 117, 181);
    margin: 2% 88% 1% 0%;
    display: block;
}

.About .container .right h2 {
    color: #000;
    font-size: 4rem;
    text-transform: uppercase;
    margin: 3rem 0px;
}

.About .container .right p {
    font-size: 1.6rem;
    line-height: 1.7em;
    color: #262626;
}

.About .container .right ul {
    width: 100%;
}

.About .container .right li {
    width: 100%;
    display: flex;
    margin: 2rem 0px;
}

.About .container .right li .yiyingbao {
    font-size: 2rem;
    margin-right: 1rem;
    display: block;
    color: #2775B5;
    transform: translateY(0.5rem);
}

.About .container .right li p {
    font-size: 1.5rem;
    color: #777;
}

.View_More {
    padding: 1rem 2rem;
    box-sizing: border-box;
    background: rgba(0, 134, 240, 1);
    color: #FFF;
    width: max-content;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    margin-top: 4rem;
    display: block;
}



@keyframes dhBounce-In {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px, 0px);
        -ms-transform: translate(-200px, 0px);
        visibility: visible
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        visibility: visible
    }
}


@keyframes bottomslide-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 200px);
        -ms-transform: translate(0, 200px);
        visibility: visible
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        visibility: visible
    }
}

.Scrolling_numbers {
    width: 100%;
    height: 30.4rem;
    background: url(../images/8a12e260f27ce2dec2fa48fc4aa28bf5.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.Scrolling_numbers::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    content: '';
    z-index: 1;
}

.Scrolling_numbers .out {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    padding: 3rem 0px;
    box-sizing: border-box;
}

.Scrolling_numbers .out .box {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    border-right: 0.1rem solid #ffffff31;
}

.Scrolling_numbers .out .box::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: none no-repeat center center / contain;
    background-image: url(../images/1760506615836959169261703168.gif);
    background-position: center center;
    opacity: 0.5;
    content: '';
}

.Scrolling_numbers .out .box i {
    font-size: 4rem;
    color: #FFF;
}

.Scrolling_numbers .out .box img {
    height: 4rem;
}

.Scrolling_numbers .out .box b {
    font-size: 6rem;
    color: #FFF;
    margin: 1rem 0px;
    display: block;
}

.Scrolling_numbers .out .box span {
    color: #FFF;
    font-size: 1.8rem;
}

.public_title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.public_title span {
    color: #666;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold;
}

.public_title i {
    height: 0.3rem;
    background: rgba(0, 134, 240, 1);
    width: 10rem;
    display: block;
    margin: 1rem 0px;
}

.public_title h2 {
    color: #000;
    font-size: 4rem;
    text-transform: capitalize;
    font-weight: 500;
}

.Hot_Products {
    margin: 7rem 0px;
    width: 100%;
}

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

.Hot_Products .out .box {
    width: 22.6%;
    background: #FFF;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.11);
}

.Hot_Products .out .box .img {
    width: 100%;
    height: 25.1rem;
    padding: 1rem;
    box-sizing: border-box;
    overflow: hidden;
}

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

.Hot_Products .out .box .txt {
    width: 100%;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
}

.Hot_Products .out .box .txt h3 {
    color: #000;
    font-size: 1.8rem;
    line-height: 1.5em;
    display: -webkit-box;
    /* 必须设置为弹性盒模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    -webkit-line-clamp: 2;
    /* 限制显示的最大行数 */
    overflow: hidden;
    /* 隐藏超出部分 */
    font-weight: 500;
    width: 100%;
}

.Hot_Products .out .box .txt .View_More {
    background: none;
    border: 0.1rem solid #333;
    color: #333;
    margin-top: 1rem;
    border-radius: 3rem;
}

.Hot_Products .out .box:hover .txt h3 {
    color: #2775B5;
}

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

.ourAdvantages {
    width: 100%;
    margin: 7rem 0px;
    background: #2775B5;
    padding: 6rem 0px;
    position: relative;
}

.ourAdvantages::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    content: '';
    background: url(../images/20220927172119707.webp) no-repeat center;
}

.ourAdvantages .public_title span,
.ourAdvantages .public_title h2 {
    color: #FFF;
}

.ourAdvantages .public_title i {
    background: #FFF;
}

.ourAdvantages .out {
    width: 100%;
    margin: 5rem 0px;
    display: flex;
    justify-content: space-between;

}

.ourAdvantages .out .box {
    width: 33.33%;
    padding: 0px 2.2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ourAdvantages .out .box:nth-child(2) {
    transform: translateY(5rem);
}

.ourAdvantages .out .box .icon {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.11);
}

.ourAdvantages .out .box h3 {
    color: #FFF;
    font-size: 2.2rem;
    font-weight: 500;
    margin: 2rem 0px 1rem 0px;
    display: block;
    text-align: center;
}

.ourAdvantages .out .box p {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.6em;
    text-align: center;
}

.ourAdvantages .out .box .icon i {
    font-size: 5rem;
    color: #2775B5;
    line-height: 1;
}

.Stringent_Control {
    width: 100%;
}

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

.Stringent_Control .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #2775B5;
    height: 50rem;
}

.Stringent_Control .out .left {
    width: 50%;
    height: 100%;
    padding: 1% 1% 1% 8%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Stringent_Control .out .left h2 {
    color: #FFF;
    font-size: 4rem;
    text-transform: capitalize;
    margin-bottom: 2rem;
}

.Stringent_Control .out .left li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin: 1.5rem 0px;
}

.Stringent_Control .out .left li img {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
}

.Stringent_Control .out .left li p {
    color: #FFF;
    font-size: 1.7rem;
    line-height: 1.6em;
}

.Stringent_Control .out .right {
    width: 50%;
    height: 100%;
}

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

.Customer_Testimonials {
    width: 100%;
}

.backsd_bg {
    width: 100%;
    height: 100%;
    position: relative;
}

.backsd_bg::after {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/1760338282836253127829725184.webp ) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 1;
    content: '';
}

.Customer_Testimonials {
    position: relative;
    z-index: 10;
    padding: 5rem 0px;
}

.Customer_Testimonials .swiper {
    margin-top: 5rem;
}

.Customer_Testimonials .swiper-slide {
    width: 100%;
    padding: 2rem 5%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Customer_Testimonials .swiper-slide .box {
    width: 49%;
    background: #FFF;
    padding: 2rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    overflow: hidden;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.041);
}

.Customer_Testimonials .swiper-slide .box .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.Customer_Testimonials .swiper-slide .box p {
    color: #3f3f3f;
    font-size: 1.6rem;
    line-height: 1.7em;
}

.Customer_Testimonials .swiper-slide .box .title .left {
    display: flex;
    align-items: center;
}

.Customer_Testimonials .swiper-slide .box .title .touxiang {
    width: 9rem;
    height: 9rem;
    display: block;
    border-radius: 50%;
    margin-right: 1rem;
}

.Customer_Testimonials .swiper-slide .box .title .icon {
    width: 9.9rem;
    display: block;
}

.Customer_Testimonials .swiper-slide .box .title h3 {
    color: #666;
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.Customer_Testimonials .swiper-slide .box .title span {
    color: #393939;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 1rem;
}

.Customer_Testimonials .swiper-slide .box .title .txt img {
    display: block;
    height: 2rem;
}

.Customer_Testimonials .swiper-pagination {
    bottom: -0rem !important;
    z-index: 10;
}

.Customer_Testimonials .swiper-pagination .swiper-pagination-bullet {
    background: #333;
}

.News_Blogs {
    width: 100%;
    padding: 5rem 0px 8rem 0px;
    position: relative;
    z-index: 10;
}

.News_Blogs .swiper {
    margin-top: 5rem;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.News_Blogs .swiper-slide {
    width: 32%;
    margin-right: 2%;
    background: #FFF;
    border-radius: 0.3rem;
    overflow: hidden;
    transition: 0.5s ease;
}

.News_Blogs .swiper-slide:hover {
    transform: scale(0.95);
}

.News_Blogs .swiper-slide a {
    display: block;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
}

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

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

.News_Blogs .swiper-slide .text {
    width: 100%;
    padding-bottom: 1rem;
}

.News_Blogs .swiper-slide .text .title {
    padding: 1.5rem 0px;
    border-bottom: 0.1rem solid #262626;
}

.News_Blogs .swiper-slide .text h3 {
    color: #262626;
    font-size: 2rem;
    font-weight: 500;
    height: 5.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.News_Blogs .swiper-slide .text time {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 1rem 0px;
}

.News_Blogs .swiper-slide .text time i {
    font-size: 2rem;
    color: rgba(0, 51, 102, 1);
}

.News_Blogs .swiper-slide .text time span {
    color: rgba(0, 51, 102, 1);
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    margin-left: 0.5rem;
}

.News_Blogs .swiper-slide .text p {
    color: #7f6f7f;
    font-size: 1.6rem;
    line-height: 1.4em;
    display: -webkit-box;
    /* 必须设置为弹性盒模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    -webkit-line-clamp: 2;
    /* 限制显示的最大行数 */
    overflow: hidden;
    /* 隐藏超出部分 */

    display: none !important;

}

.News_Blogs .swiper-slide:hover .text h3 {
    color: rgb(39, 117, 181);
}

.footer_content {
    width: 100% ;
    padding: 4rem 0px ;
    background: #292929 ;
}

.footer_content .container {
    width: 100% ;
    display: flex ;
    justify-content: center ;
}


.footer_content .footer_Nav {
    width: 60% ;
    padding-right: 1% ;
    box-sizing: border-box ;
    border-right: 0.1rem solid #434343a9 ;
    display: flex ;
    flex-wrap: wrap ;
    align-content: baseline;
    gap: 1rem 1rem ;
}

.footer_content .footer_Nav .box {
    width: auto ;
    max-width: 100% ;
}

.footer_content .footer_Nav .list{
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
    gap: 0.5rem ;
    margin: 1rem 0px ;
    margin-bottom: 2rem;
}

.footer_content .footer_Nav .list .item {
    padding: 0.5rem 1rem ;
    box-sizing: border-box ;
    color: #fff ;
    font-size: 1.2rem ;
    border: 0.1rem solid #ffffff17;
    background: #333333 ;
    border-radius: 0.4rem ;
}

.footer_content .footer_Nav .list .item:hover {
    background: #F16600 ;
}


.footer_content .footer_Nav h2 a {
    color: #FFF ;
    font-size: 2.4rem ;
    margin-bottom: 1rem ;
    font-weight: 400 ;
    text-transform: capitalize ;
    font-family: "Times New Roman", Times, serif ;
    display: flex ;
    align-items: end ;
}

.footer_content .footer_Nav h2 a img {
    width: 2.2rem ;
    height: 2.2rem ;
    transform: rotate(-45deg);
}

.footer_content .fonnter_Contact {
    width: 20% ;
    padding: 0px 1.5% ;
    box-sizing: border-box ;
    border-right: 0.1rem solid #434343a9  ;
}


.footer_content .fonnter_Contact h2 {
    color: #FFF ;
    font-weight: 400 ;
    margin-bottom: 2rem ;
    font-size: 2.4rem ;
    font-family: "Times New Roman", Times, serif ;
}

.footer_content .fonnter_Contact .list {
    width: 100% ;
}

.footer_content .fonnter_Contact .list .item {
    display: block ;
    color: #FFF ;
    font-size: 1.5rem ;
    font-weight: 400 ;
    margin: 1rem 0px ;
}

.footer_content .fonnter_Contact .list a:hover {
    text-decoration: underline ;
}

.footer_content .fonnter_wapp {
    width: 20% ;
    padding-left: 5% ;
    box-sizing: border-box ;
}

.footer_content .fonnter_wapp .wapp {
    width: 12rem ;
    height: 12rem ;
    display: block ;
    background: #FFF ;
    padding: 0.4rem ;
    border-radius: 0.5rem ;
    margin-bottom: 1rem ;
    box-sizing: border-box;
}

.footer_content .fonnter_wapp .wapp img {
    width: 100% ;
    height: 100% ;
    display: block ;
}

.footer_content .fonnter_wapp .tit {
   width: 12rem ;
    text-align: center ;
    color: #ffffff52 ;
    font-size: 1.6rem ;
    
}


.Copyright {
    width: 100%;
    padding: 1.5rem 0px;
    border-top: 0.1rem solid #eeeeee46;
}

.Copyright .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Copyright a,
.Copyright p {
    color: #FFF;
    font-size: 1.6rem;
    margin: 0px 0.5rem;
}

.Copyright a:hover {
    text-decoration: underline;
}

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

.banner_pages .img {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

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

.banner_pages .text {
    width: 100%;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.41);
    text-align: center;
}

.banner_pages .text .container {
    position: relative;
    padding: 10rem 10%;
}

.banner_pages .text h2 {
    color: #FFF;
    font-size: 5rem;
    font-weight: 500;
}

.banner_pages .text .breadcrumb {
    position: absolute;
    left: 10%;
    bottom: 2rem;
    display: flex;
    align-items: center;
}


.banner_pages .text .breadcrumb i {
    color: #FFF;
    font-size: 1.6rem;
    margin-right: 1rem;
}

.banner_pages .text .breadcrumb a,
.banner_pages .text .breadcrumb span {
    color: #FFF;
    font-size: 1.6rem;
}

.About_pages {
    width: 100%;
    padding: 6rem 2rem 0px 2rem;
    box-sizing: border-box;
}

.About_pages .text h2 {
    color: #242424;
    font-size: 4rem;
    font-family: Anton;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.About_pages .text h2 b {
    color: #003366;
}

.About_pages .text i {
    width: 100%;
    height: 0.1rem;
    background: #C5CAD3;
    display: block;
    margin-bottom: 3rem;
}

.About_pages .text p {
    color: #3f3f3f;
    font-size: 1.8rem;
    line-height: 1.6em;
    /*margin-bottom: 3rem;*/
    margin: 1rem 0px ;
}

.About_pages .Scrolling_numbers {
    background: #FFF;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.11);
    height: auto;
    margin-top: 4rem ;
}

.About_pages .Scrolling_numbers::after {
    display: none;
}

.About_pages .Scrolling_numbers .box {
    padding: 2rem 0px;
    border-right: 0.1rem solid #3333332c;
}

.About_pages .Scrolling_numbers .out {
    padding: 0px;
}

.About_pages .Scrolling_numbers .box i {
    color: #003366;
}

.About_pages .Scrolling_numbers .box b,
.About_pages .Scrolling_numbers .box span {
    color: #003366;
}

.About_pages .About_img {
    width: 100%;
    margin-top: -5rem;
    max-height: 80rem;
    overflow: hidden;
}

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

.Logistics_Packaging {
    width: 100%;
    margin: 5rem 0px 6rem;
}

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

.Logistics_Packaging .title h2 {
    color: #434343;
    font-size: 4.5rem;
    font-weight: 400;
}

.Logistics_Packaging .title img {
    width: 24.1rem;
    display: block;
    margin: 0 auto;
    margin-top: 3rem;
}

.Logistics_Packaging .out {
    width: 100%;
    height: 54.7rem;
    margin-top: 5rem;
}

.Logistics_Packaging .out .swiper {
    width: 100%;
    height: 100%;
}

.Logistics_Packaging .out .swiper-slide {
    width: 38rem;
    height: 25.3rem;
    padding: 1rem;
    box-sizing: border-box;
}

.Logistics_Packaging .out .swiper-slide figure {
    width: 100%;
    height: 100%;
}

.Logistics_Packaging .out .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    margin: 0 auto;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.11);
    cursor: pointer;
}

.Products_pages {
    margin: 6rem 0px;
    width: 100%;
}

.Products_pages .out {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.Products_Left {
    width: 22%;
    padding: 0px 1%;
    box-sizing: border-box;
    background: #FFF;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.11);
    padding: 0.6rem;
    box-sizing: border-box;
}

.Products_Left form {
    width: 100%;
    background: #FFF;
    height: 5.6rem;
    background: #F4F4F4;
    display: flex;
    align-items: center;
}

.Products_Left form input {
    width: 100%;
    height: 100%;
    background: none;
    padding: 0px 2rem;
    box-sizing: border-box;
    outline: none;
    border: none;
}

.Products_Left form button {
    width: 4rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
}

.Products_Left form button i {
    font-size: 2rem;
    color: rgba(39, 117, 181, 1);
}

.Products_Left .PRODUCT_Dlist h2 {
    color: rgba(0, 51, 102, 1);
    font-size: 2.5rem;
    padding: 2rem 1.5rem;
    box-sizing: border-box;
}

.Products_Left .PRODUCT_Dlist .item {
    width: 100%;
}

.Products_Left .PRODUCT_Dlist .item .tit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    box-sizing: border-box;
    border-bottom: 0.1rem dashed #3333333d;
}

.Products_Left .PRODUCT_Dlist .item .tit i {
    font-size: 1.6rem;
    color: #2775B5;
}

.Products_Left .PRODUCT_Dlist .item .tit a {
    font-size: 1.8rem;
    color: #2775B5;
    width: 100%;
}

.Products_Left .PRODUCT_Dlist .item .box {
    width: 100%;
    display: none;
}

.Products_Left .PRODUCT_Dlist .item .box a {
    width: 100%;
    display: block;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
    border-bottom: 0.1rem dashed #3333333d;
    color: #7f6f7f;
}

.Products_Left .PRODUCT_Dlist .item .box a:hover {
    color: #2775B5;
}

.Products_Left .Products_MESSAGE {
    width: 100%;
    padding: 2rem 1.5rem;
    box-sizing: border-box;
}

.Products_Left .Products_MESSAGE h2 {
    color: #2775B5;
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.Products_Left .Products_MESSAGE p {
    color: #2775B5;
    font-size: 1.5rem;
    line-height: 1.4em;
    margin-bottom: 2rem;
}

.Products_Left .Products_MESSAGE form {
    width: 100%;
    flex-direction: column;
    height: auto;
    background: none;
}

.Products_Left .Products_MESSAGE input {
    width: 100%;
    height: 4.6rem;
    border: 0.1rem solid #33333359;
    box-sizing: border-box;
    padding: 0px 1rem;
    overflow: none;
    background: none;
    margin: 0.5rem 0px;
    color: #7f6f7f;
    font-size: 1.5rem;
}

.Products_Left .Products_MESSAGE textarea {
    width: 100%;
    height: 8rem;
    padding: 0.8rem;
    box-sizing: border-box;
    border: 0.1rem solid #33333359;
    outline: none;
    background: none;
    color: #7f6f7f;
    font-size: 1.5rem;
}

.Products_Left .Products_MESSAGE button {
    width: 100%;
    padding: 1rem 0px;
    color: #FFF;
    font-size: 1.6rem;
    margin-top: 2rem;
    background: #2775B5;
    border: none;
    border-radius: 0px 0px 1rem 0px;
}


.Products_pages .out .right {
    width: 78%;
    padding: 0px 1%;
    padding-left: 4%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 2%;
}

.Products_pages .out .right .box {
    width: 32%;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.11);
}

.Products_pages .out .right .box .img {
    width: 100%;
    height: 28.9rem;
    overflow: hidden;
    position: relative;
}

.Products_pages .out .right .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.Products_pages .out .right .box .img .txt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #445c66a1;
    padding: 0px 5%;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: 0.3s ease;
}


.Products_pages .out .right .box .img .txt h2 {
    color: #FFF;
    font-size: 1.5rem;
    text-align: center;
}

.Products_pages .out .right .box .img .txt .icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border-radius: 50%;
    margin-top: 2rem;
}

.Products_pages .out .right .box .img .txt .icon img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    display: block;
}

.Products_pages .out .right .box .text {
    width: 100%;
    background: #FFF;
    padding: 2rem 0px;
}

.Products_pages .out .right .box .text h2 {
    color: #434343;
    font-size: 1.6rem;
    text-align: center;
    padding: 0px 5%;
    box-sizing: border-box;
    height: 4.2rem;
    font-weight: 400;
}

.Products_pages .out .right .box .text .MORE {
    text-align: center;
    color: #595959;
    font-size: 1.5rem;
    display: block;
    margin-top: 2rem;
}

.Products_pages .out .right .box:hover .img .txt {
    transform: translateY(0px);
}

.Products_pages .out .right .box:hover .text h2 {
    color: #003366;
}

.ourAdvantages_pages {
    margin: 0px;
    background: none;
}

.ourAdvantages_pages::after {
    display: none;
}

.ourAdvantages_pages .public_title span {
    color: #2775B5;
}

.ourAdvantages_pages .public_title i {
    background: #333;
}

.ourAdvantages_pages .public_title h2 {
    color: #333;
}

.ourAdvantages_pages .text {
    width: 100%;
    margin: 3rem 0px;
}

.ourAdvantages_pages .text p {
    color: #333;
    font-size: 1.6rem;
    line-height: 1.7em;
}

.ourAdvantages_pages .out .box h3,
.ourAdvantages_pages .out .box p {
    color: #333;
}

.ourAdvantages .out .box:nth-child(2) {
    transform: translateY(0px);
}

.News_pages {
    width: 100%;
    margin: 6rem 0px;
}

.News_pages .out {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.News_pages .out .left {
    width: 75%;
}

.News_pages .out .left .box {
    padding: 0px 2rem;
    box-sizing: border-box;
    width: 100%;
    transition: 0.5s ease;
}

.News_pages .out .left .box a {
    display: block;
    border-bottom: 0.1rem dashed #3333333d;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0px;
}

.News_pages .out .left .box .img {
    width: 22.9rem;
    height: 21.9rem;
}

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

.News_pages .out .left .box .text {
    width: calc(100% - 22.9rem - 2rem);
}

.News_pages .out .left .box .text h2 {
    color: #333;
    font-size: 2.4rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    /* 必须设置为弹性盒模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    -webkit-line-clamp: 2;
    /* 限制显示的最大行数 */
    overflow: hidden;
    /* 隐藏超出部分 */
}

.News_pages .out .left .box .text p {
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 3rem;
    display: -webkit-box;
    /* 必须设置为弹性盒模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    -webkit-line-clamp: 2;
    /* 限制显示的最大行数 */
    overflow: hidden;
    /* 隐藏超出部分 */
}

.News_pages .out .left .box .text time {
    color: #000;
    font-size: 1.6rem;
}

.News_pages .out .left .box:hover {
    background: #2775B5;
}

.News_pages .out .left .box:hover .text p,
.News_pages .out .left .box:hover .text h2,
.News_pages .out .left .box:hover .text time {
    color: #FFF;
}

.News_right {
    width: 25%;
    padding: 0px 1%;
    box-sizing: border-box;
}


.News_right form {
    width: 100%;
    background: #FFF;
    height: 5.6rem;
    background: #F4F4F4;
    display: flex;
    align-items: center;
}

.News_right form input {
    width: 100%;
    height: 100%;
    background: none;
    padding: 0px 2rem;
    box-sizing: border-box;
    outline: none;
    border: none;
}

.News_right form button {
    width: 4rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
}

.News_right form button i {
    font-size: 2rem;
    color: rgba(39, 117, 181, 1);
}


.News_right .News_MESSAGE {
    width: 100%;
    padding: 2rem 1.5rem;
    box-sizing: border-box;
}

.News_right .News_MESSAGE h2 {
    color: #333;
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-weight: 400;
}

.News_right .News_MESSAGE p {
    color: #2775B5;
    font-size: 1.5rem;
    line-height: 1.4em;
    margin-bottom: 2rem;
}

.News_right .News_MESSAGE form {
    width: 100%;
    flex-direction: column;
    height: auto;
    background: none;
}

.News_right .News_MESSAGE input {
    width: 100%;
    height: 4.6rem;
    border: 0.1rem solid #33333359;
    box-sizing: border-box;
    padding: 0px 1rem;
    overflow: none;
    background: none;
    margin: 0.5rem 0px;
    color: #7f6f7f;
    font-size: 1.5rem;
}

.News_right .News_MESSAGE textarea {
    width: 100%;
    height: 8rem;
    padding: 0.8rem;
    box-sizing: border-box;
    border: 0.1rem solid #33333359;
    outline: none;
    background: none;
    color: #7f6f7f;
    font-size: 1.5rem;
}

.News_right .News_MESSAGE button {
    width: 100%;
    padding: 1rem 0px;
    color: #FFF;
    font-size: 1.6rem;
    margin-top: 2rem;
    background: #2775B5;
    border: none;
    border-radius: 0px 0px 1rem 0px;
}

.News_right .Related_Posts {
    width: 100%;
    padding: 3rem 0px;
    border-bottom: 0.1rem solid #33333350;
}

.News_right .Related_Posts h2 {
    color: #333;
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-weight: 400;
}

.News_right .Related_Posts a {
    width: 100%;
    padding: 1.5rem 0px;
    box-sizing: border-box;
    border-bottom: 0.1rem dashed #33333350;
    display: block;
    font-size: 1.6rem;
    color: #000;
}

.News_right .Related_Posts a:hover {
    color: #2775B5;
}

.News_right .Products_News {
    width: 100%;
    padding: 2rem 0px;
    border-bottom: 0.1rem solid #33333350;
}

.News_right .Products_News h2 {
    color: #333;
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-weight: 400;
}

.News_right .Products_News .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}


.News_right .Products_News .box .item {
    position: relative;
}


.News_right .Products_News .box .item .Dow_list {
    width: max-content;
    position: absolute;
    left: 0px;
    background: #FFF;
    z-index: 10;
    border: 0.1rem solid #33333311;
    display: none;
}

.News_right .Products_News .box .item .Dow_list a {
    display: block;
    width: 100%;
    color: #333;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
    border-bottom: 0.1rem solid #33333311;
    font-size: 1.2rem;
}

.News_right .Products_News .box .item .Dow_list a:hover {
    background: #003366;
    color: #FFF;
}

.News_right .Products_News .box .item .tit {
    padding: 0.6rem 1.4rem;
    border: 0.1rem solid #33333311;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    color: #333;
    font-size: 1.4rem;
}

.News_right .Products_News .box .item .tit i {
    font-size: 1.2rem;
    color: #333;
    margin-left: 0.5rem;
}

.News_right .Products_News .box .item:hover .tit {
    background: #003366;
    color: #FFF;
}

.News_right .Products_News .box .item:hover .tit i {
    color: #FFF;
}

.News_right .Products_News .box .item:hover .Dow_list {
    display: block;
}

.Contact_pages {
    width: 100%;
    padding: 6rem 0px;
    background: #F7F9FB;
}

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

.Contact_pages .out .left {
    width: 46%;
}

.Contact_pages .out .left h2 {
    font-size: 4rem;
    color: #000;
}

.Contact_pages .out .left h2 b {
    color: #003366;
}

.Contact_pages .out .left h2::after {
    width: 10rem;
    height: 0.4rem;
    background: #003366;
    margin: 2rem 0px 3rem 0px;
    display: block;
    content: '';
}

.Contact_pages .out .left .list {
    width: 100%;
}

.Contact_pages .out .left .list .item {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 1.5rem 0px;
}

.Contact_pages .out .left .list .item i {
    font-size: 3rem;
    color: #2775B5;
    margin-right: 1rem;
}

.Contact_pages .out .left .list .item a,
.Contact_pages .out .left .list .item p {
    font-size: 1.8rem;
    color: #000;
}

.Contact_pages .out .left .list .item a:hover {
    text-decoration: underline;
}

.Contact_pages .out .left .icon_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 2rem;
    margin-top: 3rem;
}

.Contact_pages .out .left .icon_list img {
    width: 3.5rem;
    height: 3.5rem;
    display: block;
}

.Contact_pages .out .right {
    width: 56%;
    padding-left: 3rem;
    padding-right: 2rem;
    box-sizing: border-box;
}

.Contact_pages .out .right .box {
    width: 100%;
    background: #FFF;
    border-radius: 0.4rem;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.11);
    padding: 6rem 4rem;
    box-sizing: border-box;
    transform: translateY(-13rem);
    position: relative;
    z-index: 100;
}

.Contact_pages .out .right .box h2 {
    color: #000;
    font-size: 2.4rem;
    font-weight: 500;
}

.Contact_pages .out .right .box h2 b {
    font-weight: bold;
}

.Contact_pages .out .right .box form {
    padding-top: 2rem;
    margin-top: 3.5rem;
    border-top: 0.1rem solid #33333311;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem 0px;
}

.Contact_pages .out .right .box form input {
    width: 49%;
    height: 4.6rem;
    background: #F6F6F6;
    border: 0.1rem solid rgba(0, 0, 0, 0.11);
    padding: 0px 2rem;
    box-sizing: border-box;
    color: #333;
    font-size: 1.5rem;
    outline: none;
}

.Contact_pages .out .right .box form textarea {
    width: 100%;
    height: 12rem;
    background: #F6F6F6;
    border: 0.1rem solid rgba(0, 0, 0, 0.11);
    padding: 2rem 2rem;
    box-sizing: border-box;
    color: #333;
    font-size: 1.5rem;
    outline: none;
}

.Contact_pages .out .right .box form button {
    width: 20rem;
    height: 3.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2775B5;
    border: none;
    cursor: pointer;
}

.Contact_pages .out .right .box form button span {
    color: #fff;
    font-size: 1.5rem;
}


.map_out {
    width: 100%;
    height: 40rem;
    background: #E3E3E3;
    position: relative;
}

.map_out iframe {
    width: 100%;
    height: 100%;
}

.map_out .map_text {
    padding: 2rem;
    box-sizing: border-box;
    max-width: 35%;
    min-width: 24%;
    background: #FFF;
    position: absolute;
    left: 14%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0.5rem;
    overflow: hidden;
    border-top: 0.4rem solid #003366;
}

.map_out .map_text h1 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #333;
}

.map_out .map_text .item {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 2rem 0px;
}

.map_out .map_text .item i {
    font-size: 1.5rem;
    color: #333;
    margin-right: 1rem;
}

.map_out .map_text .item a,
.map_out .map_text .item p {
    color: #595959;
    font-size: 1.5rem;
}

.News_Details {
    width: 75%;
    padding-right: 3rem;
    box-sizing: border-box;
}

.News_Details .text {
    color: #333;
    font-size: 1.6rem;
    line-height: 1.7em;
}

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

.News_Details .title h2 {
    font-size: 2.6rem;
    color: #333;
    margin-bottom: 1rem;
    text-align: center;
}

.News_Details .title time {
    color: #666;
    font-size: 1.5rem;
}

.News_Details .text p {
    color: #333;
    font-size: 1.6rem;
    line-height: 1.7em;
    margin: 1rem 0px;
}

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

.PRODUCT_Details {
    width: 78%;
    padding-left: 3rem;
    box-sizing: border-box;
}

.PRODUCT_Details .Top_contaner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.PRODUCT_Details .Top_contaner .swiper_list {
    width: 50%;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper1 {
    width: 100%;
    height: 46rem;
    border: 0.1rem solid #3333332f;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper1 .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    box-sizing: border-box;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper1 .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper2 {
    width: 100%;
    margin-top: 2rem;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper2 .swiper-slide {
    width: 23%;
    height: 8rem;
    border: 0.1rem solid #33333350;
    padding: 1rem;
    box-sizing: border-box;
    margin-right: 2%;
    cursor: pointer;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper2 .swiper-slide:last-child {
    margin-right: 0px;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper2 .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper2 .swiper-slide-thumb-active {
    border: 0.1rem solid #003366;
}

.PRODUCT_Details .Top_contaner .right_text {
    width: 50%;
    padding-left: 3rem;
    box-sizing: border-box;
    padding-top: 2rem;
}

.PRODUCT_Details .Top_contaner .right_text .title {
    width: 100% ;
    padding-bottom: 1.6rem ;
    margin-bottom: 1.6rem ;
    border-bottom: 0.1rem solid rgba(0,0,0,.1) ;
}

.PRODUCT_Details .Top_contaner .right_text h2 {
    font-size: 2.8rem;
    color: #000;
    font-weight: 500;
    font-family: "Times New Roman", Times, serif ;
}

.PRODUCT_Details .Top_contaner .right_text p {
    color: #333;
    font-size: 1.4rem;
    line-height: 1.7em;
    margin-bottom: 1.6rem;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.PRODUCT_Details .Top_contaner .list {
    width: 100%;
    padding-top: 1.6rem;
    border-top: 0.1rem dashed #2775b53f;
}

.PRODUCT_Details .Top_contaner .list .item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1rem ;

}

.PRODUCT_Details .Top_contaner .list .item i  , .PRODUCT_Details .Top_contaner .list .item svg{
    color: #003366;
    font-size: 2rem;
    margin-right: 1rem;
}

.PRODUCT_Details .Top_contaner .list .item svg {
    fill: #003366 ;
    width: 2rem ;
    height: 2rem ;
}

.PRODUCT_Details .Top_contaner .list .item a {
    color: #333;
    font-size: 1.5rem;
}

.PRODUCT_Details .Top_contaner .list .item a:hover {
    text-decoration: underline;
}

.PRODUCT_Details .Top_contaner .list .button_list {
    width: 100% ;
    display: flex ;
    justify-content: space-between ;
    margin-top: 3rem ;
}

.PRODUCT_Details .Top_contaner .list .button_list a {
    width: 32% ;
    padding: 1rem 0px ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    background: #103047 ;
}

.PRODUCT_Details .Top_contaner .Keyword {
    padding: 1rem ;
    box-sizing: border-box ;
    margin-top: 2rem ;
    display: flex ;
    align-items: center ;
    background: #F5F5F5 ;
}

.PRODUCT_Details .Top_contaner .Keyword span {
    font-size: 1.4rem ;
    color: #000 ;
}

.PRODUCT_Details .Top_contaner .Keyword .box {
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
}

.PRODUCT_Details .Top_contaner .Keyword a {
    font-size: 1.4rem ;
    color: #000 ;
    margin: 0px 0.5rem ;
}

.PRODUCT_Details .Top_contaner .img_list {
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
    gap: 2% ;
    margin-top: 3rem ;
}

.PRODUCT_Details .Top_contaner .img_list .img {
    width: 32% ;
    height: 11.1rem ;
    overflow: hidden;
    background: #FFF ;
    padding: 0.05rem ;
    box-sizing: border-box ;
    border: 0.1rem solid #eee ;
}

.PRODUCT_Details .Top_contaner .img_list .img img {
    width: 100% ;
    height: 100% ;
    display: block ;
    object-fit: contain ;
}

.PRODUCT_Details .Top_contaner .list .button_list a:nth-child(1) {
    background: #F16600 ;
}


.PRODUCT_Details .Top_contaner .list .button_list a span {
    display: flex ;
    align-items: center ;
    justify-content: center ;
    color: #FFF ;
    font-size: 1.5rem ;
}

.PRODUCT_Details .Top_contaner .list .button_list a svg {
    width: 2rem ;
    height: 2rem ;
    fill: #FFF ;
    margin-right: 1rem ;
}


.PRODUCT_Details .public_Product_title {
    width: 100%;
    height: 6rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F2F2;
}

.PRODUCT_Details .public_Product_title h2 {
    color: #333;
    font-size: 3rem;
    text-transform: uppercase;
}

.PRODUCT_Details  .Product_Description {
    width: 100% ;
    margin-top: 4rem ;
}

.PRODUCT_Details  .Product_Description .text p{
    color: #333 ;
    font-size: 1.4rem ;
    line-height: 1.7em ;
    margin: 1rem 0px ;
}

.PRODUCT_Details  .Product_Description .text img {
    width: auto ;
    max-width: 100% ;
    display: block ;
}

.PRODUCT_Details  .Product_Description .text {
    overflow: hidden;
    width: 100%;
    display: block ;
}

.PRODUCT_Details  .Product_Description .text table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: auto;
}

.PRODUCT_Details  .Product_Description .text tbody {
    width: 100% !important;
}

.PRODUCT_Details  .Product_Description .text td {
    border: 0.1rem solid rgba(0,0,0,0.1)  ;
    padding: 1rem ;
    box-sizing: border-box ;
    font-size: 1.4rem !important ;
    color: #111 ;
}

.PRODUCT_Details  .Product_Description .text tr:nth-child(1)  td{
    background: #103047 ;
    color: #FFF ;
    border-right: 0.1rem solid #ffffff63 ;
}

.PRODUCT_Details  .Product_Description .Dispatch_Feedback {
    width: 100% ;
    display: flex ;
    justify-content: space-between ;
    margin: 3rem 0px ;
}

.PRODUCT_Details  .Product_Description .Dispatch_Feedback .box {
    width: 49% ;
}

.PRODUCT_Details  .Product_Description .Dispatch_Feedback .box .img_list {
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
    justify-content: space-between ;
    gap: 2rem 0px ;
    margin-top: 2rem ;
} 

.PRODUCT_Details  .Product_Description .Dispatch_Feedback .box .img_list .img {
    width: 49% ;
    overflow: hidden;
    border-radius: 0.6rem ;
}

.PRODUCT_Details  .Product_Description .Dispatch_Feedback .box .img_list .img img {
    width: 100% ;
    height: 100% ;
    display: block ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote {
    width: 100% ;
    margin: 3rem 0px ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box {
    width: 100% ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box p{
    font-size: 1.4rem ;
    color: #4e4e4e ;
    margin: 2rem 0px ;
    line-height: 1.6em ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .tit {
    width: 100% ;
    display: flex ;
    align-items: center ;
    margin-bottom: 1rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .tit img {
    width: 1.5rem ;
    height: 1.5rem  ;
    display: block ;
    margin-right: 0.6rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .tit  {
    color: #212529 ;
    font-size: 1.4rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .tit b{
    color: red ;
    display: block ;
    margin-left: 0.5rem ;
    font-size: 1.4rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box form {
    width: 100% ;
    display: flex ;
    justify-content: space-between ;
    flex-wrap: wrap ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box form label {
    width: 32% ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box form label input {
    width: 100% ;
    height: 4.5rem ;
    border: 0.1rem solid #00000025 ;
    padding: 1rem 2rem ;
    font-size: 1.5rem ;
    color: #333 ;
    box-sizing: border-box ;
    outline: none;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box {
    width: 100% ;
    margin: 2rem 0px ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box table {
    width: 100% ;
    border-collapse: collapse;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box thead {
    width: 100% ;
    background: #F0F0F0 ;
    height: 3.6rem ;

}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box thead td {
    padding: 0px 1rem ;
    box-sizing: border-box ;
    font-size: 1.4rem ;
    color: #333 ;
    border-right: 0.1rem solid #ffffffd5;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box thead td:nth-child(1) {
    width: 8rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box td img {
    width: 4rem ;
    height: 4rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box  tbody {
    width: 100% ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box  tbody td {
    padding: 1rem ;
    box-sizing: border-box ;
    border: 0.1rem solid #3333332c ;
    font-size: 1.4rem ;
    color: #333 ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box  tbody td:nth-child(1){
    width: 8rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box  tbody td:nth-child(3) {
    width: 8.5rem ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .table_box  tbody td .button {
    padding: 0.5rem ;
    border-radius: 3rem ;
    background: #F16600 ;
    color: #FFF ;
    cursor: pointer;
    font-size: 1.3rem ;
    width: max-content ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .Messsages {
    width: 100% ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .Messsages .box {
    width: 100% ;
    display: flex ;
    align-items: center ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .Messsages .box textarea {
    width: calc(100% - 22rem );
    height: 10.5rem ;
    border: 0.1rem solid #00000025 ;
    border-radius: 0.3rem ;
    padding: 1rem 2rem ;
    box-sizing: border-box ;
    outline: none;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .Messsages .box ul {
    width: 20rem  ;
    margin-left: 2rem ;
    padding: 1rem ;
    box-sizing: border-box;
    background: #EEEEEE ;
    position: relative;
    border-radius: 0.3rem ;
} 

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .Messsages .box ul::before {
    content: '';
    position: absolute;
    left: -1.5rem;
    top: 0.4rem;
    height: 0px;
    width: 0px;
    border-top: 0.7rem solid transparent;
    border-left: 0.7rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-right: 0.7rem solid #d5d5d5;

}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .Messsages .box ul li {
    font-size: 1.2rem ;
    color: #333333 ;
    padding-left: 1rem ;
    position: relative;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .Quote_box .Messsages .box ul li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0.7rem;
    width: 0.3rem;
    height: 0.3rem;
    background: #f16600 ;
}

.PRODUCT_Details  .Product_Description .Get_a_Free_Quote .submit_button{
    width: 19.6rem ;
    height: 4rem ;
    background: #F16600; 
    color: #FFF ;
    font-size: 1.6rem ;
    margin: 0 auto ;
    margin-top: 4rem ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    cursor: pointer;
    border-radius: 0.3rem;
    border: none 
}

.PRODUCT_Details  .Product_Description .title {
    width: 100% ;
    padding: 1.2rem 1.5rem ;
    padding-left: 2.2rem ;
    box-sizing: border-box ;
    border-radius: 0.4rem ;
    overflow: hidden;
    background: #103047 ;
    position: relative;
}

.PRODUCT_Details  .Product_Description .title  h2 {
    font-size: 1.6rem ;
    color: #FFF;
    font-family: "Times New Roman", Times, serif;
}

.PRODUCT_Details  .Product_Description .title::after {
    position: absolute ;
    left: 0px ;
    top: 0px ;
    width: 0.7rem ;
    height: 100% ;
    background: #F16600 ;
    content: '';
}


.search_window {
    position: fixed ;
    top: 4rem ;
    left: 50% ;
    transform: translateX(-50%);
    z-index: 9999999 ;
    display: none ;
}

.search_window .out {
    background: #FFF ;
    padding:4rem 2rem 2rem 2rem ;
    box-sizing: border-box ;
    width: 92rem ;
    max-width: 100% ;
    border-radius: 1rem ;
    overflow: hidden;
    box-shadow: 0px 0px 1rem 0.1rem #00000025 ;
}

.search_window .icon {
    position: absolute ;
    right: 1rem ;
    top: 1rem ;
    width: 3.4rem ;
    height: 3.4rem ;
    background: #D0482E ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    cursor: pointer;
}

.search_window .icon i {
    color: #fff ;
    font-weight: bold ;
    font-size: 3rem ;
}

.search_window .out .box {
    width: 100% ;
    display: flex ;
    align-items: center ;
    max-width: 80% ;
    margin: 0 auto ;
    box-sizing: border-box ;
    border-bottom: 0.1rem solid #393939 ;
    border-radius: 1rem ;
    overflow: hidden;
}

.search_window .out .box form {
    width: 100% ;
    display: flex ;
    align-items: center ;
}

.search_window .out .box input {
    width: 100% ;
    height: 4.6rem ;
    border: none ;
    background: none ;
    border-radius: 1rem ;
    padding: 1rem ;
    box-sizing: border-box ;
    outline: none ;
    font-size: 1.6rem ;
    color: #333 ;
}

.search_window .out .box button {
    width: 5.5rem ;
    height: 4.6rem ;
    background: none ;
    border: none ;
    flex: none ;
    cursor: pointer;
}

.search_window .out .box button i {
    font-size: 2rem ;
    color: #333 ;
}


.drop_down_menu {
    position: absolute;
    left: 0px;
    min-width: 20rem;
    background: #fff;
    /* display: none; */
    min-width: 26rem ;
    width: max-content ;
    display: none ;
}

.drop_down_menu a {
    color: #414141;
    font-size: 1.5rem;
    padding: 1rem 1.6rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.5em;
    font-weight: 600;
    width: 100% ;

    font-weight: 500 ;
}

.drop_down_menu a img {
    width: 1.6rem;
    height: 1.6rem;
    transform: rotate(-90deg);
}


.drop_down_menu .item {
    position: relative;
}

.drop_down_menu .item .drop_down_menu {
    top: 0px;
    left: 100%;
    display: none;
}

.drop_down_menu .item:hover .drop_down_menu {
    display: block;
}

.drop_down_menu .item:hover>a {
    background: #003366 ;
    color: #FFF ;
}

.nav .right ul li:hover>.drop_down_menu {
    display: block ;
}


.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: #545454 ;
}

.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;
}

.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);
}

.FAQ_pages {
    padding: 6rem 0px ;
    width: 100% ;
}


.FAQ_pages .FAQ_list .FAQ_item {
    width: 100%;
    margin: 1rem 0px;
}


.FAQ_pages .FAQ_list .FAQ_item .tit {
    width: 100%;
    border: 0.1rem solid #F5F5F5;
    padding: 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}


.FAQ_pages .FAQ_list .FAQ_item .tit i {
    font-size: 1.8rem;
    color: #333;
    margin-right: 1rem;
}

.FAQ_pages .FAQ_list .FAQ_item .tit h2 {
    color: #333;
    font-size: 1.8rem;
    font-weight: 500;
}

.FAQ_pages .FAQ_list .FAQ_item .text {
    width: 100%;
    padding: 2rem;
    border: 0.1rem solid #F5F5F5;
    box-sizing: border-box;
    display: none;
}


.FAQ_pages .FAQ_list .FAQ_item:first-child .text {
    display: block ;
}

.FAQ_pages .FAQ_list .FAQ_item .text p {
    color: #333;
    line-height: 1.6em;
    font-size: 1.7rem;
}

.FAQ_pages .FAQ_list .FAQ_item:hover .tit {
    background: #F5F5F5;
    cursor: pointer;
}

.FAQ_pages .FAQ_list .FAQ_item.active .tit {
    background: #F5F5F5;
}

.FAQ_pages .FAQ_list .FAQ_item.active .tit h2 {
    color: #003366;
}

.footer_Product {
    width: 100% ;
    padding: 6rem 0px ;
    box-sizing: border-box ;
    background: #103047 ;
    position: relative;
}

.footer_Product .container {
    display: flex ;
    justify-content: space-between ;
    position: relative;
}

.footer_Product .container .left {
    width: 60% ;
}

.footer_Product .container .left h2 {
    color: #FFF ;
    font-size: 4.5rem ;
    margin-bottom: 2rem ;
    font-weight: 500 ;
    font-family: "Times New Roman", Times, serif;
}

.footer_Product .container .left p {
    color: #FFF ;
    font-size: 1.7rem ;
    line-height: 1.6em ;
    font-family: Helvetica, sans-serif ;
}

.footer_Product .container .right {
    width: 40% ;
    position: relative;
}

.footer_Product .container .right img {
    position: absolute ;
    bottom: -15% ;
    left: 20% ;
    height: 23.8rem ;
    display: block ;
}

.footer_Product .button_list {
    display: flex ;
    align-items: center ;
    margin-top: 3rem ;
}

.footer_Product .button_list a {
    padding: 1rem 2rem ;
    box-sizing: border-box ;
    border: 0.1rem solid #fff ;
    border-radius: 0.5rem ;
    color: #FFF ;
    font-size: 1.6rem ;
    font-weight: 400 ;
}

.footer_Product .button_list a:first-child {
    margin-right: 2rem ;
    background: #F16600 ;
    border: none ;
}


@media (max-width:1024px) {
    .container {
        padding: 0px 2% ;
        box-sizing: border-box ;
    }

    .menubtn {
        display: flex ;
    }

    .Top_Header {
        display: none ;
    }

    .nav .right ul{
        display: none ;
    }

    .nav .right {
        width: auto ;
    }

    .nav .logo {
        width: auto ;
    }

    #header {
        height: 8.8rem ;
    }
    
    .nav .logo {
        height: 5rem ;
    }

    .nav .right .language {
        width: auto;
    }

    .nav .container {
        padding: 0px 2% ;
    }

    .banner_home {
        height: 40rem ;
    }

    .banner_home .container {
        padding: 16.5rem 5% 0px 5% ;
    }

    .banner_home .swiper-slide .text h2 {
        font-size: 2.4rem ;
    }

    .banner_home .swiper-slide .text li {
        display: none ;
    }

    .icon_Text_box .container {
        flex-wrap: wrap ;
        gap: 2rem 0px ;
    }
    
    .icon_Text_box .container .box {
        width: 50% ;
    }

    .icon_Text_box .container .box h2{
        font-size: 1.8rem ;
    }

    .About .container .out {
        flex-wrap: wrap ;
    }

    .About .container .left {
        width: 100% ;
    }

    .About .container .right {
        width: 100% ;
        margin-top: 3rem ;
    }

    .About .container .left .box .text b {
        font-size: 4rem ;
    }

    .About .container .right h2 {
        font-size: 2.5rem ;
    }

    .About .container .left .box .text span {
        font-size: 1.4rem ;
    }

    .Scrolling_numbers {
        height: auto ;
    }

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

    .Scrolling_numbers .out .box {
        width: 50% ;
        box-sizing: border-box ;
    }

    .Scrolling_numbers .out .box b{
        font-size: 3rem ;
    }

    .Scrolling_numbers .out .box span {
        font-size: 1.5rem ;
        text-align: center ;
    }

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

    .public_title span {
        font-size: 1.4rem ;
    }

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

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

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

    .Stringent_Control .out {
        flex-wrap: wrap ;
        height: auto ;
    }

    .Stringent_Control .out .left {
        width: 100% ;
        padding: 2rem  ;
    }

    .Stringent_Control .out .left h2 {
        font-size: 2.4rem ;
    }

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

    .Customer_Testimonials .swiper-slide {
        gap: 1rem 0px ;
    }

    .Customer_Testimonials .swiper-slide .box {
        width: 100% ;
    }

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

    .Footer_Nav .container {
        flex-wrap: wrap ;
    }

    .Footer_Nav .left {
        width: 100% ;
    }

    .Footer_Nav .Footer_PRODUCTS{
        display: none ;
        margin: 1rem 0px ;
    }

    .Footer_Nav .Footer_CONTACT , .Footer_Nav .Footer_FOLLOW {
        width: 100% ;
        margin: 1rem 0px ;
    }

    .Copyright .container {
        flex-wrap: wrap ;
    }

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

    .banner_pages .text .container  {
        padding: 5rem 10% 8rem 10% ;
    }

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

    .About_pages .text p {
        font-size: 1.4rem ;
    }

    .About_pages .Scrolling_numbers .out {
        gap: 0px ;
    }

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

    .Logistics_Packaging .title img {
        width: 60% ;
    }

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

    .Products_Left {
        width: 100% ;
    }

    .Products_pages .out .right {
        padding: 0px ;
        width: 100% ;
        margin-top: 5rem ;
    }

    .Products_pages .out .right .box {
        width: 100% ;
    }

    .PRODUCT_Details .Top_contaner {
        flex-wrap: wrap ;
    }

    .PRODUCT_Details {
        width: 100% ;
        padding: 0px ;
        flex-wrap: wrap ;
        margin-top: 4rem ;
    }

    .PRODUCT_Details .Top_contaner .swiper_list {
        width: 100% ;
    }

    .PRODUCT_Details .Top_contaner .right_text {
        width: 100% ;
        padding: 0px ;
        margin-top: 3rem ;
    }

    .PRODUCT_Details .Top_contaner .right_text h2 {
        font-size: 2rem ;
    }

    .PRODUCT_Details .Top_contaner .swiper_list .Prodic_swiper1 {
        height: 30rem ;
    }

    .PRODUCT_Details .public_Product_title h2 {
        font-size: 2.4rem ;
    }

    .ONLINE_CONSULTATION form {
        padding: 0px 2% ;
        box-sizing: border-box ;
    }

    .ONLINE_CONSULTATION input {
        width: 100% ;
    }

    .PRODUCTS_RECOMMENDED h2 {
        font-size: 2.4rem ;
    }

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

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

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

    .News_pages .out .left .box a {
        flex-wrap: wrap ;
    }

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

    .News_pages .out .left .box .text {
        width: 100% ;
        margin-top: 3rem ;
    }

    .News_pages .out .left .box .text h2 {
        font-size: 2rem ;
    }

    .News_right {
        width: 100% ;
        margin-top: 4rem ;
    }

    .News_Details {
        width: 100% ;
        padding: 0px ;
    }

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

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

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

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

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

    .Contact_pages .out .right .box form input {
        width: 100% ;
    }

    .Contact_pages .out .right .box {
        transform: translate(0px);
    }

    .map_out .map_text {
        max-width: 80% ;
        left: 50% ;
        transform: translate(-50% , -50%);
        min-width: 90% ;
    }

    .search_window {
        width: 100% ;
        top: 8.8rem ;
    }

    .search_window .out {

        box-sizing: border-box ;
        border-radius: 0px ;
    }

    .footer_Product .container .right{
        display:none ;
    }

    .footer_Product .container .left {
        width: 100% ;
    }
    
    .footer_Product .container .left h2 {
        font-size: 2.4rem ;
    }

    .footer_Product .container .left p {
        font-size: 1.4rem ;
    }

    .footer_Product .button_list a {
        font-size: 1.4rem ;
    }

    .footer_content .container {
        flex-wrap: wrap ;
    }

    .footer_content .footer_Nav {
        width: 100% ;
        margin-bottom: 2rem ;
    }

    .footer_content .fonnter_Contact {
        width: 100% ;
        padding-top: 1rem ;
        box-sizing: border-box ;
        padding: 0px ;
    }

    .footer_content .fonnter_wapp {
        display: none ;
    }

}

@media (min-width:460px) and (max-width:1024px) {

    .Hot_Products .out , .Products_pages .out .right {
        justify-content: space-between ;
    }

     .News_pages .out .left {
        display: flex ;
        flex-wrap: wrap ;
        justify-content: space-between ;
     }

    .Hot_Products .out .box , .Products_pages .out .right .box {
        width: 48% ;
    }

    .News_Blogs .swiper-slide , .News_pages .out .left .box {
        width: 48% ;
    }

}


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

/* 大桌面 (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: 1600px) {
    html {
        font-size: calc(100vw / 180);
    }

    .container{
        padding: 0px 5% ;
    }

}

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

    .container{
        padding: 0px 5% ;
    }

}

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

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

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

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