dl, ol, ul {
  padding: 0;
}
.desktop .main {
    /* max-width: 151.2rem; */
    /* margin: 0 auto; */
    /* min-width: 1280px; */
    overflow: hidden;
}

.desktop .main::after {
    position: fixed;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #D2E3FF;
    /* background: rgb(255, 255, 255); */
    /* background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 20%, rgba(210, 227, 255, 1) 65%); */
    /* background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 20%, rgba(210, 227, 255, 1) 65%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 20%, rgba(210, 227, 255, 1) 65%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d2e3ff", GradientType=1); */
}

.desktop .main .content p,
.desktop .main .content h2,
.desktop .main .content h3,
.desktop .main .content ul {
    margin: 0;
}

.desktop .main .content {
    position: relative;
    padding: 0 4.5rem;
    z-index: 9;
    max-width: 151.2rem;
    /* min-width: 1280px; */
    margin: 0 auto;
    box-sizing: border-box;
}

.desktop .main .head-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.desktop .main .head-wrap::after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    transform: translateX(-50%);
    /* background-color: #D2E3FF; */
}

.desktop .main .head-wrap .nav-head {
    position: relative;
    width: 100%;
    z-index: 9;
    margin: 0 auto;
    max-width: 151.2rem;
    /* min-width: 1280px; */
    box-sizing: border-box;
    height: 12rem;
}

.desktop .main .nav-head::after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    right: 0;
    z-index: -1;
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    transform: translateX(-50%);
    /* background-color: #D2E3FF; */
    /* background: url("/Content/v2025/img/head-bg.png") no-repeat center top; */
    background-size: auto 100%;
}

.desktop .main .head-wrap .nav-head .head-bg {
    width: 98.5%;
    height: 100%;
    overflow: hidden;
    max-height: 39.2rem;
    background-image: url(/Content/v2025/img/head-bg.png?t=20250408);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 98% center;
}

.desktop .main .head-wrap .nav-head .head-bg img {
    object-fit: cover;
        height: 100%;
    /* opacity: 0; */
}

.desktop .main .head-wrap .nav-head .logo-title {
    position: absolute;
    top: 50%;
    left: 5.3rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
}
.desktop .main .head-wrap .nav-head .logo-title img {
	height: auto;
	max-height: 100%;
}

.desktop .main .nav-bar-wrap {
    position: relative;
    /* padding: 0 3.6rem; */
    z-index: 10;
}

.desktop .main .nav-bar {
    position: relative;
    width: 100%;
    height: 6.8rem;
    padding: 0 4.6rem;
    /*margin-top: -4.0rem;*/
    border-radius: .8rem;
    background: linear-gradient(360deg, var(--theme-color) 0%, #0029BF 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.2rem;
}

.desktop .main .nav-bar .menu-list-box {
    display: flex;
    height: 5.8rem;
    overflow: hidden;
}

.desktop .main .nav-bar .menu-list-wrap {
    /* position: absolute; */
    /* top: 0; */
    /* overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.1) #f3f3f3; */
    /* max-width: 65vw; */
}

.desktop .main .nav-bar .menu-list-wrap:hover {
    /* height: 40.0rem; */
}

.desktop .main .nav-bar .menu-list {
    display: flex;
    /* align-items: center; */
    gap: 2.0rem;
    margin: 0;
    flex: 1;
    padding: 0;
}

.desktop .main .nav-bar .menu-list::-webkit-scrollbar {
    width: .8rem;
    background: transparent;
}

.desktop .main .nav-bar .menu-list::-webkit-scrollbar-thumb {
    border-radius: .6rem;
    border: .2rem solid transparent;
    background-clip: content-box;
    background-color: var(--td-scrollbar-color);
}

.desktop .main .nav-bar .menu-list>li {
    /*position: relative;*/
    font-family: Alibaba PuHuiTi;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 5.8rem;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF;
    flex-shrink: 0;
    height: 5.8rem;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    cursor: pointer
}

.desktop .main .nav-bar .menu-list>li .sub-nav {
    position: absolute;
    top: 5.4rem;
    /*left: 50%;
    right: 0;
    width: 265%;
    padding-top: 0;
    transform: translateX(-50%);*/
    display: none;
    padding: .6rem;
    box-sizing: border-box;
}

.desktop .main .nav-bar .menu-list>li .sub-nav ul {
    padding: 1.6rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1.4rem;
    border-radius: .6rem;
    background-color: #FFFFFF;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}

.desktop .main .nav-bar .menu-list>li .sub-nav ul li {
    position: relative;
    font-family: Alibaba PuHuiTi;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
    flex-shrink: 0;
}

.desktop .main .nav-bar .search {
    flex: 1;
    z-index: 99;
    width: 100%;
    height: 4.0rem;
    display: flex;
    max-width: 27.0rem;
    align-items: center;
    border-radius: .6rem;
    padding: 0 1.5rem;
    background-color: #fff;
    border: .1rem solid #FFFFFF;
    background-color: #FFFFFF;
}

.desktop .main .nav-bar .search .f-input {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.desktop .main .nav-bar .search .f-input input {
    width: 100%;
    height: 100%;
}

.desktop .main .nav-bar .search .f-input input::placeholder {
    font-size: 1.6rem;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.7);
}

.desktop .main .nav-bar .search .suffix-icon {
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    line-height: 0;
    vertical-align: center;
    flex-shrink: 0;
}

.desktop .main .nav-bar .search .suffix-icon img {
    width: inherit;
    height: inherit;
}

.desktop .main .footer-wrap {
    background-color: #f5f5f5;
}

.desktop .main .footer-wrap p,
.desktop .main .footer-wrap h2 {
    margin: 0;
}

.desktop .main .footer {
    max-width: 151.2rem;
    /* min-width: 1280px; */
    margin: 0 auto;
    padding: 4.0rem;
    margin-top: 1.6rem;
    background-color: #f5f5f5;
}

.desktop .main .footer .first {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2.0rem;
    gap: 10.0rem;
}

.desktop .main .footer .first .left {
    display: flex;
    align-items: center;
    gap: 8.2rem;
}

.desktop .main .footer .first .logo-title {
    width: 21.6rem;
}

.desktop .main .footer .first .left ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.8rem;
    margin: 0;
}

.desktop .main .footer .first .left ul li {
    font-family: PingFang SC;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.9rem;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto;
    color: rgba(0, 0, 0, 0.7);
}

.desktop .main .footer .first .right {
    display: flex;
    align-items: flex-end;
    gap: 2.6rem;
}

.desktop .main .footer .first .right h2 {
    font-family: DIN Alternate;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.7);
    padding-bottom: .8rem;
}

