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

@font-face {
    font-family: 'AlibabaPuHuiTi-Regular';
    src: url('../font/AlibabaPuHuiTi-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlibabaPuHuiTi-Medium';
    src: url('../font/AlibabaPuHuiTi-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlibabaPuHuiTi-Bold';
    src: url('../font/AlibabaPuHuiTi-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

ul,
ol {
    list-style: none;
}

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

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

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

body {
    font-size: 1.5rem;
    font-family: 'AlibabaPuHuiTi-Regular', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
.Semi-bold {
    font-family: 'AlibabaPuHuiTi-Bold', sans-serif;
}

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

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

.nav {
    width: 100%;
    height: 10rem;
    position: fixed;
    z-index: 9999;
    top: 0px;
    transition: 0.5s ease;
}

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

.nav .logo {
    height: 5.4rem;
    display: block;
}

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

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

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

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

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

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

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

.nav.active .nav_list .nav_item .title,
.nav.activehov .nav_list .nav_item .title {
    color: #333;
}

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


.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: #DD1004;
    color: #FFF;
}

.banner_swiper {
    width: 100%;

}

.banner_swiper .swiper-slide .img {
    width: 100%;
    height: 91.9rem ;
    /* height: auto ; */
    object-fit: cover ;
    display: block;
}

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

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

.banner_swiper .swiper-slide .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35) ;
}

.banner_swiper .swiper-slide .text .container {
    padding-top: 35rem;
    box-sizing: border-box;
}

.banner_swiper .swiper-slide .text h2 {
    font-weight: 500;
    font-size: 6.2rem;
    color: #FFFFFF;
    line-height: 8.7rem;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.36);
    font-family: 'AlibabaPuHuiTi-Medium';
    margin-bottom: 7rem;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: 1s ease;
}

.banner_swiper .swiper-slide .text p {
    font-weight: 400;
    font-size: 2.8rem;
    color: #FFFFFF;
    line-height: 4.9rem;
    letter-spacing: 0.2rem;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.48);
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: 1s ease;
    transition-delay: 0.3s;
}

.banner_swiper .swiper-slide-active .text h2,
.banner_swiper .swiper-slide-active .text p {
    opacity: 1;
    transform: none;
}

.banner_swiper .container {
    position: relative;
}

.banner_swiper .swiper-pagination {
    width: auto;
    display: flex;
    align-items: center;
    bottom: 9.6rem;
}

.banner_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #FFFFFF;
    opacity: 0.42;
    transition: 0.5s ease;
}

.banner_swiper .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 2.9rem;
    background: #DD1004;
    border-radius: 0.5rem;
}

.banner_swiper .but_list {
    right: 0px;
    bottom: 8rem;
    position: absolute;
    z-index: 10;
}

.banner_swiper .but_list img {
    width: 1rem;
    height: 0.5rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.6rem;
}

.banner_swiper .but_list .icon_2 {
    opacity: 0.6;
}

.banner_swiper .but_list .icon_3 {
    opacity: 0.3;
}

.banner_swiper .but_list .icon_4 {
    width: 2.5rem;
    height: 3.5rem;
    display: block;
    margin-top: 1rem;
}

.About {
    width: 100%;
    padding: 11rem 0px;
    background: url(../images/10041.webp) no-repeat top;
    background-size: cover;
}

.About .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10.3rem;
}

.About .out .left {
    width: calc(100% - 72.4rem);
    padding-right: 8.8rem;
    box-sizing: border-box;
}

.About .out .left .text {
    margin-top: 3.6rem;
}

.About .out .left .text span {
    font-weight: 500;
    font-size: 3.5rem;
    color: #3E3E3E;
    font-family: 'AlibabaPuHuiTi-Medium';
}

.About .out .left .text h3 {
    font-weight: 500;
    font-size: 2.8rem;
    color: #3E3E3E;
    font-family: 'AlibabaPuHuiTi-Medium';
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.About .out .left .text p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #858585;
    line-height: 1.8em;
}

.About .out .left .text .Moer {
    width: 18.4rem;
    height: 5.1rem;
    background: #DD1004;
    border-radius: 2.6rem;
    margin-top: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.7rem;
    color: #FFFFFF;
    font-family: 'AlibabaPuHuiTi-Medium';
}

.About .out .left .text .Moer img {
    width: 2.9rem;
    height: 0.8rem;
    display: block;
    object-fit: contain;
    margin-left: 1rem;
    transform: translateY(0.3rem);
}

.About .out .right {
    width: 72.4rem;
    height: 45rem;
    border-radius: 12rem 1rem 12rem 1rem;
    overflow: hidden;
}

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

.Home_title {
    display: flex;
    align-items: center;
}

.Home_title img {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
}

.Home_title h2 {
    font-weight: 500;
    font-size: 2.6rem;
    color: #101010;
    margin-left: 1.7rem;
}

.Digital_scrolling {
    width: 100%;
}

.Digital_scrolling .container {
    display: flex;
    justify-content: space-between;
}

.Digital_scrolling .box {
    width: 22%;
}

.Digital_scrolling .box .tit {
    width: 100%;
}

.Digital_scrolling .box .tit span {
    font-weight: 400;
    font-size: 1.8rem;
    color: #555555;
}

.Digital_scrolling .box .tit i {
    display: block;
    width: 100%;
    height: 0.1rem;
    background: #707070;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.Digital_scrolling .box .txt {
    display: flex;
    align-items: flex-start;
}

.Digital_scrolling .box .txt h2 {
    font-weight: bold;
    font-size: 5.8rem;
    color: #000000;
}

