.pc {
    display: block!important;
}
.mobile {
    display: none!important;
}
.pcflex {
    display: flex!important;
}
.mflex {
    display: none!important;
}

/*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
.m_header-box {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.m_header-contact {
    height: .8rem;
    border-radius: .12rem .12rem 0 0;
    background: #010101;
    display: flex;
    justify-content: center;
    align-items: center;
}
.m_header-contact a {
    color: #FFF;
    font-size: .28rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.m_header-contact img {
    display: block;
    width: .36rem;
    height: .36rem;
    margin-right: .24rem;
}
.m_header-contact span {
    width: 1px;
    height: .2rem;
    background: rgba(255,255,255,.5);
    margin-left: .48rem;
    margin-right: .48rem;
}
.m_header{
    width: 100%;
    background-color: #ffffff;
    padding:10px 15px;
    z-index: 98;
    display:flex!important;
    justify-content:space-between;
    transition:all 0.5s;
    height: 1rem;
}
.m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.m_header .logo{width: 2.4rem;}
.m_header .logo img{width: 100%;display:block;}
.m_header .right{display: flex;align-items: center;}
.m_header .right .ser{width: 20px;margin-right: 18px;}
.m_header .right .ser img{width: 100%;}
.m_header .btn{display: block;}
.m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
.m_header .btn.hide{opacity: 0;}
.m_header .btn div{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
.m_header .btn div:nth-child(1){transform: translate(0,-8px);}
.m_header .btn div:nth-child(2){transform: translate(12px,0);width: 12px;}
.m_header .btn div:nth-child(3){transform: translate(0px,8px);}
.m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
.m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
.m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
.m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center}

.right-search {
    display: block;
    width: .48rem;
    height: .48rem;
    margin-right: .32rem;
}
.right-search img {
    display: block;
    width: 100%;
    height: 100;
}
.right-lang {
    display: block;
    width: .48rem;
    height: .48rem;
    margin-right: .32rem;
}
.right-lang img {
    display: block;
    width: 100%;
    height: 100%;
}


.mh_nav{display: block!important;}
.mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.mh_nav.show{transform: translateX(0);}
.mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
.mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
.mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
.mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li.on:after{transform: rotate(0deg);}
.mh_nav .nav>li:nth-child(1):after{display: none;}
.mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
.mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
.mh_nav .nav>li .nav1 a{padding:6px 0;}
.mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
.mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}
.mh_nav .nav>li:nth-child(4) .nav1{display:none!important;}
.hon3-tool {
    display: flex;
    flex-direction: row-reverse;
}
.showmbg {
    display: none;
}
@media screen and (max-width: 834px) {
    .pc {
        display: none!important;
    }
    .mobile {
        display: block!important;
    }
    .pcflex {
        display: none!important;
    }
    .mflex {
        display: flex!important;
    }
    html {
        font-size: calc(100vw / 7.5);
    }
    .header .h_top .h_lag {
        display: none;
    }
    .header .h_top {
        height: .8rem;
        padding: 0 .36rem;
        justify-content: flex-start;
    }
    .header .h_top a img {
        display: block;
        width: 0.4rem;
        height: 0.4rem;
        margin-right: 0.24rem;
    }
    .header .h_top a {
        font-size: .28rem;
        font-weight: 500;
    }
    .header .h_top span {
        height: .2rem;
        margin: 0 0.3rem;
    }
    .banners .banner {
        height: 6rem;
    }
    .banners .banner .swiper-slide .box .txt {
        left: .32rem;
        top: 1.4rem;
        width: 5.1rem;
    }
    .banners .banner .swiper-slide .box .txt .h {
        color: #FFF;
        font-size: .36rem;
        font-weight: 600;
        margin-bottom: .32rem;
    }
    .banners .banner .swiper-slide .box .txt .p {
        color: #FFF;
        font-size: .24rem;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
    }
    .banners .banner .swiper-slide .box .txt .more {
        width: 2.34rem;
        height: .76rem;
        padding: .2rem .28rem;
        color: #FFF;
        font-size: .24rem;
        font-weight: 400;
    }
    .banners .banner .swiper-slide .box .txt .more img {
        width: .32rem;
        height: .32rem;
    }
    .part1 {
        height: auto;
    }
    .part1 .con {
        padding: 1.4rem .32rem 2.2rem;
        background: url(../img/ip1_bj.jpg) no-repeat center top;
        background-size: cover;
        height: auto;
        position: static;
    }
    .part1 .con .top .more_red {
        padding: .18rem .4rem;
        color: #FFF;
        font-size: .28rem;
        font-weight: 500;
        line-height: 1.5;
    }
    .part1 .con .top .tit {
        color: #FFF;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
    }
    .part1 .con .txt1 {
        width: 100%;
        color: #FFF;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 2;
        left: 0;
        top: 0;
    }
    .part1 .con .txt1 {
        position: relative;
        transform: translateX(0);
    }
    .part1 .con .txt2 {
        opacity: 1;
        flex-wrap: wrap;
        padding: 0 .32rem;
        row-gap: .6rem;
        position: static;
        margin-top: .8rem;
    }
    .part1 .con .txt2 .item {
        width: 50%;
    }
    .part1 .con .txt2 .item .nums .num {
        color: #FFF;
        font-size: .6rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .part1 .con .txt2 .item .nums .dw {
        color: #FFF;
        font-size: .3rem;
        font-weight: 600;
    }
    .part1 .con .txt2 .item .p {
        color: #FFF;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.57;
    }
    .part1 .con .list {
        position: static;
        flex-direction: column;
        opacity: 1;
    }
    .part1 .con .qiu {
        position: static;
        transform: translateX(0) scale(1);
        opacity: 1;
        width: 100%;
    }
    .part1 .con .list .item {
        width: 100%;
        padding: .44rem;
    }
    .part1 .con .list .item .icon {
        width: .72rem;
        height: .72rem;
        margin-bottom: .4rem;
    }
    .part1 .con .list .item .h {
        color: #FFF;
        font-size: .32rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: .36rem;
    }
    .part1 .con .list .item .p {
        color: #FFF;
        font-size: .28rem;
        font-weight: 400;
        line-height: 2;
    }
    .banners .banner .prev {
        display: none;
    }
    .banners .banner .next {
        display: none;
    }
    .banners .banner .swiper-pagination {
        display: none;
    }
    .part2 {
        padding-top: 1.6rem;
        padding-bottom: 1.44rem;
        height: auto;
    }
    .part2 .top .more_red {
        margin-bottom: .36rem;
        padding: .18rem .4rem;
        color: #FFF;
        font-size: .28rem;
        font-weight: 500;
        line-height: 1.5;
    }
    .part2 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        padding-left: .32rem;
        padding-right: .32rem;
        margin-bottom: .8rem;
    }
    .part2 .cons {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
    .part2 .cons .con {
        width: 100%;
    }
    .part2 .cons .con .item {
        height: 9.2rem;
    }
    .part2 .cons .con .item .icon {
        top: 0.5rem;
        left: .5rem;
    }
    .part2 .cons .con .item .txt1 {
        display: block;
        width: 6.86rem;
    }
    .part2 .cons .con .item .txt2 {
        display: none;
    }
    .part2 .cons .con .item .txt1 {
        left: .32rem;
        bottom: .74rem;
    }
    .part2 .cons .con .item .txt1 .h {
        color: #FFF;
        font-size: .32rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .part2 .cons .con .item .txt1 .p {
        margin-bottom: .48rem;
        color: #FFF;
        font-size: .26rem;
        font-weight: 400;
        line-height: 169.231%;
    }
    .part2 .cons .con .item .txt1 .more {
        padding: .2rem .28rem;
        color: #FFF;
        font-size: .28rem;
        font-weight: 400;
    }
    .part2 .cons .con .item .txt1 .more img {
        width: .32rem;
        height: .32rem;
    }
    .swiper-conpagi {
        margin-left: .32rem;
    }
    .swiper-conpagi .swiper-slide {
        width: auto;
        margin-right: .8rem;
        color: rgba(34, 24, 21, 0.35);
        font-size: .32rem;
        font-weight: 400;
        line-height: 2;
    }
    .swiper-conpagi .swiper-slide.active {
        color: #221815;
    }
    .con-pagination {
        margin-top: .4rem;
    }
    .part3 {
        padding: 1rem 0 1.18rem;
    }
    .part3 .top {
        margin-bottom: .88rem;
    }
    .part3 .top .more_red {
        padding: .18rem .4rem;
        color: #FFF;
        font-size: .28rem;
        font-weight: 500;
        margin-bottom: .36rem;
    }
    .part3 .top .tit {
        padding-left: .32rem;
        padding-right: .32rem;
        color: #221815;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .part3 .con .swiper-slide {
        padding: 0 .32rem;
    }
    .part3 .tab {
        justify-content: flex-start;
        overflow-x: auto;
        padding-left: .32rem;
        padding-right: .32rem;
        margin-bottom: .6rem;
    }
    .part3 .tab::-webkit-scrollbar {
        height: 0;
    }
    .part3 .tab li {
        flex-shrink: 0;
        padding: 0;
    }
    .part3 .con .next {
        top: auto;
        bottom: 0;
        transform: translateY(0);
        right: .32rem;
    }
    .part3 .con .prev {
        top: auto;
        bottom: 0;
        transform: translateY(0);
        left: .32rem;
    }
    .part4 {
        height: auto;
    }
    .part4 {
        padding-top: 1.54rem;
    }
    .part4 .top {
        position: static;
        margin-bottom: 1.2rem;
    }
    .part4 .top .more_red {
        padding: .18rem .4rem;
        color: #FFF;
        font-size: .28rem;
        font-weight: 500;
        margin-bottom: .36rem;
    }
    .part4 .top .tit {
        padding-left: .32rem;
        padding-right: .32rem;
        color: #221815;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .part4 .con .list {
        overflow-x: auto;
        width: auto;
        position: static;
    }
    .part4 .con .list::-webkit-scrollbar {
        height: 0;
    }
    .part4 .con .list .item {
        width: 2.2rem;
        height: 3.28rem;
        flex-shrink: 0;
        margin-right: .1rem;
        transform: translateY(.6rem);
    }
    .part4 .con {
        height: auto;
        overflow: visible;
    }
    .part5 .top .t_left {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .part5 .top {
        padding: 0;
    }
    .part5 .top .t_left .more_red {
        padding: .18rem .4rem;
        margin-bottom: .36rem;
    }
    .part5 .top .t_left .tit {
        text-align: center;
        color: #221815;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .part5 .list .item {
        flex-direction: column;
        padding: .52rem .4rem .6rem;
    }
    .part5 .list .item .left {
        flex-direction: column;
        width: 100%;
        margin-bottom: .24rem;
    }
    .part5 .list .item .left .h {
        width: 100%;
    }
    .part5 .list .item .p {
        width: 100%;
    }
    .part5 .list .item .left .h {
        color: #221815;
        font-size: .28rem;
        font-weight: 500;
        line-height: 2;
        height: auto;
    }
    .part5 .list .item .p {
        color: #666;
        font-size: .24rem;
        font-weight: 400;
        line-height: 2;
    }
    .part5 .list .item .left .day {
        color: #221815;
        font-size: .24rem;
        font-weight: 400;
        line-height: 1.167;
        margin-bottom: .44rem;
    }
    .part6 {
        padding-top: 1.8rem;
    }
    .part6 .top {
        position: static;
    }
    .part6 .top .more_red {
        padding: .18rem .4rem;
        color: #FFF;
        font-size: .28rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: .36rem;
    }
    .part6 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
    }
    .part6 .con .swiper-slide {
        padding: 0;
    }
    .part6 .con .swiper-slide {
        opacity: 1;
    }
    .part6 .con .swiper-slide .icon {
        height: 2rem;
    }
    
    .footer .f_top {
        padding: .64rem .4rem .72rem;
    }
    .footer-nav-parent {
        margin-bottom: .72rem;
    }
    .footer-nav-parent:last-child {
        margin-bottom: 0;
    }
    .footer-nav-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-nav-top a {
        color: #FFF;
        font-size: .32rem;
        font-weight: 500;
    }
    .footer-nav-icon {
        width: .48rem;
        height: .48rem;
    }
    .footer-nav-icon img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .footer-nav-icon .footer-nav-plus {
        display: block;
    }
    .footer-nav-icon .footer-nav-close {
        display: none;
    }
    .footer-nav-parent.on .footer-nav-icon .footer-nav-plus {
        display: none;
    }
    .footer-nav-parent.on .footer-nav-icon .footer-nav-close {
        display: block;
    }
    .footer-nav-son {
        padding-top: .4rem;
        display: none;
    }
    .footer-nav-sonbox {
        display: flex;
        flex-direction: column;
        row-gap: .28rem;
    }
    .footer-nav-son a {
        color: #FFF;
        font-size: .28rem;
        font-weight: 400;
    }
    .f_bottom_m {
        width: 100%;
        padding: .4rem;
        border-radius: .32rem;
        background: #2a2a2a;
    }
    .f_bottom_m-top {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        font-size: .28rem;
        font-weight: 400;
        margin-bottom: .24rem;
    }
    .f_bottom_m-top span {
        width: 1px;
        height: .2rem;
        background: #ffffff;
        margin-left: .4rem;
        margin-right: .4rem;
    }
    .f_bottom_m-address {
        color: #FFF;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        margin-bottom: .44rem;
    }
    .f_bottom_m-bei {
        display: block;
        width: 6.3rem;
        margin: 0 auto;
        color: rgba(255,255,255,.5);
        text-align: center;
        font-size: .24rem;
        font-weight: 300;
        line-height: 1.5;
        margin-bottom: .2rem;
    }
    .f_bottom_m-bei a {
        color: rgba(255,255,255,.5);
        font-size: .24rem;
    }
    .f_bottom_m-other {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .f_bottom_m-other a {
        color: rgba(255,255,255,.5);
        font-size: .24rem;
        font-weight: 300;
    }
    .f_bottom_m-other span {
        margin-left: .1rem;
        margin-right: .1rem;
        width: 1px;
        height: .2rem;
        background: rgba(255,255,255,.5);
    }
    
    .ab_banner .pic {
        height: 6rem;
    }
    .bra1 {
        padding: 1rem 0 0;
    }
    .bra1 .top {
        margin-bottom: .66rem;
    }
    .bra1 .top .tit {
        width: 6.86rem;
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin: 0 auto .48rem;
    }
    .bra1 .top .p {
        width: 6.86rem;
        color: #333;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .bra1 .bottom {
        width: 6.86rem;
        height: 4.4rem;
        border-radius: .36rem;
        margin: 0 auto;
    }
    .bra1 .bottom video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .bra2 {
        padding: 1.6rem 0;
    }
    .bra2 .top .tit {
        width: 6.86rem;
        color: #221815;
        text-align: center;
        font-size: .36rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .2rem;
    }
    .bra2 .top .p {
        width: 6.86rem;
        color: #333;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
    }
    .bra2 .center {
        width: 6.86rem;
        margin: 0 auto;
    }
    .bra2 .center .swiper-slide {
        padding: 0;
        flex-direction: column;
    }
    .bra2 .center .swiper-slide {
        width: 100%;
    }
    .bra2 .center .swiper-slide .txt .year {
        color: #000;
        font-size: 1rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .bra2 .center .swiper-slide .txt {
        width: 100%;
    }
    .bra2 .center .swiper-slide .pic {
        width: 100%;
        height: 4rem;
        border-radius: .2rem;
    }
    .bra2 .bottoms {
        padding: 0.06rem 0 0 0;
        margin-top: .4rem;
    }
    .bra2 .bottoms .bottom {
        padding: 0;
    }
    .bra2 .bottoms .next {
        width: .92rem;
        height: .6rem;
        right: .3rem;
    }
    .bra2 .bottoms .prev {
        width: .92rem;
        height: .6rem;
        left: .3rem;
    }
    .bra2 .bottoms .bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 1.67rem;
        height: 70%;
        background-color: #ffffff;
        z-index: 4;
    }
    .bra2 .bottoms .bottom::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 1.67rem;
        height: 70%;
        background-color: #ffffff;
        z-index: 4;
    }
    .cul1 {
        padding: 1rem .32rem 1.6rem;
    }
    .cul1 .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .8rem;
    }
    .cul1 .box {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    .cul1 .box .txt {
        width: 100%;
    }
    .cul1 .box .txt .h {
        color: #E60012;
        text-align: center;
        font-size: .28rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .32rem;
    }
    .cul1 .box .txt .p {
        color: #221815;
        text-align: center;
        font-size: .4rem;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: .6rem;
    }
    .cul1 .box .pic {
        width: 6.86rem;
        height: 4.2rem;
        border-radius: .4rem;
    }
    .cul1 .box:nth-child(2n-1) {
        flex-direction: column;
        margin-bottom: 0;
    }
    .cul2 .con .con1 {
        flex-direction: column;
    }
    .cul2 {
        padding: 0 .32rem 1.6rem;
    }
    .cul2 .con {
        height: auto;
        padding: .84rem .32rem;
    }
    .cul2 .con .tit {
        text-align: center;
        color: #FFF;
        font-size: .36rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .cul2 .con .con1 .left .list .item span {
        color: #221815;
        font-size: .28rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5;
    }
    .cul2 .con .con1 .left .list .item:nth-child(4) span {
        top: 2.35rem;
        right: 0.3rem;
    }
    .cul2 .con .con1 .left .list .item:nth-child(3) span {
        top: 1.5rem;
        left: 0.5rem;
    }
    .cul2 .con .con1 .left .list .item:nth-child(1) span {
        right: .6rem;
    }
    .cul2 .con .con1 .left .list .item:nth-child(2) span {
        top: 0.3rem;
        left: 0.3rem;
    }
    .cul2 .con .con1 .left .center {
        width: 1.7rem;
        height: 1.7rem;
    }
    .cul2 .con .con1 .right {
        width: 100%;
        position: relative;
    }
    .cul2 .con .con1 .right .con1 {
        width: 6.86rem;
        margin-top: .4rem;
    }
    .cul2 .con .con1 .right .next {
        position: absolute;
        width: .92rem;
        height: .6rem;
        top: .42rem;
        right: .44rem;
    }
    .cul2 .con .con1 .right .prev {
        position: absolute;
        width: .92rem;
        height: .6rem;
        top: .42rem;
        right: 1.76rem;
    }
    .cul2 .con .con1 .right .con1 .swiper-slide {
        padding: .48rem .4rem;
    }
    .cul2 .con .con1 .right .con1 .swiper-slide .tit1 {
        color: #FFF;
        font-size: .32rem;
        font-style: italic;
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: .52rem;
    }
    .cul2 .con .con1 .right .con1 .swiper-slide .txt .h_1 {
        color: #FBFBFB;
        font-size: .32rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    .cul2 .con .con1 .right .con1 .swiper-slide .txt .p {
        color: #FBFBFB;
        font-size: .28rem;
        font-weight: 300;
        line-height: 171.429%;
        margin-bottom: .4rem;
    }
    .cul2 .con .con1 .right .con1 .swiper-slide .txt li {
        color: #FBFBFB;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: .24rem;
    }
    .cul2 .con .con1 .right .con1 .swiper-slide .txt li:last-child {
        margin-bottom: 0;
    }
    
    .hon1 {
        padding: 1rem 0 1.4rem;
    }
    .hon1 .top {
        margin-bottom: .72rem;
    }
    .hon1 .top .tit {
        width: 6.84rem;
        margin: 0 auto .28rem;
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .hon1 .top .p {
        width: 6.84rem;
        margin: 0 auto;
        color: #333;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .hon1 .con {
        position: relative;
    }
    .hon1 .con .mask {
        opacity: 1;
    }
    .hon2 {
        padding: 1rem 0 1.2rem;
    }
    .hon2 .left {
        width: 6.86rem;
        margin: 0 auto;
    }
    .hon2 .right {
        position: static;
    }
    .hon2 .top .tit {
        color: #FFF;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .28rem;
    }
    .hon2 .top .p {
        opacity: 1;
        color: #FFF;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .hon2 .right {
        width: 100%;
    }
    
    .hon2 .right .pic {
        width: 6.86rem;
        height: 8.32rem;
    }
    .hon2 .right .txt {
        color: #FFF;
        font-size: .32rem;
        font-weight: 500;
        line-height: 1.5;
        margin-top: .24rem;
    }
    .swiper-hon2nav {
        margin-top: 1rem;
    }
    .swiper-hon2nav .swiper-slide {
        width: 4.4rem;
        margin-right: .28rem;
        color: #FFF;
        font-size: .28rem;
        font-weight: 400;
        opacity: .4;
        text-align: center;
        line-height: 1.5;
    }
    .swiper-hon2nav  .swiper-slide-active {
        opacity: 1;
    }
    .swiper-hon2nav .swiper-slide:last-child {
        margin-right: 0;
    }
    .swiper-mobile-nav {
        width: 6.86rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    .swiper-mobile-nav-left {
        display: inline-flex;
        width: .92rem;
        height: .6rem;
        padding: .06rem .14rem;
        justify-content: center;
        align-items: center;
        border-radius: .99rem;
        background: rgba(255, 255, 255, 0.30);
    }
    .swiper-mobile-nav-right {
        display: inline-flex;
        width: .92rem;
        height: .6rem;
        padding: .06rem .14rem;
        justify-content: center;
        align-items: center;
        border-radius: .99rem;
        background: rgba(255, 255, 255, 0.30);
    }
    .hon2nav-swiper-scrollbar {
        width: 5rem;
        height: 1px;
        background: rgba(255,255,255,.2);
    }
    .swiper-scrollbar-drag {
        background: #ffffff;
    }
    .hon3 {
        padding-top: 1.6rem;
    }
    .hon3 .top .tit {
        width: 6.86rem;
        margin-bottom: .28rem;
    }
    .hon3 .top .p {
        width: 6.86rem;
        margin: 0 auto;
    }
    .hon3 .bottom .swiper-wrapper .swiper-slide .pic {
        height: auto;
        width: 5.1rem;
        margin: 0 auto;
    }
    .hon3-tool {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: .96rem;
    }
    .hon3-tool-page {
        display: flex;
        width: 6.86rem;
        justify-content: flex-end;
        align-items: flex-end;
        color: #333;
        font-size: .28rem;
        font-weight: 600;
        margin-bottom: .32rem;
    }
    .hon3-tool-page span {
        color: #E60012;
        font-size: .4rem;
        font-weight: 600;
    }
    .hon3 .bottom .swiper-pagination {
        position: static;
        width: 6.86rem;
        margin-bottom: .32rem;
    }
    .hon3 .bottom .btns {
        position: static;
        justify-content: space-between;
        width: 6.86rem;
    }
    .hon3 .bottom .btns>div {
        width: .92rem;
        height: .6rem;
    }
    
    .stra1 {
        padding: 1rem 0 .72rem;
        width: 6.86rem;
        margin: 0 auto;
    }
    .stra1 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .48rem;
    }
    .stra1 .top .p {
        padding: 0;
        color: #888;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .stra1 .bottom {
        height: auto;
    }
    .stra2 {
        padding: .6rem 0 1rem;
        flex-direction: column;
    }
    .stra2 .txt {
        width: 6.86rem;
        margin: 0 auto;
    }
    .stra2 .txt .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .stra2 .txt .p {
        width: 6.86rem;
    }
    .stra2 .pic {
        width: 6.86rem;
        margin: .56rem auto 0;
    }
    .stra3 {
        padding: .6rem 0 1.6rem;
    }
    .stra3 .top .tit {
        width: 6.86rem;
        margin: 0 auto .28rem;
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .stra3 .top .p {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .stra3 .map .dianbox .box .h {
       display: none; 
    }
    .sus1 {
        padding: 1rem 0;
    }
    .sus1 .tit {
        width: 6.86rem;
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .12rem;
    }
    .sus1 .con {
        flex-direction: column;
    }
    .sus1 .con .txts {
        padding-left: 0;
        border-left: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .sus1 .con .txts .txt {
        padding-top: 0;
    }
    .sus1 .con .txts .txt:first-child(0) .h {
        margin-bottom: .28rem;
        color: #221815;
        font-size: .32rem;
        font-weight: 500;
        line-height: 162.5%;
    }
    .sus1 .con .txts .txt .p {
        color: #888;
        font-size: .28rem;
        font-style: normal;
        font-weight: 400;
        line-height: 185.714%;
    }
    .sus1 .con .txts .txt:after {
        content: none;
    }
    .sus1 .con .pics {
        width: 100%;
        height: 4.2rem;
        margin-top: .44rem;
    }
    .sus1 .con .txts .txt {
        margin-bottom: 0;
        padding-top: .6rem;
        padding-bottom: .44rem;
        border-bottom: 1px solid rgba(34, 24, 21, 0.15);
    }
    .sus1 .con .txts .txt .h {
        margin-bottom: 0;
    }
    .sus2 {
        padding: 1.2rem 0;
        height: auto;
    }
    .sus2 .list {
        position: static;
        width: 6.86rem;
        margin: .72rem auto 0;
    }
    .sus2 .list .item {
        width: 100%;
        background: rgba(255, 255, 255, 0.90);
    }
    .sus2 .top {
        width: 6.86rem;
        margin: 0 auto;
    }
    .sus2 .top .tit {
        color: #FFF;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .28rem;
    }
    .sus2 .top .p {
        color: #FFF;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
        opacity: 1;
    }
    .sus3 {
        padding: 1.6rem 0 0;
    }
    .sus3 .tit {
        width: 6.86rem;
        margin: 0 auto .6rem;
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .sus3 .con .txt {
        padding: 0 0.24rem;
    }
    .sus3 .con {
        width: 6.86rem;
        height: 7.2rem;
        margin: 0 auto;
    }
    .sus2 .mlist .item .p {
        display: block;
    }
    .sus3 .con .txt .h {
        color: #FFF;
        font-size: .36rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: .32rem;
        position: relative;
        z-index: 98;
    }
    .sus3 .con .txt .p {
        color: #FFF;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        position: relative;
        z-index: 98;
    }
    .sus4 {
        padding: 1.6rem 0;
    }
    .sus4 .tit {
        width: 6.86rem;
        margin: 0 auto .6rem;
    }
    .sus4 .list {
        display: flex;
        flex-wrap: wrap;
        column-gap: .22rem;
        row-gap: .44rem;
        width: 6.86rem;
        margin: 0 auto;
    }
    .sus4 .list .item {
        width: 3.32rem;
    }
    .sus4 .list .item .h {
        color: #FFF;
        text-align: center;
        font-size: .28rem;
        font-style: italic;
        font-weight: 700;
        line-height: 185.714%;
        padding-bottom: .4rem;
        padding-left: .18rem;
        padding-right: .18rem;
    }
    .sus3 .con .pic::after {
        content: none;
    }
    .sus3 .con .txt::after {
        content: "";
        position: absolute;
        bottom: -.8rem;
        left: 0;
        width: 100%;
        height: calc( 100% + 2.8rem );
        border-radius: .4rem;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 89.18%);
    }
    .sus4 .list .item .pic {
        height: 4.4rem;
    }
    .news-container {
        padding: 0;
    }
    .cpn-title {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .news-container .section1 .w1660 .con {
        flex-direction: column;
    }
    .news-container .section1 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .news-container .section1 .w1660 .con .lf {
        width: 100%;
        margin-bottom: .4rem;
    }
    .news-container .section1 .w1660 .con .rt .tit {
        color: #221815;
        font-size: .32rem;
        font-weight: 500;
        line-height: 162.5%;
        margin: 0.16rem 0 0.4rem;
    }
    .news-container .section1 .w1660 .con .rt .detail {
        height: 0.54rem;
    }
    .news-container .section2 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .news-container .section2 .w1660 .top {
        flex-direction: column;
    }
    .news-container .section2 .w1660 .top .tags .tags-list {
        flex-wrap: wrap;
        row-gap: .1rem;
    }
    .news-container .section2 .w1660 .top .tags {
        margin-bottom: .2rem;
    }
    .news-container .section2 .w1660 .mid .times .times-list {
        width: 3.98rem;
        height: 0.6rem;
    }
    .news-container .section2 .w1660 .mid .times .times-list select {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
    }
    .news-container .section2 .w1660 .con .item {
        flex-direction: row-reverse;
        column-gap: 0.2rem;
    }
    .news-container .section2 .w1660 .con .item .txt {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: .1rem;
    }
    .news-container .section2 .w1660 .con .item .cover {
        width: 2.5rem;
    }
    .news-container .section2 .w1660 .con .item .txt .text .tit {
        color: #221815;
        font-size: .32rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .news-container .section2 .w1660 .con .item .txt .text .desc {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
    }
    .news-detail-container {
        padding: .6rem 0 1.6rem;
        width: 6.86rem;
        margin: 0 auto;
    }
    .news-detail-container .other>div {
        width: 45%;
    }
    .ab_banner .pic .txt1 {
        width: 6.86rem;
    }
    .ab_banner .pic .txt .tit {
        color: #FFF;
        font-size: .36rem;
        font-style: italic;
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: .32rem;
    }
    .ab_banner .pic .txt .p {
        color: #FFF;
        font-size: .24rem;
        font-style: italic;
        font-weight: 400;
        line-height: 1.5;
    }
    .sol1 {
        padding: 1rem 0 0;
    }
    .sol1 .top {
        width: 6.86rem;
        margin: 0 auto .6rem;
    }
    .sol1 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .sol1 .top .p {
        color: #333;
        text-align: center;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .sol1 .pic {
        width: 6.86rem;
        height: auto;
        margin: 0 auto;
    }
    .sol2 {
        padding: 1rem 0 0;
    }
    .sol2 .top {
        width: 6.86rem;
        margin: 0 auto .48rem;
    }
    .sol2 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .sol2 .top .p {
        color: #888;
        text-align: center;
        font-size: .285rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .sol2 .top .p span {
        color: #221815;
    }
    .sol2 .list {
        width: 6.86rem;
        margin: 0 auto;
    }
    .sol2 .list .item {
        width: 100%;
    }
    .sol3 .top {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto .48rem;
    }
    .sol3 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .48rem;
    }
    .sol3 .top .p {
        width: 6.86rem;
        margin: 0 auto;
        color: #888;
        font-size: .28rem;
        font-style: normal;
        font-weight: 400;
        line-height: 185.714%;
    }
    .sol3 .cons .con .right {
        width: 6.86rem;
        padding-right: 0;
        margin: 0 auto;
        padding-bottom: 1rem;
    }
    .sol3 .cons .con {
        padding-left: 0;
    }
    .sol3 .cons .con .right .swiper-slide {
        height: 5rem;
    }
    .sol3 .cons .con .right .btns {
        right: 0;
    }
    .sol3 .cons .con .right .swiper-pagination {
        width: 5rem;
    }
    .sol3 .tab {
        gap: 0.38rem;
        width: 6.86rem;
    }
    .sul1 .top {
        padding: 0;
    }
    .sul1 .top {
        flex-direction: column;
    }
    .sul1 .top .tit {
        width: 6.86rem;
        margin: 0 auto .28rem;
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .sul1 .top .p {
        width: 6.86rem;
        margin: 0 auto;
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .sul1 .bottom {
        padding: 0.23rem 0 1.04rem;
        width: 6.86rem;
        margin: 0 auto;
    }
    .sul1 .bottom .btns {
        left: 0;
    }
    .sul1 .bottom .swiper-pagination {
        left: 1.8rem;
        width: 5rem;
    }
    .sul2 {
        padding: 1.5rem 0 0;
    }
    .sul2 .top {
        width: 6.86rem;
        margin: 0 auto .6rem;
    }
    .sul2 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .sul2 .top .p {
        width: 6.86rem;
        margin: 0 auto;
    }
    .sul2 .tab {
        width: 6.86rem;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .sul2 .tab .item {
        width: 3.32rem;
    }
    .sul2 .bottom {
        margin-top: .48rem;
    }
    .sul2 .bottom .txt {
        width: 6.86rem;
        height: 6rem;
        overflow-y: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .sul3 {
        padding: 1.1rem 0 1.2rem;
    }
    .sul3 .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 0.48rem;
    }
    .sul3 .con {
        width: 6.86rem;
        margin: 0 auto;
    }
    .sul3 .con:after {
        content: none;
    }
    .sul3 .con .item .dian {
        display: none;
    }
    .sul3 .con .item {
        position: static;
    }
    .sul3 .con {
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .sul3 .con .item {
        transform: translateX(0);
    }
    .sul3 .con .item .h {
        height: auto;
        width: 2.2rem;
    }
    .sul3 .con .item .h {
        font-size: .24rem;
    }
    .sul2 .bottom .txt {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
    }
    .pl1 {
        margin-top: 0;
        padding: .72rem 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .pl1 .tit {
        color: #221815;
        font-size: .4rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .28rem;
    }
    .pl1 .p {
        color: #666;
        font-size: .28rem;
        font-weight: 400;
        line-height: 257.143%;
        width: 6.86rem;
        margin: 0 auto;
    }
    .pl2-mnav {
        position: fixed;
        left: 0;
        top: 1.8rem;
        height: calc( 100% - 1.8rem );
        width: 100%;
        background: rgba(17, 17, 17, 0.40);
        z-index: 2;
    }
    .pl2-mnav-menu {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 5.2rem;
        background: #ffffff;
        overflow-y: auto;
        padding-left: .32rem;
        padding-top: .48rem;
    }
    .pl2 .con .left .list .item .h {
        color: #221815;
        font-size: .32rem;
        font-weight: 500;
    }
    .pl2 .con .left {
        width: 4.48rem;
    }
    .pl2 .con .left .list .item .h .add {
        width: .24rem;
        height: .24rem;
    }
    .pl2 .con .left .list .item ul a {
        color: #666;
        font-size: .28rem;
        font-weight: 400;
    }
    .pl2 .con .left .list .item ul a:after {
        width: .36rem;
        height: .36rem;
    }
    .pl2-mnav-title {
        display: flex;
        justify-content: space-between;
        width: 4.48rem;
        margin-bottom: .6rem;
    }
    .pl2-mnav-title__title {
        color: #221815;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .pl2-mnav-title__img {
        display: block;
        width: .48rem;
        height: .48rem;
    }
    .pl2-mnav {
        /*display: none;*/
    }
    .pl2 .con .right {
        width: 6.86rem;
        margin: 0 auto;
    }
    .product-navtool {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .6rem;
    }
    .product-navtool-selectbox {
        padding-bottom: .16rem;
        border-bottom: 1px solid #DFDFDF;
    }
    .product-navtool select {
        border: 0;
        appearance: auto;
        color: #221815;
        font-size: .28rem;
        font-weight: 500;
    }
    .pl2 {
        padding: 0 0 1.6rem;
    }
    .product-navtool-menuflag {
        display: block;
        width: .48rem;
        height: .48rem;
    }
    .pl2 .con .right .boxs .box {
        width: 3.32rem;
        height: 6.34rem;
        border-radius: .4rem;
        padding: .12rem .12rem .4rem;
    }
    .pl2 .con .right .boxs .box .pic {
        height: 2.8rem;
        border-radius: .4rem;
        background: #F7F7F7;
        margin-bottom: .44rem;
    }
    .pl2 .con .right .boxs .box .txt .h {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .pl2 .con .right .boxs .box .txt .p {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        column-gap: .32rem;
    }
    .pl2 .con .right .boxs .box .txt .p::-webkit-scrollbar {
        height: 0;
    }
    .pl2 .con .right .boxs .box .txt .p .kapian {
        flex-shrink: 0;
        flex-basis: unset;
        color: #666;
        text-align: center;
        font-size: .24rem;
        font-weight: 400;
        line-height: 1.5;
        position: relative;
    }
    .pl2 .con .right .boxs .box .txt .p .kapian:after {
        content: "";
        position: absolute;
        right: -.16rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: .4rem;
        background: #DFDFDF;
    }
    .pl2 .con .right .boxs .box .txt .p .kapian:last-child::after {
        content: none;
    }
    .pl2 .con .right .boxs .box .txt .more1 {
        position: static;
        width: 100%;
        height: .82rem;
        margin-top: .54rem;
        color: #221815;
        font-size: .28rem;
        font-weight: 400;
    }
    .more1 img {
        width: .36rem;
        height: .36rem;
    }
    .pl2 .con .right .boxs {
        column-gap: 0.22rem;
        row-gap: 0.48rem;
    }
    .pd1 {
        flex-direction: column-reverse;
    }
    .pd1.pdx2 {
        flex-direction: column-reverse;
    }
    .pd_tab {
        padding: 0;
        /*width: 6.86rem;*/
        width: 100%;
        margin: 0 auto;
    }
    .pd1 {
        padding: 0.8rem 0 1.5rem;
    }
    .pd1.pdx2 {
        padding: 0.8rem 0 1.5rem;
    }
    .pd1 .right .r_top .txt {
        width: 6.86rem;
        margin: 0 auto;
    }
    .pd1.pdx2 .right .r_top .txt {
        width: 6.86rem;
        margin: 0 auto;
    }
    .pd1 .right .r_top .txt .tit {
        color: #221815;
        font-size: .36rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .4rem;
        text-align: center;
    }
    .pd1.pdx2 .right .r_top .txt .tit {
        color: #221815;
        font-size: .36rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .4rem;
        text-align: center;
    }
    .pd1 .right {
        width: 6.86rem;
        margin: 0 auto;
    }
    .pd1 .right .r_top .txt .btns .btn {
        width: 3.32rem;
        height: 2rem;
        flex-direction: column;
        align-items: flex-start;
        color: #666;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
        padding: .3rem .4rem;
        row-gap: .1rem;
    }
    .pd1 .right .r_top .txt .btns .btn span {
        color: #221815;
        /*font-size: .32rem;*/
        font-size: .28rem;
        font-weight: 500;
        line-height: 1.5;
        margin-top: .16rem;
    }
    .pd1 .right .r_top .txt .btns {
        column-gap: .12rem;
    }
    .pd1 .right .p {
        color: #333;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
        margin-top: .18rem;
    }
    .pd1 .left {
        width: 6.86rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pd1 .left .swiperbox {
        width: 3.4rem;
        height: 1.6rem;
        height: auto;
    }
    .pd1-mnav {
        display: flex;
        align-items: center;
        column-gap: .32rem;
    }
    .pd1-mnav-btn {
        width: .92rem;
        height: .6rem;
    }
    .pd1-mnav-btn img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .pd1-mnav-btn img:nth-child(2) {
        display: none;
    }
    .pd1-mnav-btn1:hover .img1:first-child {
        display: none;
    }
    .pd1-mnav-btn1:hover .img2:nth-child(2) {
        display: block;
        width: 100%;
        height: 100%;
    }
    .pd1-mnav-btn2:hover .img1:first-child {
        display: none;
    }
    .pd1-mnav-btn2:hover .img2:nth-child(2) {
        display: block;
        width: 100%;
        height: 100%;
    }
    .pd1 .left .swiperbox .swiper-slide {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: .2rem;
        border-radius: .4rem;
    }
    .pd1 .left .swiperbox .swiper-slide:last-child {
        margin-right: 0;
    }
    .pd2 {
        padding: 1.6rem 0 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .pdx4 {
        padding: 1.6rem 0;
    }
    .pdx4 .tit {
        width: 6.86rem;
        margin: 0 auto .56rem;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .pdx4 .list {
        width: 6.86rem;
        margin: 0 auto;
    }
    .swiper-list-box {
        position: relative;
    }
    .swiper-list2-box {
        width: 6.86rem;
        margin: 0 auto;
    }
    .swiper-list-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: .32rem;
    }
    .swiper-list-btn {
        width: .92rem;
        height: .6rem;
    }
    .swiper-list-btn img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .swiper-list-btn img:nth-child(2) {
        display: none;
    }
    .swiper-list-btn1:hover .img1:first-child {
        display: none;
    }
    .swiper-list-btn1:hover .img2:nth-child(2) {
        display: block;
        width: 100%;
        height: 100%;
    }
    .swiper-list-btn2:hover .img1:first-child {
        display: none;
    }
    .swiper-list-btn2:hover .img2:nth-child(2) {
        display: block;
        width: 100%;
        height: 100%;
    }
    .swiper-list-tool-box {
        width: 6.86rem;
        margin: .68rem auto 0;
    }
    .swiper-list-pagination {
        position: relative;
        height: 2px!important;
        background: rgba(51, 51, 51, 0.14);
    }
    .swiper-list-pagination .swiper-pagination-progressbar-fill {
        background: #E60012;
    }
    .swiper-list-pagination-thumb {
        width: 0;
        height: 2px;
        background: #E60012;
        transition: all .3s ease;
    }
    .swiper-list-num {
        display: flex;
        width: 6.86rem;
        justify-content: flex-end;
        align-items: flex-end;
        color: #333;
        font-size: .28rem;
        font-weight: 600;
        margin-bottom: .32rem;
    }
    .swiper-list-num span {
        color: #E60012;
        font-size: .4rem;
        font-weight: 600;
    }
    .pd_con {
        padding-top: 0;
    }
    .pd3 {
        padding: 1.6rem 0 0;
    }
    .pd3 .top {
        width: 6.86rem;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    .pd3 .top .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .72rem;
    }
    .pd3 .top .btns .btn {
        font-size: .32rem;
    }
    
    .pd3 .con {
        width: 6.86rem;
        margin: .56rem auto 0;
    }
    .pd3 .con .tab1 {
        align-items: stretch;
        padding: 0.2rem 0;
        width: max-content;
        border-radius: .16rem;
        background: #D01927;
    }
    .pd3 .con .tab2 {
        align-items: stretch;
        padding: 0.2rem 0;
        width: max-content;
        border-radius: .16rem;
        background: #D01927;
    }
    .pd3 .con .ul {
        align-items: stretch;
        padding: 0;
        width: max-content;
    }
    .pd3 .con .tab1 .li:nth-child(1) {
        width: 2.12rem;
        position: sticky;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #D01927;
        z-index: 2;
    }
    .pd3 .con .tab2 .li:nth-child(1) {
        width: 2.12rem;
        position: sticky;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #D01927;
        z-index: 2;
    }
    .pd3 .con .ul .li:nth-child(1) {
        width: 2.12rem;
        position: sticky;
        top: 0;
        left: 0;
        bottom: 0;
        background: #FFF;
        box-shadow: 5px 8px 13px 0 rgba(0, 0, 0, 0.08);
        z-index: 2;
    }
    .pd3 .con.on {
        display: flex;
        flex-direction: column;
        overflow-x: auto;
    }
    .pd3 .con.on::-webkit-scrollbar {
        height: 0;
        background: transparent;
    }
    .pd3 .con .tab1 .li {
        flex-shrink: 0;
        color: #FFF;
        font-size: .28rem;
        font-weight: 500;
        line-height: 1.5;
    }
    .pd3 .con .ul .li {
        flex-shrink: 0;
        padding: .36rem 0;
        color: #221815;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
    }
    
    .pd3 .con .tab1 .li:nth-child(2) {
        width: 2rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(2) {
        width: 2rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(2) {
        width: 2rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab1 .li:nth-child(3) {
        width: 2.2rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(3) {
        width: 2.2rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(3) {
        width: 2.2rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab1 .li:nth-child(4) {
        width: 2rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(4) {
        width: 2rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(4) {
        width: 2rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab1 .li:nth-child(5) {
        width: 2.62rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(5) {
        width: 2.62rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(5) {
        width: 2.62rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab1 .li:nth-child(6) {
        width: 2.62rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(6) {
        width: 2.62rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(6) {
        width: 2.62rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab1 .li:nth-child(7) {
        width: 3rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(7) {
        width: 3rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(7) {
        width: 3rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab1 .li:nth-child(8) {
        width: 1.5rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(8) {
        width: 1.5rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(8) {
        width: 1.5rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab1 .li:nth-child(9) {
        width: 2.3rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .tab2 .li:nth-child(9) {
        width: 2.3rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(9) {
        width: 2.3rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab2 .li:nth-child(10) {
        width: 2.3rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(10) {
        width: 2.3rem;
        margin: 0 0 0 1rem;
    }
    
    .pd3 .con .tab2 .li:nth-child(11) {
        width: 2.3rem;
        margin: 0 0 0 1rem;
    }
    .pd3 .con .ul .li:nth-child(11) {
        width: 2.3rem;
        margin: 0 0 0 1rem;
    }
    .pd5 {
        padding: 1rem 0 1.6rem;
        width: 6.86rem;
        margin: 0 auto;
        flex-direction: column;
    }
    .pd5 .left {
        width: 100%;
        height: auto;
    }
    .pd5 .left .top .tit {
        width: 100%;
        color: #221815;
        font-size: .36rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
        margin-bottom: .44rem;
    }
    .pd5 .left .top .p {
        width: 100%;
        color: #666;
        text-align: center;
        font-size: .32rem;
        font-style: normal;
        font-weight: 400;
        line-height: 162.5%;
    }
    .pd5 .left .bottom {
        position: static;
        justify-content: center;
        gap: 0.3rem;
        margin-top: .8rem;
    }
    .pd5 .right {
        width: 6.86rem;
        margin: 1.2rem auto 0;
    }
    .pd5 .right form .input {
        width: 100%;
    }
    .pd5 .right form .input .name {
        color: #221815;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: .28rem;
    }
    .pd5 .right form .input input {
        height: 1.04rem;
        border: 1px solid #EAEAEA;
        background: #ffffff;
        backdrop-filter: blur(17.850000381469727px);
        font-size: .24rem;
    }
    .pd5 .right form .input select {
        height: 1.04rem;
        border: 1px solid #EAEAEA;
        background: #ffffff;
        backdrop-filter: blur(17.850000381469727px);
        font-size: .24rem;
    }
    .pd5 .right form .input textarea {
        height: 3.2rem;
        border: 1px solid #EAEAEA;
        background: #ffffff;
        backdrop-filter: blur(17.850000381469727px);
        font-size: .24rem;
    }
    .pd5 .right form .more1 {
        margin-top: 0;
        height: .9rem;
        color: #ffffff;
        background-color: var(--color2);
        border-color: transparent;
    }
    .pd5 .right form .more1 img.img1 {
        display: none;
    }
    .pd5 .right form .more1 img.img2 {
        display: block;
    }
    
    .pd1x {
        padding: .8rem 0 1.5rem;
    }
    .pd1x .top {
        width: 6.86rem;
        margin: 0 auto;
        flex-direction: column-reverse;
    }
    .pd1x .top .txt {
        width: 100%;
    }
    .pd1x .top .txt .h {
        color: #221815;
        font-size: .36rem;
        text-align: center;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    .pd1x .top .txt .p {
        color: #333;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .pd1x .top .pic {
        width: 6.86rem;
        height: auto;
        margin: .58rem auto 0;
    }
    .pd1x .p1 {
        width: 6.86rem;
        margin: .5rem auto 0;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .pdx3 {
        padding: 1rem 0;
    }
    .pdx3 .tit {
        color: #221815;
        font-size: .36rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    .service-cm .section1 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .cpn-title {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .service-cm .section1 .w1660 .con {
        flex-direction: column;
    }
    .service-cm .section1 .w1660 .con .lf .desc {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .service-cm .section1 .w1660 .con .rt {
        width: 6.86rem;
    }
    .service-cm .section1 .w1660 .con .lf .icons .icon-item .txt {
        font-size: .28rem;
    }
    .service-cm .section2 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .service-cm .section2 .con .swiper-slide {
        height: 5rem;
    }
    .service-cm .section2 .con .swiper-slide .tit {
        font-size: .32rem;
    }
    .service-cm .section2 .con .swiper-slide .txt {
        font-size: .28rem;
    }
    .service-cm .section3 {
        margin-top: 1rem;
        padding-bottom: 1rem;
    }
    .service-cm .section3 .w1660 {
        padding: 0;
    }
    .service-cm .section3 .w1660 .rt {
        width: 6.86rem;
        margin: 0 auto;
    }
    .service-cm .section3 .w1660 .rt .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    .service-cm .section3 .w1660 .rt .desc {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
        text-align: center;
    }
    .service-ws {
        padding: 0;
    }
    .service-ws .section1 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .service-ws .section1 .w1660 .cpn-bold {
        font-size: .32rem;
        line-height: 1.5;
    }
    .service-ws .section1 .w1660 .cpn-desc {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .service-ws .section1 .w1660 .con {
        width: 6.86rem;
        margin: .4rem auto 0;
        flex-direction: column;
    }
    .service-ws .section1 .w1660 .con .lf {
        width: 6.86rem;
        height: 4.8rem;
    }
    .service-ws .section1 .w1660 .con .rt {
        margin-top: .3rem;
    }
    .service-ws .section1 .w1660 .con .rt .item {
        flex: unset;
        height: 4.8rem;
    }
    .service-ws .section1 .w1660 .con .item .bg-mock {
        opacity: 1;
    }
    .service-ws .section1 .w1660 .con .item .box .txt {
        translate: none;
        rotate: none;
        scale: none;
        transform: translate(0px, 0px)!important;
    }
    .service-ws .section1 .w1660 .con .item .box .txt .tips p {
        height: auto;
    }
    .service-ws .section1 .w1660 .con .item .box .txt .tit {
        font-size: .32rem;
    }
    .service-ws .section1 .w1660 .con .item .box .txt .tips p {
        line-height: 1.2;
    }
    .service-ws .section1 .w1660 .con .item .box .txt .tips {
        row-gap: .12rem;
    }
    .service-ws .section2 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .service-ws .section2 .w1660 .cpn-title, .service-ws .section2 .w1660 .cpn-desc {
        text-align: center;
    }
    .service-ws .section2 .w1660 .cpn-desc {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .service-ws .section3 .item {
        position: static;
    }
    .service-ws .section3 .item:last-child {
        padding-bottom: 1rem;
    }
    .service-ws .section3 .item .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    .service-ws .section3 .item .w1660 .cover {
        width: 100%;
        margin-bottom: .4rem;
    }
    .service-ws .section3 .item .w1660 .con .tit {
        color: #221815;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .service-ws .section3 .item .w1660 .con .desc {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
        margin-bottom: .44rem;
    }
    .service-ws .section3 .item .w1660 .con .btn {
        height: .9rem;
        background: var(--color-primary);
        color: #fff;
        border-radius: .99rem;
    }
    
    .service-ws .section3 .item .w1660 .con .btn img {
        filter: var(--imgwhite);
    }
    .service-ws .section3 .item {
        padding: 1rem 0 0;
    }
    .service-ws .section4 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .cpn-title {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
    }
    .service-ws .section4 .w1660 .con {
        flex-direction: column-reverse;
        margin-top: .44rem;
    }
    .service-ws .section4 .w1660 .con .rt {
        width: 100%;
        margin-bottom: .44rem;
    }
    .banner-box .banner-bg .con .title {
        font-size: .36rem;
    }
    .banner-box .banner-bg .con .desc {
        width: 6.86rem;
    }
    .service-parts {
        padding: 0;
    }
    .service-parts .section1 {
        padding: 1rem 0;
    }
    .service-parts .section1 .content .cpn-desc {
        width: 6.86rem;
        margin: 0 auto;
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
        text-align: left;
    }
    .service-parts .section1 .content .con {
        padding-left: 0;
        width: 6.86rem;
        margin: 0 auto;
        flex-direction: column;
    }
    .service-parts .section1 .content .con .rt {
        width: 6.86rem;
    }
    .service-parts .section1 .content .con {
        flex-direction: column;
    }
    .service-parts .section1 .content .con .rt-btns {
        position: static;
    }
    .service-parts .section1 .content .con .lf {
        width: 100%;
        margin-top: .4rem;
    }
    .service-parts .section1 .content .con .lf .txt {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .service-parts .section1 .content .con .rt-btns {
        margin-top: .2rem;
        justify-content: flex-end;
    }
    .service-parts .section1 .content .con .rt-btns .btn {
        width: 0.92rem;
        height: 0.6rem;
        border-radius: 0.4rem;
    }
    .service-tg {
        padding: 0;
    }
    .service-tg .section1 .w1660 {
        padding: 0;
    }
    .service-tg .section1 .con {
        margin-top: .8rem;
        width: 6.86rem;
        margin: 0 auto;
    }
    .service-tg .section1 .con .swiper-slide .icon {
        margin-bottom: 0.1rem;
    }
    .service-tg .section1 .con .swiper-slide .tit {
        color: #221815;
        font-size: .32rem;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .15rem;
    }
    .service-tg .section1 .con .swiper-slide .txt {
        font-size: .28rem;
    }
    .service-tg .section2 .w1660 {
        padding: 0;
        width: 6.86rem;
        margin: 0 auto;
        flex-direction: column;
    }
    .service-tg .section2 .w1660 .lf {
        width: 100%;
    }
    .service-tg .section2 .w1660 .rt .con {
        margin-top: .3rem;
    }
    .service-tg .section2 .w1660 .rt {
        margin-top: .2rem;
    }
    .service-tg .section1 .cpn-title {
        margin-bottom: .4rem;
    }
    .ser2 {
        padding: 1rem 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .info-card {
        padding: .3rem;
    }
    .info-card h3 {
        font-size: .32rem;
    }
    .info-card p {
        font-size: .24rem;
    }
    .ser3 {
        flex-flow: column-reverse;
        padding: 1rem 0;
    }
    .ser3 .right {
        width: 6.86rem;
        margin: 0 auto;
    }
    .form-text {
        width: 6.86rem;
        margin: 0 auto;
    }
    .form-text h2 {
        color: #221815;
        font-size: .32rem;
        font-weight: 700;
        line-height: 1.5;
    }
    .form-text p {
        color: #888;
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    .form-group {
        width: 100%;
    }
    .form-wrapper {
        gap: 0;
    }
    .form-group .label {
        color: #221815;
        font-size: .28rem;
        font-weight: 400;
        line-height: 160%;
        margin-bottom: .28rem;
    }
    .form-group select {
        height: 1.02rem;
    }
    .form-group input {
        height: 1.02rem;
    }
    .form-group textarea {
        height: 3.2rem;
    }
    .car1 {
        padding: 1rem 0 0;
        width: 6.86rem;
        margin: 0 auto;
    }
    .car1 .tit {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-style: italic;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: .4rem;
    }
    .car1 .con {
        flex-direction: column;
    }
    .car1 .con .pic {
        width: 100%;
        margin-bottom: .4rem;
    }
    .car1 .con .txt {
        width: 100%;
    }
    .ser1 {
        padding: 1rem 0 0 0;
    }
    .ser1 .list {
        flex-direction: column;
        width: 6.86rem;
        margin: 0 auto;
    }
    .ser1 .list .item {
        width: 100%;
        height: 5rem;
        padding: .7rem 2.8rem 0 .5rem;
        margin-bottom: .2rem;
    }
    .ser1 .list .item .h {
        font-size: .4rem;
    }
    .car2 {
        padding: .8rem 0 1rem;
        width: 6.86rem;
        margin: 0 auto;
    }
    .car2 .list .item .top {
        flex-wrap: wrap;
        padding: .3rem;
        row-gap: .2rem;
    }
    .car2 .list .item .top .p1 {
        width: 49%;
    }
    .car2 .list .item .top .p2 {
        width: 49%;
    }
    .car2 .list .item .top .p3 {
        width: 49%;
    }
    .car2 .list .item .bottom .con {
        flex-direction: column;
        row-gap: .15rem;
    }
    .swiper-pagination-conpagi {
        position: relative;
        width: 6.86rem!important;
        height: 1px!important;
        margin: .6rem auto 0;
        background: rgba(230, 0, 18, .2);
    }
    .swiper-pagination-conpagi .swiper-pagination-progressbar-fill {
        background: #E60012;
    }
    
    .part4 .con .list{
        /*transform: translateX(0);*/
        top: 0%;
        /*gap: 0;*/
        z-index:1;
        transform: translateX(2.2rem);
        width: calc(100% - 2.2rem);
        overflow: visible;
        margin-left: 0;
    }
    .part4 .con .list .item{
        /*opacity: 0;*/
        /*border-radius: 0;*/
        /*width: 0;*/
    }
    /*.part4 .con .list .itemx.on{opacity: 1;width: 100vw;height: 100vh;}*/
    .part4 .con .list .itemx img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.5s;}
    .part4 .con .list .itemx img.on{opacity: 1;}
    .part4 .con .boxs{
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0;
        transition: all 0.6s 0.6s;
        height: auto;
        width: 6.86rem;
    }
    .part4 .con .boxs.on{display: block;opacity: 1;z-index: 9}
    .part4 .con .boxs .tab{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        border-top: 1px solid rgba(255, 255, 255, 0.26);
        display: flex;
        z-index: -1;
    }
    .part4 .con .boxs .tab .li{width: 100%;text-align: center;color: #ffffff;opacity: 0.6;transition: all 0.5s;line-height: 1.45;padding: 0.34rem 0;cursor: pointer;}
    .part4 .con .boxs .tab .li.on{opacity: 1;}
    .part4 .con .boxs .tits{position: absolute;left: 1.3rem;bottom: 1.8rem;color: #ffffff;font-family:pb;line-height: 1.5;text-transform: uppercase;}
    .part4 .con .boxs .tits .tit{display: none;}
    .part4 .con .boxs .tits .tit.on{display: block;}
    .part4 .con .boxs .swiperbox{
        /*position: absolute;*/
        position: static;
        top: 1.7rem;
        right: 1.56rem;
        overflow: hidden;
        width: 100%;
        border-radius: .4rem;
        background: rgba(255, 255, 255, 0.70);
        backdrop-filter: blur(30px);
        padding-bottom: 1.52rem;
    }
    .part4 .con .boxs .swiperbox.on{display: block;}
    .part4 .con .boxs .swiperbox .btns{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;border-top: 1px solid #DFDFDF;}
    .part4 .con .boxs .swiperbox .btns>div{
        display: flex;
        cursor: pointer;
        width: 50%;
        align-items: center;
        justify-content: center;
        height: 1rem;
        border-right: 1px solid #DFDFDF;
        cursor: pointer;
    }
    .part4 .con .boxs .swiperbox .btns>div:last-child{border-right: 0;}
    .part4 .con .boxs .swiperbox .btns>div img{
        width: 0.48rem;
        height: 0.48rem;
    }
    .part4 .con .boxs .swiperbox .swiper-slide{padding: 0.34rem 0.36rem 0 0.36rem;opacity: 1;transition: all 0.5s;}
    .part4 .con .boxs .swiperbox .swiper-slide-active{opacity: 1;}
    .part4 .con .boxs .swiperbox .swiper-slide .num{color: var(--color1);opacity: 0.1;font-family:pb;text-transform: uppercase;line-height: 1.5;margin-bottom: 1vh;}
    .part4 .con .boxs .swiperbox .swiper-slide .h{color: var(--color1);line-height: 1.5;margin-bottom: 2vh;font-family:pb;text-transform: capitalize;display:none;}
    .part4 .con .boxs .swiperbox .swiper-slide .p{
        font-family:pm;
        line-height: 1.5;
        text-transform: capitalize;
        margin-bottom: .28rem;
        /*height: .6rem;*/
        color: #221815;
        font-size: .28rem;
        font-weight: 500;
        line-height: 185.714%;
    }
    .part4 .con .boxs .swiperbox .swiper-slide .p1{
        color: #666;
        line-height: 0.26rem;
        position: relative;
        padding-left: 0.16rem;
        margin-bottom: 0.14rem;
        height: .8rem;
        color: #666;
        font-size: .24rem;
        font-weight: 400;
        line-height: 160%;
    }
    .part4 .con .boxs .swiperbox .swiper-slide .p1::before{content: "";position: absolute;left: 0;top: 0.13rem;width: 0.04rem;height: 0.04rem;border-radius: 50%;background-color: #666;transform: translateY(-50%);}
    .part4 .con .boxs .swiperbox .swiper-slide .pic{
        width: 100%;
        height: 3rem;
        border-radius: 0.16rem;
        overflow: hidden;
    }
    .part4 .con .boxs .swiperbox .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
    .showmbg {
        display: none!important;
    }
    .showmbg.on {
        display: block!important;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .boxss {
        position: relative;
        height: 13.2rem;
        margin-top: 1.2rem;
    }
    .part4 .con .list .swiper-slide-active {
        transform: translateY(-.6rem);
    }
    .part4 .con .list .swiper-slide-prev {
        transform: translateY(0);
    }
    .part4 .con .list .swiper-slide-next {
        transform: translateY(0);
    }
    .part4 .con .boxs .swiperbox .swiper-slide .num {
        display: flex;
        justify-content: space-between;
        align-items: center;
        opacity: 1;
    }
    .part4 .con .boxs .swiperbox .swiper-slide .num span:first-child {
        opacity: .1;
    }
    .part4 .con .boxs .swiperbox .swiper-slide .num .mobile .tit {
        display: none!important;
        color: #221815;
        font-size: .32rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .part4 .con .boxs .swiperbox .swiper-slide .num .mobile .tit.on {
        display: block!important;
    }
    .sea_con .top .input {
        width: 6.86rem;
    }
    .sea_con .cons {
        padding: 0;
        padding-top: .6rem;
        width: 6.86rem;
        margin: 0 auto;
    }
    .sea_con .news .con .item {
        flex-direction: row-reverse;
        column-gap: .2rem;
    }
    .sea_con .news .con .item .txt {
        flex-direction: column;
        align-items: flex-start;
    }
    .sea_con .news .con .item .cover {
        width: 2.8rem;
    }
    .sea_con .news .con .item .txt .text .tit {
        margin-bottom: 0;
    }
    .sea_con .news .con .item .txt .text .desc {
        line-height: 1.5;
    }
    .sea_con .news .con .item .txt .text {
        padding-bottom: .1rem;
    }
    .sea_con .product .boxs .box {
        width: 3.32rem;
        height: 6.34rem;
        border-radius: .4rem;
        padding: .12rem .12rem .4rem;
    }
    .sea_con .product .boxs .box .pic {
        height: 2.8rem;
        border-radius: .4rem;
        background: #F7F7F7;
        margin-bottom: .44rem;
    }
    .sea_con .product .boxs .box .txt .h {
        color: #221815;
        text-align: center;
        font-size: .32rem;
        font-weight: 600;
        line-height: 1.5;
    }
    .sea_con .product .boxs .box .txt .p {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        column-gap: .32rem;
    }
    .sea_con .product .boxs .box .txt .p::-webkit-scrollbar {
        height: 0;
    }
    .sea_con .product .boxs .box .txt .more1 {
        position: static;
        width: 100%;
        height: .82rem;
        margin-top: .54rem;
        color: #221815;
        font-size: .28rem;
        font-weight: 400;
    }
    .sea_con .product .boxs .box .txt .p .kapian {
        flex-shrink: 0;
        flex-basis: unset;
        color: #666;
        text-align: center;
        font-size: .24rem;
        font-weight: 400;
        line-height: 1.5;
        position: relative;
    }
    .sea_con .product .boxs .box .txt .p .kapian:after {
        content: "";
        position: absolute;
        right: -.16rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: .4rem;
        background: #DFDFDF;
    }
    .sea_con .product .boxs {
        column-gap: 0.22rem;
    }
    .sea_con .solution .boxs .box {
        width: 3.2rem;
        min-height: 5rem;
    }
    
    .breadcrumb{padding: 20px;font-size: 10px;}
    .pd6{padding: 40px 18px;}
    .pd6 .list .item{padding: 12px;padding-right: 50px;}
    .pd6 .list .item.on{padding: 12px;padding-right: 50px;}
    .pd6 .list .item .h{font-size: 14px;}
    .pd6 .list .item .add{right: 20px;}
    .pd6 .list .item .p{font-size: 13px;}
    .pd6 .list .item .h .ti{font-size: 12px;width: 20px;height: 20px;line-height: 20px;}
    .pd6 .list .item .p .p1 .ti{font-size: 12px;width: 20px;height: 20px;line-height: 18px;}
    .pd6 .list .item .p .p1{line-height: 1.4;}
    /*.news-detail-container {*/
    /*    padding: .5rem 0;*/
    /*}*/
}