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

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

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

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

html,body {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", 宋体;
    -webkit-font-smoothing: antialiased;
}

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

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

#header {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: #FFF;
}

.logo-section {
    width: 100%;
    height: 9rem;
    background: #FFF;
}

.logo-section .public {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-section .logo {
    width: 13.9rem;
    height: 6.1rem;
    display: block;
}

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

.logo-section .Contact {
    display: flex;
    align-items: center;
}

.logo-section .Contact .item {
    display: flex;
    align-items: center;
    margin-right: 11.4rem;
}

.logo-section .Contact .item:last-child {
    margin-right: 0px;
}

.logo-section .Contact .item img {
    display: block;
    margin-right: 1rem;
    width: 2.9rem;
    height: 2.9rem;
}

.logo-section .Contact .item span {
    font-size: 1.8rem;
    color: #2D2D2D;
}

.Classification-nav {
    width: 100%;
    height: 6.5rem;
    border-top: 0.1rem solid rgba(112, 112, 112, 0.17);
    background: #FFF;
    transition: 0.5s ease;
}

.Classification-nav.active {
    position: fixed;
    top: 0px;
    left: 0px;
    box-shadow: 0px 0px 1rem 0.1rem #0000004f ;
}

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

.Classification-nav .Classification {
    width: 37.2rem;
    height: 100%;
    position: relative;
}

.Classification-nav .Classification .title {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 2.2rem 2.5rem;
    box-sizing: border-box;
    background: #063B67;
    cursor: pointer;
}

.Classification-nav .Classification .title img {
    display: block;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    margin-right: 1.1rem;
}

.Classification-nav .Classification .title span {
    font-weight: 500;
    font-size: 2.2rem;
    color: #FFFFFF;
}

.Classification-nav .Classification ul {
    position: absolute;
    top: 6.5rem;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: none ;

}

.Classification-nav .Classification ul li {
    width: 100%;
    padding: 3.1rem 2.8rem 2.3rem 2.8rem;
    box-sizing: border-box;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.42);
}

.Classification-nav .Classification ul li h2 a {
    font-weight: 400;
    font-size: 2.2rem;
    color: #FFFFFF;
}

.Classification-nav .Classification ul li .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 2rem;
}

.Classification-nav .Classification ul li .box a {
    font-weight: 400;
    font-size: 1.6rem;
    color: #CBCBCB;
    display: block ;
    width: auto  ;
/*    white-space: nowrap; */
/*overflow: hidden; */
/*text-overflow: ellipsis; */
}

.Classification-nav .Classification ul li .box a:hover {
    color: #175CC3;
}

.header-pages  .Classification-nav .Classification ul {
    display: none ;
}

.Classification-nav .Classification:hover ul {
    display: block ;
}

.Classification-nav .nav {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
}

.Classification-nav .nav li {
    height: 100%;
    margin-right: 7.7rem;
        position: relative;
}

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

.Classification-nav .nav li .title {
    font-weight: 400;
    font-size: 1.8rem;
    color: #000000;
    display: flex;
    height: 100%;
    line-height: 6.5rem;
}

.Classification-nav .nav li.active .title {
    color: #175CC3;
}

.banner-swiper {
    width: 100%;
    position: relative;
    padding-top: 15.6rem ;
    box-sizing: border-box ;
}

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

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

.banner-swiper .Home_public_Classification {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    z-index: 10 ;
    pointer-events: none;
}

.banner-swiper .Home_public_Classification .public {
    height: 100% ;
    position: relative;
}

.Home_Classification {
    width: 37.2rem;
    height: 100%;
    position: relative ;
    padding-top: 15.6rem ;
    box-sizing: border-box ;
    pointer-events: auto ;
}

.Home_Classification ul {
    position: relative ;
    top: 0px ;
    left: 0px;
    width: 100%;
    height: 100% ;
    background: rgba(0, 0, 0, 0.85);
}

.Home_Classification ul li {
    width: 100%;
    padding: 3.1rem 2.8rem 2.3rem 2.8rem;
    height: 16.666% ;
    box-sizing: border-box;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.42);
}

.Home_Classification ul li h2 a {
    font-weight: 400;
    font-size: 2.2rem;
    color: #FFFFFF;
}

.Home_Classification ul li .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 2rem;
}

.Home_Classification ul li .box a {
    font-weight: 400;
    font-size: 1.6rem;
    color: #CBCBCB;
    display: block ;
    width: auto  ;
/*    white-space: nowrap; */
/*overflow: hidden; */
/*text-overflow: ellipsis; */
}

.Home_Classification ul li .box a:hover {
    color: #175CC3;
}


.ABOUT {
    width: 100%;
    padding-top: 3.9rem;
    background: #FFF;
}

.ABOUT .title {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.ABOUT .title h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 3.8rem;
    color: #111111;
    z-index: 10;
}

.ABOUT .title span {
    font-weight: bold;
    font-size: 14.2rem;
    color: #EDEEF0;
    display: block;
    line-height: 14.2rem;
}

.ABOUT .text {
    max-width: 100rem;
    width: 100%;
    margin: 2.1rem auto 0px auto;
    text-align: center;
}

.ABOUT .text h3 {
    font-weight: 500;
    font-size: 3rem;
    color: #202020;
    margin-bottom: 3.6rem;
}

.ABOUT .text p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #202020;
    line-height: 1.7em;
}


.ABOUT .Images-box {
    width: 104.4rem;
    height: 19.6rem;
    margin: 0 auto;
    position: relative;
}

.ABOUT .Images-box .Images {
    width: 100%;
    height: 100%;
    display: block;
    margin: 5.7rem 0px 4.4rem 0px;
}

.ABOUT .Images-box .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26.6rem;
    height: 26.6rem;
    box-sizing: border-box;
    border-radius: 50%;
    margin-left: 0.5rem;
}

.ABOUT .Images-box .play .icon {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    background: #063B67;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.ABOUT .Images-box .play .icon img {
    height: 1.8rem;
    width: 1.5rem;
    display: block;
    margin-left: 0.5rem;
}

.ABOUT .Images-box .play .ceng {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ABOUT .Images-box .play .ceng i {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease;
}

.ABOUT .Images-box .play .ceng i:nth-child(1) {
    z-index: 1;
    background: rgba(23, 92, 195, 0.12);
    animation-delay: 0s;
    transform: scale(0.7);
    animation: breath 2s infinite alternate;
}

.ABOUT .Images-box .play .ceng i:nth-child(2) {
    z-index: 2;
    background: rgba(23, 92, 195, 0.3);
    animation-delay: 1s;
    transform: scale(0.5);
    animation: breath2 2s infinite alternate;
}

.ABOUT .Images-box .play .ceng i:nth-child(3) {
    z-index: 3;
    background: rgba(23, 92, 195, 0.6);
    animation-delay: 2s;
    transform: scale(0.2);
    animation: breath3 2s infinite alternate;
}

@keyframes breath {
    0% {
        opacity: 1;
        transform: scale(0.7);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes breath2 {
    0% {
        opacity: 1;
        transform: scale(0.4);
    }

    100% {
        transform: scale(0.7);
        opacity: 1;
    }
}

@keyframes breath3 {
    0% {
        opacity: 1;
        transform: scale(0.2);
    }

    100% {
        transform: scale(0.5);
        opacity: 1;
    }
}

.ABOUT .Digital-scrolling {
    width: 100%;
    padding-top: 4rem;
    border-top: 0.1rem solid #D5D5D5;
    box-sizing: border-box;
    margin-top: 4.4rem;
    margin-bottom: 4.3rem;
    display: flex;
    justify-content: space-between;
}

.ABOUT .Digital-scrolling .box {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.ABOUT .Digital-scrolling .box .icon {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    object-fit: contain;
    margin-right: 1rem;
    transform: translateY(1.3rem);
}

.ABOUT .Digital-scrolling .box .txt {
    text-align: center;
}

.ABOUT .Digital-scrolling .box .tit {
    display: flex;
    align-items: end;
    justify-content: center;
    margin-bottom: 1rem;
}

.ABOUT .Digital-scrolling .box .tit b {
    line-height: 1;
    font-weight: 500;
    font-size: 4.9rem;
    color: #232323;
    margin-right: 0.6rem;
}

.ABOUT .Digital-scrolling .box .tit span {
    font-weight: 400;
    font-size: 1.8rem;
    color: #ABABAB;
}

.ABOUT .Digital-scrolling .box p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #878787;
}

.ABOUT .Moer {
    width: 19.7rem;
    height: 5.1rem;
    border-radius: 2.6rem;
    border: 0.1rem solid #BEBEBE;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.7rem;
    color: #BCBCBC;
    margin: 0 auto;
}

.ABOUT .Moer:hover {
    background: #175CC3;
    color: #FFF;
}

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

.title-public h2 {
    font-weight: bold;
    font-size: 3.8rem;
    color: #111111;
    margin-bottom: 0.5rem;
}

.title-public span {
    font-weight: 400;
    font-size: 2rem;
    color: #828282;
}

.Product-video {
    margin: 8rem 0px 11rem 0px;
    width: 100%;
    overflow: hidden;
}

.Product-video .out {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem;
    /* height: 66rem  ; */
}





/* ----------------------------- */

.Product-video .out .left {
    width: 52%;
    /* height: 66.3rem; */
    background: #fff;
    position: relative;
}

.Product-video .out .left .vid_box {
    width: 100% ;
    /* height: 100%; */
    position: relative;
}

.Product-video .out .left video {
    width: 100%;
    height: 52rem ;
    object-fit: cover;
    z-index: 1;
    display: block ;
    background: #000 ;
}

.Product-video .out .left .poster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%  ;
    object-fit: cover;
    z-index: 2;
}

.Product-video .out .right .swiper-slide .play {
    width: 100%;
    height: 100% ;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.43);
    display: flex;
    align-items: center;
    justify-content: center;
}

.Product-video .out .right .swiper-slide .play .play_box {
    padding: 1rem 3rem ;
    box-sizing: border-box ;
    color: #fff ;
    font-size: 1.7rem ;
    font-weight: 500 ;
    border: 0.1rem solid #FFF ;
    border-radius: 0.4rem ;
}

.Product-video .out .right .swiper-slide .play img {
    width: 12.6rem;
    height: 12.6rem;
    display: block;
    object-fit: contain;
    cursor: pointer;
}

.Product-video .out .left .text {
    height: 14.3rem ;
    width: 100% ;
    padding: 2rem 3rem ;
    box-sizing: border-box ;
    background: #000000 ;
}

.Product-video .out .left .text h3 {
    font-size: 3rem ;
    color: #fff ;
    margin-bottom: 1rem ;
}

.Product-video .out .left .text span{
    font-size: 2rem ;
    color: #fff ;
    font-weight: 400 ;
}

.Product-video .out .right {
    width: 48%;
    height: 66.3rem;

}

.Product-video .out .right .swiper {
    width: 100%;
    height: 100%;
    padding-left: 2.1rem;
    box-sizing: border-box;
}

.Product-video .out .right .swiper-slide {
    width: 100%;
    height: 32.3rem;
    padding: 1.5rem 5.5rem 1.5rem 4.1rem;
    box-sizing: border-box;
    margin-bottom: 1.7rem;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}

.Product-video .out .right .swiper-slide .img {
    height: 100%;
    display: block;
    object-fit: contain;
    max-width: 60%;
    position: absolute ;
    right: 0px ;
    top: 0px ;
}

.Product-video .out .right .swiper-slide .txt {
    width: 100%;
    height: 100%;
    padding: 4rem 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.Product-video .out .right .swiper-slide .txt h3 {
    font-weight: 400;
    font-size: 2.7rem;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

.Product-video .out .right .swiper-slide .txt span {
    font-weight: 400;
    font-size: 1.6rem;
    color: #FFFFFF;
}

.Product-video .out .right .swiper-slide .txt a {
    font-weight: 400;
    font-size: 1.5rem;
    color: #FFFFFF;
    opacity: 0;
}

.Product-video .out .right .swiper-slide-active .txt a {
    opacity: 1;
}

.Product-video .out .right .swiper-slide:last-child {
    margin-bottom: 0px;
}

.Product-video .out .right .swiper-slide::after {
    content: '';
    background: url(../images/triangle-fill.png) no-repeat center;
    background-size: contain;
    width: 1.7rem;
    height: 2.7rem;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%) translateX(-89%);
    z-index: 2;
    display: none;
}

.Product-video .out .right .swiper-slide-active::after {
    display: block;
}

.Product-video .out .right .swiper-button-prev,
.Product-video .out .right .swiper-button-next {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    background: none;
    border: 0.1rem solid #A0A0A0;

    bottom: 7.8rem;
    left: 6.5rem;
    top: auto;
    margin: 0px;
}

.Product-video .out .right .swiper-button-prev::after,
.Product-video .out .right .swiper-button-next::after {
    color: #A0A0A0;
}

.Product-video .out .right .swiper-button-next {
    left: 20.5rem;
}

.Product-video .out .right .swiper-button-prev:hover,
.Product-video .out .right .swiper-button-next:hover {
    background: rgba(255, 255, 255, 0.29);
}

.Product-video .out .right .swiper-button-prev:hover::after,
.Product-video .out .right .swiper-button-next:hover::after {
    color: #FFF;
}


/* --------------------------------  */

.Solution {
    width: 100%;
    margin: 11rem 0px 8rem  0px;
    position: relative;
    min-height: 91.9rem;
    overflow: hidden;
    overflow: hidden;
}

.Solution::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80.5rem;
    height: 100%;
    background: url(../images/10103.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
}

.Solution .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;
    box-sizing: border-box;
}

.Solution .title h2 {
    font-weight: bold;
    font-size: 3.8rem;
    color: #FFFFFF;
    width: 44%;
    position: relative;
    box-sizing: border-box;
}

.Solution .title h2::after {
    position: absolute;
    width: 100%;
    height: 0.1rem;
    background: #ECECEC;
    content: '';
    z-index: 1;
    left: 0px;
    bottom: -3rem;
    display: block;
}

.Solution .title b {
    font-weight: bold;
    font-size: 14.2rem;
    color: #EDEEF0;
    line-height: 14.9rem;
    text-transform: uppercase;
    width: 56%;
    padding-left: 7.5rem;
    box-sizing: border-box;
    text-align: center;
}

.Solution .out {
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
}

.Solution .out .left {
    width: 24.5%;
    position: relative;
    padding-top: 8.8rem;
    box-sizing: border-box;
}

.Solution .out .left .box {
    display: none;
}

.Solution .out .left .box h3 {
    font-weight: 500;
    font-size: 2.9rem;
    color: #FFFFFF;
    margin-bottom: 0.6rem;
}

.Solution .out .left .box span {
    font-weight: 400;
    font-size: 2.2rem;
    color: #ECECEC;
}

.Solution .out .left .box .txt {
    margin-top: 3.4rem;
    width: 100%;

    display: -webkit-box; /* 必须设置为弹性盒模型 */
-webkit-box-orient: vertical; /* 垂直排列子元素 */
-webkit-line-clamp: 10; /* 限制显示的最大行数 */
overflow: hidden; /* 隐藏超出部分 */

}

.Solution .out .left .box .txt p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #E6E6E6;
    line-height: 1.7em;
}