.desktop .main .footer .first .right p {
    font-family: PingFang SC;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.7);
}

.desktop .main .footer .first .right .qr-code {
    width: 7.0rem;
    height: 7.0rem;
    overflow: hidden;
}

.desktop .main .footer .second {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4.0rem;
    padding-bottom: 4.0rem;
    border-top: .1rem solid #E1E1E4;
}

.desktop .main .footer .second .right {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.desktop .main .footer .second a {
    font-family: PingFang SC;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 3rem;
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1280px) {
    .desktop .main .footer .first {
        gap: 2.0rem;
        flex-direction: column;
    }
    .desktop .main .footer .first .left {
        gap: 2.0rem;
        flex-direction: column;
    }
    .desktop .main .footer .first .left ul {
        justify-content: center;
    }
    .desktop .main .footer .second {
        flex-direction: column;
        gap: 2rem;
    }
}

@media screen and (max-width: 1366px) {
    /* .desktop .main .nav-bar .menu-list-box {
        position: relative;
    } */
    /* .desktop .main .nav-bar .menu-list-box::after {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        width: 3.2rem;
        z-index: 9;
        height: 3.4rem;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #0025ad 50%);
    }
    .desktop .main .nav-bar .menu-list-box::before {
        position: absolute;
        content: '';
        top: 0;
        left: -1.6rem;
        bottom: 0;
        z-index: 9;
        width: 3.2rem;
        height: 3.4rem;
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #0025ad 50%);
    } */
}


/* 普通笔记本 */

@media screen and (max-width: 1280px) {
    .desktop .main .content,
    .desktop .main .nav-head,
    .desktop .main .footer {
        max-width: 100%;
        /* min-width: 1280px; */
    }
}

@media screen and (max-width: 1031px) {
    .desktop .main .nav-bar .menu-list>li {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 1030px) {
    .desktop .main .nav-bar .menu-list>li {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 1280px) {
    .desktop .main .content,
    .desktop .main .nav-head,
    .desktop .main .footer {
        max-width: 100%;
        /* min-width: 1280px; */
    }
    .desktop .main .nav-bar .menu-list>li {
        font-size: 1.6rem;
    }
}


/* 大屏笔记本 */

@media screen and (min-width: 1366px) {
    .desktop .main .content,
    .desktop .main .nav-head,
    .desktop .main .footer {
        max-width: 100%;
    }
    .desktop .main .nav-bar .menu-list>li {
        font-size: 1.6rem;
    }
}


/* 桌面显示器 */

@media screen and (min-width: 1440px) {
    .desktop .main .content,
    .desktop .main .nav-head,
    .desktop .main .footer {
        max-width: 1512px;
    }
    .desktop .main .nav-bar .menu-list>li {
        font-size: 1.7rem;
    }
}


/* 大屏显示器 */

@media screen and (min-width: 1920px) {
    .desktop .main .content,
    .desktop .main .nav-head,
    .desktop .main .footer {
        max-width: 1512px;
    }
}