.Digital_scrolling .box .txt .icon {
    width: 4.2rem;
    height: 4.2rem;
    display: block;
    background: url(../images/10170.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 2rem;
    color: #FFFFFF;
    margin-left: 2.3rem;
}

.Service_Introduction {
    width: 100%;
    height: 91.9rem;
    position: relative;
}

.Service_Introduction .img_list {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

.Service_Introduction .img_list img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    opacity: 0;
    object-fit: cover;
}

.Service_Introduction .img_list img.active {
    opacity: 1;
}

.Service_Introduction .list {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.Service_Introduction .list .box .text {
    height: max-content;
    padding: 0px 4rem 3rem 4rem;
    box-sizing: border-box;
    transform: translateY(24rem);
    transition: 0.4s ease;
}

.Service_Introduction .list .box {
    width: 25%;
    height: 100%;
    border-right: 0.1rem solid #ADAEB3;
    box-sizing: border-box;
    padding-bottom: 6rem;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.Service_Introduction .list .box .box_text {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: end;
}

.Service_Introduction .list .box .icon {
    height: 4.5rem;
    display: block;
    margin-bottom: 3rem;
}

.Service_Introduction .list .box h3 {
    font-weight: 400;
    font-size: 3.5rem;
    color: #F2F2F2;
    font-family: 'AlibabaPuHuiTi-Regular';
    margin-bottom: 3rem;
}

.Service_Introduction .list .box p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #E9E9E9;
    line-height: 1.7em;
    margin-bottom: 4.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 10.8rem;
}

.Service_Introduction .list .box .Moer {
    width: 18.1rem;
    height: 3.9rem;
    box-shadow: 0px 0px 0.6rem 0.1rem rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    border: 0.1rem solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.7rem;
    color: #FFFFFF;
}

.Service_Introduction .list .box .Moer span {
    display: block;
    width: 1.14rem;
    height: 1.14rem;
    background: url(../images/10079.png) no-repeat center;
    background-size: contain;
    margin-left: 2rem;
}

.Service_Introduction .list .box.active {
    background: rgba(221, 16, 4, 0.57);
}

.Service_Introduction .list .box.active .text {
    transform: translateY(0rem);
}


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

.Home_title2 h2 {
    font-weight: 500;
    font-size: 3.5rem;
    color: #3E3E3E;
    width: 100%;
    max-width: 38.5rem;
    font-family: 'AlibabaPuHuiTi-Medium';
    line-height: 1.2;
}

.Home_title2 .list {
    width: calc(100% - 38.5rem);
    display: flex;
    align-items: center;
    justify-content: right;
}

.Home_title2 .list a {
    font-weight: 500;
    font-size: 2rem;
    color: #5B5B5B;
    display: block;
    margin-right: 8.7rem;
}

.Home_title2 .list a:last-child {
    margin-right: 0px;
}

.Home_title2 .list a:hover,
.Home_title2 .list a.active {
    color: #DD1004;
}

.Recommend_Product {
    margin: 11rem 0px;
    width: 100%;
}

.Recommend_Product .out {
    position: relative;
    margin-top:6rem;
}

.Recommend_Product .Recommend_swiper {
    width: 100%;
    padding: 0px 1rem;
      box-sizing: border-box;
}

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

.Recommend_Product .Recommend_swiper .swiper-slide .img {
    width: 100%;
    height: 41rem;
    overflow: hidden;
    /*transform: scale(0.75);*/
    box-sizing: border-box;
    border: 0.1rem solid #00000036;
    padding: 1.5rem;
    box-sizing: border-box;    
}


.Recommend_Product .Recommend_swiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transition: 0.5s ease ;
}

.Recommend_Product .Recommend_swiper .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.Recommend_Product .Recommend_swiper .swiper-slide h3 {
    text-align: center;
    font-weight: 500;
    font-size: 2.5rem;
    color: #515151;
    margin-top: 1.4rem;
}

.Recommend_Product .Recommend_swiper .swiper-slide:hover h3 {
    color: #DD1004;
}

.Recommend_Product .Recommend_swiper .swiper-slide-active .img {
    transform: scale(1);
}

.Recommend_Product .out .YX_prev {
   left: 4rem;
}

.Recommend_Product .out .YX_next {
    right: 4rem;
}

.Case_Show {
    margin: 11rem 0px;
    width: 100%;
}

.Case_Show .Home_title2 h2 {
    max-width: 66.5rem;
}

.Case_Show .Home_title2 .Moer {
    width: 18.4rem;
    height: 5rem;
    background: linear-gradient(93deg, #DD1004 0%, #A50900 100%);
    border-radius: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.7rem;
    color: #FFFFFF;
}

.Case_Show .Home_title2 .Moer img {
    width: 2.9rem;
    height: 0.8rem;
    display: block;
    margin-left: 1rem;
}

.Case_Show .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 7rem;
}

.Case_Show .out .left {
    width: 43%;
}

.Case_Show .out .left .Case_swiper {
    width: 100%;
    height: 49.4rem;
}

.Case_Show .out .left .Case_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.Case_Show .out .left .Case_swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
}

.Case_Show .out .left .Case_swiper .swiper-slide .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.36);
    padding: 4rem 15rem 5rem 13rem;
    box-sizing: border-box;
    transform: scale(0.8);
    opacity: 0;
    transition: 0.5s ease;
}

.Case_Show .out .left .Case_swiper .swiper-slide-active .text {
    transform: scale(1);
    opacity: 1;
}

.Case_Show .out .left .Case_swiper .swiper-slide .text .icon {
    height: 7.4rem;
    display: block;
    margin-bottom: 3rem;
}

.Case_Show .out .left .Case_swiper .swiper-slide .text h3 {
    font-weight: 400;
    font-size: 3.9rem;
    color: #FFFFFF;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'AlibabaPuHuiTi-Regular';
    margin-bottom: 3.9rem;
}

.Case_Show .out .left .Case_swiper .swiper-slide .text p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #DFDFDF;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* 限制显示3行 */
    overflow: hidden;
}

.Case_Show .out .left .Case_but_box {
    width: 100%;
    padding: 4.3rem 2.6rem 0px 4rem;
    box-sizing: border-box;
}

.Case_Show .out .left .Case_but_box h3 {
    font-weight: 500;
    font-size: 3.9rem;
    color: #202020;
    font-family: 'AlibabaPuHuiTi-Medium';
}

.Case_Show .out .left .Case_but_box .Case_swiper2 {
    margin-top: 2.4rem;
    width: 100%;
    margin-bottom: 3rem;
}

.Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide {
    width: 24.7rem;
    height: 15.7rem;
    margin-right: 1.1rem;
    cursor: pointer;
    position: relative;
}

.Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #DD1004;
    opacity: 0;
    content: '';
}

.Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide-thumb-active::after {
    opacity: 0.4;
}

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

.Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.Case_Show .out .left .Case_but_box .Moer {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.7rem;
    color: #4E4E4E;
}

.Case_Show .out .left .Case_but_box .Moer img {
    width: 2.9rem;
    height: 0.8rem;
    display: block;
    margin-left: 1.5rem;
    transform: translateY(0.3rem);
}

