@charset "utf-8";

/* =====================内页样式======================== */
/* 分页 */
.paging {
    width: 100%;
    user-select: none;
}

.paging-menu {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.paging-menu a {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px;
    font-size: 18px;
    color: #68657b;
    transition: all .4s ease;
    border-radius: 50%;
    font-family: Arial;
}

.paging-menu a:first-child,
.paging-menu a:last-child {
    font-size: 0;
    background: url('../images/common/arrLH.svg') no-repeat center/18px auto;
}

.paging-menu a:first-child {
    margin-right: 10px;
}

.paging-menu a:last-child {
    transform: rotate(180deg);
    margin-left: 10px;
}

.paging-menu a:hover,
.paging-menu a.active,
.paging a.on {
    background-color: #6341ee;
    color: #fff;
}

.paging-menu a:first-child:hover,
.paging-menu a:last-child:hover {
    background-image: url('../images/common/arrLW.svg');
}

@media all and (max-width:1599px) {
    .paging-menu a {
        width: 40px;
        height: 40px;
    }
}

@media all and (max-width:1279px) {
    .paging-menu a:first-child {
        margin-right: 6px;
    }

    .paging-menu a:last-child {
        margin-left: 6px;
    }
}

@media all and (max-width:1000px) {
    .paging-menu a {
        margin: 4px 2px;
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .paging-menu a:first-child {
        margin-right: 4px;
    }

    .paging-menu a:last-child {
        margin-left: 4px;
    }

    .paging-menu a:first-child,
    .paging-menu a:last-child {
        background-size: 16px auto;
    }
}

/* 搜索页面 */
.search {
    width: 100%;
}

.search-info {
    width: 100%;
    line-height: 1.1;
    color: #222;
    font-weight: 700;
}

.search-info span {
    color: #6341ee;
}

.search-list {
    width: 100%;
}

.search-link {
    display: block;
    width: 100%;
    border-bottom: 1px solid #f0f0f2;
}

.search-link h2 {
    color: #222;
    line-height: 1.1;
    transition: all .4s ease;
}

.search-link p {
    width: 100%;
    color: #666;
}

.search-link .highlightRow span {
    color: #6341ee !important;
}

.search-link:hover h2 {
    color: #6341ee;
}

@media all and (max-width:1000px) {
    .search-link {
        padding: 20px 0;
    }

    .search-list {
        margin-top: 10px;
    }
}

.sonTitle {
    width: 100%;
    text-align: center;
}

.sonTitle .name {
    color: #222;
    line-height: 1.1;
}

.sonTitle.white .name {
    color: #fff;
}

.section {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* 产品 */
.proclhead {
    width: 100%;
    position: relative;
}

.proclban {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.proclban-img {
    width: 100%;
    overflow: hidden;
}

.proclban-img img {
    width: 100%;
    object-fit: cover;
}

.proclban-img img.none-pad-mb {
    height: 500px;
}

.proclban-img img.none-pc {
    min-height: 300px;
}

.proclban-cont {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.proclban-cont .title {
    color: #222;
    line-height: 1.1;
}

.proclban-cont .text {
    color: #555;
    line-height: 1.4;
    margin-top: 12px;
    max-width: 920px;
}

.proclban-cont .btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 22px;
}

.proclban-cont .btn a {
    width: 156px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 2px solid #fff;
    color: #383351;
    position: relative;
    margin-left: 12px;
    box-shadow: 0 4px 12px 0 rgba(85, 98, 151, 0.16);
    overflow: hidden;
    transition: all .4s ease;
}

.proclban-cont .btn a::before,
.proclban-cont .btn a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .4s ease;
}

.proclban-cont .btn a span {
    position: relative;
    z-index: 2;
}

.proclban-cont .btn a::before {
    background: linear-gradient(to bottom, #f4f5f8, #fff);
}

.proclban-cont .btn a::after {
    background: #6341ee;
    opacity: 0;
}

.proclban-cont .btn a:hover {
    border: 2px solid #6341ee;
    color: #fff;
    box-shadow: 0 4px 12px 0 rgba(99, 65, 238, .3);
}

.proclban-cont .btn a:hover::before {
    opacity: 0;
}

.proclban-cont .btn a:hover::after {
    opacity: 1;
}

.proclban-cont .btn a.active {
    border: 2px solid #6341ee;
    color: #FFF;
}

.proclban-cont .btn a.active::before {
    opacity: 0;
}

.proclban-cont .btn a.active::after {
    opacity: 1;
}

.proclban-cont .btn a:first-child {
    margin-left: 0;
}

.proclban-cont .btn a.tech {
    width: auto;
    overflow: visible;
    margin-left: 24px;
    height: auto;
    color: #5e5a73;
    padding-right: 15px;
    border: none;
    border-radius: 0;
    background: url('../images/pages/proclbanArr.svg') no-repeat right -3px top 3px/16px auto;
    box-shadow: none !important;
}

.proclban-cont .btn a.tech::before {
    display: none;
}

.proclban-cont .btn a.tech::after {
    content: "";
    position: absolute;
    opacity: 1;
    top: auto;
    width: 0;
    height: 1px;
    background: #6341ee;
    left: 0;
    bottom: 0;
    transition: all .4s ease;
}

.proclban-cont .btn a.tech:hover:after {
    width: 100%;
}

.proclban-cont .btn a.tech:hover {
    color: #6341ee;
    background-image: url('../images/pages/proclbanArrH.svg');
}

.proclban-cont .btn a.tech .code,
.proclban-cont .btn a.hascode .code {
    display: none;
    width: 140px;
    height: 140px;
    padding: 6px;
    position: absolute;
    bottom: 44px;
    left: 50%;
    margin-left: -70px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px 2px rgba(85, 98, 151, 0.18);
}

.proclban-cont .btn a.tech .code::after,
.proclban-cont .btn a.hascode .code::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
}

.proclban-cont .btn a.tech .code img,
.proclban-cont .btn a.hascode .code img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.proclban-cont .btn a.tech:hover .code,
.proclban-cont .btn a.hascode:hover .code {
    display: block;
    animation: proclbanCode .6s ease-in-out both;
}

.proclban-cont .btn a.hascode {
    overflow: visible;
}

.proclban-cont .btn a.hascode .code {
    bottom: 56px;
}

@keyframes proclbanCode {
    0% {
        transform: translateY(-14px);
    }

    100% {
        transform: translateY(0);
    }
}

.proclban-cont .title,
.proclban-cont .text,
.proclban-cont .btn {
    opacity: 0;
}

.proclban-cont .title {
    animation: proclbanRight 1s ease both .4s;
}

.proclban-cont .text {
    animation: proclbanRight 1s ease both .5s;
}

.proclban-cont .btn {
    animation: proclbanRight 1s ease both .6s;
}

@keyframes proclbanRight {
    0% {
        opacity: 0;
        transform: translateX(200px);
        filter: blur(6px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        filter: blur(0);
    }
}

/* ---- */
.proclbar {
    width: 100%;
    position: relative;
    z-index: 4;
    margin-top: -80px;
}

.proclbar .contain {
    justify-content: space-between;
    align-items: center;
}

.proclbar-video {
    width: 314px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    background: #fff;
    padding: 10px;
    border: 2px solid #fff;
    box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, 0.11);
    background: linear-gradient(to bottom, #f4f5f8, #fff);
    transition: all .4s ease;
}

.proclbar-video img {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.proclbar-video-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    border-radius: 50%;
    background: #6341ee
}

.proclbar-video-btn i {
    width: 10px;
    height: 12px;
    background: url('../images/index/indtbplay.png') no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -4px;
    z-index: 4;
}

.proclbar-video-btn::before {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin: -27px 0 0 -27px;
    border: 1px dashed #6341ee;
    transform: scale(0);
    transition: all .4s ease;
}

.proclbar-video:hover {
    box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, 0.18);
}

.proclbar-video:hover .proclbar-video-btn::before {
    transform: scale(1);
    animation: proclbarRun 10s linear infinite .6s;
}

@keyframes proclbarRun {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.proclbar-tabs {
    width: auto;
}

.proclbar-tabs a {
    width: 270px;
    height: 90px;
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(to bottom, #f4f5f8, #fff);
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, 0.11);
    padding: 0 24px;
    transition: all .4s ease;
}

.proclbar-tabs a:first-child {
    margin-left: 0;
}

.proclbar-tabs a:hover {
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, 0.18);
}

.proclbar-tabs a .head {
    width: 100%;
    align-items: center;
}

.proclbar-tabs a .icon {
    width: auto;
    height: 25px;
}

.proclbar-tabs a .icon img {
    max-width: 100%;
    max-height: 100%;
}

.proclbar-tabs a .name {
    line-height: 1.1;
    color: #000;
    transition: all .4s ease;
    max-width: calc(100% - 40px);
    margin-left: 10px;
}

.proclbar-tabs a .text {
    color: #8e8c99;
    line-height: 1.1;
    margin-top: 6px;
}

.proclbar-tabs a:hover .name {
    color: #6341ee;
}

/* 产品 CloudOS */
.proclplace {
    width: 100%;
    overflow: hidden;
}

.proclplace .contain {
    justify-content: flex-end;
}

.proclplace a {
    display: flex;
    align-items: center;
    height: 44px;
    font-size: 14px;
    color: #bcbbc2;
    position: relative;
    transition: all .4s ease;
    padding-left: 20px;
}

.proclplace a:first-child {
    background: url('../images/pages/crumbs1.svg') no-repeat left top 13px/16px auto;
}

.proclplace a:hover {
    color: #6341ee;
}

.proclplace a:first-child:hover {
    background-image: url('../images/pages/crumbs1H.svg');
}

.proclplace a::before {
    content: "";
    position: absolute;
    width: 12px;
    left: 4px;
    height: 100%;
    background: url('../images/pages/crumbs2.svg') no-repeat center/100% auto;
    top: 0;
    pointer-events: none;
}

.proclplace a:first-child:before {
    display: none;
}

/* -- */
.proclmenu {
    width: 100%;
    height: 60px;
    position: relative;
}

.proclmenu-place {
    width: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    transition: all .4s ease;
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(85, 98, 151, 0.06);

}

.proclmenu .contain {
    justify-content: center;
}

.proclmenu a {
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #72707a;
    margin-left: 44px;
    position: relative;
    transition: all .4s ease;
}

.proclmenu a:first-child {
    margin-left: 0;
}

.proclmenu a::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #6341ee;
    height: 3px;
    transition: all .4s ease;
    opacity: 0;
}

.proclmenu a:hover,
.proclmenu a.active {
    color: #6341ee;
}

.proclmenu a.active::after {
    opacity: 1;
}

body.hasFixed .Header-wrapper {
    box-shadow: none;
}

body.hasFixed .proclmenu-place {
    position: fixed;
    top: 72px;
}

/* -- */
.proclnz {
    background: linear-gradient(to bottom, #fafbfc, #f1f1f8);
}

.proclnz::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: url('../images/pages/proclnzBg.png') no-repeat left bottom/100% auto;
}

.proclnz .contain {
    position: relative;
    z-index: 4;
    width: 1640px;
}

.proclnz-loop {
    width: 100%;
}

.proclnz-loop .swiper-container {
    padding: 20px;
}

.proclnz-list {
    width: 100%;
}

.proclnz-ul {
    margin: -40px 0 0 -40px;
}

.proclnz-items {
    width: calc(33.3333% - 40px);
    margin: 40px 0 0 40px;
    box-shadow: 10px 10px 9px 0 rgba(85, 98, 151, .06);
    transition: all .4s ease;
    border-radius: 6px;
    background: linear-gradient(135deg, #f5f4f9, #fff);
    border: 2px solid #fff;
    padding: 34px 38px;
}

.proclnz-items:hover {
    box-shadow: 10px 10px 9px 0 rgba(85, 98, 151, .14);
}

.proclnz-head {
    width: 100%;
}

.proclnz-head .title {
    align-items: center;
    width: 100%;
}

.proclnz-head .title .icon {
    max-width: 54px;
    height: 60px;
    display: flex;
    align-items: center;
}

.proclnz-head .title .icon img {
    max-width: 100%;
    max-height: 100%;
}

.proclnz-head .title .name {
    color: #333;
    margin-left: 16px;
    width: calc(100% - 70px);
}

.proclnz-head .text {
    color: #8a8895;
    margin-top: 18px;
}

.proclnz-head .text span {
    color: #6341ee;
}

.proclnz-cont {
    width: 100%;
    margin-top: 14px;
}

.proclnz-cont .tags {
    border-radius: 10px;
    color: #fff;
    background: #6341ee;
    display: inline-block;
    padding: 3px 10px;
    line-height: 1.1;
}

.proclnz-cont .text {
    color: #838288;
    margin-top: 6px;
}

.proclnz-cont .text p {
    position: relative;
    padding-left: 12px;
}

.proclnz-cont .text p::before {
    content: "";
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    background: #838288;
    border-radius: 50%;
    top: 12px;
}

.proclnz-cont .btn {
    width: 110px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid #6341ee;
    color: #6341ee;
    font-size: 14px;
    transition: all .4s ease;
    margin-top: 25px;
}

.proclnz-cont .btn:hover {
    background: #6341ee;
    color: #fff;
}



.proclnz-loop .swiper-wrapper {
    padding-bottom: 24px;
}

.proclnz-loop .swiper-pagination {
    bottom: 0;
}

.proclnz-loop .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: #dfdfdf;
    opacity: 1;
    margin: 0 0 0 20px !important;
}

.proclnz-loop .swiper-pagination-bullet-active {
    background: #6341ee;
}

.proclnz-loop .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}

/* -- */
.proclsz {
    background: #fff;
}

.proclsz-menu {
    width: 100%;
}

.proclsz-menu .contain {
    justify-content: center;
}

.proclsz-menu a {
    display: flex;
    height: 40px;
    position: relative;
    width: 162px;
    transition: all .4s ease;
    justify-content: center;
    color: #444;
}

.proclsz-menu a:hover,
.proclsz-menu a.active {
    color: #6341ee;
}

.proclsz-menu a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #6341ee;
    transition: all .4s ease;
}

.proclsz-menu a.active::after {
    width: 100%;
}

.proclsz-loop {
    width: 100%;
    background: linear-gradient(to bottom, #f1f1f6, #fff);
    text-align: center;
    box-shadow: 0 10px 10px 0 rgba(85, 98, 151, .04) inset;
}

.proclsz-loop img {
    max-width: 100%;
}

.proclsz .swiper-slide {
    cursor: zoom-in;
}


.proclsz .imgViewDom-tp,
.proclsz .imgViewDom-fa {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999;
    background: rgba(255, 255, 255, 0.8);
    overflow: auto;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}


.proclsz .imgViewDom-tp img,
.proclsz .imgViewDom-fa img {
    cursor: zoom-out;
}

/* -- */
.proclgn {
    background: linear-gradient(to bottom, #f5f5f5, #fbfbfb);
}

.proclgn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: url('../images/pages/proclgnBg.png') no-repeat right top/auto 100%;
    box-shadow: 0 10px 10px 0 rgba(99, 65, 238, .04) inset;
}

.proclgn .contain {
    position: relative;
    z-index: 4;
    width: 1640px;
}

.proclgn-more {
    width: 100%;
    align-items: flex-start;
    padding-left: 20px;
}

.proclgn-menu {
    width: 168px;
    padding: 14px 0;
    position: relative;
    overflow: hidden;
    box-shadow: 17px 17px 29px 0 rgba(85, 98, 151, 0.08);
    border-radius: 3px;
    background: linear-gradient(to bottom, #f7f7fd, #fff);
}

.proclgn-menu::after {
    content: "";
    border: 2px solid #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.proclgn-menu a {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 4;
    height: 60px;
    padding: 0 30px;
    color: #383351;
    transition: all .4s ease;
}

.proclgn-menu a span {
    position: relative;
    z-index: 4;
}

.proclgn-menu a.active,
.proclgn-menu a:hover {
    color: #6341ee;
}

.proclgn-menu a::before {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    height: 100%;
    background: #fff;
    transition: all .4s ease;
}

.proclgn-menu a.active::before {
    width: 100%;
}

.proclgn-menu a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 3px;
    height: 0;
    background: #6341ee;
    z-index: 2;
    transition: all .4s ease;
}

.proclgn-menu a.active::after {
    height: 20px;
}

.proclgn-loop {
    width: calc(100% - 168px);
    padding-left: 66px;
    position: relative;
}

.proclgn-title {
    position: absolute;
    left: 66px;
    top: 50px;
    z-index: 12;
}

.proclgn-title .name {
    color: #222;
    line-height: 1.1;
}

.proclgn-title i {
    display: block;
    width: 50px;
    height: 5px;
    background: #6341ee;
    margin-top: 12px;
}

.proclgn-loop .swiper-container {
    padding: 20px 20px 20px 0;
}

.proclgn-mix {
    width: 100%;
    align-items: flex-start;
}

.proclgn-info {
    width: calc(100% - 612px);
    padding: 158px 70px 0 0;
}

.proclgn-info .title {
    color: #333;
}

.proclgn-info .text {
    width: 100%;
    margin-top: 18px;
    color: #676571;
}

.proclgn-info .text p {
    padding-left: 24px;
    position: relative;
    background: url('../images/pages/proclgnic.svg') no-repeat left top 7px/15px auto;
}

.proclgn-info .btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 22px;
}

.proclgn-info .btn a {
    width: 156px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 2px solid #fff;
    color: #383351;
    position: relative;
    margin-left: 12px;
    box-shadow: 0 4px 12px 0 rgba(85, 98, 151, 0.16);
    overflow: hidden;
    transition: all .4s ease;
}

.proclgn-info .btn a::before,
.proclgn-info .btn a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .4s ease;
}

.proclgn-info .btn a span {
    position: relative;
    z-index: 2;
}

.proclgn-info .btn a::before {
    background: linear-gradient(to bottom, #f4f5f8, #fff);
}

.proclgn-info .btn a::after {
    background: #6341ee;
    opacity: 0;
}

.proclgn-info .btn a:hover {
    border: 2px solid #6341ee;
    color: #fff;
    box-shadow: 0 4px 12px 0 rgba(99, 65, 238, .3);
}

.proclgn-info .btn a:hover::before {
    opacity: 0;
}

.proclgn-info .btn a:hover::after {
    opacity: 1;
}

.proclgn-info .btn a.active {
    border: 2px solid #6341ee;
    color: #FFF;
}

.proclgn-info .btn a.active::before {
    opacity: 0;
}

.proclgn-info .btn a.active::after {
    opacity: 1;
}

.proclgn-info .btn a:first-child {
    margin-left: 0;
}

.proclgn-video {
    width: 612px;
    height: 352px;
    user-select: none;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    ;
    border-radius: 5px;
    border: 8px solid #fff;
    box-shadow: 6px 6px 10px 4px rgba(85, 98, 151, .06), 0 0 57px 0 rgba(139, 139, 192, .09) inset;
    background: linear-gradient(180deg, #e7e6ed, #fff);
    transition: box-shadow .4s ease;
}

.proclgn-video video,
.proclgn-video img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    transition: all .4s ease;
}

.proclgn-video img {
    max-width: 88%;
    max-height: 88%;
}

.proclgn-video video {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    z-index: 2;
    background: #000;
}

.proclgn-video-btn {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    border-radius: 50%;
    background: #6341ee;
    transition: all .4s ease;
}

.proclgn-video-btn i {
    width: 10px;
    height: 12px;
    background: url('../images/index/indtbplay.png') no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -4px;
    z-index: 4;
}

.proclgn-video-btn i::before {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin: -27px 0 0 -27px;
    border: 1px dashed #6341ee;
    transform: scale(0);
    transition: all .4s ease;
}

.proclgn-video:hover {
    box-shadow: 6px 6px 10px 4px rgba(85, 98, 151, 0.1);
}

.proclgn-video-btn:hover i::before {
    transform: scale(1);
    animation: proclbarRun 10s linear infinite .6s;
}

@keyframes proclbarRun {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.proclgn-video img.show,
.proclgn-video video.show,
.proclgn-video .proclgn-video-btn.show {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
}

.proclgn-video img.hide,
.proclgn-video video.hide,
.proclgn-video .proclgn-video-btn.hide {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
}

.proclgn-info .title,
.proclgn-info .text {
    opacity: 0;
}

.proclgn-video {
    opacity: 0;
    visibility: hidden;
}

.swiper-slide-active .proclgn-video {
    opacity: 1;
    visibility: visible;
    z-index: 4;
}

.swiper-slide-active .proclgn-info .title {
    animation: proclgnRun .8s ease both .2s;
}

.swiper-slide-active .proclgn-info .text {
    animation: proclgnRun .8s ease both .3s;
}

@keyframes proclgnRun {
    0% {
        opacity: 0;
        transform: translateY(16px);
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* -- */
.proclfa {
    background: #eae9f1;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.proclfa .image {
    width: 100%;
    height: 198px;
    object-fit: cover;
}

.proclfa .contain {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
}

.proclfa-info {
    width: 100%;
    text-align: center;
}

.proclfa-info .text {
    line-height: 1.1;
    color: #707189;
    font-weight: 700;
}

.proclfa-info a {
    margin: 24px auto 0;
    width: 204px;
    height: 44px;
}

/* -- */
.procldb {
    background: #fff;
}

.procldb-menu {
    width: 100%;
}

.procldb-menu .contain {
    justify-content: center;
}

.procldb-menu a {
    display: flex;
    margin-left: 66px;
    height: 40px;
    position: relative;
    padding: 0 10px;
    transition: all .4s ease;
    justify-content: center;
    color: #444;
}

.procldb-menu a:first-child {
    margin-left: 0;
}

.procldb-menu a:hover,
.procldb-menu a.active {
    color: #6341ee;
}

.procldb-menu a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #6341ee;
    transition: all .4s ease;
}

.procldb-menu a.active::after {
    width: 100%;
}

.procldb-loop {
    width: 100%;
    background: #f5f4f9;
    text-align: center;
    box-shadow: 0 10px 10px 0 rgba(85, 98, 151, .1) inset;
}

.procldb-loop img {
    max-width: 100%;
}

.procldb-down {
    width: 100%;
    display: flex;
    justify-content: center;
    color: #767487;
    user-select: none;
}

.procldb-down a {
    font-weight: 700;
    color: #6341ee;
    position: relative;
}

.procldb-down a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #6341ee;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    transition: all .4s ease;
}

.procldb-down a:hover:after {
    width: 100%;
}

/* -- */
.proclal {
    background: #fff;
}

.proclal-loop {
    max-width: 1316px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 68px;
}

.proclal-box {
    width: 100%;
    padding: 20px;
}

.proclal-items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 2px solid #fff;
    height: 166px;
    padding: 20px;
    background: linear-gradient(180deg, #f8f8f9, #fff);
    transition: all .4s ease;
    box-shadow: 5px 5px 8px 2px rgba(85, 98, 151, .14);
}

.proclal-items img {
    max-width: 100%;
    max-height: 100%;
    transition: all .4s ease;
}

.proclal-items:hover {
    box-shadow: 5px 5px 8px 2px rgba(85, 98, 151, .18);
}

.proclal-items:hover img {
    transform: translateY(-4px);
}

.proclal-loop .swiper-wrapper {
    padding-bottom: 24px;
}

.proclal-loop .swiper-pagination {
    bottom: 0;
}

.proclal-loop .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: #dfdfdf;
    opacity: 1;
    margin: 0 0 0 20px !important;
}

.proclal-loop .swiper-pagination-bullet-active {
    background: #6341ee;
}

.proclal-loop .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}

.proclal-prev,
.proclal-next {
    position: absolute;
    padding-top: 2px;
    padding-right: 2px;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    top: 50%;
    margin-top: -33px;
    overflow: hidden;
    transition: all .4s ease;
    box-shadow: 0 10px 16px 2px rgba(85, 98, 151, .14);
    display: flex;
    align-items: center;
    justify-content: center;
}

.proclal-prev::before,
.proclal-prev::after,
.proclal-next::before,
.proclal-next::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #f4f6f9, #fff);
    transition: all .4s ease;
}