.Solution .out .left .box .More {
    width: 16.4rem;
    height: 4.1rem;
    border-radius: 2.6rem;
    border: 0.1rem solid #CECECE;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.7rem;
    color: #D1D1D1;
    margin-top: 7rem;
}

.Solution .out .left .box.active {
    display: block;
}

.Solution .out .right {
    width: 68.5%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.Solution .out .right .box-list {
    width: 100%;
    height: 71.7rem;
    position: relative;
}

.Solution .out .right .box-list::after {
    width: 100% ;
    height: 100% ;
    position: absolute ;
    z-index: 2 ;
    content: '';
    background: #000 ;
    opacity: 0.4 ;
    top: 0px ;
    left: 0px ;
}

.Solution .out .right .box-list .box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

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

.Solution .out .right .box-list .box:first-child,
.Solution .out .right .box-list .box.active {
    display: block;
}

.Solution .out .right .but-list {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    z-index: 5 ;
}

.Solution .out .right .but-list .item {
    width: 20%;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.21);
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.Solution .out .right .but-list .item::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    height: 3.9rem;
    z-index: 1;
    background: rgba(255, 255, 255, 0.21);
}

.Solution .out .right .but-list .item .img {
    width: 4rem;
    height: 4.3rem;
    position: relative;
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
}

.Solution .out .right .but-list .item .img img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.Solution .out .right .but-list .item .img .icon2 {
    display: none;
}

.Solution .out .right .but-list .item h3 {
    font-weight: 500;
    font-size: 1.8rem;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

.Solution .out .right .but-list .item span {
    font-weight: 400;
    font-size: 1.4rem;
    color: #D6D6D6;
}

.Solution .out .right .but-list .item.active {
    background: #FFF;
}

.Solution .out .right .but-list .item.active .img .icon1 {
    display: none;
}

.Solution .out .right .but-list .item.active .img .icon2 {
    display: block;
}

.Solution .out .right .but-list .item.active h3 {
    color: #2B2B2B;
}

.Solution .out .right .but-list .item.active span {
    color: #6E6E6E;
}

.Product-Recommendation {
    width: 100%;
    margin: 12rem 0px;
    position: relative;
    overflow: hidden;
}

.Product-Recommendation .Produ-img {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 58rem;
    display: block;
    z-index: 2;
}



.Product-Recommendation .title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.Product-Recommendation .title b {
    font-weight: bold;
    font-size: 14.2rem;
    color: #EDEEF0;
    line-height: 14.9rem;
    text-transform: uppercase;
    transform: translateX(-1.5rem);
}

.Product-Recommendation .title h2 {
    font-weight: bold;
    font-size: 3.8rem;
    color: #111111;
    position: absolute;
    z-index: 2;
}

.Product-Recommendation .public {
    position: relative;
}

.Product-Recommendation .out {
    width: 100%;
    z-index: 4;
    margin-top: 2rem;
    position: relative;
    height: 32rem;
    position: relative;
}

.Product-Recommendation .out .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Product-Recommendation .out .box.active {
    visibility: visible;
    opacity: 1;
}

.Product-Recommendation .out .box .left {
    width: 30%;
}

.Product-Recommendation .out .box.active .left {
    animation: lightSpeedInLeft 1s;
}


@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.Product-Recommendation .out .box .left h3 {
    font-weight: 500;
    font-size: 2.9rem;
    color: #333333;
    margin-bottom: 2.8rem;
}

.Product-Recommendation .out .box .left .txt {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 13.6rem;
}

.Product-Recommendation .out .box .left .txt p {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.7em;
    color: #818181;
}

.Product-Recommendation .out .box .left a {
    width: 16.4rem;
    height: 4.1rem;
    border-radius: 2.6rem;
    border: 0.1rem solid #9E9E9E;
    font-weight: 400;
    font-size: 1.7rem;
    color: #989898;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7rem;
}

.Product-Recommendation .out .box .right {
    position: absolute;
    right: 15%;
    bottom: -3rem;
    width: 62.6rem;
    height: 44.3rem;
}


.Product-Recommendation .out .box.active .right {
    animation: lightSpeedInRight 1s;
}



@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

.Product-Recommendation .Product-swiper {
    margin-top: 17.4rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem;
}

.Product-Recommendation .Product-swiper .swiper-slide {
    width: 35.5rem;
    height: 20.2rem;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.1);
    margin-right: 5.5rem;
    border-radius: 2.5rem;
    cursor: pointer;
    padding: 1.6rem 2.1rem 1.6rem 3.1rem;
    box-sizing: border-box;
    position: relative;
}

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

.Product-Recommendation .Product-swiper .swiper-slide .box .txt span {
    display: block;
    width: 4.7rem;
    height: 2.6rem;
    /* background: rgba(240, 240, 240,0.16); */
    background: #F0F0F0;
    border-radius: 1.3rem;
    display: block;
    margin-top: 4rem;
    position: relative;
}

.Product-Recommendation .Product-swiper .swiper-slide .box .txt span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.43rem;
    height: 1rem;
    background: url(../images/9684.png) no-repeat center;
    background-size: contain;
}

.Product-Recommendation .Product-swiper .swiper-slide .box .txt h3 {
    font-weight: 500;
    font-size: 2rem ;
    color: #333333;
}

.Product-Recommendation .Product-swiper .swiper-slide .box .img {
    width: 55%;
    height: 100%;
}

.Product-Recommendation .Product-swiper .swiper-slide .box .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Product-Recommendation .Product-swiper .swiper-slide:last-child {
    margin-right: 0rem;
}

.Product-Recommendation .Product-swiper .swiper-slide.active {
    background: linear-gradient(180deg, #4F8BE5 0%, #175CC3 100%);
}

.Product-Recommendation .Product-swiper .swiper-slide.active .box .txt span {
    background: rgba(240, 240, 240, 0.16);
}

.Product-Recommendation .Product-swiper .swiper-slide.active .box .txt h3 {
    color: #fff;
}

.Product-Recommendation .Product-swiper .swiper-slide.active .box .txt span::after {
    background: url(../images/9685.png) no-repeat center;
}

.Product-Recommendation .pusd-out {
    position: relative;
    width: 100%;
}

.Product-Recommendation .swiper-button-prev {
    left: -9rem;
}

.Product-Recommendation .swiper-button-next {
    right: -9rem;
}


.Engineering-Cases {
    width: 100%;
    background: url(../images/10106.jpg) no-repeat center;
    background-size: cover;
    padding: 14.2rem 0px 20rem 0px;
    box-sizing: border-box;
    height: 91.9rem;
}

.Engineering-Cases .title {
    position: relative;
}

.Engineering-Cases .title h2 {
    font-weight: bold;
    font-size: 3.8rem;
    color: #FFFFFF;
    position: relative;
    z-index: 5;
}

.Engineering-Cases .title b {
    font-weight: bold;
    font-size: 14.2rem;
    color: #EDEEF0;
    opacity: 0.4;
    text-transform: uppercase;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-55%);
}

.Engineering-Cases .Cases-swiper {
    margin-top: 15.5rem;
}

.Engineering-Cases .Cases-swiper .swiper-slide {
    width: 50.1rem;
    height: 36.5rem;
    background: rgba(255, 255, 255, 0.83);
    border-radius: 1.9rem;
    margin-right: 4.8rem;
}

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

