body {
    background-color: #fff;
}

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

.banner>img {
    /* width: 19.2rem;
    height: 6.4rem;
    margin: 0 auto; */
    width: 100%;
    display: block;
}

.banner-title {
    width: 16rem;
    margin: 0 auto;
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
}

.banner-title h5 {
    font-size: .65rem;
    color: #FFF;
}

.banner-title p {
    width: 6rem;
    font-size: .28rem;
    text-align: justify;
    line-height: 1.5;
    color: #FFF;
}

.banner-content {
    width: 16rem;
    margin: 0 auto;
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
}

.content-detail {
    display: flex;
    margin-top: 0.15rem;
}

.content-detail img {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    padding-top: 0.04rem;
}

.content-detail p {
    font-size: .22rem;
    color: #FFF;
    padding-left: 0.1rem;
}

.content-detail p span {
    font-weight: bold;
}


.banner-btn {
    width: 16rem;
    margin: 0 auto;
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
}

.btn-box {
    display: flex;
    margin-top: 0.15rem;
    font-weight: bold;
}

.btn-box img {
    display: inline-block;
    width: 2rem;
    padding-top: 0.04rem;
}

.btn-box .btn-content {
    position: absolute;
    text-align: center;
    width: 2rem;
    margin-top: 0.18rem;
    color: #FFF;
    font-size: .22rem;
    height: 0.5rem;
    cursor: pointer;
}

.btn-box .btn-content2{
    left: 3rem;
    background-color: #FFF;
    color: #1A81F1;
    border-radius: 1rem;
    padding: 0.17rem 0;
    margin-top: 0.01rem;
    margin-left: 0.5rem;
    width: 2rem;
    text-align: center;
    font-size: .22rem;
    cursor: pointer;
}

.part-2 {
    width: 100%;
    position: relative;
}

.part-2 img {
    width: 100%;
    display: block;
}

.part-2-title {
    width: 16rem;
    margin: 0 auto;
    position: absolute;
    top: 7%;
    left: 0;
    right: 0;
}

.part-2-title h5 {
    font-size: .5rem;
    color: #1A81F1;
    text-align: center;
}

.part-2-title h1 {
    color: #FF7D00;
    font-weight: 400;
    text-align: center;
}

.part-2-title h5 span {
    color: #FF7D00;
}



.part-2-detail {
    margin-top: 0.2rem;
    text-align: center;
    position: relative;
}

.part-2-content {
    width: 5.5rem;
    height: 2rem;
    border: 0.025rem solid #1A81F1;
    border-radius: 0.18rem;
    background: #F3F7FF;
    display: inline-block;
    margin: 0.1rem;
    position: relative;
    padding: 0.2rem;
    overflow: hidden;
    cursor: pointer;
}

.part-2-content:hover {
    background-color: #FFF;
    border: 0.025rem solid #FA6032;
}

.part-2-content img {
    width: 0.78rem;
}

.part-2-content h3 {
    text-align: left;
    margin-top: 0.18rem;
    font-size: 0.22rem;
}

.part-2-content .part-2-item {
    padding-top: 0.1rem;
    color: #666666;
    text-align: left;
}


.part-2-content h3 span {
    color: #FF7D00;
}



.part-3-content {
    width: 3.5rem;
    height: 3rem;
    border-radius: 0.18rem;
    background: #FFF;
    display: inline-block;
    margin: 0.1rem;
    position: relative;
    padding: 0.2rem;
    overflow: hidden;
    margin-bottom: 0;
}

.part-3-content img {
    margin: 0 auto;
    width: 0.825rem;
}

.part-3-content h3 {
    margin: 0.18rem 0;
    font-size: 0.22rem;
}

.part-3-content .part-2-item {
    padding-top: 0.1rem;
    color: #666666;
    text-align: left;
}