.Case_Show .out .right {
    width: 56%;
    height: 86rem;
    display: flex;
    justify-content: right;
    gap: 0px 2%;
}

.Case_Show .out .right .box {
    width: 23%;
    height: 100%;
    position: relative;
    transition: 0.5s ease ;
}

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

.Case_Show .out .right .box .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    padding: 5rem 3rem 9rem 3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    overflow: hidden;
}

.Case_Show .out .right .box .text .icon {
    width: auto;
    height: 5rem;
    display: block;
    margin-bottom: 2.5rem;
}

.Case_Show .out .right .box .text h3 {
    font-weight: 400;
    font-size: 2.6rem;
    color: #FFFFFF;
    font-family: 'AlibabaPuHuiTi-Regular';
    margin-bottom: 0.5rem;
    width: 100% ;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.Case_Show .out .right .box .text span {
    font-weight: 400;
    font-size: 1.5rem;
    color: #E5E5E5;
}

.Case_Show .out .right .box .text p {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.7em;
    margin-top: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.Case_Show .out .right .box .text .Moer {
    font-size: 1.5rem;
    color: #FFF;
    margin-top: 4rem;
}

.Case_Show .out .right .box .text  .heid {
    width: 100% ;
    height: 100% ;
    overflow: hidden;
}

.Case_Show .out .right .box .text .txt {
    width: 100%;
    height: 100%;
    transform: translateY(26%);
    transition: 0.5s ease ;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
}

.Case_Show .out .right .box.active {
    width: 50%;
}

.Case_Show .out .right .box.active  .text .txt{
    transform: translateY(0px);
}

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

.News .out {
    padding-left: 13.5rem;
    box-sizing: border-box;
    width: 100%;
    margin-top: 7rem;
}

.News .out .swiper-slide {
    width: 70.9rem;
    margin-right: 5.6rem;
    position: relative;
    display: flex;
    justify-content: right;
}

.News .out .swiper-slide .img {
    width: 32.6rem;
    height: 24.2rem;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    object-fit: cover;
}

.News .out .swiper-slide .text {
    width: 58.5rem;
    height: 31.4rem;
    background: #F3F3F3;
    border-radius: 1.5rem;
    padding: 7.9rem 2.3rem 6.5rem 25rem;
    box-sizing: border-box;
}

.News .out .swiper-slide .text span {
    font-weight: 500;
    font-size: 1.8rem;
    color: #BBBBBB;
    display: block;
    margin-bottom: 2rem;
}

.News .out .swiper-slide .text h3 {
    font-weight: 500;
    font-size: 2.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示3行 */
    overflow: hidden;
    font-family: 'AlibabaPuHuiTi-Medium';
    margin-bottom: 3rem;
}

.News .out .swiper-slide .text .Moer {
    width: 4.8rem;
    height: 2.7rem;
    background: linear-gradient(93deg, #DD1004 0%, #A50900 100%);
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.News .out .swiper-slide .text .Moer span {
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    background: url(../images/10077.png ) no-repeat center;
    background-size: contain;
    margin-bottom: 0px;
}

.News .out .swiper-slide:hover .text {
    background: linear-gradient(93deg, #DD1004 0%, #A50900 100%);
}

.News .out .swiper-slide:hover .text span {
    color: #FFF;
}

.News .out .swiper-slide:hover .text h3 {
    color: #FFF;
}

.News .out .swiper-slide:hover .text .Moer {
    background: #FFFFFF;
}

.News .out .swiper-slide:hover .text .Moer span {
    background: url(../images/10171.png) no-repeat center;
    background-size: contain;
}

.Bottom_slogan {
    width: 100%;
    height: 43rem;
    background: url(../images/10178.webp) no-repeat center;
    background-size: cover;
}

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

.Bottom_slogan h2 {
    font-weight: 500;
    font-size: 4rem;
    color: #FFFFFF;
    font-family: 'AlibabaPuHuiTi-Medium';
    max-width: 78rem;
    width: 85%;
}

.Bottom_slogan .Moer {
    width: 16.4rem;
    height: 4.7rem;
    background: linear-gradient(93deg, #DD1004 0%, #A50900 100%);
    border-radius: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 1.8rem;
    color: #FFFFFF;
}

#footer {
    width: 100%;
    background: #000000;
    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: 6rem 0px 5.4rem 0px;
    box-sizing: border-box;
    border-bottom: 0.1rem solid #303030;
    box-sizing: border-box;
}

#footer .Top-logo .out .logo {
    width: 27.4rem;
    height: 6.5rem;
}

#footer .Top-logo .out .logo img {
    height: 100%;
    width: 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;
}

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

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

#footer .footer-information .out .left li span:nth-child(1) {
    flex: none;
}

#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;
    color: #DCDCDC;
}

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

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

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

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

#footer .footer-information .out .right .box li a:hover {
    color: #0451A4;
}

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

#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.6rem;
    color: #DCDCDC;
}

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

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

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

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

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

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

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

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

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

.banner_pages .text .container {
    padding-top: 27rem;
    box-sizing: border-box;
}

.banner_pages .text h2 {
    font-weight: 400;
    font-size: 4.2rem;
    color: #FFFFFF;
    font-family: 'AlibabaPuHuiTi-Regular';
}

.Workshop_environment {
    width: 100%;
    margin-bottom: 10rem;
}

.Workshop_swiper {
    margin-top: 7rem;
}

.Workshop_swiper .swiper-slide {
    width: 96.7rem;
    height: 54.8rem;
    border-radius: 2rem;
    overflow: hidden;
    transform: scale(0.7);
    transition: 0.5s ease;
}

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

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

.Honor_Qualification {
    margin-bottom: 10rem;
    width: 100%;
}

.Honor_Qualification .Home_swiper {
    width: 100%;
    margin-top: 5rem;
    padding: 1rem;
    box-sizing: border-box;
}

.Honor_Qualification .Home_swiper .swiper-slide {
    width: 23.5%;
    height: 50.3rem;
    background: #FFFFFF;
    box-shadow: 0px 0.3rem 1.2rem 0.1rem rgba(0, 0, 0, 0.13);
    margin-right: 2%;
}

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

.Honor_Qualification .Home_swiper .swiper-slide a {
    display: block;
    padding: 1rem 4rem 3rem 4rem;
    box-sizing: border-box;
}