.Engineering-Cases .Cases-swiper .swiper-slide:hover {
    background: linear-gradient(180deg, #4F8BE5 0%, #175CC3 100%);
    ;
}

.Engineering-Cases .Cases-swiper .swiper-slide a {
    display: block;
    padding: 4.5rem 4.9rem 4.5rem 5rem;
    box-sizing: border-box;
}

.Engineering-Cases .Cases-swiper .swiper-slide h3 {
    font-weight: 500;
    font-size: 2.5rem;
    color: #333333;
    margin-bottom: 2rem;
}



.Engineering-Cases .Cases-swiper .swiper-slide i {
    width: 100%;
    display: block;
    height: 0.1rem;
    background: #707070;
    opacity: 0.37;
    display: block;
    margin-bottom: 1.7rem;
}

.Engineering-Cases .Cases-swiper .swiper-slide:hover i {
    background: #FFF;
}

.Engineering-Cases .Cases-swiper .swiper-slide p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #818181;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 10.9rem;
}

.Engineering-Cases .Cases-swiper .swiper-slide:hover h3,
.Engineering-Cases .Cases-swiper .swiper-slide:hover p {
    color: #FFF;
}

.Engineering-Cases .Cases-swiper .swiper-slide .Moer {
    width: 16.4rem;
    height: 4.1rem;
    border-radius: 2.6rem;
    border: 0.1rem solid #ACACAC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.7rem;
    color: #AAAAAA;
    margin-top: 3.7rem;
}

.Engineering-Cases .Cases-swiper .swiper-slide .Moer span {
    width: 2.9rem;
    height: 0.8rem;
    display: block;
    background: url(../images/9709.png) no-repeat center;
    background-size: contain;
    display: block;
    margin-left: 1.6rem;
    margin-top: 0.5rem;
}

.Engineering-Cases .Cases-swiper .swiper-slide:hover .Moer {
    background: #FFF;
    color: #175CC3;
}

.Engineering-Cases .out {
    position: relative;
}

.Engineering-Cases .out .swiper-button-prev {
    left: -8rem;
}

.Engineering-Cases .out .swiper-button-next {
    right: -8rem;
}

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

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

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: #175CC3;
}

.News-Updates {
    /*margin: 15.3rem 0px 0px 0px;*/
    padding-bottom: 21.3rem;
    overflow: hidden;
    padding-top:15rem;
}

.News-Updates .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.News-Updates .title .tit {
    position: relative;
}

.News-Updates .title .tit h2 {
    line-height: 1;
    font-weight: bold;
    font-size: 3.8rem;
    color: #111111;
    position: relative;
    z-index: 5;
}

.News-Updates .title .tit b {
    font-weight: bold;
    font-size: 14.2rem;
    color: #EDEEF0;
    opacity: 0.4;
    text-transform: uppercase;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-55%);
}

.News-Updates .title .More {
    width: 16.4rem;
    height: 4.1rem;
    border-radius: 2.6rem;
    border: 0.1rem solid #ACACAC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.7rem;
    color: #AAAAAA;
    margin-top: 3.7rem;
}

.News-Updates .title .More span {
    width: 2.9rem;
    height: 0.8rem;
    display: block;
    background: url(../images/9709.png) no-repeat center;
    background-size: contain;
    display: block;
    margin-left: 1.6rem;
    margin-top: 0.5rem;
}

.News-Updates .title .More:hover {
    color: #FFF;
    background: #175CC3;
}

.News-Updates .title .More:hover span {
    background: url(../images/9711.png) no-repeat center;
}

.News-Updates .out {
    margin-top: 10rem;
    position: relative;
}

.News-Updates .out .swiper-slide {
    width: 50.5rem;
    margin-right: 4.2rem;
}

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

.News-Updates .out .swiper-slide .img {
    width: 100%;
    height: 31.2rem;
    overflow: hidden;
    border-radius: 3rem;
}

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

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

.News-Updates .out .swiper-slide .text {
    padding: 3.6rem 3.9rem 2rem 3.9rem;
    box-sizing: border-box;
    width: 100%;
}

.News-Updates .out .swiper-slide .text h3 {
    font-weight: 500;
    font-size: 2.4rem;
    color: #111111;
    margin-bottom: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.News-Updates .out .swiper-slide:hover .text h3 {
    color: #175CC3;
}

.News-Updates .out .swiper-slide .text p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #666666;
    line-height: 1.65em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 2rem;
}

.News-Updates .out .swiper-slide .text .tiem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.News-Updates .out .swiper-slide .text .tiem span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.6rem;
    color: #999999;
}

.News-Updates .out .swiper-slide .text .tiem span:nth-child(1) img {
    width: 1.1rem;
    height: 1.5rem;
    display: block;
    margin-right: 1rem;
}

.News-Updates .out .swiper-slide .text .tiem span:nth-child(2) img {
    width: 0.6rem;
    height: 1.2rem;
    margin-left: 1rem;
    display: block;
}


.News-Updates .out .swiper-button-prev,
.News-Updates .out .swiper-button-next {
    bottom: -10.6rem;
    top: auto;
    margin: 0px;
}

.News-Updates .out .swiper-button-prev {
    left: 40%;
}

.News-Updates .out .swiper-button-next {
    right: 40%;
}

.cooperation {
    width: 100%;
    overflow: hidden;
}

.cooperation .out {
    margin-top: 6rem;
    width: 100%;
    height: 54.7rem;
    display: flex;
    flex-wrap: wrap;
}

.cooperation .out .box {
    width: 20%;
    height: 100%;
    position: relative;
}

.cooperation .out .box a {
    width: 100%;
    height: 100%;
    display: flex;
}

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

.cooperation .out .box .txt {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 9rem 4rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.cooperation .out .box .txt h3 {
    font-weight: 500;
    font-size: 2.9rem;
    color: #292929;
    margin-bottom: 1rem;
}

.cooperation .out .box .txt span {
    font-weight: 400;
    font-size: 1.8rem;
    color: #757575;
}

.cooperation .out .box:hover .txt {
    background: rgba(255, 255, 255, 0);
}

.cooperation .out .box:hover .txt h3,
.cooperation .out .box:hover .txt span {
    color: #fff;
}



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

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

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

#footer .Top-logo .out .logo {
    width: 23rem;
    height: 9.2rem;
}

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

#footer .Top-logo .out .QR-code {
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

#footer .footer-information .out .right {
    display: flex;
    width: 70%;
}

#footer .footer-information .out .right .box {
    width: 20%;
    text-align: center ;
}

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

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

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

#footer .footer-information .out .right .wxewm_box {
    text-align: center ;
}

#footer .footer-information .out .right .wxewm_box ul li img {
    width: 12rem ;
    height: 12rem ;
    display: block ;
    margin: 0 auto ;
}

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

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

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

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

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

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

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

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

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

.Friendship-Link {
    width: 100%;
    display: flex;
    margin-top: 2.5rem;
}

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

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

.nav-pages {
    width: 100%;
    height: 9rem;
    background: rgba(0, 0, 0, 0.35);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20 ;
}

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

.nav-pages .right {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav-pages .right ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav-pages .right ul li {
    height: 100%;
    margin-right: 6rem;
}

.nav-pages .right ul li .title {
    line-height: 9rem;
    font-weight: 400;
    font-size: 1.8rem;
    color: #FFFFFF;
}



.nav-pages .logo {
    width: 13.2rem;
    height: 5.8rem;
}

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

.nav-pages .logo .logo1 {
    display: none ;
}

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

.nav-pages .right .Contact img {
    width: 2.9rem;
    height: 2.9rem;
    display: block;
    margin-right: 1rem;
}

.nav-pages .right .Contact span {
    color: #FFF;
    font-size: 1.8rem;
}

.nav-pages.active {
    background: #FFF ;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.25);
}

.nav-pages.active .right .Contact span {
    color: #2B2B2B ;
}

.nav-pages.active .right ul li .title {
    color: #2B2B2B ;
}

.nav-pages.active .logo  .logo2 {
    display: none ;
}

.nav-pages.active .logo  .logo1 {
    display: block ;
}

.bannerd {
    width: 100%;
    position: relative;
    margin-top: 15.6rem ;
}

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

.bannerd .content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.bannerd .content .public {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bannerd .content h2 {
    font-weight: 400;
    font-size: 4.2rem;
    color: #FFFFFF;
    margin-bottom: 3.4rem;
}

.bannerd .content p {
    font-weight: 400;
    font-size: 2.3rem;
    color: #FFFFFF;
}

.Product-pages {
    width: 100%;
    margin: 8rem 0px;
    overflow: hidden;
}

.Product-pages .but-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 6rem 0px;
}

.Product-pages .but-list img {
    height: 10.5rem;
    width: auto ;
    display: block;
    object-fit: contain;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

.Product-pages .but-list span {
    font-weight: 500;
    font-size: 1.6rem;
    color: #333333;
    text-align: center;
    display: block;
}

.Product-pages .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 2%;
}

.Product-pages .out .box {
    width: 32%;
    background: #EEEEEE;
    border-radius: 1rem;
    overflow: hidden;
}

.Product-pages .out .box a {
    display: block;
    padding: 3.2rem 3.5rem;
    box-sizing: border-box;
}

.Product-pages .out .box .img {
    width: 100%;
    height: 32.9rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.Product-pages .out .box .img img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    object-fit: contain;
}

.Product-pages .out .box .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Product-pages .out .box .title h3 {
    font-weight: 500;
    font-size: 2.2rem;
    color: #333333;
    width: 70% ;
    white-space: nowrap;
overflow: hidden; 
text-overflow: ellipsis; 
}

.Product-pages .out .box .title .Moer {
    width: 5.4rem;
    height: 5.4rem;
    background: #D2D2D2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Product-pages .out .box .title .Moer::after {
    content: '';
    background: url(../images/9723.png) no-repeat center;
    background-size: contain;
    width: 1rem;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.Product-pages .out .box:hover {
    background: rgba(23, 92, 195, 0.2);
}

.Product-pages .out .box:hover .title .Moer {
    background: #175CC3;
}

.Cases-pages {
    margin: 8rem 0px;
    width: 100%;
}

.Cases-pages .out {
    margin-top: 6rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 2%;
}

.Cases-pages .out .box {
    width: 32%;
    transition: 0.5s ease ;
}

.Cases-pages .out .box .img {
    width: 100%;
    height: 32rem;
    overflow: hidden;
    border-radius: 2rem ;
}

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

.Cases-pages .out .box:hover .img img {
    transform: scale(1.1);
}

.Cases-pages .out .box .title {
    text-align: center;
    margin-top: 2rem;
}

.Cases-pages .out .box .title h3 {
    font-weight: 400;
    font-size: 2.2rem;
    color: #666666;
}

.Cases-pages .out .box:hover .title h3 {
    color: #175CC3 ;
}

.Cases-pages .out .box:hover {
    transform: translateY(-1rem);
}

.Solution-pages {
    width: 100%;
    margin: 8rem 0px;
}

.Solution-pages .out {
    width: 100%;
}

.Solution-pages .out .box {
    margin: 6rem 0px;
    width: 100%;
    background: #F1F1F1;
}

.Solution-pages .out .box a {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}



.Solution-pages .out .box .left {
    width: 47%;
    height: 46.9rem;
    overflow: hidden;
}

.Solution-pages .out .box .left img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease ;
}

.Solution-pages .out .box:hover .left img {
    transform: scale(1.1);
}

.Solution-pages .out .box .right {
    width: 53%;
    padding: 5rem 10rem;
    box-sizing: border-box;
}

.Solution-pages .out .box .right h3 {
    font-weight: bold;
    font-size: 2.5rem;
    color: #333333;
    margin-bottom: 3rem;
}

.Solution-pages .out .box:hover .right h3 {
    color: #175CC3 ;
}

.Solution-pages .out .box .right .txt {
    width: 100%;
}

.Solution-pages .out .box .right p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #777777;
    line-height: 1.7em;
}

