﻿@import url("../fonts/font.css");

/*
 .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;
}

.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: #44bed0;
    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 .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;
}

.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 {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 0.15rem;
    height: 0.36rem;
    border-radius: 0.18rem;
}

.header .shop p {
    padding: 0 10px;
    font-size: 0.13rem;
}

.header.white .shop {
    background-color: #333333;
}

.header.white .shop p {
    color: #fff;
}

.header.white .shop img {
    filter: brightness(100);
}

.index_banner {
    position: relative;
	overflow: hidden;
}

.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: 3%;
    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: 3%;
    transform: rotate(0);
}

.index_banner .slick-arrow:hover {
    background-color: #44bed0;
    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: #44bed0;
}

.index_banner .item {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.index_banner .item .auto {
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}

.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 .btn {
    width: 1.8rem;
    text-align: center;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #202020;
    border-radius: 0.2rem 2px 0.2rem 2px;
    color: #fff;
    font-family: "MicrosoftYaHeiLight";
    display: flex;
    align-items: center;
    justify-content: center;
}

.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-bottom: 0.95rem;
    text-align: center;
}

.ind_part1 .title_box .t1 {
    font-size: 0.42rem;
    margin-bottom: 0.2rem;
}

.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);
}

.xl_swiper .swiper-slide {
    height: 7.85rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.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 .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: #44bed0;
    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";
}

.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;
}

.ind_part3 .line_bg .dot_item {
    width: 1.27rem;
    text-align: center;
    height: 1.27rem;
    line-height: 1.27rem;
    background-color: #44bed0;
    letter-spacing: 1px;
    color: #ffffff;
    font-size: 0.24rem;
    border-radius: 50%;
    box-shadow: 0px 0px 30px rgba(170, 244, 255);
    cursor: pointer;
}

.ind_part3 .line_bg .dot_item:nth-child(1) {
    position: absolute;
    left: 1.5rem;
    bottom: 2.3rem;
}

.ind_part3 .line_bg .dot_item:nth-child(2) {
    position: absolute;
    left: 3.75rem;
    top: 4rem;
}

.ind_part3 .line_bg .dot_item:nth-child(3) {
    position: absolute;
    left: 8.1rem;
    top: 1.75rem;
}

.ind_part3 .line_bg .dot_item:nth-child(4) {
    position: absolute;
    right: 7.15rem;
    bottom: 2.6rem;
}

.ind_part3 .line_bg .dot_item:nth-child(5) {
    position: absolute;
    right: 4.64rem;
    top: 1.75rem;
}

.ind_part3 .line_bg .dot_item:nth-child(6) {
    position: absolute;
    right: 1.14rem;
    top: 3.5rem;
}

.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.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;
    
}

.ind_part3 .case_ban .item .text {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 2;
    padding: 0 0.5rem;
    color: #fff;
}

.ind_part3 .case_ban .item .t1 {
    font-size: 0.38rem;
    margin-bottom: 0.3rem;
}

.ind_part3 .case_ban .item .t2 {
    font-size: 0.53rem;
    margin-bottom: 0.66rem;
}

.ind_part3 .case_ban .item .t3 {
    font-size: 0.19rem;
    line-height: 0.44rem;
    color: #a9aebb;
    text-indent: 2em;
}

.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: 2rem 0 0.4rem 0;
}

.ind_part4 .title_box {
    margin-bottom: 0.95rem;
    text-align: center;
}

.ind_part4 .title_box .t1 {
    font-size: 0.42rem;
    margin-bottom: 0.2rem;
}

.ind_part4 .title_box .t2 {
    font-size: 0.16rem;
    letter-spacing: 0.06rem;
}

.ind_part4 .servelist {
    padding: 0 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ind_part4 .servelist .item {
    width: 48.5%;
    height: 7.3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}

.ind_part4 .servelist .item .t1 {
    font-size: 0.57rem;
    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;
}

.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.95rem;
    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;
    align-items: center;
}

.ind_part5 .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";
}

.ind_part5 .hzlist .item .logo {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.2rem;
}

.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: #44bed0;
    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;
}

.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;
}

.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;
}

.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; */
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
}