.Honor_Qualification .Home_swiper .swiper-slide .img {
    width: 100%;
    height: 38.9rem;
    overflow: hidden;
}

.Honor_Qualification .Home_swiper .swiper-slide .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    margin: 0 auto;
}

.Honor_Qualification .Home_swiper .swiper-slide .txt {
    padding-top: 2.7rem;
    margin-top: 2.5rem;
    border-top: 0.1rem solid #EBEBEB;
    box-sizing: border-box;
}

.Honor_Qualification .Home_swiper .swiper-slide .txt h3 {
    text-align: center;
    font-weight: 500;
    font-size: 2.4rem;
    color: #555555;
}

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

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

.Product_pages .out .box {
    width: 32%;
    background: #F9F9F9;
    box-shadow: 0px 0.2rem 1rem 0.1rem rgba(0, 0, 0, 0.1);
    border: 0.1rem solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 1.5rem;
}

.Product_pages .out .box a {
    display: block;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    padding-bottom: 4rem;
}

.Product_pages .out .box .img {
    width: 100%;
    height: 36rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0px 1rem 0px ;
    box-sizing: border-box;
}

.Product_pages .out .box .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transition: 0.5s ease;
}

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

.Product_pages .out .box .txt {
    width: 100%;
    padding: 0px 2rem;
    box-sizing: border-box;
    margin-top: 3rem;
}

.Product_pages .out .box .txt h3 {
    font-weight: 500;
    font-size: 2.5rem;
    color: #515151;
    font-family: 'AlibabaPuHuiTi-Medium';
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Product_pages .out .box:hover .txt h3 {
    color: #DD1004;
}

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

.Cases_pages .out {
    margin-top: 6rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6.6rem 10.5rem;
}

.Cases_pages .out .box {
    width: 48rem;
}

.Cases_pages .out .box .img {
    width: 100%;
    height: 29.4rem;
    overflow: hidden;
    background: #eeeeeed5 ;
}

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

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

.Cases_pages .out .box .text {
    width: 100%;
    padding: 2.2rem 2.2rem 0px 2.5rem;
    box-sizing: border-box;
}

.Cases_pages .out .box .text h3 {
    font-weight: 500;
    font-size: 2.5rem;
    color: #515151;
    font-family: 'AlibabaPuHuiTi-Medium';
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 4rem;
}

.Cases_pages .out .box:hover .text h3 {
    color: #DD1004;
}

.Cases_pages .out .box .text i {
    width: 100%;
    height: 0.1rem;
    display: block;
    background: #DEDEDE;
    margin-bottom: 2rem;
}

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

.Cases_pages .out .box .text .but span {
    font-weight: 400;
    font-size: 1.7rem;
    color: #878787;
}

.Cases_pages .out .box .text .but img {
    display: block;
    width: 2.4rem;
    height: 0.7rem;
    display: block;
    transform: translateY(0.3rem);
}

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

.News_pages .News_swiper {
    width: 100%;
    box-sizing: border-box;
    margin-top: 9rem;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.16);
}

.News_pages .News_swiper .swiper-slide {
    width: 100%;
    display: flex;
    background: #FFF;

}

.News_pages .News_swiper .swiper-slide .img {
    width: 45%;
    height: 48.8rem;
    overflow: hidden;
    border-radius: 1.5rem 0px 0px 1.5rem;
}

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

.News_pages .News_swiper .swiper-slide .right {
    width: 55%;
    padding-left: 6.6rem;
    padding-top: 6.3rem;
    padding-right: 12rem;
    padding-bottom: 7rem;
    box-sizing: border-box;
}

.News_pages .News_swiper .swiper-slide .right .date {
    display: flex;
    align-items: end;
    font-weight: 400;
    font-size: 1.9rem;
    color: #666666;
    margin-bottom: 3rem;
}

.News_pages .News_swiper .swiper-slide .right .date b {
    line-height: 1;
    font-weight: bold;
    font-size: 2.8rem;
    color: #333333;
}

.News_pages .News_swiper .swiper-slide .right h3 {
    font-weight: 500;
    font-size: 3.4rem;
    color: #111111;
    font-family: 'AlibabaPuHuiTi-Medium';
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 3.5rem;
}

.News_pages .News_swiper .swiper-slide:hover .right h3 {
    color: #DD1004;
}

.News_pages .News_swiper .swiper-slide .right p {
    font-weight: 400;
    font-size: 1.8rem;
    color: #666666;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示3行 */
    overflow: hidden;

}

.News_pages .News_swiper .swiper-slide .right .Moer {
    width: 17.3rem;
    height: 5.6rem;
    background: #DD1004;
    box-shadow: 0px 0.3rem 0.6rem 0.1rem rgba(0, 0, 0, 0.08);
    border-radius: 4.1rem;
    margin-top: 7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem 0.5rem 3rem;
    box-sizing: border-box;
}

.News_pages .News_swiper .swiper-slide .right .Moer span {
    font-weight: 400;
    font-size: 1.6rem;
    color: #FFFFFF;
}

.News_pages .News_swiper .swiper-slide .right .Moer .icon {
    width: 4.6rem;
    height: 4.6rem;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.News_pages .News_swiper .swiper-slide .right .Moer .icon img {
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    object-fit: contain;
}

.News_pages .News_swiper .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
}

.News_pages .News_swiper .swiper-pagination-bullet-active {
    background: #DD1004;
}


.News_pages .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5.8rem 9.4rem;
    margin-top: 9rem;
}

.News_pages .out .box {
    width: 48.7rem;
    border-radius: 1.5rem;
    overflow: hidden;
    background: #F3F3F3;
}

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

.News_pages .out .box .img img {
    height: 100%;
    width: 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 {
    width: 100%;
    padding: 3rem 3.8rem 3rem 2.5rem;
    box-sizing: border-box;
}

.News_pages .out .box .text h3 {
    font-weight: 500;
    font-size: 2.2rem;
    color: #333333;
    font-family: 'AlibabaPuHuiTi-Medium';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 6.3rem;
    margin-bottom: 3.6rem;
}

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

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

.News_pages .out .box .text .but_box .date {
    font-weight: 400;
    font-size: 1.9rem;
    color: #666666;
}

.News_pages .out .box .text .but_box .date b {
    font-weight: bold;
    font-size: 2.8rem;
    color: #333333;
    line-height: 1;
}

.News_pages .out .box .text .but_box .icon {
    width: 4.8rem;
    height: 2.7rem;
    border: 0.1rem solid #707070;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.35rem;
}

.News_pages .out .box .text .but_box .icon span {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/10078.png) no-repeat center;
    background-size: contain;
}