.Solution-pages .out .box:nth-child(2n) a {
    flex-direction: row-reverse;
}

.Solution-pages .out .box:nth-child(2n) {
    background: #FFF;
}

.Solution-pages .out .box:nth-child(2n) .right {
    padding-left: 4rem;
}


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

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

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

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

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

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

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

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

.Contact-pages .out .QRcode img {
    width: 12rem;
    height: 12rem;
    display: block;
}

.map {
    width: 100%;
    /* margin: 6rem 0px ; */
    margin-bottom: 8rem;
}

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

.News-pages {
    width: 100%;
    margin: 8rem 0px;
}

.News-pages .out {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 4rem 2%;
    margin-top: 6rem;
}

.News-pages .out .box {
    width: 32%;
    transition: 0.5s ease ;
}

.News-pages .out .box:hover {
    transform: translateY(-1rem);
}

.News-pages .out .box .img {
    width: 100%;
    height: 31.2rem;
    overflow: hidden;
    border-radius: 3rem;
}

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

.News-pages .out .box:hover .img img {
    transform: scale(1.1);
}

.News-pages .out .box .text {
    padding: 3.6rem 3.9rem 2rem 3.9rem;
    box-sizing: border-box;
    width: 100%;
}

.News-pages .out .box .text h3 {
    font-weight: 500;
    font-size: 2.4rem;
    color: #111111;
    margin-bottom: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.News-pages .out .box:hover .text h3 {
    color: #175CC3 ;
}

.News-pages .out .box .text p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #666666;
    line-height: 1.65em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 2rem;
}

.News-pages .out .box .text .tiem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.News-pages .out .box .text .tiem span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.6rem;
    color: #999999;
}

.News-pages .out .box .text .tiem span:nth-child(1) img {
    width: 1.1rem;
    height: 1.5rem;
    display: block;
    margin-right: 1rem;
}

.News-pages .out .box .text .tiem span:nth-child(2) img {
    width: 0.6rem;
    height: 1.2rem;
    margin-left: 1rem;
    display: block;
}

.After-sales-policy {
    width: 100%;
    margin: 8rem 0px;
    overflow: hidden;
}

.After-sales-policy .but-list {
    width: 58.1rem;
    height: 9.7rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.6rem 0.1rem rgba(0, 0, 0, 0.16);
    border-radius: 4.9rem;
    padding: 1rem 1.2rem;
    box-sizing: border-box;
    display: flex;
    position: relative;
    margin: 5.2rem auto;
}

.After-sales-policy .but-list .out {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
}

.After-sales-policy .but-list .out i {
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    background: #0C4DA2;
    border-radius: 4.9rem;
    z-index: 1;
    transform: translateX(0%);
    transition: 0.3s ease;
}

.After-sales-policy .but-list span {
    display: block;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4.9rem;
    font-weight: 500;
    font-size: 2.4rem;
    color: #111111;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.After-sales-policy .but-list span.active {
    color: #FFF;
    /* background: #0C4DA2; */
}


.After-sales-policy .out {
    width: 100%;
}

.After-sales-policy .out .box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
}

.After-sales-policy .out .box.active {
    display: flex;
}

.After-sales-policy .out .box .left {
    width: 48.5%;
    height: 46.4rem;
    overflow: hidden;
    border-radius: 2.3rem;
    box-shadow: 0px 0px 0.2rem 0.1rem rgba(0, 0, 0, 0.16);
}

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

.After-sales-policy .out .box .right {
    width: 48.5%;
    padding-left: 3.7rem;
    box-sizing: border-box;
}

.After-sales-policy .out .box .right .item {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 6.6rem;
}

.After-sales-policy .out .box .right .item:last-child {
    margin-bottom: 0px;
}

.After-sales-policy .out .box .right .item img {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin-right: 1.4rem;
    margin-top: 0.6rem;
}

.After-sales-policy .out .box .right .item .txt {
    width: calc(100% - 2.5rem - 1.4rem);
}

.After-sales-policy .out .box .right .item .txt h3 {
    font-weight: 500;
    font-size: 2.4rem;
    color: #111111;
    margin-bottom: 1rem;
}

.After-sales-policy .out .box .right .item .txt p {
    font-weight: 400;
    font-size: 1.7rem;
    color: #666666;
}


.Brand-Promise {
    margin: 8rem 0px;
    overflow: hidden;
}

.Brand-Promise .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5.4rem;
}

.Brand-Promise .out .box {
    width: 24%;
    background: #F3F3F3;
    border-radius: 2.2rem;
    padding: 6rem 2rem 4rem 4rem;
    box-sizing: border-box;
}

.Brand-Promise .out .box img {
    width: auto;
    height: 6rem;
    max-width: 6rem;
    object-fit: contain;
    display: block;
    margin-bottom: 3rem;
}

.Brand-Promise .out .box h3 {
    font-weight: bold;
    font-size: 2.4rem;
    color: #2D2D2D;
    margin-bottom: 2rem;
}

.Brand-Promise .out .box p {
    font-weight: 500;
    font-size: 1.4rem;
    color: #4E4E4E;
    line-height: 1.6em;
}


.Online-Message {
    width: 100%;
    background: url(../images/9958.png) no-repeat center;
    background-size: cover;
    padding: 8rem 0px 11rem 0px;
    box-sizing: border-box;
    margin-bottom: 8rem;
    overflow: hidden;
}


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

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

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

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

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

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

}

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


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

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

.ABOUT-pages {
    padding: 18.5rem 0px 7rem 0px;
    background: url(../images/10108.webp) no-repeat center;
    background-size: cover;
}


.Honors {
    width: 100%;
    margin: 8rem 0px 10rem 0px;
}

.Honors .out {
    margin-top: 6rem;
    width: 100%;
    position: relative;
}

.Honors .out .swiper {
    padding: 1rem;
    box-sizing: border-box;
    width: 100%;
}

.Honors .out .swiper-slide {
    width: 25%;
}

.Honors .out .swiper-slide .box {
    width: 31.3rem;
    margin: 0 auto;
    padding: 1.1rem 3rem 2.3rem 3rem;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 0.3rem 1.2rem 0.1rem rgba(0, 0, 0, 0.13);
}

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

.Honors .out .swiper-slide .img {
    width: 100%;
    height: 33rem;
    display: block;
    overflow: hidden;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.13);
}

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

.Honors .out .swiper-slide .txt {
    width: 100%;
    text-align: center;
}

.Honors .out .swiper-slide .txt h3 {
    font-weight: 500;
    font-size: 1.6rem;
    color: #555555;
}


.Honors .out .swiper-button-prev,
.Honors .out .swiper-button-next {
    width: 5.6rem;
    height: 5.6rem;
    background: #000000;
    opacity: 0.17;
    border-radius: 50%;
}

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

.Honors .out .swiper-button-prev {
    left: -7rem;
}

.Honors .out .swiper-button-next {
    right: -7rem;
}

.Honors .out .swiper-button-prev:hover,
.Honors .out .swiper-button-next:hover {
    background: #003E97;
}

.Corporate-culture {
    width: 100%;
    padding: 15rem 0px 17rem 0px;
    background: url(../images/10109.jpg) no-repeat center;
    background-size: cover;
}

.Corporate-culture .title {
    position: relative;
}

.Corporate-culture .title h2 {
    font-weight: bold;
    font-size: 3.8rem;
    color: #FFFFFF;
    position: relative;
    z-index: 5;
}

.Corporate-culture .title b {
    font-weight: bold;
    font-size: 14.2rem;
    color: #EDEEF0;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    opacity: 0.3;
}

.Corporate-culture .out {
    margin-top: 23rem;
    width: 100%;
    position: relative;
}

.Corporate-culture .out::after {
    position: absolute;
    top: 1.7rem;
    content: '';
    width: 100%;
    height: 0.1rem;
    background: #FFF;
    left: 0px;
    z-index: 1;
}

.Corporate-culture .out .swiper {
    width: 100%;
    z-index: 3;
}

.Corporate-culture .out .swiper-slide {
    width: 30.7rem;
    margin-right: 11.8rem;
}

.Corporate-culture .out .swiper-slide .icon {
    width: 3.4rem;
    height: 3.4rem;
    border: 0.1rem solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Corporate-culture .out .swiper-slide .icon i {
    width: 0.8rem;
    height: 0.8rem;
    background: #FFFFFF;
    display: block;
    border-radius: 50%;
}

.Corporate-culture .out .swiper-slide:last-child {
    margin-right: 0px;
}

.Corporate-culture .out .swiper-slide .txt {
    margin-top: 7rem;
    width: 100%;
}

.Corporate-culture .out .swiper-slide .txt h2 {
    font-weight: 500;
    font-size: 2.2rem;
    color: #FFFFFF;
    margin-bottom: 5rem;
}

.Corporate-culture .out .swiper-slide .txt p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #FFFFFF;
    line-height: 1.6em;
}

.Factory-environment {
    width: 100%;
    margin: 9rem 0px;
}

.Factory-environment .out {
    margin-top: 6.2rem;
}

.Factory-environment .out .swiper-slide {
    width: 85.3rem;
    height: 52.2rem;
    position: relative;
    transform: scale(0.7);
    margin: 0px 4rem;
    overflow: hidden;
    transition: 0.5s ease;
}

.Factory-environment .out .swiper-slide-active {
    transform: scale(1);
}

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

.Factory-environment .out .swiper-slide .txt {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 8rem;
    text-align: center;
    line-height: 8rem;
    background: rgba(0, 0, 0, 0.24);
    transform: translateY(100%);
    transition: 0.4s ease;
}

.Factory-environment .out .swiper-slide-active .txt {
    transform: translateY(0px);
}

.Factory-environment .out .swiper-slide .txt span {
    font-weight: 400;
    font-size: 2.4rem;
    color: #FFFFFF;
}

.Factory-environment .out .swiper-button-prev {
    left: 20%;
}

.Factory-environment .out .swiper-button-next {
    right: 20%;
}

.Product-Details {
    padding: 20rem 0px 10rem 0px;
    background: #eee;
    width: 100%;
}

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

.Product-Details .out .right {
    width: 48%;
    padding-top: 8rem;
    box-sizing: border-box;
}

.Product-Details .out .right h2 {
    font-weight: bold;
    font-size: 3rem;
    color: #000000;
    margin-bottom: 1rem;
}

.Product-Details .out .right i {
    width: 40%;
    height: 0.1rem;
    background: #003E97;
    display: block;
    margin-bottom: 2rem;
}

.Product-Details .out .right .line {
    /*padding: 5rem 0px ;*/
    box-sizing: border-box ;
    padding-top: 4rem;
    width: 100% ;
}

.Product-Details .out .right .line .lin-item {
    display: flex ;
    align-items: center ;
    margin-bottom: 1rem ;
}

.Product-Details .out .right .line .lin-item:last-child {
    margin-bottom: 0px ;
}

.Product-Details .out .right .line .lin-item span , .Product-Details .out .right .line .lin-item a  {
    color: #063b67;
    font-size: 1.7rem ;
    font-weight: 600 ;
    letter-spacing: 0.1rem ;
}

