@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;
}

/* -------------------------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
    }
}

@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);
    }
}

@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);
    }
}

@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;
    }
}

@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;
    }
}