.products_nav .item {
    width: calc(calc(100% - 1rem) / 6);
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 14px 1px rgba(192, 221, 224, 0.25);
    border-radius: 0.1rem;
    font-size: 0.18rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0.9rem;
    margin-right: 0.2rem;
    cursor: pointer;
}

.products_nav .item:last-child {
    margin-right: 0;
}

.products_nav .item .icon {
    width: 0.57rem;
    height: 0.57rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.2rem;
}

.products_nav .item.on {
    background-color: #44bed0;
    border: none;
    color: #fff;
}

.products_nav .item.on .icon img {
    filter: brightness(100);
}

.products_nav .item:hover {
    background-color: #44bed0;
    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: #44bed0;
    color: #fff;
}

.pro_l3 .item:hover {
    background-color: #44bed0;
    color: #fff;
}

.pro_box .pro_item {
    padding: 0 0 1rem;
    background-color: #f1f3f5;
}

.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: #44bed0;
    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 #edf2f6;
    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 + 4) {
    margin-right: 0;
}

.pro_box .pro_item .pro_list .item figure {
    width: 100%;
    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;
}

.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;
}

.pro_banner .item .banner_con .en {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
    color: #44bed0;
}

.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";
}

.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%;
}

.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 0;
}

.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 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_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: #4cbfd1;
    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;
}

.icon_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    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.1rem;
}

.icon_nav .item .icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.icon_nav .item .t1 {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
}

.icon_nav .item .t2 {
    font-size: 0.14rem;
    color: #999999;
}

.pro_title {
    text-align: center;
    margin-bottom: 0.65rem;
}

.pro_title .en {
    color: #44bed0;
    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;
}

.contact_box .part1 .item .icon {
    width: 0.9rem;
    margin: 0 auto;
    margin-bottom: 0.3rem;
}

.contact_box .part1 .item .t1 {
    color: #44bed0;
    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: #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;
}

.service_nav li.aon {
    border-bottom: 0.04rem solid #44bed0;
}

.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;
}

.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: #44bed0;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 0.6rem;
    width: 1.1rem;
}

.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_page {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Pages a {
    width: 0.6rem;
    height: 0.6rem;
    display: inline-block;
    border-radius: 50%;
    border: solid 1px rgba(153, 153, 153, 0.2);
    margin: 0 0.05rem;
}

.Pages .a_prev {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Pages .a_next {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
}

.Pages .num Numeric {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Pages em {
    font-style: normal;
    font-size: 0.18rem;
    line-height: 0.6rem;
    text-align: center;
}

.Pages a.on {
    background-color: #44bed0;
    color: #fff;
}

.Pages a:hover {
    background-color: #44bed0;
    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;
}

.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: #44bed0;
    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: #44bed0;
    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: 1rem 0;
    background-color: #fafafa;
}

.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: #44bed0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

.video_nav {
    padding: 0.5rem 0 0.4rem 0;
}

.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: #44bed0;
    color: #fff;
}

.video_list {
    padding-bottom: 1rem;
}

.video_list .flex-auto {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.video_list .flex-auto::after {
    content: "";
    width: calc((100% - 0.9rem) / 4);
}

.video_list .item {
    width: calc((100% - 0.9rem) / 4);
    height: 2.15rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 0.25rem;
    cursor: pointer;
    margin-right: 0.3rem;
}
.video_list .item:nth-child(4n) {
    margin-right: 0;
}
.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;
}

.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: 0.5rem;
    color: #fff;
    width: 100%;
    text-align: center;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.brand_new {
    padding-top: 0.7rem;
    padding-bottom: 1rem;
}
.brand_new .cur_title {
    text-align: left;
}
.brand_new .top_new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.4rem;
}

.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: #44bed0;
    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;
}

.brand_new .new_list .item {
    padding: 0.15rem 0.6rem 0.15rem 0.4rem;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(226, 226, 226, 0.25);
    margin-bottom: 0.3rem;
    background-color: rgba(255, 255, 255, 0.36);
}

.brand_new .new_list .item .time {
    margin-top: 0.3rem;
    color: #44bed0;
    font-size: 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
}

.brand_new .new_list .item .txt {
    margin-top: 0.3rem;
    flex: 1;
    margin-right: 1.1rem;
    margin-left: 0.3rem;
    color: #333333;
}

.brand_new .new_list .item .txt .t1 {
    margin-bottom: 0.3rem;
    font-size: 0.2rem;
}