.proclal-next::before {
    background: linear-gradient(to top, #f4f6f9, #fff);
}

.proclal-prev::after {
    background: linear-gradient(to bottom, #d1c9ff, #fff);
    opacity: 0;
}

.proclal-next::after {
    background: linear-gradient(to top, #d1c9ff, #fff);
    opacity: 0;
}

.proclal-prev i,
.proclal-next i {
    position: relative;
    z-index: 4;
    width: 16px;
    height: 16px;
    background: url('../images/pages/proclalBtn.svg') no-repeat center/100% auto;
    transition: all .4s ease;
}

.proclal-prev {
    left: 0;
}

.proclal-next {
    right: 0;
    transform: rotate(182deg);
    box-shadow: 0 -10px 16px 2px rgba(85, 98, 151, .14);
    padding-top: 0;
    padding-bottom: 2px;
}

.proclal-prev:hover {
    box-shadow: 0 10px 16px 2px rgba(99, 65, 238, .3);
}

.proclal-next:hover {
    box-shadow: 0 -10px 16px 2px rgba(99, 65, 238, .3);
}

.proclal-prev:hover::before,
.proclal-next:hover::before {
    opacity: 0;
}

.proclal-prev:hover::after,
.proclal-next:hover::after {
    opacity: 1;
}

.proclal-prev:hover i,
.proclal-next:hover i {
    background-image: url('../images/pages/proclalBtnH.svg');
}

/* -- */
.proclwt {
    background: linear-gradient(to bottom, #f0f1f8, #f7f8fa);
}

.proclwt::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../images/pages/proclwtBg.png') no-repeat left top/100% auto;
}

.proclwt .contain {
    position: relative;
    z-index: 4;
}

.proclwt-list {
    width: 100%;
}

.proclwt-list ul {
    width: 100%;
}

.proclwt-list li {
    width: 100%;
    position: relative;
}

.proclwt-list li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #e9ecef;
}

.proclwt-click {
    width: 100%;
    padding: 22px 0;
    align-items: center;
    user-select: none;
    cursor: pointer;
    position: relative;
}

.proclwt-click p {
    color: #444;
    line-height: 25px;
    padding-left: 34px;
    background: url('../images/pages/proclwtic.svg') no-repeat left top 2px/22px auto;
    max-width: calc(100% - 50px);
    transition: padding .4s ease, color .4s ease;
}

.proclwt-click i {
    width: 50px;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: url('../images/pages/proclwtB2.svg') no-repeat center/24px auto;
}

.proclwt-click:hover p {
    color: #6341ee;
}

.proclwt-click:hover i {
    background-image: url('../images/pages/proclwtB2H.svg');
    ;
}

.proclwt-cont {
    width: 100%;
    color: #6f6d7e;
    margin-top: 18px;
    display: none;
    padding-left: 44px;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    text-align: justify;
    text-justify: inter-word;
}

.proclwt-close {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 4;
    right: 0;
    top: 0;
    background: url('../images/pages/proclwtB1.svg') no-repeat center/16px auto;
    cursor: pointer;
    transition: all .4s ease;
}

.proclwt-close:hover {
    transform: rotate(90deg);
}

.proclwt-list li.active::after {
    opacity: 0;
}

.proclwt-list li.active {
    background: rgba(255, 255, 255, .35);
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    padding: 44px 44px 44px 0;
    border-radius: 5px;
    border: 2px solid #fff;
}

.proclwt-list li.active .proclwt-click {
    padding: 0;
    cursor: default;
}

.proclwt-list li.active .proclwt-click p {
    padding-left: 44px;
    background: transparent;
    color: #6341ee;
    font-weight: 700;
    max-width: 100%;
}

.proclwt-list li.active .proclwt-click i {
    display: none;
}

.proclwt-list li.active .proclwt-cont {
    display: block;
}

.proclwt-list li.active .proclwt-close {
    display: block;
}

.proclwt-code {
    width: 100%;
    text-align: center;
}

.proclwt-code .code {
    width: 108px;
    border-radius: 5px;
    padding: 6px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(85, 98, 151, .11);
}

.proclwt-code .code img {
    width: 100%;
    object-fit: cover;
}

.proclwt-code .text {
    color: #767487;
    margin-top: 12px;
}

/* -- */
.proclxz {
    background: linear-gradient(to bottom, #fff, #f8f8fa);
}

.proclxz-list {
    width: 100%;
}

.proclxz-ul {
    margin: -40px 0 0 -40px;
}

.proclxz-items {
    width: calc(33.3333% - 40px);
    margin: 40px 0 0 40px;
    border-radius: 3px;
    border: 2px solid #fff;
    padding: 32px 38px;
    flex-direction: row-reverse;
    justify-content: space-between;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    background: linear-gradient(135deg, #f5f4f9, #fff);
    transition: all .4s ease;
}

.proclxz-items:hover {
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .18);
}

.proclxz-img {
    height: 186px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 160px;
    padding-bottom: 16px;
}

.proclxz-img img {
    max-width: 100%;
    transition: all .4s ease;
    max-height: 100%;
}

.proclxz-info {
    width: calc(100% - 160px);
    padding-right: 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.proclxz-info .cont {
    width: 100%;
}

.proclxz-info .cont .name {
    line-height: 1.1;
    color: #333;
}

.proclxz-info .cont .text {
    line-height: 1.1;
    color: #848291;
    margin-top: 10px;
}

.proclxz-link {
    width: 100%;
    display: flex;
}

.proclxz-link a {
    font-size: 14px;
    color: #6341ee;
    padding-right: 12px;
    background: url('../images/common/arrRH.svg') no-repeat right -3px center/16px auto;
    position: relative;
}

.proclxz-link a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #6341ee;
    left: 0;
    bottom: 0;
    transition: all .4s ease;
}

.proclxz-link a:hover:after {
    width: 100%;
}

.proclxz-items:hover .proclxz-img img {
    transform: translateY(-4px);
}

/* FORM */
.popForm {
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .56);
}

.popForm-contain {
    width: 910px;
    background: linear-gradient(to bottom, #f5f4f9, #fff);
    border-radius: 10px;
    padding: 54px 54px 56px;
    position: relative;
}

.popForm-contain::after {
    content: "";
    position: absolute;
    width: 430px;
    height: 132px;
    background: url('../images/pages/proForm.png') no-repeat right top/100% auto;
    right: 20px;
    top: 0;
}

.popForm-close {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 4;
    right: 8px;
    top: 8px;
    background: url('../images/pages/proclwtB1.svg') no-repeat center/24px auto;
    cursor: pointer;
    transition: all .4s ease;
}

.popForm-close:hover {
    transform: rotate(90deg);
}

.popForm-title {
    width: 100%;
    position: relative;
    z-index: 3;
}

.popForm-title .name {
    color: #595662;
    font-weight: 700;
    line-height: 1.1;
}

.popForm-title .text {
    color: #848291;
    margin-top: 12px;
}

.popForm-form {
    width: 100%;
    position: relative;
    z-index: 3;
    margin-top: 32px;
}

.popForm-form-ul {
    width: 100%;
    justify-content: space-between;
    margin-top: -10px;
}

.popForm-form-li {
    width: calc(50% - 7px);
    margin-top: 10px;
    position: relative;
}

.popForm-form input {
    width: 100%;
    font-size: 15px;
    color: #9391a1;
    background: #fff;
    height: 44px;
    border-radius: 3px;
    border: 1px solid #e6e6f1;
    padding: 0 14px;
    box-shadow: 6px 6px 4px 0 rgba(106, 95, 151, .08) inset;
    transition: all .4s ease;
}

.popForm-form input::-webkit-input-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.popForm-form input:-moz-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.popForm-form input::-moz-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.popForm-form input:-ms-input-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.popForm-form input:focus {
    box-shadow: 0 0 0 0 rgba(106, 95, 151, .08) inset;
}

/* -- */
.popForm-form .customSelect {
    display: block;
    width: 100%;
    position: relative;
    user-select: none;
}

.popForm-form .customSelect-name {
    background: #fff;
    display: flex;
    align-items: center;
    height: 44px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #e6e6f1;
    padding: 0 15px;
    font-size: 15px;
    color: #9391a1;
    cursor: pointer;
    box-shadow: 6px 6px 4px 0 rgba(106, 95, 151, .08) inset;
    transition: box-shadow .4s ease;
    overflow: hidden;
}

.popForm-form .customSelect-name::after {
    content: "请选择";
    line-height: 1.1;
    padding-right: 20px;
    position: absolute;
    height: 16px;
    right: 14px;
    top: 50%;
    margin-top: -8px;
    font-size: 15px;
    color: #6d6b7b;
    background: url('../images/pages/proSelect.svg') no-repeat right center/14px auto;
}

.popForm-form .customSelect-drop {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 44px;
    max-height: 160px;
    border: 1px solid #e6e6f1;
    border-top: none;
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    background: #fff;
    cursor: pointer;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.popForm-form .customSelect-drop li {
    padding: 0 14px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 15px;
    color: #9391a1;
    transition: all .4s ease;
}

.popForm-form .customSelect-drop li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #f4f8fa;
}

.popForm-form .customSelect-drop li:last-child::after {
    display: none;
}

.popForm-form .customSelect-drop li:hover,
.popForm-form .customSelect-drop li.active {
    background: #f9f9f9;
    color: #6341ee;
}

.popForm-form .customSelect-drop::-webkit-scrollbar {
    width: 2px;
    height: 4px;
}

.popForm-form .customSelect-drop::-webkit-scrollbar-thumb {
    background: #6d6b7b;
}

.popForm-form .customSelect-drop::-webkit-scrollbar-track {
    background: #fff;
}

.popForm-form .customSelect-name.noRadius {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.popForm-form .customSelect:hover .customSelect-name {
    box-shadow: 0 0 0 0 rgba(106, 95, 151, .08) inset;
}

/* -- */
.popForm-form-li.code {
    width: 100%;
}

.popForm-form-li.code input {
    padding-right: calc(154px + 14px);
}

.popForm-form-li.code .sendCode1 {
    position: absolute;
    width: 154px;
    user-select: none;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    background: linear-gradient(135deg, #9c87f6, #6753f6);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.popForm-form-li.code .sendCode1.active {
    background: #c5c5c5;
    cursor: default;
}

.popForm-form-li.btn {
    width: 100%;
    margin-top: 22px;
}

.popForm-form-li.btn button {
    width: 320px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #6341ee;
    font-size: 15px;
    color: #fff;
    transition: all .4s ease;
    cursor: pointer;
    margin: 0 auto;
}

.popForm-form-li.btn button:hover {
    box-shadow: 0 0 10px 4px rgba(99, 65, 238, .3);
}

/* -- */
.popFormYes {
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .56);
}

.popFormYes-contain {
    width: 568px;
    margin: 154px auto 0;
    text-align: center;
    background: linear-gradient(to bottom, #f5f4f9, #fff);
    border-radius: 10px;
    padding: 60px 40px;
    position: relative;
}

.popFormYes-contain::after {
    content: "";
    position: absolute;
    width: 239px;
    height: 105px;
    background: url('../images/pages/formYes.png') no-repeat right top/100% auto;
    right: 0;
    top: 0;
}

.popFormYes-close {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 4;
    right: 8px;
    top: 8px;
    background: url('../images/pages/proclwtB1.svg') no-repeat center/24px auto;
    cursor: pointer;
    transition: all .4s ease;
}

.popFormYes-close:hover {
    transform: rotate(90deg);
}

.popFormYes-title {
    width: 100%;
    position: relative;
    z-index: 3;
}

.popFormYes-title .name {
    color: #595662;
    font-weight: 700;
    line-height: 1.1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popFormYes-title .name i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #6341ee url('../images/pages/planxqkjicW.svg') no-repeat center/24px auto;
    margin-right: 10px;
}

.popFormYes-title .text {
    color: #727080;
    margin-top: 14px;
}

.popFormYes-title .link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    height: 46px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    background: #6341ee;
    margin: 22px auto 0;
    transition: all .4s ease;
}

.popFormYes-title .link:hover {
    box-shadow: 0 0 10px 4px rgba(99, 65, 238, .3);
}

/* 产品 CloudOS */
.procl {
    width: 100%;
}

/* 产品 SolarMesh */
.proso {
    width: 100%;
}

.prosoyz {
    background: #fff;
}

.prosoyz-menu {
    width: 100%;
}

.prosoyz-menu .contain {
    justify-content: center;
}

.prosoyz-menu a {
    display: flex;
    margin-left: 60px;
    height: 40px;
    position: relative;
    padding: 0 10px;
    transition: all .4s ease;
    justify-content: center;
    color: #444;
}

.prosoyz-menu a:first-child {
    margin-left: 0;
}

.prosoyz-menu a:hover,
.prosoyz-menu a.active {
    color: #6341ee;
}

.prosoyz-menu a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #6341ee;
    transition: all .4s ease;
}

.prosoyz-menu a.active::after {
    width: 100%;
}

.prosoyz-loop {
    width: 100%;
    position: relative;
    background: linear-gradient(90deg, #242933, #444b5a);
}

.prosoyz-loop .contain {
    width: 1660px;
}

.prosoyz-loop .swiper-container {
    padding: 30px 0 85px 0
}


.prosoyz-more {
    width: 100%;
    justify-content: space-between;
}

.prosoyz-list {
    overflow: hidden;
    width: calc(100% - 1054px);
    height: 580px;
}

.prosoyz-items {
    position: relative;
    user-select: none;
    cursor: pointer;
    width: 100%;
    padding: 0px 48px 24px 30px;
}

.prosoyz-items-box {
    width: 100%;
    height: 168px;
    position: relative;
    display: flex;
    flex-direction: column;
    color: #fff;
    transition: all .4s ease;
    justify-content: center;
    padding: 0 52px;
}

.prosoyz-items .name {
    line-height: 1.1;
    position: relative;
    z-index: 2;
}

.prosoyz-items .text {
    opacity: .26;
    margin-top: 16px;
    position: relative;
    z-index: 2;
    transition: all .4s ease;
}

.prosoyz-items-box::after {
    content: "";
    opacity: 0;
    transition: all .4s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #353c46, #515969);
    border: 1px solid #525c6e;
}

.prosoyz-items:hover .text {
    opacity: 1;
}

.prosoyz-items.active .prosoyz-items-box::after {
    opacity: 1;
}

.prosoyz-items.active .prosoyz-items-box {
    box-shadow: 14px 14px 14px 0 rgba(0, 0, 0, .16);
    cursor: default;
}

.prosoyz-items.active .text {
    opacity: .26;
}

/* -- */
.prosoyz-list .mCustomScrollBox>.mCSB_scrollTools {
    opacity: 1;
    width: 12px;
}

.prosoyz-list .mCSB_scrollTools .mCSB_draggerRail {
    background: #3a3f4a;
    width: 1px;
}

.prosoyz-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #6341ee;
    width: 4px;
}

.prosoyz-list .mCSB_container {
    margin-right: 0;
}

.prosoyz-list .prosoyz-btn {
    position: fixed;
    bottom: -70px;
    display: flex;
    justify-content: center;
    width: 35%;
}

.prosoyz-list .btn {
    width: 156px;
    height: 45px;
    border-radius: 5px;
    font-size: 16px;
    transition: all .4s ease;
}


.prosoyz-list .btn:hover {
    background: #6341ee;
    color: #fff;
}

/* -- */
.prosoyz-video {
    width: 1009px;
    background: #e8edf3;
    height: 580px;
    user-select: none;
    position: relative;
    border-radius: 15px;
    border: 14px solid #4c515c;
    box-shadow: 10px 10px 16px 0 rgba(0, 0, 0, .2);
    transition: box-shadow .4s ease;
    overflow: hidden;
}

.prosoyz-video-li {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
}

.prosoyz-video-li.active {
    display: flex;
}

.prosoyz-video video,
.prosoyz-video img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
}

.prosoyz-video video {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    z-index: 2;
    background: #000;
}

.prosoyz-video-btn {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    cursor: pointer;
    width: 54px;
    height: 54px;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    border-radius: 50%;
    background: #6341ee;
    transition: all .4s ease;
}

.prosoyz-video-btn i {
    width: 14px;
    height: 18px;
    background: url('../images/pages/prosoyzplay.png') no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -5px;
    z-index: 4;
}

.prosoyz-video-btn::before {
    content: "";
    position: absolute;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin: -33px 0 0 -33px;
    border: 1px dashed #6341ee;
    transform: scale(0);
    transition: all .4s ease;
}

.prosoyz-video:hover {
    box-shadow: 10px 10px 16px 0 rgba(0, 0, 0, .3);
}

.prosoyz-video-btn:hover::before {
    transform: scale(1);
    animation: prosoyzRun 10s linear infinite .6s;
}

@keyframes prosoyzRun {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.prosoyz-video img.show,
.prosoyz-video video.show,
.prosoyz-video .prosoyz-video-btn.show {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
}

.prosoyz-video img.hide,
.prosoyz-video video.hide,
.prosoyz-video .prosoyz-video-btn.hide {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
}

/* -- */
.prosodb {
    background: #f4f4f9;
}

.prosodb-img {
    width: 100%;
}

.prosodb-img img {
    max-width: 100%;
}

/* 产品 TITANIDE */
.proti {
    width: 100%;
}

/* 人群定向 */
.crowd {
    width: 100%;
    position: relative;
}

.crowdgl {
    background: linear-gradient(to bottom, #fff, #f0f1f8);
}

.crowdgl::after {
    content: "";
    position: absolute;
    width: 976px;
    height: 211px;
    margin-left: -270px;
    left: 50%;
    bottom: 0;
    background: url('../images/pages/crowdglBg.png') no-repeat center bottom/100% auto;
}

.crowdgl .contain {
    position: relative;
    z-index: 4;
    justify-content: space-between;
}

.crowdgl-title {
    width: 186px;
}

.crowdgl-title .name {
    width: 100%;
    color: #222;
}

.crowdgl-title .line {
    display: block;
    width: 30px;
    height: 3px;
    background: #6341ee;
    margin-top: 20px;
}

.crowdgl-info {
    width: calc(100% - 186px);
    padding-left: 230px;
}

.crowdgl-info .text {
    width: 100%;
    color: #676571;
}

.crowdgl-link {
    width: 100%;
}

.crowdgl-link a {
    display: flex;
    align-items: center;
    width: 280px;
}

.crowdgl-link a .icon {
    width: 81px;
}

.crowdgl-link a .icon img {
    max-width: 100%;
}

.crowdgl-link a .text {
    margin-left: 13px;
    width: calc(100% - 94px);
}

.crowdgl-link a .text p,
.crowdgl-link a .text span {
    display: block;
    line-height: 1.1;
    transition: all .4s ease;
}

.crowdgl-link a .text p {
    color: #333;
    margin-left: 8px;
}

.crowdgl-link a .text span {
    color: #848291;
    margin-top: 8px;
}

.crowdgl-link a:hover .text * {
    color: #6341ee;
}

.crowdsz {
    background: #fff;
}

.crowdsz-items {
    width: 100%;
    margin-top: 94px;
}

.crowdsz-items:first-child {
    margin-top: 0;
}

.crowdsz-items:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.crowdsz-img {
    width: 580px;
    height: 356px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 5px;
    border: 10px solid #fff;
    box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, .09);
    /*background: linear-gradient(225deg,#f9f7fd,#e8e3f7);*/
    transition: all .4s ease;
}

.crowdsz-img img {
    max-width: 88%;
    max-height: 88%;
    object-fit: cover;
}

.crowdsz-img:hover {
    box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, .14);
}

.crowdsz-img::after {
    content: "";
    position: absolute;
    width: 135px;
    bottom: -10px;
    right: -30px;
    height: 132px;
    background: url('../images/pages/crowdszIc.png') no-repeat right bottom/100% auto;
}

.crowdsz-mix {
    width: calc(100% - 580px);
    padding-right: 70px;
}

.crowdsz-head {
    width: 100%;
}

.crowdsz-head .title {
    line-height: 1.1;
    color: #333333;
}

.crowdsz-head .name {
    line-height: 1.1;
    color: #6341ee;
    margin-top: 24px;
}

.crowdsz-head .text {
    color: #8a8895;
    margin-top: 6px;
}

.crowdsz-cont {
    width: 100%;
    margin-top: 20px;
}

.crowdsz-cont .hint {
    border-radius: 3px;
    color: #fff;
    background: #6341ee;
    padding: 4px 8px;
    display: inline-block;
    line-height: 1;
}

.crowdsz-cont .text {
    color: #8a8895;
    margin-top: 6px;
}

.crowdsz-tags {
    width: 100%;
    margin-top: 16px;
    position: relative;
    padding-left: 92px;
}

.crowdsz-tags span,
.crowdsz-tags a {
    display: flex;
    align-items: center;
    height: 26px;
    border-radius: 3px;
    justify-content: center;
    line-height: 1;
}

.crowdsz-tags span {
    width: 84px;
    background: #f0edf9;
    color: #6a55c4;
    position: absolute;
    left: 0;
    top: 4px;
}

.crowdsz-tags a {
    border: 1px solid #e6e6e6;
    color: #6f6e78;
    transition: all .4s ease;
    margin: 4px 8px 0 0;
    padding: 0 12px;
}

.crowdsz-tags a:hover {
    border: 1px solid #6341ee;
    color: #6341ee;
}

.crowdsz-link {
    width: 100%;
    margin-top: 32px;
}

.crowdsz-link a {
    width: 156px;
    height: 46px;
}

.crowdsz-items:nth-child(2n) .crowdsz-mix {
    padding-right: 0;
    padding-left: 70px;
}

.crowdst {
    background: linear-gradient(to bottom, #ecebf3, #f4f4f9);
    box-shadow: 0 10px 16px 0 rgba(99, 65, 238, .04) inset;
}

.crowdst::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 558px;
    margin-top: -279px;
    left: 0;
    top: 50%;
    background: url('../images/pages/crowdstBg.png') no-repeat left center/auto 100%;
}

.crowdst .contain {
    position: relative;
    z-index: 4;
}

.crowdst-mix {
    width: 100%;
    align-items: center;
}

.crowdst-info {
    width: calc(100% - 720px);
    padding-right: 230px;
}

.crowdst-info-text {
    width: 100%;
    color: #676571;
}

.crowdst-info-hint {
    max-width: 520px;
}

.crowdst-info-hint li {
    width: 50%;
    margin-top: 20px;
    padding-right: 20px;
    align-items: center;
}

.crowdst-info-hint li .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
}

.crowdst-info-hint li .icon img {
    max-width: 100%;
    max-height: 100%;
}

.crowdst-info-hint li .text {
    width: calc(100% - 26px);
    padding-left: 8px;
    color: #676571;
}

.crowdst-list {
    width: 720px;
}

.crowdst-list-ul {
    margin: -26px 0 0 -26px;
}

.crowdst-list-items {
    width: calc(20% - 26px);
    margin: 26px 0 0 26px;
    box-shadow: 10px 10px 9px 0 rgba(85, 98, 151, .07);
    transition: all .4s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 2px solid #FFF;
    background: linear-gradient(to bottom, #f5f4f9, #fff);
    height: 130px;
}

.crowdst-list-items .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}

.crowdst-list-items .icon img {
    max-width: 100%;
    max-height: 100%;
    transition: all .4s ease;
}

.crowdst-list-items .text {
    color: #555;
    line-height: 1.1;
    margin-top: 14px;
    transition: all .4s ease;
}

.crowdst-list-items:hover {
    box-shadow: 10px 10px 9px 0 rgba(85, 98, 151, .14);
}

.crowdst-list-items:hover .icon img {
    transform: translateY(-4px);
}

.crowdst-list-items:hover .text {
    color: #6341ee;
}

/* 解决方案 */
.planjj {
    background: linear-gradient(to bottom, #fff, #f0f1f8);
}

.planjj::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 410px;
    background: url('../images/pages/planjjBg.png') no-repeat left bottom/100% auto;
}

.planjj .contain {
    position: relative;
    z-index: 4;
}

.planjj-menu {
    width: 100%;
    justify-content: center;
}

.planjj-menu a {
    display: flex;
    height: 40px;
    position: relative;
    padding: 0 20px;
    transition: all .4s ease;
    color: #444;
    margin-left: 28px;
}

.planjj-menu a:first-child {
    margin-left: 0;
}

.planjj-menu a:hover,
.planjj-menu a.active {
    color: #6341ee;
}

.planjj-menu a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #6341ee;
    transition: all .4s ease;
}

.planjj-menu a.active::after {
    width: 100%;
}

.planjj-mix {
    width: 100%;
    border-radius: 3px;
    background: #fff;
}

.planjj-items {
    width: 100%;
    display: none;
}

.planjj-items.active {
    display: flex;
}

.planjj-items-menu {
    min-height: 560px;
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #f7f8fd, #fff);
    width: 254px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 14px 14px 29px 0 rgba(85, 98, 151, .08);
}

.planjj-items-menu a {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    height: 60px;
    padding: 0 30px;
}

.planjj-items-menu a span {
    position: relative;
    z-index: 4;
    color: #72707a;
    transition: all .4s ease;
}

.planjj-items-menu a:hover span,
.planjj-items-menu a.active span {
    color: #6341ee;
}

.planjj-items-menu a:before,
.planjj-items-menu a::after {
    content: "";
    position: absolute;
    transition: all .4s ease;
}

.planjj-items-menu a:before {
    top: 0;
    left: -2px;
    background: #f3f3fa;
    box-shadow: 0 0 16px 0 #e6e6ef inset;
    width: 0;
    height: 100%;
}

.planjj-items-menu a::after {
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -2px;
    width: 3px;
    height: 0;
    background: #6341ee;
}

.planjj-items-menu a.active::before {
    width: calc(100% + 4px)
}

.planjj-items-menu a.active::after {
    height: 20px;
}

.planjj-items-list {
    width: calc(100% - 254px);
    box-shadow: 0 0 29px 0 rgba(85, 98, 151, .08);
    padding: 60px 3px;
}

.planjj-items-ul {
    width: 100%;
    padding: 0 60px;
    display: none;
    height: 428px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.planjj-items-ul::-webkit-scrollbar {
    width: 3px;
}

.planjj-items-ul::-webkit-scrollbar-thumb {
    background: #eee;
}

.planjj-items-ul::-webkit-scrollbar-track {
    background: #fff;
}

.planjj-items-ul {
    scrollbar-color: #eee #fff;
    scrollbar-width: thin;
}

.planjj-items-ul {
    scrollbar-face-color: #eee;
    scrollbar-shadow-color: #eee;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #fff;
}

.planjj-items-ul.active {
    display: block;
}

.planjj-items-ul li {
    width: 100%;
    margin-top: 60px;
}

.planjj-items-ul li:first-child {
    margin-top: 0;
}

.planjj-items-ul li .icon {
    width: 24px;
    height: 28px;
    display: flex;
    align-items: center;
}

.planjj-items-ul li .icon img {
    max-width: 100%;
    max-height: 100%;
}

.planjj-items-ul li .cont {
    width: calc(100% - 24px);
    padding-left: 12px;
}

.planjj-items-ul li .cont .name {
    color: #6341ee;
}

.planjj-items-ul li .cont .text {
    color: #8a8895;
    margin-top: 10px;
}

.planal {
    background: #fff;
}

.planal-loop {
    width: 100%;
}

.planal-loop .contain {
    width: 1620px;
}

.planal-loop .swiper-container {
    padding: 32px 0 40px;
}

.planal-list {
    width: 100%;
}

.planal-list a {
    width: 16.6666%;
    padding: 10px;
}

.planal-list a .image {
    padding: 16px;
    box-shadow: 3px 8px 10px 0 rgba(85, 98, 151, .14);
    transition: all .4s ease;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 124px;
    border-radius: 5px;
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #f8f8f9, #fff);
}

.planal-list a .image img {
    max-width: 100%;
    max-height: 100%;
    transition: all .4s ease;
}

.planal-list a:hover .image {
    box-shadow: 3px 8px 10px 0 rgba(85, 98, 151, .18);
}

.planal-list a:hover .image img {
    transform: translateY(-4px);
}

.planal-loop .swiper-pagination {
    bottom: 0;
}

.planal-loop .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: #dfdfdf;
    opacity: 1;
    margin: 0 0 0 20px !important;
}

.planal-loop .swiper-pagination-bullet-active {
    background: #6341ee;
}

.planal-loop .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}