.News_pages .out .box:hover .text .but_box .icon {
    background: #DD1004;
    border: 0.1rem solid #DD1004;
}

.News_pages .out .box:hover .text .but_box .icon span {
    background: url(../images/10077.png) no-repeat center;
    background-size: contain;
}

.Service_pages {
    margin: 10rem 0px 6.4rem 0px;
    width: 100%;
}

.Service_pages .out {
    margin-top: 6rem;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 0px 1.2rem 0.1rem rgba(0, 0, 0, 0.19);
}

.Service_pages .out .box {
    width: 33.333%;
    padding: 8rem 5rem 6rem 5rem;
    box-sizing: border-box;
    border-right: 0.1rem solid rgba(112, 112, 112, 0.3);
}

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

.Service_pages .out .box img {
    height: 7rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 4rem;
}

.Service_pages .out .box h3 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #313131;
    text-align: center;
    margin-bottom: 3rem;
}

.Service_pages .out .box .txt {
    margin-bottom: 2rem ;
}

.Service_pages .out .box .txt:last-child {
    margin-bottom: 0px ;
}

.Service_pages .out .box h4{
    font-size: 2rem ;
    color: #DD1004;
    margin-bottom: 1rem ;
}

.Service_pages .out .box p {
    font-weight: 400;
    font-size: 1.7rem;
    color: #333;
    line-height: 1.7em;
    /* padding-left: 2em ; */
    text-indent: 1em ;
    box-sizing: border-box ;
}

.Home_title_service {
    margin-top: 2rem ;
    max-width: 110rem ;
    width: 100% ;
}

.Home_title_service p{
    color: #333;
    font-size: 1.8rem;
    line-height: 1.7em;
}

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

.Online-Message .tit {
    display: flex;
    align-items: end;
}

.Online-Message .tit h2 {
    font-weight: 500;
    font-size: 3rem;
    color: #DD1004;
    line-height: 1;
    font-family: 'AlibabaPuHuiTi-Medium';
}

.Online-Message .tit span:nth-child(2) {
    margin: 0px 1rem;
    display: block;
}

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

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

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

.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;
    font-family: 'AlibabaPuHuiTi-Regular';
}

.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: #DD1004;
    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;
    background: #FFF;
}

.Contact_pages {
    margin: 10rem 0px 10rem 0px;
    width: 100%;
    min-height: 65rem;
    position: relative;
}

.Contact_pages .Map {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 98.4rem;
    height: 64rem;
}

.Contact_pages .Map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Contact_pages .text_list {
    margin-top: 4.5rem;
}

.Contact_pages .text_list h1 {
    font-weight: 500;
    font-size: 3.5rem;
    color: #3E3E3E;
    font-family: 'AlibabaPuHuiTi-Medium';
}

.Contact_pages .text_list ul {
    margin-top: 8.9rem;
}

.Contact_pages .text_list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 7.7rem;
}

.Contact_pages .text_list ul li:last-child {
    margin-bottom: 0px;
}

.Contact_pages .text_list ul li img {
    width: 8.8rem;
    height: 8.8rem;
    display: block;
}

.Contact_pages .text_list ul li .txt {
    margin-left: 3.4rem;
}

.Contact_pages .text_list ul li .txt span {
    font-weight: 400;
    font-size: 2rem;
    color: #999999;
    margin-bottom: 1.2rem;
    display: block;
}

.Contact_pages .text_list ul li .txt b {
    font-weight: 500;
    font-size: 2rem;
    color: #333333;
    display: block;
}

.YX_prev,
.YX_next {
    width: 6.3rem;
    height: 6.3rem;
    background: #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.YX_prev::after,
.YX_next::after {
    font-size: 2rem;
    color: #DD1004;
}

.YX_prev:hover,
.YX_next:hover {
    background: linear-gradient(93deg, #DD1004 0%, #A50900 100%);
}

.YX_prev:hover:after,
.YX_next:hover::after {
    color: #fff;
}

.Workshop_swiper .YX_prev {
    left: 36rem;
}

.Workshop_swiper .YX_next {
    right: 36rem;
}

.Honor_Qualification .out {
    position: relative;
}

.Honor_Qualification .out .YX_prev {
    left: -9rem;
}

.Honor_Qualification .out .YX_next {
    right: -9rem;
}

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

.Product-Details {
    padding: 7rem 0px 6rem 0px;
    background: #fff;
    width: 100%;
}

.Product-Details .container,
.Product-Details-Content .container,
.Product-Details-Relatedproducts .container {
    max-width: 150rem;
}

.Product-Details .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
        /*align-items: center;*/
}

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

.Product-Details .out .left img {
    width: 100%;
    display: block;
}

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

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

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

.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.7rem;
    line-height: 1.6em;
}

.Product-Details .out .right .btn {
    width: 16rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #232323;
    margin-top: 5rem;
    border: 0.1rem solid #DD1004;
    border-radius: 2rem;
}

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

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

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

.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 .Home_title {
    margin-bottom: 3rem;
}

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

.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.8rem;
    line-height: 1.7em;
    color: #2B2B2B;
    font-weight: 500;
}

.Product-Details-Relatedproducts {
    margin-top: 6rem;
    margin-bottom: 10rem;
    width: 100%;
}

.Product-Details-Relatedproducts .out {
    margin-top: 6rem;
    position: relative;
}

.Product-Details-Relatedproducts .swiper-slide {
    width: 32%;
    margin-right: 2%;
    background: #F9F9F9;
    border-radius: 1rem;
    overflow: hidden;
}

.Product-Details-Relatedproducts .swiper-slide:last-child {
    margin-right: 0px;
}

.Product-Details-Relatedproducts .swiper-slide a {
    padding: 1rem;
    box-sizing: border-box;
    display: block;
    padding-bottom: 4rem;
}

.Product-Details-Relatedproducts .swiper-slide .img {
    width: 100%;
    height: 32rem;
    overflow: hidden;
    margin-bottom: 2.4rem;
}

.Product-Details-Relatedproducts .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: 0.5s ease;
}

.Product-Details-Relatedproducts .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.Product-Details-Relatedproducts .swiper-slide .txt {
    width: 100%;
    text-align: center;
}