.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: 3.4rem;
    height: 2.1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.p_case {
    padding-bottom: 1rem;
}

.p_case .top_case {
    padding: 0.8rem 0;
    border-bottom: 1px solid #eeeeee;
}

.p_case .top_case .item {
    display: flex;
    align-items: center;
}

.p_case .top_case .img {
    width: 8.6rem;
    height: 5.16rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.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;
    justify-content: space-between;
    flex-wrap: wrap;
}

.p_case .case_list .item {
    width: calc((100% - 1rem) / 3);
    margin-bottom: 0.7rem;
}

.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;
}

.p_case .case_list .item .txt {
    font-size: 0.2rem;
    color: #333333;
}

.about_con {
    padding-top: 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: #44bed0;
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
}

.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: #44bed0;
}

.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: #44bed0;
}

.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 .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: center;
    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;
}

.about_con .part2 {
    display: flex;
}

.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: 50%;
    background-color: #f1f3f5;
    padding: 0.8rem 1.6rem 0.9rem 0.9rem;
}

.about_con .part2 .about_tit {
    margin-bottom: 0.75rem;
}

.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 .item:last-child {
    margin-bottom: 0;
}

.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.2rem;
    border-bottom: 1px #f0f4f7 solid;
    display: block;
    margin-bottom: 0.3rem;
}

.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;
}

.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 #44bed0;
    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: #44bed0;
}

.about_con .part4 .zl_part .swiper-button-next:hover,
.about_con .part4 .zl_part .swiper-button-prev:hover {
    background-color: #44bed0;
}

.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;
}

.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: 1rem 0.3rem 1rem 1rem;
    background-color: #f1f3f5;
	position: relative;
}

.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: #44bed0;
    /* 滑块的背景颜色 */
    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 #44bed0;
    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: #44bed0;
}

.about_con .ppxn .swiper-button-next:hover,
.about_con .ppxn .swiper-button-prev:hover {
    background-color: #44bed0;
}

.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;
}

.about_con .ylh .swiper-button-next,
.about_con .ylh .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: solid 1px #44bed0;
    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: #44bed0;
}

.about_con .ylh .swiper-button-next:hover,
.about_con .ylh .swiper-button-prev:hover {
    background-color: #44bed0;
}

.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;
    width: 100%;
}

.about_con .yxtx .jj_icon .item {
   /* padding: 0 0.6rem;*/
    border-right: 1px solid #e7e7e7;
    text-align: center;
    white-space: nowrap;
	flex: 1
}

.about_con .yxtx .jj_icon .item img {
    width: 0.9rem;
    margin-bottom: 0.2rem;
}

.about_con .yxtx .jj_icon .item:last-child {
    border: none;
}

.fwpt {
    background-color: #f1f3f5;
    padding: 1rem 0.3rem 1rem 1rem;
}

.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.3rem 1rem 1rem;
    background-color: #f1f3f5;
}

.zyhz .auto {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.zyhz .about_tit {
}

.zyhz .txt_item {
    width: calc((100% - 1.2rem) / 4);
    margin-right: 0.3rem;
    padding-right: 0.35rem;
}

.zyhz .txt_item .line {
    width: 2px;
    height: 34px;
    background-color: #44bed0;
    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) / 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;
	overflow:hidden;
}

.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 .item:hover {
    border: none;
}
.zyhz .item:hover .mask {
    display: flex;
    cursor: pointer;
}

.zyhz .item:nth-child(4n + 4) {
    margin-right: 0;
}

.zyhz .item .hzlogo {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}

.shzr {
    padding: 1rem 0;
}
.shzr .about_tit {
    text-align: center;
}
.shzr .flex_box {
    justify-content: space-between;
    display: flex;
    margin-top: 0.4rem;
    padding:0 0.3rem;
}
.shzr .left_part {
    width: 8.7rem;
    position: relative;
    flex-shrink: 0;
    margin-right: 0.4rem;
    max-width: 65%;
}
.shzr .left_part .item {
    height: 100%;
}
.shzr .left_part .item:not(:first-child) {
    display: none;
}
.shzr .left_part figure {
    width: 100%;
    height: 100%;
    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: 6.66rem;
    flex: 1;
    min-width: 0;
}
.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;
}