.planfx {
    background: linear-gradient(to bottom, #fff, #f8f8fa);
}

.planfx-list {
    width: 100%;
}

.planfx-ul {
    margin: -36px 0 0 -36px;
}

.planfx-items {
    width: calc(33.3333% - 36px);
    margin: 36px 0 0 36px;
    align-items: center;
    flex-direction: row-reverse;
    border-radius: 3px;
    border: 4px solid #fff;
    padding: 28px 40px 28px 30px;
    background: linear-gradient(135deg, #f5f4f9, #fff);
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    transition: all .4s ease;
}

.planfx-items-img {
    max-width: 170px;
    height: 150px;
    display: flex;
    align-items: center;
}

.planfx-items-img img {
    max-width: 100%;
    max-height: 100%;
}

.planfx-items-info {
    width: auto;
    padding-right: 34px;
    flex: 1;
}

.planfx-items-info .name {
    width: 100%;
    align-items: center;
    display: flex;
}

.planfx-items-info .name p {
    max-width: 200px;
    color: #333;
    transition: all .4s ease;
    line-height: 1.1;
}

.planfx-items-info .name i {
    width: 20px;
    height: 20px;
    border: 1px solid #6341ee;
    border-radius: 50%;
    margin-left: 10px;
    background: url('../images/common/arrRH.svg') no-repeat center/14px auto;
    opacity: 0;
    transition: all .4s ease;
}

.planfx-items-info .text {
    color: #848291;
    margin-top: 14px;
}

.planfx-items:hover .planfx-items-info .name p {
    color: #6341ee;
}

.planfx-items:hover .planfx-items-info .name i {
    opacity: 1;
}

.planfx-items:hover {
    transform: translateY(-2px);
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .23), 0 0 35px 0 rgba(35, 49, 174, .2) inset;
}

.planfx-link {
    width: 100%;
}

.planfx-link a {
    margin: 0 auto;
    width: 158px;
    height: 46px;
    border-radius: 5px;
}

/* 解决方案-详情 */

/* 白皮书 */

.planxqzl {
    background: #fff;
}

.planxqzl .contain {
    position: relative;
    z-index: 4;
}

.planxqzl .planxqzl-main {
    width: 100%;
    clear: both;
    zoom: 1;
    height: 480px;
}



.planxqzl-left {
    width: 50%;
    padding-right: 13px;
    float: left;
}

.planxqzl-left .content {
    width: 100%;
    padding: 40px 32px 35px 0;
    clear: both;
    position: relative;
}

.planxqzl-left .content .left-img {
    float: left;
    width: 273px;
    position: relative;
    left: -34px;
}

.planxqzl-left .content .left-img img {
    /* position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%; */
}

.planxqzl-left .content .right-info {
    float: right;
    width: calc(100% - 273px);
}

.right-info .title h4,
.bottom-info .title h4 {
    font-weight: bold;
    color: #222222;
}

.right-info .desc span {
    -webkit-line-clamp: 7;
}

.right-info .desc,
.bottom-info .desc {
    color: #848291;
}


.planxqzl-left .content,
.planxqzl-right .item .content {
    border: 1px solid #F3F3F4;
    box-shadow: 0px 0px 11px 0px rgba(85, 98, 151, 0.0800);
    border-radius: 3px;
    height: 400px;
}

.planxqzl-right {
    width: 50%;
    float: right;
}

.planxqzl-right .clearfix {
    zoom: 1;
}

.planxqzl-right .item {
    width: 50%;
    padding: 0 13px;
    float: left;
}

.planxqzl-right .item .content {
    position: relative;

}

.planxqzl-right .item .content .top-img {
    text-align: center;
    background: linear-gradient(0deg, #ECEDEA, #F8F8F6, #F6F6F6);
    padding: 15px 0;

}

.planxqzl-right .item .content .bottom-info {
    padding: 0 24px;
}

.bottom-info .title {
    padding: 25px 0 20px;
}

.right-info .btn a img,
.bottom-info .btn a img {
    width: 17px;
    height: 18px;
    margin-right: 10px;
}

.planxqzl .btn {
    font-size: 15px;
    font-weight: bold;
    color: #6341EE;
    line-height: 28px;
    text-align: center;
}

.right-info .btn a,
.bottom-info .btn a {
    position: absolute;
    bottom: 40px;
    width: 156px;
    height: 45px;
    font-weight: 400;
}



/* 白皮书 */




.planxqgs {
    background: linear-gradient(to bottom, #fff, #f0f1f8);
}

.planxqgs::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 410px;
    background: url('../images/pages/planjjBg.png') no-repeat left bottom/100% auto;
}

.planxqgs .contain {
    position: relative;
    z-index: 4;
}

.planxqgs-mix {
    width: 100%;
    align-items: flex-start;
}

.planxqgs .btn {
    display: flex;
    justify-content: center;
}

.planxqgs .btn a {
    width: 156px;
    height: 45px;
    border-radius: 5px;
}

.planxqgs-hint {
    width: 150px;
}

.planxqgs-hint-items {
    width: 134px;
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.planxqgs-hint-items img {
    width: 100%;
    object-fit: cover;
}

.planxqgs-hint-items .text {
    position: absolute;
    width: 118px;
    text-align: center;
    top: 24px;
    font-weight: 700;
    z-index: 2;
}

.planxqgs-hint-items:first-child {
    margin-top: 0;
    color: #81799e;
}

.planxqgs-list {
    width: calc(100% - 150px);
}

.planxqgs-items {
    width: 25%;
    padding: 38px 28px 26px;
    transition: all .4s ease;
    position: relative;
    border-radius: 3px;
}

.planxqgs-items-head,
.planxqgs-items-info {
    width: 100%;
    position: relative;
    z-index: 2;
}

.planxqgs-items-head .name,
.planxqgs-items-info .name {
    color: #333;
}

.planxqgs-items-head .text,
.planxqgs-items-info .text {
    color: #838288;
    margin-top: 10px;
}

.planxqgs-items-info .hint {
    border-radius: 10px;
    color: #fff;
    background: #6341ee;
    display: inline-block;
    padding: 3px 10px;
    line-height: 1.1;
}

.planxqgs-items-head .text span,
.planxqgs-items-info .text span {
    color: #6341ee;
}

.planxqgs-items-info .name {
    margin-top: 8px;
}

.planxqgs-items-head {
    min-height: 214px;
    padding-bottom: 24px;
}

.planxqgs-items-info {
    min-height: 148px;
}

.planxqgs-items::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
    background: linear-gradient(to bottom, #f5f5fa, #fff);
    opacity: 0;
    transition: all .4s ease;
}

.planxqgs-items:hover {
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
}

.planxqgs-items:hover::after {
    opacity: 1;
}

.planxqkj {
    background: #fff;
}

.planxqkj-mix {
    width: 100%;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 27px 0 rgba(106, 112, 135, .15);
}

.planxqkj-img {
    width: calc(100% - 524px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 50px;
}

.planxqkj-img img {
    max-width: 100%;
    max-height: 100%;
}

.planxqkj-panel {
    width: 524px;
    background: #f6f6f9;
    padding: 40px 50px;
}

.planxqkj-panel-items {
    width: 100%;
    padding: 24px 0;
    border-bottom: 1px solid #e4e4ea;
}

.planxqkj-panel-items:first-child {
    padding-top: 0;
}

.planxqkj-panel-items:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.planxqkj-panel-items .title {
    line-height: 1.1;
    color: #333;
    margin-bottom: 16px;
}

.planxqkj-panel-info {
    width: 100%;
}

.planxqkj-panel-info .text {
    color: #75737f;
}

.planxqkj-panel-info a {
    width: 156px;
    height: 46px;
    border-radius: 5px;
    margin-top: 12px;
}

.planxqkj-panel-we {
    width: 100%;
    color: #89888e;
}

.planxqkj-panel-we p {
    font-size: 15px;
    line-height: 24px;
    margin-top: 6px;
    position: relative;
    padding-left: 20px;
    background: url('../images/pages/planxqkjic.svg') no-repeat left top 6px/14px auto;
}

.planxqkj-panel-tags {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
}

.planxqkj-panel-tags a {
    display: flex;
    align-items: center;
    padding: 7px 16px;
    background: #fff;
    line-height: 1.1;
    border-radius: 3px;
    border: 1px solid #ddd8ef;
    font-family: Arial;
    color: #7464b3;
    margin: 6px 6px 0 0;
    transition: all .4s ease;
}

.planxqkj-panel-tags a:hover {
    background: #6341ee;
    border: 1px solid #6341ee;
    color: #fff;
}

.planxqcj {
    background: linear-gradient(to bottom, #f0f1f8, #fafbfc);
}

.planxqcj::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 410px;
    background: url('../images/pages/planjjBg.png') no-repeat left bottom/100% auto;
}

.planxqcj .contain {
    position: relative;
    z-index: 4;
}

.planxqcj .planjj-items {
    display: flex;
}

.planxqcj .planjj-items-menu {
    min-height: 428px;
}

.planxqcj .planjj-items-list {
    padding: 70px;
}

.planxqcj .planjj-items-ul {
    padding: 0;
    height: auto;
    overflow: hidden;
    border-radius: 0px;
    flex-direction: row-reverse;
}

.planxqcj .planjj-items-ul.active {
    display: flex;
}

.planxqcj-info {
    width: calc(100% - 455px);
    padding-right: 54px;
}

.planxqcj-info-head {
    width: 100%;
}

.planxqcj-info-head .name {
    color: #333;
}

.planxqcj-info-head .text {
    color: #75737f;
    margin-top: 16px;
}

.planxqcj-info-desc {
    width: 100%;
    margin-top: 20px;
}

.planxqcj-info-desc p {
    position: relative;
    font-size: 15px;
    color: #75737f;
    line-height: 24px;
    padding-left: 16px;
    margin-top: 10px;
}

.planxqcj-info-desc p::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e9e9e9;
    left: 0;
    top: 9px;
}

.planxqcj-info-link {
    width: 100%;
    margin-top: 52px;
}

.planxqcj-info-link a {
    width: 156px;
    height: 46px;
    border-radius: 5px;
}

.planxqcj-img {
    width: 455px;
}

.planxqcj-img img {
    width: 100%;
    object-fit: cover;
}

.planxqkh {
    background: #fff url('../images/pages/planxqkhBg.jpg') no-repeat left bottom/100% auto;
}

.planxqkh .proclal-loop {
    width: 100%;
    padding: 0 70px;
    max-width: none;
}

.planxqkh .proclal-loop .swiper-wrapper {
    padding-bottom: 12px;
}

.planxqkh-box {
    width: 100%;
    padding: 12px 20px;
    align-items: center;
}

.planxqkh-img {
    width: 478px;
    height: 224px;
    border-radius: 5px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: linear-gradient(to bottom, #f8f8f9, #fff);
    box-shadow: 5px 5px 8px 2px rgba(85, 98, 151, .14);
    transition: all .4s ease;
}

.planxqkh-img img {
    max-width: 100%;
    max-height: 100%;
}

.planxqkh-box:hover .planxqkh-img {
    box-shadow: 5px 5px 8px 2px rgba(85, 98, 151, .2);
}

.planxqkh-info {
    width: calc(100% - 478px);
    padding-left: 54px;
}

.planxqkh-info .name {
    color: #333;
}

.planxqkh-info .text {
    color: #676571;
}

/* 试用 */
.tryIframe {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.tryIframe iframe {
    width: 100%;
    height: calc(100vh - 72px);
}

body.isIframe {
    overflow: hidden;
}

@media all and (max-width:1000px) {
    .tryIframe iframe {
        height: calc(100vh - 60px);
    }
}

/* 案例 */
.case {
    width: 100%;
    position: relative;
}

.casehy {
    background: #fff;
}

.casehy .contain {
    width: 1640px;
}

.casehy .planjj-items {
    display: flex;
    padding-left: 20px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.casehy .planjj-items-menu {
    min-height: 460px;
    box-shadow: 4px 4px 18px 0 rgba(85, 98, 151, .13);
}

.casehy .planjj-items-list {
    padding: 0;
    box-shadow: none;
}

.casehy .planjj-items-ul {
    padding: 0;
    display: block;
    overflow: hidden;
    border-radius: 0px;
    visibility: hidden;
    height: 0;
    pointer-events: none;
    padding-left: 30px;
}

.casehy .planjj-items-ul.active {
    visibility: visible;
    height: auto;
    pointer-events: auto;
}

/* -- */
.swiperBtn {
    position: absolute;
    padding-top: 2px;
    padding-right: 2px;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    top: 50%;
    margin-top: -33px;
    overflow: hidden;
    transition: all .4s ease;
    box-shadow: 0 10px 16px 2px rgba(85, 98, 151, .14);
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiperBtn::before,
.swiperBtn::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #f4f6f9, #fff);
    transition: all .4s ease;
}

.swiperBtn.next::before {
    background: linear-gradient(to top, #f4f6f9, #fff);
}

.swiperBtn.prev::after {
    background: linear-gradient(to bottom, #d1c9ff, #fff);
    opacity: 0;
}

.swiperBtn.next::after {
    background: linear-gradient(to top, #d1c9ff, #fff);
    opacity: 0;
}

.swiperBtn i {
    position: relative;
    z-index: 4;
    width: 16px;
    height: 16px;
    background: url('../images/pages/proclalBtn.svg') no-repeat center/100% auto;
    transition: all .4s ease;
}

.swiperBtn.prev {
    left: 0;
}

.swiperBtn.next {
    right: 0;
    transform: rotate(182deg);
    box-shadow: 0 -10px 16px 2px rgba(85, 98, 151, .14);
    padding-top: 0;
    padding-bottom: 2px;
}

.swiperBtn.prev:hover {
    box-shadow: 0 10px 16px 2px rgba(99, 65, 238, .3);
}

.swiperBtn.next:hover {
    box-shadow: 0 -10px 16px 2px rgba(99, 65, 238, .3);
}

.swiperBtn:hover::before {
    opacity: 0;
}

.swiperBtn:hover::after {
    opacity: 1;
}

.swiperBtn:hover i {
    background-image: url('../images/pages/proclalBtnH.svg');
}

/* -- */
.casehy-head {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 20px;
}

.casehy-head-title {
    color: #222;
    line-height: 1.1;
}

.casehy-head-btn {
    width: 100px;
    justify-content: space-between;
    align-items: center;
}

.casehy-head-btn .swiperBtn {
    position: relative;
    top: 0;
    margin-top: 0;
}

.casehy-loop {
    width: 100%;
}

.casehy-loop .swiper-container {
    padding: 30px 20px;
}

.casehy-box {
    width: 100%;
    height: 388px;
    border-radius: 3px;
    box-shadow: 0 2px 8px 6px rgba(85, 98, 151, .06);
    transition: all .4s ease;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 44px;
}

.casehy-box-head {
    width: 100%;
}

.casehy-box-head .logo {
    width: 100%;
    height: 52px;
    text-align: center;
}

.casehy-box-head .logo img {
    max-width: 100%;
    max-height: 100%;
}

.casehy-box-head .text {
    width: 100%;
    margin-top: 12px;
    color: #96959a;
}

.casehy-box-link {
    width: 100%;
    text-align: right;
    font-size: 0;
}

.casehy-box-link a {
    display: inline-block;
    font-size: 14px;
    color: #5e5a73;
    padding-right: 14px;
    background: url('../images/pages/proclbanArr.svg') no-repeat right -2px center/16px auto;
    transition: all .4s ease;
}

.casehy-box-link a:hover {
    color: #6341ee;
    background-image: url('../images/pages/proclbanArrH.svg');
}

.casehy-box:hover {
    box-shadow: 0 2px 8px 6px rgba(87, 85, 151, .14);
}

.casekh {
    background: linear-gradient(to bottom, #ecebf3, #f4f4f9);
    box-shadow: 0 10px 16px 0 rgba(99, 65, 238, .04) inset;
}

.casekh::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 558px;
    margin-top: -279px;
    left: 0;
    top: 50%;
    background: url('../images/pages/casekhBg.png') no-repeat left center/auto 100%;
}

.casekh .contain {
    position: relative;
    z-index: 4;
}

.casekh-loop {
    width: 100%;
    position: relative;
    padding: 0 52px;
}

.casekh-loop .swiper-container {
    padding: 40px 20px 48px;
}

.casekh-box {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 8px 2px rgba(85, 98, 151, .14);
    border: 12px solid #fff;
    transition: all .4s ease;
    cursor: pointer;
}

.casekh-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.casekh-img img {
    width: 100%;
    object-fit: cover;
    transition: all .6s ease;
}

.casekh-img i {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    margin: -18px 0 0 -18px;
}

.casekh-img i::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    top: 0;
    background: #fff;
    transition: all .4s ease;
}

.casekh-img i::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 16px;
    background: url('../images/pages/casekhPlay.png') no-repeat center;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -4px;
}

.casekh-info {
    width: 100%;
    padding: 28px 18px 18px;
}

.casekh-info .text {
    color: #848291;
}

.casekh-info .name {
    color: #555;
    margin-top: 20px;
}

.casekh-box:hover {
    box-shadow: 5px 5px 8px 2px rgba(85, 98, 151, .2);
}

.casekh-box:hover .casekh-img img {
    transform: scale(1.04);
}

.casekh-box:hover .casekh-img i::before {
    transform: scale(1.28);
}

.casekh-loop .swiper-pagination {
    bottom: 0;
}

.casekh-loop .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: #dfdfdf;
    opacity: 1;
    margin: 0 0 0 20px !important;
}

.casekh-loop .swiper-pagination-bullet-active {
    background: #6341ee;
}

.casekh-loop .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}

/* 案例-详情 */
.casexq {
    width: 100%;
    position: relative;
}

.casexq .planal {
    background: linear-gradient(to bottom, #fff, #f7f8fa);
}

.casexqjs {
    background: linear-gradient(to bottom, #fff, #f8f8fa);
}

.casexqjs-head {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.casexqjs-head-we {
    width: auto;
}

.casexqjs-head-we .items {
    text-align: center;
    position: relative;
    line-height: 1.1;
    padding: 0 40px;
    border-left: 1px solid #e6e6e6;
}

.casexqjs-head-we .items .name {
    font-weight: 700;
    color: #6341ee;
}

.casexqjs-head-we .items .text {
    color: #8e8c99;
    margin-top: 8px;
}

.casexqjs-head-we .items:first-child {
    padding-left: 0;
    border-left: none;
}

.casexqjs-head-we .items:last-child {
    padding-right: 0;
}

.casexqjs-head-pro {
    width: auto;
    align-items: center;
    flex-direction: row-reverse;
}

.casexqjs-head-pro .hint {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 3px;
    border: 1px solid #d9d2ed;
    font-size: 14px;
    color: #6a55c4;
    background: #f0edf9;
}

.casexqjs-head-pro .hint span {
    padding-left: 14px;
    background: url('../images/common/arrLH.svg') no-repeat left -2px center/14px auto;
    line-height: 1;
}

.casexqjs-head-pro .link {
    width: auto;
}

.casexqjs-head-pro .link a {
    display: flex;
    font-size: 15px;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    background: #fff;
    line-height: 1.1;
    border-radius: 3px;
    border: 1px solid #d9d2ed;
    font-family: Arial;
    color: #7464b3;
    margin-right: 8px;
    transition: all .4s ease;
}

.casexqjs-head-pro .link a:hover {
    background: #6341ee;
    border: 1px solid #6341ee;
    color: #fff;
}

.casexqjs-info {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(85, 98, 151, .11);
    padding: 80px 42px;
    border-radius: 3px;
}

.casexqjs-info-title {
    width: 100%;
    align-items: center;
    justify-content: center;
}

.casexqjs-info-title img {
    max-height: 50px;
}

.casexqjs-info-title .title {
    color: #222;
    margin-left: 30px;
}

.casexqjs-info-cont {
    width: 100%;
    text-align: center;
}

.casexqjs-info-cont * {
    line-height: inherit;
    color: #848291;
    text-align: left;
}

.casexqjs-info-cont img,
.casexqjs-info-cont video {
    max-width: 100%;
    height: auto !important;
    margin: 12px 0;
}

.casexqjs-info-cont h6 {
    color: #6341ee;
}

.casexqjs-info-cont a {
    text-decoration: underline;
    color: #6341ee;
}

.casexqjs-info-cont .btn {
    display: flex;
    justify-content: center;
}

.casexqjs-info-cont .btn a {
    color: white;
    text-decoration: none;
    width: 156px;
    height: 45px;
}

/* 法律声明 */
.law {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.law-cont {
    width: 100%;
    color: #777;
}

.law-cont * {
    line-height: inherit;
}

.law-cont h6,
.law-cont h5,
.law-cont h4 {
    font-size: 21px;
    font-weight: 700;
}

.law-cont img,
.law-cont video {
    max-width: 100%;
    object-fit: cover;
    height: auto !important;
}

/* 关于-行业动态 */
.proclban.proclban-loop {
    width: 100%;
}

.proclban.proclban-loop .proclban-cont .title {
    animation: none;
}

.proclban.proclban-loop .proclban-cont .text {
    animation: none;
}

.proclban.proclban-loop .proclban-cont .btn {
    animation: none;
}

.proclban.proclban-loop .swiper-slide-active .proclban-cont .title {
    animation: proclbanRight 1s ease both 1s;
}

.proclban.proclban-loop .swiper-slide-active .proclban-cont .text {
    animation: proclbanRight 1s ease both 1.1s;
}

.proclban.proclban-loop .swiper-slide-active .proclban-cont .btn {
    animation: proclbanRight 1s ease both 1.2s;
}

.proclban.proclban-loop .oneSlide .proclban-cont .title {
    animation: proclbanRight 1s ease both .4s;
}

.proclban.proclban-loop .oneSlide .proclban-cont .text {
    animation: proclbanRight 1s ease both .5s;
}

.proclban.proclban-loop .oneSlide .proclban-cont .btn {
    animation: proclbanRight 1s ease both .6s;
}

.proclban.proclban-loop .swiper-pagination {
    width: 100%;
    bottom: 30px;
    text-align: left;
}

.proclban.proclban-loop .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    border-radius: 0;
    background: #d9dce3;
    opacity: 1;
    margin-left: 14px;
}

.proclban.proclban-loop .swiper-pagination-bullet:first-child {
    margin-left: 0;
}

.proclban.proclban-loop .swiper-pagination-bullet-active {
    background: #6341ee;
}

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

.news-menu {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.news-menu .contain {
    justify-content: center;
}

.news-menu a {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 2px;
    height: 60px;
    font-size: 15px;
    color: #72707a;
    margin-left: 68px;
    transition: all .4s ease;
}

.news-menu a:first-child {
    margin-left: 0;
}

.news-menu a:hover,
.news-menu a.active {
    color: #6341ee;
}

.news-menu a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background: #6341ee;
    opacity: 0;
    transition: all .4s ease;
}

.news-menu a.active::after {
    opacity: 1;
}

.news-mix {
    width: 100%;
    background: linear-gradient(to bottom, #f9f9fb, #fff);
    overflow: hidden;
}

.news-mix .contain {
    align-items: flex-start;
}

.news-list {
    width: calc(100% - 286px);
    padding-right: 80px;
}

.news-list-ul {
    width: 100%;
}

.news-list-items {
    width: 100%;
    padding: 38px 0;
    border-bottom: 1px solid #e6e6e6;
}

.news-list-items:first-child {
    padding-top: 0;
}

.news-list-items .image {
    display: block;
    width: 234px;
    overflow: hidden;
}

.news-list-items .image img {
    width: 100%;
    object-fit: cover;
    transition: all .6s ease;
}

.news-list-items .image:hover img {
    transform: scale(1.04);
}

.news-list-items .cont {
    width: calc(100% - 234px);
    padding-left: 40px;
}

.news-list-items .cont .title {
    line-height: 1.1;
    color: #292a35;
}

.news-list-items .cont .title a {
    transition: all .4s ease;
}

.news-list-items .cont .title a:hover {
    color: #6341ee;
}

.news-list-items .cont .text {
    color: #9799a7;
    margin-top: 18px;
}

.news-list-items .cont .hint {
    width: 100%;
    margin-top: 32px;
    color: #999;
    font-family: Arial;
    align-items: center;
}

.news-list-items .cont .hint p {
    padding-left: 20px;
    margin-left: 24px;
    background-repeat: no-repeat;
    background-position: left center;
}

.news-list-items .cont .hint p:first-child {
    margin-left: 0;
}

.news-list-items .cont .hint p.date {
    background-image: url('../images/pages/newsic1.png');
}

.news-list-items .cont .hint p.look {
    background-image: url('../images/pages/newsic2.png');
    padding-left: 28px;
}

.news-side {
    width: 286px;
}

.news-side-items {
    width: 100%;
    margin-top: 32px;
}

.news-side-items:first-child {
    margin-top: 0;
}

.news-side-search {
    width: 100%;
    position: relative;
}

.news-side-search input {
    width: 100%;
    height: 46px;
    border-radius: 3px;
    border: 1px solid #d8d9e6;
    padding: 0 46px 0 16px;
    background: transparent;
    font-size: 15px;
    color: #5e5a73;
    transition: border .4s ease;
}

.news-side-search input:focus {
    border: 1px solid #6341ee;
}

.news-side-search button {
    width: 46px;
    height: 46px;
    position: absolute;
    z-index: 4;
    cursor: pointer;
    right: 0;
    top: 0;
    background: url('../images/common/search.svg') no-repeat center/24px auto;
}

.news-side-items .name {
    line-height: 24px;
    color: #525469;
    padding-left: 30px;
    position: relative;
}

.news-side-items .name::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #525469;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.news-side-items .name.info::before {
    background-image: url('../images/pages/newsic3.png');
}

.news-side-items .name.tags::before {
    background-image: url('../images/pages/newsic4.png');
}

.news-side-info {
    width: 100%;
    margin-top: 6px;
}

.news-side-info a {
    display: block;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #e6e6e6;
}

.news-side-info a .title {
    color: #525469;
    transition: all .4s ease;
}

.news-side-info a .text {
    line-height: 1.1;
    color: #999;
    margin-top: 8px;
}

.news-side-info a:hover .title {
    color: #6341ee;
}

.news-side-tags {
    width: 100%;
    padding-top: 8px;
}

.news-side-tags a {
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 14px;
    height: 28px;
    font-size: 14px;
    color: #76788c;
    border: 1px solid #e8e8f1;
    margin: 12px 8px 0 0;
    transition: all .4s ease;
}

.news-side-tags a:hover {
    border-color: #6341ee;
    color: #6341ee;
}

/* 关于-行业动态详情 */
.newsxq-box {
    width: calc(100% - 286px);
    padding-right: 160px;
}

.newsxq-content {
    width: 100%;
}

.newsxq-head {
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeef7;
}

.newsxq-head .title {
    color: #333;
    line-height: 1.32;
}

.newsxq-head .hint {
    width: 100%;
    margin-top: 20px;
    color: #999;
    font-family: Arial;
    align-items: center;
}

.newsxq-head .hint p {
    padding-left: 20px;
    margin-left: 24px;
    background-repeat: no-repeat;
    background-position: left center;
}

.newsxq-head .hint p:first-child {
    margin-left: 0;
}

.newsxq-head .hint p.date {
    background-image: url('../images/pages/newsic1.png');
}

.newsxq-head .hint p.look {
    background-image: url('../images/pages/newsic2.png');
    padding-left: 28px;
}

.newsxq-info {
    width: 100%;
    padding: 26px 0;
    border-bottom: 1px solid #eeeef7;
    text-align: center;
}

.newsxq-info * {
    line-height: inherit;
    color: #76788c;
    text-align: left;
}

.newsxq-info img,
.newsxq-info video {
    max-width: 100%;
    height: auto !important;
}

.newsxq-info h6 {
    color: #6341ee;
}

.newsxq-info a {
    text-decoration: underline;
    color: #6341ee;
}

.newsxq-button {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0;
    border-bottom: 1px solid #eeeef7;
}

.newsxq-button .link {
    width: calc(100% - 220px);
}

.newsxq-button .link p {
    width: 100%;
    color: #878a94;
}

.newsxq-button .link p * {
    line-height: inherit;
}

.newsxq-button .link p a {
    transition: all .4s ease;
}

.newsxq-button .link p a:hover {
    color: #6341ee;
}

.newsxq-button .more {
    width: 156px;
    height: 46px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #6341ee;
    justify-content: center;
    font-size: 15px;
    color: #6341ee;
    transition: all .4s ease;
}

.newsxq-button .more:hover {
    background: #6341ee;
    color: #fff;
}

.newsxq-meet {
    width: 100%;
    padding: 24px 24px 24px 40px;
    justify-content: space-between;
    align-items: center;
    margin-top: 52px;
    position: relative;
    background: linear-gradient(to right, #f5f4f9, #fff);
    border-radius: 3px;
    border: 2px solid #fff;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
}

.newsxq-meet .text {
    width: calc(100% - 220px);
    color: #76788c;
}

.newsxq-meet .code {
    width: 124px;
    text-align: right;
}

.newsxq-meet .code img {
    max-width: 100%;
}

.newsxq-meet .title {
    position: absolute;
    height: 46px;
    background: #6341ee;
    border-radius: 5px;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 32px;
    top: -16px;
    left: 40px;
}

/* 表单URL */
.formbox {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #eceef3;
}

.formbox-mix {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    border-radius: 10px;
    border: 2px solid #fff;
    background: #f5f5f9 url('../images/pages/formboxBg.png') no-repeat left bottom/100% auto;
    padding: 80px 120px;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
}

.formbox-info {
    width: 614px;
}

.formbox-info-title {
    width: 100%;
    line-height: 1.1;
    color: #222;
    font-weight: 700;
}

.formbox-info-list {
    width: 100%;
    margin-top: 28px;
}

.formbox-info-list .name {
    color: #555;
    line-height: 1.1;
}

.formbox-info-list .list {
    width: 100%;
    justify-content: space-between;
}

.formbox-info-list .list li {
    width: calc(50% - 8px);
    margin-top: 18px;
    border-radius: 6px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    height: 82px;
    background: linear-gradient(135deg, #f5f4f9, #fff);
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    padding: 0 30px;
}

.formbox-info-list .list li p {
    color: #555555;
    padding-left: 32px;
    line-height: 26px;
    position: relative;
}

.formbox-info-list .list li p::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d6cdf7 url('../images/pages/planxqkjic.svg') no-repeat center/18px auto;
    left: 0;
    top: 3px;
}

.formbox-info-code {
    width: 100%;
    margin-top: 50px;
}

.formbox-info-code .phone {
    color: #555;
}

.formbox-info-code .code {
    border-radius: 5px;
    background: #fff;
    width: 228px;
    padding: 22px;
    box-shadow: 0 0 10px 2px rgba(85, 98, 151, .11);
    margin-top: 16px;
    text-align: center;
}

.formbox-info-code .code img {
    max-width: 100%;
}

.formbox-info-code .code p {
    margin-top: 12px;
    color: #5e5774;
    line-height: 1.1;
    width: 100%;
}

.formbox-info-code .code span {
    display: block;
    color: #aba6bf;
}

.formbox-box {
    width: 520px;
}

.formbox-name {
    width: 100%;
}

.formbox-name .title {
    font-weight: 700;
    color: #595662;
    line-height: 1.1;
}

.formbox-name .text {
    color: #848291;
    line-height: 1.1;
}

.formbox-form {
    width: 100%;
    margin-top: 20px;
}

.formbox-form>ul>li {
    width: 100%;
    align-items: center;
    margin-top: 12px;
}

.formbox-form>ul>li:first-child {
    margin-top: 0;
}

.formbox-form>ul>li .hint {
    font-size: 15px;
    line-height: 1;
    color: #9391a1;
    width: 100px;
}

.formbox-form>ul>li .hint span {
    color: #6341ee;
    margin-left: 4px;
}

.formbox-form>ul>li input,
.formbox-form>ul>li textarea {
    width: calc(100% - 100px);
    font-size: 15px;
    color: #9391a1;
    background: #fff;
    height: 34px;
    border-radius: 3px;
    border: 1px solid #e6e6f1;
    padding: 0 14px;
    box-shadow: 6px 6px 4px 0 rgba(106, 95, 151, .08) inset;
    transition: all .4s ease;
}

.formbox-form>ul>li input::-webkit-input-placeholder,
.formbox-form>ul>li textarea::-webkit-input-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.formbox-form>ul>li input:-moz-placeholder,
.formbox-form>ul>li textarea:-moz-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.formbox-form>ul>li input::-moz-placeholder,
.formbox-form>ul>li textarea::-moz-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.formbox-form>ul>li input:-ms-input-placeholder,
.formbox-form>ul>li textarea:-ms-input-placeholder {
    color: #9391a1;
    font-size: 15px;
}

.formbox-form>ul>li input:focus,
.formbox-form>ul>li textarea:focus {
    box-shadow: 0 0 0 0 rgba(106, 95, 151, .08) inset;
}

.formbox-form>ul>li.botmt {
    margin-top: 18px;
}

/* -- */
.formbox-form>ul>li .customSelect {
    display: block;
    width: calc(100% - 100px);
    position: relative;
    user-select: none;
}

.formbox-form>ul>li .customSelect-name {
    background: #fff;
    display: flex;
    align-items: center;
    height: 34px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #e6e6f1;
    padding: 0 15px;
    font-size: 15px;
    color: #9391a1;
    cursor: pointer;
    box-shadow: 6px 6px 4px 0 rgba(106, 95, 151, .08) inset;
    transition: box-shadow .4s ease;
    overflow: hidden;
}

.formbox-form>ul>li .customSelect-name::after {
    content: "请选择";
    line-height: 1.1;
    padding-right: 20px;
    position: absolute;
    height: 16px;
    right: 14px;
    top: 50%;
    margin-top: -8px;
    font-size: 15px;
    color: #6d6b7b;
    background: url('../images/pages/proSelect.svg') no-repeat right center/14px auto;
}

.formbox-form>ul>li .customSelect-drop {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 34px;
    max-height: 170px;
    border: 1px solid #e6e6f1;
    border-top: none;
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    background: #fff;
    cursor: pointer;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.formbox-form>ul>li .customSelect-drop li {
    padding: 0 14px;
    height: 34px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 15px;
    color: #9391a1;
    transition: all .4s ease;
}

.formbox-form>ul>li .customSelect-drop li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #f4f8fa;
}

.formbox-form>ul>li .customSelect-drop li:last-child::after {
    display: none;
}

.formbox-form>ul>li .customSelect-drop li:hover,
.formbox-form li .customSelect-drop li.active {
    background: #f9f9f9;
    color: #6341ee;
}

.formbox-form>ul>li .customSelect-drop::-webkit-scrollbar {
    width: 2px;
    height: 4px;
}

.formbox-form>ul>li .customSelect-drop::-webkit-scrollbar-thumb {
    background: #6d6b7b;
}

.formbox-form>ul>li .customSelect-drop::-webkit-scrollbar-track {
    background: #fff;
}

.formbox-form>ul>li .customSelect-name.noRadius {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.formbox-form>ul>li .customSelect:hover .customSelect-name {
    box-shadow: 0 0 0 0 rgba(106, 95, 151, .08) inset;
}

/* -- */
.formbox-form>ul>li.code .code-box {
    width: calc(100% - 100px);
    display: flex;
    position: relative;
}

.formbox-form>ul>li.code .code-box input {
    width: 100%;
    padding-right: calc(114px + 14px);
}

.formbox-form>ul>li.code .code-box .sendCode {
    position: absolute;
    user-select: none;
    width: 114px;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    background: linear-gradient(135deg, #9c87f6, #6753f6);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.formbox-form>ul>li.code .code-box .sendCode.active {
    background: #c5c5c5;
    cursor: default;
}

.formbox-form>ul>li.text {
    align-items: flex-start;
}

.formbox-form>ul>li.text .hint {
    margin-top: 14px;
}

.formbox-form>ul>li.text textarea {
    padding: 8px 14px;
    height: 74px;
}

.formbox-form>ul>li .thisPrivacy {
    padding-left: 30px;
    line-height: 20px;
    display: inline-block;
    position: relative;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    color: #9391a1;
}

.formbox-form>ul>li .thisPrivacy span {
    color: #6341ee;
    position: relative;
}

.formbox-form>ul>li .thisPrivacy span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #6341ee;
    opacity: 0;
    transition: all .4s ease;
}

.formbox-form>ul>li .thisPrivacy span:hover:after {
    opacity: 1;
}

.formbox-form>ul>li .thisPrivacy::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e6e6f1;
    box-shadow: 4px 4px 4px 0 rgba(106, 95, 151, .08) inset;
    transition: all .4s ease;
}

.formbox-form>ul>li .thisPrivacy:hover:before {
    box-shadow: 0 0 0 0 rgba(106, 95, 151, .08) inset;
}

.formbox-form>ul>li .thisPrivacy::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/pages/planxqkjic.svg') no-repeat center/18px auto;
    opacity: 0;
}

.formbox-form>ul>li .thisPrivacy.active::after {
    opacity: 1;
}

.formbox-form>ul>li button {
    width: 280px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #6341ee;
    font-size: 15px;
    color: #fff;
    transition: all .4s ease;
    cursor: pointer;
}

.formbox-form>ul>li button:hover {
    box-shadow: 0 0 10px 4px rgba(99, 65, 238, .3);
}

/* 表单合作 */
.formbox-coo {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff url('../images/pages/formcooboxBg.png') no-repeat;
}

.formbox-coo .contain {
    justify-content: center;
}

.formbox-coo-mix {
    width: 1095px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    background: #FFFFFF;
    border: 1px solid #F3F3F4;
    box-shadow: 0px 0px 11px 0px rgba(85, 98, 151, 0.0800);
    padding: 40px 120px;
    border-top: 4px solid #6341EE;
}


.formbox-coo-box {
    width: 600px;
}

.formbox-coo-name {
    width: 100%;
}

.formbox-coo-name .text,
.formbox-coo-box .formbox-form>ul>li .hint,
.formbox-coo-box .formbox-form>ul>li .thisPrivacy {
    color: #333333;
}

.formbox-coo-name .text {
    text-align: center;
    font-weight: 400;

}

.formbox-coo-box .formbox-form>ul>li .hint {
    text-align: left;

    font-weight: 400;
}

.formbox-coo-box .formbox-form>ul>li.botmt {
    padding-left: 100px;
}


.formbox-coo-box .formbox-form>ul>li.btn {
    justify-content: center;
}

/* -- */
.popPrivacy {
    display: none;
    position: fixed;
    z-index: 9999992;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .56);
}

.popPrivacy-contain {
    width: 1200px;
    background: linear-gradient(to bottom, #f5f4f9, #fff);
    border-radius: 10px;
    padding: 60px 0;
    position: relative;
}

.popPrivacy-contain::after {
    content: "";
    position: absolute;
    width: 430px;
    height: 132px;
    background: url('../images/pages/proForm.png') no-repeat right top/100% auto;
    right: 20px;
    top: 0;
}

.popPrivacy-contain * {
    position: relative;
    z-index: 4;
}

.popPrivacy-close {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 4;
    right: 2px;
    top: 2px;
    background: url('../images/pages/proclwtB1.svg') no-repeat center/20px auto;
    cursor: pointer;
    transition: all .4s ease;
}

.popPrivacy-close:hover {
    transform: rotate(90deg);
}

.popPrivacy-title {
    width: 100%;
    position: relative;
    z-index: 3;
    font-weight: 700;
    line-height: 1.1;
    color: #595662;
    text-align: center;
}

.popPrivacy-cont {
    width: 100%;
    margin-top: 32px;
    font-size: 15px;
    line-height: 28px;
    color: #848291;
    height: 444px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 54px;
}

.popPrivacy-cont::-webkit-scrollbar {
    width: 3px;
}

.popPrivacy-cont::-webkit-scrollbar-thumb {
    background: #6341ee;
}

.popPrivacy-cont::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.popPrivacy-cont {
    scrollbar-color: #6341ee #f1f1f1;
    scrollbar-width: thin;
}

.popPrivacy-cont {
    scrollbar-face-color: #6341ee;
    scrollbar-shadow-color: #6341ee;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #f1f1f1;
}

.popPrivacy-cont * {
    line-height: inherit;
}

.popPrivacy-cont img,
.popPrivacy-cont video {
    max-width: 100%;
    height: auto !important;
}

/* -- */

/* 关于-加入我们 */
.abojr {
    width: 100%;
    position: relative;
}

.abojrwh {
    background: linear-gradient(to bottom, #fff, #f7f7f9);
}

.abojrwh-list {
    width: 100%;
}

.abojrwh-list ul {
    margin: -40px 0 0 -40px;
}

.abojrwh-list li {
    width: calc(33.3333% - 40px);
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    transition: all .4s ease;
    margin: 40px 0 0 40px;
    position: relative;
    padding: 50px 32px 50px 50px;
    border-radius: 3px;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.abojrwh-list li::before,
.abojrwh-list li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
    border: 2px solid #fff;
    transition: all .4s ease;
}

.abojrwh-list li::before {
    background: linear-gradient(135deg, #f5f4f9, #fff);
}

.abojrwh-list li::after {
    background: linear-gradient(135deg, #795cf6, #6343e9);
    opacity: 0;
}

.abojrwh-list li * {
    position: relative;
    z-index: 4;
}

.abojrwh-img {
    width: 172px;
    text-align: right;
}

.abojrwh-img img {
    max-width: 100%;
}

.abojrwh-cont {
    width: calc(100% - 172px);
    padding-right: 30px;
}

.abojrwh-cont .title {
    line-height: 1.1;
    color: #333;
    transition: all .4s ease
}

.abojrwh-cont .text {
    color: #848291;
    margin-top: 22px;
    transition: all .4s ease
}

.abojrwh-list li:hover {
    box-shadow: 12px 12px 17px 2px rgba(99, 67, 233, .21);
}

.abojrwh-list li:hover::before {
    opacity: 0;
}

.abojrwh-list li:hover::after {
    opacity: 1;
}

.abojrwh-list li:hover .abojrwh-cont .title {
    color: #fff;
}

.abojrwh-list li:hover .abojrwh-cont .text {
    color: #fff;
}

.abojrfl {
    background: #242933;
}

.abojrfl-list {
    width: 100%;
}

.abojrfl-list ul {
    margin: -66px 0 0 -36px;
}

.abojrfl-list li {
    width: calc(25% - 36px);
    margin: 66px 0 0 36px;
    text-align: center;
    padding: 48px 20px 44px;
    position: relative;
    background: #272d38;
    border-radius: 3px;
    box-shadow: 16px 16px 16px 0 rgba(0, 0, 0, 0.13), 0 -8px 16px 0 rgba(255, 255, 255, .06);
    transition: all .4s ease;
    color: #fff;
}

.abojrfl-list li>div {
    position: relative;
    z-index: 2;
}

.abojrfl-list li .icon {
    position: absolute;
    width: 54px;
    height: 54px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abojrfl-list li .icon img {
    max-width: 100%;
    max-height: 100%;
}

.abojrfl-list li .name {
    width: 100%;
    line-height: 1.1;
}

.abojrfl-list li .text {
    width: 100%;
    opacity: 0.26;
    margin-top: 12px;
}

.abojrfl-list li .text p {
    width: 100%;
}

.abojrfl-list li::after {
    content: "";
    box-shadow: 16px 16px 20px 0 rgba(0, 0, 0, 0.24) inset, -10px -10px 16px 0 rgba(255, 255, 255, .06) inset;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .4s ease;
}

.abojrfl-list li:hover {
    box-shadow: 16px 16px 16px 0 rgba(0, 0, 0, 0.05), 0 -4px 8px 0 rgba(0, 0, 0, .05);
}

.abojrfl-list li:hover::after {
    opacity: 1;
}

.abojrgw {
    background: #f5f5f7;
}

.abojrgw-list>ul>li {
    width: 100%;
    border-radius: 3px;
    margin-top: 10px;
    border: 2px solid #fff;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
}

.abojrgw-list>ul>li:first-child {
    margin-top: 0;
}

.abojrgw-menu {
    width: 100%;
    background: linear-gradient(to bottom, #edeef3, #fff);
    display: flex;
    position: relative;
    flex-wrap: wrap;
    user-select: none;
    cursor: pointer;
    padding: 0 4px 0 28px;
    align-items: center;
}

.abojrgw-menu * {
    color: #676571;
    position: relative;
    z-index: 4;
    transition: all .4s ease;
    width: 200px;
    display: flex;
    align-items: center;
    height: 60px;
    justify-content: center;
}

.abojrgw-menu *.name {
    justify-content: flex-start;
    width: calc(100% - 200px*3 - 60px);
    transition: 0s ease 0s;
}

.abojrgw-menu *.name p {
    width: 100%;
    display: block;
    height: auto;
    color: #444;
    transition: all .4s ease;
}

.abojrgw-menu *.arr {
    width: 60px;
    background: url('../images/pages/abojr2Arr.png') no-repeat center;
    transition: 0s ease 0s;
}

.abojrgw-menu::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #6346e3, #8b72f6);
    border-bottom: 2px solid #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    opacity: 0;
    transition: all .4s ease;
}

.abojrgw-menu:hover *.name p {
    color: #6341ee;
}

.abojrgw-menu.active * {
    color: #fff;
}

.abojrgw-menu.active *.name p {
    color: #fff !important;
}

.abojrgw-menu.active::before {
    opacity: 1;
}

.abojrgw-menu.active *.arr {
    background-image: url('../images/pages/abojr2ArrH.png');
}

.abojrgw-cont {
    display: none;
    width: 100%;
    padding: 34px 28px;
    color: #848291;
    background: url('../images/pages/abojr2Bg.png') no-repeat right bottom/78.2% auto;
}

.abojrgw-cont * {
    line-height: inherit;
}

.abojrgw-cont span,
.abojrgw-cont a {
    color: #6341ee;
}

.abojrgw-cont a {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.abojrgw-cont h6 {
    color: #555;
    margin-top: 8px;
}

/* 关于-联系我们 */
.abolx {
    width: 100%;
    position: relative;
}

.abolxsq {
    background: #fff;
}

.abolxsq-list {
    width: 100%;
    justify-content: center;
}

.abolxsq-items {
    width: auto;
    margin-left: 114px;
    text-align: center;
}

.abolxsq-items:first-child {
    margin-left: 0;
}

.abolxsq-items .image {
    width: 100%;
    display: flex;
    height: 152px;
    justify-content: center;
    align-items: flex-end;
}

.abolxsq-items .image img {
    max-width: 100%;
    max-height: 100%;
}

.abolxsq-items .name {
    color: #333;
    margin-top: 18px;
    line-height: 30px;
}

.abolxsq-items .name b {
    line-height: inherit;
    color: #6341ee;
    display: block;
}

.abolxsq-items .text {
    color: #848291;
    margin-top: 12px;
}

.abolxqt {
    background: #f5f4f9;
}

.abolxqt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 410px;
    background: url('../images/pages/planjjBg.png') no-repeat left bottom/100% auto;
}

.abolxqt .contain {
    position: relative;
    z-index: 4;
}

.abolxqt-list {
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
}

.abolxqt-list ul {
    margin-top: -44px;
}

.abolxqt-list li {
    width: 33.3333%;
    margin-top: 44px;
    justify-content: center;
    align-items: center;
}

.abolxqt-list li .icon {
    width: 40px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abolxqt-list li .icon img {
    max-width: 100%;
    max-height: 100%;
}

.abolxqt-list li .cont {
    min-width: 210px;
    margin-left: 20px;
}

.abolxqt-list li .cont .title {
    line-height: 1.1;
    color: #333;
}

.abolxqt-list li .cont .text {
    word-break: break-all;
    color: #797688;
    margin-top: 8px;
}

.abolxqg {
    background: #fff;
}

.abolxqg .contain {
    width: 1640px;
}

.abolxqg-loop {
    width: 100%;
}

.abolxqg-loop .swiper-container {
    padding: 34px 20px 36px;
}

.abolxqg-box {
    width: 100%;
    border-radius: 3px;
    box-shadow: 8px 8px 10px 0 rgba(85, 98, 151, .12);
    transition: all .4s ease;
}

.abolxqg-img {
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.abolxqg-img img {
    width: 100%;
    object-fit: cover;
}

.abolxqg-cont {
    width: 100%;
    border: 2px solid #fff;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 38px;
    background: linear-gradient(to right bottom, #f8f7fb, #fff);
}

.abolxqg-cont .name {
    color: #333;
    line-height: 1.1;
}

.abolxqg-cont .text {
    color: #848291;
    margin-top: 8px;
}

.abolxqg-box:hover {
    box-shadow: 8px 8px 10px 0 rgba(35, 49, 174, .2);
}

.abolxqg-loop .swiper-pagination {
    bottom: 0;
}

.abolxqg-loop .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: #dfdfdf;
    opacity: 1;
    margin: 0 0 0 20px !important;
}

.abolxqg-loop .swiper-pagination-bullet-active {
    background: #6341ee;
}

.abolxqg-loop .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}

/* 合作伙伴 */
.team {
    width: 100%;
    position: relative;
}

.teamhb {
    background: linear-gradient(to bottom, #fff, #f0f1f8);
}

.teamhb::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 410px;
    background: url('../images/pages/planjjBg.png') no-repeat left bottom/100% auto;
}

.teamhb .contain {
    position: relative;
    z-index: 4;
}

.teamhb-list {
    width: 100%;
}

.teamhb-list ul {
    margin: -80px 0 0 -120px;
}

.teamhb-list li {
    width: calc(25% - 120px);
    margin: 80px 0 0 120px;
    text-align: center;
}

.teamhb-list li .icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all .4s ease;
}

.teamhb-list li .icon img {
    max-width: 100%;
    max-height: 100%;
}

.teamhb-list li .title {
    color: #333;
    line-height: 1.1;
    margin-top: 22px;
}

.teamhb-list li .text {
    color: #8a8895;
    margin-top: 12px;
}

.teamhb-list li:hover .icon {
    transform: translateY(-4px);
}

.teamjh {
    background: linear-gradient(to bottom, #fff, #f8f8fa);
}

.teamjh-list {
    width: 100%;
}

.teamjh-list ul {
    margin-left: -20px;
    flex-wrap: nowrap;
}

.teamjh-list li {
    width: 300px;
    height: 356px;
    margin-left: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 3px;
    transition: box-shadow .4s ease;
    padding: 40px 10px;
}

.teamjh-list li.active {
    width: calc(100% - 300px*3 - 20px*4);
}

.teamjh-list li::before,
.teamjh-list li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
    border: 2px solid #fff;
    transition: all .4s ease;
}

.teamjh-list li::before {
    background: linear-gradient(135deg, #f5f4f9, #fff);
}

.teamjh-list li::after {
    background: linear-gradient(to bottom, #6341ee, #896cff);
    opacity: 0;
}

.teamjh-list li * {
    position: relative;
    z-index: 4;
}

.teamjh-img {
    width: 260px;
    text-align: center;
    margin: 0 auto;
}

.teamjh-img .title {
    line-height: 1.1;
    color: #333;
    transition: all .4s ease;
}

.teamjh-img .image {
    width: 100%;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.teamjh-img .image img {
    max-width: 100%;
    max-height: 100%;
}

.teamjh-img .link {
    width: 100%;
    display: flex;
    justify-content: center;
    transition: all .4s ease;
}

.teamjh-img .link span {
    font-size: 15px;
    color: #6343e9;
    padding-right: 16px;
    background: url('../images/common/arrRH.svg') no-repeat right -2px top 4px/16px auto;
}

.teamjh-cont {
    width: calc(100% - 260px);
    display: none;
    color: #fff;
    padding: 14px 20px 0 30px;
}

.teamjh-cont .title {
    line-height: 1.1;
}

.teamjh-cont .text {
    margin: 18px 0 36px;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    text-align: justify;
    text-justify: inter-word;
}

.teamjh-cont .link {
    width: 100%;
}

.teamjh-cont .link a {
    display: flex;
    align-items: center;
    width: 156px;
    height: 46px;
    border: 1px solid #fff;
    border-radius: 5px;
    justify-content: center;
    transition: all .4s ease;
}

.teamjh-cont .link a:hover {
    background: #fff;
    color: #6341ee;
}

.teamjh-list li.active {
    box-shadow: 12px 12px 21px 0 rgba(99, 65, 238, .29);
}

.teamjh-list li.active .teamjh-img .title,
.teamjh-list li.active .teamjh-img .link {
    opacity: 0;
}

.teamjh-list li.active .teamjh-cont {
    display: block;
}

.teamjh-list li.active::before {
    opacity: 0;
}

.teamjh-list li.active::after {
    opacity: 1;
}

.teamjh-cont .title,
.teamjh-cont .text,
.teamjh-cont .link {
    opacity: 0;
}

.teamjh-cont .title {
    animation: teamjhRun .8s ease both .3s;
}

.teamjh-cont .text {
    animation: teamjhRun .8s ease both .4s;
}

.teamjh-cont .link {
    animation: teamjhRun .8s ease both .5s;
}

@keyframes teamjhRun {
    0% {
        opacity: 0;
        transform: translateY(16px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.teamfl {
    background: #161b24;
}

.teamfl-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.teamfl .contain {
    position: relative;
    z-index: 4;
}

.teamjh-link {
    width: 100%;
}

.teamjh-link a {
    margin: 0 auto;
    width: 156px;
    height: 46px;
}

.teamfl .teamhb-list li .icon {
    width: 56px;
    height: 56px;
}

.teamfl .teamhb-list li .title {
    color: #fff;
    margin-top: 20px;
}

.teamfl .teamhb-list li .text {
    color: #9ca0a6;
    margin-top: 22px;
}

/* 关于-企业介绍 */
.proclban-loop-video .proclban-img img.none-pad-mb {
    height: 662px;
}

.proclban-loop-video .hasVideo .banner-img img.none-pad-mb {
    animation: hasVideoImg 1s ease both;
}

@keyframes hasVideoImg {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.proclban-loop-video .hasVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

@media all and (max-width:1151px) {
    .proclban-loop-video .hasVideo .banner-img img.none-pad-mb {
        animation: none;
    }

    .proclban-loop-video .hasVideo video {
        display: none;
    }
}

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

/* -- */
.indzz {
    background: #fff;
}

.indzz-loop {
    width: 100%;
}

.indzz-loop .swiper-wrapper {
    transition-timing-function: linear;
}

.indzz-loop-items {
    width: 100%;
    padding: 7px;
}

.indzz-loop-items .logo {
    width: 100%;
    height: 124px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #f3f3f4;
    box-shadow: 0 0 7px 2px rgba(85, 98, 151, 0.08);
}

.indzz-loop-items .logo img {
    max-width: 100%;
    max-height: 100%;
}

.indzz-list {
    width: 100%;
}

.indzz-list-ul {
    justify-content: space-between;
}

.indzz-list-items {
    width: auto;
    text-align: center;
}

.indzz-list-items .icon {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto;
}

.indzz-list-items .icon img {
    max-width: 100%;
    max-height: 100%;
}

.indzz-list-items .text {
    color: #676571;
    margin-top: 8px;
}


/* 首页文章 */
.indqz {
    background: #fff;
}

.indqz-loop {
    width: 100%;
}

.indqz-loop .swiper-wrapper {
    transition-timing-function: linear;
}

.indqz-loop-items {
    width: 100%;
    padding: 7px;
}



/* -- */
.aboqygs {
    background: #fff;
}

.aboqygs-mix {
    width: 100%;
    align-items: flex-start;
}

.aboqygs-video {
    width: 650px;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    background: #fff;
    padding: 10px;
    border: 12px solid #fff;
    box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, 0.09);
    background: linear-gradient(to bottom, #bbabff, #6343e9);
    transition: all .4s ease;
}

.aboqygs-video img {
    max-width: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.aboqygs-video .btn {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    transition: all .4s ease;
}

.aboqygs-video .btn i {
    width: 16px;
    height: 20px;
    background: url('../images/pages/aboqyPlay.png') no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -5px;
    z-index: 4;
}

.aboqygs-video .btn::before {
    content: "";
    position: absolute;
    width: 76px;
    height: 76px;
    margin: -38px 0 0 -38px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    border: 2px dashed #fff;
    transform: scale(0);
    transition: all .4s ease;
}

.aboqygs-video:hover {
    box-shadow: 7px 7px 17px 5px rgba(85, 98, 151, 0.18);
}

.aboqygs-video:hover .btn {
    background: #fff;
}

.aboqygs-video:hover .btn::before {
    transform: scale(1);
    animation: aboqygsRun 10s linear infinite .6s;
}

@keyframes aboqygsRun {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.aboqygs-info {
    width: calc(100% - 650px);
    padding-right: 80px;
}

.aboqygs-info-title {
    color: #222;
}

.aboqygs-info-tags {
    width: 100%;
    padding: 10px 0;
    margin-top: 20px;
    border-top: 1px solid #edecf2;
    border-bottom: 1px solid #edecf2;
    line-height: 30px;
    color: #5f5c6b;
}

.aboqygs-info-tags p {
    line-height: inherit;
    position: relative;
    padding-left: 20px;
}

.aboqygs-info-tags p::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6341ee;
    left: 0;
    top: 12px;
}

.aboqygs-info-text {
    width: 100%;
    color: #8a8895;
    margin-top: 18px;
}

.aboqygs-info-text p {
    line-height: inherit;
}

.aboqylc {
    background: linear-gradient(to bottom, #ecebf3, #f4f4f9);
    box-shadow: 0 10px 16px 0 rgba(99, 65, 238, .04) inset;
}

.aboqylc::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 558px;
    margin-top: -279px;
    left: 0;
    top: 50%;
    background: url('../images/pages/aboqyBg.png') no-repeat left center/auto 100%;
}

.aboqylc .contain {
    position: relative;
    z-index: 4;
}

.aboqylc-mix {
    width: 100%;
}

.aboqylc-mix .gallery,
.aboqylc-mix .thumbs {
    width: 100%;
    position: relative;
}

.aboqylc-mix .gallery-more {
    width: 100%;
}

.aboqylc-mix .gallery-more .num {
    width: 236px;
    color: #6341ee;
    font-family: Arial;
    line-height: 0.8;
}

.aboqylc-mix .gallery-more .cont {
    width: calc(100% - 236px);
    color: #888;
}

.aboqylc-mix .gallery-more .cont li {
    width: 100%;
    margin-top: 20px;
}

.aboqylc-mix .gallery-more .cont li:first-child {
    margin-top: 0;
}

.aboqylc-mix .gallery-more .cont li * {
    position: relative;
    padding-left: 12px;
    line-height: inherit;
}

.aboqylc-mix .gallery-more .cont li .name {
    color: #333;
}

.aboqylc-mix .gallery-more .cont li .name::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    background: #333;
    top: 10px;
}

.aboqylc-mix .thumbs {
    margin-top: 66px;
    padding: 0 74px;
    position: relative;
}

.aboqylc-mix .thumbs::after {
    content: "";
    position: absolute;
    width: calc(100% - 74px*2);
    left: 0;
    right: 0;
    background: #e9e9e9;
    bottom: 21px;
    height: 1px;
    margin: 0 auto;
}

.aboqylc-mix .thumbs-year {
    width: 100%;
    text-align: center;
    position: relative;
    height: 68px;
    display: block;
    font-family: Arial;
    z-index: 4;
}

.aboqylc-mix .thumbs-year span {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #444;
    transition: all .4s ease;
}

.aboqylc-mix .thumbs-year i {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 15px;
    background: #fff;
}

.aboqylc-mix .thumbs-year i::before,
.aboqylc-mix .thumbs-year i::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
}

.aboqylc-mix .thumbs-year i::before {
    width: 8px;
    height: 8px;
    background: #c4c4d6;
    margin: -4px 0 0 -4px;
}

.aboqylc-mix .thumbs-year i::after {
    width: 22px;
    height: 22px;
    background: #fff;
    margin: -11px 0 0 -11px;
    border: 3px solid #6341ee;
    transform: scale(0);
    transition: all .4s ease;
}

.aboqylc-mix .thumbs-year.active span {
    color: #6341ee;
}

.aboqylc-mix .thumbs-year.active i::after {
    transform: scale(1);
}

.aboqylc-mix .thumbs-prev,
.aboqylc-mix .thumbs-next {
    position: absolute;
    padding-top: 2px;
    padding-right: 2px;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    bottom: 0;
    overflow: hidden;
    transition: all .4s ease;
    box-shadow: 0 10px 16px 2px rgba(85, 98, 151, .14);
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboqylc-mix .thumbs-prev::before,
.aboqylc-mix .thumbs-prev::after,
.aboqylc-mix .thumbs-next::before,
.aboqylc-mix .thumbs-next::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #f4f6f9, #fff);
    transition: all .4s ease;
}

.aboqylc-mix .thumbs-next::before {
    background: linear-gradient(to top, #f4f6f9, #fff);
}

.aboqylc-mix .thumbs-prev::after {
    background: linear-gradient(to bottom, #d1c9ff, #fff);
    opacity: 0;
}

.aboqylc-mix .thumbs-next::after {
    background: linear-gradient(to top, #d1c9ff, #fff);
    opacity: 0;
}

.aboqylc-mix .thumbs-prev i,
.aboqylc-mix .thumbs-next i {
    position: relative;
    z-index: 4;
    width: 16px;
    height: 16px;
    background: url('../images/pages/proclalBtn.svg') no-repeat center/100% auto;
    transition: all .4s ease;
}

.aboqylc-mix .thumbs-prev {
    left: 0;
}

.aboqylc-mix .thumbs-next {
    right: 0;
    transform: rotate(182deg);
    box-shadow: 0 -10px 16px 2px rgba(85, 98, 151, .14);
    padding-top: 0;
    padding-bottom: 2px;
}

.aboqylc-mix .thumbs-prev:hover {
    box-shadow: 0 10px 16px 2px rgba(99, 65, 238, .3);
}

.aboqylc-mix .thumbs-next:hover {
    box-shadow: 0 -10px 16px 2px rgba(99, 65, 238, .3);
}

.aboqylc-mix .thumbs-prev:hover::before,
.aboqylc-mix .thumbs-next:hover::before {
    opacity: 0;
}

.aboqylc-mix .thumbs-prev:hover::after,
.aboqylc-mix .thumbs-next:hover::after {
    opacity: 1;
}

.aboqylc-mix .thumbs-prev:hover i,
.aboqylc-mix .thumbs-next:hover i {
    background-image: url('../images/pages/proclalBtnH.svg');
}

.aboqyry {
    background: linear-gradient(to bottom, #383e4c, #252933);
}

.aboqyry .contain {
    position: relative;
}

.aboqyry .contain::after,
.aboqyry .contain::before {
    content: "";
    z-index: 2;
    position: absolute;
    width: 88px;
    height: 100%;
    top: 0;
    background: linear-gradient(to bottom, #383e4c, #252933);
}

.aboqyry .contain::before {
    left: -2px;
}

.aboqyry .contain::after {
    right: -2px;
}

.aboqyry-loop {
    width: 100%;
    position: relative;
}

.aboqyry-items {
    width: 100%;
    padding: 0 88px;
    position: relative;
    color: #fff;
}

.aboqyry-items .time {
    line-height: 1.1;
}

.aboqyry-items .text {
    margin-top: 14px;
}

.aboqyry-items .image {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 20px;
}

.aboqyry-items .image img {
    width: 100%;
    object-fit: cover;
}

.aboqyry-items::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background: #4c515b;
}

.aboqyry-prev,
.aboqyry-next {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1) url('../images/common/arrLW.svg') no-repeat center/18px auto;
    cursor: pointer;
    z-index: 10;
    transition: all .4s ease;
}

.aboqyry-prev {
    left: 0;
}

.aboqyry-next {
    right: 0;
    transform: rotate(180deg);
}

.aboqyry-prev:hover,
.aboqyry-next:hover {
    background-color: #6341ee;
}

/* 资源中心 */
.source {
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #fff, #f8f8fa);
}

.source .contain {
    align-items: flex-start;
}

.source-menu {
    width: 210px;
    padding: 12px 0;
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #f7f8fd, #fff);
    box-shadow: 4px 4px 18px 0 rgba(85, 98, 151, .13);
}

.source-menu-scroll {
    width: 100%;
}

.source-menu-scroll::-webkit-scrollbar {
    width: 2px;
}

.source-menu-scroll::-webkit-scrollbar-thumb {
    background: #6341ee;
}

.source-menu-scroll::-webkit-scrollbar-track {
    background: #fff;
}

.source-menu-scroll {
    scrollbar-color: #6341ee #fff;
    scrollbar-width: thin;
}

.source-menu-scroll {
    scrollbar-face-color: #6341ee;
    scrollbar-shadow-color: #6341ee;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #fff;
}

.source-menu ul {
    width: 100%;
}

.source-menu li {
    width: 100%;
}

.source-menu li a {
    padding: 0 26px;
    display: flex;
    align-items: center;
    transition: all .4s ease;
    position: relative;
    height: 34px;
    font-size: 14px;
    color: #848291;
}

.source-menu .source-menu-scroll>ul>li>a {
    height: 60px;
    color: #4b4758;
    font-size: 16px;
}

.source-menu ul ul {
    padding: 8px 0;
    position: relative;
    display: none;
}

.source-menu ul ul::before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    left: -2px;
    top: 0;
    height: 100%;
    box-shadow: 0 0 10px 0 #e6e6ed inset;
    background: #f5f5fc;
}

.source-menu li a:hover,
.source-menu li a.active {
    color: #6341ee !important;
}

.source-menu ul ul li a.active {
    background: url('../images/common/arrRH.svg') no-repeat right 10px center/16px auto;
}

.source-menu ul.active {
    display: block;
}

.source-menu .source-menu-scroll>ul>li>a::after {
    content: "";
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -2px;
    width: 3px;
    height: 16px;
    background: #6341ee;
}

.source-menu .source-menu-scroll>ul>li>a.active::after {
    opacity: 1;
}

.source-menu-control,
.source-menu-shade,
.source-menu-close {
    display: none;
}

.source-box {
    width: calc(100% - 210px);
    padding-left: 50px;
}

.source-head {
    width: 100%;
    align-items: center;
    margin-bottom: 30px;
}

.source-head .title {
    color: #222;
    line-height: 1.1;
}

.source-head .sorts {
    margin-left: 54px;
}

.source-head .sorts a {
    position: relative;
    color: #72707a;
    margin-left: 40px;
    padding-bottom: 3px;
}

.source-head .sorts a:first-child {
    margin-left: 0;
}

.source-head .sorts a:hover,
.source-head .sorts a.active {
    color: #6341ee;
}

.source-head .sorts a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #6341ee;
    opacity: 0;
}

.source-head .sorts a.active::after {
    opacity: 1;
}

.source-common {
    width: 100%;
}

.source-common ul {
    margin: -28px 0 0 -28px;
}

.source-common li {
    width: calc(33.3333% - 28px);
    margin: 28px 0 0 28px;
    border-radius: 3px;
    overflow: hidden;
    border: 2px solid #fff;
    background: linear-gradient(to right bottom, #f5f4f9, #fff);
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    padding: 40px;
    transition: all .4s ease;
}

.source-common li .name {
    width: 100%;
    align-items: center;
}

.source-common li .name .icon {
    width: 52px;
}

.source-common li .name .icon img {
    max-width: 100%;
}

.source-common li .name span {
    display: block;
    width: calc(100% - 52px);
    padding-left: 10px;
    color: #333;
}

.source-common li .text {
    color: #848291;
    margin-top: 12px;
}

.source-common li .link {
    width: 100%;
    margin-top: 38px;
}

.source-common li .link a {
    width: 154px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #6341ee;
    color: #6341ee;
    font-size: 15px;
    margin-left: 12px;
    transition: all .4s ease;
}

.source-common li .link a:first-child {
    margin-left: 0;
}

.source-common li .link a:hover {
    background: #6341ee;
    color: #fff;
}

.source-common li:hover {
    box-shadow: 12px 12px 17px 2px rgba(99, 65, 238, .16);
}

/* -- */
.source-video {
    width: 100%;
}

.source-video ul {
    margin: -28px 0 0 -28px;
}

.source-video li {
    width: calc(33.3333% - 28px);
    cursor: pointer;
    margin: 28px 0 0 28px;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    transition: all .4s ease;
}

.source-video li .image {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.source-video li .image img {
    width: 100%;
    object-fit: cover;
    transition: all .6s ease;
}

.source-video li .image .btn {
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    border-radius: 50%;
    background: #fff;
    transition: all .4s ease;
}

.source-video li .image .btn i {
    width: 10px;
    height: 16px;
    background: url('../images/pages/sourceIc2.png') no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -3px;
    z-index: 4;
}

.source-video li .image .btn::before {
    content: "";
    position: absolute;
    width: 46px;
    height: 46px;
    margin: -23px 0 0 -23px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    border: 1px dashed #fff;
    transform: scale(0);
    transition: all .4s ease;
}

.source-video li:hover .image .btn::before {
    transform: scale(1);
    animation: sourceRun 10s linear infinite .6s;
}

@keyframes sourceRun {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.source-video li:hover {
    box-shadow: 12px 12px 17px 2px rgba(99, 65, 238, .16);
}

.source-video li:hover .image img {
    transform: scale(1.04);
}

.source-video li .text {
    width: 100%;
    height: 74px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right bottom, #fafafd, #fff);
    border: 2px solid #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: none;
}

/* -- */
.source-group {
    width: 100%;
}

.source-group ul {
    margin: -24px 0 0 -24px;
}

.source-group li {
    width: calc(25% - 28px);
    margin: 24px 0 0 24px;
    border-radius: 3px;
    overflow: hidden;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 12px 12px 17px 2px rgba(85, 98, 151, .11);
    padding: 50px 20px;
    transition: all .4s ease;
    text-align: center;
}

.source-group li:hover {
    box-shadow: 12px 12px 17px 2px rgba(99, 65, 238, .16);
}

.source-group li .image {
    width: 100%;
}

.source-group li .image img {
    max-width: 100%;
}

.source-group li .text {
    color: #333;
    margin-top: 18px;
}

/* 白皮书详情 */

.sourceBg {
    background: linear-gradient(to bottom, #EFEFEF, #E9EDF1);

}

.source-info {
    width: 100%;
    clear: both;
}

.left-info {
    float: left;
    width: 65%;
}

.left-info .title {
    font-weight: bold;
    color: #222222;
}

.left-info p {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    line-height: 30px;
}

.left-info p img {
    margin-right: 10px;
}

.left-info .btn a img {
    width: 17px;
    height: 18px;
    margin-right: 10px;
}


.left-info .btn a {
    width: 156px;
    height: 45px;
    font-weight: 400;
}

.source-more {
    background: #F8F8FA url(../images/pages/planjjBg.png) no-repeat left bottom/100% auto;
    width: 100%;
}

.source-more-box {
    width: 100%;
    height: 400px;
}

.source-more-box .item {
    width: 25%;
    padding: 0 15px;
    float: left;
}

.source-more-box .item .content {
    position: relative;
    height: 400px;
    border: 1px solid #F3F3F4;
    box-shadow: 0px 0px 11px 0px rgba(85, 98, 151, 0.0800);
    border-radius: 3px;
    background: #FFF;
}

.source-more-box .top-img img {
    width: 100%;
    height: 177px;
    max-height: 177px;

}


.source-more-box .item .bottom-info {
    padding: 0 24px
}

.source-more-box .item .bottom-info .btn a {
    background: none;
    border: 1px solid #6341EE;
    border-radius: 5px;
    color: #6341EE;
}

.source-more-box .item .bottom-info .btn a:hover,
.source-more-box .item .active .btn a {
    color: #fff !important;
    background: #6341ee !important;
}

.source-more-box .item .active {
    border: 2px solid #6341EE;

}

/* 控制下载图标展示 */

.source-more-box .item .content .btn .leaveShow {
    display: inline-block;
}

.source-more-box .item .content .btn .moveShow {
    display: none;
}

.source-more-box .item .active .btn .moveShow {
    display: inline-block !important;
}

.source-more-box .item .active .btn .leaveShow {
    display: none !important;
}


/*  */



/* 试用中心 */
.try {
    width: 100%;
    overflow: hidden;
    background: linear-gradient(to bottom, #fff, #f8f8fa);
    position: relative;
}

.try::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: url('../images/pages/proclnzBg.png') no-repeat left bottom/100% auto;
}

.try .contain {
    position: relative;
    z-index: 4;
    max-width: 1338px;
}

/* ==================================================平台工程=============================================================== */
.engineerBody .dq{hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.engineerBody .proclban-img img.none-pad-mb {height: 660px;}
.engineerBody .proclban-cont .text{line-height: 1.6;}
.engineerBody .proclban-cont .btn a{width: auto;padding: 0 36px;}
.engineer{width: 100%;}
.engineerGc{background: linear-gradient(to bottom, #fff, #f0f1f8);}
.engineerGc::after {content: "";position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 410px;background: url('../images/pages/planjjBg.png') no-repeat left bottom/100% auto;}
.engineerGc .contain {position: relative;z-index: 4;}
.engineerGc-list{width: 100%;}
.engineerGc-list ul{margin: -60px 0 0 -100px;}
.engineerGc-list li{width: calc(100%/4 - 100px);margin: 60px 0 0 100px;}
.engineerGc-list li .ico{height: 41px;text-align: center;transition: transform .4s ease;}
.engineerGc-list li .ico img{max-height: 100%;}
.engineerGc-list li .title{text-align: center;color: #333;margin: 18px 0 10px;transition: color .4s ease;}
.engineerGc-list li .text{color: #8a8895;}
.engineerGc-list li:hover .ico{transform: translateY(-4px);}
.engineerGc-list li:hover .title{color: #6341ee;}
.engineerXz{width: 100%;background: url("../images/pages/pt/3.jpg") no-repeat center/cover;height: 200px;}
.engineerXz .contain{position: relative;height: 100%;}
.engineerXz-img{position: absolute;height: 244px;right: 0;top: 10px;width: 50%;text-align: center;}
.engineerXz-cont{height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;width: 50%;}
.engineerXz-cont .link{margin-top: 20px;}
.engineerXz-cont .link a{width: auto;padding: 0 28px;}
.engineerFa-title{font-weight: 700;color: #333;}
.engineerFa-link{margin-top: 42px;width: 100%;}
.engineerFa-list{width: 100%;margin-top: 30px;}
.engineerFa-list li{width: 100%;padding: 26px 0;border-bottom: 1px solid #e4e4ea;}
.engineerFa-list li:first-child{padding-top: 0;}
.engineerFa-list li:last-child{padding-bottom: 0;border-bottom: none;}
.engineerFa-list li .title{color: #333;line-height: 1.14;}
.engineerFa-list li .text{color: #8a8895;margin-top: 12px;}
.engineerFa-link a, .engineerNl-link a, .engineerGh-main-cont .link a{width: auto;padding: 0 28px;height: 46px;border-radius: 5px;}
.engineerNl{width: 100%;background: #f5f5f8;box-shadow: 0 10px 16px 0 rgba(99, 65, 238, .04) inset;}
.engineerNl-menu{width: 100%;margin-top: 38px;border-radius: 6px;overflow: hidden;display: flex;flex-wrap: wrap;box-shadow: 0px 6px 9px 0px rgba(85, 98, 151, 0.07);}
.engineerNl-menu a{flex: 1;height: 60px;display: flex;align-items: center;justify-content: center;position: relative;border-top: 2px solid #fff;background: linear-gradient(to bottom,#f5f4f9,#fff);}
.engineerNl-menu a .ico, .engineerNl-menu a .text{position: relative;z-index: 4;}
.engineerNl-menu a .ico{height: 20px;display: flex;align-items: center;margin-right: 10px;}
.engineerNl-menu a .ico img{max-height: 100%;transition: opacity .4s ease;}
.engineerNl-menu a .ico img.h{position: absolute;top: 0;bottom: 0;margin: auto 0;left: 0;opacity: 0;}
.engineerNl-menu a .text{font-size: 16px;color: #222;transition: color .4s ease;}
.engineerNl-menu a img.bg{position: absolute;width: 100%;height: calc(100% + 2px);top: -2px;left: 0;border-radius: 6px;opacity: 0;transition: opacity .4s ease;}
.engineerNl-menu a:hover .text{color: #6341EE;}
.engineerNl-menu a.active img.bg{opacity: 1;}
.engineerNl-menu a.active .ico img.s{opacity: 0;}
.engineerNl-menu a.active .ico img.h{opacity: 1;}
.engineerNl-menu a.active .text{color: #fff;}
.engineerNl-wrap{width: 100%;background: #fff;box-shadow: 0px 6px 9px 0px rgba(85, 98, 151, 0.07);margin-top: 16px;border-radius: 6px;border: 2px solid #fff;overflow: hidden;}
.engineerNl-wrap .item{width: 100%;display: none;}
.engineerNl-wrap .item.active{display: block;}
.engineerNl-mix{width: 100%;}
.engineerNl-cont{width: calc(100% - 800px);padding: 50px 70px;position: relative;z-index: 2;}
.engineerNl-cont::before, .engineerNl-cont::after{content: "";position: absolute;}
.engineerNl-cont::before{width: 298px;height: 283px;background: url("../images/pages/pt/5L.png") no-repeat left bottom/100% auto;left: 0;bottom: 0;}
.engineerNl-cont::after{width: 331px;height: 220px;background: url("../images/pages/pt/5R.png") no-repeat right top/100% auto;right: -100px;top: 0;}
.engineerNl-title{color: #333;font-weight: 700;position: relative;z-index: 4;}
.engineerNl-list{position: relative;z-index: 4;width: 100%;margin-top: 28px;}
.engineerNl-list li{width: 100%;margin-top: 28px;}
.engineerNl-list li:first-child{margin-top: 0;}
.engineerNl-list li .title{color: #333;padding-left: 28px;background: url("../images/pages/pt/5dot.png") no-repeat left top 6px;line-height: 24px;}
.engineerNl-list li .text{color: #8a8895;margin-top: 14px;}
.engineerNl-loop{width: 800px;padding: 50px 80px;position: relative;}
.engineerNl-loop .img{width: 100%;height: 366px;display: flex;align-items: center;justify-content: center;position:relative}
.engineerNl-loop .img img{max-width: 100%;max-height: 100%;}
.engineerNl-loop .img i{position:absolute;width:44px;height:44px;margin:-4px 0 0 -22px;border-radius:50%;top:50%;left:50%;background: #6341EE url('../images/common/tobig.svg') no-repeat center/20px auto;z-index:4;opacity:0;transform:scale(0.5);transition: all .4s ease}
.engineerNl-loop .img:hover i{opacity:1;transform:scale(1)}
.engineerNl-prev, .engineerNl-next {position: absolute;padding-top: 2px;padding-right: 2px;cursor: pointer;width: 42px;height: 42px;border-radius: 50%;top: 50%;margin-top: -50px;overflow: hidden;transition: all .4s ease;box-shadow: 0 10px 16px 2px rgba(85, 98, 151, .14);display: flex;align-items: center;justify-content: center;}
.engineerNl-prev::before,.engineerNl-prev::after,.engineerNl-next::before,
.engineerNl-next::after {content: "";top: 0;left: 0;position: absolute;width: 100%;height: 100%;border-radius: 50%;border: 2px solid #fff;background: linear-gradient(to bottom, #f4f6f9, #fff);transition: all .4s ease;}
.engineerNl-next::before {background: linear-gradient(to top, #f4f6f9, #fff);}
.engineerNl-prev::after {background: linear-gradient(to bottom, #d1c9ff, #fff);opacity: 0;}
.engineerNl-next::after {background: linear-gradient(to top, #d1c9ff, #fff);opacity: 0;}
.engineerNl-prev i,.engineerNl-next i {position: relative;z-index: 4;width: 16px;height: 16px;background: url('../images/pages/proclalBtn.svg') no-repeat center/100% auto;transition: all .4s ease;}
.engineerNl-prev {left: 18px;}
.engineerNl-next {right: 18px;transform: rotate(182deg);box-shadow: 0 -10px 16px 2px rgba(85, 98, 151, .14);padding-top: 0;padding-bottom: 2px;}
.engineerNl-prev:hover {box-shadow: 0 10px 16px 2px rgba(99, 65, 238, .3);}
.engineerNl-next:hover {box-shadow: 0 -10px 16px 2px rgba(99, 65, 238, .3);}
.engineerNl-prev:hover::before,.engineerNl-next:hover::before {opacity: 0;}
.engineerNl-prev:hover::after,.engineerNl-next:hover::after {opacity: 1;}
.engineerNl-prev:hover i,.engineerNl-next:hover i {background-image: url('../images/pages/proclalBtnH.svg');}
.engineerNl-loop .swiper-pagination{bottom: 0;text-align: center;position: relative;font-size: 0;margin-top: 30px;}
.engineerNl-loop .swiper-pagination-bullet {width: 30px;height: 3px;border-radius: 2px;background: #dfdfdf;opacity: 1;margin: 0 0 0 20px !important;}
.engineerNl-loop .swiper-pagination-bullet-active {background: #6341ee;}
.engineerNl-loop .swiper-pagination-bullet:first-child {margin-left: 0 !important;}
.engineerNl-link{justify-content: center;}
.engineerCy.planxqcj {background: linear-gradient(to bottom, #fff, #eff0f8);}
.engineerCy.planxqcj .planjj-items-list {padding: 70px 0 70px 70px;}
.engineerCy.planxqcj .planjj-items-ul{overflow: visible;}
.engineerCy.planxqcj .planxqcj-info {padding-right: 120px;}
.engineerAl{background: #fff;}
.engineerAl-loop{width: 100%;position: relative;padding: 0 50px;}
.engineerAl-loop .swiper-container{padding: 0 20px 36px;}
.engineerAl-prev, .engineerAl-next {position: absolute;padding-top: 2px;padding-right: 2px;cursor: pointer;width: 42px;height: 42px;border-radius: 50%;top: 50%;margin-top: -50px;overflow: hidden;transition: all .4s ease;box-shadow: 0 10px 16px 2px rgba(85, 98, 151, .14);display: flex;align-items: center;justify-content: center;}
.engineerAl-prev::before,.engineerAl-prev::after,.engineerAl-next::before,
.engineerAl-next::after {content: "";top: 0;left: 0;position: absolute;width: 100%;height: 100%;border-radius: 50%;border: 2px solid #fff;background: linear-gradient(to bottom, #f4f6f9, #fff);transition: all .4s ease;}
.engineerAl-next::before {background: linear-gradient(to top, #f4f6f9, #fff);}
.engineerAl-prev::after {background: linear-gradient(to bottom, #d1c9ff, #fff);opacity: 0;}
.engineerAl-next::after {background: linear-gradient(to top, #d1c9ff, #fff);opacity: 0;}
.engineerAl-prev i,.engineerAl-next i {position: relative;z-index: 4;width: 16px;height: 16px;background: url('../images/pages/proclalBtn.svg') no-repeat center/100% auto;transition: all .4s ease;}
.engineerAl-prev {left: 0;}
.engineerAl-next {right: 0;transform: rotate(182deg);box-shadow: 0 -10px 16px 2px rgba(85, 98, 151, .14);padding-top: 0;padding-bottom: 2px;}
.engineerAl-prev:hover {box-shadow: 0 10px 16px 2px rgba(99, 65, 238, .3);}
.engineerAl-next:hover {box-shadow: 0 -10px 16px 2px rgba(99, 65, 238, .3);}
.engineerAl-prev:hover::before,.engineerAl-next:hover::before {opacity: 0;}
.engineerAl-prev:hover::after,.engineerAl-next:hover::after {opacity: 1;}
.engineerAl-prev:hover i,.engineerAl-next:hover i {background-image: url('../images/pages/proclalBtnH.svg');}
.engineerAl-loop .swiper-pagination{bottom: 0;text-align: center;position: relative;font-size: 0;}
.engineerAl-loop .swiper-pagination-bullet {width: 30px;height: 3px;border-radius: 2px;background: #dfdfdf;opacity: 1;margin: 0 0 0 20px !important;}
.engineerAl-loop .swiper-pagination-bullet-active {background: #6341ee;}
.engineerAl-loop .swiper-pagination-bullet:first-child {margin-left: 0 !important;}
.engineerAl-loop .swiper-slide{height: auto;background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0px 8px 16px 0px rgba(85, 98, 151, 0.1);transition: box-shadow .4s ease;}
.engineerAl-link{display: block;width: 100%;height: 100%;}
.engineerAl-link-img{width: 100%;overflow: hidden;}
.engineerAl-link-img img{width: 100%;height: 218px;transition: all .6s ease;}
.engineerAl-link-cont{width: 100%;padding: 26px 30px;}
.engineerAl-link-cont .title{color: #222;transition: color .4s ease;}
.engineerAl-link-cont .text{color: #75737f;margin: 10px 0 14px;}
.engineerAl-link-cont .tags{width: 100%;}
.engineerAl-link-cont .tags span{font-size: 14px;height: 24px;display: flex;align-items: center;background: #efecfd;border-radius: 3px;line-height: 1;padding: 0 8px;color: #6341EE;margin-right: 10px;}
.engineerAl-link-cont .tags span:last-child{margin-right: 0;}
.engineerAl-link-cont .link{margin-top: 44px;}
.engineerAl-link-cont .link span{display: block;font-size: 15px;padding-right: 15px;background: url('../images/common/arrR.svg') no-repeat right -3px top 54%/16px auto;position: relative;color:#75737f;transition: all .4s ease;}
.engineerAl-link-cont .link span::after{content: "";position: absolute;width: 0;height: 1px;background: #6341ee;left: 0;bottom: 0;transition: all .4s ease;}
.engineerAl-loop .swiper-slide:hover{box-shadow: 0px 8px 16px 0 rgba(99, 65, 238, 0.16);}
.engineerAl-link:hover .engineerAl-link-img img{transform: scale(1.06);}
.engineerAl-link:hover .engineerAl-link-cont .title{color: #6341EE;}
.engineerAl-link:hover .engineerAl-link-cont .link span::after{width: 100%;}
.engineerAl-link:hover .engineerAl-link-cont .link span{color: #6341EE;background-image: url("../images/common/arrRH.svg");}
.engineerGh{background: #f5f5f8;box-shadow: 0 10px 16px 0 rgba(99, 65, 238, .04) inset;}
.engineerGh-wrap{width: 100%;}
.engineerGh-main{width: 100%;border-radius: 6px;background-color: #fff;box-shadow: 0px 6px 9px 0px rgba(85, 98, 151, 0.07);overflow: hidden;}
.engineerGh-main-img{display: block;width: 50%;overflow: hidden;}
.engineerGh-main-img img{width: 100%;transition: all .6s ease;height: 500px;}
.engineerGh-main-img:hover img{transform: scale(1.04);}
.engineerGh-main-cont{width: 50%;padding: 60px 80px;display: flex;flex-direction: column;justify-content: center;}
.engineerGh-main-cont .title a{color: #222;transition: color .4s ease;}
.engineerGh-main-cont .title a:hover{color: #6341EE;}
.engineerGh-wrap .hint{width: 100%;color: #999;font-family: Arial;align-items: center;}
.engineerGh-wrap .hint p{padding-left: 20px;margin-left: 24px;background-repeat: no-repeat;background-position: left center;}
.engineerGh-wrap .hint p:first-child{margin-left: 0;}
.engineerGh-wrap .hint p.date{background-image: url('../images/pages/newsic1.png');}
.engineerGh-wrap .hint p.look{background-image: url('../images/pages/newsic2.png');padding-left: 28px;}
.engineerGh-list{width: 100%;}
.engineerGh-list-ul{margin-left: -40px;}
.engineerGh-list-link{padding: 35px; transition: all .4s ease; margin: 40px 0 0 40px;width: calc((100% / 3) - 40px);background: #fff;box-shadow: 0px 6px 9px 0px rgba(85, 98, 151, 0.07);border-radius: 6px;}
.engineerGh-list-link .title{transition: all .4s ease;color: #222;}
.engineerGh-list-link .title::after{content: "";margin-left: 5px; display: inline-block;transition: all .4s ease;width: 8px;height: 15px;background: url('../images/pages/pt/ghArr.png') no-repeat center/100% auto;}
.engineerGh-list-link:hover{box-shadow: 0px 6px 20px 0px rgba(85, 98, 151, 0.3);}
.engineerGh-list-link:hover .title{color: #6341ee;}
.engineerGh-list-link:hover .title::after{transform: translateX(5px);background-image: url('../images/pages/pt/ghArr2.png');}
.engineerBody .Global-wrapper{display:none;}

  
/* 二开-企业级智能 */
.aiMore-box .aiMore:nth-child(2){margin-left: 28px;}
.aiMore{width: 140px;height: 48px;border-radius: 40px;user-select: none;cursor: pointer;}
.aiMore:hover{background:#3718b7;}
.aiMore.coh{background: #fff;border: 1px solid #613eaa;}
.aiMore.long{width: 200px;}
.aiMore.coh:hover{background: #d7d6d8;}
.aiTitle .title i{display: block;width: 46px;height: 38px;background: url('../images/pages/aiTitle-icon.png') no-repeat center/100% auto;margin-right: 12px;}
.aiTitle .title span{-webkit-background-clip: text;background-clip: text;color: transparent;background-image: -webkit-linear-gradient( -90deg, rgb(244,245,248) 0%, rgb(255,255,255) 100%);}
.aiTitle .text{width: 62.5%;margin: 16px auto 0;}

.aiTop{background: url('../images/pages/aiTop-bg.jpg') no-repeat center/cover;}
.aiIntro-icon1 .img,.aiIntro-icon2 .img{transform:rotateY(180deg);}
.aiIntro-icon1{position: absolute;right: min(150px,7.8vw);top: 60%;width: min(184px,9.6vw);}
.aiIntro-icon2{position: absolute;left: min(40px,2vw);top: 95%;width: min(276px,14.4vw);}
.aiIntro-desc{flex-direction: column;}
.aiIntro-desc .text{ -webkit-background-clip: text;background-clip: text;background-position-x: -50%;color: transparent;}
.aiWhat-flex{padding: 60px 0 60px 50px;align-items: center;justify-content: space-between; border-radius: 10px;border: 1px solid rgba(255, 255, 255, .5);background: rgba(255, 255, 255, .5);backdrop-filter: blur(20px);}
.aiWhat-list{width: 34%;}
.aiWhat-list li{position: relative;padding-left: 40px;}
.aiWhat-list li::after{content: "";position: absolute;left: 0;top: 2px;width: 28px;height: 28px;background: url('../images/pages/aiWhat-list.png') no-repeat center/100% auto;}
.aiWhat-video{width: 57.5%;}
.aiWhat-video-img{transform: translateX(20px);position: relative;box-shadow: 0px 0px 29.4px 0.6px rgba(30, 11, 68, 0.08);}
.aiWhat-video-img .img{border-radius: 8px;overflow: hidden;}
.aiWhat-video-img .img img{width: 100%;}
.aiWhat-video-img .btn{transition: all .4s ease; user-select: none;cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.aiWhat-video-img .btn i{display: block;width: 52px;position: relative;z-index: 2;}
.aiWhat-video-img .btn::after,.aiWhat-video-img .btn::before{animation: dotAni2 2s linear infinite; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(99, 65, 238, .3);}
.aiWhat-video-img .btn::after{animation-delay: -1s;}
@keyframes dotAni2 {0%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(3);}100%{opacity: 0;transform: scale(5);}}
.aiWhat-video-img .btn:hover{transform: translate(-50%,-50%) scale(.95);}
.aiWhat-video-img .btn:active{transform: translate(-50%,calc(-50% + 3px)) scale(.95);}




.aiPJ-swp .swiper-container{padding: 0 100px;}
.aiPJ-swp .swiper-wrapper {transition-timing-function: linear;}
.aiPJ-slide{transform: scale(.9);transition: all .6s ease;opacity: .6; border-radius: 10px;border: 1px solid rgba(255, 255, 255, .5);padding: 22px 36px;align-items: center;background: rgba(255, 255, 255, .2);}
.aiPJ-img{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;margin-right: 28px;}
.aiPJ-img img{width: 100%;height: 100%;}
.aiPJ-con{flex: 1;}
.aiPJ-con .title-box{align-items: flex-end;color: #a994ff;}
.aiPJ-con .label{margin-left: 12px;}
.swiper-slide-active .aiPJ-slide{opacity: 1;}
.aiPJ-slide:hover{transform: scale(1);}

.aiDo{background: url('../images/pages/aiDo-bg.jpg') no-repeat center/cover;}
.aiDo-nav-list{border-radius: 10px;border: 1px solid rgba(255, 255, 255, .2);padding: 3px;background: rgba(255, 255, 255, .1);}
.aiDo-nav .item{width: 170px;height: 38px;border-radius: 6px;user-select: none;cursor: pointer;}
.aiDo-nav .item.active,.aiDo-nav .item.active:hover{background: #6341ee;color: #fff;}
.aiDo-con{display: none;}
.aiDo-con.active{display: block;}
.aiDo-flex{border-radius: 10px; align-items: center;justify-content: space-between;border: 1px solid rgba(255, 255, 255, .5);padding: 20px;background: url('../images/pages/aiDo-flex.png') no-repeat center/cover;}
.aiDo-img{width: 59%;}
.aiDo-img .item{display: none;border-radius: 8px;overflow: hidden;position:relative;height: 410px;}
.aiDo-img .item.active{display: block;}
.aiDo-img .item img{width: 100%;height: 100%;}
.aiDo-img .item video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.aiDo-list{width: 41%;padding: 0 40px 0 60px;}
.aiDo-list li{border-top: 1px solid rgba(255, 255, 255, .1);}
.aiDo-list li:first-child{border-top: unset;}
.aiDo-menu{align-items: center;justify-content: space-between;user-select: none;cursor: pointer;}
.aiDo-menu .title{flex: 1;}
.aiDo-menu .ico{width: 16px;height: 10px;background: url('../images/pages/aiDo-next1.png') no-repeat center/100% auto;}
.aiDo-menu.active .title{color: #a994ff;}
.aiDo-menu.active .ico{transform: rotate(180deg);background-image: url('../images/pages/aiDo-next2.png');}
.aiDo-drop{display: none;color:#fff;}
.aiDo-drop p{line-height: inherit;}
.aiDo-list li:first-child .aiDo-drop{display: block;}
.aiDo-tips span{ -webkit-background-clip: text;background-clip: text;background-position-x: -50%;color: transparent;}

.aiApp-list{margin: 20px 0 0 -26px;}
.aiApp-item{margin: 26px 0 0 26px;width: calc(100% / 3 - 26px);background: #fff;border-radius: 10px;overflow: hidden;}
.aiApp-img img{width: 100%;height: 180px;}
.aiApp-con{padding: 20px 24px 32px;}
.aiApp-con .more-box{border-top: 1px solid #f0f0f2;}
.aiApp-con .more{align-items: center;}
.aiApp-con .more i{width: 14px;margin-left: 2px;display: flex;transition:transform .4s ease;align-items:center;justify-content:center;}
.aiApp-con .more:hover span{text-decoration: underline;}
.aiApp-con .more:hover i{transform:translateX(5px);}

.aiHZ{background: #f8f8fa url('../images/pages/aiHZ-bg3.png') no-repeat center top/100% auto;}
.aiHZ-swp::after,.aiHZ-swp::before{content: "";z-index: 2; position: absolute;left: 0;top: 0;width: 70px;height: 100%;background: linear-gradient(to right,#f8f8fa 0%,transparent 100%);}
.aiHZ-swp::after{left: auto;right: 0;transform: rotate(180deg);}
.aiHZ-swp .swiper-slide{padding: 3px 9px 15px;}
.aiHZ-slide{height: 90px; border: 3px solid #fff;border-radius: 6px;box-shadow: 0px 6px 9px 0px rgba(85, 98, 151, 0.07);background-image: -webkit-linear-gradient( -90deg, rgb(245,244,249) 0%, rgb(255,255,255) 100%);}
.aiHZ-slide img{max-width: 60%;max-height: 80%;}
.aiHZ-swp .swiper-wrapper {transition-timing-function: linear;}

.aiNews-nav .item{padding-bottom: 6px;margin-left: 80px;color: #5f5c6b;user-select: none;cursor: pointer;}
.aiNews-nav .item:first-child{margin-left: 0;}
.aiNews-nav .item::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 2px;background: #6341ee;transition: all .4s ease;}
.aiNews-nav .item:hover,.aiNews-nav .item.active{color: #6341ee;}
.aiNews-nav .item.active::after{width: 100%;}
.aiNews-con{display: none;}
.aiNews-con:first-child{display: block;}
.aiNews-flex{justify-content: space-between;}
.aiNews-show{width: calc(50% - 9px);}
.aiNews-show-img{overflow: hidden;border-radius: 10px;}
.aiNews-show-img img{width: 100%;height: 490px;transition: all .6s ease;}
.aiNews-show-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.8) 100%);}
.aiNews-show-con{z-index: 3;position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px;}
.aiNews-show-con .text{margin-top: 6px;}
.aiNews-show:hover .aiNews-show-img img{transform: scale(1.1);}
.aiNews-list{width: calc(50% - 9px);}
.aiNews-item{margin-top: 18px;padding: 16px;background: #fff;border-radius: 10px;align-items: center;justify-content: space-between;}
.aiNews-item:first-child{margin-top: 0;}
.aiNews-item-desc{width: 71%;}
.aiNews-item-img{width: 25.5%;border-radius: 8px;overflow: hidden;}
.aiNews-item-img img{width: 100%;height: 120px;transition: all .6s ease;}
.aiNews-item:hover{box-shadow: 0px 3px 17.64px 0.36px rgba(18, 14, 31, 0.08);}
.aiNews-item:hover .aiNews-item-desc .title{color: #6341ee;}
.aiNews-item:hover .aiNews-item-img img{transform: scale(1.1);}

.aiBtm-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;transition: all 1s ease;}
.aiBtm-bg img{width: 100%;height: 100%;}
.aiBtm-con{position: relative;z-index: 2;flex-direction: column;}
.aiBtm-title{transition: all 1s ease;opacity: 0;transform: translateX(-100px); -webkit-background-clip: text;background-clip: text;color: transparent;background-image: -webkit-linear-gradient( -90deg, rgb(244,245,248) 0%, rgb(255,255,255) 100%);}
.aiBtm-text{transition: all 1s ease;opacity: 0;transform: translateX(-100px);}
.aiBtm-btn-box{opacity: 0;transition: all 1s ease;}
.aiBtm-btn-box .aiMore.cta{background: #fff;width: 212px;margin-left: 28px;color: #141121;}
.aiBtm-btn-box .aiMore.cta:hover{box-shadow: 0 0 15px 4px rgba(255, 255, 255, .3);}
.aiBtm-book{margin-left: 40px;}
.aiBtm-book:hover{text-decoration: underline;}
.aiBtm.show .aiBtm-bg{transform: scale(.87);border-radius: 20px;}
.aiBtm.show .aiBtm-title,.aiBtm.show .aiBtm-text{opacity: 1;transform: translateX(0);}
.aiBtm.show .aiBtm-btn-box{opacity: 1;transition-delay: .2s;}

.aiYS-item{will-change: transform;position: sticky;top: 40px;align-items: center;justify-content: space-between;padding: 60px 22px 60px 48px;border-radius: 10px;border: 1px solid #a39fb4;background: url('../images/pages/aiYS-bg.png') no-repeat center/cover;}
.aiYS-item:nth-child(2){top: 80px;}
.aiYS-item:nth-child(3){top: 120px;}
.aiYS-item:nth-child(4){top: 160px;}
.aiYS-item:nth-child(5){top: 200px;}
.aiYS-con{width: 35%;}
.aiYS-con,.aiYS-img .small{opacity: 0;transform: translateY(70px);transition: all 1s ease;}
.aiYS.show .aiYS-con,.aiYS.show .aiYS-img .small{opacity: 1;transform: translateY(0);}

.aiYS-title{align-items: center;}
.aiYS-title .ico{width: 60px;margin-right: 25px;}
.aiYS-title .title{flex:1;}
.aiYS-desc li{padding-left: 20px;}
.aiYS-desc li::after{content: "";position: absolute;left: 0;top: 8px;width: 8px;height: 8px;border-radius: 50%;background: #a994ff;}
.aiYS-desc .title{color: #a994ff;}
.aiYS-img{width: 61%;}
.aiYS-img .big{border-radius: 8px;box-shadow: 0px 0px 29.4px 0.6px rgba(30, 11, 68, 0.08);overflow: hidden;}
.aiYS-img .big img{width: 100%;}
.aiYS-img .small{position: absolute;right: -50px;bottom: 30px;border-radius: 8px;box-shadow: 0px 0px 29.4px 0.6px rgba(30, 11, 68, 0.15);width: 66.6%;overflow: hidden;}
.aiYS-img .small img{width: 100%;}

.aiSide{position: fixed;left:30px;top:50%;transform:translate(-100%,-50%);z-index:9999;opacity:0;transition:all .4s ease;}
.aiSide-list .item{padding-left:18px; height:50px;align-items:center;user-select:none;cursor:pointer;font-size:16px;color:rgba(255,255,255,.25);}
.aiSide-list .item:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;border-radius:10px;background:#6341ee;transition:all .4s ease;}

.aiSide-list .item:hover,.aiSide-list .item.active{color:#fff;}
.aiSide-list .item.active:after{height:24px;}

.aiSide.show{opacity:1;transform:translate(0,-50%);}
.aiSide.change .aiSide-list .item{color:#999;}
.aiSide.change .aiSide-list .item:hover,.aiSide.change .aiSide-list .item.active{color:#6341ee;}

/* 修改 */
.aiTop{background: #f8f8fa;}
.aiIntro-icon3{position: absolute;right: 29%;top: -70px;width: 150px;}
.aiIntro-desc .title{color: #333;}
.aiTitle{color: #333;}
.aiTitle .title span{color: #6341ee;}
.aiSide-list .item{color: #999;}
.aiSide-list .item.active{color: #6341ee;}
.aiDo{background: transparent;padding: 0;}
.aiWhat-list,.aiDo-menu .title,.aiDo-drop,.aiYS-title .title,.aiYS-desc .text,.aiPJ-con .text{color: #333;}
.aiDo-nav-list{background: #fff;border-color: rgba(0, 0, 0, .1);color: #333;}
.aiDo-flex{background: #fff;}
.aiYS-item{background: #fff;border-color: rgba(0, 0, 0, .1);}
.aiDo-menu.active .title,.aiYS-desc .title{color: #6341ee;}
.aiYS-desc li::after{background: #6341ee;}
.aiPJ-slide{background: #fff;border-color: rgba(0, 0, 0, .1);}
.aiWhat-flex{background: #fff;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .proclnz .contain{width:1430px}
    .proclnz-loop .swiper-container{padding:15px}
    .proclnz-ul{margin:-30px 0 0 -30px}
    .proclnz-items{width:calc(33.3333% - 30px);margin:30px 0 0 30px;padding:24px;box-shadow:6px 6px 8px 0 rgba(85,98,151,.08)}
    .proclnz-items:hover{box-shadow:6px 6px 8px 0 rgba(85,98,151,.14)}
    .proclgn .contain{width:1440px}
    .proclgn-title{left:50px;top:14px}
    .proclgn-loop{padding-left:50px}
    .proclgn-info{padding:84px 50px 0 0}
    .prosoyz-loop .contain{width:1460px}
    .prosoyz-video{width:867px;height:500px}
    .prosoyz-list{width:calc(100% - 910px);height:500px}
    .prosoyz-items-box{height:142px}
    .crowdgl-info{padding-left:180px}
    .crowdst-info{padding-right:180px}
    .planal-loop .contain{width:1420px}
    .planfx-items-info .name p{max-width:170px}
    .planfx-ul{margin:-28px 0 0 -28px}
    .planfx-items{width:calc(33.3333% - 28px);margin:28px 0 0 28px;padding:25px 30px 25px 24px}
    .planfx-items-info{padding-right:28px}
    .casehy .contain{width:1440px}
    .casehy .planjj-items-ul{padding-left:16px}
    .law-cont h4,.law-cont h5,.law-cont h6{font-size:18px}
    .formbox-mix{padding:60px 80px}
    .abojrwh-list li{padding:40px 28px 40px 32px}
    .abojrwh-cont{padding-right:20px}
    .abolxqg .contain{width:1440px}
    .teamjh-img{width:200px}
    .teamjh-img .image{height:200px}
    .teamjh-cont{width:calc(100% - 200px);padding:10px 12px 0 10px}
    .teamjh-list li{padding:30px 10px;height:316px;width:260px}
    .teamjh-list li.active{width:calc(100% - 260px*3 - 20px*4)}
    .teamjh-cont .link a{width:116px;height:38px}
    .teamjh-cont .text{margin:16px 0 26px}
    .teamhb-list ul{margin:-60px 0 0 -80px}
    .teamhb-list li{width:calc(25% - 80px);margin:60px 0 0 80px}
    .source-common li .link a{width:132px;height:42px}
    .proclban-cont .text{max-width:804px}
    
    .aiSide{left:10px}
    .aiSide-list .item{font-size:13px;height:44px;padding-left:14px;}
    .aiSide-list .item:after{width:3px;}
    .aiSide-list .item.active:after{height:22px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .proclban-img img.none-pad-mb{height:500px}
    .bottom-info .btn a,.casexqjs-info-cont .btn a,.left-info .btn a,.proclban-cont .btn a,.proclgn-info .btn a,.prosoyz-list .btn,.right-info .btn a{width:140px;height:40px}
    .proclban-cont .btn a.tech{margin-left:20px}
    .proclban-cont .btn a.hascode .code{bottom:52px}
    .proclbar-tabs a{width:254px;margin-left:12px;padding:0 20px}
    .proclbar-video{width:274px;padding:8px}
    .proclbar{margin-top:-71px}
    .proclnz .contain{width:1230px}
    .proclnz-ul{margin:-24px 0 0 -24px}
    .proclnz-items{width:calc(33.3333% - 24px);margin:24px 0 0 24px;padding:24px;box-shadow:4px 4px 5px 0 rgba(85,98,151,.1)}
    .proclnz-items:hover{box-shadow:4px 4px 5px 0 rgba(85,98,151,.14)}
    .proclgn .contain{width:1240px}
    .proclgn-video{width:540px;height:312px}
    .proclgn-info{width:calc(100% - 540px);padding:66px 30px 0 0}
    .proclgn-info .text{line-height:26px;margin-top:12px}
    .proclgn-info .text p{background-position:left top 6px}
    .proclgn-loop{padding-left:40px}
    .proclgn-menu a{height:52px;padding:0 26px}
    .proclal-items{height:142px}
    .proclxz-items{padding:28px 28px}
    .proclxz-img{height:140px;width:140px;padding-bottom:0}
    .proclxz-info{width:calc(100% - 140px);padding-right:24px}
    .proclwt-list li.active{padding:38px 38px 38px 0}
    .proclwt-list li.active .proclwt-click p{padding-left:38px}
    .proclwt-cont{margin-top:14px;padding-left:38px}
    .proclfa-info a{width:180px}
    .proclal-loop .swiper-pagination-bullet,.proclnz-loop .swiper-pagination-bullet{margin:0 0 0 16px!important}
    .popForm-contain{width:830px;padding:48px 48px 50px}
    .popFormYes-contain{width:520px;margin:110px auto 0;padding:50px 36px}
    .popFormYes-title .link{width:240px;height:44px}
    .popFormYes-title .name i{width:28px;height:28px;background-size:22px;margin-right:8px}
    .prosoyz-loop .contain{width:1260px}
    .prosoyz-video{width:742px;height:430px}
    .prosoyz-list{width:calc(100% - 780px);height:430px}
    .prosoyz-items-box{height:119px;padding:0 30px}
    .prosoyz-items{padding:0 40px 24px 30px}
    .crowdgl-info{padding-left:120px}
    .crowdsz-img::after{width:100px;bottom:-10px;right:-24px;height:100px}
    .crowdsz-img{width:520px}
    .crowdsz-mix{width:calc(100% - 520px);padding-right:50px}
    .crowdsz-items:nth-child(2n) .crowdsz-mix{padding-left:50px}
    .crowdst-info{padding-right:80px;width:calc(100% - 660px)}
    .crowdst-list{width:660px}
    .crowdst-list-ul{margin:-20px 0 0 -20px}
    .crowdst-list-items{width:calc(20% - 20px);margin:20px 0 0 20px}
    .crowdsz-items{margin-top:76px}
    .planjj-items-menu a{height:52px;padding:0 24px}
    .planjj-items-menu{min-height:500px;width:230px}
    .planjj-items-list{width:calc(100% - 230px);padding:40px 3px}
    .planjj-items-ul{padding:0 40px;height:434px}
    .planjj-items-ul li{margin-top:30px}
    .planal-loop .contain{width:1220px}
    .planal-list a .image{height:108px}
    .planal-loop .swiper-container{padding:24px 0 36px}
    .planfx-ul{margin:-24px 0 0 -24px}
    .planfx-items-img{max-width:120px;height:130px}
    .planfx-items{width:calc(33.3333% - 24px);margin:24px 0 0 24px;padding:20px 24px 20px 20px}
    .planfx-items-info .name p{max-width:150px}
    .planfx-link a{width:140px;height:42px}
    .planxqgs-hint{width:140px}
    .planxqgs .btn a{width:136px;height:38px}
    .planxqgs-list{width:calc(100% - 140px)}
    .planxqgs-items-head .name,.planxqgs-items-info .name{font-size:18px}
    .planxqgs-items{padding:38px 20px 26px}
    .planxqzl-left .content .left-img{width:240px}
    .planxqzl-left .content .right-info{width:calc(100% - 240px)}
    .planxqkj-panel-info a{width:128px;height:38px}
    .planxqkj-panel{width:450px;padding:30px 40px}
    .planxqkj-img{width:calc(100% - 450px);padding:30px 40px}
    .planxqkj-panel-items .title{margin-bottom:12px}
    .planxqkj-panel-items{padding:18px 0}
    .planxqkj-panel-tags a{padding:6px 12px}
    .planxqcj .planjj-items-list{padding:46px}
    .planxqcj-info{width:calc(100% - 420px);padding-right:34px}
    .planxqcj-img{width:420px;margin-top:48px}
    .planxqcj-info-link{margin-top:32px}
    .planxqcj-info-desc{margin-top:10px}
    .planxqkh-img{width:410px;height:200px}
    .planxqkh-info{width:calc(100% - 410px);padding-left:44px}
    .planxqcj-info-link a{width:128px;height:38px}
    .planxqcj-info-head .text{margin-top:12px}
    .planxqcj-info-desc p{margin-top:6px}
    .casehy .contain{width:1230px}
    .casehy .planjj-items{padding-left:15px}
    .casehy-head{padding:0 15px}
    .casehy-loop .swiper-container{padding:24px 15px}
    .casehy-box{padding:36px 28px}
    .casehy .planjj-items-menu{min-height:454px}
    .casekh-loop .swiper-container{padding:34px 20px 42px}
    .casekh-info{padding:24px 8px 16px}
    .casexqjs-info{padding:60px 36px}
    .casexqjs-head-we .items{padding:0 30px}
    .casexqjs-head-pro .link a{height:36px;padding:0 12px}
    .casexqjs-head-pro .hint{height:36px;padding:0 12px}
    .news-menu a{margin-left:54px}
    .news-list{padding-right:60px}
    .news-list-items{padding:32px 0}
    .proclban.proclban-loop .swiper-pagination{bottom:24px}
    .newsxq-box{padding-right:80px}
    .newsxq-meet .text{width:calc(100% - 180px)}
    .formbox-mix{padding:50px 60px}
    .formbox-info-list .list li{padding:0 24px}
    .formbox-info{width:540px}
    .formbox-box{width:460px}
    .formbox-form>ul>li{margin-top:10px}
    .popPrivacy-contain{padding:50px 0}
    .popPrivacy-cont{margin-top:28px;height:384px;padding:0 44px}
    .popPrivacy-contain{width:1000px}
    .abojrwh-list ul{margin:-24px 0 0 -24px}
    .abojrwh-list li{width:calc(33.3333% - 24px);margin:24px 0 0 24px;padding:30px 10px 30px 20px}
    .abojrwh-cont{width:calc(100% - 154px)}
    .abojrwh-img{width:154px}
    .abojrwh-cont .text{margin-top:16px}
    .abojrfl-list ul{margin:-58px 0 0 -30px}
    .abojrfl-list li{width:calc(25% - 30px);margin:58px 0 0 30px;padding:44px 20px 40px}
    .abojrgw-menu *{width:160px}
    .abojrgw-menu .name{width:calc(100% - 160px*3 - 60px)}
    .abolxsq-items{margin-left:80px}
    .abolxqt-list li{margin-top:34px}
    .abolxqg-loop .swiper-container{padding:34px 15px 36px}
    .abolxqg .contain{width:1230px}
    .teamjh-list ul{margin-left:-16px}
    .teamjh-list li{width:240px;margin-left:16px;height:284px}
    .teamjh-list li.active{width:calc(100% - 240px*3 - 16px*4)}
    .teamjh-cont .link a{width:100px;height:34px}
    .teamjh-cont .text{margin:14px 0 20px}
    .teamjh-img .image{height:180px}
    .teamhb-list ul{margin:-40px 0 0 -50px}
    .teamhb-list li{width:calc(25% - 50px);margin:40px 0 0 50px}
    .indzz-loop-items .logo{height:110px;padding:16px}
    .indzz-list-items .text{font-size:14px}
    .proclban-loop-video .proclban-img img.none-pad-mb{height:560px}
    .aboqygs-video{width:540px}
    .aboqygs-info{width:calc(100% - 540px);padding-right:50px}
    .aboqyry-items{padding:0 58px}
    .aboqyry .contain::after,.aboqyry .contain::before{width:58px}
    .source-menu .source-menu-scroll>ul>li>a{height:52px}
    .source-box{padding-left:40px}
    .source-common ul{margin:-20px 0 0 -20px}
    .source-common li{width:calc(33.3333% - 20px);margin:20px 0 0 20px;padding:28px}
    .source-common li .link{margin-top:24px}
    .source-common li .link a{width:116px;height:38px;margin-left:10px}
    .source-video ul{margin:-20px 0 0 -20px}
    .source-video li{width:calc(33.3333% - 20px);margin:20px 0 0 20px}
    .source-head .sorts{margin-left:38px}
    .source-head .sorts a{margin-left:28px;padding-bottom:2px}
    .source-group ul{margin:-20px 0 0 -20px}
    .source-group li{width:calc(25% - 20px);margin:20px 0 0 20px;padding:28px 16px}
    .source-group li .text{margin-top:14px}
    .proclban-cont .text{max-width:720px;}
    .engineerGc-list li .text,.proclban-cont .text,.engineerNl-menu a .text{font-size: 15px;}
    .engineerGc-list ul{margin: -40px 0 0 -70px;}
    .engineerGc-list li {width: calc(100%/4 - 70px);margin: 40px 0 0 70px;}
    .engineerGc-list li .ico{height: 38px;}
    .engineerNl-menu a .ico{height: 18px;}
    .engineerNl-menu a{height: 56px;}
    .engineerNl-cont{padding: 45px 50px;width: calc(100% - 600px);}
    .engineerNl-loop{width: 600px;padding: 40px 65px;}
    .engineerCy.planxqcj .planjj-items-list{padding: 55px 0 55px 55px;}
    .engineerCy.planxqcj .planxqcj-info{padding-right: 90px;}
    .engineerAl-link-img img{height: 160px;}
    .engineerAl-link-cont{padding: 20px 25px;}
    .engineerGh-main-img img{height: 400px;}
    .engineerGh-main-cont{padding: 45px 60px;}
    .engineerGh-list-ul{margin-left: -30px;}
    .engineerGh-list-link{padding: 25px;margin: 30px 0 0 30px;width: calc((100% / 3) - 30px);}
    
    .aiIntro-icon2{left:5px;}
    .aiDo-img .item{height:350px;}
    .aiYS-title .ico{width: 46px;margin-right: 20px;}
    .aiApp-img img{height: 150px;}
    .aiHZ-slide{height:80px;}
    .aiSide-list .item{font-size:12px;}

    
    
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .proclban-img img.none-pad-mb {height: 400px;}
    .bottom-info .btn a,.casexqjs-info-cont .btn a,.left-info .btn a,.proclban-cont .btn a,.proclgn-info .btn a,.prosoyz-list .btn,.right-info .btn a{width:120px;height:38px}
    .proclban-cont .text{margin-top:10px}
    .proclban-cont .btn{margin-top:20px}
    .proclbar-tabs a{width:210px;margin-left:10px;padding:0 15px;height:80px}
    .proclbar-video{width:230px;padding:6px}
    .proclbar{margin-top:-60px}
    .proclbar-video-btn{width:36px;height:36px;margin:-18px 0 0 -18px}
    .proclbar-video-btn::before{width:50px;height:50px;margin:-25px 0 0 -25px}
    .proclnz .contain{width:980px}
    .proclnz-loop .swiper-container{padding:10px}
    .proclnz-ul{margin:-18px 0 0 -18px}
    .proclnz-items{width:calc(33.3333% - 18px);margin:18px 0 0 18px;padding:18px}
    .proclnz-cont .text{line-height:24px}
    .proclnz-cont .text p::before{top:10px}
    .proclsz-menu a{width:140px}
    .proclgn .contain{width:100%}
    .proclgn-menu{width:100%;display:flex;justify-content:space-between;padding:0 36px}
    .proclgn-menu::after{display:none}
    .proclgn-menu a{width:auto;padding:0}
    .proclgn-menu a::before{display:none}
    .proclgn-menu a::after{top:auto;left:0;width:0;height:2px;right:0;margin:0 auto}
    .proclgn-menu a.active::after{height:2px;width:100%}
    .proclgn-loop{width:100%;padding-left:0;margin-top:40px}
    .proclgn-more{padding-left:0}
    .proclgn-loop .swiper-container{padding:20px 36px 20px}
    .proclgn-title{left:36px;top:0}
    .procldb-menu a{margin-left:32px}
    .proclxz-ul{margin:-24px 0 0 -24px}
    .proclxz-items{flex-direction:row;width:calc(33.3333% - 24px);margin:24px 0 0 24px}
    .proclxz-img{width:100%;height:130px}
    .proclxz-info{width:100%;padding:24px 0 0}
    .proclxz-link{margin-top:16px}
    .proclmenu a{margin-left:36px}
    .proclgn-title{left:28px}
    .proclban-cont .btn a.hascode .code,.proclban-cont .btn a.tech .code{width:114px;height:114px;padding:4px;bottom:38px;margin-left:-57px}
    .proclban-cont .btn a.hascode .code{bottom:48px}
    .prosoyz-menu a{margin-left:38px}
    .prosoyz-loop .contain{width:1020px}
    .prosoyz-list{width:calc(100% - 640px);height:350px}
    .prosoyz-video{width:610px;height:350px;border:8px solid #4c515c}
    .prosoyz-items{padding:0 30px 24px 30px}
    .prosoyz-items .text{margin-top:6px}
    .prosoyz-items-box{height:92px}
    .crowdgl-info{padding-left:60px}
    .crowdsz-img{width:460px;height:320px;border:8px solid #fff}
    .crowdsz-img::after{width:88px;bottom:-8px;right:-21px;height:88px}
    .crowdsz-mix{width:calc(100% - 460px);padding-right:40px}
    .crowdsz-items:nth-child(2n) .crowdsz-mix{padding-left:40px}
    .crowdsz-head .name{margin-top:16px}
    .crowdsz-cont{margin-top:12px}
    .crowdsz-tags{margin-top:10px}
    .crowdsz-link{margin-top:24px}
    .crowdsz-link a{width:120px;height:40px}
    .crowdsz-items{margin-top:60px}
    .crowdst-info{padding-right:0;width:100%}
    .crowdst-info-hint li{margin-top:16px}
    .crowdst-info-hint{margin-top:4px}
    .crowdst-list{width:100%;margin-top:36px}
    .planjj-items-menu{min-height:440px;width:160px}
    .planjj-items-menu a{height:46px;padding:0 20px}
    .planjj-items-list{width:calc(100% - 160px);padding:30px 3px}
    .planjj-items-ul{padding:0 30px;height:388px}
    .planjj-items-ul li .cont .text{margin-top:6px}
    .planjj-items-ul li{margin-top:20px}
    .planjj-menu a{padding:0 16px;margin-left:20px}
    .planal-loop .contain{width:972px}
    .planal-list a{padding:6px}
    .planal-list a .image{padding:12px;box-shadow:2px 5px 6px 0 rgba(85,98,151,.14);height:90px}
    .planal-list a:hover .image{box-shadow:2px 5px 6px 0 rgba(85,98,151,.18)}
    .planfx-items{flex-direction:row;padding:20px}
    .planfx-items-img{width:100%;justify-content:center;max-width:none}
    .planfx-items-info{width:100%;padding:24px 0 0}
    .planfx-items-info .text{margin-top:10px}
    .planxqgs-hint{width:100%;justify-content:space-around}
    .planxqgs .btn a{width:128px}
    .planxqgs-list{width:100%}
    .planxqgs-hint-items{width:134px;margin-top:0}
    .planxqgs-items{display:flex;flex-wrap:wrap;width:100%;padding:28px 20px;justify-content:space-between}
    .planxqgs-items-head,.planxqgs-items-info{width:48%;min-height:auto}
    .planxqgs-items-head{padding-bottom:0}
    .planxqzl-right .top-img img{width:110px}
    .planxqkh-info{padding-left:38px}
    .planxqkh-info .text{line-height:25px}
    .planxqcj-img{width:300px}
    .planxqcj-info{width:calc(100% - 300px);padding-right:30px}
    .planxqcj .planjj-items-list{padding:40px}
    .casehy .contain{width:984px}
    .casehy .planjj-items{padding-left:12px}
    .casehy-head{padding:0 12px}
    .casehy-loop .swiper-container{padding:24px 12px}
    .casehy-box{box-shadow:0 2px 6px 4px rgba(85,98,151,.06)}
    .casehy-box:hover{box-shadow:0 2px 6px 4px rgba(87,85,151,.14)}
    .casekh-loop .swiper-container{padding:34px 15px 42px}
    .casexqjs-head-we .items{padding:0 20px}
    .casexqjs-head-pro .link a{height:32px;padding:0 10px}
    .casexqjs-head-pro .hint{height:32px;padding:0 10px}
    .casexqjs-info{padding:42px 30px}
    .casexqjs-info-cont .btn a{width:120px;height:px}
    .news-menu a{margin-left:48px}
    .news-list-items .cont{padding-left:30px}
    .news-side{width:240px}
    .news-list{width:calc(100% - 240px);padding-right:40px}
    .newsxq-box{width:calc(100% - 240px);padding-right:50px}
    .newsxq-button .more{width:120px;height:42px}
    .newsxq-button .link{width:calc(100% - 160px)}
    .newsxq-meet .text{line-height:28px}
    .newsxq-meet .title{height:42px;padding:0 26px}
    .formbox-coo-mix,.formbox-mix{padding:32px 40px}
    .formbox-coo-mix{width:100%}
    .formbox-info-list .list li{width:100%;height:60px;margin-top:12px}
    .formbox-info{width:340px}
    .formbox-info-list{margin-top:20px}
    .formbox-info-code{margin-top:24px}
    .formbox-info-code .code{width:210px;padding:16px;margin-top:12px}
    .popPrivacy-contain{padding:40px 0}
    .popPrivacy-cont{margin-top:24px;padding:0 32px}
    .popPrivacy-contain{width:840px}
    .abojrwh-list li{flex-direction:row}
    .abojrwh-img{width:100%;height:140px;display:flex;align-items:center;justify-content:center}
    .abojrwh-img img{max-height:100%}
    .abojrwh-cont{width:100%;padding:24px 0 0}
    .abojrfl-list li{width:calc(50% - 30px)}
    .abojrgw-menu .arr{width:40px}
    .abojrgw-menu *{width:120px;height:50px}
    .abojrgw-menu .name{width:calc(100% - 120px*3 - 40px)}
    .abojrgw-menu{padding:0 0 0 20px}
    .abojrgw-cont{padding:24px 20px}
    .abolxqg .contain{width:980px}
    .abolxqg-loop .swiper-container{padding:30px 10px 32px}
    .abolxqg-cont{padding:12px 20px}
    .abolxqg-cont .text{margin-top:6px;line-height:20px}
    .abolxqg-box{box-shadow:5px 5px 8px 0 rgba(85,98,151,.12)}
    .abolxqg-box:hover{box-shadow:5px 5px 8px 0 rgba(35,49,174,.2)}
    .abolxsq-items{width:50%;margin:0;padding:0 40px}
    .teamjh-list ul{margin:-16px 0 0 -16px;flex-wrap:wrap}
    .teamjh-list li{width:calc(50% - 16px)!important;margin:16px 0 0 16px;height:auto;padding:28px 10px 28px 20px;box-shadow:12px 12px 17px 2px rgba(85,98,151,.11)!important}
    .teamjh-cont{display:block;padding:0 20px 0 0}
    .teamjh-list li::before{opacity:1!important}
    .teamjh-list li::after{display:none}
    .teamjh-img .link,.teamjh-img .title{display:none}
    .teamjh-img .image{height:auto}
    .teamjh-cont{display:block}
    .teamjh-cont .link,.teamjh-cont .text,.teamjh-cont .title{opacity:1!important;animation:none!important}
    .teamjh-cont .title{color:#333}
    .teamjh-cont .text{color:#5e5a73}
    .teamjh-cont .link a{border:1px solid #5e5a73;color:#333}
    .teamjh-cont .link a:hover{background:#6341ee;border:1px solid #6341ee;color:#fff}
    .indzz-loop-items .logo{height:100px;padding:14px}
    .indzz-list-ul{margin-top:-24px}
    .indzz-list-items{width:25%;margin-top:24px}
    .aboqygs-info{width:100%;padding-right:0}
    .aboqygs-video{width:100%;margin-top:32px}
    .aboqylc-mix .gallery-more .num{width:180px}
    .aboqylc-mix .gallery-more .cont{width:calc(100% - 180px)}
    .aboqyry-items .text{font-size:20px}
    .source-head{margin-bottom:24px}
    .source-common li{width:calc(50% - 20px)}
    .source-video li{width:calc(50% - 20px)}
    .source-group li{width:calc(50% - 20px)}
    .source-info{padding:0}
    .popFormYes-title .name i{width:26px;height:26px;background-size:20px;margin-right:6px}
    .engineerGc-list li .text, .proclban-cont .text, .engineerNl-menu a .text{font-size: 14px;}
    .proclban-cont .text{max-width: 600px;}
    .engineerGc-list ul {margin: -30px 0 0 -40px;}
    .engineerGc-list li {width: calc(100%/4 - 40px);margin: 30px 0 0 40px;}
    .engineerGc-list li .ico{height: 35px;}
    .engineerNl-cont {padding: 30px;width: calc(100% - 480px);}
    .engineerNl-loop {width: 480px;padding: 30px 60px;}
    .engineerNl-prev{left: 5px;}
    .engineerNl-next{right: 5px;}
    .engineerAl-link-img img{height: 190px;}
    .engineerGh-main-cont{padding: 30px 40px;}
    .engineerGh-list-ul {margin-left: -20px;}
    .engineerGh-list-link {padding: 15px;margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);}
    .engineerCy.planxqcj .planjj-items-menu{width:220px}
    .engineerCy.planxqcj .planjj-items-list{padding: 35px 0 35px 35px;width: calc(100% - 220px);}
    
    /* 二开 */
    .aiMore{width: 120px;height: 42px;}
    .aiMore.long{width: 190px;}
    .aiTitle .title i{width: 40px;height: 34px;margin-right: 10px;}
    .aiWhat-flex{padding: 40px 0 40px 35px;}
    .aiWhat-list li{padding-left: 30px;}
    .aiWhat-list li::after{width: 20px;height: 20px;top: 4px;}
    .aiWhat-video-img .btn i{width: 40px;}
    .aiDo-nav .item{width: 150px;height: 36px;}
    .aiDo-img .item{height: 340px;}
    .aiYS-item{padding: 40px 15px 40px 30px;}
    .aiYS-title .ico{width: 50px;margin-right: 15px;}
    .aiYS-title .title{font-size: 20px;}
    .aiYS-img .small{right: -30px;bottom: 20px;}
    .aiYS-desc .title{font-size: 16px;}
    .aiYS-desc .text{font-size: 13px;line-height: 22px;}
    .aiApp-img img{height: 145px;}
    .aiApp-con{padding: 16px 18px 28px;}
    .aiApp-con .more i{width: 15px;}
    .aiHZ-slide{height: 70px;}
    .aiNews-item-img img{height: 100px;}
    .aiNews-show-img img{height: 447px;}
    .aiNews-show-con{padding: 25px;}
    .aiBtm-btn-box .aiMore.cta{width: 200px;margin-left: 20px;}
    .aiBtm-book{margin-left: 25px;}
    
    .aiSide{left:5px}
    .aiSide-list .item{font-size:11px;height:40px;padding-left:8px;}
    .aiSide-list .item:after{width:2px;}
    .aiSide-list .item.active:after{height:18px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .proclgn-menu {padding: 0 28px;}
    .proclgn-loop .swiper-container {padding: 20px 28px 20px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .proclbar {margin-top: 40px;}
    .proclbar-video{width:100%}
    .proclbar-video img{height:200px}
    .proclbar-tabs{width:100%;margin-top:24px;justify-content:space-between}
    .proclbar-tabs a{width:32%;margin:0}
    @keyframes proclbanRight{0%{opacity:0;transform:translateX(100px);filter:blur(6px)}100%{opacity:1;transform:translateX(0);filter:blur(0)}}
    .proclmenu a{margin-left:28px}
    body.hasFixed .proclmenu-place{top:60px}
    .proclnz .contain{width:calc(92% + 6px)}
    .proclnz-loop .swiper-container{padding:6px}
    .proclnz-ul{margin:-14px 0 0 -14px}
    .proclnz-items{width:calc(50% - 14px);margin:14px 0 0 14px}
    .proclgn-menu{padding:0 4%}
    .proclgn-title{position:relative;padding:0 4%;left:0}
    .proclgn-info{width:100%;padding:12px 0 30px}
    .proclgn-video{width:100%;height:406px}
    .proclgn-loop .swiper-container{padding:20px 4%}
    .proclfa-info a{width:160px;height:40px;margin-top:16px}
    .proclfa .image{height:150px}
    .procldb-menu a{margin-left:20px;padding:0}
    .proclal-loop{padding:0 52px}
    .proclal-box{padding:12px}
    .proclal-items{height:132px;padding:16px;box-shadow:4px 4px 5px 1px rgba(85,98,151,.1)}
    .proclal-items:hover{box-shadow:4px 4px 5px 1px rgba(85,98,151,.14)}
    .proclwt-click{padding:18px 0}
    .proclwt-click i{width:40px}
    .proclwt-close{width:40px;height:40px}
    .proclwt-list li.active{padding:28px 28px 28px 0}
    .proclwt-list li.active .proclwt-click p{padding-left:28px}
    .proclwt-cont{margin-top:10px;padding-left:28px}
    .proclxz-items{padding:24px 20px;width:calc(33.3333% - 18px);margin:18px 0 0 18px}
    .proclxz-ul{margin:-18px 0 0 -18px}
    .proclwt-click p{max-width:calc(100% - 40px)}
    .popForm-contain{width:92%;padding:40px 40px 44px}
    .popFormYes-contain{width:450px;margin:86px auto 0}
    .prosoyz-loop .contain{width:100%}
    .prosoyz-list{width:100%;display:flex;height:auto;justify-content:space-between;flex-wrap:wrap}
    .prosoyz-list .prosoyz-btn{width:100%}
    .prosoyz-items{width:50%}
    .prosoyz-video{width:92%;margin:12px auto 0;height:404px}
    .prosoyz-menu a{margin-left:28px}
    .prosoyz-items{padding:0 4% 24px}
    .prosoyz-list .btn{width:120px;height:40px;font-size:15px}
    .crowdgl-title{width:100%}
    .crowdgl-title .name br{display:none}
    .crowdgl-title .line{margin-top:12px}
    .crowdgl-info{width:100%;padding-left:0;margin-top:30px}
    .crowdgl::after{width:700px}
    .crowdsz-img{width:100%}
    .crowdsz-items:nth-child(2n+1){flex-direction:row}
    .crowdsz-mix{width:100%;padding:40px 0 0!important}
    .crowdsz-items{margin-top:40px}
    .planjj-items-ul{height:360px}
    .planjj-items-menu{min-height:420px}
    .planal-loop .contain{width:calc(92% + 12px)}
    .planal-list a{width:33.3333%}
    .planal-list a .image{height:104px}
    .planfx-ul{margin:-18px 0 0 -18px}
    .planfx-items{width:calc(33.3333% - 18px);margin:18px 0 0 18px}
    .planxqzl-left,.planxqzl-right{width:100%;margin-bottom:28px}
    .planxqzl-right .top-img img{width:120px}
    .planxqkj-img,.planxqkj-panel{width:100%;padding:28px 20px}
    .planxqcj .planjj-items-ul{flex-direction:row;flex-wrap:wrap}
    .planxqcj .planjj-items-list{padding:30px}
    .planxqcj-img{width:100%;margin:0}
    .planxqcj-info{width:100%;padding:20px 0 0}
    .planxqkh-img{width:100%}
    .planxqkh-info{width:100%;padding:24px 0 0}
    .casehy .contain{width:calc(92% + 24px)}
    .casehy-box{height:350px;padding:30px 24px}
    .casehy .planjj-items-menu{min-height:416px}
    .casexqjs-head-we{width:100%}
    .casexqjs-head-pro{width:100%;margin-top:20px;flex-direction:row}
    .casexqjs-head-pro .link a{margin-right:auto;margin-left:6px}
    .casexqjs-head-pro .hint span{padding-left:0;padding-right:14px;background-image:url(../images/common/arrRH.svg);background-position:right -2px center}
    .casexqjs-info-title .title{width:100%;margin:20px 0 0;text-align:center}
    .news-menu a{height:54px;margin-left:36px}
    .news-list{width:100%;padding-right:0}
    .news-side{width:100%;margin-top:40px}
    .newsxq-box{width:100%;padding-right:0}
    .formbox-mix{flex-direction:row}
    .formbox-box,.formbox-coo-box{width:100%}
    .formbox-info{width:100%;margin-top:40px}
    .popPrivacy-contain{width:92%}
    .abojrgw-menu *{width:100px}
    .abojrgw-menu .name{width:calc(100% - 100px*3 - 40px)}
    .abolxsq-items{margin:0;padding:0 20px}
    .abolxqt-list li .cont{width:calc(100% - 40px);margin-left:0;padding-left:12px}
    .abolxqt-list li{margin-top:28px;width:50%}
    .abolxqg .contain{width:calc(92% + 20px)}
    .abolxqg-box{box-shadow:4px 4px 6px 0 rgba(85,98,151,.12)}
    .abolxqg-box:hover{box-shadow:4px 4px 6px 0 rgba(35,49,174,.2)}
    .abolxqt-list ul{margin-top:-28px}
    .teamhb-list li{width:calc(50% - 50px)}
    .teamjh-img{width:100%}
    .teamjh-cont{width:100%;margin-top:20px}
    .aboqylc-mix .gallery-more .num{width:150px}
    .aboqylc-mix .gallery-more .cont{width:calc(100% - 150px)}
    .source-box{padding-left:28px}
    .source-common ul{margin:-16px 0 0 -16px}
    .source-common li{width:calc(50% - 16px);margin:16px 0 0 16px;padding:24px 16px}
    .source-common li .link a{width:92px;height:34px;margin-left:5px}
    .source-common li .link{margin-top:16px}
    .source-video li .text{height:64px}
    .source-video ul{margin:-16px 0 0 -16px}
    .source-video li{width:calc(50% - 16px);margin:16px 0 0 16px}
    .source-group ul{margin:-16px 0 0 -16px}
    .source-group li{width:calc(50% - 16px);margin:16px 0 0 16px}
    .left-info{width:50%}
    .source-more-box .item{padding:0 5px}
    .source-more-box .item .bottom-info{padding:0 14px}    

    .engineerBody .proclban-img img.none-pc{height: 650px;}
    .engineerBody .proclban-cont .btn a{margin: 10px 0 0;}
    .engineerGc-list ul{margin: -20px 0 0;}
    .engineerGc-list li{margin: 30px 0 0;width: 100%;}
    .engineerXz-cont{width: 60%;}
    .engineerXz-img{width: 40%;height: 220px;top: 20%;}
    .engineerNl-menu{overflow-x: auto;flex-wrap: nowrap;}
    .engineerNl-menu a{flex: unset;flex-wrap: nowrap;white-space: nowrap;height: 44px;padding: 0 20px;}
    .engineerNl-menu a .ico{width: 20px;}
    .engineerNl-cont{width: 100%;padding: 25px 15px;}
    .engineerNl-loop{width: 100%;padding: 25px 15px;}
    .engineerNl-mix{flex-direction: column-reverse;}
    .engineerNl-loop .img{height: 200px;}
    .engineerNl-loop .swiper-pagination{margin-top: 15px;}
    .engineerNl-loop .swiper-pagination-bullet{width: 20px;margin: 0 0 0 10px !important;height: 2px;}
    .engineerFa-link a, .engineerNl-link a, .engineerGh-main-cont .link a{padding: 0 16px;height: 38px;}
    .engineerCy.planxqcj .planjj-items-menu{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;width:100%;}
    .engineerCy.planxqcj .planjj-items-menu a{width: auto;padding: 0 15px;height: 38px;}
    .engineerCy.planxqcj .planjj-items-list{padding: 25px 0 25px 15px;width:100%;}
    .engineerCy.planxqcj .planxqcj-info{padding-right: 15px;}
    .planxqcj-info-head .text{font-size: 14px;}
    .engineerAl-loop{padding: 0;}
    .engineerAl-prev, .engineerAl-next{display: none;}
    .engineerAl-loop .swiper-container{padding: 10px 15px;}
    .engineerAl-loop .swiper-slide{box-shadow: 0px 4px 8px 0px rgba(85, 98, 151, 0.1);}
    .engineerAl-link-img img{height: 150px;}
    .engineerAl-loop .swiper-pagination{margin-top: 20px;}
    .engineerAl-loop .swiper-pagination-bullet{width: 20px;height: 2px;margin: 0 0 0 10px !important;}
    .engineerGh-main-img{width: 100%;}
    .engineerGh-main-cont{width: 100%;padding: 20px 15px 30px;}
    .engineerGh-main-img img{height: 215px;}
    .engineerGh-main-cont .text{font-size: 14px;}
    .engineerGh-list-ul{margin-left: 0;}
    .engineerGh-list-link{margin: 15px 0 0;width: 100%;padding: 25px 15px;}
    
    
    .aiMore{width: 110px;height: 38px;}
    .aiMore.long{width: 180px;}
    .aiIntro-desc .title span{display: block;width: 100%;}
    .aiTitle .text{width: 100%;margin-top: 10px;}
    .aiTitle .title i {width: 30px;height: 30px;margin-right: 8px;}
    .aiWhat-flex{flex-direction: column-reverse;padding: 25px 15px;}
    .aiWhat-video{width: 100%;}
    .aiWhat-video-img{transform: none;}
    .aiWhat-video-img .btn i{width: 30px;}
    .aiWhat-list{width: 100%;}
    .aiWhat-list li{padding-left: 24px;}
    .aiWhat-list li::after{width: 14px;height: 14px;top:6px;}
    .aiDo-nav-list{width: 100%;border-radius: 5px;}
    .aiDo-nav .item{width: calc(100% / 3);font-size: 12px;height: 32px;}
    .aiDo-flex{border-radius: 5px;padding: 15px;}
    .aiDo-img{width: 100%;}
    .aiDo-img .item{height: 185px;}
    .aiDo-img .item{border-radius: 5px;}
    .aiDo-list{width: 100%;padding: 10px 0 0;}
    .aiDo-tips{font-size: 17px;}
    .aiYS-item{padding: 25px 15px;flex-direction: column-reverse;}
    .aiYS-img{width: 100%;}
    .aiYS-img .big{border-radius: 5px;}
    .aiYS-img .small{right: -10px;bottom: 10px; border-radius: 5px;}
    .aiYS-con{width: 100%;margin-top: 20px;}
    .aiYS-title .title{font-size: 16px;line-height: 26px;}
    .aiYS-title .ico{width: 44px;margin-right: 12px;}
    .aiYS-desc li{padding-left: 16px;}
    .aiYS-desc li::after{width: 6px;height: 6px;}
    .aiYS-desc .title{font-size: 15px;}
    .aiYS-item{top: 50px;}
    .aiYS-item:nth-child(2){top: 70px;}
    .aiYS-item:nth-child(3){top: 90px;}
    .aiYS-item:nth-child(4){top: 110px;}
    .aiYS-item:nth-child(5){top: 130px;}
    .aiPJ-swp .swiper-container{padding: 0;}
    .aiPJ-slide{padding: 15px 22px;}
    .aiPJ-con{flex: unset;width: 100%;margin-top: 10px;}
    .aiPJ-img{width: 60px;height: 60px;}
    .aiApp-list{margin: 0;}
    .aiApp-item{margin: 15px 0 0;width: 100%;}
    .aiApp-img img{height: 170px;}
    .aiApp-con {padding: 15px 15px 22px;}
    .aiHZ-swp .swiper-slide{padding: 2px 5px 8px;}
    .aiHZ-slide{height: 50px;box-shadow: 0px 3px 5px 0px rgba(85, 98, 151, 0.07);}
    .aiHZ-swp::after, .aiHZ-swp::before{width: 30px;}
    .aiNews-nav .item{margin-left: 20px;font-size: 13px;}
    .aiNews-show{width: 100%;}
    .aiNews-show-img{border-radius: 5px;}
    .aiNews-show-img img{height: 280px;}
    .aiNews-show-con{padding: 15px;}
    .aiNews-list{width: 100%;margin-top: 15px;}
    .aiNews-item-img{border-radius: 4px;}
    .aiNews-item-img img{height: 90px;}
    .aiBtm-con{padding: 50px 4%;}
    .aiBtm-title,.aiBtm-text,.aiBtm-btn-box{opacity: 1;transform: none;}
    .aiBtm-btn-box .aiMore{font-size: 13px;width: 80px;height: 30px;}
    .aiBtm-btn-box .aiMore.cta{margin-left: 10px;width: 150px;}
    .aiBtm-book{margin-left: 15px;font-size: 13px;}
    .aiIntro-icon1{width: 50px;top: 63%;}
    .aiIntro-icon2{width: 65px;top: 100%;}
    .aiSide{display:none;}
    .aiIntro-icon3{width: 70px;top: -30px;}
    
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .proclban-cont .text {margin-top: 8px;font-size: 14px;}
    .proclban-cont .btn{margin-top:16px}
    .proclban-cont .btn a{width:108px;height:36px;margin-left:8px}
    .proclban-cont .btn a.tech{margin-left:10px}
    .proclbar{margin-top:32px;padding-bottom:32px}
    .proclbar-video img{height:140px}
    .proclbar-tabs{margin-top:18px}
    .proclbar-tabs a{width:100%;margin-top:12px}
    .proclbar-tabs a:first-child{margin-top:0}
    .proclplace{display:none}
    .proclmenu{display:none}
    .proclnz-ul{margin:-14px 0 0}
    .proclnz-items{width:100%;margin:14px 0 0}
    .proclal-loop .swiper-pagination-bullet,.proclnz-loop .swiper-pagination-bullet{margin:0 0 0 10px!important;width:24px}
    .proclsz-menu a{width:auto;height:32px;padding:0 20px}
    .proclsz-menu a::after{height:2px}
    .proclgn-menu{flex-wrap:wrap}
    .proclgn-menu a{width:33.3333%;justify-content:center}
    .proclgn-loop{margin-top:28px}
    .proclgn-title i{width:44px;height:3px;margin-top:10px}
    .proclgn-info{width:100%;padding:0 0 24px}
    .proclgn-video{height:192px;border:6px solid #fff}
    .proclgn{padding-bottom:20px}
    .proclfa-info .text{font-size:14px}
    .proclfa-info a{width:110px;height:36px;margin-top:12px}
    .proclfa .image{height:120px}
    .procldb-menu a::after{display:none}
    .procldb-menu a{width:50%;margin:0;height:34px}
    .proclal-loop .swiper-pagination{display:none}
    .proclal-loop .swiper-wrapper{padding-bottom:0}
    .proclal-next,.proclal-prev{margin-top:-21px}
    .swiperBtn{margin-top:-21px}
    .proclal-loop{padding:0 48px}
    .proclal-items{height:110px;padding:12px}
    .proclwt-click i{width:30px}
    .proclwt-click p{max-width:calc(100% - 30px);padding-left:26px}
    .proclwt-close{width:30px;height:30px}
    .proclwt-list li.active{padding:22px 30px 22px 0}
    .proclwt-list li.active .proclwt-click p{padding-left:26px}
    .proclwt-cont{margin-top:8px;padding-left:26px}
    .proclwt-click{padding:15px 0}
    .proclxz-ul{margin:-16px 0 0}
    .proclxz-items{padding:20px 16px;width:100%;margin:16px 0 0}
    .proclxz-info{padding:20px 0 0}
    .proclxz-link{margin-top:12px}
    .popForm-close{right:0;top:0;background-size:20px auto}
    .popForm-contain{padding:24px 16px 28px}
    .popForm-title .text{margin-top:8px;font-size:14px;line-height:20px}
    .popForm-form{margin-top:18px}
    .popForm-form-ul{margin-top:-6px}
    .popForm-form-li{width:100%;margin-top:6px}
    .popForm-form input{height:38px}
    .popForm-form .customSelect-name{height:38px}
    .popForm-form .customSelect-drop{top:38px;max-height:144px}
    .popForm-form .customSelect-drop li{height:36px}
    .popForm-form-li.code .sendCode{width:116px}
    .popForm-form-li.code input{padding-right:calc(116px + 14px)}
    .popForm-form-li.btn button{width:100%;height:40px}
    .popForm-form-li.btn{margin-top:8px}
    .popFormYes-close{right:0;top:0;background-size:20px auto}
    .popFormYes-contain{width:294px;margin:58px auto 0;padding:30px 16px}
    .popFormYes-title .name i{width:22px;height:22px;background-size:18px}
    .popFormYes-title .text{margin-top:8px}
    .popFormYes-title .link{width:208px;height:38px;margin-top:12px}
    .prosoyz-menu a{padding:0;margin:0;height:34px}
    .prosoyz-menu a::after{height:2px}
    .prosoyz-menu .contain{justify-content:space-between}
    .prosoyz-items .text{display:none}
    .prosoyz-items-box{height:auto;text-align:center;padding:12px 0}
    .prosoyz-items{padding:0 4%}
    .prosoyz-list{padding-bottom:20px}
    .prosoyz-loop{padding:0 0 4px}
    .prosoyz-video{margin-top:4px;height:192px;border:6px solid #4c515c;border-radius:5px}
    .prosoyz-list .prosoyz-btn{bottom:-60px;width:100%}
    .crowdgl-title .line{margin-top:6px}
    .crowdgl-info{margin-top:16px}
    .crowdsz-img{height:200px;border:6px solid #fff}
    .crowdsz-img::after{width:52px;bottom:-6px;right:-13px;height:52px}
    .crowdsz-mix{padding:24px 0 0!important}
    .crowdsz-link a{width:100px;height:34px}
    .crowdsz-link{margin-top:18px}
    .crowdsz-items{margin-top:26px}
    .crowdst-info-text{line-height:24px}
    .crowdst-info-hint li{margin-top:12px}
    .crowdst-list{margin-top:24px}
    .crowdst-list-ul{margin:-10px 0 0 -10px}
    .crowdst-list-items{width:calc(50% - 10px);margin:10px 0 0 10px;height:120px}
    .crowdst-list-items .text{margin-top:10px}
    .planjj-menu a{height:32px;padding:0;margin-left:20px}
    .planjj-items-menu a::after{display:none}
    .planjj-items-menu a:before{width:100%;left:0;opacity:0}
    .planjj-items-menu a.active::before{width:100%;opacity:1}
    .planjj-items{flex-wrap:wrap}
    .planjj-items-menu{display:flex;flex-wrap:wrap;min-height:auto;width:100%;border-top-left-radius:3px;border-bottom-left-radius:0;border-top-right-radius:3px}
    .planjj-items-menu a{width:33.3333%;padding:0;justify-content:center;height:34px}
    .planjj-items-list{width:100%;padding:24px 2px}
    .planjj-items-ul{padding:0 16px;height:276px}
    .planal-list a{width:50%}
    .planal-loop .swiper-container{padding:18px 0 32px}
    .planal-loop .swiper-pagination-bullet{margin:0 0 0 10px!important;width:24px}
    .planfx-ul{margin:-16px 0 0}
    .planfx-items{width:100%;margin:16px 0 0;padding:20px 16px}
    .planfx-items-info{padding:20px 0 0}
    .planfx-items-info .text{line-height:22px;max-height:66px}
    .planfx-link a{width:110px;height:36px}
    .planal-list a .image{height:90px}
    .planxqzl-left .content,.planxqzl-right .item .content{height:350px}
    .planxqzl-left .content .left-img{width:200px}
    .planxqzl-left .content .right-info{width:calc(100% - 200px)}
    .bottom-info .desc .fs15,.right-info .desc .fs15{font-size:14px}
    .bottom-info .desc .lh25,.right-info .desc .lh25{line-height:22px}
    .planxqzl-right .item{width:100%}
    .planxqgs-items::after{opacity:1}
    .planxqzl-right .item .content .top-img{padding:10px 0}
    .bottom-info .title{padding:20px 0 15px}
    .planxqgs .btn a{width:110px;height:36px}
    .planxqgs-hint{justify-content:space-between}
    .planxqgs-hint-items img{display:none}
    .planxqgs-hint-items{width:calc(50% - 4px);height:50px;background:linear-gradient(to bottom,#f1f0f9,#e6e6ee);box-shadow:6px 6px 8px 0 rgba(85,98,151,.1);border-radius:5px;border:2px solid #fff}
    .planxqgs-hint-items .text{display:flex;justify-content:center;font-size:16px;align-items:center;width:100%;height:100%;top:0;left:0}
    .planxqgs-hint-items:last-child{background:linear-gradient(to bottom,#6341ee,#7e65ed)}
    .planxqgs-list{margin-top:20px}
    .planxqgs-items{padding:24px 16px;margin-top:16px;box-shadow:6px 6px 14px 2px rgba(85,98,151,.11)}
    .planxqgs-items:first-child{margin-top:0}
    .planxqgs-items-head,.planxqgs-items-info{width:calc(50% - 6px)}
    .planxqgs-items-head .name,.planxqgs-items-info .name{font-size:14px}
    .planxqgs-items-head .text,.planxqgs-items-info .text{font-size:12px;line-height:20px;margin-top:4px}
    .planxqgs-items-info .hint{font-size:12px}
    .planxqkj-img,.planxqkj-panel{padding:20px 16px}
    .planxqkj-panel-info a{width:110px;height:36px}
    .planxqkj-panel-we p{line-height:20px;background-position:left top 4px}
    .planxqkj-panel-items .title{margin-bottom:10px}
    .planxqkj-panel-tags a{padding:6px 10px}
    .planxqcj .planjj-items-menu{min-height:auto}
    .planxqcj .planjj-items-list{padding:24px 16px}
    .planxqcj-info-link a{width:110px;height:36px}
    .planxqcj-info-link{margin-top:20px}
    .planxqkh .proclal-loop .swiper-pagination{display:block}
    .planxqkh .proclal-next,.planxqkh .proclal-prev{display:none}
    .planxqkh .contain{width:100%}
    .planxqkh .proclal-loop{padding:0}
    .planxqkh-box{padding:12px 4%}
    .planxqkh-img{height:120px;padding:12px}
    .planxqkh-info .text{margin-top:8px}
    .casehy .planjj-items-menu{min-height:auto;width:94%;margin:0 auto}
    .casehy .contain{width:100%}
    .casehy .planjj-items{padding-left:0}
    .casehy .planjj-items-list{margin-top:24px}
    .casehy-head-btn{width:80px}
    .casehy-head-btn .swiperBtn{width:36px;height:36px}
    .casehy .planjj-items-ul{padding-left:0}
    .casehy-head{padding:0 4%}
    .casehy-loop .swiper-container{padding:20px 4%}
    .casehy{padding-bottom:14px}
    .casehy-box{height:294px;padding:24px 16px}
    .casekh .contain{width:100%}
    .casekh-loop .swiperBtn{display:none}
    .casekh-loop{padding:0}
    .casekh-loop .swiper-container{padding:28px 4% 30px}
    .casekh-info{padding:20px 0 12px}
    .casekh-info .name{margin-top:14px}
    .casekh-loop .swiper-pagination-bullet{margin:0 0 0 10px!important;width:24px}
    .casexqjs-head-we .items{padding:0 14px}
    .casexqjs-head-we .items .name{font-size:18px}
    .casexqjs-head-we .items .text{margin-top:4px}
    .casexqjs-head-pro{margin-top:16px}
    .casexqjs-head-pro .hint{width:100%;justify-content:center}
    .casexqjs-head-pro .hint span{padding:0;background:0 0}
    .casexqjs-head-pro .link{width:100%}
    .casexqjs-head-pro .link a{margin:6px 6px 0 0}
    .casexqjs-head-pro .link a{height:30px;padding:0 8px}
    .casexqjs-info{padding:28px 16px}
    .casexqjs-info-title .title{font-size:18px;margin:12px 0 0}
    .casexqjs-info-cont{line-height:24px}
    .casexqjs-info-cont img,.casexqjs-info-cont video{margin:8px 0}
    .bottom-info .btn a,.casexqjs-info-cont .btn a,.left-info .btn a,.right-info .btn a{width:108px;height:36px}
    .law-cont h4,.law-cont h5,.law-cont h6{font-size:16px}
    .law-cont{line-height:26px}
    .news-menu a::after{display:none}
    .news-menu a{margin:0;width:33.3333%;justify-content:center;height:30px}
    .news-menu{padding:12px 0}
    .news-list-items .image{width:100%}
    .news-list-items .cont{width:100%;padding:20px 0 0}
    .news-list-items .cont .text{margin-top:10px}
    .news-list-items .cont .hint{margin-top:12px}
    .news-list-items .cont .hint p{margin-left:20px}
    .news-list-items{padding:24px 0}
    .news-side{margin-top:28px}
    .news-side-search input{height:38px;padding:0 46px 0 14px}
    .news-side-search button{width:46px;height:38px}
    .news-side-items{margin-top:20px}
    .news-side-info a{padding:10px 0}
    .news-side-tags a{margin:6px 6px 0 0}
    .proclban.proclban-loop .swiper-pagination-bullet{width:24px;margin-left:10px}
    .proclban.proclban-loop .swiper-pagination{bottom:16px}
    .newsxq-head .hint p{margin-left:20px}
    .newsxq-head .hint{margin-top:12px}
    .newsxq-info{padding:20px 0;line-height:26px}
    .newsxq-button{padding:16px 0}
    .newsxq-button .link{width:100%}
    .newsxq-button .more{width:110px;height:34px;margin:12px auto 0}
    .newsxq-meet{padding:28px 15px 20px;margin-top:32px;box-shadow:8px 8px 14px 2px rgba(85,98,151,.11)}
    .newsxq-meet .title{height:30px;padding:0 16px;left:15px;font-size:16px;top:-12px}
    .newsxq-meet .text{width:100%;line-height:26px}
    .newsxq-meet .code{margin:16px auto 0}
    .formbox-coo-mix,.formbox-mix{padding:24px 15px}
    .formbox-coo-mix{width:100%;text-align:left}
    .formbox-form>ul>li .hint{width:100%;margin-bottom:6px}
    .formbox-form>ul>li .customSelect,.formbox-form>ul>li input,.formbox-form>ul>li textarea,.formbox-form>ul>li.code .code-box{width:100%}
    .formbox-form>ul>li.text .hint{margin-top:0}
    .formbox-form>ul>li button{width:100%;height:40px}
    .formbox-info-code .code{width:180px;padding:12px;margin:12px auto 0}
    .formbox-info{margin-top:30px}
    .formbox-form{margin-top:16px}
    .formbox-coo-box .formbox-form>ul>li.botmt{padding-left:0}
    .popPrivacy-contain{padding:30px 0}
    .popPrivacy-cont{margin-top:16px;padding:0 20px;line-height:26px;height:484px}
    .abojrwh-list ul{margin:-18px 0 0}
    .abojrwh-list li{width:100%;margin:18px 0 0;padding:24px 16px}
    .abojrwh-cont{padding:18px 0 0}
    .abojrwh-cont .text{margin-top:12px}
    .abojrfl-list ul{margin:-36px 0 0}
    .abojrfl-list li{width:100%;margin:44px 0 0;padding:40px 16px 30px}
    .abojrgw-menu .add,.abojrgw-menu .edu{display:none}
    .abojrgw-menu .arr{width:30px}
    .abojrgw-menu .name{width:calc(100% - 100px*1 - 30px)}
    .abojrgw-menu *{height:44px}
    .abojrgw-menu{padding:0 0 0 15px}
    .abojrgw-cont{padding:18px 15px;line-height:25px}
    .abojrgw-cont a{font-size:16px}
    .abolxsq-items{width:100%;padding:0}
    .abolxsq-items .name{margin-top:10px}
    .abolxsq-items .text{margin-top:4px}
    .abolxsq-items:last-child{margin-top:18px}
    .abolxsq-items .image{height:auto}
    .abolxqt-list ul{margin-top:-16px}
    .abolxqt-list li{margin-top:16px;width:100%}
    .abolxqt-list li .cont .text{margin-top:4px}
    .abolxqg .contain{width:100%}
    .abolxqg-loop .swiper-container{padding:28px 4% 30px}
    .abolxqg-loop .swiper-pagination-bullet{width:24px;margin:0 0 0 10px!important}
    .abolxqt-list{margin-top:28px}
    .abolxqg-cont{padding:12px 16px}
    .teamhb-list ul{margin:-20px 0 0}
    .teamhb-list li{width:100%;margin:20px 0 0}
    .teamhb-list li .title{margin-top:12px}
    .teamhb-list li .text{margin-top:6px}
    .teamjh-list ul{margin:-16px 0 0}
    .teamjh-list li{width:100%!important;margin:16px 0 0;padding:28px 16px}
    .teamjh-cont .text{margin:10px 0 16px}
    .teamfl .teamhb-list li .title{margin-top:12px}
    .teamfl .teamhb-list li .text{margin-top:10px}
    .teamjh-link a{width:124px;height:38px}
    .indzz-loop-items .logo{height:88px;padding:10px}
    .indzz-list-items{width:50%;margin-top:16px}
    .indzz-list-ul{margin-top:-16px}
    .aboqygs-info-tags{padding:8px 0;margin-top:14px;line-height:24px}
    .aboqygs-info-tags p::before{top:9px}
    .aboqygs-video{margin-top:20px;padding:6px;border:8px solid #fff}
    .aboqygs-video .btn{width:50px;height:50px;margin:-25px 0 0 -25px}
    .aboqygs-video .btn::before{width:66px;height:66px;margin:-33px 0 0 -33px}
    .aboqylc-mix .gallery-more .num{width:100%;text-align:center;font-size:32px}
    .aboqylc-mix .gallery-more .cont{width:100%;margin-top:12px}
    .aboqylc-mix .gallery-more .cont li{margin-top:10px}
    .aboqylc-mix .thumbs{margin-top:20px;padding:0 56px}
    .aboqylc-mix .thumbs::after{width:calc(100% - 56px*2)}
    .aboqylc-mix .thumbs-year i::after{width:18px;height:18px;margin:-9px 0 0 -9px}
    .aboqyry-next,.aboqyry-prev{width:36px;height:36px;margin-top:-18px;background-size:16px}
    .aboqyry-items{padding:0 48px}
    .aboqyry .contain::after,.aboqyry .contain::before{width:48px}
    .aboqyry-items .text{font-size:16px;line-height:24px;margin-top:8px}
    .aboqyry-items .image{margin-top:14px}
    .source{padding-top:0}
    .source-menu-control{z-index:10;background:#fff;font-size:16px;color:#6341ee;box-shadow:0 4px 8px 0 rgba(85,98,151,.11);display:flex;width:100%;height:46px;align-items:center;justify-content:center}
    .source-menu .source-menu-scroll>ul>li>a{height:44px}
    .source-menu-shade{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0;z-index:66}
    .source-menu{position:fixed;left:-260px;top:0;z-index:99;height:100%;padding-top:60px;padding-bottom:0;box-shadow:none}
    .source-menu-close{display:block;width:40px;height:44px;position:absolute;background:url(../images/common/closeW.svg) no-repeat center/16px auto;top:60px;right:-40px}
    .source-menu .source-menu-scroll>ul>li>a::after{left:0}
    .source-menu ul ul::before{width:100%;left:0}
    .source-menu-scroll{height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden}
    .source-box{width:100%;padding-left:0;margin-top:28px}
    .source-head{margin-bottom:16px}
    .source-common ul{margin:-16px 0 0}
    .source-common li{width:100%;margin:16px 0 0}
    .source-common li .text{margin-top:8px}
    .source-common li .link{margin-top:12px}
    .source-head .sorts{margin-left:26px}
    .source-head .sorts a{margin-left:20px;padding-bottom:0}
    .source-video ul{margin:-8px 0 0}
    .source-video li{width:100%;margin:16px 0 0}
    .source-group ul{margin:-12px 0 0 -12px}
    .source-group li{width:calc(50% - 12px);margin:12px 0 0 12px;padding:20px 12px}
    .source-group li .text{margin-top:8px}
    .left-info{width:100%}
    .source-more-box{height:700px}
    .source-more-box .item .content{height:350px}
    .source-more-box .item{width:50%;margin-bottom:10px}
    .source-more-box .top-img img{height:157px;max-height:157px}
    .proclban-img img.none-pc{min-height:380px}   
    .engineerNl-loop .img i {width: 36px;height: 36px;margin: -18px 0 0 -18px;background-size: 16px auto;}
}