/*
 .Top000639 为demo编号
 */
.Top000639 {
    background-color: #fff;
}

.Top000639 .auto {
    position: relative;
    z-index: 100;
}

.Top000639 .logo a {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 2.85rem;
}

.Top000639 .top_menu {
    padding: 2% 0;
}

.Top000639 .top_menu dl {
    float: right;
}

.Top000639 .top_menu dt,
.Top000639 .top_menu dd {
    float: left;
    line-height: 31px;
}

.Top000639 .top_menu dt {
    background: url(../images/Top000639-call.jpg) no-repeat left center;
    padding-left: 40px;
    color: #788693;
    padding-right: 20px;
}

.Top000639 .top_menu dt b {
    color: #1c8bcd;
    font-size: 20px;
}

.Top000639 .top_menu dd {
    position: relative;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    width: 110px;
}

.Top000639 .top_menu dd::before {
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    margin-top: -2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
}

.Top000639 .top_menu dd a {
    display: block;
    padding-left: 40px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 22px 13px;
}

.Top000639 .top_menu dd a.a_cn {
    background-image: url(../images/Top000639-flag_cn.jpg);
}

.Top000639 .top_menu dd a.a_en {
    background-image: url(../images/Top000639-flag_en.png);
}

.Top000639 .top_menu dd figure {
    position: absolute;
    left: 0;
    top: 31px;
    box-shadow: 0 0 5px #ccc;
    background-color: #fff;
    width: 100%;
    display: none;
    z-index: 20;
}

.Top000639 .top_menu dd:hover figure {
    display: block;
}

@media (min-width: 769px) {
    .Top000639 nav {
        display: block !important;
    }

    .Top000639 nav ul {
        float: right;
    }

    .Top000639 nav li {
        float: left;
        position: relative;
        padding: 0 20px;
    }

    .Top000639 nav li:last-child {
        padding-right: 0;
    }

    .Top000639 nav li a {
        display: block;
        color: #4d5965;
    }

    .Top000639 nav li > a {
        height: 39px;
    }

    .Top000639 nav li dl {
        display: none;
        position: absolute;
        width: 138px;
        left: 50%;
        margin-left: -69px;
        top: 39px;
    }

    .Top000639 nav li dl a {
        border-bottom: 1px solid #fff;
        background-color: #4aa7f6;
        padding: 10px 5px;
        text-align: center;
        color: #f1f1f1;
    }

    .Top000639 nav li dl a:hover {
        font-weight: bold;
        color: #fff;
    }

    .Top000639 nav li dl dd {
        position: relative;
    }

    .Top000639 nav li .nav {
        position: absolute;
        left: 138px;
        top: 0;
        width: 138px;
        padding-left: 1px;
        display: none;
    }
}

@media (max-width: 1200px) {
    .Top000639 .logo a {
        top: 20%;
        left: 2%;
    }
}

@media (max-width: 1000px) {
    .Top000639 nav li {
        padding: 0 10px;
    }
}

@media (max-width: 768px) {
    .Top000639 .logo {
        position: relative;
    }

    .Top000639 .logo a {
        position: relative;
        left: auto;
        bottom: auto;
    }

    .Top000639 .logo {
        padding: 20px 30% 20px 0;
    }

    .Top000639 .top_menu {
        border-bottom: 1px solid #eee;
    }

    .Top000639 .mobile_menu {
        position: absolute;
        z-index: 5;
        top: 50%;
        width: 32px;
        height: 32px;
        margin-top: -16px;
        right: 2%;
        cursor: pointer;
    }

    .Top000639 .mobile_menu span {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #ccc;
        left: 0;
        top: 50%;
        margin-top: -1.5px;
        transition: all ease-out 0.3s;
    }

    .Top000639 .mobile_menu span::before,
    .Top000639 .mobile_menu span::after {
        position: absolute;
        content: "";
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #ccc;
        transition: all ease-out 0.3s;
    }

    .Top000639 .mobile_menu span::before {
        top: -10px;
    }

    .Top000639 .mobile_menu span::after {
        bottom: -10px;
    }

    .Top000639 .onmenu span {
        background-color: transparent;
    }

    .Top000639 .onmenu span::before {
        transform: rotate(-45deg);
        top: 0;
    }

    .Top000639 .onmenu span::after {
        transform: rotate(45deg);
        bottom: 0;
    }

    .Top000639 nav {
        position: fixed;
        left: -100%;
        top: 0;
        width: 100%;
        background-color: rgba(28, 139, 205, 0.8);
        max-width: 250px;
        height: 100%;
        z-index: 100;
        transition: all ease-out 0.3s;
    }

    .Top000639 nav li dl {
        display: none !important;
    }

    .Top000639 nav li a {
        text-align: center;
        font-size: 16px;
        padding: 10px 0;
        display: block;
        line-height: 30px;
        border-bottom: 1px solid #1c8bcd;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .Top000639 nav.onnav {
        left: 0;
    }
}

@media (max-width: 480px) {
    .Top000639 .top_menu dt {
        background-size: auto 25px;
        padding-left: 30px;
    }

    .Top000639 .top_menu dt span {
        display: none;
    }

    .Top000639 .top_menu dt b {
        font-size: 16px;
    }

    .Top000639 .top_menu dd {
        width: 100px;
    }
}