.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;
}

.jcjg .jc_table table {
    width: 100%;
}

.jcjg .jc_table table tr {
    line-height: 0.4rem;
}

.jcjg .jc_table table tr:nth-child(even) {
    background-color: #f4fafb;
}

.jcjg .jc_table table tr:first-child {
    line-height: 0.5rem;
    background-color: #999999;
    font-size: 0.18rem;
    color: #fff;
}

.jcjg .jc_table table tr td {
    border: solid 1px #e0e4e5;
}

#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
}

.cur_title {
    text-align: center;
}

.cur_title .en {
    color: #44bed0;
    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;
    white-space: nowrap;
}

.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.9rem;
    margin-bottom: 0.6rem;
}

.jm_con .part2 .flex_con .item .t1::after {
    width: 0.4rem;
    height: 2px;
    background-color: #44bed0;
    content: "";
    position: absolute;
    top: -0.3rem;
    left: 0;
}

.jm_con .part2 .flex_con .item .t1 {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
    color: #44bed0;
    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;
    font-family: "HarmonyOS_Sans_SC_Bold";
    line-height: 1;
    margin-bottom: 0.3rem;
}

.jm_con .part3 .code {
    margin: 0 auto;
}

.jm_con .jcjg {
    background-color: #eef3f4;
}

.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;
}

.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 .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;
}

.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;
}

.mdjm .part2 {
    padding: 1rem 0;
}

.mdjm .part2 .auto {
    margin-top: 0.5rem;
}

.mdjm .part4 {
    padding: 0.8rem 0 1.7rem 0;
}

.mdjm .part4 .flex_con {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.8rem;
}

.mdjm .part4 .flex_con .item {
    margin: 0 0.25rem;
}

.mdjm .part4 .flex_con .item:nth-child(even) {
    margin-top: 0.4rem;
}

.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: #44bed0;
    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: #44bed0;
    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.31rem;
    margin-bottom: 0.2rem;
}

.mdjm .part5 .step .dot_box .item .txt .t2 {
    font-size: 0.22rem;
    opacity: 0.7;
    margin-bottom: 0.3rem;
    text-align: center;
}

.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 .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;
    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;
}

.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: #44bed0;
    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;
}

.oemyw .part2 .swiper-slide .section .item:last-child {
    margin-top: 0.1rem;
}

.oemyw .part2 .swiper-slide .item {
    position: relative;
}

.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;
}

.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%;
}

.cpxq_box {
    padding: 1rem 0 0;
}

.cpxq_box .part1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 0 1.2rem 0 1.5rem;
    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: #44bed0;
}

.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;
    padding-bottom: 1rem;
    background-color: #fff;
}

.gg_part .cur_title {
    padding-top: 1rem;
    margin-bottom: 0.3rem;
}

.gg_part .section {
    margin-bottom: 0;
    padding: 0.6rem 1.2rem 0 1.5rem;
}
.gg_part .section:first-child{
    padding-top: 0;
}

.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.7rem 0.3rem 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.4rem 0;
    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.1rem;
}

.coach_box .coach_swiper .swiper-slide .title {
    font-size: 0.14rem;
    margin-bottom: 0.25rem;
}

.coach_box .coach_swiper .swiper-slide aside {
    margin-bottom: 0.4rem;
    font-size: 0.14rem;
    line-height: 0.24rem;
}

.coach_box .coach_swiper .swiper-slide .more_btn {
    display: none;
    align-items: center;
}

.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;
    color: #fff;
}

.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%;
    padding-left: 1rem;
}

.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: #44bed0;
    box-shadow: 0px 0px 9px 1px rgba(10, 154, 182, 0.5);
    color: #fff;
}

.ydcase_box {
    padding: 0.8rem 0.3rem 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;
    font-family: "HarmonyOS_Sans_SC_Medium";
}

.ydcase_box .ydcase_list .item.cur .entit {
    color: #44bed0;
    display: block;
    margin-bottom: 0.4rem;
}

.ydcase_box .ydcase_list .item.cur .more_btn {
    display: block;
    width: 1.7rem;
    height: 0.5rem;
    background-color: #44bed0;
    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;
    padding-left: 1rem;
}

.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 #44bed0;
    border-radius: 50%;
    color: #44bed0;
}