.part-3-detail{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.part-3-detail .part-3-box {
    width: 33.33%;
    position: relative;
}

.part-3-detail .left-arrow {
    width:1.2rem;
    right: -0.8rem;
    position: absolute;
}

.part-3-detail .center-arrow {
    width: 0.6rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.part-3-detail .right-arrow {
    width: 1.2rem;
    left: -0.8rem;
    position: absolute;
}

.part3-bg-1 {
    margin-top: 0.5rem;
    width: 12.25rem !important;
    z-index: 1;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
}

.part3-bg-2 {
    position: absolute;
    bottom: 0;
    right: 1.8rem;
    z-index: 3;
    width: 7rem !important;
}

.part3-banner-content {
    width: 11rem;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    z-index: 5;
}

.part3-banner-content img {
    width: 0.2rem;
}

.part4-mobile {
    width: 6rem !important;
    display: inline-block !important;
}

.part4-content {
    display: inline-block;
    width: 5rem;
    height: 4rem;
}

.part4-item {
    width: 4rem;
    height: 4.3rem;
    background: linear-gradient(0deg, #FFFFFF 0%, #FFF2E9 100%);
    margin: 0.5rem;
    border-radius: 0.1rem;
    padding: 0.18rem;
    text-align: left;
}

.part4-item h3 {
    display: inline-block;
}

.part4-item span {
    color: #FF7D00;
}

.part4-item .part4-tip{
    display: inline-block;
    background: #FA6032;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #FA6032;
    color: #FFF;
    padding: 0.04rem 0.1rem;
    font-size: .16rem;
}

.part4-detail {
    display: flex;
    align-items: center;
    justify-content: center;
}

.part4-title {
    text-align: left;
}



.part4-item-box {
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #FF7D00;
    padding: 0.08rem;
    margin: 0.2rem 0.08rem 0;
}

.part4-text {
    display: flex;
}

.part4-text .part4-text-left,.part4-text-right {
    font-size: 0.15rem;
    color: #333333;
}

.part4-text .part4-text-center {
    margin: 0 0.3rem;
}

.part4-text span {
    font-size: 0.2rem;
    color: #FF7D00;
    font-weight: bold;
}

.part4-text img {
    width: 0.3rem !important;
}


.part-5-content {
    width: 3.5rem;
    height: 2rem;
    display: inline-block;
    margin: 0.1rem 0.1rem 0;
    position: relative;
    overflow: hidden;
}


.part-5-content .part-5-box-1{
    background: url("/img/channel/part5-bg-1.png");
    background-size: contain;
    width: 3.5rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}
.part-5-content .part-5-box-2{
    background: url("/img/channel/part5-bg-2.png");
    background-size: contain;
    width: 3.5rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}
.part-5-content .part-5-box-3{
    background: url("/img/channel/part5-bg-3.png");
    background-size: contain;
    width: 3.5rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}
.part-5-content .part-5-box-4{
    background: url("/img/channel/part5-bg-4.png");
    background-size: contain;
    width: 5.5rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}
.part-5-content .part-5-box-5{
    background: url("/img/channel/part5-bg-5.png");
    background-size: contain;
    width: 5.5rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}

.part-5-content .part-2-item {
    color: #666666;
}

.part-5-content .part5-text-1 {
    color: #666666;
    background: #FFE7D6;
    border-radius: 8px 8px 8px 8px;
    margin: 0.2rem;
    height: 0.6rem;
    line-height: .6rem;
}
.part-5-content .part5-text-2 {
    color: #666666;
    background: #CEF0FF;
    border-radius: 8px 8px 8px 8px;
    margin: 0.2rem;
    height: 0.6rem;
    line-height: .6rem;
}
.part-5-content .part5-text-3 {
    color: #666666;
    background: #DCE4FB;
    border-radius: 8px 8px 8px 8px;
    margin: 0.2rem;
    height: 0.6rem;
    line-height: .6rem;
}
.part-5-content .part5-text-4 {
    color: #666666;
    background: #E2F3DE;
    border-radius: 8px 8px 8px 8px;
    margin: 0.2rem;
    height: 0.6rem;
    line-height: .6rem;
}
.part-5-content .part5-text-5 {
    color: #666666;
    background: #F7E9F9;
    border-radius: 8px 8px 8px 8px;
    margin: 0.2rem;
    height: 0.6rem;
    line-height: .6rem;
}

.part-5-box-1 h3{
    color: #FF7D00;
    font-size: 0.2rem;
    padding: 0.2rem;
}
.part-5-box-2 h3{
    color: #02B3FF;
    font-size: 0.2rem;
    padding: 0.2rem;
}
.part-5-box-3 h3{
    color: #5881F5;
    font-size: 0.2rem;
    padding: 0.2rem;
}
.part-5-box-4 h3{
    color: #54BC39;
    font-size: 0.2rem;
    padding: 0.2rem;
}
.part-5-box-5 h3{
    color: #CA65D4;
    font-size: 0.2rem;
    padding: 0.2rem;
}

.part-6-content {
    width: 2rem;
    height: 3.7rem;
    border-radius: 15px 15px 15px 15px;
    margin: 0 0.1rem;
    margin-top: 0.2rem;
    position: relative;
    z-index: 0;
    background: linear-gradient(360deg, rgba(26, 129, 241, 1), rgba(26, 129, 241, 0));
}

.part-6-content:before {
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    border-radius: 15px;
    background: #F5FAFF;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: exclude;
    /*mask-composite: exclude;*/
    z-index: -1;
    width: 98%;
    left: 1%;
    bottom: 0.5%;
}

.covert-6 {
    background: linear-gradient(360deg, rgba(26, 129, 241, 0), rgba(26, 129, 241, 1)) !important;
}
.covert-6:before {
    top: 0.5% !important;
    bottom: -1% !important;
    border-radius: 15px !important;
}

.part-6-content h3 {
    font-size: .22rem;
}

.part-6-content .img-box {
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    margin: 0.1rem auto;
    width: 0.375rem;
    height: 0.375rem;
    padding: 0.1rem;
}

.part-6-content img {
    width: 0.375rem;
}

.part-6-content ul.custom-bullets {
    text-align: left;
    padding: 0.08rem;
    line-height: 0.25rem;
    margin-top: 0.2rem;
}

.part-6-content ul.custom-bullets li {
    padding-left: 0.15rem;
    text-indent: -0.15rem;
    font-size: 0.16rem;
    color: #666666;
}

.part-6-content ul.custom-bullets li:before {
    content: "•";
    color: #1A81F1;
    font-size: 0.02rem;
    left: 0;
    top: -5px;
    padding-right: 0.1rem;
}


.part-6-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.part-7-title {
    width: 16rem;
    margin: 0 auto;
    position: absolute;
    top: 7%;
    left: 0;
    right: 0;
}

.part-7-detail {
    margin-top: 0.2rem;
    text-align: center;
    position: relative;
}

.part-7-title h5 {
    font-size: .5rem;
    text-align: center;
    color: #333333;
}

.part-7-title h1 {
    color: #999;
    font-weight: 400;
    text-align: center;
}

.part7-bg {
    position: absolute;
    width: 11rem;
    right: 0;
}

.part7-banner-content {
    position: absolute;
    margin-top: 1rem;
}

.part7-banner-content img {
    padding-top: 0;
    width: 0.3rem;
    height: 0.3rem;
}

.part7-banner-content .content-detail p{
    color: #666666;
    width: 4rem;
    text-align: left;
    font-size: .2rem;
}

.part7-banner-content .content-detail .text-blue {
    color: #1A81F1;
    font-weight: bold;
}

.part7-banner-content .content-detail .part7-tag>span {
    padding: 0 0.1rem;
    font-size: 0.2rem;
    font-weight: bold;
    color: #333;
}

.part-8-content {
    width: 3.5rem;
    display: inline-block;
    margin: 0.1rem 0.1rem 0;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.part-8-content .part8-name {
    color: #FFFFFF;
    font-size: 0.22rem;
    font-weight: bold;
}

.part-8-content .part8-tip {
    font-size: 0.18rem;
    font-weight: normal;
}

.part-8-content .part8-detail {
    margin-top: 0.2rem;
}

/* 基础样式重置 */
input[type="text"] {
    /* 去除默认边框、内边距等样式 */
    border: none;
    padding: 0;
    margin: 0;
    /* 设置输入框尺寸 */
    width: 3rem;
    height: 50px;
    /* 圆角效果 */
    border-radius: 8px;
    /* 内容内边距，保证文字不贴边 */
    padding: 0 12px;
    /* 背景色与文字颜色 */
    background-color: #fff;
    color: #666;
    /* 字体样式 */
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 输入框聚焦状态样式 */
input[type="text"]:focus {
    /* 聚焦时添加渐变边框 */
    outline: none;
    border: 2px solid #1890ff;
    /* 可选：聚焦时添加轻微阴影 */
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
}

/* 输入框占位符样式 */
input[type="text"]::placeholder {
    color: #999;
    font-size: 16px;
}

.part8-box img{
    display: inline-block;
    width: 3.5rem;
    padding-top: 0.04rem;
}

.part8-box .btn-content {
    position: absolute;
    width: 3.5rem;
    height: 1.3rem;
    top: -5%;
    left: 50%;
    transform: translate(-50%, 0%);
}

/* 手机适配 */
@media screen and (max-width: 768px) {
    .banner {
        width: 100%;
        height: 3rem;
        overflow: hidden;
        background-color: rgba(242, 240, 248, .9);
        position: relative;
    }

    .banner>img {
        width: auto;
        height: 3rem;
        object-fit: cover;
        position: absolute;
        right: -10%;
    }

    .banner-title {
        width: 100%;
        height: auto;
        top: 3%;
        padding: 0 5%;
        box-sizing: border-box;
    }

    .banner-title h5 {
        font-size: .2rem;
    }

    .banner-title p {
        width: 100%;
        font-size: .14rem;
        text-align: justify;
        /* background:linear-gradient(to bottom, rgba(242,240,248,0.6), #fff); */
    }



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



    .banner-content {
        width: auto;
        margin: 0 auto;
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
    }

    .content-detail {
        display: flex;
        margin: 0.1rem;
    }

    .content-detail img {
        display: inline-block;
        width: 0.15rem;
        height: 0.15rem;
        padding-top: 0rem;
    }

    .content-detail p {
        font-size: .1rem;
        color: #FFF;
        padding-left: 0.1rem;
    }

    .content-detail p span {
        font-weight: bold;
    }


    .banner-btn {
        width: auto;
        margin: 0 auto;
        position: absolute;
        top: 60%;
        left: 0;
        right: 0;
        padding: 0 0.3rem;
    }

    .btn-box {
        display: flex;
        margin-top: 0.15rem;
        font-weight: bold;
    }

    .btn-box img {
        display: inline-block;
        width: 1.5rem;
        height: 0.5rem;
        padding-top: 0.1rem;
    }

    .btn-box .btn-content {
        position: absolute;
        text-align: center;
        width: 1.5rem;
        margin-top: 0.2rem;
        color: #FFF;
        font-size: .18rem;
        height: 0.4rem;
        cursor: pointer;
    }

    .btn-box .btn-content2{
        left: 3rem;
        background-color: #FFF;
        color: #1A81F1;
        border-radius: 1rem;
        padding: 0.1rem 0;
        margin-top: 0.1rem;
        margin-left: 0.1rem;
        width: 1.5rem;
        text-align: center;
        font-size: .18rem;
        cursor: pointer;
    }

    .part-2 {
        width: 100%;
        position: relative;
    }

    .part-2 img {
        width: 100%;
        display: block;
    }

    .part-2-title {
        width: auto;
        margin: 0 auto;
        position: absolute;
        top: 2%;
        left: 0;
        right: 0;
    }

    .part-2-title h5 {
        width: 62%;
        margin: 0 auto;
        font-size: .18rem;
        color: #1A81F1;
        text-align: center;
    }

    .part-2-title h1 {
        color: #FF7D00;
        font-weight: 400;
        text-align: center;
    }

    .part-2-title h5 span {
        color: #FF7D00;
    }



    .part-2-detail {
        margin-top: 0.1rem;
        text-align: center;
        position: relative;
    }

    .part-2-content {
        width: 2.8rem;
        height: 1.6rem;
        border: 0.025rem solid #1A81F1;
        border-radius: 0.18rem;
        background: #F3F7FF;
        display: inline-block;
        position: relative;
        padding: 0.1rem;
        overflow: hidden;
        cursor: pointer;
    }

    .part-2-content:hover {
        background-color: #FFF;
        border: 0.025rem solid #FA6032;
    }

    #part-2-bg>img{
        width: 100%;
        height: 9.5rem;
    }

    .part-2-content img {
        width: 0.58rem;
    }

    .part-2-content h3 {
        text-align: left;
        margin-top: 0.1rem;
        font-size: 0.15rem;
    }

    .part-2-content .part-2-item {
        padding-top: 0.1rem;
        color: #666666;
        text-align: left;
    }


    .part-2-content h3 span {
        color: #FF7D00;
    }


    #part-3-bg>img{
        width: 100%;
        height: 10.6rem;
    }




    .part-3-content {
        width: 3rem;
        height: 2rem;
        border-radius: 0.18rem;
        background: #FFF;
        display: inline-block;
        margin: 0.1rem;
        position: relative;
        padding: 0.1rem;
        overflow: hidden;
        margin-bottom: 0;
    }

    .part-3-content img {
        margin: 0 auto;
        width: 0.625rem;
    }

    .part-3-content h3 {
        margin: 0.1rem 0;
        font-size: 0.15rem;
    }

    .part-3-content .part-2-item {
        padding-top: 0.1rem;
        color: #666666;
        text-align: left;
    }

    .part-3-detail{
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }

    .part-3-detail .part-3-box {
        width: 33.33%;
        position: relative;
    }

    .part-3-detail .left-arrow {
        width:1.2rem;
        right: -0.8rem;
        position: absolute;
    }

    .part-3-detail .center-arrow {
        width: 0.6rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .part-3-detail .right-arrow {
        width: 1.2rem;
        left: -0.8rem;
        position: absolute;
    }

    #part-3-arrow {
        display: none;
    }




    .part3-bg-1 {
        margin-top: 0;
        width: 100% !important;
        z-index: 1;
        height: 2.6rem;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .part3-bg-2 {
        position: absolute;
        bottom: 0px;
        right: -0.2rem;
        z-index: 3;
        width: 3.5rem !important;
    }

    #part-3-bg .content-detail span {
        font-weight: bold;
        display: block;
        text-align: left;
    }

    .part3-banner-content {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        z-index: 5;
    }

    .part3-banner-content img {
        width: 0.2rem;
    }





    #seciont2{
        height: 7rem !important;
    }

    .part4-mobile {
        width: 3rem !important;
        display: block;
        margin: 0 auto;
    }

    .part4-content {
        display: block;
        width: auto;
    }

    .part4-item {
        width: 3rem;
        height: 3.3rem;
        background: linear-gradient(0deg, #FFFFFF 0%, #FFF2E9 100%);
        margin: 0.1rem auto;
        border-radius: 0.1rem;
        padding: 0.18rem;
        text-align: left;
    }

    .part4-item h3 {
        display: inline-block;
    }

    .part4-item span {
        color: #FF7D00;
    }

    .part4-item .part4-tip{
        display: inline-block;
        background: #FA6032;
        border-radius: 5px 5px 5px 5px;
        border: 1px solid #FA6032;
        color: #FFF;
        padding: 0.04rem 0.1rem;
        font-size: .16rem;
    }

    .part4-detail {
        display: block;
    }

    .part4-title {
        text-align: left;
    }



    .part4-item-box {
        background: #FFFFFF;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #FF7D00;
        padding: 0.08rem;
        margin: 0.1rem 0.08rem 0;
    }

    .part4-text {
        display: flex;
    }

    .part4-text .part4-text-left,.part4-text-right {
        font-size: 0.15rem;
        color: #333333;
    }

    .part4-text .part4-text-center {
        margin: 0 0.3rem;
    }

    .part4-text span {
        font-size: 0.16rem;
        color: #FF7D00;
        font-weight: bold;
    }

    .part4-text img {
        width: 0.3rem !important;
    }


    #part-5-bg{
        height: 12rem;
    }

    #part-5-bg .part-2-title h1 {
        color: #FF7D00;
        font-weight: 400;
        text-align: center;
        font-size: 0.12rem;
    }


    .part-5-content {
        width: 3.5rem !important;
        height: 2rem;
        display: inline-block;
        margin: 0.1rem 0.1rem 0;
        position: relative;
        overflow: hidden;
    }


    .part-5-content .part-5-box-1{
        background: url("/img/channel/part5-bg-1.png");
        background-size: contain;
        width: 3.5rem;
        height: 2rem;
        background-position: center;
        background-repeat: no-repeat;
    }
    .part-5-content .part-5-box-2{
        background: url("/img/channel/part5-bg-2.png");
        background-size: contain;
        width: 3.5rem;
        height: 2rem;
        background-position: center;
        background-repeat: no-repeat;
    }
    .part-5-content .part-5-box-3{
        background: url("/img/channel/part5-bg-3.png");
        background-size: contain;
        width: 3.5rem;
        height: 2rem;
        background-position: center;
        background-repeat: no-repeat;
    }
    .part-5-content .part-5-box-4{
        background: url("/img/channel/part5-bg-4.png");
        background-size: cover;
        width: 3.5rem;
        height: 2rem;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 15px;
    }
    .part-5-content .part-5-box-5{
        background: url("/img/channel/part5-bg-5.png");
        background-size: cover;
        width: 3.5rem;
        height: 2rem;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 15px;
    }

    .part-5-content .part-2-item {
        color: #666666;
    }

    .part-5-content .part5-text-1 {
        color: #666666;
        background: #FFE7D6;
        border-radius: 8px 8px 8px 8px;
        margin: 0.2rem;
        height: 0.6rem;
        line-height: .6rem;
    }
    .part-5-content .part5-text-2 {
        color: #666666;
        background: #CEF0FF;
        border-radius: 8px 8px 8px 8px;
        margin: 0.2rem;
        height: 0.6rem;
        line-height: .6rem;
    }
    .part-5-content .part5-text-3 {
        color: #666666;
        background: #DCE4FB;
        border-radius: 8px 8px 8px 8px;
        margin: 0.2rem;
        height: 0.6rem;
        line-height: .6rem;
    }
    .part-5-content .part5-text-4 {
        color: #666666;
        background: #E2F3DE;
        border-radius: 8px 8px 8px 8px;
        margin: 0.2rem;
        height: 0.6rem;
        line-height: .6rem;
    }
    .part-5-content .part5-text-5 {
        color: #666666;
        background: #F7E9F9;
        border-radius: 8px 8px 8px 8px;
        margin: 0.2rem;
        height: 0.6rem;
        line-height: .6rem;
    }

    .part-5-box-1 h3{
        color: #FF7D00;
        font-size: 0.2rem;
        padding: 0.2rem;
    }
    .part-5-box-2 h3{
        color: #02B3FF;
        font-size: 0.2rem;
        padding: 0.2rem;
    }
    .part-5-box-3 h3{
        color: #5881F5;
        font-size: 0.2rem;
        padding: 0.2rem;
    }
    .part-5-box-4 h3{
        color: #54BC39;
        font-size: 0.2rem;
        padding: 0.2rem;
    }
    .part-5-box-5 h3{
        color: #CA65D4;
        font-size: 0.2rem;
        padding: 0.2rem;
    }

    #part-6-bg {
        height: 16.5rem;
    }



    .part-6-content {
        width: 3rem;
        height: 3rem;
        border-radius: 15px 15px 15px 15px;
        margin: 0 auto;
        margin-top: 0.2rem;
        position: relative;
        z-index: 0;
        background: linear-gradient(360deg, rgba(26, 129, 241, 1), rgba(26, 129, 241, 0));
    }

    .part-6-content:before {
        content: '';
        position: absolute;
        top: -4px;
        right: -4px;
        border-radius: 15px;
        background: #F5FAFF;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: exclude;
        /*mask-composite: exclude;*/
        z-index: -1;
        width: 98%;
        left: 1%;
        bottom: 0.5%;
    }

    .covert-6 {
        background: linear-gradient(360deg, rgba(26, 129, 241, 0), rgba(26, 129, 241, 1)) !important;
    }
    .covert-6:before {
        top: 0.5% !important;
        bottom: -1% !important;
        border-radius: 15px !important;
    }

    .part-6-content h3 {
        font-size: .22rem;
    }

    .part-6-content .img-box {
        background: #FFFFFF;
        border-radius: 8px 8px 8px 8px;
        margin: 0.1rem auto;
        width: 0.375rem;
        height: 0.375rem;
        padding: 0.1rem;
    }

    .part-6-content img {
        width: 0.375rem;
    }

    .part-6-content ul.custom-bullets {
        text-align: left;
        padding: 0.08rem;
        line-height: 0.25rem;
        margin-top: 0.2rem;
    }

    .part-6-content ul.custom-bullets li {
        padding-left: 0.15rem;
        text-indent: -0.15rem;
        font-size: 0.16rem;
        color: #666666;
    }

    .part-6-content ul.custom-bullets li:before {
        content: "•";
        color: #1A81F1;
        font-size: 0.02rem;
        left: 0;
        top: -5px;
        padding-right: 0.1rem;
    }


    .part-6-detail {
        display: block;
        text-align: center;
        position: relative;
    }

    #part-7-bg {
        height: 5rem !important;
    }

    .part-7-title {
        width: auto;
        margin: 0 auto;
        position: absolute;
        top: 7%;
        left: 0;
        right: 0;
    }

    .part-7-detail {
        margin-top: 0.1rem;
        text-align: center;
        position: relative;
        height: 4rem;
    }

    .part-7-title h5 {
        font-size: .25rem;
        text-align: center;
        color: #333333;
    }

    .part-7-title h1 {
        color: #999;
        font-weight: 400;
        text-align: center;
        font-size: .13rem;
    }

    .part7-bg {
        position: absolute;
        width: auto;
        right: 0;
        bottom: 0;
    }

    .part7-banner-content {
        position: absolute;
        margin-top: 0.1rem;
    }

    .part7-banner-content img {
        padding-top: 0;
        width: 0.2rem;
        height: 0.2rem;
    }

    .part7-banner-content .content-detail p{
        color: #666666;
        width: 2.4rem;
        text-align: left;
        font-size: .13rem;
    }

    .part7-banner-content .content-detail .text-blue {
        color: #1A81F1;
        font-weight: bold;
    }

    .part7-banner-content .content-detail .part7-tag>span {
        padding: 0 0.1rem;
        font-size: 0.13rem;
        font-weight: bold;
        color: #333;
    }

    #section1>img {
        height: 5rem;
    }

    .part-8-content {
        width: 3.5rem;
        display: inline-block;
        margin: 0.1rem 0.1rem 0;
        position: relative;
        overflow: hidden;
        text-align: left;
    }

    .part-8-content .part8-name {
        color: #FFFFFF;
        font-size: .15rem;
        font-weight: bold;
    }

    .part-8-content .part8-tip {
        font-size: 0.13rem;
        font-weight: normal;
    }

    .part-8-content .part8-detail {
        margin-top: 0.2rem;
    }

    /* 基础样式重置 */
    input[type="text"] {
        /* 去除默认边框、内边距等样式 */
        border: none;
        padding: 0;
        margin: 0;
        /* 设置输入框尺寸 */
        width: 3rem;
        height: 50px;
        /* 圆角效果 */
        border-radius: 8px;
        /* 内容内边距，保证文字不贴边 */
        padding: 0 12px;
        /* 背景色与文字颜色 */
        background-color: #fff;
        color: #666;
        /* 字体样式 */
        font-size: 16px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }

    /* 输入框聚焦状态样式 */
    input[type="text"]:focus {
        /* 聚焦时添加渐变边框 */
        outline: none;
        border: 2px solid #1890ff;
        /* 可选：聚焦时添加轻微阴影 */
        box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
    }

    /* 输入框占位符样式 */
    input[type="text"]::placeholder {
        color: #999;
        font-size: 16px;
    }

    .part8-box img{
        display: inline-block;
        width: 2rem;
    }

    .part8-box .btn-content {
        position: absolute;
        width: 2rem;
        height: 1rem;
        top: -5%;
        left: 50%;
        transform: translate(-50%, 0%);
    }













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



    .about {
        width: 90%;
        margin: .2rem auto;
        display: block;
    }

    .about-left,
    .about-right {
        width: 100%;
        height: auto;
    }

    .about-right p {
        font-size: .16rem;
    }

    .culture ul {
        width: 90%;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .culture ul li {
        width: 50%;
        margin-top: .2rem;
    }

    .culture ul li img {
        width: 1.2rem;
        height: 1.2rem;
    }

    .culture ul li p {
        font-size: .2rem;
    }

    .honor {
        width: 90%;
        margin: 0 auto;
    }
    .honor .m-slider7 {
        margin-top: .2rem;
    }
    .honor .m-slider7 .con {
        margin: 0;
        background-color: #fff;
    }
    .honor .m-slider7 .pic {
        width: 100%;
        height: 2.3rem;
        padding: .1rem;
        margin: 0 auto;
        box-sizing: border-box;
        background-color: #F9FAFB;
    }
    .m-slider7 .slick-arrow {
        top: 41%;
        width: .5rem;
        height: .5rem;
        background-color: rgba(230,230,230,.4);
        backdrop-filter: blur(.1rem);
        border: 0;
    }
    .m-slider7 .slick-prev {
        left: -.1rem;
    }
    .m-slider7 .slick-next {
        right: -.1rem;
    }
    .m-slider7 h4 {
        height: .5rem;
        line-height: .5rem;
    }
    .contact {
        width: 90%;
        height: auto;
        margin: 0 auto;
        flex-wrap: wrap;
        margin-top: .2rem;
    }

    .contact .addmap {
        height: auto;
    }

    .contact .addmap>img {
        height: auto;
    }

    .contact .company {
        width: 100%;
        height: 2rem;
        padding: .4rem .2rem 0;
    }

    .contact h5 {
        font-size: .18rem;
    }

    .contact .company div {
        font-size: .16rem;
    }

    .contact .company div img {
        width: .2rem;
        height: .2rem;
    }
}