@import url("fonts/fonts.css");
/* 字体 */
/* 头部 */
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 10;
}
header .logo a {
    padding: .16rem 0;
    display: block;
}
header .logo img {
    /* width:1.35rem; */
    display: block;
    max-height: 0.5rem;
}
header .top-search {
    cursor: pointer;
}
header .top-search .icon-pull {
    display: block;
    width: .3rem;
    height: .3rem;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .17rem;
}
header .top-search .search-box {
    position: absolute;
    top: 110%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}
header .top-search .search-box .search-con {
    width: 2.5rem;
    background-color: var(--white-color);
    border: solid 1px rgba(var(--black-color__rgb), 0.15);
    border-radius: .05rem;
}
header .top-search .search-box input {
    width: calc(100% - 0.4rem);
    border: none;
    padding: .1rem 1em;
    margin: 0;
    background: transparent;
}
header .top-search .search-box .icon-but {
    width: .4rem;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .16rem;
    cursor: pointer;
}
header .top-search:hover .search-box {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
header .web-menu {
    display: none;
}
/* 导航 */
header #menu {
    height: 100%;
    margin-right: .3rem;
}
header #menu ul {
    height: 100%;
}
header #menu li {
    margin: 0 .35rem;
}
header #menu li>span {
    display: -webkit-flex;
    display: flex;
    height: 100%;
}
header #menu li>span a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid .02rem transparent;
    transition: .3s;
    color: var(--default-color_333);
}
header #menu li.active>span a, header #menu li:hover>span a {
    color: var(--hover-color);
    border-color: var(--hover-color);
}
header .sub-box {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 100%;
    box-shadow: 0 .05rem .05rem rgba(0, 0, 0, 0.05);
    min-width: 1.5rem;
    transform: translateX(-50%);
    display: none;
}
header .sub-box dl {
    width: 100%;
    text-align: center;
    padding: .1rem 0;
    background-color: var(--white-color);
    border-radius: 0 0 .1rem .1rem;
}
header .sub-box dl dd a {
    display: block;
    color: #666666;
    width: 100%;
    padding: .1rem;
}
header .sub-box dl dd a:hover {
    color: var(--hover-color);
}
header .unique-pro {
    box-shadow: none;
}
header .unique-pro .autoCon-1400 {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    background-color: var(--white-color);
    border-radius: 0 0 .2rem .2rem;
    overflow: hidden;
}
header .unique-pro .lanmc-top {
    width: 3.4rem;
    padding: .5rem .7rem;
}
header .unique-pro .lanmc-top .tit-cn {
    margin-bottom: .1rem;
    font-size: var(--font-size24);
    position: relative;
    z-index: 2;
    color: #333;
}
header .unique-pro .lanmc-top .tit-desc {
    color: #666666;
    position: relative;
    z-index: 2;
}
header .unique-pro .lanmc-top .back-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
header .unique-pro .lanmc-top .back-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .unique-pro .list-nav {
    width: calc(100% - 3.4rem);
    padding: .5rem 0.6rem;
    gap: .25rem;
}
header .unique-pro .list-nav dl {
    flex: 1;
    text-align: left;
    padding: 0;
}
header .unique-pro .list-nav dl dt {
    margin-bottom: .15rem;
    font-size: var(--font-size16);
    color: #333;
    font-weight: var(--font-weight__m);
}
header .unique-pro .list-nav dl dt a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
header .unique-pro .list-nav dl dt a::after {
    content: '';
    display: block;
    width: .06rem;
    height: .11rem;
    background-image: url(../images/arrow-g.svg);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: .1rem;
}
header .unique-pro .list-nav dl dt a:hover {
    color: var(--hover-color);
}
header .unique-pro .list-nav dl dt a:hover::after {
    background-image: url(../images/arrow.svg);
}
header .unique-pro .list-nav dl dd {
    margin-bottom: .1rem;
}
header .unique-pro .list-nav dl dd a {
    padding: 0;
    color: #666666;
    font-weight: var(--font-weight__l);
}
header .unique-pro .list-nav dl dd a:hover {
    color: var(--hover-color);
}
@media(max-width:1024px) {
    header .logo a {
        padding: .15rem 0;
    }
    header .logo img {
        width: 1rem;
    }
    header #menu {
        position: fixed;
        right: -35%;
        top: 0.69rem;
        height: calc(100vh - 0.69rem);
        width: 30%;
        margin: 0;
        background-color: var(--white-color);
        z-index: 9;
        overflow: auto;
        padding: 0 .2rem;
        transition: .3s;
        box-shadow: -.05rem .05rem .1rem rgba(0, 0, 0, 0.05);
    }
    header #menu ul {
        height: auto;
        align-items: flex-start;
    }
    header #menu li {
        width: 100%;
        margin: 0;
    }
    header #menu li>span a {
        padding: .1rem 0;
    }
    header .sub-box {
        position: relative;
        box-shadow: none;
        border-top: solid 1px rgba(0, 0, 0, 0.1);
        padding: .1rem 0;
        padding-left: 0.1rem;
    }
    header .sub-box dl {
        padding: 0;
    }
    header .sub-box dl dd {
        margin-bottom: .1rem;
    }
    header .sub-box dl dd:last-child {
        margin-bottom: 0;
    }
    header .sub-box dl dd a {
        text-align: left;
        padding: 0;
    }
    header .unique-pro .autoCon-1400 {
        margin: 0;
        max-width: 100%;
        border-top: none;
        border-radius: 0;
    }
    header .unique-pro .lanmc-top {
        display: none;
    }
    header .unique-pro .list-nav {
        width: 100%;
        padding: 0;
        gap: .1rem;
    }
    header .unique-pro .list-nav dl {
        width: 100%;
        flex: auto;
    }
    header .unique-pro .list-nav dl dt {
        margin-bottom: .05rem;
    }
    header .unique-pro .list-nav dl dt>a>span {
        padding-right: 0;
    }
    header .web-menu {
        margin-left: .15rem;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    .menu-show header #menu {
        right: 0;
    }
}
@media(max-width:640px) {
    header #menu {
        width: 50%;
        right: -55%;
        font-size: var(--font-size18);
    }
    header .top-search .icon-pull {
        width: .35rem;
        height: .35rem;
        background-size: .2rem;
    }
}
/* 底部 */
footer {
    background-color: #f4f7fc;
    background: linear-gradient(to bottom, #4b7eef, #2563eb);
}
footer .wtd100 {
    width: 100%;
}
footer .logo-one {
    margin-bottom: .15rem;
}
footer .logo-one img {
    display: block;
    max-width: 1.35rem;
}
footer .footer-one {
    padding: .7rem 0;
}
footer .text-box {
    width: 3.5rem;
}
footer .text-box .item {
    margin-bottom: .1rem;
    line-height: 1.5;
}
footer .text-box .item .tit {
    color: rgba(255, 255, 255, 0.6);
}
footer .text-box .item .wz-txt {
    font-weight: var(--font-weight__m);
    color: #fff;
}
footer .text-box .item .tel-txt {
    font-size: var(--font-size32);
    font-weight: var(--font-weight__b);
    color: var(--white-color);
}
footer .footer-nav {
    width: calc(95% - 4rem);
}
footer .footer-nav dt {
    margin-bottom: .15rem;
    font-size: var(--font-size18);
    color: #fff;
}
footer .footer-nav dd {
    margin: .1rem 0;
}
footer .footer-nav dd a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: var(--font-weight__l);
}
footer .footer-nav dd a:hover {
    color: var(--white-color);
}
footer .Ashare-list {
    gap: .15rem;
    margin-top: .3rem;
}
footer .Ashare-list a {
    position: relative;
    display: block;
    width: .38rem;
    height: .38rem;
}
footer .Ashare-list .icon {
    opacity: .5;
    border: solid 1px #fff;
    border-radius: 100%;
    transition: .3s;
    background-color: rgba(255, 255, 255, 1);
}
footer .Ashare-list .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
footer .Ashare-list .qr-code {
    width: 1.2rem;
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
footer .Ashare-list .qr-code img {
    display: block;
}
footer .Ashare-list a:hover .icon {
    background-color: var(--hover-color);
    opacity: 1;
    border-color: var(--hover-color);
}
footer .Ashare-list a:hover .icon img {
    filter: invert(100%);
}
footer .Ashare-list a:hover .qr-code {
    visibility: visible;
    opacity: 1;
    bottom: 110%;
}
footer .footer-two {
    color: #fff;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding: .2rem 0;
}
footer .footer-two a {
    color: rgba(255, 255, 255, 0.6);
}
footer .footer-two a:hover {
    color: #fff;
}
footer .auxiliary-lanmu i {
    margin: 0 .5em;
    list-style: none;
    font-style: normal;
}
footer .auxiliary-lanmu i:last-child {
    display: none;
}
@media(max-width:1024px) {
    footer .logo-one img {
        max-width: 1rem;
    }
    footer .footer-nav {
        width: calc(100% - 3.8rem);
    }
}
@media(max-width:640px) {
    footer .text-box {
        width: 100%;
    }
    footer .share-list {
        justify-content: center;
    }
    footer .footer-nav {
        width: 100%;
        display: none;
    }
    footer .footer-one {
        padding: .35rem 0;
    }
    footer .footer-two {
        text-align: center;
        justify-content: center;
    }
    footer .auxiliary-lanmu {
        margin-top: .1rem;
    }
}
/* 悬浮侧栏 */
.hang-box {
    position: fixed;
    right: .15rem;
    bottom: 10%;
    z-index: 99;
}
.hang-box .lxfs {
    margin-bottom: .15rem;
    position: relative;
}
.hang-box .lxfs .icon-box {
    display: block;
    background: var(--hover-color);
    color: var(--white-color);
    padding: .05rem .05rem .15rem;
    width: .5rem;
    text-align: center;
    border-radius: 1rem;
}
.hang-box .lxfs .tel-txt {
    position: absolute;
    top: 20%;
    width: max-content;
    right: 100%;
    padding-right: .1rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.hang-box .lxfs .tel-txt a {
    background-color: var(--white-color);
    padding: .1rem .35rem;
    padding-right: .2rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background-image: url(../images/tel.svg);
    background-position: .1rem center;
    background-size: .15rem;
    background-repeat: no-repeat;
    box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);
}
.hang-box .lxfs .icon {
    margin-bottom: .05rem;
    width: .4rem;
    height: .4rem;
    background-color: var(--white-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .16rem;
    border-radius: 100%;
}
.hang-box .lxfs .wz {
    line-height: 1.2;
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin: 0 auto;
    color: #666;
}
.hang-box .lxfs:first-child .icon-box .wz {
    color: var(--white-color);
}
.hang-box .lxfs .gzh-img {
    position: absolute;
    top: 0;
    width: 1.2rem;
    right: 100%;
    padding-right: .1rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.hang-box .top-story {
    margin-top: .1rem;
    width: .5rem;
    height: .5rem;
    background-color: #f4f7fc;
    background-image: url(../images/TopStory.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .16rem;
    border-radius: 1rem;
    cursor: pointer;
    box-shadow: 0 0 .05rem rgba(0, 0, 0, .2);
}
.hang-box .lxfs.bg-black .icon-box {
    color: #333;
    background-color: var(--white-color);
    border: solid 1px #000;
}
.hang-box .lxfs:hover .tel-txt {
    visibility: visible;
    opacity: 1;
}
.hang-box .lxfs:hover .gzh-img {
    visibility: visible;
    opacity: 1;
}
/* 首页banner */
.index-ban .item-ban .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80%;
    font-weight: var(--font-weight__m);
    z-index: 3;
}
.index-ban .item-ban .text .blue-color {
    color: var(--hover-color);
    font-weight: 500;
}
.index-ban .item-ban .text .tit-big {
    font-size: var(--font-size60);
    line-height: 1.3;
}
.index-ban .item-ban .pic img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.index-ban .swiper-pagination {
    bottom: .3rem;
    font-size: 0;
}
.index-ban .swiper-pagination .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    border: solid 1px #000;
    opacity: .2;
    transition: all .3s;
    border-radius: 1rem;
}
.index-ban .swiper-pagination .swiper-pagination-bullet-active {
    width: .4rem;
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    opacity: 1;
}
.index-ban .item-ban .more {
    margin-top: .7rem;
}
.index-ban .item-ban .more .but a {
    width: 1.4rem;
    text-align: center;
    padding: .13rem .2rem;
    display: block;
    background-color: var(--hover-color);
    color: var(--white-color);
    border-radius: .08rem;
}
@media(max-width:1024px) {
    .index-ban .item-ban .text .tit-big {
        font-size: var(--font-size40);
    }
    .index-ban .item-ban .more {
        margin-top: .3rem;
    }
    .index-ban .item-ban .more .but a {
        padding: .1rem .2rem;
        width: auto;
    }
    .index-ban .swiper-pagination {
        bottom: .5rem;
    }
}
@media(max-width:640px) {
    .index-ban .item-ban .pic figure {
        height: 35vh;
    }
    .index-ban .item-ban .pic img {
        height: 100%;
        width: 100%;
    }
    .index-ban .item-ban .text .tit-big {
        font-size: var(--font-size22);
        line-height: 1.5;
    }
    .index-ban .item-ban .more {
        margin-top: .2rem;
    }
    .index-ban .swiper-pagination {
        bottom: .2rem;
    }
}
/* 首页 */
.main-index .index-tit {
    text-align: center;
    font-size: var(--font-size36);
    font-weight: var(--font-weight__m);
}
.index-one {
    padding: 1.3rem 0 0;
}
.index-one .index-tit {
    position: absolute;
    width: 100%;
    top: 1.2rem;
    z-index: 10;
}
.index-one .bg-img img {
    display: block;
}
.index-two {
    background-image: url(../images/index-plan-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.index-two .tab-menu {
    margin: .5rem 0;
    gap: .24rem;
}
.index-two .tab-menu a {
    padding: .12rem .1rem;
    display: block;
    border: solid 1px rgba(0, 0, 0, 0.1);
    min-width: 1.5rem;
    text-align: center;
    border-radius: .08rem;
    transition: .3s;
}
.index-two .tab-menu a.active, .index-two .tab-menu a:hover {
    background-color: var(--hover-color2);
    border-color: var(--hover-color2);
    color: var(--white-color);
}
.index-two .item-switch {
    display: none;
}
.index-two .item-switch .item {
    padding: .4rem 0;
    position: relative;
}
.index-two .item-switch .item::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - .4rem);
    border-radius: .1rem;
}
.index-two .item-switch .item .text {
    color: #666666;
    width: 50%;
    padding: 0 .5rem;
    position: relative;
    z-index: 2;
}
.index-two .item-switch .item .text .tit {
    font-size: var(--font-size28);
    color: #333;
    font-weight: var(--font-weight__m);
}
.index-two .item-switch .item .text .wave-text {
    opacity: 0;
}
.index-two .item-switch .item .text .desc {
    margin: .2rem 0 0.24rem 0;
    line-height: 1.7;
    opacity: 0;
    animation-delay: 0.1s;
}
.index-two .item-switch .item .pic {
    width: 50%;
    position: relative;
    z-index: 2;
}
.index-two .item-switch .item .pic figure {
    min-height: 100%;
    padding-bottom: 75%;
    border-radius: .2rem;
    overflow: hidden;
}
.index-two .item-switch .item .icon-list .ul {
    gap: .4rem;
}
.index-two .item-switch .item .icon-list li .icon {
    margin-bottom: .15rem;
}
.index-two .item-switch .item .icon-list li .icon span {
    display: block;
    background-color: var(--white-color);
    border-radius: 1rem;
}
.index-two .item-switch .item .icon-list li:nth-of-type(1) {
    animation-delay: .1s;
    opacity: 0;
}
.index-two .item-switch .item .icon-list li:nth-of-type(2) {
    animation-delay: .3s;
    opacity: 0;
}
.index-two .item-switch .item .icon-list li:nth-of-type(3) {
    animation-delay: .5s;
    opacity: 0;
}
.index-two .item-switch .item .icon-list li:nth-of-type(4) {
    animation-delay: .7s;
    opacity: 0;
}
.index-two .item-switch .item .icon-list li:nth-of-type(5) {
    animation-delay: .9s;
    opacity: 0;
}
.index-two .item-switch .item .icon-list img {
    display: block;
    width: .7rem;
    height: .7rem;
    object-fit: contain;
}
.index-two .item-switch .swiper-pagination {
    font-size: 0;
}
.index-two .item-switch .swiper-pagination .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
}
.index-two .item-switch .item .more {
    margin-top: .4rem;
    animation-delay: .1s;
    opacity: 0;
}
.index-two .item-switch .item .more .but {
    width: 1.4rem;
    text-align: center;
    padding: .13rem .2rem;
    display: block;
    background-color: var(--hover-color2);
    color: var(--white-color);
    border-radius: .08rem;
}
.index-two .item-switch .item a:hover .more .but {
    background-color: var(--hover-color);
}
.index-two .item-switch .item.blue-bg::after {
    background: linear-gradient(140deg, #deebff, #fff, #ebf3ff);
}
.index-two .item-switch .item.yellow-bg::after {
    background: linear-gradient(140deg, #fcf2f1, #ffffff, #fff6f5);
}
.index-two .item-switch .item.cyan-bg::after {
    background: linear-gradient(140deg, #e0f8f4, #ffffff, #e0f1ee);
}
.index-two .item-switch.active {
    display: block;
}
.index-two .item-switch .ani-slide .text .desc, .index-two .item-switch .ani-slide .item .more, .index-two .item-switch .ani-slide .icon-list li {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
}
.index-two .item-switch .ani-slide .text .wave-text {
    display: inline-block;
    overflow: hidden;
    opacity: 1;
}
.index-two .item-switch .ani-slide .text .wave-char {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation: waveSmooth 0.5s cubic-bezier(0.17, 0.67, 0.3, 0.99) forwards;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 70%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes waveSmooth {
    0% {
        opacity: 0;
        transform: translateY(12px) scale(0.9);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.index-three {
    padding: var(--padMar120) 0;
    background: linear-gradient(to bottom, #fff, #f5f9ff, #fff);
}
.index-three .index-tit {
    margin-bottom: .5rem;
}
.index-three .list-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2rem;
}
.index-three .list-box .item {
    border-radius: .15rem;
    overflow: hidden;
}
.index-three .list-box .item .text {
    position: absolute;
    left: 0;
    top: .15rem;
    width: 100%;
    height: 100%;
    padding: .35rem;
    z-index: 3;
    align-content: space-between;
    color: #666666;
    transition: .3s;
}
.index-three .list-box .item .text .tit {
    color: #333;
    margin-bottom: .1rem;
    font-size: var(--font-size24);
    transition: .3s;
}
.index-three .list-box .item .figure {
    padding-bottom: 75%;
}
.index-three .list-box .item .figure img {
    transition: .3s;
}
.index-three .list-box .item .but {
    border: solid 1px rgba(0, 0, 0, 0.2);
    width: 1.4rem;
    text-align: center;
    padding: .1rem .2rem;
    display: block;
    border-radius: .08rem;
    opacity: 0;
    transition: .3s;
}
.index-three .list-box .item:first-child {
    grid-column: span 1;
    grid-row: span 2;
}
.index-three .list-box .item:first-child .text {
    text-align: center;
    justify-content: center;
    padding: .65rem .8rem;
}
.index-three .list-box .item:first-child .pic {
    height: 100%;
}
.index-three .list-box .item:first-child .figure {
    height: 100%;
    padding-bottom: 0;
}
.index-three .list-box .item:hover .text {
    top: 0;
}
.index-three .list-box .item:hover .text .tit {
    color: var(--hover-color);
}
.index-three .list-box .item:hover .figure img {
    transform: scale(1.05);
}
.index-three .list-box .item:hover .but {
    transition: all 0.3s ease-in-out;
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    opacity: 1;
    transition-delay: 0.15s;
    border-color: var(--hover-color2);
    background-color: var(--hover-color2);
    color: var(--white-color);
}
.index-three .list-box .item .but:hover {
    background-color: var(--hover-color);
}
@media screen and (max-width:1024px) {
    .main-index .index-tit {
        font-size: var(--font-size32);
    }
    .index-two .item-switch .item {
        padding: .3rem 0;
    }
    .index-two .item-switch .item .text {
        padding: 0 .3rem;
    }
    .index-two .item-switch .item .text .tit {
        font-size: var(--font-size20);
    }
    .index-two .item-switch .item .text .desc {
        font-size: var(--font-size14);
        margin: .1rem 0;
    }
    .index-two .item-switch .item .icon-list .ul {
        gap: .15rem;
        font-size: var(--font-size14);
    }
    .index-two .item-switch .item .icon-list img {
        width: .5rem;
        height: .5rem;
    }
    .index-two .item-switch .item .icon-list li .icon {
        margin-bottom: .1rem;
    }
    .index-two .item-switch .item .more {
        font-size: var(--font-size14);
        margin-top: .2rem;
        display: -webkit-flex;
        display: flex;
    }
    .index-two .item-switch .item .more .but {
        width: auto;
        padding: .1rem .25rem;
    }
    .index-three {
        padding: .6rem 0;
    }
    .index-three .list-box {
        grid-template-columns: repeat(3, 1fr);
    }
    .index-three .list-box .item .text {
        padding: .25rem;
    }
    .index-three .list-box .item .text .tit {
        font-size: var(--font-size20);
    }
    .index-three .list-box .item .text .tit-desc {
        font-size: var(--font-size14);
    }
    .index-three .list-box .item:first-child .text {
        padding: .5rem .3rem;
    }
    .index-three .list-box .item .more .but {
        width: auto;
        padding: .1rem .2rem;
    }
}
@media screen and (max-width:640px) {
    .main-index .index-tit {
        font-size: var(--font-size24);
    }
    .index-one {
        padding-top: 1rem;
    }
    .index-one .index-tit {
        top: .5rem;
    }
    .index-two {
        padding-bottom: .8rem;
        padding-top: .8rem;
    }
    .index-two .tab-menu {
        margin: .25rem 0;
        gap: .15rem;
    }
    .index-two .item-switch .item {
        padding: 0;
    }
    .index-two .item-switch .item::after {
        width: 100%;
    }
    .index-two .item-switch .item a {
        padding: .2rem;
    }
    .index-two .item-switch .item .text {
        width: 100%;
        padding: 0;
        margin-bottom: .2rem;
    }
    .index-two .item-switch .item .pic {
        width: 100%;
    }
    .index-three .list-box {
        grid-template-columns: inherit;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        justify-content: space-between;
    }
    .index-three .list-box .item {
        width: 100%;
        margin-bottom: 4%;
    }
    .index-three .list-box .item .text {
        padding: .2rem;
    }
    .index-three .list-box .item .figure {
        padding-bottom: 35%;
    }
    .index-three .list-box .item:first-child {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }
    .index-three .list-box .item:first-child .figure {
        padding-bottom: 65%;
    }
    .index-three .list-box .item .more {
        margin-top: .1rem;
        font-size: var(--font-size14);
    }
    .index-three .list-box .item .more .but {
        padding: .05rem .1rem;
    }
}
/* 内页banner */
.inside-ban img {
    display: block;
    width: 100%;
}
.inside-ban .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #333;
}
.inside-ban .text .tit {
    line-height: 1.2;
    font-size: var(--font-size40);
    font-weight: var(--font-weight__m);
}
.inside-ban .text .desc {
    margin-top: .2rem;
    color: #666;
    line-height: 1.7;
}
.inside-ban .text .desc p {
    margin: 0;
}
@media screen and (max-width:640px) {
    .inside-ban .text {
        position: relative;
        width: 100%;
        padding: .8rem 0;
    }
    .inside-ban .text .tit {
        font-size: var(--font-size32);
    }
    .inside-ban .text .desc {
        margin-top: .1rem;
    }
    .inside-ban .pic-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .inside-ban .pic-img img {
        height: 100%;
        object-fit: cover;
    }
    .inside-ban .pic-img figure {
        height: 100%;
    }
}
/* 内页菜单 */
.inside-menu {
    background-color: #f4f7fc;
}
.inside-menu li {
    text-align: center;
    padding: 0 .4rem;
    position: relative;
}
.inside-menu li::after {
    position: absolute;
    right: 0;
    top: 50%;
    content: '';
    display: block;
    width: 1px;
    height: 1em;
    background: rgba(0, 0, 0, 0.1);
    margin-top: -0.5em;
}
.inside-menu li:last-child::after {
    display: none;
}
.inside-menu a {
    display: block;
}
.inside-menu a span {
    color: #666666;
    display: inline-block;
    padding: .2rem 0;
    border-bottom: solid .02rem transparent;
    transition: .3s;
}
.inside-menu li.active a span, .inside-menu a:hover span {
    font-weight: var(--font-weight__m);
    color: var(--hover-color);
    border-color: var(--hover-color);
}
@media screen and (max-width:640px) {
    .inside-menu li {
        padding: 0 .2rem;
    }
    .inside-menu a span {
        padding: .15rem 0;
    }
}
/* 内页 */
.main-inside {
    padding: var(--padMar120) 0;
}
.inside-tit {
    font-size: var(--font-size36);
    font-weight: var(--font-weight__m);
}
@media screen and (max-width:1024px) {
    .inside-tit {
        font-size: var(--font-size30);
    }
}
@media screen and (max-width:640px) {
    .main-inside {
        padding: .7rem 0;
    }
    .inside-tit {
        font-size: var(--font-size28);
    }
}
/* 解决方案 */
.solution-desc {
    padding: var(--padMar120) 0;
}
.solution-desc .caty-img {
    width: 50%;
}
.solution-desc .caty-img figure {
    width: 127.144%;
    float: right;
}
.solution-desc .text-center {
    width: 50%;
    color: #333;
    padding-left: .3rem;
}
.solution-desc .text-center .tit-caty {
    margin-bottom: .15rem;
    font-size: var(--font-size36);
    font-weight: var(--font-weight__m);
}
.solution-desc .text-center .desc {
    line-height: 1.7;
    color: #666666;
}
.solution-desc .text-center .desc p {
    margin: 0.5em 0;
}
@media screen and (max-width:1024px) {
    .solution-desc .caty-img {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .solution-desc .caty-img figure {
        width: 100%;
        float: none;
    }
    .solution-desc .text-center {
        width: 100%;
        padding-left: 0rem;
    }
}
.solution-list {
    padding: var(--padMar120) 0;
    background: linear-gradient(to top, #f8fafc, #f4f7fc);
}
.solution-list .tit-list {
    text-align: center;
    font-size: var(--font-size36);
    margin-bottom: .3rem;
    color: #333;
    font-weight: var(--font-weight__m);
}
.solution-list .list-box {
    gap: .4rem;
    /* margin-bottom:.7rem; */
}
.solution-list .item {
    width: calc(33.333% - .27rem);
}
.solution-list .item a {
    align-items: flex-start;
    align-content: flex-start;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: .15rem;
    border: solid 1px rgba(0, 0, 0, .1);
    transition: .3s;
}
.solution-list .item .pic {
    width: 100%;
    overflow: hidden;
}
.solution-list .item .pic .figure {
    padding-bottom: 75%;
}
.solution-list .item .pic .figure img {
    transition: .3s;
}
.solution-list .item .text {
    width: 100%;
    padding: .4rem;
}
.solution-list .item .text .tit {
    margin-bottom: .15rem;
    font-size: var(--font-size22);
    color: #333;
    transition: .3s;
}
.solution-list .item .text .desc {
    color: #666666;
    line-height: 1.7;
    min-height: 5.1em;
}
.solution-list .item .text .more {
    margin-top: .35rem;
}
.solution-list .item .text .more .but {
    padding: 0.08rem 0.12rem;
    color: #999;
    width: 1.2rem;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, .1);
    border-radius: .05rem;
    transition: .3s;
}
.solution-list .item .other-list {
    gap: .1rem;
}
.solution-list .item .other-list span {
    display: block;
    padding: 0 .15rem;
    line-height: 2;
    border-radius: .05rem;
}
.solution-list .item .other-list span:nth-child(1) {
    color: #0075ff;
    background-color: #cde3fd;
}
.solution-list .item .other-list span:nth-child(2) {
    color: #00b2fd;
    background-color: #d7f1fc;
}
.solution-list .item:hover a {
    box-shadow: 0 0 .2rem rgba(207, 225, 247, 1);
    border-color: rgba(207, 225, 247, 1);
    transform: translateY(-.1rem);
}
.solution-list .item:hover .text .tit {
    color: #0075ff;
}
.solution-list .item:hover .pic .figure img {
    transform: scale(1.05);
}
.solution-list .item:hover .more .but {
    background-color: #0075ff;
    border-color: #0075ff;
    color: #fff;
}
.load-more .btn {
    padding: 0.12rem;
    color: #666;
    width: 8em;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, .1);
    cursor: pointer;
    border-radius: .05rem;
    transition: .3s;
}
.load-more .btn:hover {
    background-color: #0075ff;
    border-color: #0075ff;
    color: #fff;
}
.solution-value {
    padding: var(--padMar120) 0;
    background: linear-gradient(to top, #f5f9ff, #fff);
}
.solution-value .tit-list {
    text-align: center;
    font-size: var(--font-size36);
    margin-bottom: .3rem;
    color: #333;
    font-weight: var(--font-weight__m);
}
.solution-value .caty-img {
    width: 50%;
}
.solution-value .caty-img figure img {
    width: 100%;
}
.solution-value .text-center {
    width: 50%;
    color: #333;
    padding-left: .5rem;
}
.solution-value .text-center .desc {
    line-height: 1.7;
    color: #666666;
}
.solution-value .text-center .desc p {
    margin: 0.5em 0;
}
@media screen and (max-width:1024px) {
    .solution-value .caty-img {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .solution-value .text-center {
        width: 100%;
        padding-left: 0rem;
    }
}
.solution-case {
    background-color: #fff;
    padding: var(--padMar120) 0;
}
.solution-case .tit-list {
    text-align: center;
    font-size: var(--font-size36);
    margin-bottom: .35rem;
    color: #333;
    font-weight: var(--font-weight__m);
}
.solution-case .swiper {
    padding: .15rem 0;
}
.solution-case .item {
    transition: .3s;
}
.solution-case .item .pic {
    width: 100%;
    overflow: hidden;
    border-radius: .1rem;
}
.solution-case .item .pic .figure {
    padding-bottom: 69%;
}
.solution-case .item .pic .figure img {
    transition: .3s;
}
.solution-case .item .tit {
    font-size: var(--font-size16);
    text-align: center;
    margin-top: .16rem;
    color: #333;
}
.solution-case .item:hover {
    transform: translateY(-.05rem);
}
.solution-case .item:hover .pic {
    box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.2);
}
.solution-case .item:hover .pic .figure img {
    transform: scale(1.05);
}
.solution-case .item:hover .tit {
    color: var(--hover-color);
}
.solution-case .swiper-pagination {
    position: relative;
    margin-top: .5rem;
    bottom: 0;
}
.solution-case .swiper-pagination-bullet {
    transition: .3s;
}
.solution-case .swiper-pagination-bullet-active {
    width: 0.5rem;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}
.solution-news {
    padding: var(--padMar120) 0;
    background: linear-gradient(to top, #f8fafc, #f4f7fc);
}
.solution-news .tit-list {
    text-align: center;
    font-size: var(--font-size36);
    margin-bottom: .35rem;
    color: #333;
    font-weight: var(--font-weight__m);
}
.solution-news .list-box {
    gap: .4rem;
}
.solution-news .list-box .item {
    flex: 1;
    position: relative;
    background-color: #fff;
}
.solution-news .list-box .item a {
    padding: .25rem;
    height: 100%;
    align-content: space-between;
    border: solid 1px rgba(0, 0, 0, .1);
}
.solution-news .list-box .item .pic {
    width: 100%;
}
.solution-news .list-box .item .pic .figure {
    display: block;
    padding-bottom: 60%;
    border-radius: .1rem;
}
.solution-news .list-box .item .tiem .center {
    display: -webkit-flex;
    display: flex;
    direction: rtl;
    justify-content: flex-end;
    flex-wrap: wrap;
    line-height: 1;
    align-items: flex-end;
}
.solution-news .list-box .item .tiem .day {
    font-size: var(--font-size36);
    color: #333;
    font-weight: var(--font-weight__m);
    margin-right: .1rem;
}
.solution-news .list-box .item .tiem .yer {
    font-size: var(--font-size14);
    color: #555555;
    line-height: 1.3;
}
.solution-news .list-box .item .tit {
    margin: .2rem 0;
    font-size: var(--font-size18);
    color: #333;
}
.solution-news .list-box .item:hover .tit {
    color: var(--hover-color);
}
.solution-news .list-box .item .desc {
    color: #666666;
    line-height: 1.7;
}
.solution-news .list-box .item:first-child {
    flex: 1.6;
}
.solution-news .list-box .item:first-child a {
    padding: 0;
    border: none;
}
.solution-news .list-box .item:first-child .text {
    padding: .45rem;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.solution-news .list-box .item:first-child .tiem {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    text-align: center;
    line-height: 1.2;
}
.solution-news .list-box .item:first-child .tiem .center {
    display: block;
}
.solution-news .list-box .item:first-child .tiem .day {
    width: 100%;
    font-size: var(--font-size36);
    font-weight: var(--font-weight__b);
    color: #fff;
    margin-right: 0;
}
.solution-news .list-box .item:first-child .tiem .yer {
    width: 100%;
    font-size: var(--font-size14);
    color: #fff;
}
.solution-news .list-box .item:first-child .text .desc {
    display: none;
}
.solution-news .list-box .item:first-child .text .tit {
    margin: 0;
    font-size: var(--font-size18);
    color: #fff;
}
.solution-news .list-box .item:first-child .pic .figure {
    display: block;
    padding-bottom: 85%;
    border-radius: .1rem;
}
.solution-news .list-box .item:hover .pic .figure img {
    transform: scale(1.05);
}
.solution-news .more {
    margin-top: .5rem;
}
.solution-news .btn {
    padding: 0.08rem 0.12rem;
    color: #999;
    width: 1.2rem;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, .1);
    cursor: pointer;
    border-radius: .05rem;
    transition: .3s;
}
.solution-news .btn:hover {
    background-color: #0075ff;
    border-color: #0075ff;
    color: #fff;
}
.solution-contact {
    padding: var(--padMar120) 0;
    background-image: url(../images/contact-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.solution-contact .text {
    color: #fff;
}
.solution-contact .text .tit {
    font-size: var(--font-size36);
    font-weight: var(--font-weight__m);
    margin-bottom: 0.2rem;
}
.solution-contact .more .but {
    display: block;
    padding: 0.12rem;
    border-radius: .05rem;
    background-color: #fff;
    font-size: var(--font-size16);
    width: 1.3rem;
    text-align: center;
}
@media screen and (max-width:1024px) {
    .solution-list {
        gap: .2rem;
        margin-bottom: .5rem;
    }
    .solution-list .item {
        width: calc(33.333% - .135rem);
    }
    .solution-list .item .text {
        padding: .2rem .1rem .1rem;
    }
    .solution-list .item .text .tit {
        font-size: var(--font-size18);
    }
    .solution-list .item .other-list {
        font-size: var(--font-size14);
    }
    .solution-news .list-box {
        gap: .2rem;
    }
    .solution-news .list-box .item:first-child {
        flex: auto;
        width: 100%;
    }
    .solution-news .list-box .item a {
        padding: .2rem;
    }
}
@media screen and (max-width:640px) {
    .solution-list {
        gap: 2%;
        margin-bottom: .3rem;
    }
    .solution-list .list-box {
        gap: 2%;
    }
    .solution-list .item {
        width: 49%;
        margin-bottom: 2%;
    }
    .solution-list .item .text {
        padding: .2rem;
    }
    .solution-list .item .other-list span {
        padding: 0.05rem .1rem;
    }
}
/* 解决方案详情 */
.solution-info-box .bg-color:nth-child(2n) {
    background-color: #f4f7fc;
}
.solution-one {
    background-color: #f4f7fc;
    padding: var(--padMar120) 0;
}
.solution-one .text {
    width: 42%;
}
.solution-one .text .tit {
    margin: .2rem 0;
    font-size: var(--font-size28);
    font-weight: var(--font-weight__m);
}
.solution-one .text .desc {
    line-height: 2;
    margin-bottom: .2rem;
    min-height: 4em;
    color: #666666;
}
.solution-one .line-lxwm {
    margin-bottom: .5rem;
}
.solution-one .line-lxwm a {
    padding: .12rem;
    background-color: #0d76ff;
    color: #fff;
    width: 8em;
    text-align: center;
    font-size: var(--font-size18);
    border-radius: .05rem;
}
.solution-one .pic {
    width: 50%;
}
.solution-one .pic .figure {
    padding-bottom: 71.43%;
    border-radius: .15rem;
}
.solution-one .other-list {
    gap: .1rem;
}
.solution-one .other-list span {
    display: block;
    padding: 0 .15rem;
    line-height: 2;
    border-radius: .05rem;
}
.solution-one .other-list span:nth-child(1) {
    color: #0075ff;
    background-color: #cde3fd;
}
.solution-one .other-list span:nth-child(2) {
    color: #00b2fd;
    background-color: #d7f1fc;
}
.solution-one .icon-list .ul {
    gap: .4rem;
}
.solution-one .icon-list li .itx {
    transition: .3s;
}
.solution-one .icon-list li .icon {
    margin-bottom: .1rem;
}
.solution-one .icon-list li .icon span {
    display: block;
    background-color: var(--white-color);
    border-radius: 1rem;
}
.solution-one .icon-list img {
    display: block;
    width: .7rem;
    height: .7rem;
    object-fit: contain;
}
.solution-one .icon-list li:hover .itx {
    color: var(--hover-color);
}
.solution-two {
    padding: var(--padMar120) 0;
    background: linear-gradient(to bottom, #fff, #f5f9ff, #fff);
}
.solution-two .inside-tit {
    text-align: center;
    margin-bottom: .5rem;
}
.solution-two .item {
    background-color: #f7faff;
    padding: 0.5rem 0.45rem;
    border: solid 1px rgba(0, 0, 0, .07);
    border-radius: .1rem;
    transition: .3s;
}
.solution-two .item .text .icon span {
    width: .6rem;
    height: .6rem;
}
.solution-two .item .text .tit {
    margin: .2rem 0;
    font-size: var(--font-size20);
    text-align: center;
}
.solution-two .item .text .desc {
    line-height: 2;
    min-height: 6em;
    color: #666666;
}
.solution-two .item:hover {
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .15);
    transform: translateY(-.1rem);
}
.solution-two .switch-box .swiper {
    padding: .2rem 0;
}
.solution-two .switch-box .swiper-pagination {
    position: relative;
    margin-top: .5rem;
    bottom: 0;
}
.solution-two .switch-box .swiper-pagination-bullet {
    transition: .3s;
}
.solution-two .switch-box .swiper-pagination-bullet-active {
    width: 0.5rem;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}
.solution-three {
    padding: var(--padMar120) 0;
    background-color: #f4f7fc;
    position: relative;
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
}
.solution-three .autoCon-1400 {
    position: relative;
    z-index: 3;
}
.solution-three .text-box {
    width: 28%;
    color: #fff;
}
.solution-three .text-box .desc {
    margin: .2rem 0;
    line-height: 1.7;
    font-size: var(--font-size24);
}
.solution-three .tab-menu {
    height: 15em;
    overflow: auto;
    direction: rtl;
    position: relative;
}
.solution-three .tab-menu ul {
    padding: 0;
}
.solution-three .tab-menu::-webkit-scrollbar {
    width: .03rem;
}
.solution-three .tab-menu::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.15);
}
.solution-three .tab-menu::-webkit-scrollbar-thumb {
    background: var(--white-color);
    border-radius: .04rem
}
.solution-three .tab-menu::-webkit-scrollbar-thumb:hover {
    background: var(--white-color);
}
.solution-three .tab-menu li {
    direction: ltr;
    font-size: var(--font-size18);
    padding: .12rem .4rem;
    line-height: 2;
    cursor: pointer;
    transition: .3s;
    margin-bottom: 1px;
}
.solution-three .tab-menu li:hover, .solution-three .tab-menu li.active {
    background-color: rgba(255, 255, 255, .1);
}
.solution-three .tab-box {
    width: 68%;
}
.solution-three .tab-box .tab-item {
    display: none;
}
.solution-three .tab-box .tab-item.active {
    display: block;
}
.solution-three .tab-box .center-oiw {
    background-color: rgba(255, 255, 255, 1);
    padding: .2rem;
    border-radius: 0.15rem;
    opacity: 0;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
    transition: .3s;
}
.solution-three .tab-box .center-oiw .text-wrt {
    width: 45%;
    padding: .2rem;
    position: relative;
}
.solution-three .tab-box .center-oiw .text-wrt .tit-small {
    font-size: var(--font-size18);
    color: #0d76ff;
}
.solution-three .tab-box .center-oiw .text-wrt .tit-big {
    margin: .15rem 0;
    font-size: var(--font-size24);
    color: #000000;
    transition: .3s;
}
.solution-three .tab-box .center-oiw .text-wrt .desc {
    line-height: 1.7;
    color: #666666;
}
.solution-three .tab-box .center-oiw .text-wrt .icon {
    text-align: right;
    position: absolute;
    right: .2rem;
    bottom: .2rem;
}
.solution-three .tab-box .center-oiw .text-wrt .icon img {
    width: 1.04rem;
}
.solution-three .tab-box .center-oiw .pic {
    width: 51.536%;
}
.solution-three .tab-box .center-oiw .pic .figure {
    display: block;
    padding-bottom: 76.666%;
    border-radius: .1rem;
}
.solution-three .tab-box .tab-item:hover .center-oiw .text-wrt .tit-big {
    color: #0075ff;
}
.solution-three .tab-box .tab-item:hover .pic .figure img {
    transform: scale(1.05);
}
.solution-three .tab-box .tab-item.active .center-oiw {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp2;
}
@keyframes fadeInUp2 {
    from {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.solution-four {
    padding: var(--padMar120) 0;
    position: relative;
}
.solution-four .autoCon-1400 {
    position: relative;
    z-index: 3;
}
.solution-four .inside-tit {
    margin-bottom: .5rem;
    text-align: center;
}
.solution-four .list-box {
    gap: .3rem;
}
.solution-four .list-box .item {
    width: calc(33.333% - .2rem);
    background-image: linear-gradient(to bottom, #9cc5ff 10%, #f9fbfe 50%);
    padding: .6rem .4rem;
    text-align: center;
    border-radius: .15rem;
}
.solution-four .list-box .item .text .tit {
    font-size: var(--font-size24);
    margin-bottom: .1rem;
}
.solution-four .list-box .item .text .desc {
    line-height: 1.7;
    color: #666666;
}
.solution-four .list-box .item .text .desc pre {
    line-height: 1.7;
    color: #666666;
}
.solution-four .list-box .item .icon {
    margin-bottom: .25rem;
}
.solution-four .list-box .item .icon img {
    display: block;
    width: .7rem;
    height: .7rem;
    object-fit: contain;
}
.solution-four .list-box .item .icon span {
    display: block;
    background-color: var(--white-color);
    border-radius: 1rem;
}
.solution-five {
    padding: var(--padMar120) 0;
    position: relative;
    background: #fff;
    background: linear-gradient(to bottom, #f5f9ff, #fff);
}
.solution-five .inside-tit {
    margin-bottom: .2rem;
    text-align: center;
}
.solution-five .swiper {
    padding: .3rem .2rem 0;
    width: calc(100% + .4rem);
    margin-left: -.2rem;
}
.solution-five .item {
    background-color: var(--white-color);
    padding: .4rem;
    box-shadow: 0 0 .15rem rgba(0, 0, 0, .08);
    position: relative;
    border-radius: .12rem;
    transition: .3s;
}
.solution-five .item .text {
    text-align: center;
}
.solution-five .item .text .tit {
    font-size: var(--font-size24);
}
.solution-five .item .text .desc {
    line-height: 1.7;
    color: #999;
}
.solution-five .item .line::before {
    content: "";
    width: .35rem;
    height: .03rem;
    background-color: #0e76ff;
    display: block;
    margin: 0.2rem auto;
    border-radius: .1rem;
}
.solution-five .item .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.54rem;
    height: 1.58rem;
}
.solution-five .item .icon img {
    object-fit: contain;
}
.solution-five .item:hover {
    box-shadow: 0 0 .15rem rgba(0, 0, 0, .15);
    transform: translateY(-.1rem);
}
.solution-five .btn-box {
    margin-top: .4rem;
    position: relative;
}
.solution-five .btn-box .swiper-but {
    position: relative;
    margin: 0 .15rem;
    left: auto;
    right: auto;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: solid 1px rgba(0, 0, 0, .3);
    opacity: 1;
    cursor: pointer;
    transition: .3s;
}
.solution-five .btn-box .swiper-but::after {
    font-size: var(--font-size14);
    font-weight: var(--font-weight__b);
    color: rgba(0, 0, 0, .8);
}
.solution-five .btn-box .swiper-but:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
}
.solution-five .btn-box .swiper-but:hover::after {
    color: var(--white-color);
}
@media screen and (max-width:1024px) {
    .solution-one .text .tit {
        font-size: var(--font-size24);
    }
    .solution-one .icon-list .ul {
        gap: .15rem;
        font-size: var(--font-size14);
    }
    .solution-one .icon-list img {
        width: .5rem;
        height: .5rem;
    }
    .solution-one .icon-list li .icon {
        margin-bottom: .1rem;
    }
    .solution-two .item {
        padding: .2rem;
    }
    .solution-two .item .text .tit {
        font-size: var(--font-size24);
    }
    .solution-two .item .text .icon span {
        width: .5rem;
        height: .5rem;
    }
    .solution-two .switch-box .swiper-pagination {
        margin-top: .2rem;
    }
    .solution-three .text-box {
        width: 35%;
    }
    .solution-three .tab-box {
        width: 60%;
    }
    .solution-three .tab-box .center-oiw .text-wrt {
        padding: 0;
    }
    .solution-three .tab-box .center-oiw .text-wrt .icon img {
        width: 0.8rem;
    }
    .solution-four {
        padding: .5rem 0;
    }
    .solution-four .list-box .item {
        padding: .2rem;
    }
    .solution-four .list-box .item .icon img {
        width: .5rem;
        height: .5rem;
    }
    .solution-five {
        padding: .5rem 0;
    }
    .solution-five .item {
        padding: .35rem .2rem;
    }
    .solution-five .item .icon {
        width: 1rem;
        height: 1rem;
    }
}
@media screen and (max-width:640px) {
    .solution-one .text {
        width: 100%;
    }
    .solution-one .pic {
        width: 100%;
        margin-top: .3rem;
    }
    .solution-one .line-lxwm {
        margin-bottom: .3rem;
    }
    .solution-two {
        padding: .5rem 0;
    }
    .solution-two .tab-menu {
        gap: .15rem;
        margin: .3rem 0;
    }
    .solution-two .tab-menu a {
        min-width: 0;
        padding: .1rem;
    }
    .solution-two .pic {
        width: 100%;
    }
    .solution-two .text {
        padding: .2rem;
    }
    .solution-two .text .tit {
        margin: .1rem 0;
    }
    .solution-two .text-box {
        width: 100%;
    }
    .solution-two .tab-con {
        padding: 0;
    }
    .solution-two .tab-con::after {
        width: 100%;
    }
    .solution-three {
        padding: .5rem 0;
    }
    .solution-three .inside-tit {
        text-align: center;
    }
    .solution-three .tab-menu {
        margin-bottom: .3rem;
        width: 90%;
    }
    .solution-three .text-box {
        width: 100%;
    }
    .solution-three .text-box .desc {
        margin: 0.08rem 0;
        text-align: center;
    }
    .solution-three .tab-box {
        width: 100%;
    }
    .solution-three .tab-box .center-oiw .text-wrt {
        width: 100%;
    }
    .solution-three .tab-box .center-oiw .text-wrt .icon {
        bottom: 0;
    }
    .solution-three .tab-box .center-oiw .pic {
        margin-top: .3rem;
        width: 100%;
    }
    .solution-four .inside-tit {
        margin-bottom: .3rem;
    }
    .solution-four .list-box .item {
        width: 100%;
    }
    .solution-five .inside-tit {
        margin-bottom: .3rem;
    }
    .solution-five .swiper {
        width: 100%;
        padding: .2rem .15rem 0;
        margin-left: 0;
    }
    .solution-five .btn-box {
        margin-top: .3rem;
    }
    .solution-five .btn-box .swiper-but {
        margin: 0 0.1rem;
    }
}
/* 产品体系列表 */
.products-desc {
    padding: 1rem 0 0;
    background: linear-gradient(to top, #daeeff 30%, #edf7ff, #fdfdfe);
}
.products-desc .inside-tit {
    text-align: center;
    margin-bottom: .2rem;
}
.products-desc .inside-des {
    margin-bottom: .8rem;
    text-align: center;
    color: #666666;
}
.products-desc .wtd100 .wtd50 {
    width: 50%;
}
.products-desc .vw50 {
    width: 132%;
}
.products-desc .vw50 img {
    display: block;
}
.products-desc .ul {
    width: 50%;
}
.products-desc .ul li {
    padding: .43rem .8rem;
    padding-left: 1.5rem;
}
.products-desc .ul li .pot {
    position: absolute;
    top: .68rem;
    left: .1rem;
    width: 1.6rem;
}
.products-desc .ul li .pot::before {
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    background: var(--hover-color);
    border-radius: 1rem;
}
.products-desc .ul li .pot i {
    display: block;
    width: calc(100% - .1rem);
    height: 1px;
    background: linear-gradient(to right, #076cf1, transparent);
}
.products-desc .ul li .tit {
    margin-bottom: .1rem;
    font-weight: var(--font-weight__m);
    color: #333;
}
.products-desc .ul li .des {
    color: #666666;
    line-height: 1.7;
}
.products-category {
    padding: var(--padMar120) 0;
}
.products-category .item-category {
    margin-bottom: 0.5rem;
}
.products-category .item-category:last-child {
    margin-bottom: 0;
}
.products-category .categ-name {
    margin-bottom: .35rem;
    font-size: var(--font-size32);
    font-weight: var(--font-weight__m);
    color: #333;
}
.products-category .list-box .item {
    background: #f4f7fc;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: .15rem;
    transition: .3s;
}
.products-category .list-box .item .icon {
    margin-bottom: .24rem;
}
.products-category .list-box .item .icon span {
    background-color: var(--white-color);
    border-radius: 1rem;
}
.products-category .list-box .item .icon img {
    width: .6rem;
    height: .6rem;
}
.products-category .list-box .item a {
    display: block;
    color: #666666;
    padding: .4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.products-category .list-box .item .text .tit {
    margin-bottom: .12rem;
    color: #333;
    font-size: var(--font-size20);
    font-weight: var(--font-weight__m);
    transition: .3s;
}
.products-category .list-box .item .text .des {
    line-height: 1.7;
}
.products-category .list-box .item:nth-child(3n) {
    margin-right: 0;
}
.products-category .list-box .item:hover {
    box-shadow: 0 0 .15rem rgba(0, 0, 0, .15);
    transform: translateY(-.1rem);
}
.products-category .list-box .item:hover .text .tit {
    color: var(--hover-color);
}
@media screen and (max-width:1024px) {
    .products-desc .inside-des {
        margin-bottom: .5rem;
    }
    .products-desc .ul li {
        padding: .2rem;
        padding-left: 1rem;
    }
    .products-desc .ul li .pot {
        top: .45rem;
        width: 1rem;
    }
    .products-category .categ-name {
        font-size: var(--font-size28);
        margin-bottom: .24rem;
    }
    .products-category .list-box .item {
        padding: .3rem .25rem;
    }
    .products-category .list-box .item a {
        padding: 0.2rem;
    }
    .products-category .list-box .item .text .tit {
        font-size: var(--font-size20);
    }
}
@media screen and (max-width:640px) {
    .products-desc .inside-des {
        margin-bottom: .3rem;
    }
    .products-desc .wtd100 {
        flex-wrap: wrap-reverse;
    }
    .products-desc .wtd100 .wtd50 {
        width: 100%;
    }
    .products-desc .vw50 {
        width: 100%;
    }
    .products-desc .ul {
        margin-bottom: .2rem;
        width: 100%;
    }
    .products-desc .ul li {
        padding-left: .6rem;
        padding-right: 0;
    }
    .products-category {
        padding-top: .5rem;
    }
    .products-category .item-category {
        margin-bottom: .4rem;
    }
    .products-category .list-box .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .products-category .list-box .item a {
        padding: 0.12rem;
    }
}
/* 产品体系详情 */
.ProInfo-one {
    padding: .9rem 0;
}
.ProInfo-one .tit-big {
    text-align: center;
    font-size: var(--font-size32);
    font-weight: var(--font-weight__m);
    color: #333;
    margin-bottom: 0.12rem;
}
.ProInfo-one .tit-des {
    margin-bottom: .35rem;
    text-align: center;
    font-size: var(--font-size28);
    color: #333;
}
.ProInfo-one .circle-box {
    padding: 0 .25rem .25rem;
    background-image: url(../images/ProInfo-one.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    border-radius: .15rem;
    overflow: hidden;
}
.ProInfo-one .circle-box .pic img {
    width: 6.14rem;
    object-fit: contain;
}
.ProInfo-one .circle-box .list-box {
    margin-top: -.25rem;
    gap: .1rem;
    justify-content: center;
}
.ProInfo-one .circle-box .list-box .item {
    padding: .4rem .3rem;
    text-align: center;
    width: calc(25% - .1rem);
    background: #ffffff;
    border-radius: .15rem;
    transition: .3s;
}
.ProInfo-one .circle-box .list-box .item .tit {
    font-size: var(--font-size24);
    margin-bottom: .15rem;
    font-weight: var(--font-weight__b);
}
.ProInfo-one .circle-box .list-box .item .des {
    color: #666666;
    line-height: 1.7;
}
.ProInfo-one .circle-box .list-box .item:hover {
    box-shadow: 0 0 .15rem rgba(0, 0, 0, .15);
    transform: translateY(-.1rem);
}
.ProInfo-two {
    padding-top: 1rem;
}
.ProInfo-two .inside-tit {
    text-align: center;
    margin-bottom: .5rem;
}
.ProInfo-two .text-box {
    padding: .3rem;
    background: linear-gradient(to bottom, #9cc5ff, #ffffff, #ebf2fe);
    border-radius: .15rem;
}
.ProInfo-two .txt {
    width: 54.4776%;
    padding: 0 .3rem;
    padding-right: .5rem;
}
.ProInfo-two .txt .tit {
    margin-bottom: .2rem;
    font-size: var(--font-size32);
    font-weight: var(--font-weight__m);
}
.ProInfo-two .txt .des {
    line-height: 2;
    color: #666666;
}
.ProInfo-two .txt .des li {
    margin-bottom: .1rem;
    padding-left: .3rem;
    position: relative;
}
.ProInfo-two .txt .des li::before {
    position: absolute;
    top: 0.07rem;
    left: 0;
    content: '';
    display: block;
    font-style: normal;
    list-style: none;
    width: .2rem;
    height: .2rem;
    text-align: center;
    color: #fff;
    background-color: var(--hover-color);
    background-image: url(../images/hook.svg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1rem;
}
.ProInfo-two .pic {
    width: 45.5224%;
    border-radius: .15rem;
    overflow: hidden;
}
.ProInfo-two .pic img {
    display: block;
    transition: .3s;
}
.ProInfo-two .item-iol:hover .pic img {
    transform: scale(1.05);
}
.ProInfo-three {
    background-image: url(../images/ProInfo-two.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding: var(--padMar120) 0;
}
.ProInfo-three .inside-tit {
    text-align: center;
    margin-bottom: .5rem;
}
.ProInfo-three .tab-menu {
    margin: .5rem 0;
    gap: .3rem;
}
.ProInfo-three .tab-menu a {
    padding: .12rem .1rem;
    display: block;
    border: solid 1px rgba(0, 0, 0, 0.1);
    min-width: 1.5rem;
    text-align: center;
    border-radius: .08rem;
    transition: .3s;
}
.ProInfo-three .tab-menu a.active, .ProInfo-three .tab-menu a:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    color: var(--white-color);
}
.ProInfo-three .tab-content .tab-con {
    padding: .3rem 0;
    min-height: 2rem;
    position: relative;
    display: none;
}
.ProInfo-three .tab-content .tab-con.active {
    display: block;
}
.ProInfo-three .tab-content .tab-con::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 97.143%;
    height: 100%;
    background-image: url(../images/Typical.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.ProInfo-three .tab-content .wtd100 {
    position: relative;
    z-index: 2;
}
.ProInfo-three .tab-content .pic {
    width: 50%;
}
.ProInfo-three .tab-content .pic figure {
    border-radius: .15rem;
}
.ProInfo-three .tab-content .pic figure img {
    display: block;
    width: 100%;
    transition: .3s;
}
.ProInfo-three .tab-content .text-box {
    width: 50%;
    padding-left: .6rem;
}
.ProInfo-three .tab-content .text .icon {
    margin-bottom: .3rem;
}
.ProInfo-three .tab-content .text .icon span {
    background-color: #f4f7fc;
    border-radius: 1rem;
}
.ProInfo-three .tab-content .text .icon img {
    width: .7rem;
    height: .7rem;
}
.ProInfo-three .tab-content .text .tit {
    margin-bottom: .1rem;
    color: #000;
    font-size: var(--font-size32);
    font-weight: var(--font-weight__m);
    transition: .3s;
}
.ProInfo-three .tab-content .text .desc {
    line-height: 2;
    color: #666666;
}
.ProInfo-three .tab-content .tab-con:hover .text .tit {
    color: var(--hover-color);
}
.ProInfo-three .tab-content .tab-con:hover .pic img {
    transform: scale(1.05);
}
.ProInfo-four {
    padding: var(--padMar120) 0;
}
.ProInfo-four .inside-tit {
    text-align: center;
    margin-bottom: .5rem;
}
.ProInfo-four .list-box .item {
    width: 49%;
    margin-bottom: 2%;
    border-radius: .2rem;
    overflow: hidden;
    transition: .3s;
}
.ProInfo-four .list-box .item img {
    width: 100%;
    display: block;
    transition: .3s;
}
.ProInfo-four .list-box .item .tit {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: .35rem .4rem;
    font-size: var(--font-size24);
    color: var(--white-color);
}
.ProInfo-four .list-box .item:hover {
    box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.2);
    transform: translateY(-.1rem);
}
.ProInfo-four .list-box .item:hover .pic img {
    transform: scale(1.05);
}
.Dialogue-box {
    background: linear-gradient(to bottom, #f4f7fc, transparent);
    padding: var(--padMar120) 0;
}
.Dialogue-box .Online-experience {
    background-image: linear-gradient(to bottom, #dcebff, #ffffff 58%, #f5f9ff);
    border-radius: .2rem;
    overflow: hidden;
}
.Dialogue-box .mar-bot {
    margin-bottom: .2rem;
}
.Dialogue-box .quest-item .back-bg {
    background-color: var(--white-color);
    color: #222222;
    padding: .15rem .2rem;
    border-radius: .1rem;
    overflow: hidden;
}
.Dialogue-box .reply-item .txt-txy {
    max-width: 92%;
    color: #222222;
}
.Dialogue-box .reply-item .icon-use {
    width: 100%;
    margin-bottom: .1rem;
}
.Dialogue-box .reply-item .icon-use span {
    min-width: 1.2rem;
    display: block;
    padding: .1rem;
    background: linear-gradient(to right, rgba(13, 118, 255, 0.4) 5%, transparent 50%);
    border-radius: 1rem 0 0 1rem;
}
.Dialogue-box .reply-item .icon-use img {
    max-width: .6rem;
    display: block;
}
.Dialogue-box .text-box {
    padding: .4rem;
}
.Dialogue-box .dialog-con {
    padding: 0 .2rem;
    max-height: 4rem;
    overflow: auto;
}
.Dialogue-box .tit-box {
    padding: .3rem .6rem;
    font-size: var(--font-size32);
    font-weight: var(--font-weight__b);
    color: var(--white-color);
    background-image: linear-gradient(to right, rgba(13, 118, 255, 0.5), #c5deff);
}
.Dialogue-box .tishi {
    margin: .1rem 0;
    padding: 0 .2rem;
}
.Dialogue-box .tishi .iol {
    color: #999999;
}
.Dialogue-box .tishi .advan {
    color: var(--hover-color);
}
.Dialogue-box .tishi .advan::before {
    margin-right: .05rem;
    content: '';
    display: block;
    width: .16rem;
    height: .19rem;
    background-image: url(../images/tesetiyan.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .16rem;
}
.Dialogue-box .txt-area {
    margin: 0 .2rem;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: .2rem;
    border-radius: .1rem;
}
.Dialogue-box .txt-area textarea {
    display: block;
    resize: none;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
.Dialogue-box .txt-area .but {
    line-height: 3;
    width: 1.4rem;
    text-align: center;
    background-color: var(--hover-color);
    color: var(--white-color);
    border-radius: .1rem;
    cursor: pointer;
}
@media screen and (max-width:1024px) {
    .ProInfo-two .txt .des li::before {
        background-size: .11rem;
    }
}
@media screen and (max-width:640px) {
    .ProInfo-one .tit-big {
        font-size: var(--font-size24);
    }
    .ProInfo-one .tit-des {
        font-size: var(--font-size20);
    }
    .ProInfo-one .circle-box .list-box .item {
        width: 100%;
        padding: .3rem .2rem;
    }
    .ProInfo-one .circle-box .list-box .item .tit {
        font-size: var(--font-size22);
    }
    .ProInfo-two .inside-tit {
        margin-bottom: .3rem;
    }
    .ProInfo-two .txt {
        width: 100%;
        padding: 0;
    }
    .ProInfo-two .txt .tit {
        font-size: var(--font-size22);
    }
    .ProInfo-two .txt .des li {
        font-size: var(--font-size16);
    }
    .ProInfo-two .pic {
        width: 100%;
    }
    .ProInfo-three {
        padding: .5rem 0;
    }
    .ProInfo-three .inside-tit {
        margin-bottom: .2rem;
    }
    .ProInfo-three .tab-menu {
        margin: .3rem 0;
        gap: .1rem;
    }
    .ProInfo-three .tab-menu a {
        min-width: 1rem;
    }
    .ProInfo-three .tab-content .pic {
        width: 100%;
    }
    .ProInfo-three .tab-content .text .icon {
        margin: 0 0 .15rem;
    }
    .ProInfo-three .tab-content .text .icon img {
        width: .5rem;
        height: .5rem;
    }
    .ProInfo-three .tab-content .text .tit {
        font-size: var(--font-size28);
    }
    .ProInfo-three .tab-content .tab-con {
        padding: 0;
    }
    .ProInfo-three .tab-content .text-box {
        padding: .2rem;
        width: 100%;
        background-color: var(--white-color);
        border-radius: .15rem;
    }
    .ProInfo-three .tab-content .tab-con::after {
        display: none;
    }
    .ProInfo-four {
        padding: .5rem 0;
    }
    .ProInfo-four .inside-tit {
        margin-bottom: .3rem;
    }
    .ProInfo-four .list-box .item {
        width: 100%;
        margin-bottom: .3rem;
    }
    .ProInfo-four .list-box .item:last-child {
        margin-bottom: 0;
    }
    .ProInfo-four .list-box .item .tit {
        font-size: var(--font-size22);
        padding: .3rem;
    }
    .Dialogue-box .tit-box {
        padding: .2rem;
        font-size: var(--font-size24);
    }
    .Dialogue-box .text-box {
        padding: .2rem 0;
    }
    .Dialogue-box .txt-area .but {
        width: 1rem;
    }
}
/*Floor003234 */
.Floor003234 {
    position: relative;
    z-index: 1;
    padding: var(--padMar120) 0;
}
.Floor003234 .inside-tit {
    text-align: center;
    margin-bottom: .3rem;
}
.Floor003234 .index-more {
    display: flex;
    justify-content: center;
    margin-top: 0.14rem;
}
.Floor003234 .index-more a {
    display: block;
    padding: .13rem .2rem;
    background: var(--hover-color);
    color: var(--white-color);
    border-radius: .1rem;
}
.Floor003234 .cate-list li {
    margin: 0 0.24rem;
    color: #292929;
    font-size: var(--font-size20);
    cursor: pointer;
    position: relative;
    z-index: 1;
    padding-bottom: 0.16rem;
    margin-bottom: 0.1rem;
}
.Floor003234 .cate-list li:after {
    position: absolute;
    content: '';
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: var(--hover-color);
    transition: 0.3s;
    height: 3px;
}
.Floor003234 .cate-list li.active {
    color: var(--hover-color);
}
.Floor003234 .cate-list li.active:after {
    width: 100%;
}
.Floor003234 .load-swiper {
    position: relative;
    z-index: 1;
}
.Floor003234 .load-swiper:before, .Floor003234 .load-swiper:after {
    position: absolute;
    content: '';
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 10;
    pointer-events: none;
}
.Floor003234 .load-swiper:before {
    left: 0;
    background: linear-gradient(to right, rgba(236, 244, 249, 1) 0%, rgba(236, 244, 249, 0) 100%);
}
.Floor003234 .load-swiper:after {
    right: 0;
    background: linear-gradient(to right, rgba(236, 244, 249, 0) 0%, rgba(236, 244, 249, 1) 100%);
}
.Floor003234 .swiper-slide a {
    display: block;
    padding: 0.3rem 0;
}
.Floor003234 .swiper-slide .pic {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.3rem;
    background-color: #fff;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.2rem rgba(96, 149, 228, 0.13);
}
.Floor003234 .swiper-wrapper {
    height: auto;
    transition-timing-function: linear !important;
}
.Floor003234 .swiper+.swiper {
    margin-top: -0.44rem;
}
.Floor003234 .swiper-slide {
    width: 2.6rem;
    padding: 0 0.1rem;
}
@media (max-width:640px) {
    .Floor003234 {
        padding: .5rem 0;
    }
    .Floor003234 .cate-list li {
        font-size: var(--font-size16);
        margin: 0 0.1rem 0.1rem;
    }
    .Floor003234 .swiper {
        padding: 0.1rem 0;
    }
    .Floor003234 .swiper+.swiper {
        margin-top: -0.1rem;
    }
    .Floor003234 .swiper-slide .pic {
        height: 0.5rem;
    }
    .Floor003234 .swiper-slide {
        width: 1.2rem;
        padding: 0 0.05rem;
    }
    .Floor003234 .swiper-slide a {
        padding: 0.1rem 0;
    }
    .Floor003234 .swiper-slide .pic {
        box-shadow: 0 0 0.2rem rgba(96, 149, 228, 0.2);
    }
}
/* 资讯中心 */
.news-list {
    margin-bottom: .7rem;
}
.news-list li a {
    padding: .3rem 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.news-list li:first-child a {
    padding-top: 0;
}
.news-list li .pic {
    width: 3rem;
}
.news-list li .pic .figure {
    min-height: 100%;
    padding-bottom: 66.667%;
    border-radius: .15rem;
    overflow: hidden;
}
.news-list li .pic .figure img {
    transition: .3s;
}
.news-list li .text {
    line-height: 1.7;
    width: calc(100% - 3rem);
    padding: 0 .3rem;
    color: #333;
}
.news-list li .text .tiem {
    color: #999;
    background-image: url(../images/tiem.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .16rem;
    padding-left: .25rem;
    margin-bottom: 0.12rem;
}
.news-list li .text .tit {
    font-size: var(--font-size20);
    transition: .3s;
    margin-bottom: 0.15rem;
    line-height: 1.5;
}
.news-list li .text .desc {
    color: #999;
}
.news-list li a:hover .text .tit {
    color: var(--hover-color);
}
.news-list li a:hover .pic .figure img {
    transform: scale(1.05);
}
@media (max-width:640px) {
    .news-list {
        margin-bottom: .4rem;
    }
    .news-list li .pic {
        width: 100%;
    }
    .news-list li .text {
        padding: .2rem 0 0;
        width: 100%;
    }
    .news-list li .text .tit {
        font-size: var(--font-size20);
    }
}
/* 白皮书 */
.WhitePaper-list {
    margin-bottom: .5rem;
}
.WhitePaper-list li {
    width: 49%;
    margin-bottom: 2%;
}
.WhitePaper-list li a {
    height: 100%;
    padding: .45rem 0;
    background: #f4f7fc;
    color: #222222;
    border-radius: .15rem;
    transition: .3s;
}
.WhitePaper-list li .tiem {
    width: 1.4rem;
    padding: 0 .25rem;
}
.WhitePaper-list li .tiem .day {
    font-size: var(--font-size44);
    font-weight: var(--font-weight__b);
    color: var(--hover-color);
}
.WhitePaper-list li .tiem .year {
    color: #999;
}
.WhitePaper-list li .text {
    padding: 0 .15rem 0 .25rem;
    width: calc(100% - 1.4rem);
    border-left: solid 1px rgba(0, 0, 0, 0.1);
}
.WhitePaper-list li .text .tit {
    margin-bottom: .1rem;
    font-size: var(--font-size24);
    font-weight: var(--font-weight__m);
    transition: .3s;
}
.WhitePaper-list li .text .desc {
    line-height: 2;
    color: #666666;
}
.WhitePaper-list li a:hover {
    box-shadow: 0 0 .15rem rgba(96, 149, 228, 0.2);
}
.WhitePaper-list li a:hover .text .tit {
    color: var(--hover-color);
}
@media (max-width:640px) {
    .WhitePaper-list {
        margin-bottom: .3rem;
    }
    .WhitePaper-list li {
        width: 100%;
    }
    .WhitePaper-list li a {
        padding: .25rem 0;
    }
    .WhitePaper-list li .tiem {
        width: 1rem;
        padding: 0 .15rem;
    }
    .WhitePaper-list li .text {
        width: calc(100% - 1rem);
        padding: 0 0.15rem;
    }
    .WhitePaper-list li .text .tit {
        font-size: var(--font-size20);
    }
    .WhitePaper-list li .tiem .day {
        line-height: 1.2;
        font-size: var(--font-size36);
    }
}
/* 详情 */
.info-news {
    padding-bottom: .5rem;
}
.info-news .title-box {
    background: #f4f7fc;
    padding: .7rem 0;
}
.info-news .title-box .title {
    margin-bottom: .2rem;
    font-size: var(--font-size30);
    font-weight: var(--font-weight__m);
    color: #333;
}
.info-news .title-box .other-box {
    color: #666666;
}
.info-news .title-box .other-box .source {
    margin-right: 3em;
}
.info-news .edit-con {
    padding: .45rem 0;
    color: #666666;
    line-height: 1.8;
}
.info-news .edit-con p {
    margin: 0;
}
.info-news .edit-con img {
    display: block;
    margin: 0 auto;
}
.info-news .edit-con strong {
    font-size: var(--font-size24);
    font-weight: var(--font-weight__m);
    color: #333;
}
.info-news .turn-box {
    padding: .45rem 0;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    line-height: 2;
}
.info-news .turn-box dl {
    width: calc(100% - 2rem);
}
.info-news .turn-box dd a {
    color: #666666;
    transition: .3s;
}
.info-news .turn-box dd a:hover {
    color: var(--hover-color);
}
.info-news .turn-box .but {
    background: var(--hover-color);
    color: var(--white-color);
    padding: .1rem 0;
    min-width: 1.5rem;
    text-align: center;
    border-radius: .1rem;
}
@media (max-width:640px) {
    .info-news .title-box {
        padding: .4rem 0;
    }
    .info-news .title-box .title {
        font-size: var(--font-size22);
    }
    .info-news .title-box .other-box .source {
        margin-right: 1.5em;
    }
    .info-news .edit-con strong {
        font-size: var(--font-size20);
    }
    .info-news .turn-box {
        justify-content: center;
        padding-top: .3rem;
    }
    .info-news .turn-box dl {
        width: 100%;
        margin-bottom: .2rem;
    }
    .info-news .turn-box .but {
        font-size: var(--font-size18);
    }
}
/* 文件下载 */
.download-box {
    padding: var(--padMar120) 0;
}
.download-box .category-name {
    padding: 0 0 .3rem 0;
    margin-bottom: .5rem;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.download-box .category-name .name-txt {
    color: #666666;
    width: 1rem;
}
.download-box .category-name .ul {
    width: calc(100% - 1rem);
    gap: .3rem;
}
.download-box .category-name li a {
    color: #666666;
    transition: .3s;
}
.download-box .category-name li i {
    margin-right: .1rem;
    display: block;
    width: .18rem;
    height: .18rem;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: .03rem;
}
.download-box .category-name li a:hover, .download-box .category-name li.on a {
    color: var(--hover-color);
}
.download-box .category-name li.on i {
    border-color: var(--hover-color);
    background-color: var(--hover-color);
    background-image: url(../images/hook.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .11rem;
}
.download-box .download-list {
    margin-bottom: .5rem;
}
.download-box .download-list li {
    padding: 0 .2rem;
    padding-right: 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: .1rem;
    transition: .3s;
}
.download-box .download-list li .tit {
    width: calc(100% - 4rem);
}
.download-box .download-list li .tit a {
    display: block;
    color: #333;
    width: 100%;
    padding: .25rem 0;
    padding-left: .35rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .2rem;
}
.download-box .download-list li .tit a:hover {
    color: var(--hover-color);
}
.download-box .download-list li .rig-con {
    line-height: 1;
    width: 4rem;
}
.download-box .download-list li .rig-con .icon-but {
    padding: 0 .25rem;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}
.download-box .download-list li .rig-con .icon-but span {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .16rem;
    padding-left: .25rem;
    color: #999;
}
.download-box .download-list li .rig-con .icon-but:last-child {
    border-right: none;
}
.download-box .download-list li .rig-con .tiem span {
    background-image: url(../images/tiem.svg);
}
.download-box .download-list li .rig-con .dow-but span {
    background-image: url(../images/dow.svg);
}
.download-box .download-list li .rig-con .view-but span {
    background-image: url(../images/view.svg);
}
.download-box .download-list li .rig-con .dow-but:hover span {
    color: var(--hover-color);
    background-image: url(../images/dow-on.svg);
}
.download-box .download-list li .rig-con .view-but:hover span {
    color: var(--hover-color);
    background-image: url(../images/view-on.svg);
}
.download-box .download-list li.icon-ppt .tit a {
    background-image: url(../images/ppt.svg);
}
.download-box .download-list li.icon-txt .tit a {
    background-image: url(../images/txt.svg);
}
.download-box .download-list li.icon-doc .tit a {
    background-image: url(../images/txt.svg);
}
.download-box .download-list li.icon-docx .tit a {
    background-image: url(../images/txt.svg);
}
.download-box .download-list li.icon-pdf .tit a {
    background-image: url(../images/pdf.svg);
}
.download-box .download-list li:hover {
    background: #f4f7fc;
}
@media (max-width:640px) {
    .download-box {
        padding: .5rem 0 1rem;
    }
    .download-box .category-name {
        padding: .2rem 0;
        margin-bottom: .2rem;
    }
    .download-box .category-name .name-txt {
        width: .7rem;
    }
    .download-box .category-name .ul {
        width: calc(100% - .7rem);
        gap: .15rem;
    }
    .download-box .download-list li {
        padding: .2rem 0;
    }
    .download-box .download-list li .tit {
        line-height: 1.5;
        margin-bottom: .1rem;
        width: 100%;
    }
    .download-box .download-list li .tit a {
        padding: .1rem 0;
        padding-left: .35rem;
    }
    .download-box .download-list li .rig-con {
        width: 100%;
        justify-content: flex-start;
    }
    .download-box .download-list li .rig-con .tiem {
        padding-left: 0;
    }
}
/* 关于我们 */
.about-one {
    padding: var(--padMar120) 0;
    background-image: url(../images/about-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.about-one .text-box {
    width: 39%;
    padding-right: .65rem;
}
.about-one .inside-tit {
    margin-bottom: .2rem;
}
.about-one .editor {
    margin-bottom: .2rem;
    line-height: 1.7;
    color: #666666;
}
.about-one .editor strong {
    color: var(--hover-color2);
    font-size: var(--font-size26);
    font-weight: var(--font-weight__m);
    line-height: 1.5;
}
.about-one .editor p {
    margin: 0;
}
.about-one .cor-list {
    width: 61%;
    gap: .3rem;
}
.about-one .cor-list .item {
    flex: 1;
    text-align: center;
    padding: .65rem .2rem;
    background-color: var(--white-color);
    border: solid 1px #eee;
    border-radius: .2rem;
    transition: .3s;
}
.about-one .cor-list .item .icon img {
    display: block;
    margin: 0 auto;
    max-width: 0.8rem;
}
.about-one .cor-list .item .text {
    line-height: 1.7;
}
.about-one .cor-list .item .text .introd {
    color: #666666;
}
.about-one .cor-list .item .text .tit {
    margin: .15rem 0;
    font-size: var(--font-size24);
    transition: .3s;
    color: #333;
}
.about-one .cor-list .item:hover {
    box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.1);
    transform: translateY(-.1rem);
}
.about-one .cor-list .item:hover .text .tit {
    color: var(--hover-color);
}
.honor-one {
    padding: var(--padMar120) 0;
    background-image: url(../images/about-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.honor-one .inside-tit {
    text-align: center;
    margin-bottom: .15rem;
}
.honor-one .inside-desc {
    color: #666666;
    text-align: center;
}
.honor-one .switch-box .swiper {
    padding: .4rem 0 .2rem;
}
.honor-one .switch-box .list-row {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .25rem;
}
.honor-one .switch-box .list-row .item {
    text-align: center;
    width: calc(20% - .2rem);
    padding: .4rem .3rem;
    background-color: var(--white-color);
    position: relative;
    border-radius: .2rem;
    overflow: hidden;
    transition: .3s;
}
.honor-one .switch-box .list-row .item::before, .honor-one .switch-box .list-row .item::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.honor-one .switch-box .list-row .item::before {
    background-image: linear-gradient(to top, rgba(0, 111, 255, 0.1), transparent);
}
.honor-one .switch-box .list-row .item::after {
    background-image: url(../images/honor-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
.honor-one .switch-box .list-row .year {
    margin-bottom: .1rem;
    font-size: var(--font-size26);
    font-weight: var(--font-weight__b);
    color: #333;
}
.honor-one .switch-box .list-row .des {
    color: #666666;
}
.honor-one .switch-box .list-row .des pre {
    text-align: center;
}
.honor-one .switch-box .list-row .item .center-bg {
    position: relative;
    z-index: 2;
}
.honor-one .switch-box .list-row .item:hover {
    box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.08);
    transform: translateY(-.1rem);
}
.honor-one .swiper-but {
    top: 75%;
    width: .6rem;
    height: .6rem;
    background-color: var(--hover-color);
    border: solid 1px var(--hover-color);
    border-radius: 1rem;
    opacity: 1;
}
.honor-one .swiper-but:after {
    font-size: var(--font-size16);
    font-weight: var(--font-weight__b);
    color: var(--white-color);
}
.honor-one .swiper-but.swiper-button-disabled {
    background-color: transparent;
}
.honor-one .swiper-but.swiper-button-disabled:after {
    color: var(--hover-color);
}
.honor-one .swiper-button-prev {
    left: 12%;
}
.honor-one .swiper-button-next {
    right: 12%;
}
.history-one {
    padding: var(--padMar120) 0;
    background: linear-gradient(to bottom, #f5f9ff, #fff);
}
.history-one .inside-tit {
    text-align: center;
    margin-bottom: .15rem;
}
.history-one .switch-one {
    margin-top: .2rem;
}
.history-one .switch-one .swiper {
    padding-bottom: .3rem;
}
.history-one .switch-one .swiper::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.02rem;
    position: absolute;
    left: 0;
    bottom: .28rem;
    background: #e3e3e3;
    z-index: 1;
}
.history-one .swiper-wrapper {
    z-index: 2;
}
.history-one .switch-one .year {
    text-align: center;
    color: #666666;
    padding: .25rem 0;
    position: relative;
    transition: .3s;
    position: relative;
}
.history-one .switch-one .year span {
    min-height: .45rem;
    cursor: pointer;
    align-items: flex-end;
}
.history-one .switch-one .year .pot {
    width: .5rem;
    height: .5rem;
    border-radius: 1rem;
    padding: .1rem;
    background-color: rgba(13, 118, 255, 0.15);
    position: absolute;
    left: 50%;
    top: calc(100% - 0.25rem);
    margin-left: -0.25rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.history-one .switch-one .year .pot i {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #0d76ff;
    background-image: url(../images/icon-history.png);
    background-size: .15rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 1rem;
}
.history-one .switch-one .swiper-slide {
    cursor: pointer;
    z-index: 3;
}
.history-one .switch-one .swiper-slide::after, .history-one .switch-one .swiper-slide::before {
    content: '';
    display: block;
    position: absolute;
}
.history-one .switch-one .swiper-slide::after {
    left: 50%;
    bottom: -0.09rem;
    width: 0.18rem;
    height: 0.18rem;
    border: solid 0.02rem #e3e3e3;
    margin-left: -0.09rem;
    border-radius: 1rem;
    background-color: #fff;
}
.history-one .switch-one .swiper-slide::before {
    left: -50%;
    bottom: -0.02rem;
    width: 200%;
    height: 0.02rem;
    background-color: var(--hover-color);
    opacity: 0;
    transition: .3s;
}
.history-one .switch-one .swiper-slide-thumb-active {
    z-index: 2;
}
.history-one .switch-one .swiper-slide-thumb-active::before {
    opacity: 1;
}
.history-one .switch-one .swiper-slide-thumb-active::after {
    opacity: 0;
}
.history-one .switch-one .swiper-slide:hover .year, .history-one .switch-one .swiper-slide-thumb-active .year {
    color: var(--hover-color);
    font-size: var(--font-size24);
    font-weight: var(--font-weight__b);
}
.history-one .switch-one .swiper-slide-thumb-active .year .pot {
    opacity: 1;
}
.history-one .switch-one .swiper-slide-thumb-active .year span {
    padding-bottom: 0;
}
.history-one .switch-two {
    padding: 0 1rem;
    max-width: 10.2rem;
    margin: 0 auto;
}
.history-one .switch-two .swiper {
    padding: .4rem;
}
.history-one .switch-two .item {
    background-color: var(--white-color);
    padding: .6rem;
    border-radius: .15rem;
    filter: drop-shadow(0 0 .15rem rgba(204, 212, 222, 0.8));
    -webkit-filter: drop-shadow(0 0 .15rem rgba(204, 212, 222, 0.8));
}
.history-one .switch-two .item::after {
    content: '';
    width: 0;
    height: 0;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top: 0.1rem solid #fff;
    position: absolute;
    bottom: -.1rem;
    left: 50%;
}
.history-one .switch-two .item .pic {
    width: 50%;
}
.history-one .switch-two .item .pic figure {
    border-radius: .2rem;
    overflow: hidden;
}
.history-one .switch-two .item .pic img {
    display: block;
}
.history-one .switch-two .item .text .year {
    line-height: 0.8;
    font-size: 1.6rem;
    font-weight: var(--font-weight__b);
    color: #333;
    opacity: 0.05;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 0.6rem;
    width: 100%;
    z-index: 2;
}
.history-one .switch-two .item .text .tit-box {
    padding-left: 0.6rem;
}
.history-one .switch-two .item .text .tiem {
    font-size: var(--font-size18);
    color: var(--hover-color);
    font-weight: var(--font-weight__m);
    margin-bottom: 0.12rem;
}
.history-one .switch-two .item .text .tiem::before {
    content: '';
    display: block;
    width: 1em;
    height: 0.02rem;
    background-color: var(--hover-color);
    margin-right: .1rem;
}
.history-one .switch-two .item .text .tit {
    margin-bottom: .3rem;
    font-size: var(--font-size28);
    color: #333;
    font-weight: var(--font-weight__m);
    line-height: 1.2;
}
.history-one .switch-two .item .text .desc {
    position: relative;
    padding-top: 0.7rem;
    color: #666666;
    line-height: 1.7;
    z-index: 5;
}
.history-one .switch-two .swiper-slide .text {
    transform: translateY(50px);
    opacity: 0;
    transition: all .4s;
}
.history-one .switch-two .ani-slide .text {
    transform: translateY(0);
    opacity: 1;
}
.history-one .swiper-but {
    width: .5rem;
    height: .5rem;
    background-color: var(--hover-color);
    border: solid 1px var(--hover-color);
    border-radius: 1rem;
    opacity: 1;
}
.history-one .swiper-but:after {
    font-size: var(--font-size16);
    font-weight: var(--font-weight__b);
    color: var(--white-color);
}
.history-one .swiper-but.swiper-button-disabled {
    background-color: transparent;
}
.history-one .swiper-but.swiper-button-disabled:after {
    color: var(--hover-color);
}
.history-one .swiper-button-prev {
    left: 0;
}
.history-one .swiper-button-next {
    right: 0;
}
.corporate-one {
    padding: 1rem 0 0;
    background: linear-gradient(to top, transparent, #d7e8fb);
}
.corporate-one .inside-tit {
    text-align: center;
    margin-bottom: .5rem;
}
.corporate-one .item {
    flex: 1;
    background: linear-gradient(325deg, #a5cbfd 5%, transparent 45%);
    transition: .5s;
}
.corporate-one .item .text-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .45rem;
    z-index: 2;
    align-content: space-between;
}
.corporate-one .item .text-box .text .tit {
    margin-bottom: .15rem;
    font-size: var(--font-size32);
    font-weight: var(--font-weight__m);
}
.corporate-one .item .text-box .text .desc {
    line-height: 1.7;
    color: #666666;
}
.corporate-one .item .pic figure {
    padding-bottom: 4.45rem;
    opacity: 0;
}
.corporate-one .item .icon img {
    display: block;
    width: .71rem;
    height: .71rem;
}
.corporate-one .item.active {
    flex: 1.35;
    width: 31%;
}
.corporate-one .item.active .text-box {
    flex-wrap: wrap-reverse;
}
.corporate-one .item.active .text-box .text .desc {
    max-width: 80%;
}
.corporate-one .item.active .pic figure {
    opacity: 1;
}
@media screen and (max-width:1024px) {
    .about-one .inside-tit {
        margin-bottom: .2rem;
    }
    .about-one .text-box {
        padding-right: .4rem;
    }
    .about-one .editor strong {
        font-size: var(--font-size20);
    }
    .about-one .cor-list {
        gap: .15rem;
    }
    .about-one .cor-list .item {
        padding: .35rem .15rem;
    }
    .about-one .cor-list .item .icon img {
        width: .6rem;
    }
    .about-one .cor-list .item .text .tit {
        font-size: var(--font-size20);
        margin: .1rem 0
    }
    .honor-one .switch-box .list-row {
        gap: .15rem;
    }
    .honor-one .switch-box .list-row .item {
        width: calc(25% - .12rem);
        padding: .2rem;
    }
    .honor-one .switch-box .list-row .year {
        font-size: var(--font-size24);
    }
    .honor-one .swiper-but {
        top: 50%;
    }
    .honor-one .swiper-button-prev {
        left: 2%;
    }
    .honor-one .swiper-button-next {
        right: 2%;
    }
    .history-one .switch-two {
        padding: 0 .8rem;
    }
    .history-one .switch-two .item .text {
        padding-left: .3rem;
    }
    .history-one .switch-two .item .text .tit {
        font-size: var(--font-size22);
    }
    .corporate-one .item .icon img {
        width: .4rem;
        height: .4rem;
    }
    .corporate-one .item .pic figure {
        padding-bottom: 3.3rem;
    }
    .corporate-one .item .text-box {
        padding: .35rem .2rem;
    }
    .corporate-one .item .text-box .text .tit {
        font-size: var(--font-size20);
        margin-bottom: .1rem;
    }
    .corporate-one .item.active {
        flex: 1.8;
    }
    .corporate-one .item.active .text-box .text .desc {
        max-width: 95%;
        --clamp: 4;
    }
}
@media screen and (max-width:640px) {
    .about-one {
        padding: .5rem 0;
    }
    .about-one .text-box {
        width: 100%;
    }
    .about-one .cor-list {
        width: 100%;
    }
    .about-one .cor-list .item {
        flex: auto;
        padding: .3rem;
    }
    .honor-one .switch-box .list-row .item {
        width: calc(50% - .12rem);
    }
    .history-one {
        padding: .5rem 0;
    }
    .history-one .switch-one {
        margin-top: 0;
    }
    .history-one .switch-two {
        padding: 0 .3rem;
    }
    .history-one .switch-two .swiper {
        padding: .2rem;
    }
    .history-one .switch-two .item {
        flex-wrap: wrap;
        padding: .2rem;
    }
    .history-one .switch-two .item .pic {
        width: 100%;
    }
    .history-one .switch-two .item .text {
        padding: .2rem 0;
        width: 100%;
    }
    .history-one .switch-two .item .text .tit {
        margin: .1rem 0;
        font-size: var(--font-size20);
    }
    .history-one .switch-two .item .text .year {
        display: none;
    }
    .history-one .switch-two .item .text .tit-box {
        padding-left: 0;
    }
    .history-one .switch-two .item .text .desc {
        padding-top: 0;
    }
    .history-one .switch-two .item::after {
        bottom: -.08rem;
    }
    .history-one .swiper-but {
        width: .4rem;
        height: .4rem;
    }
    .corporate-one .list-box {
        flex-wrap: wrap;
    }
    .corporate-one .item.active, .corporate-one .item {
        width: 100%;
        flex: auto;
        margin-bottom: .2rem;
    }
    .corporate-one .item:last-child {
        margin-bottom: 0;
    }
    .corporate-one .item .text-box, .corporate-one .item.active .text-box {
        flex-wrap: wrap-reverse;
    }
    .corporate-one .item .pic figure, .corporate-one .item.active .pic figure {
        opacity: 1;
    }
    .corporate-one .item.active .text-box .text .desc, .corporate-one .item .text-box .text .desc {
        --clamp: 4;
        max-width: 100%;
    }
}
/* 网站地图 */
.ul_sitemap, .ul_sitemap li {
    list-style: none;
    padding-left: 0;
    margin: 0
}
.ul_sitemap li {
    padding: .15rem 0;
    border-bottom: solid 1px #eeeeee
}
.ul_sitemap strong {
    font-size: 0.2rem;
    display: block;
}
.ul_sitemap li .sub_menu {
    margin-top: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.ul_sitemap li .sub_menu a {
    display: block;
}
.ul_sitemap li .sub_menu em {
    font-style: normal;
    font-size: var(--font-size12);
    padding: 0 .1rem;
}
.ul_sitemap li .sub_menu a:hover {
    color: var(--hover-color);
}
@media (max-width:640px) {}
/* 列表文本框样式 */
.search-list {
    margin-bottom: .5rem;
}
.search-list .item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.search-list .item a {
    padding: .2rem 0;
    transition: .3s;
}
.search-list .item .title {
    width: calc(100% - 10em);
    font-size: var(--font-size18);
}
.search-list .item .tiem {
    color: #000000;
}
.search-list .item .tiem span {
    display: block;
    padding-left: .3rem;
    background-image: url(../images/tiem.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0.2rem;
}
@media screen and (max-width:640px) {
    .search-list .item .title {
        width: calc(100% - 8.5em);
        font-size: var(--font-size18);
    }
}
/* 单篇 */
.single-box {
    padding: var(--padMar120) 0;
}
@media screen and (max-width:640px) {
    .single-box {
        padding: .5rem 0;
    }
}
/* 联系我们 */
.contact-one {
    padding: var(--padMar120) 0;
    background: linear-gradient(to top, #f5f9ff, #fff);
}
.contact-one .line-box {
    padding: 0 .3rem;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.contact-one .text-box {
    padding: .3rem 0;
    width: 50%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    background-image: url(../images/contact-tel.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
}
.contact-one .text-box .tit-big {
    margin-bottom: .35rem;
    font-size: var(--font-size30);
    font-weight: var(--font-weight__m);
    position: relative;
    padding-top: .1rem;
}
.contact-one .text-box .tit-big::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 2em;
    height: 0.03rem;
    background-color: #0d76ff;
    border-radius: 0.1rem;
}
.contact-one .text-box dd {
    margin: .16rem 0;
    color: #666;
    background-repeat: no-repeat;
    background-position: left 0.2em;
    background-size: 0.22rem;
    padding-left: .3rem;
}
.contact-one .text-box dd.icon-xzly {
    background-image: url(../images/icon-zxly.jpg);
}
.contact-one .text-box dd.icon-tel {
    background-image: url(../images/icon-tel.jpg);
}
.contact-one .text-box dd.icon-yx {
    background-image: url(../images/icon-yx.jpg);
}
.contact-one .text-box dd.icon-addr {
    background-image: url(../images/icon-addr.jpg);
}
.contact-one .qr-code-box {
    padding: .3rem 0;
    width: 50%;
    text-align: center;
}
.contact-one .qr-code-box .qr-code {
    padding: 0 0.35rem;
    transition: .3s;
}
.contact-one .qr-code-box .pic {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.15);
}
.contact-one .qr-code-box .pic img {
    display: block;
    width: 2.1rem;
    height: 2.1rem;
    object-fit: contain;
}
.contact-one .qr-code-box .tit {
    font-size: var(--font-size16);
    padding: .15rem 0;
    color: #666;
}
.contact-one .qr-code-box .qr-code:hover {
    transform: translateY(-.1rem);
}
.contact-two {
    padding-bottom: 1rem;
}
.contact-two .inside-tit {
    margin-bottom: .3rem;
}
.contact-two .list-box {
    width: 38%;
}
.contact-two .list-box .con-txt {
    padding: .3rem 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.contact-two .list-box .con-txt:first-child {
    padding-top: 0;
}
.contact-two .list-box .con-txt:last-child {
    border-bottom: none;
}
.contact-two .list-box .name-txt {
    margin-bottom: .1rem;
    padding-left: .3rem;
    font-size: var(--font-size20);
    background-image: url(../images/pic.png);
    background-repeat: no-repeat;
    background-position: left 0.3em;
}
.contact-two .list-box .con {
    line-height: 1.7;
    padding: 0 .3rem;
    font-size: var(--font-size16);
    color: #666;
}
.contact-two .list-box .con p {
    margin: 0.1rem 0;
}
.contact-two .big-pic {
    width: 50%;
    position: relative;
}
.contact-two .big-pic::after {
    content: "";
    display: block;
    width: 61.858%;
    padding-top: 39%;
    background-image: linear-gradient(to right, #e7f3ff, #e4e9ff);
    position: absolute;
    left: -0.6rem;
    top: -0.7rem;
    border-radius: 0.2rem;
}
.contact-two .tit-line {
    margin-bottom: .2rem;
    font-size: var(--font-size20);
    border-left: 0.03rem solid #333;
    line-height: 1;
    padding-left: .1rem;
    position: relative;
    z-index: 2;
    color: #333;
}
.contact-two .pic-switch {
    width: 100%;
}
.contact-two .pic {
    border-radius: 0.15rem;
    overflow: hidden;
    z-index: 2;
    position: relative;
}
.contact-two .pic img {
    display: block;
    width: 100%;
}
@media screen and (max-width:1024px) {
    .contact-one .qr-code-box .qr-code {
        padding: 0 0.2rem;
    }
    .contact-one .qr-code-box .pic img {
        width: 1.5rem;
        height: 1.5rem;
    }
    .contact-one .text-box {
        background-size: 1.5rem;
    }
    .contact-two .list-box {
        width: 45%;
    }
}
@media screen and (max-width:640px) {
    .contact-one .text-box {
        width: 100%;
    }
    .contact-one .qr-code-box {
        width: 100%;
        justify-content: flex-start;
    }
    .contact-two .list-box {
        width: 100%;
    }
    .contact-two .big-pic {
        margin-top: .35rem;
        width: 100%;
    }
    .contact-two .big-pic::after {
        left: -0.5rem;
        top: -0.2rem;
    }
}
/* 加入我们 */
.Join-box {
    padding: var(--padMar120) 0;
}
.Join-box .inside-tit {
    text-align: center;
}
.Join-box .inside-desc {
    margin: .15rem 0;
    text-align: center;
    font-size: var(--font-size18);
    font-weight: var(--font-weight__l);
    color: #666;
}
.Join-box .item-tit {
    border-bottom: 1px solid #e0eaf4;
    font-size: var(--font-size18);
    padding: 0 1rem;
}
.Join-box .item-tit .iox {
    flex: 1.2;
    padding: .2rem 0;
    text-align: center;
    color: #333;
}
.Join-box .item-tit .iox:first-child {
    flex: 1;
    text-align: left;
}
.Join-con {
    margin: .5rem 0;
}
.Join-list .item-tit {
    font-size: var(--font-size16);
    border-bottom: 1px solid #e0eaf4;
    position: relative;
    transition: .3s;
    color: #666;
}
.Join-list .item-tit .iox {
    color: #666;
}
.Join-list .item-tit .addr-but {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.6rem;
    height: 100%;
    background-image: url(../images/addr.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.13rem;
    cursor: pointer;
}
.Join-list .item-con {
    padding: .15rem 1rem .3rem;
    font-size: var(--font-size18);
    line-height: 1.7;
    color: #666;
    display: none;
}
.Join-list .item-con .cont-box strong {
    display: block;
    margin-top: 1em;
    font-weight: var(--font-weight__m);
    color: #0d76ff;
}
.Join-list .item-con .cont-box p {
    margin: 0;
}
.Join-list .item:hover .item-tit, .Join-list .item.active .item-tit {
    background-color: #ebf5fd;
}
.Join-list .item.active .item-tit .addr-but {
    background-image: url(../images/jian.png);
}
@media screen and (max-width:768px) {
    .Join-box .item-tit {
        padding: 0 .5rem;
    }
}
@media screen and (max-width:640px) {
    .Join-box .item-tit {
        padding: 0 .2rem;
        padding-left: .1rem;
        font-size: var(--font-size16);
    }
    .Join-box .item-tit .tiem {
        display: none;
    }
    .Join-list .item-con {
        padding: 0 .2rem .2rem;
        padding-left: .1rem;
        font-size: var(--font-size16);
    }
    .Join-list .item-tit .addr-but {
        width: 0.3rem;
    }
}