.Product-Details-Relatedproducts .swiper-slide .txt h3 {
    font-weight: 500;
    font-size: 2.5rem;
    color: #515151;
    font-family: 'AlibabaPuHuiTi-Medium';
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Product-Details-Relatedproducts .swiper-slide:hover .txt h3 {
    color: #DD1004;
}

.Product-Details-Relatedproducts .YX_prev {
    left: -9rem;
}

.Product-Details-Relatedproducts .YX_next {
    right: -9rem;
}




/* 手机版导航 */
.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: #DD1004;
    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: #DD1004;
    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: #DD1004;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 45%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -moz-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -ms-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -o-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transition-delay: 0.12s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination>li {
    display: inline;
}

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

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

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

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #DD1004;
    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: #DD1004;
    border-color: #DD1004;
    cursor: default;
}

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

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

.FAQ_pages .out .box {
    width: 100% ;
    margin-bottom: 2rem ;
}

.FAQ_pages .out .box h3{
    color: #DD1004 ;
    font-size: 2rem ;
    margin-bottom: 1rem ;
}

.FAQ_pages .out .box p{
    font-size: 1.7rem ;
    color: #333 ;
    font-weight: 400 ;
    line-height: 1.5em ;
    padding-left: 2em ;
    box-sizing: border-box ;
}