.Product-Details .out .right .line .lin-item a{
    margin-left: 1rem ;
    /*font-weight: 500 ;*/
}

.Product-Details .out .right .line .lin-item a{
    
}

.Product-Details .out .right .txt {
    width: 100%;
    padding-right: 10%;
    box-sizing: border-box;
}

.Product-Details .out .right .txt p {
    color: #2B2B2B;
    font-size: 1.8rem;
    line-height: 1.7em;
}

.Product-Details .out .right .btn {
    width: 17rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #232323;
    margin-top: 3rem;
    border: 0.1rem solid #0C4DA2;
    border-radius: 3rem;
    background: #0C4DA2;
    color: #FFF;
    font-weight: 500;
    letter-spacing: 0.1rem;
}

.Product-Details .out .right .btn:hover {
    background: #0C4DA2;
    color: #FFF;
}

.Product-Details-Content {
    margin: 8rem 0px 10rem 0px;
    width: 100%;
}

.Product-Details-Content .box {
    margin-bottom: 7rem;
}

.Product-Details-Content .box:last-child {
    margin-bottom: 0px;
}

.Product-Details-Content .title {
    width: 100%;
    margin-bottom: 3rem;
}

.Product-Details-Content .title h2 {
    color: #2B2B2B;
    font-size: 2.6rem;
    margin-bottom: 1rem;
    display: block;
}

.Product-Details-Content .title i {
    width: 6rem;
    height: 0.4rem;
    display: block;
    background: #0C4DA2;
}

.Product-Details-Content .box .text {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.7em;
    color: #2B2B2B;
    font-weight: 500;
}

.Product-Details-Content .box .text p {
    font-size: 1.7rem;
    line-height: 1.8em;
    color: #2B2B2B;
    font-weight: 500;
    letter-spacing: 0.1rem;
}

.Product-Details-Content .box .text h1 , 
.Product-Details-Content .box .text h2 ,
.Product-Details-Content .box .text h3 ,
.Product-Details-Content .box .text h4 , 
.Product-Details-Content .box .text h5 ,
.Product-Details-Content .box .text h6 {
        font-size: 2.4rem ;
    color: #333;
    margin-bottom: 1.5rem ;
    font-weight: 500;
}

.Product-Details-Content .box .text img {
        width: auto ;
    max-width: 100% ;
    height: auto ;
}

.Product-Details-Content .box .text video {
    width: 110rem ;
    max-width: 100% ;
    margin: 0 auto ;
    display: block ;
    height: auto ;
}

.In-page-navigation {
    margin-top: 9rem;
    padding: 2.3rem 0px;
    background: #F2F2F2;
}

.In-page-navigation .public {
    display: flex;
    align-items: center;
}

.In-page-navigation a {
    color: #919191;
    font-size: 1.3rem;
    font-weight: 500;
}

.In-page-navigation .icon {
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    margin: 0px 1rem;
}

.In-page-navigation a:hover {
    color: #003E97;
}

.News-Dilute {
    width: 100%;
    padding: 5rem 0px 9rem 0px;
    box-sizing: border-box;
    background: #FFF;
}

.News-Dilute .out {
    width: 100%;
    padding: 4rem 6rem;
    box-sizing: border-box;
}

.News-Dilute .title {
    width: 100%;
    padding-bottom: 3rem;
    border-bottom: 0.1rem solid #2020203b;
}

.News-Dilute .title h2 {
    font-size: 3.4rem;
    font-weight: 500;
    color: #3E3E3E;
    margin-bottom: 0.2rem;
    text-align: center;
}

.News-Dilute .title .line {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px 2rem;
    margin-top: 1rem;
}

.News-Dilute .title .line span {
    font-size: 1.4rem;
    color: #666;
    display: block;
}

.News-Dilute .title span {
    font-size: 1.6rem;
    color: #666666;
    display: block;
    font-weight: 400;
}

.News-Dilute .text {
    width: 100%;
    padding: 3rem 1.5rem;
    box-sizing: border-box;
    border-bottom: 0.1rem solid #2020203b;
    color: #3E3E3E;
    line-height: 2em;
    font-size: 1.7rem;
    font-weight: 400;
}

.News-Dilute .text p {
    color: #3E3E3E;
    line-height: 2em;
    font-size: 1.7rem;
    font-weight: 400;
}

.News-Dilute .text img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0.5rem auto;
}