.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: #44bed0;
    color: #fff;
}

.hzzj_box {
    padding: 1rem 0;
   
}

.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: #44bed0;
    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.05rem) / 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.24rem;
    padding: 0 0.2rem;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-bottom: 0.3rem;
    border: solid 2px #edf2f6;
	overflow:hidden;
	position:relative;
}

.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;
}
.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;
}
.jkwj {
}
.jkwj .jk_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jkwj .jk_top .l_icon {
    margin-left: -1.3rem;
}
.jkwj .cur_title {
    flex: 1;
    padding-left: 0.2rem;
    text-align: left;
}

.jkwj .jk_top .r_icon {
    width: 82%;
}

.jkwj .flex_con {
    padding: 0.5rem 1rem 0.8rem;
    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: #44bed0;
    border-radius: 20px 2px 20px 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.4rem;
    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;
}
.train_par3 .fz_swiper::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    background-color: #258fa5;
    height: 0.04rem;
    content: "";
    transform: translateY(-50%);
}
.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 .l_pic {
    width: 8rem;
    height: 4.55rem;
    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;
}

.train_par4 .r_con .rdw .img_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.train_par4 .r_con .rdw .img_box .item {
    width: 2rem;
    height: 1.15rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.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 .flex_box {
    display: flex;
    justify-content: space-between;
    margin-top: 0.8rem;
}

.train_par7 .flex_box .item {
    width: 48%;
}

.train_par7 .flex_box .item .tit {
    font-size: 0.24rem;
    color: #44bed0;
    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-bottom: 0.2rem;
}

.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: #f2f2f2;
    padding: 1rem 0;
}

/* 开幕视频 */
.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: 99999;
    background: rgba(0, 0, 0, 0.5);
}

.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: #44bed0;
    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 .section3 .item {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fitness_ser .section3 .item .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 .item .banner_con .cur_title {
    text-align: right;
}

.fitness_ser .section3 .item .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 .par_dot {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fitness_ser .section3 .par_dot .dot_item {
    width: calc(100% / 3);
    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 .slick-active .dot_item {
    border-bottom: 2px solid #44bed0;
}

.fitness_ser .section3 .slick-active .dot_item .tit {
    font-size: 0.36rem;
}

.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 {
    display: flex;
    justify-content: space-between;
    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: #44bed0;
    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%;
    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%, #44bed0 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.5;
}

.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;
}

.fitness_ser .section6 .hdvideo .item .img {
    width: 9.8rem;
    height: 6.3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-top: 0.3rem;
}

.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);
}

.fitness_ser .section6 .hdvideo .item .title {
    text-align: center;
    padding-top: 0.5rem;
    font-size: 0.3rem;
    color: #ffffff;
}

.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: #44bed0;
}

.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;
    text-align: center;
}
.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: #44bed0;
    cursor: pointer;
}
.fitness_ser .section8 .hg_list .item {
    width: calc(100% / 4);
    height: 3.2rem;
    position: relative;
}
.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%;
}
.kszmd .left_swiper .about_tit .cn {
    color: #fff;
    font-size: 0.32rem;
}
.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_2 .zm_swiper .swiper-slide{
    overflow: hidden;
}
.kszmd_1 .left_swiper .zm_swiper .swiper-slide .imgBox {
    padding: 0.2rem;
    position: relative;
}
.kszmd_1 .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_1 .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_1 .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_2 .left_swiper .zm_swiper .swiper-slide .imgBox {
    padding: 0.2rem;
    position: relative;
}
.kszmd_2 .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_2 .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_2 .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 .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: #44bed0;
}
.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: #44bed0;
    font-size: 0.1rem;
    border: 1px solid #44bed0;
    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: #44bed0;
    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: #44bed0;
    font-size: 0.1rem;
    border: 1px solid #44bed0;
    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: #44bed0;
    color: #fff;
}

.kxlc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    padding-right: 1rem;
}
.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: 5.1rem;
    height: 5.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: #44bed0;
}
.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: #44bed0;
    font-size: 0.1rem;
    border: 1px solid #44bed0;
    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: #44bed0;
    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: #44bed0;
    font-size: 0.1rem;
    border: 1px solid #44bed0;
    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: #44bed0;
    color: #fff;
}

/* TV */