@media (max-width:1440px) {
    .nav .nav_list .nav_item {
        margin-right: 7rem;
    }

    .banner_swiper .swiper-slide .text .container {
        padding-top: 27rem;
    }

    .banner_swiper .swiper-slide .text h2 {
        font-size: 5.2rem;
        margin-bottom: 3rem;
    }

    .banner_swiper .swiper-slide .text p {
        font-size: 2.4rem;
    }

    .banner_swiper .swiper-pagination {
        bottom: 4.6rem;
    }

    .banner_swiper .but_list {
        bottom: 3rem;
    }

    .About .out {
        width: 90%;
    }

    .About .out .left .text span {
        font-size: 2.9rem;
    }

    .Digital_scrolling .box .txt h2 {
        font-size: 4.8rem;
    }

    .Service_Introduction {
        height: 72.9rem;
    }

    .Service_Introduction .list .box h3 {
        font-size: 3rem;
    }

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

    .Home_title2 .list a {
        margin-right: 4rem;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide .img {
        height: 34rem;
    }

    .Recommend_Product .out {
        margin-top: 6rem;
    }

    .Case_Show .out .left .Case_swiper {
        height: 39.4rem;
    }

    .Case_Show .out .left .Case_swiper .swiper-slide .text {
        padding: 7rem 9rem 5rem 8rem;
    }

    .Case_Show .out .left .Case_swiper .swiper-slide .text h3 {
        font-size: 3rem;
    }

    .Case_Show .out .left .Case_swiper .swiper-slide .text .icon {
        height: 5rem;
    }

    .Case_Show .out .left .Case_but_box h3 {
        font-size: 3rem;
    }

    .Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide {
        width: 32%;
        margin-right: 2%;
        height: 12rem;
    }

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

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

    .banner_pages .text .container {
        padding-top: 20rem;
    }

    .Workshop_swiper .swiper-slide {
        width: 50%;
    }

    .Workshop_swiper .swiper-slide {
        height: 43rem;
    }

    .Workshop_swiper .YX_next {
        right: 29rem;
    }

    .Workshop_swiper .YX_prev {
        left: 29rem;
    }

    .Honor_Qualification .out .YX_prev {
        left: 0px;
    }

    .Honor_Qualification .out .YX_next {
        right: 0px;
    }

    .Honor_Qualification .Home_swiper .swiper-slide .img {
        height: 34rem;
    }

    .Honor_Qualification .Home_swiper .swiper-slide {
        height: 46.3rem;
    }

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

    .Product_pages .out .box a {
        padding-bottom: 3rem;
    }

    .Product-Details-Relatedproducts .YX_prev {
        left: 0px;
    }

    .Product-Details-Relatedproducts .YX_next {
        right: 0px;
    }

    .Cases_pages .out {
        gap: 5rem 2%;
    }

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

    .News_pages .News_swiper .swiper-slide .img {
        height: 47rem;
    }

    .News_pages .out {
        gap: 5rem 2%;
    }

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

    .Contact_pages .Map {
        width: 55%;
        height: auto;
    }

    .Case_Show .out .right {
        height: 70rem ;
    }

    .Case_Show .out .right .box .text .txt {
        transform: translateY(36% );
    }

    .banner_swiper .swiper-slide .img {
        height: 69rem ;
    }

}

@media (max-width: 1199px) {
    .nav .nav_list .nav_item .title {
        font-size: 1.8rem;
    }

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

    .banner_swiper .swiper-slide .text .container {
        padding-top: 20rem;
    }

    .banner_swiper .swiper-slide .text h2 {
        font-size: 4rem;
        margin-bottom: 2rem;
    }

    .banner_swiper .swiper-slide .text p {
        font-size: 2rem;
        line-height: 1.5em;
    }

    .nav {
        height: 8.5rem;
    }

    .About {
        padding: 8rem 0px 8rem 0px;
    }

    .Recommend_Product,
    .Case_Show,
    .News {
        margin: 8rem 0px;
    }

    .About .out .right {
        width: 48%;
        height: auto;
    }

    .About .out .left {
        width: 52%;
        padding-right: 5rem;
    }

    .Digital_scrolling .box .txt h2 {
        font-size: 4rem;
    }

    .Digital_scrolling .box .tit i {
        margin-bottom: 3rem;
    }

    .Digital_scrolling .box .txt .icon {
        width: 3.1rem;
        height: 3.1rem;
        font-size: 1.7rem;
        margin-left: 1.5rem;
    }

    .Service_Introduction .list .box h3 {
        font-size: 2.4rem;
    }

    .Home_title2 h2 {
        font-size: 2.6rem;
        max-width: 33rem;
    }

    .Home_title2 .list a {
        font-size: 1.8rem;
        margin-right: 3rem;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide .img {
        height: 30rem;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide h3 {
        font-size: 2rem;
    }

    .Case_Show .out .right .box .text {
        padding: 5rem 3rem 5rem 3rem;
    }

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

    .Case_Show .out .left .Case_swiper {
        height: 33rem;
    }

    .Case_Show .out .left .Case_swiper .swiper-slide .text {
        padding: 4rem 4rem;
        box-sizing: border-box;
    }

    .Case_Show .out .left .Case_but_box {
        padding: 2rem 2rem 0px 2rem;
    }

    .Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide {
        height: 10rem;
    }

    .News .out {
        width: 100%;
        padding-left: 5%;
        margin: 0 auto;
        margin-top: 7rem;
    }

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

    .News .out .swiper-slide .img {
        width: 40%;
        height: 15rem;
    }

    .News .out .swiper-slide .text {
        width: 80%;
        padding: 4.9rem 2.3rem 3.5rem 14rem;
        height: 25.4rem;
    }

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

    .News .out .swiper-slide .text span {
        font-size: 1.6rem;
    }

    .Bottom_slogan {
        height: 30rem;
    }

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

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

    .Workshop_swiper .swiper-slide {
        height: 36rem;
    }

    .Workshop_swiper .YX_prev {
        left: 23rem;
    }

    .Workshop_swiper .YX_next {
        right: 23rem;
    }

    .Honor_Qualification .Home_swiper .swiper-slide {
        width: 32%;
    }

    .Product_pages {
        margin: 8rem 0px;
    }

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

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

    .Cases_pages {
        margin: 8rem 0px;
    }

    .Cases_pages .out .box .img {
        height: 23.4rem;
    }

    .News_pages .News_swiper .swiper-slide .img {
        height: 36rem;
    }

    .News_pages .News_swiper .swiper-slide .right .date {
        margin-bottom: 2rem;
    }

    .News_pages .News_swiper .swiper-slide .right h3 {
        margin-bottom: 2rem;
    }

    .News_pages .News_swiper .swiper-slide .right .Moer {
        margin-top: 5rem;
    }

    .News_pages .News_swiper .swiper-slide .right {
        padding: 4rem 5rem;
        box-sizing: border-box;
    }

    .News_pages .News_swiper .swiper-slide .right h3 {
        font-size: 3rem;
    }

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

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

    .Contact_pages .text_list ul li {
        margin-bottom: 5rem;
    }

    .Contact_pages .text_list ul li img {
        width: 7rem;
        height: 7rem;
    }

    .Contact_pages {
        min-height: auto;
    }

    .Case_Show .out .right {
        height: 58rem ;
    }

    .banner_swiper .swiper-slide .img{
        height: 61rem ;
    }

}

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

    .nav {
        background: #FFF;
    }

    .banner_swiper {
        margin-top: 8.5rem;
    }

    .banner_swiper .swiper-slide .text .container {
        padding-top: 13rem;
    }

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

    .About .out .left {
        width: 100%;
        padding-right: 0px;
    }

    .About .out .right {
        width: 100%;
        margin-top: 5rem;
    }

    .Digital_scrolling .container {
        flex-wrap: wrap;
        gap: 3rem 0px;
    }

    .Digital_scrolling .box {
        width: 48%;
    }

    .Service_Introduction .list .box .text {
        padding: 2rem;
    }

    .Service_Introduction .list .box h3 {
        font-size: 2rem;
    }

    .Service_Introduction .list .box .Moer {
        width: 60%;
        height: 3.4rem;
        font-size: 1.5rem;
    }

    .Service_Introduction .list .box .Moer span {
        width: 1rem;
        height: 1rem;
        margin-left: 0.6rem;
    }

    .Service_Introduction {
        height: 55rem;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide {
        width: 40%;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide .img {
        height: 27rem;
    }

    .Home_title2 {
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .Home_title2 h2 {
        max-width: 70%;
    }

    .Home_title2 .list {
        width: 100%;
        justify-content: left;
        margin-top: 3rem;
    }

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

    .Case_Show .out .left .Case_swiper .swiper-slide .text {
        padding: 3rem;

    }

    .Case_Show .out .left .Case_swiper .swiper-slide .text h3 {
        font-size: 2.6rem;
        margin-bottom: 2rem;
    }

    .Case_Show .out .left .Case_but_box h3 {
        font-size: 2.6rem;
    }

    .Case_Show .out .left .Case_swiper {
        height: 26rem;
    }

    .Case_Show .out .left .Case_swiper .swiper-slide .text .icon {
        height: 4rem;
    }

    .Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide {
        height: 8rem;
    }

    .Case_Show .out .left .Case_but_box .Case_swiper2 {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }

    .Case_Show .out .left .Case_but_box .Moer {
        font-size: 1.6rem;
    }

    .Case_Show .out .right .box .text {
        padding: 3rem 1.5rem;
    }

    .Case_Show .out .right .box .text .icon {
        height: 3.5rem;
        margin-bottom: 1.5rem;
    }

    .Case_Show .out .right .box .text h3 {
        font-size: 2rem;
    }

    .Case_Show .out .right .box .text span {
        font-size: 1.5rem;
    }

    .Case_Show .Home_title2 h2 {
        max-width: 70%;
    }

    .News .out .swiper-slide .text {
        padding: 2.9rem 2.3rem 2.5rem 12rem;
        height: 20.4rem;
    }

    .News .out .swiper-slide .text span {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .Bottom_slogan {
        height: 24rem;
    }

    .Bottom_slogan .container {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .Bottom_slogan h2 {
        width: 100%;
        text-align: center;
        max-width: 100%;
        font-size: 2.4rem;
    }

    .Bottom_slogan .Moer {
        margin: 0 auto;
        margin-top: 4rem;
        font-size: 1.6rem;
        width: 16rem;
        height: 4rem;
    }

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

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

    #footer .Friendship-Link {
        padding-bottom: 4rem;
        margin-top: 3rem;
    }

    .Workshop_swiper .swiper-slide {
        width: 70%;
    }

    .Workshop_swiper .YX_prev {
        left: 6rem;
    }

    .Workshop_swiper .YX_next {
        right: 6rem;
    }

    .Workshop_swiper .swiper-slide {
        height: 39rem;
    }

    .Honor_Qualification .Home_swiper .swiper-slide a {
        padding: 1rem 2rem;
    }

    .Honor_Qualification .Home_swiper .swiper-slide .txt h3 {
        font-size: 2rem;
    }

    .Honor_Qualification .Home_swiper .swiper-slide {
        height: 42.3rem;
    }

    .Honor_Qualification .Home_swiper .swiper-slide .txt {
        padding-top: 1.5rem;
        margin-top: 1.7rem;
    }

    .banner_pages {
        margin-top: 8.5rem;
    }

    .banner_pages .text .container {
        padding-top: 11rem;
    }

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

    .Product-Details-Relatedproducts .swiper-slide {
        width: 48%;
    }

    .Cases_pages .out .box .img {
        height: 18rem;
    }

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

    .Cases_pages .out .box .text .but span {
        font-size: 1.6rem;
    }

    .Cases_pages .out .box .text {
        padding: 2rem 1rem 0px 1rem;
    }

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

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

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

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

    .Service_pages .out .box {
        padding: 3rem;
        width: 100%;
        border-bottom: 0.1rem solid rgba(112, 112, 112, 0.3);
    }

    .Contact_pages .Map {
        position: relative;
        width: 100%;
        margin-top: 4rem;
    }

    .Contact_pages {
        margin: 8rem 0px;
    }

    .menu-toggle {
        display: flex;
    }

    .Case_Show .out .right {
        height: 48rem ;
    }

    .Case_Show .out .right .box .text .txt {
        transform: translateY(48%);
    }

    .banner_swiper .swiper-slide .img {
        height: 47rem ;
    }

}

@media (max-width: 767px) {
    .banner_swiper .swiper-slide .text h2 {
        line-height: 1.5em;
    }

    .About {
        padding: 6rem 0px;
    }

    .Service_Introduction .list {
        flex-wrap: wrap;
    }

    .Service_Introduction .list .box {
        width: 50%;
        height: 50%;
        border-bottom: 0.1rem solid #ADAEB3;
        padding: 2rem;
        box-sizing: border-box;
    }

    .Service_Introduction .list .box .text {
        padding: 0px;
        transform: translateY(0px);
    }

    .Service_Introduction .list .box p {
        font-size: 1.5rem;
        margin-bottom: 3rem;
        -webkit-line-clamp: 3;
        height: 7.8rem;
    }

    .Service_Introduction .list .box h3 {
        margin-bottom: 1.5rem;
    }

    .Recommend_Product,
    .Case_Show,
    .News {
        margin: 6rem 0px;
    }

    .Home_title2 .list {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .Recommend_Product .out {
        margin-top: 3rem;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide {
        width: 60%;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide .img {
        height: 33rem;
    }

    .Case_Show .out {
        width: 90%;
        margin: 0 auto;
        margin-top: 4rem;
    }

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

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

    .Case_Show .out .left .Case_swiper {
        height: 44rem;
    }

    .Case_Show .out .left .Case_swiper .swiper-slide .text {
        padding: 5rem 4rem;
    }

    .Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide {
        height: 13rem;
    }

    .News .out .swiper-slide {
        width: 70%;
    }

    .Workshop_swiper .swiper-slide {
        height: 33rem;
    }

    .Honor_Qualification .Home_swiper .swiper-slide {
        width: 48%;
    }

    .Honor_Qualification .Home_swiper .swiper-slide {
        height: 44rem;
    }

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

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

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

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

    .Product-Details .out .right {
        width: 100%;
    }

    .Product-Details-Relatedproducts .swiper-slide .img {
        height: 25rem;
    }

    .Product-Details-Relatedproducts .swiper-slide .txt h3 {
        font-size: 2rem;
    }

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

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

    .Cases_pages .out .box .img {
        height: 22rem;
    }

    .Cases_pages {
        margin: 6rem 0px;
    }

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

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

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

    .News_pages {
        margin: 6rem 0px;
    }

    .News_pages .News_swiper {
        margin-top: 4rem;
    }

    .Service_pages {
        margin-top: 6rem;
    }

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

    .Contact_pages {
        margin: 6rem 0px;
    }

    .banner_swiper .swiper-slide .img {
        height: 40rem ;
    }

}

@media (max-width: 575px) {
    .banner_swiper .swiper-slide .text .container {
        padding-top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner_swiper .swiper-slide .text p {
        display: none;
    }

    .banner_swiper .swiper-slide .text h2 {
        text-align: center;
        font-size: 2.4rem;
    }

    .About .out .left .text {
        margin-top: 2rem;
    }

    .Digital_scrolling .box .txt h2 {
        font-size: 3.4rem;
    }

    .Home_title2 h2 {
        max-width: 100%;
        font-size: 2.4rem;
    }

    .Home_title2 .list a {
        margin-right: 0px;
    }

    .Recommend_Product .Recommend_swiper .swiper-slide {
        width: 100%;
    }

    .Case_Show .Home_title2 h2 {
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .Case_Show .out .left .Case_swiper {
        height: 30rem;
    }

    .Case_Show .out .left .Case_but_box .Case_swiper2 .swiper-slide {
        width: 48.5%;
    }

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

    .News .out .swiper-slide {
        flex-wrap: wrap;
    }

    .News .out .swiper-slide .img {
        width: 100%;
        height: 29rem;
        position: relative;
        transform: translateY(0px);
        border-radius: 2rem;
    }

    .News .out .swiper-slide .text {
        width: 100%;
        padding: 2rem;
    }

    .News .out {
        width: 90%;
        padding-left: 0px;
    }

    .banner_pages .text .container {
        padding-top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

    .Honor_Qualification .Home_swiper .swiper-slide {
        width: 100%;
    }

    .Honor_Qualification .Home_swiper .swiper-slide {
        width: 70%;
    }

    .Product_pages .out {
        gap: 3rem 0px;
    }

    .Product_pages .out .box .img {
        height: 16rem;
    }

    .Product_pages .out .box a {
        padding-bottom: 2rem;
    }

    .Product_pages {
        margin: 6rem 0px;
    }

    .Product-Details-Relatedproducts .swiper-slide {
        width: 100%;
    }

    .Cases_pages .out .box .img {
        height: 14rem;
    }

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

    .News_pages .News_swiper .swiper-slide .img {
        height: 29rem;
    }

    .News_pages .News_swiper .swiper-slide .right {
        padding: 2rem 2rem 4rem 2rem;
    }

    .banner_swiper .swiper-slide .img {
        height: 25rem ;
    }

}



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

/* 这个不固定：根据设计图最大宽度进行调整 */
@media (max-width: 1700px) {
    html {
        font-size: clamp(5px, calc(100vw / 192), 10px);
    }
}

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

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

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

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

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