.header {
    background-color: rgba(8, 8, 8, 0.7);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.header.white {
    background-color: #ffffff;
    box-shadow:
        12px 3px 18px 0px rgba(58, 58, 58, 0.19),
        12px 3px 18px 0px rgba(58, 58, 58, 0.04);
}

.header .logo {
    width: 2.85rem;
}

/* .header .logo a:first-child {
    display: block;
}

.header .logo a:last-child {
    display: none;
}

.header.white .logo a:first-child {
    display: none;
}

.header.white .logo a:last-child {
    display: block;
} */

.header .auto {
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header nav .li {
    /* position: relative; */
    margin-right: 0.75rem;
    font-size: 0.17rem;
}

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

.header nav li a {
    display: block;
    color: #fff;
    line-height: 0.6rem;
}

.header.white nav li a {
    color: #333333;
    font-family: "MicrosoftYaHeiLight";
}

.header nav li > a {
    height: 0.6rem;
}

.header nav li dl {
    display: none;
    position: absolute;
    min-width: 2.5rem;
    padding: 0 0.15rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0.6rem;
}

.header nav li dl a {
    border-bottom: 1px solid #eee;
    background-color: #fff;
    text-align: center;
    color: #333;
    font-size: 0.16rem;
    line-height: 0.5rem;
}

.header nav li dl a:hover {
    background-color: #00B8CF;
    color: #fff;
}

.header nav li dl dd {
    position: relative;
}

.header nav li .nav {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 2.5rem;
    padding-left: 1px;
    display: none;
}

.header nav li .nav a {
    padding: 0 0.15rem;
    white-space: nowrap;
    font-size: 0.16rem;
}

.header nav li .three-leve .nav-child {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 2.5rem;
    padding-left: 1px;
    display: none;
}

.header nav li .three-leve a {
    padding: 0 0.15rem;
    white-space: nowrap;
    font-size: 0.16rem;
}

.header .right_btn {
    display: flex;
    align-items: center;
}

.header .search_part {
    display: flex;
    align-items: center;
    margin-right: 0.2rem;
}

.header .search_part input {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    background-color: transparent;
    width: 1.35rem;
    margin-right: 0.05rem;
    padding: 0.1rem;
    height: 0.36rem;
    color: #fff;
}

.header.white .search_part input {
    border-bottom: 1px solid #848484;
color: #000;
}

.header .search_part .search_btn {
    width: 0.24rem;
    opacity: 0.7;
}

.header.white .search_part .search_btn {
    filter: brightness(0);
    opacity: 0.3;
}
.header .shop {
    position: relative;
}
.header .shop .box {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 0.15rem;
    height: 0.36rem;
    border-radius: 0.18rem;
    position: relative;
}

.header .shop .box p {
    padding: 0 10px;
    font-size: 0.13rem;
}
.header .shop .outlink {
    width: 2.8rem;
    position: absolute;
    top: 100%;
    display: none;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.12rem 0;
}

@media (max-width: 1600px) {
    .header .shop .outlink {
        left: 0;
    }
}

.header .shop .outlink .inbox {
    display: flex;
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    padding: 0.1rem;
}
.header .shop .outlink .inbox:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: calc(100% - 0.4rem);
    background: #eeeeef;
}
.header .shop .outlink .inbox ol {
    flex: 1;
}
.header .shop .outlink .inbox ol li {
    list-style: none;
    font-size: 0.13rem;
    text-align: center;
}
.header .shop .outlink .inbox ol figure img {
    border-radius: 5px;
    width: 1.1rem;
}
.header .shop .outlink .inbox ol li p {
    color: #333333;
    font-size: 0.1rem;
    padding: 5px 0;
}
.header .shop .outlink .inbox ol:nth-child(1) {
    display: flex;
    flex-wrap: wrap;
    padding: 0.1rem 0;
}
.header .shop .outlink .inbox ol:nth-child(1) li {
    width: 100%;
}
.header .shop .outlink .inbox ol:nth-child(1) li a {
    display: block;
    padding: 5px 0;
}
.header .shop .outlink .inbox ol:nth-child(1) li:hover a {
    background-color: #00B8CF;
    color: #fff;
}
.header .shop:hover .outlink {
    display: block;
}
.header.white .shop .box {
    background-color: #333333;
}
.header.white .shop .box p {
    color: #fff;
}
.header.white .shop .box img {
    filter: brightness(100);
}

.index_banner {
    position: relative;
}

.index_banner .slick-arrow {
    width: 0.5rem;
    height: 0.5rem;
    border: solid 1px #ffffff;
    position: absolute;
    top: 50%;
    z-index: 2;
    border-radius: 50%;
    left: 6%;
    background-image: url(../images/arr7.png);
    background-size: 0.1rem 0.2rem;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.index_banner .slick-arrow.slick-next {
    left: unset;
    right: 6%;
    transform: rotate(0);
}

.index_banner .slick-arrow:hover {
    background-color: #00B8CF;
    border: none;
}

.index_banner .slick-dots {
    position: absolute;
    bottom: 0.2rem;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    justify-content: center;
}

.index_banner .slick-dots li {
    margin: 0 0.08rem;
}

.index_banner .slick-dots li button {
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.04rem;
    background-color: #e8e8e8;
    font-size: 0;
    border: none;
}

.index_banner .slick-dots li.slick-active button {
    width: 0.16rem;
    background-color: #00B8CF;
}

.index_banner .item {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.index_banner .item .auto_1550 {
    height: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    color: #fff;
}

.index_banner .item .auto_1550 .banner_con{
    position: absolute;
    bottom: 20%;
}

.index_banner .item .banner_con .t1 {
    font-size: 0.55rem;
    margin-bottom: 0.3rem;
    font-family: "MicrosoftYaHei";
}

.index_banner .item .banner_con .t2 {
    font-size: 0.15rem;
    margin-bottom: 0.6rem;
    line-height: 0.27rem;
    font-family: "MicrosoftYaHeiLight";
}

.index_banner .item .banner_con a {
    min-width: 1.8rem;
    text-align: center;
    line-height: 0.5rem;
    background-color: #202020;
    border-radius: 0.25rem;
    color: #fff;
    font-family: "MicrosoftYaHeiLight";
    display: inline-block;
    margin: 0 .2rem;
	padding:0 .3rem;
}

.index_banner .item .banner_con .btn img {
    width: 0.22rem;
    margin-left: 0.18rem;
}

.ind_part1 {
    /* padding: 2rem 0 1.25rem 0; */
    overflow: hidden;
}

.ind_part1 .title_box {
    margin: 0.75rem 0 0.25rem !important;
    text-align: center;
}

.ind_part1 .title_box .t1 {
    font-size: 0.42rem;
    margin-bottom: 0.1rem !important;
}

.ind_part1 .title_box .t2 {
    font-size: 0.16rem;
    letter-spacing: 0.06rem;
}

.ind_part1 .swiper-slide {
    text-align: center;

    transition: 300ms;
    /* transform: scale(0.7); */
}

/* .ind_part1 .swiper-slide-active,
.ind_part1 .swiper-slide-duplicate-active {
    transform: scale(1.2,1.5);
    z-index: 2;
    transform-origin: top left;
} */
/* .ind_part1 .swiper-slide-active,
.ind_part1 .swiper-slide-duplicate-active {
    transform: scale(1);
    z-index: 2;
} */
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
   /* display: none !important;*/
}
.xl_box{transform: scale(0.8);}
.xl_swiper .swiper-slide {
    /*padding: 20px !important;*/
}
.xl_swiper .swiper-slide .pic {
    /*height: 6.9rem; */
     height: 6.9rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* .xl_swiper .swiper-slide.slick-current{
    transform: scale(1.5);
} */
.xl_swiper .swiper-slide.swiper-slide-active .pic {
    box-shadow:
        12px 3px 18px 0px rgba(58, 58, 58, 0.19),
        12px 3px 18px 0px rgba(58, 58, 58, 0.04);
}
/* 第一个图片在最上面 */
.xl_swiper .swiper-slide:nth-child(1) img {
    /*z-index: 3;*/
}

/* 第二个图片略为重叠 */
.xl_swiper .swiper-slide:nth-child(2) img {
    /*z-index: 2;
    top: -10px; *//* 根据需要调整重叠的程度 */
}

/* 第三个图片更为重叠 */
.swiper-slide:nth-child(3) img {
   /* z-index: 1;
    top: -20px;*/ /* 根据需要调整重叠的程度 */
}

.xl_swiper .swiper_txt {
    padding-top: 0.6rem;
    color: #fff;
}

.xl_swiper .swiper_txt .t1 {
    font-size: 0.39rem;
    margin-bottom: 0.2rem;
    font-family: "MicrosoftYaHei";
}

.xl_swiper .swiper_txt .t2 {
    font-size: 0.24rem;
    font-family: "MicrosoftYaHeiLight";
}


.xl_swiper .swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 20%;
    right: auto;
    color: #fff;
}

.xl_swiper .swiper-button-next,.swiper-rtl .swiper-button-prev {
    color: #fff;
    right: 20%;
    left: auto
}

.xl_swiper .slick-arrow {
    width: 0.5rem;
    height: 0.5rem;
    border: solid 1px #ffffff;
    position: absolute;
    top: 50%;
    z-index: 2;
    border-radius: 50%;
    left: 20%;
    background-image: url(../images/arr7.png);
    background-size: 0.1rem 0.2rem;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.xl_swiper .slick-arrow.slick-next {
    left: unset;
    right: 20%;
    transform: rotate(0);
}

.xl_swiper .slick-arrow:hover {
    background-color: #00B8CF;
    border: none;
}

.ind_part2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: relative;
}

.ind_part2 .title_box {
    position: absolute;
    top: 10%;
    width: 100%;
    color: #fff;
    text-align: center;
}

.ind_part2 .title_box .t1 {
    font-size: 0.42rem;
    margin-bottom: 0.2rem;
}

.ind_part2 .title_box .t2 {
    font-size: 0.16rem;
    letter-spacing: 0.06rem;
}

.ind_part2 .auto_1550 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    padding-top: 13%;
}

.ind_part2 .ms_con .t1 {
    font-size: 0.3rem;
    margin-bottom: 0.25rem;
    font-family: "MicrosoftYaHei";
    text-transform: uppercase;
}

.ind_part2 .ms_con .t2 {
    font-size: 0.56rem;
    margin-bottom: 0.5rem;
    line-height: 1;
    font-family: "MicrosoftYaHei-Bold";
}

.ind_part2 .ms_con .t3 {
    max-width: 6.5rem;
    font-size: 0.2rem;
    color: #dfdfdf;
    line-height: 0.38rem;
    margin-bottom: 0.6rem;
    font-family: "MicrosoftYaHeiLight";
}

.ind_part2 .ms_con .btn {
    width: 1.7rem;
    text-align: center;
    border: 1px solid #fff;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.2rem 2px 0.2rem 2px;
    color: #fff;
    font-family: "MicrosoftYaHeiLight";
    display: flex;
    align-items: center;
    justify-content: center;
}

.ind_part2 .ms_con .btn img {
    width: 0.22rem;
    margin-left: 0.18rem;
}

.ind_part3 {
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 11.9rem;
    position: relative;
}

.ind_part3 .line_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ind_part3 .line_bg .box {
    position: relative;
    margin: auto;
    width: 81.5625%;
}

.ind_part3 .line_bg .dot_item {
    position: absolute;
    width: 1px;
    height: 1px;
}
.ind_part3 .line_bg .dot_item a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #00B8CF;
    text-align: center;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 0.24rem;
    border-radius: 50%;
    box-shadow: 0px 0px 30px rgba(170, 244, 255);
    cursor: pointer;
    color: #fff;
    width: 1.27rem;
    height: 1.27rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ind_part3 .line_bg .dot_item:nth-child(1) {
    left: 1%;
    bottom: 7%;
}
.ind_part3 .line_bg .dot_item:nth-child(2) {
    left: 15.7%;
    top: 35%;
}
.ind_part3 .line_bg .dot_item:nth-child(3) {
    left: 44.5%;
    top: 3%;
}
.ind_part3 .line_bg .dot_item:nth-child(4) {
    right: 39.5%;
    bottom: 9%;
}
.ind_part3 .line_bg .dot_item:nth-child(5) {
    right: 23%;
    top: 0%;
}
.ind_part3 .line_bg .dot_item:nth-child(6) {
    right: 2%;
    top: 27%;
}
.ind_part3 .case_ban {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 99;
}

.ind_part3 .case_ban .item {
    width: calc(100% / 6);
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    /* display: none; */
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    opacity: 0;
    /* z-index: -1; */
}
.ind_part3 .case_ban .item .link{ width: 100%; height: 100%; position: absolute; top:0; display: block; z-index: 5;}
.ind_part3 .case_ban .item.show {
    opacity: 1;
    z-index: 0;
}

.ind_part3 .case_ban .item .bg {
    background-color: rgba(1, 29, 50, 0.3) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    filter: blur(8px);
    display: none;
}

.ind_part3 .case_ban .item .text {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 80%;
    z-index: 2;
    color: #fff
}

.ind_part3 .case_ban .item .t1 {
    font-size: 0.25rem;
    /*margin-bottom: 0.1rem;*/
}

.ind_part3 .case_ban .item .t2 {
    font-size: calc(48 / 1920 * 100vw);
    margin-bottom: 0.2rem;
	font-weight: bold;
}

.ind_part3 .case_ban .item .t3 {
    font-size: 0.16rem;
    line-height: 1.2;
    color: #a9aebb;
    text-indent: 2em;
    padding: 0 0.3rem;
	letter-spacing: .25em;
}

.ind_part3 .case_ban .item:nth-child(1) {
    background-position: left;
}

.ind_part3 .case_ban .item:nth-child(2) {
    background-position: calc(100% / 5);
}

.ind_part3 .case_ban .item:nth-child(3) {
    background-position: calc((100% / 5) * 2);
}

.ind_part3 .case_ban .item:nth-child(4) {
    background-position: calc((100% / 5) * 3);
}

.ind_part3 .case_ban .item:nth-child(5) {
    background-position: calc((100% / 5) * 4);
}

.ind_part3 .case_ban .item:nth-child(6) {
    background-position: calc((100% / 5) * 5);
}

.ind_part4 {
    padding: 0.4rem 0 0;
}

.ind_part4 .servelist {
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ind_part4 .servelist .item {
    width: 48.523%;
    height: 5.3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.ind_part4 .servelist .item .pic {
    width: 100%;
}
.ind_part4 .servelist .item figure {
    padding-bottom: 85.13%;
    z-index: -1;
    position: relative;
    overflow: hidden;
}
.ind_part4 .servelist .item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    transition: 0.4s;
}
.ind_part4 .servelist .item:hover figure img {
    transform: scale(1.1);
}
.ind_part4 .servelist .item .txt {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.ind_part4 .servelist .item .t1 {
    font-size: 0.52rem;
    margin-bottom: 0.3rem;
    font-family: "MicrosoftYaHei";
}

.ind_part4 .servelist .item .t2 {
    font-size: 0.33rem;
    margin-bottom: 0.55rem;
    font-family: "MicrosoftYaHeiLight";
}

.ind_part4 .servelist .item .btn {
    width: 1.9rem;
    text-align: center;
    height: 0.5rem;
    line-height: 0.5rem;
    border: solid 1px #ffffff;
    font-family: "MicrosoftYaHeiLight";
    color: #fff;
    display: inline-block;
}
.ind_part4 .servelist .item .btn:hover {
    background-color: #00B8CF;
    border-color: #00B8CF;
}
.ind_part5 {
    padding: 1.6rem 0.8rem 0.4rem;
    background-image: url(../images/hzbg.png);
    background-position: center 18%;
    background-size: cover;
    background-repeat: no-repeat;
}

.part .title_box {
    margin-bottom: 0.5rem;
    text-align: center;
}

.part .title_box .t1 {
    font-size: 0.42rem;
    margin-bottom: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
}

.part .title_box .t2 {
    font-size: 0.16rem;
    letter-spacing: 0.06rem;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.ind_part5 .hzlist {
    margin-top: 1rem;
    display: flex;
}

.ind_part5 .hzlist .item {
    display: flex;
    align-items: center;
    padding: 0.45rem 0 0.45rem 0.2rem;
    box-shadow: -7px 10px 49px 1px rgba(152, 171, 190, 0.2);
    background-color: #fff;
    font-size: 0.16rem;
    flex: 1;
    font-family: "MicrosoftYaHei";
}

.ind_part5 .hzlist .item .logo {
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.1rem;
}

.ind_part5 .hzlist .item .logo img {
    max-width: 100%;
    max-height: 100%;
}

.ind_part5 .hzlist .item p {
    line-height: 0.25rem;
}

.ind_part6 {
    background-color: #f6f8fa;
    padding: 0.5rem 0;
    font-family: "MicrosoftYaHei";
}

.ind_part6 .left_title {
    font-size: 0.33rem;
    color: #111111;
    margin-bottom: 0.35rem;
}

.ind_part6 .servelist {
    display: flex;
    justify-content: space-between;
}

.ind_part6 .servelist .item {
    display: flex;
}

.ind_part6 .servelist .icon {
    width: 0.4rem;
    margin-right: 0.15rem;
}

.ind_part6 .servelist .txt {
    max-width: 3rem;
}

.ind_part6 .servelist .txt .t1 {
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
}

.ind_part6 .servelist .txt .t2 {
    font-size: 0.13rem;
    line-height: 0.28rem;
    margin-bottom: 0.25rem;
    color: #657173;
}

.ind_part6 .servelist .txt a {
    color: #657173;
    font-size: 0.13rem;
}

.bottom {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 0.5rem 0 0.15rem;

    font-family: "MicrosoftYaHei";
}

.bottom .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.bottom .left_nav {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.bottom .left_nav .item {
    width: calc(100% / 3);
    max-width: 2rem;
}

.bottom .left_nav .nav_title {
    font-size: 0.2rem;
    color: #fff;
    position: relative;
    padding-bottom: 0.5rem;
    display: block;
}

.bottom .left_nav .nav_title::after {
    position: absolute;
    content: "";
    width: 0.15rem;
    height: 0.05rem;
    background-color: #00B8CF;
    border-radius: 0.02rem;
    bottom: 0.24rem;
    left: 0;
}

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

.bottom .left_nav .nav a {
    font-size: 0.14rem;
    color: #fff;
    width: 50%;
    opacity: 0.3;
    display: block;
    margin-bottom: 0.15rem;
}

.bottom .left_nav .nav a:hover {
    opacity: 1;
}

.bottom .left_nav .item:last-child .nav {
    display: block;
}

.bottom .left_nav .item:last-child .nav a {
    display: block;
    width: auto;
}

.foot_logo {
    width: 3.5rem;
    margin-bottom: 0.67rem;
}

.share ul {
    display: flex;
    justify-content: flex-end;
}

.share li {
    margin-left: 0.2rem;
    position: relative;
}
.share li .hover {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding-bottom: .12rem;
    display: none;
    transform: translateX(-50%);
    z-index: 100;
}
.share li:nth-child(4) .hover{left:-100%}
.share li .hover .warp{ display: flex; width: 4rem; padding: .2rem; border-radius: .1rem; align-items: center; background-color: #fff; }
.share li a::before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%);  bottom: 100%; border: .06rem solid transparent; border-top-color: #fff; display: none; }
.share li .hover figure{width: 1.2rem; flex-shrink: 0;}
.share li .hover .textwarp{ flex: 1; padding: .2rem; }
.share li .hover .textwarp .title{ font-size: .2rem; margin-bottom: .1rem; font-weight: normal; }
.share li .hover .textwarp p{}
.share li figure img {
    width: 100%;
}
.share li:hover a::before{ display: block;}
.share li:hover .hover {
    display: block;
}

.share a {
    display: block;
    width: 0.57rem;
    height: 0.52rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.share .gw_icon {
    background-image: url(../images/gzh.png);
}

.share .wx_icon {
    background-image: url(../images/wx.png);
}

.share .wb_icon {
    background-image: url(../images/wb.png);
}

.share .dy_icon {
    background-image: url(../images/dy.png);
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.3);
}

.copyright p {
    padding: 0 0.25rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.copyright a {
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.3);
    padding-left: 0.25rem;
}

.inner_banner {
    height: 6rem;
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	margin-top: 65px;
}

.inner_banner .auto {
    display: flex;
    align-items: center;
    height: 100%;
}

.inner_banner .banner_con {
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Medium";
}

.inner_banner .banner_con .t1 {
    font-size: 0.46rem;
    margin-bottom: 0.15rem;
}

.inner_banner .banner_con .t2 {
    font-size: 0.2rem;
    opacity: 0.5;
}

@media (max-width: 780px) {
	.inner_banner {
	margin-top: 0;
}
}

.video_banner {
    height: 6rem;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.video_banner .auto {
    display: flex;
    align-items: center;
    height: 100%;
}

.video_banner .banner_con {
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Medium";
    display: flex;
    align-items: flex-end;
    width: 8rem;
    justify-content: space-between;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid rgba(252, 252, 252, 0.39);
}

.video_banner .banner_con .t1 {
    font-size: 0.46rem;
    margin-bottom: 0.15rem;
}

.video_banner .banner_con .t2 {
    font-size: 0.2rem;
    opacity: 0.5;
}

.video_banner .banner_con .play_btn {
    display: flex;
    align-items: center;
}

.video_banner .banner_con .play_btn img {
    width: 0.2rem;
    margin-right: 0.1rem;
}

.products_nav {
    background-color: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products_nav .item {
    width: 2rem;
    height: 2rem;
    border: 1px solid #e0e0e0;
    border-right: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 0.18rem;
    color: #333333;
    cursor: pointer;
}

.products_nav .item:last-child {
    border-right: 1px solid #e0e0e0;
}

.products_nav .item .icon {
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 0.15rem;
}

.products_nav .item.on {
    background-color: #00B8CF;
    border: none;
    color: #fff;
}

.products_nav .item.on .icon img {
    filter: brightness(100);
}

.products_nav .item:hover {
    background-color: #00B8CF;
    border: none;
    color: #fff;
}

.products_nav .item:hover .icon img {
    filter: brightness(100);
}

.pro_l3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.8rem;
}

.pro_l3 .item {
    padding: 0 0.3rem;
    line-height: 0.65rem;
    border-radius: 0.05rem;
    background-color: #f2f2f2;
    font-size: 0.2rem;
    margin: 0 0.1rem;
    color: #000000;
}

.pro_l3 .item.on {
    background-color: #00B8CF;
    color: #fff;
}

.pro_l3 .item:hover {
    background-color: #00B8CF;
    color: #fff;
}

.pro_box .pro_item {
    padding: 0.8rem 0;
    background-color: #ffffff;
}

.pro_box .pro_item:nth-child(even) {
    background-color: #f1f3f5;
}

.pro_box .pro_item .pro_title {
    text-align: center;
    margin-bottom: 0.65rem;
}

.pro_box .pro_item .pro_title .en {
    color: #00B8CF;
    margin-bottom: 0.2rem;
    font-size: 0.12rem;
}

.pro_box .pro_item .pro_title .cn {
    color: #111111;
    font-size: 0.4rem;
    line-height: 1;
    font-family: "HarmonyOS_Sans_SC_Medium";
}

.pro_box .pro_item .pro_list {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.pro_box .pro_item .pro_list .item {
    border-radius: 0.15rem;
    border: solid 1px #bebebe;
    background-color: #ffffff;
    width: calc((100% - 9%) / 4);
    /* width: 3.6rem; */
    margin-right: 3%;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 0.4rem;
    margin-bottom: 0.4rem;
}

.pro_box .pro_item .pro_list .item:nth-child(4n) {
    margin-right: 0;
}

.pro_box .pro_item .pro_list .item figure {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.4rem;
}

.pro_box .pro_item .pro_list .item figure img {
    max-height: 100%;
}

.pro_box .pro_item .pro_list .item .txt {
    width: 100%;
}

.pro_box .pro_item .pro_list .item .txt .t1 {
    font-size: 0.1rem;
    color: #999999;
}

.pro_box .pro_item .pro_list .item .txt .t2 {
    font-size: 0.22rem;
    color: #111111;
    font-family: "HarmonyOS_Sans_SC_Medium";
}

.pro_box .pro_item .case_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.pro_box .pro_item .case_list .item {
    width: calc((100% - 6.25%) / 3);

    margin-bottom: 0.7rem;
}

.pro_box .pro_item .case_list .item figure {
    width: 100%;
    margin-bottom: 0.3rem;
    position: relative;
}
.pro_box .pro_item .case_list .item figure label {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    padding: 0.05rem 0.1rem;
    border-radius: 5px;
    background-color: #00B8CF;
    color: #fff;
}
.pro_box .pro_item .case_list::after {
    content: "";
    width: calc((100% - 6.25%) / 3);
}

.pro_box .pro_item .case_list .item .txt {
    font-size: 0.2rem;
}

.pro_box .pro_item .pro_more {
    width: 2.8rem;
    height: 0.6rem;
    background-color: #ffffff;
    border-radius: 0.2rem 2px 0.2rem 2px;
    border: solid 1px #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    font-size: 0.18rem;
    margin: 0 auto;
    cursor: pointer;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.pro_box .pro_item .pro_more img {
    width: 0.18rem;
    margin-left: 0.3rem;
}

.pro_banner {
    position: relative;
}

.pro_banner .item {
    width: 100%;
    height: 5.5rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pro_banner .item .auto_1550 {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
}

.pro_banner .item .banner_con .en {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
    color: #00B8CF;
}

.pro_banner .item .banner_con .t1 {
    font-size: 0.4rem;
    margin-bottom: 0.3rem;
    color: #111111;
}

.pro_banner .item .banner_con .t2 {
    font-size: 0.15rem;
    margin-bottom: 0.5rem;
    line-height: 0.27rem;
    color: #555555;
    font-family: "HarmonyOS_Sans_SC_Light";
    max-width: 45%;
}

.pro_banner .item .banner_con .btn {
    width: 1.8rem;
    text-align: center;
    height: 0.5rem;
    background-color: #000000;
    border-radius: 0.2rem 2px 0.2rem 2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.pro_banner .item .banner_con .btn img {
    width: 0.22rem;
    margin-left: 0.1rem;
}

.scheme_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.scheme_box .left_img {
    width: 51.25%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.scheme_box .left_img .item {
    width: 48.8%;
    height: 2.8rem;
    position: relative;
    margin-bottom: 0.2rem;
}

.scheme_box .left_img .item:nth-child(3),
.scheme_box .left_img .item:nth-child(4) {
    margin-bottom: 0;
}

.scheme_box .left_img .item figure {
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover;
}

.scheme_box .left_img .item .text {
    width: 100%;
    padding: 0.2rem;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, #000000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
}

.scheme_box #whir_3 {
    width: 47.5%;
}

.scheme_box .right_form {
    background-color: #ffffff;
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.14);
    padding: 0.35rem 0.45rem;
}

.scheme_box .right_form .form_title {
    font-size: 0.24rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #dce7e8;
    font-family: "HarmonyOS_Sans_SC_Bold";
}

.scheme_box .right_form .form_con {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.scheme_box .right_form .form_con .input_box {
    width: 42.76%;
    margin-top: 0.2rem;
}

.scheme_box .right_form .form_con .input_box input {
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 0.05rem;
    border: none;
    line-height: 0.5rem;
    margin-top: 0.1rem;
    padding: 0 0.15rem;
}
.scheme_box .right_form .form_con .input_box input.textcode{ width: 50%; margin-right: 0.1rem} 
.scheme_box .right_form .form_con .input_box p {
    font-size: 0.16rem;
    color: #000000;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.scheme_box .right_form .form_con .input_box span {
    font-size: 0.16rem;
    color: #ff0000;
}

.scheme_box .right_form .form_con .input_box select {
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 0.05rem;
    border: none;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-top: 0.1rem;
    padding: 0 0.15rem;
}
.scheme_box .right_form .form_con .input_box2,
.scheme_box .right_form .form_con .input_box:last-child {
    width: 100%;
    margin-top: 0.2rem;
}

.scheme_box .right_form .form_con .input_box textarea {
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 0.05rem;
    border: none;
    height: 1rem;
    line-height: 1.2;
    margin-top: 0.1rem;
    padding: 0.15rem;
}

.scheme_box .right_form .form_btn {
    width: 100%;
    line-height: 0.5rem;
    background-color: #00B8CF;
    border-radius: 0.05rem;
    color: #fff;
    margin-top: 0.2rem;
    text-align: center;
    cursor: pointer;
}

.scheme_box .right_form .form_tips {
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
    color: #333333;
    margin-top: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.join_table table {
    width: 100%;
}

.join_table table tr:nth-child(even) td {
    background-color: #f9f9f9;
}

.join_table table tr td {
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.16rem;
    border: 1px solid #e0e4e5;
}

.join_table table tr td:last-child {
    text-align: left;
    padding-left: 0.5rem;
    line-height: 1.5;
}

.join_table table tr:first-child td {
    background-color: #555555;
    color: #fff;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.5rem;
}

.join_table table tr td:nth-child(1) {
    width: 16.25%;
}

.join_table table tr td:nth-child(2) {
    width: 21.66%;
}

.join_table table tr td:nth-child(3) {
    width: 20.33%;
}

.join_table table tr td:nth-child(4) {
    width: 41.66%;
}

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

.service_flex .left_box {
    width: 37.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}

.service_flex .left_box .icon {
    width: 0.6rem;
    margin-bottom: 0.3rem;
}

.service_flex .left_box .t1 {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
}

.service_flex .left_box .t2 {
    font-size: 0.16rem;
    margin-bottom: 0.55rem;
}

.service_flex .left_box .code {
    width: 1.55rem;
}

.service_flex .right_box {
    width: 61.25%;
}

.service_flex .right_box .item {
    height: 2.9rem;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 0 13% 0 8%;
}

.service_flex .right_box .item:last-child {
    margin-bottom: 0;
}

.service_flex .right_box .item .txt {
    display: flex;
    align-items: center;
}

.service_flex .right_box .item .icon {
    width: 0.7rem;
    margin-right: 0.6rem;
}

.service_flex .right_box .item .t1 {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
}

.service_flex .right_box .item .t2 {
    font-size: 0.16rem;
    line-height: 1.5;
}

.service_flex .right_box .item .t3 {
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}

.service_flex .right_box .item .btn {
    width: 1.75rem;
    text-align: center;
    height: 0.5rem;
    border: 1px solid #fff;
    border-radius: 0.2rem 2px 0.2rem 2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_flex .right_box .item .btn img {
    width: 0.2rem;
    margin-left: 0.1rem;
}
@media (max-width: 768px) {
    .service_flex .right_box .item{ flex-wrap: wrap; }
    .service_flex .right_box .item .txt{ width: 100%;}
}
@media (max-width: 640px) {
    .service_flex{ flex-wrap: wrap;}
    .service_flex .left_box{ width: 100%; margin-bottom: .2rem; padding: .3rem 0;}
    .service_flex .right_box{ width: 100%;}
}

.icon_nav {
    display: flex;
    align-items: center;
    justify-content:center;
    padding-bottom: 1rem;
}

.icon_nav .item {
    display: flex;
    align-items: center;
    padding: 0 0.3rem;
    border-right: 1px solid #e0e0e0;
}

.icon_nav .item:last-child {
    border-right: 0;
}

.icon_nav .item .icon {
    width: 0.45rem;
    height: 0.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.15rem;
}

.icon_nav .item .icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.icon_nav .item .t1 {
    font-size: 0.2rem;
    line-height: 1;
}

.icon_nav .item .t2 {
    font-size: 0.14rem;
    color: #999999;
}
@media (max-width: 1600px) {
    .icon_nav{ justify-content: space-between;}
    .icon_nav .item{ padding: 0 .2rem;}
}
@media (max-width: 1024px) {
    .icon_nav{ flex-wrap: wrap; gap: .2rem 0;}
    .icon_nav .item{ padding: 0 .2rem; width: 33.33%;}
}
@media (max-width: 640px) {
    .icon_nav .item{ width: 50%;}
}
.pro_title {
    text-align: center;
    margin-bottom: 0.65rem;
}

.pro_title .en {
    color: #00B8CF;
    margin-bottom: 0.2rem;
    font-size: 0.12rem;
}

.pro_title .cn {
    color: #111111;
    font-size: 0.4rem;
    line-height: 1;
}

.contact_box {
    padding-top: 0.8rem;
    padding-bottom: 1rem;
}

.contact_box .part1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.contact_box .part1 .item {
    text-align: center;
    width: calc(100% / 3);
}

.contact_box .part1 .item .icon {
    width: 0.9rem;
    margin: 0 auto;
    margin-bottom: 0.3rem;
}

.contact_box .part1 .item .t1 {
    color: #00B8CF;
    font-size: 0.2rem;
    margin-bottom: 0.3rem;
}

.contact_box .part1 .item .t2 {
    color: #555555;
    font-size: 0.18rem;
}

.contact_box .part2 {
}

.contact_box .part2 li {
    box-shadow: 0px 0px 29px 1px rgba(194, 194, 194, 0.36);
    border-radius: 0px 0.3rem 0px 0.3rem;
    border: solid 1px #e8ebee;
    overflow: hidden;
    display: flex;
    margin-bottom: 0.5rem;
}

.contact_box .part2 li:last-child {
    margin-bottom: 0;
}

.contact_box .part2 li .pic {
    background-position: center;
    background-size: cover;
    width: 50%;
}

.contact_box .part2 li .txt_box {
    padding: 0.8rem 0.7rem;
    width: 50%;
}

.contact_box .part2 li .txt_box .title {
    margin-bottom: 0.6rem;
}

.contact_box .part2 li .txt_box .title .cn {
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
}

.contact_box .part2 li .txt_box .title .en {
    font-size: 0.16rem;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.contact_box .part2 li .txt_box .info {
    font-size: 0.16rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact_box .part2 li .txt_box .info .item {
    width: 100%;
    margin-bottom: 0.35rem;
}

.contact_box .part2 li .txt_box .info .item:nth-child(1),
.contact_box .part2 li .txt_box .info .item:nth-child(2),
.contact_box .part2 li .txt_box .info .item:nth-child(3) {
    width: calc(100% / 3);
}

.contact_box .part2 li .txt_box .info .item .icon {
    margin-bottom: 0.15rem;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.contact_box .part2 li .txt_box .info .item .icon img {
    margin-right: 0.1rem;
}

.contact_box .part2 li .txt_box .info .item:last-child {
    margin-bottom: 0;
}

.service_nav {
    background-color: #e6e6e6;
}
#aueArea {
    background-color: #fafafa;
}

.service_nav .auto {
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_nav li {
    padding: 0 0.2rem;
    margin: 0 0.1rem;
}

.service_nav li a {
    line-height: 0.58rem;
    display: block;
    font-size: 0.2rem;
    white-space: nowrap;
}

.service_nav li.aon {
    border-bottom: 0.04rem solid #00B8CF;
}

.service_con .pro_l3 {
    margin: 0.6rem auto;
}

.service_table .title {
    font-size: 0.24rem;
    margin-bottom: 0.3rem;
}

.service_table .item {
    margin-bottom: 0.5rem;
}

.service_table .table1 {
    width: 100%;
}

.service_table .table1 tr td {
    line-height: 0.65rem;
    font-size: 0.16rem;
    border: 1px solid #e0e4e5;
}

.service_table .table1 tr:first-child td {
    background-color: #555555;
    color: #fff;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.6rem;
    padding: 0;
}

.service_table .table1 tr:nth-child(4) td,
.service_table .table1 tr:nth-child(5) td {
    background-color: #f1f3f5;
}

.service_table .table1 tr:first-child td:first-child {
    width: 25%;
}

.service_table .table1 tr:first-child td:nth-child(2) {
    width: 20%;
}

.service_table .table1 tr:first-child td:last-child {
    width: 55%;
}

.service_table .table1 tr td {
    padding-left: 0.2rem;
}

.service_table .table1 tr:nth-child(2) td:first-child {
    width: 8%;
    text-align: center;
    padding: 0;
}

.service_table .table1 tr td.row2 {
    text-align: center;
}

.service_table .item .table2 {
    width: 100%;
}

.service_table .item .table2 tr:first-child td:nth-child(1) {
    width: 10%;
}

.service_table .item .table2 tr:first-child td:nth-child(2) {
    width: 57.5%;
}

.service_table .item .table2 tr:first-child td:nth-child(3) {
    width: 16.25%;
}

.service_table .item .table2 tr:first-child td:nth-child(4) {
    width: 16.25%;
}

.service_table .table2 tr td {
    line-height: 0.65rem;
    font-size: 0.16rem;
    border: 1px solid #e0e4e5;
    padding-left: 0.2rem;
}

.service_table .table2 tr:first-child td {
    background-color: #555555;
    color: #fff;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.6rem;
    padding: 0;
}

.service_table .item .table2 tr:nth-child(odd) {
    background-color: #f1f3f5;
}

.service_table .table2 tr:nth-child(2) td:first-child {
    text-align: center;
    padding: 0;
}

.service_tips {
    margin-bottom: 0.6rem;
}

.service_tips .t1 {
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}

.service_tips aside {
    font-size: 0.16rem;
    line-height: 2;
}

.media_con {
    padding-top: 0.4rem;
    padding-bottom: 0.6rem;
}

.media_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}

.media_top .download_l {
    display: flex;
    align-items: center;
    background-image: linear-gradient(0deg, #f1f3f5 0%, #ffffff 100%);
    height: 0.6rem;
    width: 57%;
    border-radius: 3px;
}

.media_top .download_l .txt {
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
    flex: 1;
    font-size: 0.18rem;
}

.media_top .download_l .txt img {
    width: 0.18rem;
    margin-right: 0.1rem;
}

.media_top .download_l .btn {
    width: 1.25rem;
    background-color: #000000;
    color: #fff;
    line-height: 0.6rem;
    text-align: center;
    cursor: pointer;
}

.media_top .search_r {
    display: flex;
    align-items: center;
    border: solid 1px #edf0f2;
    width: 41.6%;
}

.media_top .search_r input {
    border: none;
    flex: 1;
    height: 0.6rem;
    padding: 0.2rem;
    font-size: 0.18rem;
}

.media_top .search_r .btn {
    background-color: #00B8CF;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 0.6rem;
    width: 1.1rem;
    cursor: pointer;
}

.media_table table {
    width: 100%;
    margin-bottom: 0.45rem;
}

.media_table table tr td {
    line-height: 0.5rem;
    font-size: 0.16rem;
    border: 1px solid #e0e4e5;
    text-align: center;
}

.media_table.left_txt table tr td {
    line-height: 2;

    font-size: 0.16rem;
    border: 1px solid #e0e4e5;
    text-align: left;
    padding: 0.15rem 0.3rem;
}

.media_table table tr:first-child td {
    background-color: #555555;
    color: #fff;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.6rem;
    padding: 0;
}

.media_table table tr td:nth-child(2) {
    text-align: left;
    padding: 0 0.3rem;
}

.media_table table tr:nth-child(odd) {
    background-color: #f1f3f5;
}

.media_table table tr td:last-child img {
    vertical-align: middle;
}

.media_table table tr td:last-child {
    cursor: pointer;
}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .a_first,
.Pages .a_end,
.Pages .p_jump{ display: none;}
.Pages .p_page {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Pages a {
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    border-radius: 50%;
    border: solid 1px rgba(153, 153, 153, 0.2);
    margin: 0 0.05rem;
    background-size: 7px;
}
.Pages a img{
    width: 7px;
}

.Pages .a_prev {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/arr4.png);
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}

.Pages .a_next {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    background-image: url(../images/arr4.png);
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}

.Pages .num Numeric {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Pages em {
    font-style: normal;
    font-size: 0.14rem;
    line-height: 0.4rem;
    text-align: center;
}

.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #00B8CF; background:#00B8CF;}

.Pages a.on {
    background-color: #00B8CF;
    color: #fff;
}

.Pages a:hover {
    background-color: #00B8CF;
    color: #fff;
}

.Pages a.on img {
    filter: brightness(0);
}

.Pages a:hover img {
    filter: brightness(0);
}

.tc_pop {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
    display: none;
}

.laye {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.auth_con {
    width: 40%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #ffffff;
    border-radius: 0.18rem;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0.5rem 0.4rem 0.6rem;
}

.auth_con .title_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.25rem;
    border-bottom: solid 1px #dce7e8;
    margin-bottom: 0.4rem;
}

.auth_con .title_top .txt {
    font-size: 0.32rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
}

.auth_con .title_second {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
}

.auth_con .title_second .txt {
    font-size: 0.32rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
    text-align: left;
}

.auth_con .title_second .txt p {
    font-size: 0.18rem;
    font-family: "HarmonyOS_Sans_SC";
    color: #111111;
    opacity: 07;
}

.auth_con .title_top .close {
    width: 0.2rem;
    height: 0.2rem;
    background-image: url(../images/icon23.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.auth_input {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 0.15rem;
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
}

.auth_input input {
    background-color: #ffffff;
    border: none;
    height: 0.6rem;
    flex: 1;
    padding: 0 0.2rem;
}

.auth_input .btn {
    width: 1.1rem;
    height: 0.6rem;
    background-color: #000000;
    border-radius: 5px;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
    margin-left: 0.1rem;
    cursor: pointer;
}

.auth_con .video_type {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid #dce7e8;
}

.auth_con .video_type .item {
    width: calc((100% - 0.45rem) / 4);
    background-color: rgba(0, 0, 0, 0.05);
    line-height: 0.65rem;
    text-align: center;
    border-radius: 0.05rem;
    margin-right: 0.15rem;
    margin-bottom: 0.15rem;
    cursor: pointer;
    font-size: 0.2rem;
}

.auth_con .video_type .item:nth-child(4n + 4) {
    margin-right: 0;
}

.auth_con .video_type .item.aon {
    background-color: #00B8CF;
    color: #fff;
}

.auth_con .doload_btn {
    width: 100%;
    line-height: 0.85rem;
    text-align: center;
    background-color: #5a5a5a;
    border-radius: 5px;
    font-size: 0.28rem;
    color: #fff;
    margin-top: 0.4rem;
    cursor: pointer;
}

.network_con {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.network_con .select_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}

.network_con .select_top .item {
    width: calc((100% - 0.2rem) / 3);
    height: 0.5rem;
    border-radius: 3px;
    border: solid 1px #edf0f2;
    background-image: linear-gradient(0deg, #f1f3f5 0%, #ffffff 100%);
    position: relative;
}

.network_con .select_top .item select {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    /* 移除iOS上的默认外观 */
    -moz-appearance: none;
    /* 移除Firefox上的默认外观 */
    appearance: none;
    /* 为了自定义箭头移除默认下拉箭头 */
    padding: 0 0.2rem;
}

.network_con .select_top .item select option {
    line-height: 0.5rem;
}

.network_con .select_top .item::after {
    position: absolute;
    content: "";
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/arr5.png);
    width: 0.2rem;
    height: 0.2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.network_con .network_map {
    display: flex;
    justify-content: space-between;
}

.network_con .network_map .left_list {
    width: calc((100% - 0.2rem) / 3);
    margin-right: 0.1rem;
}

.network_con .network_map .left_list .item {
    width: 100%;
    padding: 0.3rem 0.25rem;
    border: 1px solid #edf0f2;
}

.network_con .network_map .left_list .item .tit {
    font-size: 0.22rem;
    margin-bottom: 0.1rem;
}

.network_con .network_map .left_list .item .num {
    font-size: 0.18rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    color: #00B8CF;
    display: flex;
    align-items: center;
}

.network_con .network_map .left_list .item .num img {
    margin-right: 0.1rem;
}

.network_con .network_map .right_map {
    flex: 1;
}

.service_search {
    /*padding: 0.5rem 0;
    background-color: #fafafa;*/
    padding: 0.3rem 0;
    background-color: #e6e6e6;
}

.service_search .search_box {
    max-width: 11.1rem;
    padding: 0.15rem;
    background-color: #e8f1f2;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-size: 0.2rem;
}

.service_search .search_box .input {
    flex: 1;
    margin-right: 0.1rem;
    position: relative;
}

.service_search .search_box input {
    width: 100%;
    background-color: #fff;
    border: none;
    height: 0.6rem;
    padding: 0 0.2rem;
    font-size: 0.2rem;
}

.service_search .search_box .input::after {
    background-image: url(../images/search2.png);
    width: 0.24rem;
    height: 0.24rem;
    content: "";
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}

.service_search .search_box .btn {
    width: 1.1rem;
    line-height: 0.6rem;
    text-align: center;
    background-color: #00B8CF;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

.video_nav {
    padding: 0.15rem 0;
    border-bottom: 1px solid #dce8e9;
}

.video_nav .auto {
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_nav .auto .item {
    line-height: 0.3rem;
    width: 0.8rem;
    text-align: center;
    color: #333333;
    margin: 0 0.1rem;
}

.video_nav .auto .item.on {
    background-color: #00B8CF;
    color: #fff;
}

.video_list {
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.video_list::after {
    content: "";
    width: calc((100% - 1rem) / 3);
}

.video_list .item {
    width: calc((100% - 1rem) / 3);
    height: 2.8rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 0.6rem;
    cursor: pointer;
}

.video_list .item .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(../images/play.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 11;
}
.video_list .item .mask{
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    color: #fff;
    width: 100%;
    height: 100%;
    display: none;
}
.video_list .item:hover .mask{
    display: block;
}
.video_list .item .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    line-height: 1.6;
    color: #fff;
    width: 100%;
    text-align: center;
    font-family: "HarmonyOS_Sans_SC_Light";
    min-height: .6rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 0 .1rem;
}


.brand_new .top_new {
    overflow: hidden;
    padding: 0 0.05rem;
}

.brand_new .top_new .item {
    box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, 0.05);
    border: solid 1px #ececec;
    width: calc((100% - 0.8rem) / 3);
    padding: 0.5rem 0.4rem 0.4rem;
    margin-bottom: 0.5rem;
    background-color: #fff;
}

.brand_new .top_new::after {
    width: calc((100% - 0.8rem) / 3);
    content: "";
}

.brand_new .top_new .item .t1 {
    color: #00B8CF;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-bottom: 0.15rem;
}

.brand_new .top_new .item .t2 {
    margin-bottom: 0.3rem;
    font-size: 0.2rem;
}

.brand_new .top_new .item .t3 {
    font-family: "HarmonyOS_Sans_SC_Light";
    color: #49565e;
    margin-bottom: 0.25rem;
}

.brand_new .top_new .item .img {
    width: 100%;
    height: 2.45rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.brand_new .new_list {
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brand_new .new_list::after{
    content: '';
    width: calc(100% / 3);
}

.brand_new .new_list .item {
    width: calc( calc(100% - 0.6rem) / 3);
    /* padding: 0.15rem 0.4rem; */
    /* display: flex;
    justify-content: space-between; */
    
    border: solid 1px rgba(226, 226, 226, 0.25);
    margin-bottom: 0.3rem;
    background-color: #f8f8f8;
}

.brand_new .new_list .item .time {
    margin-top: 0.3rem;
    color: #00B8CF;
    font-size: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    padding: 0 .3rem;
    margin-bottom: .3rem;
}

.brand_new .new_list .item .txt {
    margin-top: 0.3rem;
    flex: 1;
    color: #333333;
}

.brand_new .new_list .item .txt .t1 {
    margin-bottom: 0.3rem;
    font-size: 0.2rem;
    padding: 0 .3rem;
    height: calc( 64 / 20 * 1em);
}

.brand_new .new_list .item .txt .t2 {
    margin-bottom: 0.3rem;
    font-size: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-bottom: 0.4rem;
}

.brand_new .new_list .item .txt .t3 {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.16rem;
}

.brand_new .new_list .item .img {
    width: 100%;
    height: 2.6rem;
    overflow: hidden;
    position: relative;
}
.brand_new .new_list .item .img img{
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    transition: all 0.5s;
}
.brand_new .new_list .item:hover .img img{
    transform: translateY(-50%) scale(1.05);
}
.brand_new .new_list .item:hover{
    box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, 0.05);
    background-color: #f2f2f2;
} 

.p_case {
    padding-bottom: 1rem;
}

.p_case .top_case {
    padding: 0 0 0.8rem 0;
    border-bottom: 1px solid #eeeeee;
}

.p_case .top_case .item {
    display: flex;
    align-items: center;
    background-color: #fff;
}

.p_case .top_case .img {
    width: 8.6rem;
    height: 5.16rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.p_case .top_case .img label {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    padding: 0.05rem 0.1rem;
    border-radius: 5px;
    background-color: #00B8CF;
    color: #fff;
}

.p_case .top_case .txt {
    padding: 1.2rem 0.7rem;
}

.p_case .top_case .txt .t1 {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.18rem;
    margin-bottom: 0.15rem;
}

.p_case .top_case .txt .t2 {
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.22rem;
    margin-bottom: 0.4rem;
}

.p_case .case_list {
    padding: 0.8rem 0 0.4rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
}

.p_case .case_list .item {
    width: calc((100% - .4rem) / 3);
    position: relative;
    cursor: pointer;
}
.p_case .case_list .item .mask{
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    color: #fff;
    width: 100%;
    height: 100%;
    display: none;
}
.p_case .case_list .item:hover .mask{
    display: block;
}
.p_case .case_list::after {
    content: "";
    width: calc((100% - 1rem) / 3);
}

.p_case .case_list .item .img {
    width: 100%;
    height: 3rem;
    /*margin-bottom: 0.3rem;*/
    position: relative;
    background-size: cover;
	background-position: center;
}
.p_case .case_list .item .img label {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    padding: 0.05rem 0.1rem;
    border-radius: 5px;
    background-color: #00B8CF;
    color: #fff;
}
.p_case .case_list .item .txt {
    font-size: 0.2rem;
    color: #fff;
    position: absolute;
    bottom: .3rem;
    padding: 0 .15rem;
z-index:5;
}

.about_con {
    padding-top: 1rem;
}

.about_con .part1 .flex_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
}

.about_con .part1 .left_txt {
    width: 35%;
}

.about_con .part1 .right_video {
    width: 55.6%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_con .about_tit {
}

.about_con .about_tit .en {
    color: #00B8CF;
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
	text-transform: uppercase;
}

.about_con .about_tit .cn {
    color: #111111;
    font-size: 0.4rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1;
}

.about_con .part1 .left_txt aside {
    margin-top: 0.4rem;
    margin-bottom: 1rem;
    line-height: 2;
}

.about_con .part1 .left_txt .gp_part {
}

.about_con .part1 .left_txt .gp_part .t1 {
    font-size: 0.24rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #edf0f2;
    color: #00B8CF;
}

.about_con .part1 .left_txt .gp_part ul {
    display: flex;
    align-items: center;
    padding-bottom: 0.35rem;
    padding-top: 0.2rem;
}

.about_con .part1 .left_txt .gp_part ul li {
    width: 50%;
}

.about_con .part1 .left_txt .gp_part ul li .num {
    font-size: 0.3rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    color: #00B8CF;
}

.about_con .part1 .left_txt .gp_part ul li .num span {
    margin-left: 0.05rem;
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.16rem;
    color: #555555;
}

.about_con .part1 .left_txt .gp_part ul li p {
    color: #555555;
}
.about_con .part1 .left_txt .gp_part .download_box {
    overflow: hidden;
}
.about_con .part1 .left_txt .gp_part .download_box .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(0deg, #f1f3f5 0%, #ffffff 100%);
    border-radius: 0.03rem;
    border: solid 1px #edf0f2;
    height: 0.5rem;
    padding: 0 0.2rem;
}

.about_con .part1 .jj_icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.about_con .part1 .jj_icon .item {
    /* padding: 0 0.6rem; */
    border-right: 1px solid #e7e7e7;
    text-align: center;
    white-space: nowrap;
}

.about_con .part1 .jj_icon .item img {
    width: 0.9rem;
    margin-bottom: 0.2rem;
}

.about_con .part1 .jj_icon .item:last-child {
    border: none;
}
@media (max-width: 640px) {
    .about_con .part1 .flex_box {
        flex-flow: column wrap;
        gap: 0.5rem;
    }
    .about_con .part1 .left_txt,
    .about_con .part1 .right_video {
        width: 100%;
    }
}
.about_con .part2 {
    display: flex;
    /*background-image: url(../uploadfiles/aboutbgl.jpg);*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.about_con .part2 .left_p {
    width: 50%;
    /* background-color: #e6eef0; */
    padding: 0.8rem 0.9rem 0.9rem 1.6rem;
}

.about_con .part2 .right_p {
    width: 100%;
    /* background-color: #f1f3f5; */
    padding: 0.8rem 1.6rem 0.9rem 1.6rem;
}

.about_con .part2 .about_tit {
    margin-bottom: 0.75rem;
}
.about_con .part2 .right_p .list{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.about_con .part2 .right_p .list .item{ width:46%;}
.about_con .part2 .left_p .list .item {
    display: flex;
    align-items: center;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #dce0e4;
    color: #333333;
    margin-bottom: 0.5rem;
}

.about_con .part2 .left_p .list .item .time {
    padding-right: 0.4rem;
    border-right: 1px solid #cfd5db;
    text-align: center;
    color: #555555;
}

.about_con .part2 .left_p .list .item:last-child {
    margin-bottom: 0;
}

.about_con .part2 .left_p .list .item .time p {
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.4rem;
    position: relative;
    margin-bottom: 0.05rem;
}

.about_con .part2 .left_p .list .item .time p::after {
    content: "";
    position: absolute;
    width: 0.25rem;
    height: 1px;
    background-color: #c5c5c5;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.about_con .part2 .left_p .list .item .title {
    padding-left: 0.4rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.about_con .part2 .right_p .list .item {
    padding-bottom: 0.2rem;
    border-bottom: 1px #7d7d7d dashed;
    display: block;
    margin-bottom: 0.3rem;
}



.about_con .part2 .right_p .list .time {
    color: #999999;
    margin-bottom: 0.1rem;
}

.about_con .part2 .right_p .list .title {
    font-size: 0.2rem;
}

.about_con .part2 .more_btn {
    width: 1.6rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 5px 5px 13px 1px rgba(149, 212, 229, 0.36);
    border-radius: 0.2rem 2px 0.2rem 2px;
    border: solid 1px #c7dae2;
    color: #555555;
    margin: 0 auto;
    margin-top: 0.4rem;
    cursor: pointer;
}

.about_con .part2 .more_btn img {
    width: 0.18rem;
    margin-left: 0.07rem;
}

.about_con .part3 {
    position: relative;
    padding-top: 3.9rem;
    padding-bottom: 1rem;
}

.about_con .part3 .bg {
    width: 100%;
    height: 6rem;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.about_con .part3 .auto {
    display: flex;
    justify-content: space-between;
}

.about_con .part3 .auto .list {
    width: 45%;
    background-color: #ffffff;
    box-shadow: 0px 0px 0.3rem 1px rgba(194, 194, 194, 0.36);
    border-radius: 0px 0.3rem 0px 0.3rem;
    border: solid 1px #e8ebee;
    padding: 0.7rem 0.6rem 0.5rem;
}

.about_con .part3 .auto .list .about_tit {
    margin-bottom: 0.45rem;
}

.about_con .part3 .auto .list .item {
    padding-bottom: 0.1rem;
    border-bottom: 1px #f0f4f7 solid;
    display: block;
    margin-bottom: 0.1rem;
}

.about_con .part3 .list .item:last-child {
    margin-bottom: 0;
}

.about_con .part3 .list .time {
    color: #999999;
    margin-bottom: 0.1rem;
}

.about_con .part3 .list .title {
    font-size: 0.2rem;
    overflow: hidden; /* 确保超出容器的文本被裁剪 */
    white-space: nowrap; /* 确保文本在一行内显示 */
    text-overflow: ellipsis;
}

.about_con .part3 .more_btn {
    width: 1.6rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 5px 5px 13px 1px rgba(149, 212, 229, 0.36);
    border-radius: 0.2rem 2px 0.2rem 2px;
    border: solid 1px #c7dae2;
    color: #555555;
    margin: 0 auto;
    margin-top: 0.4rem;
    cursor: pointer;
}

.about_con .part3 .more_btn img {
    width: 0.18rem;
    margin-left: 0.07rem;
}

.about_con .part4 {
    background-color: #f1f3f5;
    padding: 0.8rem 0;
}

.about_con .part4 .auto {
    display: flex;
    justify-content: space-between;
}

.about_con .part4 .zl_part {
    width: 66%;
    padding-right: 0.95rem;
    position: relative;
}

.about_con .part4 .zl_part .zl_swiper {
    margin-top: 0.6rem;
    overflow: hidden;
}

.about_con .part4 .zl_part .swiper-slide {
    background-color: #ffffff;
    border-radius: 0.15rem 0px 0.15rem 0px;
    border: solid 1px #e8ebee;
    padding: 0.45rem 0.4rem;
}

.about_con .part4 .zl_part .swiper-slide .time {
    font-family: "HarmonyOS_Sans_SC_Medium";
    color: #555555;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 0.3rem;
}

.about_con .part4 .zl_part .swiper-slide .time p {
    font-size: 0.4rem;
}

.about_con .part4 .zl_part .swiper-slide .time span {
    font-size: 0.14rem;
}

.about_con .part4 .zl_part .swiper-slide .title {
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-bottom: 0.5rem;
}

.about_con .part4 .zl_part .swiper-slide .more_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #555555;
}

.about_con .part4 .zl_part .swiper-slide .more_btn img {
    width: 0.18rem;
    margin-left: 0.1rem;
}

.about_con .part4 .zl_part .swiper-button-next,
.about_con .part4 .zl_part .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: solid 1px #00B8CF;
    right: 0;
}

.about_con .part4 .zl_part .swiper-button-prev {
    left: unset;
    bottom: 0;
    top: unset;
}

.about_con .part4 .zl_part .swiper-button-next {
    left: unset;
    bottom: 0.7rem;
    top: unset;
}

.about_con .part4 .zl_part .swiper-button-next::after,
.about_con .part4 .zl_part .swiper-button-prev::after {
    font-size: 0.22rem;
    color: #00B8CF;
}

.about_con .part4 .zl_part .swiper-button-next:hover,
.about_con .part4 .zl_part .swiper-button-prev:hover {
    background-color: #00B8CF;
}

.about_con .part4 .zl_part .swiper-button-next:hover::after,
.about_con .part4 .zl_part .swiper-button-prev:hover::after {
    color: #fff;
}

.about_con .part4 .bh_part {
    width: 22.5%;
}

.bh_swiper {
    margin-top: 0.6rem;
}

.bh_swiper .item {
    width: 100%;
    height: 1.7rem;
    margin-bottom: 0.2rem;
    border: solid 1px #ebeef0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.about_con .part5 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0.8rem 0;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about_con .part5 .t1 {
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.4rem;
    margin-bottom: 0.1rem;
}

.about_con .part5 .t2 {
    font-size: 0.2rem;
    margin-bottom: 0.3rem;
}

.about_con .part5 .flex_con {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_con .part5 .flex_con .item {
    height: 0.5rem;
    border-radius: 0.2rem 2px 0.2rem 2px;
    border: solid 1px #ebebeb;
}

.about_con .part5 .flex_con .item {
    display: flex;
    align-items: center;
    margin: 0 0.3rem;
    padding: 0 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.24rem;
}

.about_con .part5 .flex_con .item img {
    width: 0.25rem;
    margin-right: 0.1rem;
}

.about_con .ppxn {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    background-color: #f1f3f5;
}

.about_con .ppxn .auto {
    position: relative;
}

.about_con .ppxn .swiper-slide .about_tit {
    padding: 0 0.4rem;
}

.about_con .ppxn .swiper-slide .about_tit .cn {
    font-size: 0.32rem;
}

.ppxn_swiper {
    overflow: hidden;
    align-items: unset;
    margin-top: 0.6rem;
}

.ppxn_swiper .swiper-slide {
    background-color: #ffffff;
    border-radius: 0px 0.35rem 0px 0.35rem;
    border: solid 1px #e8ebee;
    height: 4.3rem;
    padding: 0.5rem 0;
}

.ppxn_swiper .swiper-slide .txt_box {
    margin-top: 0.4rem;
    line-height: 0.35rem;
    max-height: 2.2rem;
    padding: 0 0.4rem;

    overflow-y: scroll;
}

/* 美化整个滚动条 */
.ppxn_swiper .swiper-slide .txt_box::-webkit-scrollbar {
    width: 0.05rem;
    /* 设置滚动条的宽度 */
    background-color: #f9f9f9;
    /* 滚动条的背景颜色 */
}

/* 美化滚动条轨道 */
.ppxn_swiper .swiper-slide .txt_box::-webkit-scrollbar-track {
    background: #fff;
    /* 轨道的背景颜色 */
    border-radius: 10px;
    /* 轨道的圆角 */
}

/* 美化滚动条的滑块 */
.ppxn_swiper .swiper-slide .txt_box::-webkit-scrollbar-thumb {
    background-color: #00B8CF;
    /* 滑块的背景颜色 */
    border-radius: 0.03rem;
    /* 滑块的圆角 */
}

.about_con .ppxn .swiper-button-next,
.about_con .ppxn .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: solid 1px #00B8CF;
    right: 0;
    margin-top: 0;
}

.about_con .ppxn .swiper-button-prev {
    left: unset;
    bottom: unset;
    top: 5px;
    right: 0.7rem;
}

.about_con .ppxn .swiper-button-next {
    left: unset;
    bottom: unset;
    top: 5px;
}

.about_con .ppxn .swiper-button-next::after,
.about_con .ppxn .swiper-button-prev::after {
    font-size: 0.22rem;
    color: #00B8CF;
}

.about_con .ppxn .swiper-button-next:hover,
.about_con .ppxn .swiper-button-prev:hover {
    background-color: #00B8CF;
}

.about_con .ppxn .swiper-button-next:hover::after,
.about_con .ppxn .swiper-button-prev:hover::after {
    color: #fff;
}

.ylh {
    padding: 0.8rem 0 1.4rem 0;
    background-color: #f1f3f5;
}

.ylh .about_tit {
    position: relative;
}

.ylh_swiper {
    overflow: hidden;
    padding-left: 1.6rem;
    padding-right: 4.5rem;
    margin-top: 0.6rem;
}

.ylh_swiper .swiper-slide {
    display: flex;
    align-items: center;
}

.ylh_swiper .pic {
    width: 7.7rem;
    height: 5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ylh_swiper .txt {
    background-image: url(../images/jjbj.jpg);
    width: 4.55rem;
    padding: 0 0.5rem;
    padding-top: 0.5rem;
    /* overflow-y: scroll;
    height: 3.35rem; */
    margin-left: -0.6rem;
}

.ylh_swiper .txt .t1 {
    padding-top: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.24rem;
    position: relative;
    color: #fff;
    margin-bottom: 0.2rem;
}

.ylh_swiper .txt .t1::before {
    width: 0.4rem;
    height: 0.02rem;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.ylh_swiper .txt .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 0.3rem;
    color: #fff;
    padding-bottom: 0.5rem;
}
@media (max-width: 768px) {
    .ylh_swiper {
        padding-right: 1.8rem;
    }
    .ylh_swiper .swiper-slide {
        flex-flow: column wrap;
    }
    .ylh_swiper .pic,
    .ylh_swiper .txt {
        width: 100%;
        margin: 0;
    }
    .ylh_swiper .pic {
        height: 2.5rem;
    }
}
@media (max-width: 640px) {
    .ylh_swiper {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}
.about_con .ylh .swiper-button-next,
.about_con .ylh .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: solid 1px #00B8CF;
    right: 0;
    margin-top: 0;
}

.about_con .ylh .swiper-button-prev {
    left: unset;
    bottom: unset;
    top: 5px;
    right: 0.7rem;
}

.about_con .ylh .swiper-button-next {
    left: unset;
    bottom: unset;
    top: 5px;
}

.about_con .ylh .swiper-button-next::after,
.about_con .ylh .swiper-button-prev::after {
    font-size: 0.22rem;
    color: #00B8CF;
}

.about_con .ylh .swiper-button-next:hover,
.about_con .ylh .swiper-button-prev:hover {
    background-color: #00B8CF;
}

.about_con .ylh .swiper-button-next:hover::after,
.about_con .ylh .swiper-button-prev:hover::after {
    color: #fff;
}

.about_con .yxtx {
    padding: 1rem 0;
}

.about_con .yxtx .about_tit {
    text-align: center;
}

.about_con .yxtx .jj_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.8rem;
    flex-wrap: wrap;
    gap: 0.5rem 0;
}

.about_con .yxtx .jj_icon .item {
    padding: 0 0.6rem;
    border-right: 1px solid #e7e7e7;
    text-align: center;
    white-space: nowrap;
}

.about_con .yxtx .jj_icon .item img {
    width: 0.9rem;
    margin-bottom: 0.2rem;
}

.about_con .yxtx .jj_icon .item:last-child {
    border: none;
}
@media (max-width: 640px) {
    .about_con .yxtx .jj_icon .item {
        padding: 0 0.4rem;
    }
}
.fwpt {
    background-color: #f1f3f5;
    padding: 0.9rem 0;
}

.fwpt .about_tit {
    text-align: center;
}

.fwpt .pt_swiper {
    overflow: hidden;
    margin-top: 0.7rem;
}

.fwpt .pt_swiper .pic {
    height: 3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0.4rem;
}

.fwpt .pt_swiper .txt {
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.zyhz {
    padding: 1rem 0;
    background-color: #f1f3f5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.zyhz .auto {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
.zyhz .item .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/bg2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    padding: 0 0.4rem;
    text-align: center;
    display: none;
}
.zyhz .item .mask .t1 {
    font-size: 0.26rem;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}
.zyhz .item .mask .t2 {
    font-size: 0.16rem;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.zyhz .about_tit {
}

.zyhz .txt_item {
    width: calc((100% - 1.2rem) / 5);
    margin-right: 0.3rem;
    padding-right: 0.35rem;
}

.zyhz .txt_item .line {
    width: 2px;
    height: 34px;
    background-color: #00B8CF;
    opacity: 0.5;
    margin: 0.3rem 0;
}

.zyhz .txt_item aside {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.15rem;
    line-height: 0.22rem;
}

.zyhz .item {
    width: calc((100% - 1.2rem) / 5);
    margin-right: 0.3rem;
    background-color: #fff;
    border-radius: 0.15rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 0.24rem;
    padding: 0 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-bottom: 0.3rem;
    position: relative;
    overflow: hidden;
}
.zyhz .item:hover .mask {
    display: flex;
    cursor: pointer;
}

.zyhz .item:nth-child(5n + 5) {
    margin-right: 0;
}

.zyhz .item .hzlogo {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
    .zyhz .auto {
        gap: 0.2rem;
    }
    .zyhz .txt_item {
        width: 100%;
        margin-right: 0;
    }
    .zyhz .item {
        margin-right: 0;
        width: calc((100% - 0.2rem * 3) / 4);
    }
    .zyhz .txt_item .line {
        width: 34px;
        height: 2px;
    }
}
@media (max-width: 640px) {
    .zyhz .item {
        width: calc((100% - 0.2rem * 1) / 2);
    }
}
.shzr {
    padding: 1rem 0;
}
.shzr .about_tit {
    text-align: center;
}
.shzr .flex_box {
    justify-content: space-between;
    display: flex;
    padding-right: 8%;
    margin-top: 0.4rem;
}
.shzr .left_part {
    width: 50%;
    position: relative;
}
.shzr .left_part .item:not(:first-child) {
    display: none;
}
.shzr .left_part figure {
    width: 100%;
    padding-bottom: 64%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.shzr .left_part .txt {
    position: absolute;
    text-align: center;
    bottom: 0.25rem;
    width: 100%;
    color: #fff;
}

.shzr .right_list {
    width: 44%;
    max-height: 5rem;
    overflow-y: auto;
}
.shzr .right_list a {
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #e3e3e3;
    display: block;
}
.shzr .right_list a:not(:first-child) {
    padding-top: 0.3rem;
}
.shzr .right_list .t1 {
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
}
.shzr .right_list .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
    color: #999999;
}
@media (max-width: 768px) {
    .shzr {
        width: 90%;
        margin: 0 auto;
    }
    .shzr .flex_box {
        padding-right: 0;
        flex-flow: column wrap;
        gap: 0.3rem;
    }
    .shzr .left_part,
    .shzr .right_list {
        width: 100%;
    }
}
.jcjg {
    padding: 0.8rem 0;
    text-align: center;
}

.jcjg.g9 {
    background-color: #f1f3f5;
}

.jcjg .part_jj {
    margin-top: 0.2rem;
    font-size: 0.18rem;
}

.jcjg .jc_table {
    width: 100%;
    margin-top: 0.4rem;
    overflow: auto; 
}

.jcjg .jc_table table {
    width: 100%;
}

.jcjg .jc_table table tr {
    line-height: 0.4rem;
}

.jcjg .jc_table table tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.jcjg .jc_table table tr:nth-child(even) {
    background-color: #ffffff;
}

.jcjg .jc_table table tr:first-child {
    line-height: 0.5rem;
    background-color: #555555;
    font-size: 0.18rem;
    color: #fff;
}
.jcjg .jc_table table tr:first-child td{font-size: 0.18rem;}
.jcjg .jc_table table tr td {
    border: solid 1px #e0e4e5;
  padding: 5px;
}

.cur_title {
    text-align: center;
}

.cur_title .en {
    color: #00B8CF;
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
}

.cur_title .cn {
    color: #111111;
    font-size: 0.4rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1;
}

.jm_con .part1 {
    padding: 0.8rem 0;
}

.jm_con .part2 {
    padding: 0.8rem 0;
    background-color: #f4f4f4;
}

.jm_con .part2 .flex_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.4rem;
}

.jm_con .part2 .flex_con .item {
}

.jm_con .part2 .flex_con .item .icon {
    width: 0.7rem;
    margin-bottom: 0.6rem;
}

.jm_con .part2 .flex_con .item .t1::after {
    width: 0.4rem;
    height: 2px;
    background-color: #00B8CF;
    content: "";
    position: absolute;
    top: -0.3rem;
    left: 0;
}

.jm_con .part2 .flex_con .item .t1 {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
    color: #00B8CF;
    position: relative;
}

.jm_con .part3 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0.8rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
}

.jm_con .part3 .t1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.1rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.2rem;
}

.jm_con .part3 .t1 .icon {
    display: flex;
    align-items: center;
}

.jm_con .part3 .t1 .icon img {
    margin-right: 0.1rem;
}

.jm_con .part3 .num {
    font-size: 0.72rem;
    line-height: 1;
    margin-bottom: 0.3rem;
}

.jm_con .part3 .code {
    margin: 0 auto;
}
@media(max-width:640px){
   .jm_con .part3 .num{font-size: 0.42rem;}
   .jm_con .part3 .code{ width:120px;}
}


.jm_con .jcjg {
    background-color: #eef3f4;
}
.jm_con .jcjg .jc_table table tr td:nth-child(1){width:15%}
.jm_con .jcjg .jc_table table tr td:nth-child(2),
.jm_con .jcjg .jc_table table tr td:nth-child(3){width:25%}
.jm_con .part4 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0.8rem 0;
}

.jm_con .part4 .form_con {
    max-width: 5rem;
    margin: auto;
}

#whir_2 .part4 .form_con {
    max-width: 5rem;
    margin: auto;
}

.jm_con .form_con .txt {
    color: #fff;
    margin-bottom: 0.4rem;
}

.jm_con .form_con .txt .t1 {
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.26rem;
    margin-bottom: 0.1rem;
}

.jm_con .form_con .txt .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
}

.jm_con .form_con .input {
    width: 100%;
    padding: 0 0.3rem;
    border-radius: 0.25rem;
    height: 0.5rem;
    background-color: #fff;
    margin-bottom: 0.2rem;
}

.jm_con .form_con .input input {
    width: 100%;
    height: 100%;
    border: none;
}
.jm_con .form_con .input.codebox{margin-top: 0.2rem; position: relative; }

.jm_con .form_con .input.codebox .imgcode{ position: absolute;  right: 2%;  top: 50%; transform: translateY(-50%); height: 0.35rem;}
.jm_con .form_con .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}

.jm_con .form_con .flex_box .select {
    width: calc((100% - 0.4rem) / 3);
    background-color: #fff;
    border-radius: 0.25rem;
    height: 0.5rem;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.jm_con .form_con .flex_box .select select {
    text-align: center;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    /* 移除iOS上的默认外观 */
    -moz-appearance: none;
    /* 移除Firefox上的默认外观 */
    appearance: none;
    /* 为了自定义箭头移除默认下拉箭头 */
}

.jm_con .form_con .flex_box .select::after {
    position: absolute;
    content: "";
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/arr8.png);
    width: 0.15rem;
    height: 0.08rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.jm_con .form_con .textarea {
    height: 1.3rem;
    background-color: #ffffff;
    border-radius: 0.15rem;
    border: solid 1px #71b0bc;
    padding: 0.2rem 0.25rem;
}

.jm_con .form_con .textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
}

.jm_con .form_con .subbtn {
    width: 1.5rem;
    text-align: center;
    line-height: 0.5rem;
    height: 0.5rem;
    background-color: #ffb32e;
    border-radius: 0.25rem;
    color: #fff;
    margin-top: 0.3rem;
    cursor: pointer;
}

.mdjm .part1 {
    padding: 0.8rem 0 1.1rem 0;
    background-color: #f4f4f4;
}

.mdjm .part1 .flex_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.4rem;
}

.mdjm .part1 .flex_con .item {
    width: calc((100% - 0.8rem) / 3);
    text-align: center;
}

.mdjm .part1 .flex_con .item .icon {
    max-width: 0.7rem;
    margin-bottom: 0.2rem;
}

.mdjm .part1 .flex_con .item .t1 {
    font-size: 0.24rem;
    margin-bottom: 0.55rem;
    color: #333333;
}

.mdjm .part1 .flex_con .item .img {
    width: 100%;
    height: 2.8rem;
    position: relative;
}
.mdjm .part1 .flex_con .item .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; }

.mdjm .part2 {
    padding: 1rem 0;
}

.mdjm .part2 .auto {
    margin-top: 0.5rem;
}

.mdjm .part4 {
    padding: 0.8rem 0 1.7rem 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mdjm .part4 .flex_con {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.8rem;
}

.mdjm .part4 .flex_con.txswiper {
    overflow: hidden;
}

.mdjm .part4 .flex_con .item {
    background-image: url(../images/txbg1.png);
    width: calc(calc(100% - 2rem) / 5);
    background-position: center;
    background-size: contain;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-repeat: no-repeat;
    color: #fff;
}

.mdjm .part4 .flex_con .item:nth-child(even) {
    margin-top: 0.4rem;
    background-image: url(../images/txbg2.png);
}

.mdjm .part4 .flex_con .item .title {
    margin: 0.2rem 0;
    font-size: 0.34rem;
}
.mdjm .part4 .flex_con .item aside {
    font-size: 0.18rem;
}

.mdjm .part5 {
    padding: 0.9rem 0 0.5rem 0;
}

.mdjm .part5 .cn {
    color: #fff;
}

.mdjm .part5 .step {
    position: relative;
    margin-top: 0.7rem;
}

.mdjm .part5 .step .line {
    width: 100%;
    height: 1px;
    background-color: #00B8CF;
    position: absolute;
    bottom: 0.07rem;
}

.mdjm .part5 .step .dot_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.mdjm .part5 .step .dot_box .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}

.mdjm .part5 .step .dot_box .dot_icon {
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 50%;
    background-color: #00B8CF;
    text-align: center;
}

.mdjm .part5 .step .dot_box .item .jbline {
    background-image: linear-gradient(0deg, rgba(81, 188, 208, 0.1) 0%, #51bcd0 100%);
    width: 2px;
    height: 0.7rem;
}

.mdjm .part5 .step .dot_box .item .txt .t1 {
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
}

.mdjm .part5 .step .dot_box .item .txt .t2 {
    font-size: 0.2rem;
    opacity: 0.7;
    margin-bottom: 0.3rem;
    text-align: center;
}
.mdjm .part5 .step .dot_box .item .icon {
    width: 70%;
}

.mdjm .part5 .step .dot_box .item:nth-child(2) .jbline {
    height: 2.2rem;
}

.mdjm .part5 .step .dot_box .item:nth-child(4) .jbline {
    height: 1.8rem;
}

.mdjm .part6 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0.8rem 0 0.2rem;
}

.mdjm .part6 .form_con {
    max-width: 5rem;
    margin: auto;
}

.mdjm .form_con .txt {
    color: #fff;
    margin-bottom: 0.4rem;
    text-align: center;
}

.mdjm .form_con .txt .t1 {
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.26rem;
    margin-bottom: 0.1rem;
}

.mdjm .form_con .txt .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
}

.mdjm .form_con .input {
    width: 100%;
    padding: 0 0.3rem;
    border-radius: 0.25rem;
    height: 0.5rem;
    background-color: #fff;
    margin-bottom: 0.2rem;
}

.mdjm .form_con .input input {
    width: 100%;
    height: 100%;
    border: none;
}

.mdjm .form_con .input.codebox{margin-top: 0.2rem; position: relative; }

.mdjm .form_con .input.codebox .imgcode{ position: absolute;  right: 2%;  top: 50%; transform: translateY(-50%); height: 0.35rem;}
.mdjm .form_con .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}

.mdjm .form_con .flex_box .select {
    width: calc((100% - 0.4rem) / 3);
    background-color: #fff;
    border-radius: 0.25rem;
    height: 0.5rem;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.mdjm .form_con .flex_box .select select {
    /* text-align: center; */
    padding-left: 0.3rem;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    /* 移除iOS上的默认外观 */
    -moz-appearance: none;
    /* 移除Firefox上的默认外观 */
    appearance: none;
    /* 为了自定义箭头移除默认下拉箭头 */
}

.mdjm .form_con .flex_box .select::after {
    position: absolute;
    content: "";
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/arr8.png);
    width: 0.15rem;
    height: 0.08rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.mdjm .form_con .textarea {
    height: 1.3rem;
    background-color: #ffffff;
    border-radius: 0.15rem;
    border: solid 1px #71b0bc;
    padding: 0.2rem 0.25rem;
}

.mdjm .form_con .textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
}

.mdjm .form_con .subbtn {
    margin: 0 auto;
    width: 1.5rem;
    text-align: center;
    line-height: 0.5rem;
    height: 0.5rem;
    background-color: #ffb32e;
    border-radius: 0.25rem;
    color: #fff;
    margin-top: 0.3rem;
    cursor: pointer;
}

.mdjm .form_con .tips {
    margin-top: 0.75rem;
    color: #fff;
    white-space: nowrap;
}

.oemyw .part1 {
    padding: 0.8rem 0 1rem 0;
}

.oemyw .part1 aside {
    margin-top: 0.6rem;
    text-align: center;
    padding: 0 12.5%;
}

.oemyw .part1 .flex_con {
    padding: 0 12.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.8rem;
}

.oemyw .part1 .flex_con .img {
    width: 4rem;
    height: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.oemyw .part1 .flex_con .txt {
    flex: 1;
    margin-right: 0.7rem;
}

.oemyw .part1 .flex_con .txt .t1 {
    color: #00B8CF;
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
}

.oemyw .part1 .flex_con .txt .t2 {
    color: #050505;
    line-height: 0.3rem;
}

.oemyw .part2 {
    padding: 0.8rem 0 1rem 0;
    background-color: #f1f3f5;
}

.oemyw .part2 .gy_swiper {
    margin-top: 0.6rem;
    overflow: hidden;
}

.oemyw .part2 .swiper-slide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* position: relative; */
}


.oemyw .part2 .swiper-slide .item {
    position: relative;
    margin-bottom: 0.1rem;
    /* width: calc(calc(100% - 0.2rem) / 3); */
}

.oemyw .part2 .swiper-slide .item .img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /* height: 4rem; */
    margin-bottom: 0.1rem;
}
/* .oemyw .part2 .swiper-slide .item:first-child{
    height: 4rem;
    width: 4rem;
}
.oemyw .part2 .swiper-slide .item:nth-child(2){
    height: 2.8rem;
    width: 5.89rem;
}
.oemyw .part2 .swiper-slide .item:nth-child(3){
    height: 3.8rem;
    width: 5.89rem;
}

.oemyw .part2 .swiper-slide .item:nth-child(4){
    height: 2.6rem;
    width: 4rem;
}
.oemyw .part2 .swiper-slide .item:nth-child(5){
    height: 3.8rem;
    width: 5.89rem;
}
.oemyw .part2 .swiper-slide .item:nth-child(6){
    height: 2.8rem;
    width: 5.9rem;
} */

.oemyw .part2 .swiper-slide .item .txt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    color: #fff;
    padding: 0 0.2rem;
}

.oemyw .part3 {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    cursor: pointer;
}

.oemyw .part3 .t1 {
    font-size: 0.24rem;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-bottom: 0.3rem;
}

.oemyw .part3 .play_btn {
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../images/play2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0.4rem;
}

.oemyw .part3 .t2 {
    font-size: 0.16rem;
    font-family: "HarmonyOS_Sans_SC_Light";
    color: #3fe5ff;
    opacity: 0.8;
    text-decoration: underline;
}

.oemyw .part4 {
    padding: 0.8rem 0 1rem 0;
}

.oemyw .part4 .cpx_swiper {
    margin-top: 0.65rem;
    overflow: hidden;
}

.oemyw .part4 .swiper-slide {
    height: 3.3rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.oemyw .part4 .swiper-slide .txt {
    position: absolute;
    padding: 0 0.2rem;
    left: 0;
    bottom: 0.2rem;
    color: #fff;
}

.oemyw .part5 {
    padding: 0.8rem 0 1.4rem 0;
    background-color: #f1f3f5;
}

/* .oemyw .part5 .about_tit {
    position: relative;
} */
.cq_swiper {
    overflow: hidden;
    padding-left: 1.6rem;
    padding-right: 4.5rem;
    margin-top: 0.6rem;
}

.cq_swiper .swiper-slide {
    display: flex;
    align-items: center;
}

.cq_swiper .pic {
    width: 7.7rem;
    height: 5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cq_swiper .txt {
    background-image: url(../images/jjbj.jpg);
    width: 4.55rem;
    padding: 0 0.5rem;
    padding-top: 0.5rem;
    /* overflow-y: scroll;
    height: 3.35rem; */
    margin-left: -0.6rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cq_swiper .txt .t1 {
    padding-top: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.24rem;
    position: relative;
    color: #fff;
    margin-bottom: 0.2rem;
}

.cq_swiper .txt .t1::before {
    width: 0.4rem;
    height: 0.02rem;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.cq_swiper .txt .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 0.3rem;
    color: #fff;
    padding-bottom: 0.5rem;
}

.oemyw .part6 {
    padding: 0.8rem 0 0.6rem 0;
}

.oemyw .part6 .zl_swiper {
    width: 100%;
    overflow: hidden;
    margin-top: 0.8rem;
}

.oemyw .part6 .zl_swiper .swiper-slide {
    transform: scale(0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.oemyw .part6 .zl_swiper .swiper-slide-active,
.oemyw .part6 .zl_swiper .swiper-slide-duplicate-active {
    transform: scale(1);
}

.oemyw .part7 {
    background-color: #f1f3f5;
    padding: 0.9rem 0;
}

.oemyw .part7 .pk_swiper {
    overflow: hidden;
    margin-top: 0.7rem;
}

.oemyw .part7 .pk_swiper .pic {
    height: 2.15rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0.4rem;
}

.oemyw .part7 .pk_swiper .txt {
    font-size: 0.24rem;
    text-align: center;
    margin-top: 0.3rem;
}

.oemyw .part7 .pk_swiper .txt .t1 {
    margin-bottom: 0.3rem;
}

.oemyw .part7 .pk_swiper .txt .t2 {
    font-size: 0.18rem;
}

.oemyw .part8 {
    padding: 1.7rem 0;
}

.oemyw .part8 .t1 {
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.25rem;
}

.oemyw .part8 .flex_con {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.oemyw .part8 .item {
    width: 25%;
    max-width: 3.7rem;
    color: #fff;
    margin-bottom: 0.15rem;
}

.oemyw .part8 .item:nth-last-child(3) {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 768px) {
	.oemyw .part8 .flex_con {
		flex-direction: column;
		align-items: flex-start;
	}
	.oemyw .part8 .item{
		width: 100%;
		
	}
}
	

.cpxq_box {
    padding: 1rem 0 0;
}

.cpxq_box .part1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.95rem;
}

.cpxq_box .part1 .left {
    width: 55%;
    overflow: hidden;
}

.cpxq_box .part1 .left .mySwiper2 .swiper-slide {
    height: calc(5.8rem + 2px);
    border: 1px solid #edf2f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cpxq_box .part1 .left .mySwiper2 .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.cpxq_box .part1 .left .mySwiper2 {
    margin-bottom: 0.15rem;
}

.cpxq_box .part1 .left .mySwiper .swiper-slide {
    height: calc(1rem + 2px);
    border: 1px solid #edf2f6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cpxq_box .part1 .left .mySwiper .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.cpxq_box .part1 .left .mySwiper {
    padding: 0 0.2rem;
    position: relative;
}

.cpxq_box .part1 .left .mySwiper .swiper-slide-thumb-active {
    border: solid 1px #45bed1;
}

.cpxq_box .part1 .left .mySwiper .swiper-button-prev {
    left: 0;
    width: 0.15rem;
}

.cpxq_box .part1 .left .mySwiper .swiper-button-next {
    right: 0;
    width: 0.15rem;
}

.cpxq_box .part1 .left .mySwiper .swiper-button-prev::after,
.cpxq_box .part1 .left .mySwiper .swiper-button-next::after {
    font-size: 0.2rem;
    color: #45bed1;
}

.cpxq_box .part1 .right {
    width: 40%;
}

.cpxq_box .part1 .right .t1 {
    font-size: 0.4rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-bottom: 0.2rem;
}

.cpxq_box .part1 .right .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.24rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #edf2f6;
    margin-bottom: 0.3rem;
}

.cpxq_box .part1 .right .t3 {
    color: #555555;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-bottom: 0.4rem;
}

.cpxq_box .part1 .right .t3 span {
    font-size: 0.4rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    color: #00B8CF;
}

.cpxq_box .part1 .right .t4 .item {
    background-image: linear-gradient(-79deg, #ffffff 0%, rgba(68, 190, 208, 0.08) 100%);
    line-height: 0.57rem;
    padding: 0 0.2rem;
    margin-bottom: 0.15rem;
}

.cpxq_box .part1 .right .t4 {
    margin-bottom: 0.8rem;
}

.cpxq_box .part1 .right .more_btn {
    display: flex;
    align-items: center;
    color: #555555;
}

.cpxq_box .part1 .right .more_btn img {
    width: 0.3rem;
    margin-right: 0.1rem;
}

.gg_part {
    position: relative;
}

.gg_part .cur_title {
    padding-top: 1rem;
    margin-bottom: 0.3rem;
}

.gg_part .section {
    margin-bottom: 0.6rem;
}

.gg_part .part_title {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px dashed #e0e4e5;
    font-size: 0.24rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
}

.gg_part .part_title.nob {
    padding-bottom: 0;
    border-bottom: none;
}

.gg_part .part_title .icon {
    margin-right: 0.1rem;
    width: 0.24rem;
}

.gg_part .table {
    width: 100%;
}

.gg_part .table tr:nth-child(odd) {
    background-image: linear-gradient(#fafafa, #fafafa), linear-gradient(#f4fafb, #f4fafb);
}

.gg_part .table tr td {
    padding: 0.2rem 0.3rem;
    border: solid 1px #e0e4e5;
    width: 38.75%;
}

.gg_part .table tr td:nth-child(odd) {
    background-color: #7c7c7c;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Light";
    width: 11.25%;
}

.gg_part .section:nth-child(odd) .flex_part {
    flex-direction: row-reverse;
}

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

.gg_part .section .flex_part .cppic {
    width: 50%;
}

.gg_part .section .flex_part .txt {
    width: 46%;
}

.gg_part .section .flex_part .txt .txt_item {
    padding: 0.4rem 0;
    border-bottom: 1px dashed #d4dadb;
}

.gg_part .section .flex_part .txt .txt_item .t1 {
    color: #555555;
    margin-bottom: 0.15rem;
}

.gg_part .section .flex_part .txt .txt_item .t1 span {
    color: #333333;
    margin-right: 1rem;
}

.gg_part .section .flex_part .txt .txt_item:last-child {
    border-bottom: none;
}

.cpxq_box .video_part {
    background-color: #f2f3f5;
    padding: 1rem 0;
}

.cpxq_box .video_part .video {
    height: 6.65rem;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 12px 18px 0px rgba(58, 58, 58, 0.04);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.cpxq_box .video_part .video .play_btn {
    width: 0.95rem;
    height: 0.95rem;
    background-image: url(../images/play3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.coach_box {
    padding: 0.8rem 0 1rem 0;
}

.coach_box .coach_swiper {
    margin-top: 0.5rem;
    overflow: hidden;
}

.coach_box .coach_swiper .swiper-slide {
    height: 6rem;
    background-image: linear-gradient(180deg, #e4eef0 0%, #f1f7f5 100%);
    border-radius: 0.3rem 0px 0px 0px;
    padding: 0.2rem 0 .4rem;
    color: #333333;
    cursor: pointer;
    position: relative;
}

.coach_box .coach_swiper .swiper-slide .txt_box {
    position: absolute;
    z-index: 0;
    padding: 0 0.3rem;
}

.coach_box .coach_swiper .swiper-slide .name {
    font-size: 0.24rem;
    font-family: "HarmonyOS_Sans_SC_Bold";
    margin-bottom: 0;
}

.coach_box .coach_swiper .swiper-slide .title {
    font-size: 0.14rem;
    margin-bottom: 0.05rem;
}

.coach_box .coach_swiper .swiper-slide aside {
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
}

.coach_box .coach_swiper .swiper-slide .more_btn {
    display: none;
    align-items: center;
    color: #fff;
}

.coach_box .coach_swiper .swiper-slide .more_btn img {
    width: 0.18rem;
    margin-left: 0.1rem;
}

.coach_box .coach_swiper .swiper-slide figure {
    width: 100%;
    height: 3.2rem;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.coach_box .coach_swiper .swiper-slide:hover {
    background-image: linear-gradient(180deg, #44bed0 0%, #d0feee 100%);
    box-shadow: 0px 0px 8px 3px rgba(26, 98, 110, 0.2);
    color: #fff;
	position: relative;
	z-index: 2;
}

.coach_box .coach_swiper .swiper-slide:hover::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
			border-radius: 0.3rem 0px 0px 0px;
			z-index: 1;
        }

.coach_box .coach_swiper .swiper-slide:hover .more_btn {
    display: flex;
}

.vr_box {
    width: 100%;
    height: 7rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vr_box .auto {
    display: flex;
    align-items: center;
    height: 100%;
}

.vr_box .auto .txt_box .t1 {
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.4rem;
    color: #103d65;
    margin-bottom: 0.1rem;
}

.vr_box .auto .txt_box .t2 {
    font-size: 0.24rem;
    color: #48607c;
    margin-bottom: 0.35rem;
}

.vr_box .auto .txt_box .t3 {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.16rem;
    line-height: 0.36rem;
    color: #48607c;
    margin-bottom: 0.35rem;
}

.vr_box .auto .txt_box .vr_btn {
    display: inline-block;
    padding: 0 0.2rem;
    line-height: 0.45rem;
    height: 0.45rem;
    border-radius: 0.23rem;
    background-color: #00B8CF;
    box-shadow: 0px 0px 9px 1px rgba(10, 154, 182, 0.5);
    color: #fff;
}

.ydcase_box {
    padding: 0.8rem 0 1rem 0;
}

.ydcase_box .ydcase_list {
    display: flex;
    margin-top: 0.6rem;
}

.ydcase_box .ydcase_list .item {
    width: calc(calc(100% - 43.75%) / 5);
    height: 5.2rem;
    cursor: pointer;
    color: #fff;
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.ydcase_box .ydcase_list .item .txt {
    height: 100%;
    position: absolute;
    z-index: 1;
    padding: 0.9rem 0.75rem 0;
}

.ydcase_box .ydcase_list .item .cntit {
    font-size: 0.3rem;
    line-height: 1.1;
}

.ydcase_box .ydcase_list .item .entit {
    display: none;
}

.ydcase_box .ydcase_list .item .more_btn {
    display: none;
}

.ydcase_box .ydcase_list .item .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.ydcase_box .ydcase_list .item .btn_icon {
    background-image: url(../images/btnicon.png);
    width: 0.58rem;
    height: 0.3rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ydcase_box .ydcase_list .item.cur {
    width: 43.75%;
    text-align: left;
}

.ydcase_box .ydcase_list .item.cur .txt {
    height: 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    padding-top: 0;
}

.ydcase_box .ydcase_list .item.cur .cntit {
    color: #fff;
}

.ydcase_box .ydcase_list .item.cur .entit {
    color: #00B8CF;
    display: block;
    margin-bottom: 0.4rem;
}

.ydcase_box .ydcase_list .item.cur .more_btn {
    display: block;
    width: 1.7rem;
    height: 0.5rem;
    background-color: #00B8CF;
    border-radius: 0.2rem 2px 0.2rem 2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ydcase_box .ydcase_list .item.cur .btn_icon {
    display: none;
}

.ydcase_box .ydcase_list .item.cur .mask {
    display: none;
}

.zjtd_box {
    width: 100%;
    height: 8.5rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 1.5rem;
    padding-bottom: 1.7rem;
}

.zjtd_box .cur_title {
    text-align: left;
}

.zjtd_box .cur_title .cn {
    color: #fff;
}

.zjtd_box .cur_title aside {
    margin-top: 0.4rem;
    color: #cdcfd2;
    line-height: 2;
}

.zjtd_box .zjtd_swiper {
    overflow: hidden;
    position: relative;
}

.zjtd_box .zjtd_swiper .swiper-slide {
    transform: scale(0.8);
    position: relative;
}

.zjtd_box .zjtd_swiper .swiper-wrapper {
    align-items: flex-end;
}

.zjtd_box .zjtd_swiper .swiper-slide figure {
    width: 1.5rem;
    height: 1.5rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.zjtd_box .zjtd_swiper .swiper-slide-active,
.zjtd_box .zjtd_swiper .swiper-slide-duplicate-active {
    transform: scale(1);
}

.zjtd_box .zjtd_swiper .swiper-slide-active figure,
.zjtd_box .zjtd_swiper .swiper-slide-duplicate-active figure {
    width: 100%;
    height: 3.5rem;
    background-size: contain;
    background-position: bottom;
}

.zjtd_box .zjtd_swiper .swiper-slide .txt_box {
    color: #ffffff;
    position: absolute;
    top: 0;
    right: -150%;
    max-width: 4rem;
    display: none;
}

.zjtd_box .zjtd_swiper .swiper-slide .txt_box .name {
    font-size: 0.24rem;
}

.zjtd_box .zjtd_swiper .swiper-slide .txt_box .title {
    font-size: 0.14rem;
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
}

.zjtd_box .zjtd_swiper .swiper-slide .txt_box aside {
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #cdcfd2;
}

.zjtd_box .zjtd_swiper .swiper-slide-active .txt_box {
    display: block;
}

.zjtd_box .zjtd_swiper .swiper-button-prev {
    left: 37%;
}

.zjtd_box .zjtd_swiper .swiper-button-next {
    right: 37%;
}

.zjtd_box .zjtd_swiper .swiper-button-next,
.zjtd_box .zjtd_swiper .swiper-button-prev {
    top: 75%;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #12293a;
    border: solid 1px #00B8CF;
    border-radius: 50%;
    color: #00B8CF;
}

.zjtd_box .zjtd_swiper .swiper-button-next::after,
.zjtd_box .zjtd_swiper .swiper-button-prev::after {
    font-size: 0.14rem;
}

.zjtd_box .zjtd_swiper .swiper-button-next:hover,
.zjtd_box .zjtd_swiper .swiper-button-prev:hover {
    background-color: #00B8CF;
    color: #fff;
}

.hzzj_box {
    padding: 1rem 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.hzzj_box .auto {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hzzj_box .cur_title {
    text-align: left;
}

.hzzj_box .txt_item {
    width: calc((100% - 1.05rem) / 4);
    margin-right: 0.35rem;
    padding-right: 0.35rem;
}

.hzzj_box .txt_item .line {
    width: 2px;
    height: 34px;
    background-color: #00B8CF;
    opacity: 0.5;
    margin: 0.3rem 0;
}

.hzzj_box .txt_item aside {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.15rem;
    line-height: 0.22rem;
}

.hzzj_box .item {
    width: calc((100% - 1.2rem) / 4);
    margin-right: 0.3rem;
    background-color: #fff;
    border-radius: 0.15rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 0.2rem;
    padding: 0 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-bottom: 0.3rem;
	position: relative;
}

.hzzj_box .item .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/bg2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    padding: 0 0.4rem;
    text-align: center;
    display: none;
}
.hzzj_box .item .mask .t1 {
    font-size: 0.26rem;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}
.hzzj_box .item .mask .t2 {
    font-size: 0.16rem;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.hzzj_box .item:hover {
    border: none;
}
.hzzj_box .item:hover .mask {
    display: flex;
    cursor: pointer;
}

.hzzj_box .item:nth-child(4n + 4) {
    margin-right: 0;
}

.hzzj_box .item .hzlogo {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}

.jkwj .jk_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
}

.jkwj .cur_title {
    flex: 1;
    white-space: nowrap;
}
.jkwj .jk_top .l_icon {
    max-width: 10%;
}
.jkwj .jk_top .r_icon {
    max-width: 77%;
}

.jkwj .flex_con {
    padding: 0.5rem 0 0.8rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jkwj .flex_con .l_txt {
    font-size: 0.2rem;
}

.jkwj .flex_con .l_txt span {
    color: #48c0d2;
}

.jkwj .flex_con .r_btn {
    width: 1.8rem;
    height: 0.6rem;
    color: #fff;
    background-color: #00B8CF;
    border-radius: 20px 2px 20px 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3rem;
    cursor: pointer;
}

.train_par1 {
    padding: 1rem 0;
}

.train_par1 .auto {
    display: flex;
    justify-content: space-between;
}

.train_par1 .r_pic {
    width: 4.8rem;
    height: 5.47rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.train_par1 .l_txt {
    flex: 1;
    margin-right: 1rem;
}

.train_par1 .l_txt .cur_title {
    text-align: left;
}

.train_par1 .l_txt aside {
    margin-top: 0.5rem;
}

.train_par1 .l_txt aside p {
    margin-bottom: 0.35rem;
    line-height: 2;
}

.train_par2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem 0;
}

.train_par2 .cur_title .en {
    color: #fff;
}

.train_par2 .cur_title .cn {
    color: #fff;
}

.train_par2 aside {
    padding: 0.5rem;
    background-color: #fff;
    margin-top: 0.6rem;
}

.train_par2 aside p {
    line-height: 2;
    margin-bottom: 0.3rem;
}

.train_par3 {
    padding: 1rem 0;
}
.train_par3 .fz_swiper {
    width: 90%;
    margin: 0 auto;
    margin-top: 0.5rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 0.5rem;
}
.train_par3 .fz_swiper::before {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
    background-color: #258fa5;
    height: 0.04rem;
    content: "";
    transform: translateY(-50%);
}

.train_par3 .fz_swiper .swiper-pagination-progressbar {
    width: 80%;
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.fz_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #258fa5 !important;
}

.train_par3 .fz_swiper .item {
    height: 3.6rem;
    position: relative;
    z-index: 999;
}
.train_par3 .fz_swiper .item .txt {
    padding: 0 0.2rem;
}
.train_par3 .fz_swiper .item .txt .img {
    width: 1.5rem;
    height: 0.8rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.train_par3 .fz_swiper .item:nth-child(even) .txt {
    position: absolute;
    bottom: 0;
}
.train_par3 .fz_swiper .item:nth-child(odd)::after {
    width: 2px;
    height: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #258fa5;
}
.train_par3 .fz_swiper .item:nth-child(even)::after {
    width: 2px;
    height: 50%;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #258fa5;
}
.train_par3 .fz_swiper .item:nth-child(odd)::before {
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: -0.03rem;
    top: 0;
    background-color: #258fa5;
}
.train_par3 .fz_swiper .item:nth-child(even)::before {
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: -0.03rem;
    bottom: 0;
    background-color: #258fa5;
}
.train_par3 .fz_swiper .item .txt .year {
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}
.train_par3 .fz_swiper .item .txt aside {
    font-size: 0.14rem;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Light";
    width: 70%;
    margin-bottom: 0.1rem;
}

.train_par4 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem 0;
}

.train_par4 .cur_title .en {
    color: #fff;
}

.train_par4 .cur_title .cn {
    color: #fff;
}

.train_par4 .auto {
    display: flex;
    justify-content: space-between;
    margin-top: 0.6rem;
}

.train_par4 .train_par4_big_swiper{
    width: 8rem;
    height: 4.55rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}


.train_par4 .l_pic {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.train_par4 .r_con {
    width: 4.9rem;
    height: 2.6rem;
    background-color: #1468b5;
    padding: 0.2rem 0.3rem;
}

.train_par4 .r_con .rlogo {
    width: 1.22rem;
}

.train_par4 .r_con .rdw {
    width: 5.15rem;
    padding: 0.25rem 0.35rem;
    background-color: #fff;
    margin-left: -0.8rem;
    margin-top: 0.35rem;
}

.train_par4 .r_con .rdw aside {
    margin-bottom: 0.25rem;
	font-size:.14rem;
}

.train_par4 .r_con .rdw .img_box {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    overflow: hidden;
}

.train_par4 .r_con .rdw .img_box .swiper-slide::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: transparent solid 4px;
    pointer-events: none;
}

.train_par4 .r_con .rdw .img_box .swiper-slide.active::before {
    border-color: #258fa5;
}

.train_par4 .r_con .rdw .img_box .swiper-pagination{
    display: flex;
    position: relative;
    z-index: 11;
    left: unset;
    bottom: unset;
    margin-top: 10px;
}

.train_par4 .r_con .rdw .img_box .swiper-pagination-bullet {
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    width: auto;
    height: auto;
    border-radius: 2px;
}

.train_par4 .r_con .rdw .img_box .swiper-pagination-bullet-active {
    background-color: #258fa5;
}

/* .train_par4 .r_con .rdw .img_box .swiper-button-next,.train_par4 .r_con .rdw .img_box .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(44px / 44* 27);
    height: 44px;
    margin-top: calc(0px -(44px / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.train_par4 .r_con .rdw .img_box .swiper-button-prev:after, .train_par4 .r_con .rdw .img_box .swiper-button-next:after {
    content: "prev";
}

.train_par4 .r_con .rdw .img_box .swiper-button-next:after, .train_par4 .r_con .rdw .img_box .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
} */

.train_par4_big_swiper .swiper-button-next,.train_par4_big_swiper .swiper-button-prev{color: #fff;}

.train_par4 .r_con .rdw .img_box .item {
    width: 2rem;
    height: 1.15rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media(max-width:1024px){
    .train_par4{padding-bottom: 5rem;}
    .train_par4 .auto{flex-wrap: wrap;}
    .train_par4 .train_par4_big_swiper{width: 100%; height: unset;}
    .train_par4 .train_par4_big_swiper .l_pic{ padding-bottom: 66.1%;}
    .train_par4 .r_con{width: 100%; margin-top: 1em;}
    .train_par4 .r_con .rdw{width: 100%; margin-left: 0;}
    .train_par4 .r_con .rdw .img_box .item{padding-bottom: 32.1%;}
}

.train_par5 {
    padding: 1rem 0;
}

.train_par5 .title {
    text-align: center;
}

.train_par5 .title .cn {
    color: #111111;
    font-size: 0.4rem;
    margin-bottom: 0.2rem;
}

.train_par5 .title .en {
}

.train_par5 aside {
    text-align: center;
    margin-top: 0.6rem;
}

.train_par5 aside p {
    margin-bottom: 0.4rem;
    text-align: left;
}

.train_par5 aside img {
    margin: 0 auto;
}

.train_par6 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem 0;
}

.train_par6 .auto {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
}

.train_par6 .l_pic {
    width: 46.5%;
    text-align: right;
}

.train_par6 .r_txt {
    width: 42.5%;
}

.train_par6 .cur_title {
    text-align: left;
    margin-bottom: 0.5rem;
}

.train_par6 .r_txt aside p {
    line-height: 2;
    margin-bottom: 0.3rem;
}

.train_par7 {
    padding: 1rem 0;
}

.train_par7 .table_list{display: flex; justify-content: space-between; margin-top: 0.8rem; margin-bottom: .2rem;}
.train_par7 .table_list li{width: 49%; text-align: center;background-color: #ccc; cursor: pointer; color: #646566; padding: 10px 0;border-radius: 3px;}
.train_par7 .table_list li.active{color: #fff; background-color: #258fa5;}
.train_par7 .flex_box {
    display: flex;
    justify-content: space-between;
    
}

.train_par7 .flex_box .item {
    display: none;
    width: 100%;
}

.train_par7 .flex_box .item .tit {
    font-size: 0.24rem;
    color: #00B8CF;
    margin-bottom: 0.35rem;
}

.train_par7 .flex_box .item aside {
    min-height: 2.5rem;
}

.train_par7 .flex_box .item aside p {
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-bottom: 0.4rem;
    color: #4d4d4d;
}

.train_par7 .flex_box .item aside p:first-child {
    font-family: "HarmonyOS_Sans_SC_Bold";
}

.train_par7 .flex_box .item img {
    margin: 0 auto;
    margin-bottom: 0.2rem;
    display: block;
}

.train_par7 .flex_box .item .picms {
    text-align: center;
    color: #4d4d4d;
}

.train_par8 {
    padding: 1rem 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.train_par8 .auto {
    background-color: #fff;
    padding: 1rem 0.8rem;
    display: flex;
    justify-content: space-between;
}

.train_par8 .l_par {
    width: 31.4%;
}

.train_par8 .l_par .t1 {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.4rem;
    margin-bottom: 0.5rem;
}

.train_par8 .l_par .t2 {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
}

.train_par8 .l_par p {
    line-height: 0.3rem;
    margin-bottom: 0.4rem;
}

.train_par8 .r_par {
    width: 61.3%;
}

.train_par8 .r_par .item {
    display: flex;
    margin-bottom: 0.35rem;
}

.train_par8 .r_par .tx {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 0.4rem;
}

.train_par8 .r_par .txt {
    flex: 1;
}

.train_par8 .r_par .txt .name {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
}

.train_par8 .r_par .txt aside {
    line-height: 0.3rem;
    font-size: 0.16rem;
}

.train_par9 {
    padding: 1rem 0;
}

.train_par9 .train_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.6rem 0;
}

.train_par9 .train_nav .item {
    width: 1.8rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 0.05rem;
    margin: 0 0.07rem;
}

.train_par9 .train_nav .item.on {
    background-color: #45bed1;
    color: #fff;
}

.train_par9 .train_kc .flex_box {
    display: flex;
    justify-content: space-between;
}

.train_par9 .train_kc .l_par {
    width: 46%;
    text-align: center;
}

.train_par9 .train_kc .l_par .title {
    display: flex;
    align-items: center;
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 0.24rem;
    margin-bottom: 0.3rem;
}

.train_par9 .train_kc .l_par .title .num {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.8rem;
}

.train_par9 .train_kc .l_par aside p {
    margin-bottom: 0.4rem;
    text-align: left;
}

.train_par9 .train_kc .l_par img {
    margin-bottom: 0.4rem;
}

.train_par9 .train_kc .l_par .sh .t2 {
    line-height: 0.8rem;
    background-color: #45bed1;
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.24rem;
    text-align: left;
    color: #fff;
    padding: 0 0.4rem;
}

.train_par9 .train_kc .l_par .sh_list {
    background-color: #f2f2f2;
    padding: 0.35rem 0.4rem;
}

.train_par9 .train_kc .l_par .sh_list .item {
    text-align: left;
    font-family: "HarmonyOS_Sans_SC_Bold";
    margin-bottom: 0.15rem;
}

.train_par9 .train_kc .r_par {
    width: 46%;
}

.train_par9 .train_kc .r_par img:first-child {
    margin-bottom: 0.4rem;
}

.train_par9 .train_kc .r_par .item {
    background-color: #f2f2f2;
    padding: 0.3rem;
    margin-bottom: 0.2rem;
}

.train_par9 .train_kc .r_par .item .t1 {
    font-family: "HarmonyOS_Sans_SC_Bold";
    margin-bottom: 0.1rem;
}

.train_par9 .train_kc .r_par .item .t2 {
    line-height: 2;
}

.train_par10 {
    background-color: #f8f8f8;
    padding: 1rem 0;
    text-align: center;
}

/* 开幕视频 */
.open_video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 999;
    /* pointer-events: none;
    mix-blend-mode: screen; */
}

/* 视频 */
.video-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background: rgba(0, 0, 0, 0.5);
}

@media(max-width:1024px){
    .open_video{display: none !important;}
}

.video-box .close {
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 4;
    right: 20px;
    top: 20px;
}

.video-box .close::before,
.video-box .close::after {
    position: absolute;
    content: "";
    width: 80%;
    left: 10%;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
    background: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.video-box .close::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.video-box .ytable {
    height: 100%;
}

.video-box .ytable-cell {
    text-align: center;
}

.video-box video {
    width: 90%;
    max-width: 900px;
}

.fitness_ser .section1 .item {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fitness_ser .section1 .item .banner_con {
    margin-top: 5%;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.fitness_ser .section1 .item .banner_con .big_tit {
    font-size: 1.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1;
}

.fitness_ser .section1 .item .banner_con .t1 {
    text-align: right;
    font-size: 0.24rem;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 0.3rem;
}

.fitness_ser .section1 .item .banner_con .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
    text-align: center;
    line-height: 2;
}

.fitness_ser .section1 .slick-arrow {
    width: 0.5rem;
    height: 0.5rem;
    border: solid 1px #ffffff;
    position: absolute;
    top: 50%;
    z-index: 2;
    border-radius: 50%;
    left: 5%;
    background-image: url(../images/arr7.png);
    background-size: 0.1rem 0.2rem;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.fitness_ser .section1 .slick-arrow.slick-next {
    left: unset;
    right: 5%;
    transform: rotate(0);
}

.fitness_ser .section1 .slick-arrow:hover {
    background-color: #00B8CF;
    border: none;
}

.fitness_ser .section1 .slick-dots {
    position: absolute;
    bottom: 0.6rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.fitness_ser .section1 .slick-dots li {
    width: 0.15rem;
    height: 0.15rem;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 50%;
    margin: 0 0.1rem;
    font-size: 0;
}

.fitness_ser .section1 .slick-dots li button {
    font-size: 0;
    border: none;
}

.fitness_ser .section1 .slick-dots li.slick-active {
    background-color: transparent;
}

.fitness_ser .section2 .item {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fitness_ser .section2 .item .auto {
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: left;
}

.fitness_ser .section2 .item .banner_con {
    max-width: 5.5rem;
}

.fitness_ser .section2 .item .banner_con .cur_title {
    text-align: left;
}

.fitness_ser .section2 .item .banner_con .cur_title .cn {
    color: #fff;
}

.fitness_ser .section2 .item .banner_con .t2 {
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 2;
    text-align: left;
    margin-top: 0.35rem;
}

.fitness_ser .section2 .slick-dots {
    position: absolute;
    bottom: 0.6rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.fitness_ser .section2 .slick-dots li {
    width: 0.15rem;
    height: 0.15rem;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 50%;
    margin: 0 0.1rem;
    font-size: 0;
}

.fitness_ser .section2 .slick-dots li button {
    font-size: 0;
    border: none;
}

.fitness_ser .section2 .slick-dots li.slick-active {
    background-color: transparent;
}

.fitness_ser .section3 {
    position: relative;
    overflow: hidden;
}
.fitness_ser .section3 .mySwiper2 .swiper-slide {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fitness_ser .section3 .banner_con {
    position: absolute;
    top: 25%;
    right: 0;
    color: #fff;
    text-align: right;
}

.fitness_ser .section3 .swiper-slide .auto {
    position: relative;
    height: 100%;
}

/* .fitness_ser .section3 .item .banner_con {
    position: absolute;
    top: 25%;
    right: 0;
    color: #fff;
    text-align: right;
} */

.fitness_ser .section3 .banner_con .cur_title {
    text-align: right;
}

.fitness_ser .section3 .banner_con .cn {
    color: #fff;
}

.fitness_ser .section3 .item .banner_con .t1 {
    margin-top: 0.35rem;
    line-height: 2;
}

.fitness_ser .section3 .item .par_dot {
    width: 100%;
    position: absolute;
    bottom: 8%;
}
.fitness_ser .section3 .mySwiper .swiper-wrapper {
    align-items: flex-end;
}

.fitness_ser .section3 .swiper-pagination {
    bottom: 35%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: right;
}

.fitness_ser .section3 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border: solid 2px #ffffff;
    opacity: 1;
}
.fitness_ser .section3 .par_dot {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 1.4rem;
    transform: translateX(-50%);
    z-index: 111;
}

.fitness_ser .section3 .par_dot .dot_item {
    display: flex;
    align-items: flex-end;
    padding-left: 0.35rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}

.fitness_ser .section3 .par_dot .dot_item .num {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.24rem;
    margin-right: 0.25rem;
}

.fitness_ser .section3 .par_dot .dot_item .tit {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.24rem;
}
.fitness_ser .section3 .par_dot .dot_item.swiper-slide-thumb-active .tit {
    font-size: 0.34rem;
}
.fitness_ser .section3 .dot_item.swiper-slide-thumb-active {
    border-bottom: 2px solid #00B8CF;
}

.fitness_ser .section3 .slick-dots {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 2;
    transform: translateY(-50%);
    padding: 0 10%;
}

.fitness_ser .section3 .slick-dots li {
    width: 0.15rem;
    height: 0.15rem;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 50%;
    margin: 0 0.1rem;
    font-size: 0;
}

.fitness_ser .section3 .slick-dots li button {
    font-size: 0;
    border: none;
}

.fitness_ser .section3 .slick-dots li.slick-active {
    background-color: transparent;
}

.fitness_ser .section4 {
    padding: 1rem 0;
}

.fitness_ser .section4 .top_par {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.fitness_ser .section4 .top_par .left .cur_title {
    text-align: left;
}

.fitness_ser .section4 .top_par .left .cur_title .cn {
    color: #fff;
}

.fitness_ser .section4 .top_par .left .txt {
    margin-top: 0.25rem;
    color: #fff;
}

.fitness_ser .section4 .top_par .right_btn {
    color: #fff;
    width: 1.75rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 2px 20px 2px;
    border: solid 1px #ffffff;
}

.fitness_ser .section4 .top_par .right_btn img {
    width: 0.18rem;
    margin-left: 0.1rem;
}

.fitness_ser .section4 .cp_list {
    overflow: hidden;
    margin-top: 0.6rem;
}

.fitness_ser .section4 .cp_list .item {
    width: calc(calc(100% - 1rem) / 3);
    box-shadow: 0px 0px 29px 1px rgba(194, 194, 194, 0.36);
    border-radius: 0px 0.3rem 0px 0.3rem;
    overflow: hidden;
    height: 4.85rem;
    position: relative;
}

.fitness_ser .section4 .cp_list .item .img {
    width: 100%;
    height: 3.5rem;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fitness_ser .section4 .cp_list .item .txt {
    background-color: #fff;
    padding: 0.2rem;
    height: 1.35rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.fitness_ser .section4 .cp_list .item .txt .t1 {
    font-size: 0.2rem;
}

.fitness_ser .section4 .cp_list .item .txt .t2 {
    font-size: 0.14rem;
}

.fitness_ser .section4 .cp_list .item .txt .btn {
    display: none;
}

.fitness_ser .section4 .cp_list .item:hover .txt {
    min-height: 1.5rem;
    background-color: #00B8CF;
    border-radius: 0px 0.3rem 0px 0.3rem;
    color: #fff;
}

.fitness_ser .section4 .cp_list .item:hover .txt .btn {
    display: block;
    margin-top: 0.35rem;
}

.fitness_ser .section5 {
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 1.3rem 0 1rem 0;
}

.fitness_ser .section5 .cur_title {
    color: #fff;
}

.fitness_ser .section5 .cur_title .cn {
    color: #fff;
}

.fitness_ser .section5 .cur_title .t1 {
    margin-top: 0.25rem;
}

.fitness_ser .section5 .ty_list {
    margin-top: 1rem;

    display: flex;
    justify-content: space-between;
    position: relative;
}

.fitness_ser .section5 .ty_list .bg {
    width: 100%;
    height: 2.77rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.fitness_ser .section5 .ty_list .item {
    width: calc(calc(100% - 2rem) / 3);
    color: #fff;
    z-index: 1;
}

.fitness_ser .section5 .ty_list .item .ty {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1.4rem;
    font-size: 0.24rem;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.fitness_ser .section5 .ty_list .item:nth-child(3) .ty {
    margin-bottom: 1.7rem;
}

.fitness_ser .section5 .ty_list .item .ty .title {
    line-height: 1.5;
}

.fitness_ser .section5 .ty_list .item .ty .num {
    opacity: 0.4;
    margin-top: 0.2rem;
}

.fitness_ser .section5 .ty_list .item .ty::after {
    background-image: linear-gradient(-50deg, #1d90a6 0%, #00B8CF 100%);
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    position: absolute;
    bottom: -1.02rem;
    content: "";
}

.fitness_ser .section5 .ty_list .item:nth-child(3) .ty::after {
    bottom: -1.58rem;
}

.fitness_ser .section5 .ty_list .item .con {
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.18rem;
    text-align: center;
    line-height: 1.2;
}

.fitness_ser .section6 {
    padding: 1rem 0;
}

.fitness_ser .section6 .cur_title {
    text-align: left;
}

.fitness_ser .section6 .hdvideo {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    margin: 0 0.5rem;
}
.fitness_ser .section6 .hdvideo .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fitness_ser .section6 .hdvideo .item .img {
    width: 9.8rem;
    height: 6.3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 0.3rem;
    overflow: hidden;
}
.fitness_ser .section6 .hdvideo .item .img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.fitness_ser .section6 .hdvideo .swiper-slide-active .img::before {
    opacity: 0;
}
.fitness_ser .section6 .hdvideo .item .img video {
    width: 100%;
    height: 100%;
}
.fitness_ser .section6 .hdvideo .swiper-button-next,
.fitness_ser .section6 .hdvideo .swiper-button-prev {
    width: 0.37rem;
    height: 0.37rem;
    border-radius: 50%;
    margin: 0;
    color: #fff;
    font-size: 0.1rem;
    border: 1px solid #fff;
    z-index: 11;
}
.fitness_ser .section6 .hdvideo .swiper-button-next::after,
.fitness_ser .section6 .hdvideo .swiper-button-prev::after {
    font-size: 0.1rem;
}
.fitness_ser .section6 .hdvideo .swiper-button-prev {
    left: 18vw;
}
.fitness_ser .section6 .hdvideo .swiper-button-next {
    right: 18vw;
}
.fitness_ser .section6 .hdvideo .swiper-button-next:hover,
.fitness_ser .section6 .hdvideo .swiper-button-prev:hover {
    background-color: #00B8CF;
    color: #fff;
}
.fitness_ser .section6 .hdvideo .item .play_btn {
    width: 0.48rem;
    height: 0.48rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/play.png);
    z-index: 5;
    cursor: pointer;
}

.fitness_ser .section6 .hdvideo .item .title {
    text-align: center;
    padding-top: 0.5rem;
    font-size: 0.3rem;
    color: #ffffff;
}
@media (max-width: 640px) {
    .fitness_ser .section6 .hdvideo .item .img {
        height: 4rem;
    }
    .fitness_ser .section6 .hdvideo .swiper-button-prev {
        left: 5vw;
    }
    .fitness_ser .section6 .hdvideo .swiper-button-next {
        right: 5vw;
    }
}

.fitness_ser .section7 {
    padding: 1.8rem 0 0.9rem 0;
}

.fitness_ser .section7 .cur_title {
    text-align: left;
    color: #fff;
    margin-bottom: 0.7rem;
    padding-left: 12%;
}

.fitness_ser .section7 .cur_title .cn {
    margin-bottom: 0.3rem;
    color: #fff;
}

.fitness_ser .section7 .cur_title .con p {
    margin-bottom: 0.4rem;
    font-size: 0.18rem;
}

.fitness_ser .section7 .cur_title .con span {
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
}

.fitness_ser .section7 .hzlist {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    padding: 0 4%;
}

.fitness_ser .section7 .hzlist .item {
    display: flex;
    align-items: center;
    padding: 0.45rem 0 0.45rem 0.4rem;
    box-shadow: -7px 10px 49px 1px rgba(152, 171, 190, 0.2);
    background-color: #fff;
    font-size: 0.19rem;
    flex: 1;
    font-family: "MicrosoftYaHei";
}

.fitness_ser .section7 .hzlist .item .logo {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.2rem;
}

.fitness_ser .section7 .hzlist .item .logo img {
    max-width: 100%;
    max-height: 100%;
}

.fitness_ser .section7 .hzlist .item p {
    line-height: 0.25rem;
}

.fitness_ser .section8 {
    padding-top: 1rem;
}

.fitness_ser .section8 .icon_list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.45rem 0 0.55rem 0;
}

.fitness_ser .section8 .icon_list .item {
    display: flex;
    align-items: center;
    margin: 0 0.8rem;
}
.fitness_ser .section8 .icon_list .item .icon {
    width: 0.7rem;
    margin-right: 0.15rem;
}

.fitness_ser .section8 .icon_list .item .txt {
    color: #4f4f4f;
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 0.18rem;
}

.fitness_ser .section8 .icon_list .item .txt .num {
    font-size: 0.42rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    display: flex;
    align-items: flex-start;
    line-height: 1;
    color: #00B8CF;
}

.fitness_ser .section8 .icon_list .item .txt .num span {
    font-size: 0.16rem;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-left: 0.05rem;
}

.fitness_ser .section8 .hg_list {
    display: flex;
    flex-wrap: wrap;
}
.fitness_ser .section8 .search_par {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.6rem;
}
.fitness_ser .section8 .search_par select {
    width: 1.2rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: #dedede;
    border: solid 1px #d9d9d9;
    -webkit-appearance: none;
    /* 移除iOS上的默认外观 */
    -moz-appearance: none;
    /* 移除Firefox上的默认外观 */
    appearance: none;
    /* 为了自定义箭头移除默认下拉箭头 */
    padding: 0 0.2rem;
}
.fitness_ser .section8 .search_par .select {
    position: relative;
}

.fitness_ser .section8 .search_par .select::after {
    position: absolute;
    content: "";
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/arr1.png);
    width: 9px;
    height: 6px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.fitness_ser .section8 .search_par .input {
    width: 6.5rem;
    height: 0.5rem;
    background-color: #ffffff;
    border-radius: 0.25rem;
    border: solid 1px #e7e7e7;
    margin: 0 0.2rem;
    padding-left: 0.5rem;
    padding-right: 0.2rem;
}
.fitness_ser .section8 .search_par .input input {
    background: transparent;
    width: 100%;
    height: 100%;
    border: none;
}

.fitness_ser .section8 .search_par .btn {
    width: 1.1rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.25rem;
    color: #fff;
    text-align: center;
    background-color: #00B8CF;
    cursor: pointer;
}
.fitness_ser .section8 .hg_list .item {
    width: calc(100% / 4);
    height: 3.2rem;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fitness_ser .section8 .hg_list .item .txt {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    width: 100%;
    padding-left: 0.3rem;
}
.fitness_ser .section8 .hg_list .item .txt .add {
    padding-left: 0.15rem;
    background-image: url(../images/icon40.png);
    background-size: 0.11rem 0.13rem;
    background-position: left;
    background-repeat: no-repeat;
}
.fitness_ser .section8 .hg_list .item:nth-child(1),
.fitness_ser .section8 .hg_list .item:nth-child(2),
.fitness_ser .section8 .hg_list .item:nth-child(3) {
    width: calc(100% / 3);
}

.fitness_ser .section9 {
    padding: 0.9rem 0 1.7rem;
}
.fitness_ser .section9 .cur_title {
    color: #fff;
}
.fitness_ser .section9 .cur_title .cn {
    color: #fff;
}
.fitness_ser .section9 .cur_title .t1 {
    margin-top: 0.25rem;
}
.list-partner {
    overflow: hidden;
    margin-top: 0.7rem;
}
.list-partner li {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.list-partner .swiper-slide a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.list-partner .swiper-slide .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.9rem;
    background-color: #fff;
}
.list-partner .swiper-slide .inner img {
    max-width: 100%;
    max-height: 100%;
}
/* .list-partner .swiper-slide:hover .inner{box-shadow: var(--box-shadow);} */
.list-partner .swiper + .swiper {
    margin-top: 0.5rem;
}
.list-partner .swiper-slide {
    width: 2.6rem;
    padding: 0 0.1rem;
    margin: 0 0.35rem;
}
.list-partner .swiper-wrapper {
    transition-timing-function: linear !important;
}
@media (max-width: 640px) {
    .list-partner .swiper + .swiper {
        margin-top: 0.1rem;
    }
    .list-partner .swiper-slide {
        width: 1.8rem;
        padding: 0 0.05rem;
    }
    .list-partner .swiper-slide .inner {
        height: 1rem;
    }
}

.tl {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.kszmd {
    display: flex;
    justify-content: space-between;
    min-height: 100vh;
    padding-left: 11%;
}
.kszmd .left_swiper {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 37%;
    display: flex;
    align-items: center;
}
.kszmd .left_swiper .about_tit .cn {
    color: #fff;
}
.kszmd .left_swiper .about_tit .en {
    color: #fff;
}
.kszmd .left_swiper .par_con {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.3rem;
    margin: 0.4rem 0 0.5rem;
}

.kszmd .left_swiper .zmdswiper_list {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.kszmd .left_swiper .zmdswiper_list > .swiper-slide {
    position: relative;
}
.kszmd .left_swiper .zm_swiper {
    padding-bottom: 0.8rem;
    position: relative;
}
.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox {
    padding: 0.2rem;
    position: relative;
}
.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::before {
    position: absolute;
    width: 86%;
    height: 4rem;
    background-image: url(../images/zmdimgbg2.png);
    content: "";
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;
    z-index: -1;
}
.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::after {
    position: absolute;
    width: 86%;
    height: 4rem;
    background-image: url(../images/zmdimgbg2.png);
    content: "";
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;
    z-index: -1;
}
.kszmd .left_swiper .zm_swiper .img {
    width: 100%;
    height: 4rem;
    background-color: #000000;
    border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.kszmd .left_swiper .zm_swiper .img img{ display:none;}
.kszmd .left_swiper .zm_swiper .swiper-pagination-fraction {
    color: #fff;
    text-align: left;
    font-size: 0.2rem;
    padding-left: 0.2rem;
    line-height: 1;
}
.kszmd .left_swiper .zm_swiper .swiper-pagination-fraction .swiper-pagination-current {
    font-size: 0.28rem;
    color: #00B8CF;
}
.kszmd .left_swiper .swiper-button-next,
.kszmd .left_swiper .swiper-button-prev {
    right: 0;
    bottom: 0.1rem;
    top: unset;
    width: 0.37rem;
    height: 0.37rem;
    border-radius: 50%;
    margin: 0;
    color: #00B8CF;
    font-size: 0.1rem;
    border: 1px solid #00B8CF;
    z-index: 11;
}
.kszmd .left_swiper .swiper-button-next::after,
.kszmd .left_swiper .swiper-button-prev::after {
    font-size: 0.1rem;
}
.kszmd .left_swiper .swiper-button-prev {
    left: unset;
    right: 0.47rem;
}
.kszmd .left_swiper .swiper-button-next:hover,
.kszmd .left_swiper .swiper-button-prev:hover {
    background-color: #00B8CF;
    color: #fff;
}
.kszmd .right_nav {
    width: 30%;
    background-image: url(../images/tybg2.png);
    background-position: 0.2rem center;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    /* border-left: 1px solid #fff;
    border-radius: 10%; */
    /* padding-left: .2rem; */
    position: relative;
}
.kszmd .right_nav .warper {
    position: relative;
    width: 100%;
}

.kszmd .right_nav .nav_swiper {
    height: 7rem;
    overflow: hidden;
}

.kszmd .right_nav .swiper-slide {
    color: #8f9aa2;
    display: flex;
    align-items: center;
}

.kszmd .right_nav .swiper-slide {
    transition: transform 0.6s ease-in-out;
}

.kszmd .right_nav .swiper-button-next,
.kszmd .right_nav .swiper-button-prev {
    left: 1.4rem;
    bottom: -0.55rem;
    top: unset;
    width: 0.37rem;
    height: 0.37rem;
    border-radius: 50%;
    margin: 0;
    color: #00B8CF;
    font-size: 0.1rem;
    border: 1px solid #00B8CF;
    z-index: 11;
    transform: rotate(90deg);
}
.kszmd .right_nav .swiper-button-next::after,
.kszmd .right_nav .swiper-button-prev::after {
    font-size: 0.1rem;
}
.kszmd .right_nav .swiper-button-prev {
    /* left: unset; */
    bottom: unset;
    top: -0.55rem;
}
.kszmd .right_nav .swiper-button-next:hover,
.kszmd .right_nav .swiper-button-prev:hover {
    background-color: #00B8CF;
    color: #fff;
}

.kxlc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    padding-right: 11%;
}
.kxlc .left_swiper {
    /* padding: 1rem 0; */
    width: 37%;
    text-align: right;
}
.kxlc .left_swiper .about_tit .cn {
    color: #fff;
}
.kxlc .left_swiper .about_tit .en {
    color: #fff;
}
.kxlc .left_swiper .par_con {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.3rem;
    margin: 0.4rem 0 0.5rem;
}

.kxlc .left_swiper .zmdswiper_list {
    width: 100%;
    overflow: hidden;
}
.kxlc .left_swiper .zmdswiper_list > .swiper-slide {
    position: relative;
}
.kxlc .left_swiper .zm_swiper {
    padding-bottom: 0.8rem;
}
.kxlc .left_swiper .zm_swiper .swiper-slide {
    padding: 0.2rem;
    position: relative;
}
/* .kxlc .left_swiper .zm_swiper .swiper-slide::before {
    position: absolute;
    width: 86%;
    height: 4rem;
    background-image: url(../images/zmdimgbg2.png);
    content: "";
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;
    z-index: -1;
}
.kxlc .left_swiper .zm_swiper .swiper-slide::after {
    position: absolute;
    width: 86%;
    height: 4rem;
    background-image: url(../images/zmdimgbg2.png);
    content: "";
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;
    z-index: -1;
} */
.kxlc .left_swiper .zm_swiper .img {
    width: 4.1rem;
    height: 4.1rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #000000;
    /* border-radius: 0.1rem 0.6rem 0.1rem 0.6rem; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.kxlc .left_swiper .zm_swiper .swiper-pagination-fraction {
    color: #fff;
    text-align: left;
    font-size: 0.2rem;
    padding-left: 0.2rem;
    line-height: 1;
}
.kxlc .left_swiper .zm_swiper .swiper-pagination-fraction .swiper-pagination-current {
    font-size: 0.28rem;
    color: #00B8CF;
}
.kxlc .left_swiper .zm_swiper .swiper-button-next,
.kxlc .left_swiper .zm_swiper .swiper-button-prev {
    right: 0;
    bottom: 0.1rem;
    top: unset;
    width: 0.37rem;
    height: 0.37rem;
    border-radius: 50%;
    margin: 0;
    color: #00B8CF;
    font-size: 0.1rem;
    border: 1px solid #00B8CF;
    z-index: 11;
}
.kxlc .left_swiper .zm_swiper .swiper-button-next::after,
.kxlc .left_swiper .zm_swiper .swiper-button-prev::after {
    font-size: 0.1rem;
}
.kxlc .left_swiper .zm_swiper .swiper-button-prev {
    left: unset;
    right: 0.47rem;
}
.kxlc .left_swiper .zm_swiper .swiper-button-next:hover,
.kxlc .left_swiper .zm_swiper .swiper-button-prev:hover {
    background-color: #00B8CF;
    color: #fff;
}
.kxlc .right_nav {
    height: 100%;
    width: 30%;
    background-image: url(../images/tybg2.png);
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    /* border-left: 1px solid #fff;
    border-radius: 10%; */
    /* padding-left: .2rem; */
    text-align: right;
    position: relative;
}

.kxlc .right_nav .nav_swiper {
    height: 7rem;
    overflow: hidden;
    position: absolute;
    right: -0.25rem;
    padding-right: 0.25rem;
    /* padding: .2rem 0; */
}

.kxlc .right_nav .swiper-slide {
    color: #8f9aa2;
    display: flex;
    align-items: center;
}
.kxlc .right_nav .swiper-slide .txt {
    position: relative;
    padding-right: 0.6rem;
    text-align: left;
    width: 100%;
}
.kxlc .right_nav .swiper-slide .txt::before {
    content: "";
    width: 0.34rem;
    height: 0.34rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #4b6373;
    border: 0.08rem solid rgba(255, 255, 255, 0.05);
}

.kxlc .right_nav .swiper-slide-active .txt,
.kxlc .right_nav .swiper-slide-duplicate-active .txt {
    transform: scale(1);
    padding-right: 0.5rem;
    color: #fff;
    text-align: right;
    padding-right: 0.5rem;
}

.kxlc .right_nav .swiper-slide-active .txt::before,
.kxlc .right_nav .swiper-slide-duplicate-active .txt::before {
    width: 0.2rem;
    height: 0.2rem;
    right: -0.1rem;
    background-color: #fff;
}
.kxlc .right_nav .swiper-slide-active .txt::after,
.kxlc .right_nav .swiper-slide-duplicate-active .txt::after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: -0.2rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.2;
}

.kxlc .right_nav .swiper-slide-active .txt .cn {
    font-size: 0.32rem;
}
.kxlc .right_nav .swiper-slide-active .txt .en {
    font-size: 0.17rem;
    opacity: 0.6;
}

.kxlc .right_nav .swiper-slide-prev .txt,
.kxlc .right_nav .swiper-slide-next .txt {
    padding-left: 0.9rem;
    color: #dee1e3;
}

.kxlc .right_nav .swiper-slide-prev .txt::before,
.kxlc .right_nav .swiper-slide-next .txt::before {
    width: 0.17rem;
    height: 0.17rem;
    position: absolute;
    right: 0.2rem;
    background-color: #b0bac2;
}

.kxlc .right_nav .swiper-slide-prev .txt::after,
.kxlc .right_nav .swiper-slide-next .txt::after {
    content: "";
    position: absolute;
    width: 0.35rem;
    height: 0.35rem;
    position: absolute;
    right: 0.1rem;
    background-color: #ffffff;
    opacity: 0.1;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.kxlc .right_nav .swiper-button-next,
.kxlc .right_nav .swiper-button-prev {
    right: 1.5rem;
    bottom: 0.6rem;
    top: unset;
    width: 0.37rem;
    height: 0.37rem;
    border-radius: 50%;
    margin: 0;
    color: #00B8CF;
    font-size: 0.1rem;
    border: 1px solid #00B8CF;
    z-index: 11;
    transform: rotate(90deg);
}
.kxlc .right_nav .swiper-button-next::after,
.kxlc .right_nav .swiper-button-prev::after {
    font-size: 0.1rem;
}
.kxlc .right_nav .swiper-button-prev {
    left: unset;
    bottom: unset;
    top: 0.6rem;
}
.kxlc .right_nav .swiper-button-next:hover,
.kxlc .right_nav .swiper-button-prev:hover {
    background-color: #00B8CF;
    color: #fff;
}

.section .fade_Up {
    transform: translateY(100%);
    opacity: 0;
}

.section.active .fade_Up {
    animation: slidein 1s ease-in-out forwards;
    animation-delay: 0.5s;
}

@keyframes slidein {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (min-width: 1025px) {
    .part .title_box .t2 br {
        display: none;
    }
    .part.ind_part3 .title_box {
        color: #fff;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        position: absolute;
    }
    .part.ind_part3 .title_box .t1 {
        font-size: calc(69 / 1920 * 100vw);
    }
}
@media (max-width: 1024px) {
	.part .title_box{ margin-bottom:.3rem;}
    .header .auto {
        height: 0.7rem;
    }

    .header .search_part input {
        display: none;
		color:#333;
    }

    .openMenu {
        width: 30px;
        height: 30px;
        cursor: pointer;
        position: relative;
        margin-left: 20px;
    }
    .openMenu i {
        position: absolute;
        right: 0;
        top: 50%;
        width: 70%;
        height: 1px;
        background: #fff;
    }
    .openMenu i:before,
    .openMenu i:after {
        content: "";
        position: absolute;
        right: 0;
        width: 115%;
        background: #fff;
        transition: 0.3s;
        height: 1px;
    }

    .white .openMenu i {
        background: #000000;
    }
    .white .openMenu i:before,
    .white .openMenu i:after {
        background: #000000;
    }
    .openMenu i:before {
        top: -8px;
    }
    .openMenu i:after {
        top: 8px;
    }
    .showMenu .openMenu i {
        background: none;
    }
    .showMenu .openMenu i:before {
        top: 0;
        transform: rotate(45deg);
    }
    .showMenu .openMenu i:after {
        top: 0;
        transform: rotate(-45deg);
    }

    nav {
        position: fixed;
        left: 0;
        top: 1rem;
        background: #fff;
        width: 100%;
        height: calc(100% - 1rem);
        bottom: 100%;
        overflow-y: auto;
        display: none;
    }
    .showMenu nav {
        display: block;
    }
    .header nav{ position: fixed!important; flex: auto!important;}
    nav .ul {
        display: block !important;
        border-top: 1px solid #f1f1f1;
        /* padding: 20px 0; */
    }
    nav li a {
        padding: 0 2em;
        line-height: 3;
        font-size: 0.18rem;
        color: #333333 !important;
    }
    nav li {
        position: relative;
        z-index: 5;
        border-bottom: 1px solid #f4f4f4;
    }
    nav li .a .iconfont {
        display: block;
        position: absolute;
        right: 1em;
        top: 0;
        width: 50px;
        line-height: 3;
        z-index: 2;
        color: #999;
        transform: rotate(0deg);
        transition: 0.3s;
        text-align: center;
    }
    nav li .a .iconfont.on {
        transform: rotate(90deg);
    }
    nav li .nav {
        max-height: none !important;
        position: static;
        padding: 0 2em;
        transform: none;
        text-align: left;
        transition: none;
        background: #f9f9f9;
    }
    
    .header nav li dl {
        display: none;
    }
    nav li .nav > a {
        padding: 10px 0;
        background: none;
    }
    .header nav .li {
        margin-right: 0;
    }
    .header nav li dl {
        display: block !important;
        position: unset;
        transform: unset;
    }
    .header nav li dl a {
        background-color: #f0f0f0;
        text-align: left;
    }


    
}

.news_nav_swiper {
    height: 6.5rem;
    overflow: hidden;
    width: 3rem;
}
.news_nav_swiper .txt {
    position: relative;
    padding-left: 0.62rem;
    color: #8f9aa2;
}
.news_nav_swiper .icon {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
}
.news_nav_swiper .icon::before {
    content: "";
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #546b79;
}

.news_nav_swiper .txt .cn {
    font-size: 0.32rem;
}
.news_nav_swiper .txt .en {
    text-transform: uppercase;
    margin-top: 0.05rem;
}
/* .news_nav_swiper .swiper-slide{ transform: scale(0.6)  matrix(1, 0, 0, 1, 90, 73); opacity: .6;}
.news_nav_swiper .swiper-slide-prev{ transform: scale(0.8) matrix(1, 0, 0, 1, 0, 24); opacity: .8;}
.news_nav_swiper .swiper-slide-next{ transform: scale(0.8) matrix(1, 0, 0, 1, -1, -26); opacity: .8;}
.news_nav_swiper .swiper-slide-next + .swiper-slide{ transform: scale(0.6) matrix(1, 0, 0, 1, 105, -50);opacity: .6;}
.news_nav_swiper .swiper-slide-active{ transform: scale(1) matrix(1, 0, 0, 1, 0, 0); opacity: 1;} */

.news_nav_swiper .swiper-slide {
    transform: scale(0.6) translateX(0.38rem);
    opacity: 1;
}
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-prev,
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-next,
.news_nav_swiper .swiper-slide.swiper-slide-prev,
.news_nav_swiper .swiper-slide.swiper-slide-next {
    transform: scale(0.8) translateX(-0.1rem);
    opacity: 0.8;
}
.news_nav_swiper .swiper-slide.swiper-slide-active,
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-active {
    transform: scale(1) translateX(0);
    opacity: 1;
}
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-prev .txt,
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-next .txt,
.news_nav_swiper .swiper-slide-prev .txt,
.news_nav_swiper .swiper-slide-next .txt {
    color: #dee1e3;
}
.news_nav_swiper .swiper-slide-active .txt,
.news_nav_swiper .swiper-slide-duplicate-active .txt {
    color: #fff;
}
.news_nav_swiper .swiper-slide-active .icon::before,
.news_nav_swiper .swiper-slide-duplicate-active .icon::before {
    background-color: #fff;
}
.news_nav_swiper .swiper-slide-prev .icon,
.news_nav_swiper .swiper-slide-next .icon {
    background-color: rgba(255, 255, 255, 0.1);
}
.news_nav_swiper .swiper-slide-prev .icon::before,
.news_nav_swiper .swiper-slide-next .icon::before {
    background-color: #b7c0c7;
}

.kszmd_2 {
    padding-left: 0;
    padding-right: 11%;
}
.kszmd_2 .left_swiper .about_tit,
.kszmd_2 .left_swiper .par_con {
    text-align: right;
}
.kszmd_2 .left_swiper .about_tit .en {
    color: #00B8CF;
}
.kszmd_2 .right_nav {
    background-position: right center;
    justify-content: flex-end;
}
.kszmd_2 .news_nav_swiper {
    width: 100%;
}
.kszmd_2 .right_nav .warper {
    width: 3rem;
    margin-right: -0.2rem;
}
.kszmd_2 .right_nav .txt {
    padding-left: 0;
    padding-right: 0.62rem;
    text-align: right;
}
.kszmd_2 .right_nav .txt .icon {
    right: 0;
    left: auto;
}
.kszmd_2 .news_nav_swiper .swiper-slide {
    transform: scale(0.6) translateX(-0.38rem);
    opacity: 1;
    justify-content: flex-end;
}
.kszmd_2 .news_nav_swiper .swiper-slide.swiper-slide-duplicate-prev,
.kszmd_2 .news_nav_swiper .swiper-slide.swiper-slide-duplicate-next,
.kszmd_2 .news_nav_swiper .swiper-slide.swiper-slide-prev,
.kszmd_2 .news_nav_swiper .swiper-slide.swiper-slide-next {
    transform: scale(0.8) translateX(0.1rem);
    opacity: 0.8;
}
.kszmd_2 .news_nav_swiper .swiper-slide.swiper-slide-active,
.kszmd_2 .news_nav_swiper .swiper-slide.swiper-slide-duplicate-active {
    transform: scale(1) translateX(0);
    opacity: 1;
}
.kszmd_2 .right_nav {
    padding: 1rem 0;
}
.kszmd_2 .right_nav .swiper-button-next,
.kszmd_2 .right_nav .swiper-button-prev {
    left: 1.25rem;
}
@media (max-width: 1480px) {
    .news_nav_swiper .swiper-slide {
        transform: scale(0.6) translateX(0.3rem);
    }
}
@media (max-width: 1366px) {
    .news_nav_swiper .swiper-slide {
        transform: scale(0.6) translateX(0.2rem);
    }
    .kszmd .right_nav .swiper-button-next,
    .kszmd .right_nav .swiper-button-prev {
        left: 1.2rem;
    }
}
@media (max-width: 640px) {
	.kszmd .left_swiper .zm_swiper{ padding-bottom: 0.3rem;}
	.kszmd .left_swiper .zm_swiper .img{ background-size: contain; background-color:transparent; height:3.2rem;}
	.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::before,
	.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::after{ height:3.2rem;}
	.kszmd .left_swiper .par_con{margin: 0.2rem 0 0.25rem;}
    .kszmd,
    .kszmd_2 {
        padding-left: 0;
        min-height: auto;
        padding-right: 0;
    }
    .kszmd .left_swiper {
        width: 90%;
        margin: 0 auto;
    }
    .kszmd .right_nav {
        width: 100%;
        display: none;
    }
}

.new_top {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
}
.new_top .title {
    font-size: 0.4rem;
    margin-bottom: 0.3rem;
}
.new_top .other {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.new_top .other time {
    margin-right: 0.7rem;
}
.new_top .other .share {
    background-image: url(../images/icon41.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 0.14rem 0.16rem;
    padding-right: 0.2rem;
    cursor: pointer;
}

.auto-inner {
    padding: 0.5rem 1.2rem;
    border-top: dashed 1px #e0e4e5;
    border-bottom: 1px #e0e4e5 dashed;
}
.auto-inner p {
    margin-bottom: 0.4rem;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.auto-inner .editor-con p{ margin:0;}
.auto-inner img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.3rem;
}

.auto-inner .h2 {
    text-align: center;
    margin-bottom: 0.3rem;
    font-size: 0.24rem;
}

.index_banner .warban,
.ind_part2 .bg_wap,
.wap_show {
    display: none;
}
#fullpage .side_float {
    display: none;
}

@media (max-width: 1024px) {
    .auto-inner {
        padding: 0.5rem 0rem;
    }
    .pcshow {
        display: none !important;
    }
    .wap_show {
        display: block;
    }
    #fullpage,
    .fp-section.fp-table,
    .fp-slide.fp-table,
    .fp-tableCell {
        height: auto !important;
    }
    .index_banner {
        padding-top: 1rem;
    }
    .index_banner .slick-arrow {
        display: none !important;
    }
    .open_video {
        display: none;
    }
    .header {
        background-color: #fff;
    }
    .header .auto {
        height: 1rem;
    }
    .openMenu {
        margin-left: 10px;
        order: 3;
    }
    .header .search_part {
        order: 2;
        margin-left: 0.2rem;
        margin-right: 0;
    }
    .openMenu i,
    .openMenu i:before,
    .openMenu i:after {
        background-color: #999999;
    }
    .header .logo a:first-child {
        display: none !important;
    }
    .header .logo a:last-child {
        display: block !important;
    }
    .header .shop p,
    .header .shop .arr {
        display: none;
    }
    .header .shop .icon {
        filter: opacity(0.6);
    }

    .header .search_part .search_btn {
        filter: invert(1) opacity(0.6);
    }
    .index_banner .item {
        height: auto;
        position: relative;
    }
	.index_banner .item video {
	   height: 660px;
	}
    .index_banner .warban {
        display: block;
        width: 100%;
    }
    .index_banner .item .auto_1550 {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        align-items: flex-start;
        padding: 1rem 0 0;
        display: block;
    }
    .index_banner .item .banner_con {
        width: 100%;
    }
    .index_banner .slick-dots li button {
        width: 0.16rem;
        height: 0.16rem;
        border-radius: 30px;
    }
    .index_banner .slick-dots li.slick-active button {
        width: 0.34rem;
    }

    .ind_part1 {
        padding-bottom: 1rem;
    }
    /* .ind_part1 .swiper { */
        /* overflow: inherit !important; */
        /* padding-right: 1.5rem; */
        /* padding-left: 0.2rem; */
    /* } */
    /* .ind_part1 .swiper-wrapper { */
        /* transform-style: initial !important; */
    /* } */
    /* .ind_part1 .swiper-slide { */
        /* transform: none !important; */
        /* padding-left: 0 !important; */
        /* padding-right: 0 !important; */
    /* } */
	.part .title_box .t1{ margin-bottom:0!important;}
	.xl_box{transform: scale(1); width:92%; margin:0 auto;}
    .ind_part1 .swiper-slide .pic {
        width: 100%;
        margin: auto;
        transform: none !important;
        height: auto;
        padding-bottom: 20%;
    }

    .index_banner .item .banner_con .t1,
    .ind_part2 .ms_con .t2 {
        font-size: 0.52rem;
    }
    .index_banner .item .banner_con .t2,
    .part .title_box .t2 {
        font-size: 0.2rem;
        line-height: calc(34 / 20);
    }

    .part .title_box {
        padding: 0 0.3rem;
    }
    

    .ind_part2 .bg_wap {
        display: block;
    }
    .ind_part2 .bg_wap img {
        width: 100%;
    }
    .ind_part2 .auto_1550 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 1rem;
        height: auto;
        justify-content: center;
        padding-top: 0;
        text-align: center;
    }
    .ind_part2 .ms_con .t3 {
        display: none;
    }
    .ind_part2 .ms_con .btn {
        margin-left: auto;
        margin-right: auto;
    }
    .ind_part3 {
        background: #fff !important;
        padding: .75rem 0;
    }

    .ind_part3 .line_bg {
        display: none;
    }
    .ind_part3 .case_ban {
        flex-wrap: wrap;
        gap: 0.2rem;
        width: calc(100% - 0.6rem);
        margin: 0 auto;
        height: auto;
        justify-content: space-between;
    }
    .ind_part3 .case_ban .item {
        width: calc((100% - 0.2rem) / 2);
        background: none !important;
        opacity: 1;
    }
    .ind_part3 .case_ban .item .wap_info {
        position: absolute;
        left: 0.3rem;
        right: 0.3rem;
        bottom: 0.3rem;
        z-index: 3;
    }
    .ind_part3 .case_ban .item .wap_img {
        overflow: hidden;
        border-radius: 0.2rem;
        position: relative;
    }
    .ind_part3 .case_ban .item .wap_img:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #011d32;
        opacity: 0.6;
        z-index: 2;
    }
    .ind_part3 .case_ban .item .wap_img figure {
        padding-bottom: 119%;
    }
    .ind_part3 .case_ban .item .wap_img figure img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
    }
    .ind_part3 .case_ban .item .wap_tit {
        color: #fff;
        font-size: 0.3rem;
        padding-top: 0.2rem;
    }
    .ind_part3 .case_ban .item .wap_desc {
        color: #fff;
        font-size: 0.2rem;
    }
    .ind_part3 .case_ban .item .wap_icon {
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #43aec1;
    }
    .ind_part3 .case_ban .item .wap_icon img {
        max-width: 70%;
        max-height: 70%;
    }
    .ind_part4 {
        padding: 0 0 .75rem 0;
    }
    .ind_part4 .servelist {
        flex-wrap: wrap;
        padding: 0 0.3rem;
        position: relative;
        z-index: 2;
        gap: 0.25rem;
    }
    .ind_part4 .servelist .item {
        width: 100%;
		height:auto;
    }
    .ind_part4 .servelist .item figure {
        padding-bottom: 56.522%;
        border-radius: 0.2rem;
    }
    .ind_part4 .servelist .item .btn {
        
    }
    .ind_part4 .servelist .item .t1 {
        font-size: 0.42rem;
        margin-bottom:.1rem;
    }
    .ind_part4 .servelist .item .t2 {
        font-size: 0.24rem;
        margin-bottom:.2rem;
    }

    .ind_part5 .hzlist {
        flex-wrap: wrap;
    }
    .ind_part5 .hzlist .item {
        width: 33.333%;
        flex: initial;
        margin: 1% 0;
        display: flex;
        flex-direction: column;
    }
    .ind_part6 {
    }
    .ind_part6 .left_title {
        text-align: center;
    }
    .ind_part6 .servelist {
        flex-wrap: wrap;
        gap: 0.45rem;
    }
    .ind_part6 .servelist .item {
        width: 100%;
    }
    .ind_part6 .servelist .txt .t1 {
        font-size: 0.24rem;
    }
    .ind_part6 .servelist .txt .t2 {
        font-size: 0.18rem;
    }
    .ind_part6 .servelist .txt a {
        font-size: 0.18rem;
    }
    .brand_new .new_list .item {
        width: calc(calc(100% - .3rem) / 2);
    }
}
@media (max-width: 750px) {
	.index_banner .item .banner_con{ text-align:center;}
	.index_banner .item .banner_con .btnbox{ display:inline-flex; flex-flow: column; gap:.2rem;}
	
    .ind_part5 {
        padding:0 .28rem 0.28rem;
        background: url(../images/hzbg_wap.jpg) no-repeat center bottom;
        background-size: 100%;
    }
    .ind_part5 .hzlist {
        margin-top: 0;
        padding: 0 0 .3rem;
    }
    .ind_part5 .hzlist .item {
        padding: 0.4rem 0.2rem;
    }
    .ind_part6 {
        display: none;
    }
}
@media (max-width: 640px) {
    .header .logo {
        width: 3.2rem;
    }
    .bottom .left_nav {
        display: none;
    }
    .foot_logo {
        margin-bottom: 0;
    }
    .bottom .right_part {
        width: 100%;
    }
    .foot_logo {
        margin: 0 auto 0.1rem;
    }
    .copyright {
        flex-wrap: wrap;
        justify-content: center;
    }
    .share ul {
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .pro_box .pro_item .pro_list .item {
        width: calc((100% - 6%) / 3);
    }
    .pro_box .pro_item .pro_list .item:nth-child(4n) {
        margin-right: 3%;
    }
    .pro_box .pro_item .pro_list .item:nth-child(3n) {
        margin-right: 0;
    }
}
@media (max-width: 640px) {
    .products_nav {
        flex-wrap: wrap;
        overflow-x: auto;
    }
    .pro_box .pro_item .pro_list .item {
        width: calc((100% - 3%) / 2);
    }
    .pro_box .pro_item .pro_list .item:nth-child(4n) {
        margin-right: 3%;
    }
    .pro_box .pro_item .pro_list .item:nth-child(3n) {
        margin-right: 3%;
    }
    .pro_box .pro_item .pro_list .item:nth-child(2n) {
        margin-right: 0;
    }

    .pro_box .pro_item .pro_list .item figure {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .contact_box .part2 li {
        display: block;
    }
    .contact_box .part2 li .pic {
        padding-bottom: 50%;
        width: 100%;
    }
    .contact_box .part2 li .txt_box {
        padding: 0.3rem;
        width: 100%;
    }
    .contact_box .part2 li .txt_box .info .item {
        width: 100% !important;
    }
    .contact_box .part2 li .txt_box .title {
        margin-bottom: 0.3rem;
    }
}
@media (max-width: 640px) {
    .service_nav .auto {
        overflow-x: scroll;
    }
    .service_nav li {
        white-space: nowrap;
    }
    .pro_l3 .item {
        white-space: nowrap;
    }
    .service_table .item {
        overflow-x: scroll;
    }
    .service_table .table1 {
        min-width: 900px;
    }
    .service_table .table2 {
        min-width: 900px;
    }

    .media_top {
        display: block;
    }
    .media_top .download_l {
        width: 100%;
        margin-bottom: 0.2rem;
    }
    .media_top .search_r {
        width: 100%;
    }
    .media_table {
        overflow-x: scroll;
    }
    .media_table table {
        min-width: 900px;
    }

    .network_con .network_map {
        display: block;
    }
    .network_con .network_map .left_list {
        width: 100%;
        max-height: 3rem;
        overflow-y: scroll;
    }

    .train_par1 .auto {
        display: block;
    }
    .train_par1 .l_txt {
        margin-right: 0;
    }
    .train_par6 .auto {
        display: block;
    }
    .train_par6 .l_pic {
        width: 100%;
    }
    .train_par6 .r_txt {
        width: 100%;
    }
    .train_par6 .cur_title {
        text-align: center;
    }
    .train_par7 .flex_box {
        display: block;
        margin-top: 0.3rem;
    }
    .train_par7 .flex_box .item {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .train_par8 .auto {
        display: block;
        padding: 0.2rem;
    }
    .train_par8 .l_par {
        width: 100%;
    }
    .train_par8 .r_par {
        width: 100%;
    }
    .train_par9 .train_kc .flex_box {
        display: block;
    }
    .train_par9 .train_kc .l_par {
        width: 100%;
    }
    .train_par9 .train_kc .r_par {
        width: 100%;
    }

    .video_list .item {
        width: calc((100% - 0.5rem) / 2);
    }

    .brand_new .top_new {
        width: 100%;
    }
    .brand_new .top_new .item {
        width: calc((100% - 0.2rem) / 2);
        margin-right: 0.1rem;
    }
    
    .brand_new .new_list .item {
        width: 100%;
    }
    .brand_new .new_list::after{
        display: none;
    }
    .p_case .top_case .item {
        display: block !important;
    }
    .p_case .top_case .img {
        width: 100%;
    }
    .p_case .top_case .txt {
        width: 100%;
        padding: 0.3rem;
    }
    .p_case .case_list .item {
        width: 48%;
        margin-right: 0 !important;
    }
    .p_case .case_list .item .img {
        background-position: center;
        background-size: cover;
        height: 2rem;
    }
}
@media (max-width: 1280px) {
    .coach_box .coach_swiper .swiper-slide figure {
        height: 4rem;
        background-size: contain;
    }

    .zjtd_swiper {
        margin-top: 0.3rem;
    }
    .zjtd_box .zjtd_swiper .swiper-slide .txt_box {
        right: 0;
    }
    .zjtd_box .zjtd_swiper .swiper-slide figure {
        background-position: 20% bottom;
    }
    .zjtd_box .zjtd_swiper .swiper-button-next,
    .zjtd_box .zjtd_swiper .swiper-button-prev {
        top: 50%;
    }
    .zjtd_box .zjtd_swiper .swiper-button-prev {
        left: 0;
    }
    .zjtd_box .zjtd_swiper .swiper-button-next {
        right: 0;
    }
}
@media (max-width: 1024px) {
    .about_con .part1 .flex_box {
        display: block;
    }
    .about_con .part1 .left_txt {
        width: 100%;
        margin-bottom: 0.2rem;
    }
    .about_con .part1 .right_video {
        width: 100%;
    }

    .about_con .part1 .jj_icon {
        overflow-x: auto;
    }
    .about_con .part2 {
        display: block;
        background-image: none;
    }
    .about_con .part2 .left_p {
        width: 92%;
        padding: 2%;
        margin: 0 auto;
    }
    .about_con .part2 .right_p {
        width: 92%;
        padding: 2%;
        margin: 0 auto;
    }
	.about_con .part2 .right_p .list .item{ width:100%;}
    .about_con .part3 .auto {
        display: block;
    }
    .about_con .part3 .auto .list {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .about_con .part4 .auto {
        display: block;
    }
    .about_con .part4 .zl_part {
        width: 100%;
    }
    .about_con .part4 .bh_part {
        width: 100%;
        margin-top: 0.3rem;
    }
    .about_con .part5 .flex_con {
        display: block;
    }
    .about_con .part5 .flex_con .item {
        margin-bottom: 0.3rem;
    }

    .jm_con .part2 .flex_con {
        flex-wrap: wrap;
    }
    .jm_con .part2 .flex_con .item {
        margin-bottom: 0.2rem;
    }
}

@media (max-width: 640px) {
    .zjtd_box {
        height: auto;
        padding: 0.5rem 0rem;
    }
    .zjtd_box .zjtd_swiper .swiper-slide .txt_box {
        position: unset;
        width: 100%;
        text-align: center;
        max-width: none;
        margin-top: 0.3rem;
    }
    .zjtd_box .zjtd_swiper .swiper-slide figure {
        background-position: center;
    }
}

@media (max-width: 1024px) {
    .hzzj_box .txt_item {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-bottom: 0.3rem;
    }
    .hzzj_box .txt_item .line {
        display: none;
    }
    .hzzj_box .cur_title {
        text-align: center;
        margin-bottom: 0.3rem;
    }
    .hzzj_box .auto {
        justify-content: unset;
    }
    .hzzj_box .item {
        width: calc((100% - 0.9rem) / 3);
    }
}
@media (max-width: 640px) {
    .hzzj_box .auto {
        justify-content: space-between;
    }
    .hzzj_box .item {
        width: calc((100% - 0.2rem) / 2);
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    .ydcase_box .ydcase_list {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ydcase_box .ydcase_list .item {
        width: calc(calc(100% - 0.4rem) / 2) !important;
        height: 3rem;
        margin-bottom: 0.3rem;
    }
    .ydcase_box .ydcase_list .item .txt {
        height: 100%;
        display: flex;
        justify-content: center;
        /* align-items: center; */
        flex-direction: column;
        padding-top: 0;
        text-align: left !important;
        padding: 0 0.2rem;
    }
    .ydcase_box .ydcase_list .item .mask {
        display: none !important;
    }
    .ydcase_box .ydcase_list .item .entit {
        display: block !important;
        color: #00B8CF;
        margin-bottom: 0.4rem;
    }
    .ydcase_box .ydcase_list .item .more_btn {
        width: 1.7rem;
        height: 0.5rem;
        background-color: #00B8CF;
        border-radius: 0.2rem 2px 0.2rem 2px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ydcase_box .ydcase_list .item .btn_icon {
        display: none !important;
    }

    /* .jkwj .jk_top .l_icon{flex: auto;}
    .jkwj .cur_title{flex: 1;}
    .jkwj .jk_top .r_icon{flex: auto;} */
    .jkwj .flex_con {
        display: block;
    }
    .jkwj .flex_con .r_btn {
        margin: 0 auto;
        margin-top: 0.3rem;
    }
}

@media (max-width: 640px) {
    .mdjm .part1 .flex_con {
        display: block;
    }
    .mdjm .part1 .flex_con .item {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .mdjm .part1 .flex_con .item .t1 {
        margin-bottom: 0.3rem;
    }
    .mdjm .part5 .step .dot_box {
        flex-wrap: wrap;
    }
    .mdjm .part5 .step .dot_box .item {
        width: 100%;
    }
    .mdjm .part5 .step .dot_box .item .jbline {
        display: none;
    }
    .mdjm .part5 .step .dot_box .dot_icon {
        display: none;
    }
    .mdjm .part5 .step .dot_box .item {
        flex-direction: row;
        justify-content: center;
        margin-bottom: 0.2rem;
		align-items: flex-start;
    }
    .mdjm .part5 .step .dot_box .item .icon {
        width: .8rem;
		margin-right:.2rem;
    }
    .mdjm .form_con .tips {
        white-space: wrap;
    }
	.mdjm .part5 .step .dot_box .item .txt{ order:2;}
}

@media (max-width: 768px) {
    .cq_swiper {
        padding-right: 1.8rem;
    }
    .cq_swiper .swiper-slide {
        flex-flow: column wrap;
    }
    .cq_swiper .pic,
    .cq_swiper .txt {
        width: 100%;
        margin: 0;
    }
    .cq_swiper .pic {
        height: 2.5rem;
    }
}
@media (max-width: 640px) {
    .cq_swiper {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .fitness_ser .section1 .item .banner_con .big_tit {
        font-size: 0.4rem;
    }
    .fitness_ser .section3 .par_dot .dot_item .tit {
        font-size: 0.14rem;
    }
    .fitness_ser .section3 .par_dot .dot_item.swiper-slide-thumb-active .tit {
        font-size: 0.18rem;
    }
    .fitness_ser .section4 .top_par {
        flex-direction: column;
        align-items: center;
    }
    .fitness_ser .section4 .top_par .m_img {
        margin: 0.3rem 0;
    }
    .fitness_ser .section5 {
        height: auto;
    }
    .fitness_ser .section5 .ty_list {
        margin-top: 0.4rem;
    }
    .fitness_ser .section5 .ty_list .bg {
        display: none;
    }

    .fitness_ser .section5 .ty_list {
        display: block;
    }
    .fitness_ser .section5 .ty_list .item {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .fitness_ser .section5 .ty_list .item .ty {
        margin-bottom: 0.3rem !important;
    }
    .fitness_ser .section5 .ty_list .item .ty::after {
        display: none;
    }
    .fitness_ser .section7 .hzlist {
        flex-wrap: wrap;
    }
    .fitness_ser .section7 .hzlist .item {
        padding: 0.2rem 0.3rem;
    }
    .fitness_ser .section8 .icon_list {
        flex-wrap: wrap;
    }
    .fitness_ser .section8 .icon_list .item {
        width: 50%;
        margin: 0;
        margin-bottom: 0.2rem;
    }
    .fitness_ser .section8 .hg_list .item {
        width: 50% !important;
    }

    .cpxq_box .part1 {
        display: block;
        padding-bottom: 0.3rem;
    }
    .cpxq_box .part1 .left {
        width: 100%;
    }
    .cpxq_box .part1 .right {
        width: 100%;
    }
    .gg_part .cur_title {
        padding-top: 0.3rem;
    }
    .gg_part .table {
        overflow-x: scroll;
    }
    .gg_part .section .flex_part {
        display: block;
    }
    .gg_part .section .flex_part .cppic {
        width: 100%;
        margin-bottom: 0.2rem;
    }
    .gg_part .section .flex_part .txt {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .mdjm .part4 {
        padding: 0.8rem 0 0.8rem 0;
    }
    .mdjm .part4 .flex_con {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mdjm .part4 .flex_con .item {
        width: calc(calc(100% - 0.2rem) / 2);
        flex-wrap: wrap;
        margin-bottom: 0.3rem;
        margin-top: 0 !important;
    }

    .service_nav .auto {
        justify-content: flex-start;
        overflow-x: scroll;
    }


    .xl_swiper .swiper-button-next, .swiper-rtl .swiper-button-prev{
        display: none;
    }
    .xl_swiper .swiper-button-prev, .swiper-rtl .swiper-button-next{
        display: none;
    }
}

.global-feedback-form {
    width: 3.5rem;
}
.global-feedback-form h4 {
    font-size: 0.22rem;
    font-weight: normal;
    color: #00B8CF;
    margin-bottom: 0.2rem;
}
.global-feedback-form .row {
    width: 100%;
    border: 1px solid #ccc;
    padding: 0 0.15rem;
    margin-bottom: 0.2rem;
}
.global-feedback-form .row input {
    width: 100%;
    height: 0.4rem;
    border: none;
    font-size: 0.16rem;
}
.global-feedback-form .row select {
    width: 100%;
    height: 0.4rem;
    border: none;
    font-size: 0.16rem;
}

.global-feedback-form .row textarea {
    width: 100%;
    height: 1.4rem;
    border: none;
    font-size: 0.16rem;
    padding: 0.15rem 0;
}

.global-feedback-form .subbtn {
    width: 1.6rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background-color: #00B8CF;
    color: #fff;
    cursor: pointer;
}

/* 顶部导航 */
.header nav {
    position: relative;
    flex: 1;
}

.header .second_nav {
    position: absolute;
    width: 100%;
    min-height: 2.3rem;
    background-color: #fff;
    display: flex;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}



.header .second_nav .left_par {
    width: 1.85rem;
    text-align: center;
    /* background-color: #f8f8f8; */
    padding-top: 0.15rem;
    border-right: 1px #f4f4f4 solid;
}
.header .second_nav .left_par .sec_item {
    line-height: 0.5rem;
    cursor: pointer;
    position: relative;
    color: #666666;
}
.header .second_nav .left_par .sec_item a{color: #000000;}
.header .second_nav .left_par .sec_item:hover {
    color: #000000;
}
.header .second_nav .left_par .sec_item.cur::after,
.header .second_nav .left_par .sec_item:hover::after{
    color: #333333;
    position: absolute;
    content: '>';
    right: .1rem;
    top: 50%;
    transform: translateY(-50%);
}


.header .second_nav .right_par {
    padding: 0.3rem;
}
.header .second_nav .right_par .category{
    display: none;
}
.header .second_nav .right_par .sec_item{display: none}
.header .second_nav .right_par .three_item{
    padding-bottom: .2rem;
}

.header .second_nav .right_par .three_title {
    font-size: 0.16rem;
    margin-bottom: 0.2rem;
    line-height: 1;
    color: #000000;
}
.header .second_nav .right_par .three_item:hover .three_title{font-weight: bold}
.header .second_nav .right_par .four_box {
    font-size: 0.14rem;
    color: #999999;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header .second_nav .right_par .four_box .item {
    margin-right: .3rem;
    line-height: 1;
    margin-bottom: .2rem;
    color: #999999;
}

.header .second_nav .right_par .four_box .item:hover{
    color: #333333;
  font-weight: bold;
}

.header li.li33,
.header li.li29{ position:relative;}
.header li.li33 .second_nav,
.header li.li29 .second_nav{ width:auto; min-height:0;}
.header li.li33 .second_nav .left_par,
.header li.li29 .second_nav .left_par{ padding:.15rem 0;}
.header li.li33 .second_nav .left_par .sec_item.cur::after,
.header li.li29 .second_nav .left_par .sec_item.cur::after{ display:none;}
.header li.li33 .second_nav .left_par .sec_item a,
.header li.li29 .second_nav .left_par .sec_item a{ line-height:2.5;}
.header li.li33 .second_nav .left_par .sec_item:hover::after,
.header li.li29 .second_nav .left_par .sec_item:hover::after{ display:inline-block;}
.header li.li33 .second_nav .right_par,
.header li.li29 .second_nav .right_par{ display:none!important;}

@media(min-width:1024px){
.header nav li:hover .second_nav {    display: flex!important;}
}

.side_float{position: fixed; right: 1%; top: 50%; transform: translateY(-50%); z-index: 20}
.side_float dl{position: relative;}
.side_float dl:not(:last-child){margin-bottom: 10px;}
.side_float dl:nth-child(3n) dd{top: -2rem;}
.side_float dt{position: relative; z-index: 10; cursor: pointer; width: 45px; height: 45px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 5px; text-align: center; background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0.7;
}
.side_float dt figure{margin: auto; width: 20px; height: 20px; padding: 0;}
.side_float dt img{}
.side_float dt b{font-weight: normal; color: #999999; font-size: 12px;}
.side_float dd{white-space: nowrap; position: absolute; right: 0; top: 0; padding-right: 10px; transform: scale(0); transition: 0.5s; visibility: hidden; }
.side_float dd .box{font-size: 16px; line-height: 2; color: #333333; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; padding:30px; min-width:240px; background: #fff}
.side_float dd p:not(:last-child){padding-bottom: 2%; margin-bottom: 2%; border-bottom: dotted 1px #cfcfcf}
.side_float dd b{ color: #00B8CF; font-size: 18px;display: block}
.side_float dl:nth-child(3) dd{right: 100%;transform: scale(1);visibility: visible;display:none}
.side_float dl:hover dt{background: #00B8CF;opacity: 1;}
.side_float dl:hover dt b{ color: #fff; }
.side_float dl:hover dt img{filter: brightness(0) invert(1);}
.side_float dl:not(:first-child):hover dd{right: 100%;transform: scale(1);visibility: visible; }
.side_float dl dd.on{right: 100%;transform: scale(1);visibility: visible;}
.side_float .closeBtn {position: absolute;top: 20px;right: 30px;height: 17px;width: 17px;display: block;background: url(../images/colseBtn.jpg) no-repeat;
}
@media(max-width:768px){
.side_float dd .box{padding: 15px;min-width:160px; }
}


.oemyw .part1 aside,
.oemyw .part1 .flex_con{padding: 0; max-width: 1220px; margin: auto; margin-top: 0.6rem}

@media(max-width:768px){
.oemyw .part1 .flex_con{flex-wrap: wrap}
.oemyw .part1 .flex_con .txt{width: 100%;margin-right: 0;}
.oemyw .part1 .flex_con .img{width: 100%;}
}

.oemyw .part2 .setion{width:100%}
.oemyw .part2 .setion .item{ width:30%;}
.oemyw .part2 .setion:nth-child(1) .item,
.oemyw .part2 .setion:nth-child(2) .item,
.oemyw .part2 .setion:nth-child(3) .item{ width:100%;}
.oemyw .part2 .setion:nth-child(1){width: 25%}
.oemyw .part2 .setion:nth-child(2){width: 36.813%}
.oemyw .part2 .setion:nth-child(3){width: 36.875%}

@media(max-width:768px){
	.oemyw .part2{ padding:.8rem 0 .5rem;}
.oemyw .part2 .setion{width: 100%!important; display: flex; justify-content: space-between}

.oemyw .part2 .setion:nth-child(odd) .item:nth-child(1){width: 44%;}
.oemyw .part2 .setion:nth-child(odd) .item:nth-child(2){width: 54%;}

.oemyw .part2 .setion:nth-child(even) .item:nth-child(1){width: 54%;}
.oemyw .part2 .setion:nth-child(even) .item:nth-child(2){width: 44%;}
.oemyw .part2 img{ height: 2.2rem; object-fit: cover; -webkit-object-fit: cover;width: 100%;}
.oemyw .part3{ height:3rem;} 
.oemyw .part6 .zl_swiper,
.oemyw .part7 .pk_swiper,
.cq_swiper,
.oemyw .part4 .cpx_swiper,
.oemyw .part2 .gy_swiper{ margin-top:.4rem;}
.oemyw .part7 .pk_swiper .txt .t1{ margin-bottom:.05rem;}
.oemyw .part7,
.oemyw .part6,
.oemyw .part5,
.oemyw .part4,
.oemyw .part1{ padding:.75rem 0}
}


.main_section{display: flex; flex-wrap: wrap; justify-content: space-between;padding: 2% 0}
.main_section .main_left{width: 15%;}
.main_section .main_right{width: 82%;}
@media(max-width:768px){
.main_section .main_left,
.main_section .main_right{width:100%;}
}

.sidebar_menu dl{display: none}
.sidebar_menu li{padding: 5px 0}
.sidebar_menu span a{padding: 5px 10px; display: block}
.sidebar_menu span.suba a{color: #fff; display: block;background: #00B8CF no-repeat right center; background-size: 24px;}
.sidebar_menu span.subc a{padding-left: 20px;}
.sidebar_menu .ulc{font-size: .14rem}
.sidebar_menu li.aon span.suba a{background-image: url(../images/menu_arrow.svg)}
.sidebar_menu li li.on span.subb a,
.sidebar_menu li li li.on span.subc a{color: #00B8CF}
@media(max-width:768px){
	.sidebar_menu{ padding-bottom:.15rem;}
.sidebar_menu dl{display:none;background: #00B8CF; color: #fff; padding:10px; position: relative}
.sidebar_menu ul{display: none}
.p_case .case_list{ padding-top:.2rem;}
}

.breadcrumb-wrap{
    height: .4rem;
    line-height: .4rem;
    margin-bottom: .4rem;
    color: #999999;
}

.breadcrumb-wrap .auto a:nth-child(1),.breadcrumb-wrap .auto a:nth-child(3),.breadcrumb-wrap .auto a:nth-child(5){
    display: none;
}

.breadcrumb-wrap .auto i:nth-child(2),.breadcrumb-wrap .auto i:nth-child(4),.breadcrumb-wrap .auto i:nth-child(6){
    display: none;
}
.breadcrumb-wrap a{
    color: #999999;
}
.breadcrumb-wrap i{
    font-style: normal;
    padding: 0 .02rem;
}
.case_list .item label{
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    padding: 0.05rem 0.1rem;
    border-radius: 5px;
    background-color: #00B8CF;
    color: #fff;
}


.pswp{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999;
    display: none;
}
.pswp .swiper{
    width: 100%;
    height: 100%;
}
.pswp .swiper .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pswp .swiper .swiper-pagination {
    color: #fff !important;
}
.pswp .close{
    width: .24rem;
    height: .24rem;
    background-image: url(../images/close.png);
    background-position: center;
    position: absolute;
    top: .1rem;
    right: .1rem;
    cursor: pointer;
    z-index: 99999;
}

@media (max-width: 1024px) {
    .header .second_nav{
        position:unset;
        transform:unset
    }

    .header .second_nav .right_par .three_title{
        font-size: .2rem;
    }
    .header .second_nav .right_par{
        flex: 1;
    }
    .header .second_nav .right_par .category{
        display: block;
    }
    .header .second_nav .right_par .three_item>a{
        padding: 0;
    }
}

@media(max-width:768px){
.header nav li a{font-size: 18px;padding: 0 .2rem;}
.header .second_nav{display: block; min-height: auto;}
.header .second_nav .left_par,
.header .second_nav .right_par{ width: 100%; padding-top: 0;background-color: #f8f8f8;  border-top: 1px solid #e3e3e3;  text-indent: 15px;  text-align: left;padding: 0;}
.header .second_nav .right_par .sec_item{display: block}
.header .second_nav .right_par .three_title{font-size: 16px;margin-bottom: 0}
.header .second_nav .sec_item { border-bottom: 1px solid #e3e3e3;}
.header .second_nav .sec_item a{font-size: 16px;}
.header .second_nav{display: none;}
.header .second_nav .right_par .four_box{font-size: 14px; opacity: 0.8}
.header .second_nav .right_par .four_box .item{width: 50%;margin:2px 0; font-size: 15px; line-height: 24px;}
.header .second_nav .sec_item{position: relative}
.header .second_nav .three_box{padding: 10px 0}
.header .second_nav .right_par .three_item{border-bottom: solid 1px #ddd; padding: .1rem 0; margin-bottom: 0}
.header nav li.have_right .left_par{display: none}
.header nav li.have_right .right_par .two_item{display: none; background: #fff; margin: 0 .2rem}
.header nav li span{display: block;position: relative}
.header nav li .op,
.header nav li .op-multi{position: absolute; width: 39px; height: 39px;right: 0;top: 0;transition: 0.5s}
.header nav li .op:before,
.header nav li .op:after,
.header nav li .op-multi:before,
.header nav li .op-multi:after{content: ''; width:40%; height: 2px; background: #333; left: 0; top: 0; bottom: 0; right: 0; margin: auto; position: absolute}
.header nav li .op:after,
.header nav li .op-multi:after{transform: rotate(90deg)}
.header nav li .op-multi:before,
.header nav li .op-multi:after{width: 30%; opacity: 0.8}
.header nav li .op.click,
.header nav li .op-multi.click{transform: rotate(45deg)}
}

.title_list{ margin-bottom: .5rem;}
.title_list .item {
    line-height: 0.68rem;
    border-bottom: 1px dashed #dcdcdc;
    padding-left: 0.15rem;
    position: relative;
  }
  .title_list .item a {
         /* font-weight: bold;*/
          font-weight: 600;
      }
  .title_list .item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.04rem;
    height: 0.04rem;
    background-color: #c9161d;
    border-radius: 100%;
  }
  .title_list .time {
    float: right;
    color: #999999;
    font-weight: 300;
  }


  @media only screen and (max-width:1024px) {
    .scheme_box .left_img {width: 100%; margin-bottom:2em;}
    .scheme_box #whir_3 {width:100%;}
    .scheme_box .right_form .form_con .input_box {width:48%;}
    
}
/*joining*/
.joining .list {overflow-x: auto;-webkit-overflow-scrolling: touch; max-width: 12rem; margin:0 auto;}
.joining table {table-layout: fixed; width: 100%; text-align: center;}
.joining th {background-color: #555; color:#fff; font-size: 0.18rem; font-weight: normal; line-height: 2em; padding:0.07rem;border: solid 1px #e0e4e5;}
.joining th:nth-child(1){width: 16.25%;}
.joining th:nth-child(2){width: 21.75%;}
.joining th:nth-child(3){width: 20.33%;}

.joining td { border: solid 1px #e0e4e5; font-size: 0.16rem; line-height: 1.875em; padding:0.05rem;}
.joining td:nth-child(4){text-align: left; padding-left:4.16%; padding-right: 4.16%;}
.joining tr:nth-child(2n+1) td {background-color: #f9f9f9;}





/* 产品表格 */

.tabs-content .content .table {
    width: 100%;
    border-collapse: collapse;
    border: 0 none
}

.tabs-content .content .table td.highlight {
    color: #fff;
    background-color: #258fa5;
    border: 0 none
}

.tabs-content .content .table td {
    color: #666;
    font-size: 1rem;
    width: 25%;
    border: #e5e5e5 solid 1px;
    border-left: 0 none;
    border-right: 0 none;
    padding: 0.75rem 1rem;
    vertical-align: middle;
    word-break: break-all
}

.tabs-content .content .table td:last-child {
    white-space: nowrap
}

.tabs-content .content .table td:nth-child(2) {
    border-right: #e5e5e5 solid 1px
}

.tabs-content .content .block-title {
    font-size: 1rem;
    color: #258fa5
}

video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}




.search_group{padding: 4% 0; max-width:1148px; margin: 0 auto;}

.search_group ul{ display: flex; flex-wrap: wrap;}
.search_group .type{    position: relative;}
.search_group .type ul{justify-content: center}
.search_group .type li {margin: 0px 2px;position: relative}
.search_group .type li b a{font-weight: normal; font-size: .16rem; min-width: 100px; line-height: 40px; text-align: center; display: block; padding-left: 20px; padding-right: 20px;}
.search_group .type li.aon b a{color: #fff; background: #00B8CF}
/*.search_group .type li .sub{position: absolute; min-width: 100%; background: #f6f6f6; padding: 10px 0; z-index: 10; border-radius:0 0 10px 10px; display: none;border: solid 1px #e6e6e6}
.search_group .type li .sub span{display: block; text-align: center; line-height: 30px;}
.search_group .type li .sub span:not(:last-child){border-bottom: solid 1px #e6e6e6}
.search_group .type li .sub span a{display: block;}
.search_group .type li .sub span a:not(:hover){opacity: 0.6}
.search_group .type li:not(:first-child) b a{padding-left: 20px; padding-right: 30px;}
.search_group .type li:not(:first-child) b:before{content: ''; right: 5px; top: 0; position: absolute; width:20px; height: 100%; background: url(../images/arr1.png) no-repeat center center; transition: 0.5s}
.search_group .type li:not(:first-child).active b:before{transform: rotate(180deg)}
.search_group .type li.aon b:before{filter: grayscale(100%) brightness(1000%); }*/
.search_group .total{padding: 0;
    text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
.search_group .total b{font-weight: normal; color: #00B8CF}
.search_group .list{padding: 3% 0}
.search_group .list li{width: 24%;margin:0.5%;position: relative}
.search_group .list li a{display: block; border:solid 1px rgba(226, 226, 226, 0.25);background: #f8f8f8; height: 100%}
.search_group .list .img figure{padding-bottom: 60%;position: relative; overflow: hidden}
.search_group .list .pro_item .img figure{padding-bottom: 100%;}
.search_group .list .img figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;transition: all 0.5s;}
.search_group .list .txt{padding: 4%;}
.search_group .list h4{ font-size: 0.2rem; padding: 1% 0}
.search_group .list span{color: #999999}
.search_group .list li .play_btn { position: absolute; width:100%; height:100%; z-index: 11; cursor: pointer;}
.search_group .list li .play_btn:before{content: ''; position: absolute; top:30%; left: 50%; transform: translate(-50%, -50%); width: 0.4rem;  height: 0.4rem; background: url(../images/play.png) no-repeat center center; background-size: contain; }
.search_group .list li:hover a{ box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, 0.05); background-color: #f2f2f2;} 
.search_group .list li:hover a .img img{ transform:scale(1.1);}
 @media (max-width:1024px) {
 .search_group .list li{width:32.333%;}
 }
 @media (max-width:768px) {
 .search_group .list li{width:49%;}

 }

 @media (max-width:640px) {
.search_group .type ul{justify-content: flex-start;}
.search_group .type li b a{ min-width: auto;padding-left: 10px; padding-right: 10px;}
 }


/*
 .Form002319 为demo编号
 */
.Form002319{margin: 0 auto;background-color: #f1f3f5;padding: 1rem 0;}
.Form002319 .auto{max-width:1200px;background:#fff;padding:30px;}
.Form002319 .topcon{border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom: 3%;}
.Form002319 .topcon h2{font-size: 0.32rem;color:#111;font-family: "HarmonyOS_Sans_SC_Medium";line-height: 1;font-weight: normal;text-align: center;margin-bottom: 2%;}
.Form002319 .topcon p{font-size:16px;line-height: 30px;}
.Form002319 .row dl{ width: 100%; position: relative; line-height: 40px; margin-bottom: 10px;}
.Form002319 .row dl em{ font-style: normal; color: #c00; position: absolute; right: 0; top: 0; display: block;}
.Form002319 .row dl p{margin:0;font-size:16px;color:#333;font-weight: bold;}
.Form002319 .row .field{border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:10px;}
.Form002319 .row label{display: block;line-height: 30px;color:#555;}
.Form002319 .row label input{margin-right:5px;}
.Form002319 textarea{border: 1px solid #e7e7e7; background: none; display: block; height: 95px; line-height: 28px; width: 100%; padding: 5px 10px; color: #333;}
.Form002319 input.text{ border: 1px solid #e7e7e7; background: none; display: block; height: 40px; line-height: 28px; width: 100%; padding: 5px 10px; color: #333;}
.Form002319 input.text::-ms-input-placeholder{ color: #aaa;}
.Form002319 select{border: 1px solid #f0f0f0; background: none; display: block; height: 40px; width: 100%; padding: 5px 10px; color: #aaa; appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right: 14px; background: url("../images/Form002319-icon.png") no-repeat scroll 97% center transparent;}
.Form002319 select::-ms-expand { display: none; }
.Form002319 .btn{background: #00B8CF;height: 40px;line-height: 40px;display: block;border: 1px solid #00B8CF;width: 150px;font-size: 16px;color: #fff;border-radius: 5px;margin: 3% auto;}
@media only screen and (min-width:480px ) {
.Form002319 .row2 dl{ float: left; width: 48%;}
.Form002319 .row2 dl:last-child{ float: right;} 
.Form002319 .btn{}
}

@media(max-width:768px){
  .Form002319{padding:5%;}
  .Form002319 .auto{padding:20px;}
  .brand_Video .auto-inner{ padding: 0.5rem 0;}
}

.pswp .swiper {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.header .search_wap{ display:none;filter: brightness(0); opacity: 0.3;width: 0.24rem;order: 2;  margin-left: 0.2rem;}
@media(max-width:1024px){
.header .search_wap{display: flex;}
.header .search_part{ display:none; position: absolute; left: 0; top: 100%; width: 100%; background: #fff; z-index: 10; margin: 0; padding: .2rem;}
.header .search_part.on{ display: flex;}
.header .search_part input{width: 90%;display: block;}
}



.service_table .tableCon { width: 100%; }
.service_table .tableCon tr td {
    border: 1px solid #e0e4e5;
    text-align: center;
    padding: .2rem;
}
.service_table .tableCon tr:first-child td {
    background: #555;
    color: #fff;
    font-size: 0.18rem;
}
.service_table .tableCon .tableCon-p{ text-align: left; line-height: .3rem; }


#about-awards-section table{ width: 100%; margin-top: .2rem; text-align: left;}
#about-awards-section table thead tr th, table tr th {
    color: #fff;
    background-color: #258fa5;
    font-size: .14rem;
    border-bottom: #d8d8d8 solid 1px;
    padding: .1rem;
    text-align: left
}
#about-awards-section table  a{ color: #00B8CF; }
#about-awards-section table tr {
    background: #fff
}

@media only screen and (max-width: 40em) {
    
}

#about-awards-section table tr.alt, 
#about-awards-section table tr.even, 
#about-awards-section table tr:nth-of-type(even) {
    background: #fafafa
}

#about-awards-section table tbody td {
    color: gray;
    background-color: transparent;
    font-size: .14rem;
    border-bottom: #e5e5e5 solid 1px;
    border-right: #e5e5e5 solid 1px;
    padding: .1rem;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (max-width: 40em) {
    #about-awards-section { overflow-x:auto;}
	#about-awards-section table{ width:11rem;}
}

#about-awards-section table tbody td:first-child {
    width: 20%
}

@media only screen and (max-width: 40em) {
    
}

#about-awards-section table tbody td:last-child {
    border-right: 0 none
}
#about-awards-section table tbody td {
    border: 0 none;
    border-bottom: #d9d9d9 solid 1px
}





.pro_item-no,
.jm_con .jcjg,
.jm_con .part3{display: none;}


.pro_item_banner {
	height:55vh;
	margin-bottom: 20px;
	overflow: hidden;
}

.pro_item_banner .swiper-slide {
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 0.15rem;
	overflow:hidden;
}
.pro_item_banner_pc{ height:auto;}
.pro_item_banner_pc .swiper-slide img{ width:100%; }

.pro_item_banner_wap{ display:none;}

@media(max-width:768px){
	.pro_item_banner {
	height:190px;
}

}

@media(max-width:1024px){
.pro_item_banner_wap{ height:auto; display:block;}
.pro_item_banner_wap img{ width:100%;}
.pro_item_banner_pc{ display:none;}
}

.pro_entrance {
		display: flex;
    justify-content: center;
    padding: 5% 0;
	}

	.pro_itam {
    background-size: 100% 100%;
    padding: 140px 60px;
    text-align: center;
    background-repeat: no-repeat;
	width: 580px
	}
	
	.pro_itam:nth-child(2) {
	   margin-left: 20px;
	   
	}	

	.pro_text {
		
	}

	.pro_text .title {
	font-size: 30px;
    color: #ffffff;
	}

	.pro_text .info {
	font-size: 16px;
    color: #ffffff;
    margin-bottom: 20px;
	}

	.pro_text a {
    padding: 10px 30px;
    border: solid 1px #ffffff;
    color: #ffffff;
    margin-top: 20px;
	}

@media(max-width:768px){
	.pro_entrance {
	display: flex;
    justify-content: center;
	flex-direction: column;
    padding: 5%;
	}
	
	.pro_itam {
		padding: 50px;
    width: auto;
	margin-bottom: 10px
		
	}
	
	.pro_itam:nth-child(2) {
	   margin-left: 0;
	   
	}
	
	.pro_text .title {
	font-size: 20px;
	}

	.pro_text .info {
	font-size: 10px;
	}
	
	.pro_text a {
    padding: 5px 15px;
	        font-size: 12px;
	}
}
.banner_video.mobile { display: none; }
@media (max-width: 1024px) {
  .banner_video.pc { display: none !important; }
  .banner_video.mobile { display: block !important; }
}

.banner_video.mobile { display: none; }
@media (max-width: 1024px) {
  .banner_video.pc { display: none !important; }
  .banner_video.mobile { display: block !important; }
}