.main-aside {
    width: 270px;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 9999;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
    padding-top: 0.4rem;
}
.main-aside .logo {
    display: block;
    width: 130px;
    margin: 0 auto;
    margin-bottom: 3vh;
    text-align: center;
}
.main-aside .logo .text {
    margin-top: 1vh;
    color: #999999;
	display: none
}

.main-aside .main-nav {
    padding: 0 15px;
    height: 65%;
}
.main-aside .main-nav ul {
    color: #000;
    margin: 0;
    padding: 0;
}
.main-aside .main-nav ul li {
    list-style: none;
    margin-bottom: 2vh;
}

.main-aside .main-nav ul li a {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    height: 50px;
    padding: 0 40px;
    border-radius: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.main-aside .main-nav ul li li{margin-bottom: 0}
.main-aside .main-nav ul li li a{height: 40px}
.main-aside .main-nav ul li a svg {
    width: 22px;
    height: 22px;
}
.main-aside .main-nav ul li a span {
    display: inline-block;
    margin-left: 12px;
}

.main-aside .main-nav ul li .subnav {
    display: none;
    padding: 1vh 0 0 25px;
}
.main-aside .main-nav ul li.active .subnav {
    display: block;
}

.main-aside .main-nav ul li a.active {
    color: #fff;
    background-color: #44bed0;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
.main-aside .main-nav ul li a.active svg path {
    fill: #fff !important;
}
.main-aside .main-nav ul li .subnav li.active span {
    color: #44bed0;
}

.main-aside .btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 0;
    color: #333333;
    border-top: 1px solid #e7e7e7;
}
.main-aside .btn-back img {
    width: 23px;
    margin-left: 20px;
}
@media (max-height: 800px) {
    .main-aside .main-nav ul li a{ height:40px;}
}
.TV_content {
    margin-left: 270px;
    background-color: #f2f5f8;
    min-height: 100vh;
	    overflow-y: auto;
    height: 100vh;
	overflow-x: hidden;
}


.p30 {
    padding: 0 0.3rem;
}
.pl30 {
    padding-left: 0.3rem;
}

.TV_content .inner_banner {
    margin-right: 0.3rem;
    border-radius: 0.1rem;
}

.about_con {
    padding-top: 0.7rem;
    background-color: #fff;
}
.about_con .part1 {
    padding: 0 0.3rem 0 1rem;
}
.about_con .part1 .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0;
}
.about_con .part1 .left_txt {
    width: 6.2rem;
    flex: 0 0 auto;
    margin-right: 0.3rem;
}
.about_con .part1 .left_txt aside {
    margin: 0.4rem 0 0.8rem;
}
.about_con .part1 .right_video {
    width: 8rem;
    /* height: 4.6rem; */
    background-color: #1d90a6;
    border-radius: 0.08rem;
}
.qzsearch {
    padding-top: 0.7rem;
}
.qzsearch .cur_title {
    text-align: left;
}
.qzsearch .search_box {
    width: 100%;
    padding: 0.15rem;
    background-color: #e8f1f2;
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-size: 0.2rem;
    margin-top: 0.3rem;
}

.qzsearch .search_box .input {
    flex: 1;
    margin-right: 0.1rem;
    position: relative;
}

.qzsearch .search_box input {
    width: 100%;
    background-color: #fff;
    border: none;
    height: 0.6rem;
    padding: 0 0.2rem;
    font-size: 0.2rem;
}

.qzsearch .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;
}

.qzsearch .search_box .btn {
    width: 1.1rem;
    line-height: 0.6rem;
    text-align: center;
    background-color: #44bed0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

.qzsearch .list_nav {
    padding-top: 0.4rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #e1e4e7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qzsearch .list_nav .item {
    width: 20%;
    text-align: center;
}
.qzsearch .list_nav .item.on a {
    color: #44bed0;
    position: relative;
}
.qzsearch .list_nav .item.on a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 100%;
    height: 2px;
    background-color: #44bed0;
}

.cur_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 1rem;
}
.cur_list .item {
    width: calc(calc(100% - 0.9rem) / 4);
    /*height: 2.4rem;*/
    border-radius: 0.08rem;
    margin-top: 0.3rem;
    position: relative;
    overflow: hidden;
}
.cur_list .item a{position: relative; display: block}
.cur_list .item:not(:nth-child(4n)) {
    margin-right: 0.3rem;
}