.News-Dilute .button-list {
    width: 100%;
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.News-Dilute .button-list a {
    max-width: 47%;
    width: auto;
    padding: 1rem 1rem;
    box-sizing: border-box;
    color: #333;
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.News-Dilute .button-list a:hover {
    color: #165091;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(60px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

.Mobile-navigation {
    width: 100%;
    height: 100vh;
    background: #003E97;
    padding: 4rem 4rem 4rem 4rem;
    box-sizing: border-box;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease;
    position: fixed ;
    top: 0px ;
    padding-top: 10rem ;
    z-index: 10 ;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination>li {
    display: inline;
}

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

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

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

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

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

.nav-pages .right ul li.active .title {
    color: #175CC3;
}

.Solution-Detail  .title {
    position: relative;
    padding-bottom: 1rem ;
}


.Solution-Detail  .title h2 {

}

.cooperative {
    width: 100%;
    margin-bottom: 0rem ;
    background: url(../images/386c194584e11e952c3f6db5e84791dfbe98b5311605b-enpzU1_fw1200.png) no-repeat center;
    background-size: 60%;
    background-position: top;
    background-position-y: 30%;
    margin: 8rem 0px ;
}

.cooperative .out {
    margin-top: 6.2rem ;
}

.cooperative .out .box {
    width: 100%;
    display: flex;
    margin-top: 3.4rem ;
}

.cooperative .out .box:first-child {
    margin-top: 0px;
}

.cooperative .out .box .img {
    width: 14%;
    height: 8rem ;
    margin-right: 2%;
    border: 0.1rem solid #eeeeeed9;
    background: #FFF;
    box-shadow: 0px 0px 1rem 0.1rem #eeeeee9c;
    box-sizing: border-box ;
}

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

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

.cooperative .out .box:nth-child(2n) {
    padding: 0px 5%;
    box-sizing: border-box;
}



.Product-Details .out .left {
    width: 46%;
}

.Product-Details .out .left .Product-swiper {
    width: 100%;
    height: 39.5rem;
    /* background: #ffffff56; */
    border-radius: 2rem;
    overflow: hidden;
}

.Product-Details .out  .left .Product-swiper .swiper-slide {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

.Product-Details .out  .left .Product-swiper img {
    width: auto;
    height: auto ;
    max-width: 100% ;
    max-height: 100% ;
    display: block ;
    object-fit: contain ;
}

.Product-Details .out  .left .Product-swiper2 {
    width: 100%;
    /* padding: 0px 7rem; */
    box-sizing: border-box;
    margin-top: 1.2rem;
}

.Product-Details .out  .left .Product-swiper2 .swiper-slide {
    width: 14.4rem;
    height: 9rem ;
    /* background: #FFF; */
    border-radius: 1rem;
    overflow: hidden;
    margin-right: 2rem;
    padding: 1rem;
    box-sizing: border-box;
    cursor: pointer;
    border: 0.1rem solid #003f971f;
}

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

.Product-Details .out  .left .Product-swiper2 .swiper-button-prev , .Product-Details .out  .left .Product-swiper2 .swiper-button-next {
    display: none ;
}

.Product-Details .out  .left .Product-swiper2 .swiper-button-prev::after,
.Product-Details .out  .left .Product-swiper2 .swiper-button-next::after {
    font-size: 1.7rem;
    color: #DFDFDF;
    display: none;
}

.Product-Details .out  .left .Product-swiper2 .swiper-slide-thumb-active {
    border: 0.1rem solid #003E97;
    box-sizing: border-box;
}

.Solution-Detail {
    width: 100% ;
    background: #FFF ;
}

.Solution-Detail .Solution1 {
    padding: 8rem 0px 6rem 0px ;
    background: #F6F8FC ;
}


.Solution-Detail .Solution1 .public {
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
    flex-wrap: wrap ;
}

.Solution-Detail .Solution1 .left {
    width: 45% ;
}

.Solution-Detail .Solution1 .left h2 {
    color: #2B2B2B ;
    font-size: 3rem ;
    margin-bottom: 3rem ;
    color: #175CC3 ;
}

.Solution-Detail .Solution1 .left h2::after {
    width: 10rem ;
    height: 0.4rem ;
    background: #175CC3 ;
    display: block ;
    content: '';
    margin-top: 1.5rem ;
}

.Solution-Detail .Solution1 .left .text {
    width: 100% ;
    line-height: 2em ;
    font-size: 1.6rem ;
    color: #333 ;
}

.Solution-Detail .Solution1 .left .text p {
    line-height: 2em ;
    font-size: 1.6rem ;
    color: #333 ;
    margin-bottom: 2rem ;
}

.Solution-Detail .Solution1 .right {
    width: 50% ;
    border-radius: 0.4rem ;
    overflow: hidden;
}

.Solution-Detail .Solution1 .right img {
    width: 100% ;
    display: block ;
}


.Solution-Detail .Solution2 {
    width: 100% ;
    padding: 7rem 0px 6rem 0px ;
    background: #fff ;
}

.Solution-Detail .Solution2 .title {
    width: 100% ;
    text-align: center ;
}

.Solution-Detail .Solution2 .title h2 {
    font-size: 3.4rem ;
    margin-bottom: 2rem ;
    color: #333 ;
    text-align: center ;
}

.Solution-Detail .Solution2 .title  i {
    width: 15rem ;
    height: 0.5rem ;
    display: block ;
    background: #175CC3 ;
    margin: 0 auto ;
}

.Solution-Detail .Solution2 ul {
    width: 100% ;
    margin-top: 5rem ;
    display: flex ;
    /* flex-wrap: wrap ; */
}

.Solution-Detail .Solution2 ul li {
    flex: 1 ;
    text-align: center ;
    border-right: 0.1rem solid #3333332a  ;
    font-size: 1.6rem ;
    color: #2B2B2B ;
    line-height: 2em ;
}

.Solution-Detail .Solution2 ul li:last-child {
    border-right: none ;
}


.Solution-Detail .Solution3 {
    width: 100% ;
    padding: 8rem 0px ;
}

.Solution-Detail .Solution3 .out {
    margin-top: 5rem ;
    position: relative;
    width: 100% ;
}

.Solution-Detail .Solution3 .title-public h2 {
    color: #FFF ;
}

.Solution-Detail .Solution3 .title-public span {
    color: #eee ;
}

.Solution-Detail .Solution3 .swiper-slide {
    width: 25% ;
    padding: 1rem ;
    box-sizing: border-box ;
}

.Solution-Detail .Solution3 .swiper-slide a {
    width: 100% ;
    display: block ;
    background: #FFF ;
}

.Solution-Detail .Solution3 .swiper-slide .img {
    width: 100% ;
    height: 26rem ;
    overflow: hidden;
    padding: 2rem  2rem 1rem 2rem  ;
    box-sizing: border-box ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
}

.Solution-Detail .Solution3 .swiper-slide .img img {
    width: auto ;
    height: auto ;
    max-width: 100% ;
    max-height: 100% ;
    display: block ;
    object-fit: contain ;
}

.Solution-Detail .Solution3 .swiper-slide .text {
    width: 100% ;
    padding: 2rem 2rem 3rem 2rem  ;
    box-sizing: border-box ;
}

.Solution-Detail .Solution3 .swiper-slide .text h3 {
    font-size: 2rem ;
    color: #2B2B2B ;
    margin-bottom: 1rem ;
}

.Solution-Detail .Solution3 .swiper-slide .text p{
    color: #535353 ;
    font-size: 1.6rem ;
    line-height: 1.5em ;
}

.Solution-Detail .Solution3 .swiper-button-prev {
    left: -7rem ;
}

.Solution-Detail .Solution3 .swiper-button-next{
    right: -7rem ;
}

.jiagong_bg_a p{background: #f4e9c8;color:#7f6823}
.jiagong_bg_b p{background: #e8f0fc;color:#3a5781}
.jiagong_bg_c p{background: #e6eaf2;color:#364769}
.jiagong_bg_d p{background: #f4e4e4;color:#805b5b}
.jiagong_bg_e p{background: #e9f3f4;color:#61878c}
.jiagong_bg_f p{background: #e8f0fc;color:#3a5781}

.Solution-Detail .Solution4 {
    padding: 8rem 0px ;
    background: #F6F7F9  ;
}

.Solution-Detail .Solution4  .s_width {
    margin-top: 5rem ;
    display: flex ;
    flex-wrap: wrap ;
}

.Solution-Detail .Solution4  .s_width  li {
    width: calc(100% / 8);
    padding: 0.5rem ;
    box-sizing: border-box ;
}

.Solution-Detail .Solution4  .s_width  li p{
    text-align: center ;
    width: 100% ;
    padding: 2rem 1rem ;
    border-radius: 1rem ;
    height: 9rem ;
    box-sizing: border-box ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    font-size: 1.6rem ;
}

.Solution-Detail  .Solution5  {
    margin: 8rem 0px ;
    width: 100% ;
}

.Solution-Detail  .Solution5 .out {
    margin-top: 5rem ;
    display: flex ;
    flex-wrap: wrap ;
}

.Solution-Detail  .Solution5 .out .box {
    width: 25% ;
    border: 0.1rem solid #E8EAF0 ;
    box-sizing: border-box ;
    padding: 5rem 4rem ;
    box-sizing: border-box ;
    border-right: none ;
}

.Solution-Detail  .Solution5 .out .box:last-child {
    border-right: 0.1rem solid #E8EAF0 ;
}

.Solution-Detail  .Solution5 .out .box img {
    display: block ;
    width: 5rem ;
    height: 5rem ;
    object-fit: contain ;
    margin: 0 auto ;
    margin-bottom: 3rem ;
}

.Solution-Detail  .Solution5 .out .box h3 {
    font-size: 2.6rem ;
    color: #2B2B2B ;
    margin-bottom: 1.5rem ;
    text-align: center ;
}

.Solution-Detail  .Solution5 .out .box p{
    font-size: 1.6rem ;
    line-height: 1.7em ;
    color: #535353 ;
}



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


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

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

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

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

.Aft_title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
}

.Aft_title h5 {
    font-size: 4.5rem;
    margin-bottom: 1.5rem;
    color: #111111;
}

.Aft_title p {
    font-weight: 400;
    font-size: 2rem;
    color: #828282;
}


.Aft_list_1 {
    padding: 5% 0px;
    box-sizing: border-box;
}

.Aft_list_1 .public {
    max-width: 136.5rem ;
}

.Aft_list_1 .out {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Aft_list_1 .out .box p {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    border: 0.1rem solid #79BBEF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-sizing: border-box;
    color: #6f7fa0;
}

.Aft_list_1 .out .box img {
    width: 2.3rem;
    display: block;
}

.Aft_list_2 {
    width: 100%;
    height: 22.2rem;
}

.Aft_list_2 .public {
    max-width: 136.5rem ;
}

.Aft_list_2 .public {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.Aft_list_2 .left h2 {
    line-height: 1.7em;
    font-weight: bold;
    font-size: 2.7rem;
    color: #FFFFFF;
}

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

.Aft_list_2 .right .Moer {
    width: 19.1rem;
    height: 5.4rem;
    background: #003B90;
    border-radius: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.7rem;
    color: #FFFFFF;
    margin-right: 7rem;
}

.Aft_list_2 .right i {
    width: 0.1rem;
    height: 6.2rem;
    background: #FFFFFF;
    display: block;
    margin-right: 2.2rem;
}

.Aft_list_2 .right .tel span {
    font-weight: 400;
    font-size: 1.7rem;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.6rem;
    display: block;
}

.Aft_list_2 .right .tel b {
    font-weight: bold;
    font-size: 3.3rem;
    color: #FFFFFF;
    line-height: 1.1em;
}

.Aft_list_3 {
    width: 100%;
    padding: 9rem 0px;
    background: #F6F8FC ;
    overflow: hidden;
}

.Aft_list_3 .public {
    max-width: 153rem ;
}

.Aft_list_3 .out {
    display: flex;
    flex-wrap: wrap;
    margin-top: 6rem;
    gap: 5rem 0px ;
        transform: translateX(8rem);
}

.Aft_list_3 .out .box {
    display: flex;
    align-items: center;
     width: 20%; 
}

.Aft_list_3 .out .box .icon {
    width: 4rem;
    height: 4.3rem;
    display: block;
    object-fit: contain;
    margin-right: 1.4rem;
}

.Aft_list_3 .out .box .txt span {
    font-weight: 400;
    font-size: 1.8rem;
    color: #8E8E8E;
    line-height: 1.1em ;
    margin-bottom: 0.6rem ;
}

.Aft_list_3 .out .box .txt p{
    font-weight: 400;
font-size: 1.4rem ;
color: #B7B7B7;
}

.Aft_list_5 {
    width: 100%;
    padding: 5% 0px;
    box-sizing: border-box;
    background-size: cover !important;
}

.Aft_list_5 .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.Aft_list_5 .out .box {
    width: 25%;
    padding: 5% 4%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0.1rem solid #E9EBF0;
    border-right: none;
}

.Aft_list_5 .out .box:last-child {
    border-right: 0.1rem solid #E9EBF0;
}

.Aft_list_5 .out .box img {
    height: 4.092rem ;
    width: 4.192rem ;
    display: block;
    object-fit: contain;
}

.Aft_list_5 .out .box span {
    font-weight: 500;
    font-size: 2.2rem ;
    color: #FFFFFF;
    margin-bottom: 2rem ;
    margin-top: 1.5rem ;
}

.Aft_list_5 .out .box p {
    font-weight: 400;
    font-size: 1.4rem ;
    color: #EBEBEB;
    line-height: 1.7em
}

.Aft_list_5 .Aft_title h5 {
    color: #FFF;
}

.Aft_list_5 .Aft_title p {
    color: #FFF;
}

.Aft_list_6{
    padding: 7rem 0px ;
    background: #F6F8FC ;
}

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

.Recom_title .box img {
    height: 4rem ;
    width: 5rem ;
    object-fit: contain ;
    display: block;
    margin: 0 auto ;
}

.Recom_title .box span {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 1.6rem ;
    color: #333333;
    margin-top: 1.5rem ;
}

.Recom_title .box:hover span,
.Recom_title .box.on span {
    color: #063b67;
}


.Sub-navigation {
    position: absolute ;
    top: 100% ;
    left: 50% ;
    min-width: 22rem ;
    background: #FFF ;
    transform: translate(-50%, 0%);
    box-sizing: border-box ;
    padding: 0.5rem  ;
    border: 0.1rem solid #E1E1E1;
    display: none ;
}

.Sub-navigation a {
    display: block ;
    width: 100% ;
    padding: 1rem 2rem ;
    box-sizing: border-box ;
    color: #333 ;
    font-size: 1.6rem ;
}

.Sub-navigation a:hover {
    background: #165091 ;
    color: #FFF ;
}

.Hoer_pages {
    margin: 8rem 0px ;
    width: 100% ;
}

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

.Hoer_pages .out .box {
    width: 23.5%;
    margin-right: 2%;
    border: 0.1rem solid #e8eaf0;
    box-sizing: border-box;
    margin-bottom: 3rem ;
    cursor: pointer;
}


.Hoer_pages .out .box:nth-child(4n) {
    margin-right: 0px;
}

.Hoer_pages .out .box .img {
    width: 100%;
    height: 37rem ;
    overflow: hidden;
    padding: 1rem  1rem  0px 1rem ;
    box-sizing: border-box;
}

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

.Hoer_pages .out .box:hover .img img {
    transform: scale(1.2);
}

.Hoer_pages .out .box p {
    width: 100%;
    height: 8rem ;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFF;
    color: #232323;
    text-align: center;
    font-size: 1.8rem ;
}

@media (max-width:1600px) {

    .Engineering-Cases .out .swiper-button-prev,
    .Product-Recommendation .swiper-button-prev {
        left: -0rem;
    }

    .Engineering-Cases .out .swiper-button-next,
    .Product-Recommendation .swiper-button-next {
        right: 0px;
    }

    .Solution-Detail .Solution3 .swiper-button-prev {
        left: -0rem;
    }
    
    .Solution-Detail .Solution3 .swiper-button-next{
        right: 0px;
    }

    .Honors .out .swiper-button-next {
        right: -2rem  ;
    }

    .Honors .out .swiper-button-prev {
        left: -2rem ;
    }

    .Factory-environment .out .swiper-button-next {
        right: 17% ;
    }

    .Factory-environment .out .swiper-button-prev {
        left: 17% ;
    }
}

@media (max-width:1500px) {

    .public {
        padding: 0px 3%;
        box-sizing: border-box;
    }

    .Classification-nav .nav li {
        margin-right: 6.5rem;
    }

    .Classification-nav .Classification ul li {
        padding: 2.32rem 3rem;
    }

    .Classification-nav .Classification ul li h2 a {
        font-size: 2.2rem;
    }

    .Home_Classification ul li{
        padding: 2rem ;
        box-sizing: border-box ;
    }

    .Solution .title b,
    .ABOUT .title span,
    .Engineering-Cases .title b,
    .Product-Recommendation .title b ,
    .News-Updates .title .tit b {
        font-size: 10rem;
    }

    .nav-pages .right ul li{
        margin-right: 5rem ;
    }
    


}

@media (max-width:1365px) {

} 

@media (max-width:1360px) {
    
    /* .Classification-nav .Classification {
        width: 34rem ;
    } */

    .Home_Classification  {
        padding-top: 6.5rem ;
    }

    .nav-pages .right ul li {
        margin-right: 4rem ;
    }

    .Corporate-culture .out .swiper-slide {
        width: 25% ;
        margin-right: 0px ;
    }

    .Corporate-culture .title b {
        font-size: 10rem ;
    }
    
    .Factory-environment .out .swiper-slide {
        width: 70rem ;
        height: 40rem ;
        margin: 0px 2rem ;
    }

    .Factory-environment .out .swiper-button-next {
        right: 20% ;
    }

    .Factory-environment .out .swiper-button-prev{
        left: 20% ;
    }
    
    .Aft_list_3 .out {
        gap: 5rem 0px  ;
        transform: translateX(3rem);
    }

    .Aft_list_3 .out .box {
        width: 20% ;
    }

}


@media (max-width:1300px) {
    .Classification-nav .nav li {
        margin-right: 4.5rem ;
    }

    .Solution .out .right .but-list .item {
        width: 25% ;
    }

    .Classification-nav .Classification ul li h2 a , .Home_Classification ul li h2 a {
        font-size: 1.8rem ;
    }

    .Classification-nav .Classification ul li .box a , .Home_Classification ul li .box a {
        font-size: 1.5rem ;
        display: block ;
    }

    .Classification-nav .Classification ul li {
        padding: 1.85rem 2rem ;
    }

    .Solution .title b {
        width: 45% ;
        font-size: 8rem ;
    }

    .Product-video .out .right .swiper-slide {
        padding: 1.5rem 1.5rem 1.5rem 3.1rem;
    }
    
    .Product-video .out .right .swiper-slide .txt {
        width: 45% ;
    }

    .Product-video .out .right .swiper-slide .img {
        max-width: 55% ;
    }

    .nav-pages .right ul li .title , .nav-pages .right .Contact span {
        font-size: 1.6rem ;
    }
    
    .Honors .out .swiper-slide .box {
        width: 86% ;
    }

    .Solution-Detail .Solution3 .swiper-slide {
        width: 33.33% ;
    }

}




@media (max-width:1199.98px) {
    .Classification-nav .nav {
        display: none ;
    }

    .banner-swiper .Home_public_Classification {
        display: none ;
    }

    .Classification-nav .Classification ul{
        display: none !important;
    }

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

    .Solution .out .left {
        z-index: 10 ;
        width: 100% ;
        padding-top: 2rem ;
    }

    .Solution .out .right .but-list .item {
        width: 20% ;
    }

    .Solution .out .left .box .txt {
        -webkit-line-clamp: 5 ;
    }

    .Solution .out .right .box-list {
        display: none ;
    }

    .Solution::after {
        width: 100% ;
    }

    .Product-Recommendation .out .box .right {
        right: 0px ;
    }

    .Product-Recommendation .out .box .left {
        width: 35% ;
    }

    .Product-Recommendation .Produ-img {
        height: 44rem ;
    }

    .Solution .title b, .ABOUT .title span, .Engineering-Cases .title b, .Product-Recommendation .title b, .News-Updates .title .tit b {
        font-size: 8rem ;
    }

    .Product-Recommendation , .Solution , .Product-video {
        margin: 6rem 0px ;
    }

    .Product-Recommendation .Product-swiper {
        margin-top: 12rem ;
    }

    .Engineering-Cases {
        padding: 8rem 0px 10rem 0px ;
        height: auto ;
    }

    .News-Updates {
        /*margin: 7rem 0px ;*/
        padding-top:7rem ;
        padding-bottom: 13rem ;
    }

    .cooperation .out .box .txt {
        padding: 6rem 2rem ;
    }

    .Product-video .out {
        flex-wrap: wrap ;
    }

    .Product-video .out .right .swiper-slide .img {
        position: absolute;
        right: 2% ;
        top: 0px ;
    }

    .Product-video .out .right .swiper-slide .txt {
        width: 100% ;
    }

    .Classification-nav {
        display: none ;
    }

    
    .banner-swiper {
        padding-top: 9rem;
    } 

    .logo-section .Contact {
        display: none ;
    }

    .nav-pages .right {
        display: none ;
    }

    .bannerd {
        margin-top: 9rem ;
    }

    .nav-pages {
        background: #FFF ;
    }

    .Product-pages{
        margin: 6rem 0px ;
    }

    .Product-pages .but-list {
        margin: 4rem 0px ;
    }

    .Product-pages .out .box .img {
        height: 27rem ;
    }

    .Solution-pages .out .box .right {
        padding: 4rem 3rem ;
    }

    .Solution-pages .out .box .left {
        height: 39rem ;
    }

    .News-pages .out .box .img {
        height: 21.2rem ;
    }

    .News-pages .out .box .text {
        padding: 2rem 0px ;
    }

    .News-pages .out .box .text h3 {
        font-size: 2rem ;
    }

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

    .News-pages .out .box .text .tiem span {
        font-size: 1.4rem ;
    }

    .Factory-environment .out .swiper-button-next {
        right: 15% ;
    }

    .Factory-environment .out .swiper-button-prev{
        left: 15% ;
    }

    .Honors .out .swiper-slide {
        width: 33.33% ;
    }

    .News-Dilute .out {
        padding: 0px ;
    }

    .Product-Details {
        padding: 10rem 0px 6rem 0px ;
    }

    .menu-toggle {
        display: block ;
        overflow: hidden;
    }

    .logo-section {
        position: fixed ;
        top: 0px ;
        z-index: 20 ;
        box-shadow: 0px 0px 1rem 0.1rem #00000023 ;
    }

    .nav-pages .logo  .logo2 {
        display: none ;
    }
    
    .nav-pages .logo  .logo1 {
        display: block ;
    }

    .Product-video .out .left video {
        height: 41rem ;
        object-fit: cover ;
    }

    .Product-video .out .left .text h3 {
        font-size: 2.6rem ;
    }

    .Product-video .out .right .swiper-slide {
        height: 26.8rem;
    }

}


@media (max-width:1024px) {
    .ABOUT .Images-box  {
        width: 90% ;
        height: auto ;
    }

    .ABOUT .Images-box .play {
        width: 21rem ;
        height: 21rem ;
    }

    .ABOUT .Digital-scrolling .box .tit b {
        font-size: 3.6rem ;
    }

    .ABOUT .Digital-scrolling .box .tit span , .ABOUT .Digital-scrolling .box p {
        font-size: 1.5rem ;
    }

    .Product-video .out {
        flex-wrap: wrap ;
    }

    .Product-video .out .left {
        width: 100% ;
    }

    .Product-video .out .right .swiper {
        padding-left: 0px ;
    }

    .Product-video .out .right {
        width: 100% ;
        height: auto ;
    }

    .Product-video .out {
        margin-top: 4rem ;
    }

    .Product-video .out .right .swiper-slide {
        margin-bottom: 0px ;
        margin: 1rem 0px ;
    }

    .Product-video .out .right .swiper-slide:last-child {
        margin-right: 0px ;
    }

    .Product-video .out .right .swiper-slide {
        height: 36rem ;
    }

    .Product-video .out .right .swiper-button-next {
        left: auto; 
        right: 2% ;
    }

    .Product-video .out .right .swiper-button-prev {
        left: 2% ;
    }

    .Product-video .out .right .swiper {
        padding-top: 3rem ;
    }

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

    .Solution .title b, .ABOUT .title span, .Engineering-Cases .title b, .Product-Recommendation .title b, .News-Updates .title .tit b {
        padding: 0px ;
    }

    .Solution {
        height: 97rem ;
    }

    .Solution .out .right .but-list .item {
        width: 25% ;
    }

    .Product-Recommendation .out .box .right {
        width: 57% ;
    }

    .Engineering-Cases .Cases-swiper .swiper-slide a {
        height: 100% ;
    }

    .Engineering-Cases .Cases-swiper .swiper-slide {
        height: 32% ;
    }

    .News-Updates .out {
        margin-top: 6rem ;
    }

    .cooperation .out .box .txt h3 {
        font-size: 2rem ;
    }

    .cooperation .out .box .txt span {
        font-size: 1.4rem ;
    }

    .cooperation .out {
        height: 40rem ;
    }

    .cooperation .out .box .txt{
        padding-bottom: 3rem ;
    }

    .bannerd .content h2 {
        font-size: 3.4rem ;
        margin-bottom: 1.5rem ;
    }

    .bannerd .content p {
        font-size: 1.6rem ;
    }

    .Product-pages .out .box .img {
        height: 19rem ;
    }

    .Product-pages .out .box a {
        padding: 2rem ;
    }

    .Product-pages .out .box .title h3 {
        font-size: 1.8rem ;
    }

    .Product-pages .out .box .title .Moer {
        width: 3.6rem ;
        height: 3.6rem ;
    }

    .Product-pages .out .box .title .Moer::after {
        width: 0.7rem;
        height: 1.6rem;
    }

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

    .Honors .out .swiper-slide .box{
        padding: 1rem 2rem ;
    }

    .Corporate-culture .out .swiper-slide {
        width: 30% ;
    }

    .Factory-environment .out .swiper-button-next {
        right: 2% ;
    }

    .Factory-environment .out .swiper-button-prev {
        left: 2% ;
    }

    .cooperative .out .box .img {
        height: 6rem ;
    }

    .cooperative .out {
        margin-top: 4.5rem ;
    }


    .Solution-Detail .Solution4 .s_width li {
        width: calc(100% / 6) ;
    }

    .Aft_title h5 {
        font-size: 3.4rem ;
    }

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

    .Aft_list_5 .out .box {
        width: 50% ;
    }

    .Aft_list_5 .out .box:nth-child(2) {
        border-right: 0.1rem solid #E9EBF0;
    }

    .Aft_list_3 .out .box {
        width: 25% ;
    }
    
    .Aft_list_3 .out {
        transform: translateX(0px);
    }
    
    .Hoer_pages .out {
        gap: 3rem 2%;
    }
    
    .Hoer_pages .out .box {
        width: 32%;
        margin-right: 0%;
        margin-bottom: 0rem;
    }

    .video-popup .out .Close {
        transform: translate(0%, -135%);
    }

    .Product-video .out .left video {
        height: auto ;
    }

}


@media (max-width:768px) {
    .ABOUT .Digital-scrolling {
        flex-wrap: wrap ;
        justify-content: center ;
        gap: 2rem 0px ;
    }

    .ABOUT .Images-box {
        display: none ;
    }

    .ABOUT .Digital-scrolling .box {
        width: 33.33% ;
    }

    .Product-video .out .right .swiper-slide .txt {
        padding: 2rem 0px 
    }

    .Product-video .out .right .swiper-slide {
        height: 26rem ;
    }

    .Product-video .out .right .swiper-slide .img {
        display: none ;
    }

    .Product-Recommendation .Produ-img {
        height: 30rem ;
    }

    .Solution .title {
        position: relative;
    }

    .Solution .title h2 {
        z-index: 10 ;
        position: relative;
    }

    .Solution .title b {
        position: absolute ;
        left: 3% ;
        width: auto ;
        opacity: 0.5;
    }

    .Solution{
        height: auto ;
        padding-top: 6rem ;
        min-height: auto ;
    }

    .Solution .out .right {
        position: relative;
    }

    .Solution .out .right .but-list {
        position: relative;
        margin-top: 5rem ;
    }

    .Solution .public {
        padding: 0px ;
    }

    .Solution .out .left {
        padding: 0px 3%;
        box-sizing: border-box ;
        margin-top: 4rem ;
    }

    .Solution .title {
        padding: 0px 3% ;
        box-sizing: border-box ;
    }

    .Solution .out .right .but-list .item .img {
        width: 3rem ;
        height: 3rem ;
    }

    .Product-Recommendation .out .box .left {
        width: 50% ;
    }

    .Product-Recommendation .out .box .right {
        width: 46% ;
    }

    .Product-Recommendation .Product-swiper {
        margin-top: 6rem ;
    }

    .Product-Recommendation .Product-swiper .swiper-slide {
        width: 48% ;
        height: 17rem ;
        margin-right: 4% ;
    }

    .Engineering-Cases .Cases-swiper .swiper-slide a {
        padding: 3rem 2rem ;
        box-sizing: border-box ;
    }
    
    .cooperation .out {
        height: auto ;
    }

    .cooperation .out .box {
        width: 33.33% ;
    }

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

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

    #footer .Top-logo .out {
        padding: 3rem 0px ;
    }

    #footer .Top-logo .out .logo {
        width: auto ;
        height: 8rem ;
    }

    #footer .Filing-number .out .support {
        position: relative;
        margin-left: 1rem ;
    }

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

    .Product-pages .out .box .title {
        justify-content: center ;
    }

    .Product-pages .out .box .title h3 {
        text-align: center ;
        width: 100% ;
    }

    .Product-pages .out .box .title .Moer {
        display: none ;
    }

    .Solution-pages .out .box .left {
        width: 100% ;
    }

    .Solution-pages .out .box .right {
        width: 100% ;
    }

    .Solution-pages .out .box:nth-child(2n) {
        background: #F1F1F1 ;
    }

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

    .Cases-pages .out .box .img {
        height: 23rem ;
    }

    .Cases-pages .out .box .title h3 {
        font-size: 1.6rem ;
    }

    .News-pages .out {
        justify-content: space-between ;
    }

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

    .After-sales-policy .but-list span {
        font-size: 1.8rem ;
    }

    .After-sales-policy .but-list {
        height: 7.7rem ;
    }

    .After-sales-policy .out .box {
        flex-wrap: wrap ;
    }

    .After-sales-policy .out .box .left {
        width: 100% ;
        height: 30rem ;
        margin-bottom: 4rem ;
    }

    .After-sales-policy .out .box .right {
        width: 100% ;
        padding-left: 0px ;
    }

    .After-sales-policy .out .box .right .item {
        margin-bottom: 3rem ;
    }

    .Brand-Promise .out .box {
        width: 48% ;
        margin-bottom: 3rem ;
        padding: 4rem 2rem ;
    }

    .Brand-Promise .out .box img {
        width: 4rem ;
        height: 4rem ;
    }

    .Brand-Promise .out .box h3 {
        font-size: 2rem ;
    }

    .Online-Message form label {
        width: 100% ;
        margin-bottom: 2rem ;
    }
    
    .Corporate-culture .out .swiper-slide {
        width: 43% ;
    }

    .Corporate-culture {
        padding: 8rem 0px 10rem 0px ;
    }

    .Corporate-culture .out {
        margin-top: 18rem ;
    }

    .Honors .out .swiper-slide {
        width: 45% ;
    }

    .Contact-pages .out .box {
        width: 50% ;
        border-bottom: 0.1rem solid #ddd ;
    }

    .Product-Details .out {
        flex-wrap: wrap ;
    }

    .Product-Details .out .left {
        width: 100% ;
        height: auto ;
    }

    .Product-Details .out .right {
        width: 100% ;
    }

    .Product-Details .out .right .txt {
        padding-right: 0px ;
    }

    .Honors .out .swiper-button-next {
        right: 0px ;
    }

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

    .cooperative .out .box {
        flex-wrap: wrap ;
        gap: 2rem ;
    }

    .cooperative .out .box .img {
        width: 30% ;
        margin-right: 0% ;
        padding: 0px ;
    }

    .cooperative .out .box:nth-child(2n) {
        padding: 0px ;
    }

    .Solution-Detail .Solution1 .left {
        width: 100% ;
    }

    .Solution-Detail .Solution1 .right {
        width: 100% ;
        margin-top: 4rem ;
    }

    .Solution-Detail .Solution2 ul {
        flex-wrap: wrap ;
        gap: 3rem 0px ;
    }

    .Solution-Detail .Solution2 ul li {
        width: 33.33% ;
        flex: none ;
        box-sizing: border-box ;
    }

    .Solution-Detail .Solution3 .swiper-slide {
        width: 50% ;
    }

    .Solution-Detail .Solution4 .s_width li {
        width: calc(100% /4 );
    }

    .Solution-Detail .Solution5 .out .box:nth-child(2) {
        border-right: 0.1rem solid #E8EAF0 ;
    }

    .Solution-Detail .Solution5 .out .box {
        width: 50% ;
    }
    
    
        .Aft_list_1 .out  {
        flex-wrap: wrap ;
        gap: 3rem 0px ;
    }

    .Aft_list_1 .out .box {
        width: 30.33% ;
        display: flex ;
        justify-content: center ;
    }

    .Aft_list_1 .out .box:nth-child(2n) {
        width: auto ;
    }

    .Aft_list_1 .out .box:nth-child(6) {
        display: none ;
    }

    .Aft_list_1 .out .box img {
        /* display: none ; */
    }

    .Aft_list_3 .out .box {
        width: 33.33% ;
    }

    .Recom_title {
        flex-wrap: wrap ;
        gap: 3rem 0px ;
    }

    .Recom_title .box{
        width: 20% ;
    }

    .Aft_list_2 {
        padding: 5rem 0px ;
        height: auto ;
    }

    .Aft_list_2 .public {
        flex-wrap: wrap ;
    }

    .Aft_list_2 .right {
        width: 100% ;
        margin-top: 3rem ;
    }
    
    .Hoer_pages .out {
        gap: 3rem 0%;
        justify-content: space-between;
    }
    
    .Hoer_pages .out .box {
        width: 47%;
        margin-right: 0%;
        margin-bottom: 0rem;
    }



}

@media (max-width:575.98px) {
    .Solution .title b, .ABOUT .title span, .Engineering-Cases .title b, .Product-Recommendation .title b, .News-Updates .title .tit b {
        /* display: none ; */
    }

    .ABOUT .title h2 {
        position: relative;
        transform: translate(0px);
        left: auto;
        top: auto ;
    }

    .ABOUT .Digital-scrolling .box {
        width: 50% ;
    }

    .Product-video .out .left .text {
        height: auto ;
    }

    .Product-video .out .left .text h3 {
        font-size: 2rem ;
    }

    .Product-video .out .left .text span {
        font-size: 1.7rem ;
    }

    .Product-video .out .right .swiper-slide {
        padding: 2rem 1rem ;
        box-sizing: border-box ;
    }

    .Product-video .out .right .swiper-slide .txt h3{
        font-size: 2rem ;
    }

    .Product-video .out .right .swiper-slide .txt{
        padding: 0px 0px ;
    }

    .Product-video .out .right .swiper-slide .txt span {
        font-size: 1.3rem ;
    }

    .Product-video .out .right .swiper-button-prev, .Product-video .out .right .swiper-button-next {
        bottom: 23% ;
    }

    .Solution .out .right .but-list .item {
        width: 50% ;
    }
    
    .Product-Recommendation .title h2 {
        position: relative;
    }

    .Product-Recommendation .Produ-img {
        display: none ;
    }

    .Product-Recommendation .Product-swiper .swiper-slide {
        width: 100% ;
    }

    .Product-Recommendation .Product-swiper .swiper-slide {
        width: 70% ;
    }

    .Engineering-Cases {
        padding: 6rem 0px 7rem 0px ;
    }

    .Engineering-Cases .Cases-swiper {
        margin-top: 7rem ;
    }

    .Engineering-Cases .Cases-swiper .swiper-slide {
        width: 100% ;
    }

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

    .News-Updates .out .swiper-button-prev {
        left: 0px ;
    }

    .News-Updates .out .swiper-button-next {
        right: 0px ;
    }

    .News-Updates .title .More{
        margin-top: 0px ;
    }

    .News-Updates {
        margin: 0px 0px ;
        padding: 6rem 0px ;
        padding-bottom: 14rem ;
    }

    .Product-Recommendation .title b {
        font-size: 3rem ;
        line-height: 1 ;
        transform: translateX(0px );
    }

    .Solution .title b {
        font-size: 6rem ;
    }

    .ABOUT .title span {
        font-size: 3rem ;
        line-height: 1 ;
        display: none ;
    }


    .News-Updates .out .swiper-button-prev, .News-Updates .out .swiper-button-next {
        bottom: auto ;
        top: 50% ;
    }

    .News-Updates .out .swiper-slide .text {
        width: 100% ;
        padding: 3.6rem 0rem 2rem 0rem ;
    }

    .bannerd .img {
        height: 19rem  ;
        object-fit: cover ;
    }

    .Product-pages .but-list {
        justify-content: left ;
    }

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

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

    .Solution-pages .out .box .left {
        height: 29rem ;
    }

    .Cases-pages .out .box .img {
        height: 14rem ;
    }

    .Cases-pages , .News-pages {
        margin: 6rem 0px 7rem 0px ;
    }

    .News-pages .out .box .img {
        height: 14.5rem ;
        border-radius: 1rem ;
    }

    .After-sales-policy .but-list {
        width: 100% ;
    }

    .Brand-Promise .out .box {
        width: 100% ;
    }

    .Online-Message {
        margin-bottom: 0px ;
    }

    .ABOUT-pages {
        padding: 13.5rem 0px 4rem 0px ;
    }

    .Corporate-culture .out .swiper-slide {
        width: 68% ;
    }

    .Factory-environment .out .swiper-slide {
        width: 95% ;
        height: 28rem ;
    }

    .Honors .out .swiper-slide {
        width: 79% ;
    }

    .map {
        margin-bottom: 0px ;
    }

    .Contact-pages .out .box {
        padding: 2rem 1.5rem ;
        width: 100% ;
    }

    .Product-Details .out .left .Product-swiper {
        max-height: 33.5rem;
    }

    .Solution-Detail .Solution2 .title h2 {
        font-size: 2.6rem ;
    }

    .Solution-Detail .Solution3 .swiper-slide {
        width: 100% ;
    }

    .Solution-Detail .Solution4 .s_width li {
        width: calc(100% /3);
    }

    .Solution-Detail .Solution5 .out .box {
        width: 100% ;
        border-right: 0.1rem solid #E8EAF0;
    }
    
    
    .Aft_title p {
        text-align: center ;
    }

    .Aft_list_1 .out .box {
        width: auto ;
    }

    .Aft_list_2 .public , .Aft_list_2 .right {
        flex-wrap: wrap ;
    }

    .Aft_list_2 {
        height: auto ;
        padding: 5rem 0px ;
    }

    .Aft_list_2 .right i {
        display: none ;
    }

    .Aft_list_2 .right .Moer {
        margin-right: 0px ;
        margin: 3rem 0px ;
        margin-right: 2rem ;
    }

    .Aft_list_3 .out .box {
        width: 50% ;
    }

    .Aft_title h5 {
        font-size: 2.6rem ;
    }

    .Recom_title .box {
        width: 33.33% ;
    }
    
    .Hoer_pages {
        margin: 6rem 0px;
    }
    
    .Hoer_pages .out .box .img {
            height: 29rem;
    }
    
    .Hoer_pages .out .box p {
        font-size: 1.5rem;
        height: 6rem ;
        padding: 1rem 1rem;
        box-sizing: border-box;
    }

}



@media (min-width: 1921px) {
    html {
        font-size: 10px !important;
    }
}

@media (min-width: 1500px) and (max-width: 1920px) {
    html {
        font-size: clamp(8px, calc(100vw / 192), 10px);
    }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    html {
        font-size: clamp(8px, calc(100vw / 192), 10px);
    }
}

@media (min-width: 1025px) and (max-width: 1199.98px) {
    html {
        font-size: clamp(8px, calc(100vw / 120), 9px);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    html {
        font-size: clamp(8px, calc(100vw / 102.4), 10px);
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    html {
        font-size: clamp(7px, calc(100vw / 75), 9px);
    }
}

@media (max-width: 575.98px) {
    html {
        font-size: clamp(3px, calc(100vw / 50), 8px);
    }



}