.cur_list .item .text label{ 
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    padding: 0.05rem 0.1rem;
    border-radius: 5px;
    background-color: #44bed0;
    color: #fff;
}
.cur_list .item .text h4 {  
    font-size: 0.18rem;
	padding: .1rem 0;
	margin: 0;
	font-weight: normal;
    color: #999;
	white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
.cur_list .item .text p {
    font-size: 0.18rem;
}
.cur_list .item .Isipc {transition: 0.8s;padding-bottom:65%; background-position:center; background-size:cover;}
.cur_list .item:hover .Isipc {
    transform: scale(1.05);
}


.nav_slide_swiper{ padding:.1rem .4rem; position: relative;}

.nav_slide_swiper .list_nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap:.2rem 0;
    flex-wrap: nowrap;
}



.nav_slide_swiper .swiper-button-next, 
.nav_slide_swiper .swiper-button-prev{ color:#44bed0; }
.nav_slide_swiper .swiper-button-prev{ left:0}
.nav_slide_swiper .swiper-button-next{ right:0}
.nav_slide_swiper .list_nav .item {
    max-width: calc(calc(100% - 1rem) / 6);
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 14px 1px rgba(192, 221, 224, 0.25);
    border-radius: 0.1rem;
    font-size: 0.18rem;
    overflow: hidden;
}
.nav_slide_swiper .list_nav .item:not(:last-child) {
    margin-right: 0.2rem;
}
.nav_slide_swiper .list_nav .item a {
    width: 100%;
    padding:0 .2rem;
    line-height: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
}
.nav_slide_swiper .list_nav .item.on a {
    background-color: #44bed0;
    color: #fff;
}
.nav_slide_swiper .list_nav .item a:hover {
    background-color: #44bed0;
    color: #fff;
}
.nav_slide_swiper .list_nav span{white-space:nowrap}
.nav_slide_swiper .list_nav .icon {
    width: 0.57rem;
    height: 0.57rem;
    margin-right: 0.2rem;
}
.nav_slide_swiper .list_nav .icon img{
    vertical-align:initial;
    max-height:-wevkit-fill-availabel;
}
.nav_slide_swiper .list_nav .item.on .icon img,
.nav_slide_swiper .list_nav .item a:hover .icon img {
    filter: brightness(0) invert(1);
}
@media (max-width: 1200px) {
.nav_slide_swiper .list_nav .item {
    max-width: calc(calc(100% - 1rem) / 4);
}
}

.sub_nav_slide_swiper{ padding:.1rem .4rem; position: relative;}
.sub_nav_slide_swiper .swiper{
           padding: 10px;
           background: #e0eff1;
           border-radius: 5px;
}
.sub_nav_slide_swiper .swiper-wrapper{
            display: flex;
            width: 100%; 
 }

 .sub_nav_slide_swiper .item{
            cursor: pointer; 
            text-align: center;
            max-width: calc(calc(100% - 1rem) / 7);
}
 .sub_nav_slide_swiper .on{
            cursor: pointer;
            color:#44bed0;
}

.sub_nav_slide_swiper .swiper-button-next, 
.sub_nav_slide_swiper .swiper-button-prev{ color:#44bed0; }
.sub_nav_slide_swiper .swiper-button-prev{ left:0}
.sub_nav_slide_swiper .swiper-button-next{ right:0}
.sub_nav_slide_swiper .swiper-button-next:after,
.sub_nav_slide_swiper .swiper-button-prev:after{font-size:20px}

@media (max-width: 1200px) {
 .sub_nav_slide_swiper .item{max-width: calc(calc(100% - 1rem) / 5);}
}

.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 img {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0.3rem;
}

.auto-inner .h2 {
    text-align: center;
    margin-bottom: 0.3rem;
    font-size: 0.24rem;
}

.video_nav {
    display: flex;
    align-items: center;
}
.video_nav .item {
    width: calc(calc(100% - 0.5rem) / 3);
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 14px 1px rgba(192, 221, 224, 0.25);
    border-radius: 0.1rem;
    font-size: 0.18rem;
    overflow: hidden;
}
.video_nav .item:not(:last-child) {
    margin-right: 0.25rem;
}
    .video_nav .item a {
        width: 100%;
        line-height: 0.9rem;
        display: flex;
        color: #333333;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
		justify-content: center;
    }
.video_nav .item.on a {
    background-color: #44bed0;
    color: #fff;
}
.video_nav .item a:hover {
    background-color: #44bed0;
    color: #fff;
}

.video_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}
.video_top video {
    width: 72.25%;
    height: 6.5rem;
    background-color: #000000;
}
.video_top .video_scroll {
    width: 25.625%;
    height: 6.5rem;
    overflow-y: scroll;
}
.video_top .video_scroll .item {
    display: flex;
    margin-bottom: 0.2rem;
}
.video_top .video_scroll .item .Ispic {
    width: 2rem;
    height: 1.15rem;
    border-radius: 0.08rem;
    position: relative;
}
.video_top .video_scroll .item .Ispic .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;
}
.video_top .video_scroll .item .txt {
            font-family: "HarmonyOS_Sans_SC_Light";
            padding: 0.2rem;
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

/* 美化整个滚动条 */
.video_scroll::-webkit-scrollbar {
    width: 0.05rem;
    /* 设置滚动条的宽度 */
    background-color: #e7e7e7;
    /* 滚动条的背景颜色 */
}

/* 美化滚动条轨道 */
.video_scroll::-webkit-scrollbar-track {
    background: #fff;
    /* 轨道的背景颜色 */
    border-radius: 10px;
    /* 轨道的圆角 */
}

/* 美化滚动条的滑块 */
.video_scroll::-webkit-scrollbar-thumb {
    background-color: #44bed0;
    /* 滑块的背景颜色 */
    border-radius: 0.03rem;
    /* 滑块的圆角 */
}

#map {
    width: 100%;
    height: 100vh;
}

.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: #44bed0;
}
.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;
    }
}



.breadcrumb-wrap{
    height: .4rem;
    text-align: right;
    line-height: .4rem;
    margin-bottom: .4rem;
}


.pswp{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0);
    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;
}
/*popup*/
.popup {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(29,144,166,.95); z-index:10; display:none;}
.popup .wrap {display:flex; align-items:center; justify-content:center; height:100%; width:100%; padding-left:270px;}
.popup .box {background-color:#fff;box-shadow: 0 10px 100px rgba(0,0,0,.3); width:75%; }
.popup .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;
}
/**/
.propopup .info {height:75vh;padding:1.875em; font-size:16px;}
.propopup .text {text-align:center; margin-bottom:2em;}
.propopup .type {display:flex; justify-content:center; margin-bottom:0.5em;}
.propopup .type span {display:block; background-color:#44bed0; color:#fff; font-size:0.9375em; height:2.5em; line-height:2.5em; padding:0 1em; border-radius:1.3em;}
.propopup .title {font-size:1em; line-height:1.875em; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.propopup .figure {margin:0 auto; height:calc(100% - 8.75em); position:relative;}
.propopup .figure img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.propopup .swiper-pagination-bullet {background-color:#44bed0;}
.propopup .table {height:calc(100% - 5em); overflow-y:auto; -webkit-overflow-scrolling:touch; margin-top:1em;}
.propopup table {table-layout:fixed; width:100%;}
.propopup th {background-color:#44bed0; color:#fff; font-weight:normal; font-size:14px; line-height:1.75em; text-align:left; padding:5px 10px;}
.propopup td {font-size:13px; line-height:1.75em; padding:5px 10px;}
.propopup th:nth-child(1),
.propopup td:nth-child(1) {width:10em;}
.propopup tr:nth-child(2n+1){background-color:#f0f0f0;}


@media (max-width: 1600px) {
    .auto_1600 {  padding: 0;  }
}
.nav_item {
    position: fixed;
    top: 0;
    left: 15%;
    width: 84%;
    z-index: 1;
	background-color: rgb(255, 255, 255, .5);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.nav_item.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(255, 255, 255, .5);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

 .pro_box {
            padding-top: 200px;
        }
		
		
		
		
		.pro_entrance {
		display: flex;
    justify-content: center;
	}

	.pro_itam {
    background-size: 100% 100%;
    padding: 140px 60px;
    text-align: center;
    background-repeat: no-repeat;
	    width: 100%;
	}
	
	.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;
	}