@charset "utf-8";

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

.paging-menu {
    width: 100%;
    justify-content: center;
    align-items: center;
}

.paging-menu a {
    display: flex;
    align-items: center;
    height: 28px;
    margin: 0 16px;
    font-size: 16px;
    color: #666;
    font-family: "MR";
    position: relative;
    line-height: 1;
    transition: all .4s ease;
}

.paging-menu a::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    background: #0056b8;
    left: 50%;
    margin-left: -6px;
    bottom: 0;
    opacity: 0;
    transition: all .4s ease;
}

.paging-menu a:hover,
.paging-menu a.active {
    color: #0056b8;
}

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

.paging-menu a.btn::after {
    display: none;
}

.paging-menu a.btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.paging-menu a.start,
.paging-menu a.prev {
    margin: 0 16px 0 0;
    transform: rotate(180deg);
}

.paging-menu a.end,
.paging-menu a.next {
    margin: 0 0 0 16px;
}

.paging-menu a.start,
.paging-menu a.end {
    background-image: url('../images/pagearr1.png');
}

.paging-menu a.prev,
.paging-menu a.next {
    background-image: url('../images/pagearr2.png');
}

.paging-menu a.start:hover,
.paging-menu a.end:hover {
    background-image: url('../images/pagearr1h.png');
}

.paging-menu a.prev:hover,
.paging-menu a.next:hover {
    background-image: url('../images/pagearr2h.png');
}

.paging-menu a.btn:hover {
    border-color: #0056b8;
}

@media all and (max-width: 640px) {
    .paging-menu a {
        margin: 0 9px;
    }

    .paging-menu a.start,
    .paging-menu a.prev {
        margin: 0 5px 0 0;
    }

    .paging-menu a.end,
    .paging-menu a.next {
        margin: 0 0 0 5px;
    }

    .paging-menu a.btn {
        width: 36px;
        height: 36px;
    }
}

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

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

.search-info span {
    color: #0056b8;
}

.search-list {
    width: 100%;
}

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

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

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

.search-link .highlightRow span {
    color: #0056b8 !important;
}

.search-link:hover h2 {
    color: #0056b8;
}

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

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

.sonTitle {
    width: auto;
}

.sonTitle .title {
    color: #333;
    line-height: 1.1;
}

.sonTitle .text {
    color: #666;
}

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

.sonTitle.white .title,
.sonTitle.white .text {
    color: #fff;
}

/* 法律声明 */
.law {
    width: 100%;
}

.law .content {
    width: 100%;
}

.law .content * {
    line-height: inherit;
    color: #666;
}

.law .content h6 {
    color: #333;
    font-weight: 700;
    font-size: 24px;
}

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

.sonBan img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: right bottom;
}

.sonBan-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    color: var(--base-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sonBan-cont .contain {
    pointer-events: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.sonBan-cont .text {
    font-family: "MB";
    line-height: 1;
    margin-top: 12px;
    /* display: none; */
}

.sonBan-cont .title {
    line-height: 1.1;
    font-weight: 700;
    margin-top: 0;
}

.sonBan-cont .text,
.sonBan-cont .title {
    /* opacity: 0; */
}

.sonBan-cont .text {
    animation: sonBanRun 1s ease both .4s;
}

.sonBan-cont .title {
    animation: sonBanRun 1s ease both .2s;
}

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

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

.sonBan-mix {
    position: absolute;
    z-index: 4;
    left: 0;
    width: 100%;
    bottom: 0;
    opacity: 0;
    animation: sonBanRunMenu 1s ease both .8s;
}

@keyframes sonBanRunMenu {
    0% {
        opacity: 0;
        transform: translateY(110px);
    }

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

.sonBan-place {
    width: 100%;
    color: #fff;
    align-items: center;
    font-size: 0;
    margin-bottom: 16px;
    opacity: 0;
    visibility: hidden;
}

.sonBan-place a {
    font-size: 14px;
    line-height: 16px;
    margin-right: 20px;
    position: relative;
    transition: all .4s ease;
}

.sonBan-place a::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    right: -20px;
    width: 20px;
    height: 16px;
    background: url('../images/arrrw.svg') no-repeat center/12px auto;
}

.sonBan-place a:last-child:after {
    display: none;
}

.sonBan-place.color {
    color: #888;
}

.sonBan-place.color a::after {
    background-image: url('../fonts/arrr.svg');
    background-size: 16px auto;
}

.sonBan-place a:hover {
    color: #0056b8;
}

.sonBan-menu {
    width: 100%;
    justify-content: space-between;
}

.sonBan-menu a {
    display: flex;
    height: 70px;
    line-height: 1;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    background: rgba(0, 0, 0, .5);
    transition: all .4s ease;
}

.sonBan-menu.a1 a,
.sonBan-menu.a2 a {
    width: calc(50% - 2px);
}

.sonBan-menu.a3 a {
    width: calc(33.3333% - 2px);
}

.sonBan-menu.a4 a {
    width: calc(25% - 2px);
}

.sonBan-menu a:hover,
.sonBan-menu a.active {
    background: #0056b8;
}

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

/* 联系我们 */
.rel {
    background: #fff;
}

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

.reltp::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
}

.reltp-loop {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #333;
}

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

.reltp-list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    user-select: none;
}

.reltp-list ul {
    display: flex;
    height: 100%;
}

.reltp-list li {
    width: 160px;
    height: 100%;
    position: relative;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
}

.reltp-list li::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
}

.reltp-list li:first-child::before {
    display: none;
}

.reltp-list li.active {
    width: calc(100% - 160px*5);
}

.reltp-list li .address {
    position: absolute;
    width: 100%;
    transition: all .4s ease;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reltp-list li .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 90px;
}

.reltp-list li .title {
    line-height: 1.1;
    opacity: 0;
}

.reltp-list li .text {
    max-width: 334px;
    opacity: 0;
}

.reltp-list li.active .address {
    opacity: 0;
}

.reltp-list li.active .title {
    animation: reltpRun 1s ease both .4s;
}

.reltp-list li.active .text {
    animation: reltpRun 1s ease both .6s;
}

@keyframes reltpRun {
    0% {
        opacity: 0;
        transform: translateY(60px);
    }

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

.rellb {
    width: 100%;
    overflow: hidden;
}

.rellb-main {
    width: 100%;
    padding-bottom: 36px;
    border-bottom: 1px solid #d8dadd;
}

.rellb-main .name {
    display: flex;
    align-items: center;
    min-height: 22px;
    color: #333;
    line-height: 1.1;
    padding-right: 28px;
    background: url('../images/relicon.png') no-repeat right 2px top;
    transition: all .4s ease;
}

.rellb-main-list {
    margin-left: -80px;
}

.rellb-main-list li {
    width: calc(33.3333% - 80px);
    margin-left: 80px;
}

.rellb-main-list li .hint {
    color: #333;
    font-family: "MB";
    line-height: 1.1;
}

.rellb-main-list li .text {
    color: #888;
}

.rellb-main-list li:first-child .text {
    color: #333;
    max-width: 300px;
}

.rellb-list {
    width: 100%;
}

.rellb-list ul {
    border-bottom: 1px solid #d8dadd;
    padding: 36px 0;
    margin-left: -80px;
}

.rellb-list li {
    width: calc(33.3333% - 80px);
    margin-left: 80px;
}

.rellb-list li .name {
    display: flex;
    align-items: center;
    min-height: 24px;
    color: #333;
    line-height: 1.32;
    padding-right: 32px;
    background: url('../images/relicon.png') no-repeat right 2px top 3px;
    transition: all .4s ease;
}

.rellb-list li .email,
.rellb-list li .phone {
    color: #666;
    font-family: "MR";
    line-height: 1.1;
}

.rellb-list li .address {
    color: #666;
    max-width: 260px;
}

.rellb-list ul:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.rellb-main .name:hover,
.rellb-list li .name:hover {
    color: #0056b8;
    background-image: url('../images/reliconh.png');
}

/* 新闻-列表 */
.news {
    background: #fff;
}

.news-main {
    width: 100%;
}

.news-image {
    width: 924px;
    overflow: hidden;
    display: block;
}

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

.news-main .news-image img {
    height: 480px
}

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

.news-main .news-cont {
    justify-content: center;
}

.news-cont {
    width: calc(100% - 924px);
    padding: 68px 44px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f6f7f9;
}

.news-cont .top,
.news-cont .bottom {
    width: 100%;
}

.news-cont .time {
    color: #666;
    font-family: "MB";
    line-height: 1.1;
}

.news-cont .title {
    width: 100%;
}

.news-cont .title a {
    color: #333;
    transition: all .4s ease;
}

.news-cont .title a:hover {
    color: #0056b8;
}

.news-cont .text {
    color: #888;
}

.news-cont .more {
    width: 100%;
}

.news-cont .more a {
    display: flex;
    color: #666;
    padding-right: 18px;
    background: url('../images/arrr.svg') no-repeat right -2px top 1px/17px auto;
    transition: all .4s ease;
    position: relative;
}

.news-cont .more a:hover {
    color: #0056b8;
    background-image: url('../fonts/arrrh.svg');
}

.news-cont .more a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #0056b8;
    right: 0;
    bottom: 0;
    transition: all .4s ease;
}

.news-cont .more a:hover::after {
    width: 100%;
    right: auto;
    left: 0;
}

.news-cont .link {
    display: flex;
    width: 100%;
    height: 74px;
    padding: 0 30px;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-top-right-radius: 37px;
    border-bottom-right-radius: 37px;
    transition: all .4s ease;
    transition: all .4s ease;
}

.news-cont .link span {
    font-size: 14px;
    color: #666;
    transition: all .4s ease;
}

.news-cont .link i {
    width: 60px;
    height: 40px;
    background: #384452;
    transition: all .1s ease 0s;
    overflow: hidden;
    transition: all .4s ease;
    position: relative;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
}

.news-cont .link i::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all .4s ease;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    background: url('../images/newsicon.png') no-repeat center;
}

.news-cont .link i::before {
    content: "";
    position: absolute;
    width: 0;
    opacity: 0;
    height: 100%;
    background: #0056b8;
    top: 0;
    left: 0;
    transition: width .4s ease, opacity .1s ease .4s;
}

.news-cont .link:hover {
    border-radius: 0;
}

.news-cont .link:hover span {
    color: #0056b8;
}

.news-cont .link:hover i::after {
    transform: rotate(90deg);
}

.news-cont .link:hover i::before {
    width: 100%;
    opacity: 1;
    transition: width .4s ease .1s, opacity .1s ease;
}

.news-cont .link:hover i {
    background: #0056b8;
    transition: all .4s ease .4s;
}

.news-list {
    width: 100%;
}

.news-list ul {
    margin: 0 0 0 -31px;
}

.news-list li {
    width: calc(33.3333% - 31px);
    margin: 60px 0 0 31px;
    background: #f6f7f9;
}

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

.news-list .news-cont {
    width: 100%;
    padding: 32px 30px 40px;
}

/* 新闻-详情 */
.newsxq {
    background: linear-gradient(to bottom, #fafafc 50%, #fff);
}

.newsxq-banner {
    width: 100%;
    overflow: hidden;
}

.newsxq-banner img {
    width: 100%;
    object-fit: cover;
    height: 400px;
}

.newsxq-control {
    width: 100%;
    background: #0056b8;
}

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

.newsxq-control a.back {
    width: 120px;
    height: 120px;
    background: #004ba1;
    position: relative;
    order: 2;
}

.newsxq-control a.back::after {
    content: "";
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url('../images/newsxqmenu.png') no-repeat center;
    transition: all .6s ease;
}

.newsxq-control a.back:hover:after {
    transform: rotate(180deg);
}

.newsxq-control a.prev,
.newsxq-control a.next {
    width: calc(50% - 60px);
    padding: 0 36px;
    color: #fff;
    height: 120px;
    align-items: center;
}

.newsxq-control a.prev p,
.newsxq-control a.next p {
    max-width: 100%;
    position: relative;
    padding: 4px 0;
}

.newsxq-control a.prev p.mb,
.newsxq-control a.next p.mb {
    display: none;
}

.newsxq-control a.prev p::after,
.newsxq-control a.next p::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    transition: all .4s ease;
}

.newsxq-control a.prev {
    order: 1;
    background: url('../images/newsxqarrl.png') no-repeat left center;
}

.newsxq-control a.next {
    order: 3;
    background: url('../images/newsxqarrr.png') no-repeat right center;
    justify-content: flex-end;
}

.newsxq-control a.prev:hover p::after,
.newsxq-control a.next:hover p::after {
    opacity: 1;
}

.newsxq-mix {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: -266px;
}

.newsxq-mix .contain {
    max-width: 1100px;
}

.newsxq-head {
    width: 100%;
    color: #fff;
}

.newsxq-head .title {
    line-height: 1.3;
    min-height: 104px;
}

.newsxq-head .time {
    font-family: "MB";
    padding-left: 30px;
    line-height: 1;
    background: url('../images/newsxqicon.png') no-repeat left center;
    margin-top: 12px;
}

.newsxq-box {
    width: 100%;
    position: relative;
}

/* -- */
#toShare {
    position: absolute;
    width: 30px;
    left: -62px;
    top: 162px;
}

#toShare a {
    display: flex;
    width: 100%;
    height: 30px;
    margin-top: 24px;
    background: #d7d7d7;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
}

#toShare a>img {
    max-width: 22px;
}

#toShare a:first-child {
    margin-top: 0;
}

#toShare a:hover {
    background: #0056b8;
}

#toShare .icon-wechat {
    position: relative;
}

#toShare .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}

#toShare .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px;
}

#toShare .icon-wechat .wechat-qrcode.bottom:after {
    display: none;
}

#toShare .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}

#toShare .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}

#toShare .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important;
}

#toShare .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

#toShare .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

#toShare .icon-wechat:hover .wechat-qrcode {
    display: block;
}

/* -- */
.newsxq-content {
    width: 100%;
    background: #fff;
    padding: 78px 78px 0;
    position: relative;
    color: #666;
    text-align: center;
}

.newsxq-content * {
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    text-align: left;
    font-family: "思源黑体 CN", "Source Han Sans CN", "noto sans" !important;
}

.newsxq-content h6 {
    color: #0056b8;
    font-size: 20px;
    font-weight: 700;
}

.newsxq-content img,
.newsxq-content video {
    height: auto !important;
}

.corProduct {
    width: 100%;
    background: #0056b8 url('../images/corproductbg.png') no-repeat right center/auto 100%;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
}

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

.corProduct .link {
    width: 100%;
}

.corProduct .link a {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 230px;
    height: 52px;
    margin: 0 auto;
    padding-top: 2px;
    border: 3px solid rgba(255, 255, 255, .5);
    border-radius: 26px;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    transition: all .4s ease;
}

.corProduct .link a::after {
    content: "";
    width: 24px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 22px;
    background: url('../images/indarr.png') no-repeat center;
    transition: all .4s ease;
}

.corProduct .link a:hover {
    background: #fff;
    border-color: #fff;
    color: #0056b8;
}

.corProduct .link a:hover::after {
    transform: translateX(-26px);
    background-image: url('../images/indarrh.png');
}

.corProduct.liuyan a::after {
    display: none;
}

.corProduct.liuyan a span {
    padding-left: 34px;
    background: url('../images/messic.png') no-repeat left center;
    transition: background .4s ease;
    height: 22px;
    line-height: 22px;
}

.corProduct.liuyan a:hover span {
    background-image: url('../images/messich.png');
}

/* 方案-综合页 */
.case {
    width: 100%;
}

.casejs {
    background: url('../images/casebg.jpg') no-repeat left top/auto 400px;
}

.casejs-head {
    width: 100%;
    justify-content: center;
}

.casejs-head .text {
    color: #333;
}

.casejs-img {
    width: 100%;
}

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

.case img {
    height: auto !important
}

/* 方案-产品列表 */
.pro {
    background: #eff0f2;
    overflow: visible;
}

.pro .contain {
    align-items: flex-start;
}

/* 侧栏 */
.slideBox {
    width: 220px;
    position: sticky;
    left: 0;
    top: 108px;
    padding-bottom: 124px;
}

.slideList {
    width: 100%;
    padding: 24px 0;
    background: #fff;
}

.slideList ul {
    display: block;
    width: 100%;
}

.slideList ul li {
    width: 100%;
    position: relative;
}

.slideList ul li .menu {
    font-size: 18px;
    color: #000;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 60px;
    transition: all .4s ease;
    position: relative;
}

.slideList ul li .click {
    position: absolute;
    z-index: 4;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 12px;
    background: url('../images/arrd.svg') no-repeat center/14px auto;
    transform: rotate(-90deg);
}

.slideList ul li li .menu {
    font-size: 15px;
    color: #666;
    height: 40px;
}

.slideList ul li li li .menu {
    font-size: 14px;
    height: 32px;
}

.slideList ul li li li .menu::before {
    content: "-";
    margin-right: 4px;
}

.slideList ul li .drop {
    width: 100%;
    display: none;
}

.slideList ul li .menu:hover {
    color: #0056b8;
}

.slideList ul li.active>.menu {
    color: #0056b8;
}

.slideList ul li .drop.show {
    display: block;
}

.slideList ul li.on>.click {
    transform: rotate(0);
}

.slideClick,
.slideShade,
.slideClose {
    display: none;
}

.slideShade {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    z-index: 66;
}

@media all and (max-width:1599px) {
    .slideList ul li .menu {
        height: 48px;
    }

    .slideList ul li .click {
        top: 14px;
    }
}

@media all and (max-width:640px) {
    .slideClick {
        position: sticky;
        z-index: 10;
        background: #fff;
        font-size: 16px;
        color: #0056b8;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        display: flex;
        width: 100%;
        height: 46px;
        align-items: center;
        justify-content: center;
        left: 0;
        top: 58px;
    }

    .slideClose {
        display: block;
        width: 36px;
        height: 40px;
        position: absolute;
        background: url('../fonts/close.svg') no-repeat center/14px auto;
        top: 60px;
        right: 0;
    }

    .slideBox {
        background: #fff;
        position: fixed;
        left: -222px;
        top: 0 !important;
        z-index: 99;
        height: 100%;
        padding-top: 100px;
    }

    .slideList {
        height: calc(100vh - 130px);
        overflow-y: auto;
        padding: 0;
    }

    .slideList ul li .menu {
        font-size: 16px;
        padding: 0 16px;
        height: 44px;
    }

    .slideList ul li .click {
        top: 12px;
    }
}

/* -- */
.prolb {
    width: calc(100% - 220px);
    padding-left: 50px;
}

.prolb-list {
    width: 100%;
}

.prolb-list ul {
    margin: -30px 0 0 -30px;
}

.prolb-list li {
    width: calc(50% - 30px);
    margin: 30px 0 0 30px;
    background: #fff;
    padding: 24px 50px;
}

.prolb-image {
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prolb-image img {
    max-width: 100%;
    max-height: 100%;
    transition: all .6s ease;
}

.prolb-image:hover img {
    transform: scale(1.04);
}

.prolb-cont {
    width: 100%;
}

.prolb-cont .title {
    width: 100%;
}

.prolb-cont .title a {
    color: #333;
    transition: all .4s ease;
}

.prolb-cont .title a:hover {
    color: #0056b8;
}

.prolb-cont .text {
    color: #666;
}

.prolb-cont .link {
    display: flex;
    width: 100%;
    height: 74px;
    padding: 0 30px;
    justify-content: space-between;
    align-items: center;
    background: #f6f7f9;
    border-top-right-radius: 37px;
    border-bottom-right-radius: 37px;
    transition: all .4s ease;
    transition: all .4s ease;
}

.prolb-cont .link span {
    font-size: 14px;
    color: #666;
    transition: all .4s ease;
}

.prolb-cont .link i {
    width: 60px;
    height: 40px;
    background: #384452;
    transition: all .1s ease 0s;
    overflow: hidden;
    transition: all .4s ease;
    position: relative;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
}

.prolb-cont .link i::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all .4s ease;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    background: url('../images/newsicon.png') no-repeat center;
}

.prolb-cont .link i::before {
    content: "";
    position: absolute;
    width: 0;
    opacity: 0;
    height: 100%;
    background: #0056b8;
    top: 0;
    left: 0;
    transition: width .4s ease, opacity .1s ease .4s;
}

.prolb-cont .link:hover {
    border-radius: 0;
}

.prolb-cont .link:hover span {
    color: #0056b8;
}

.prolb-cont .link:hover i::after {
    transform: rotate(90deg);
}

.prolb-cont .link:hover i::before {
    width: 100%;
    opacity: 1;
    transition: width .4s ease .1s, opacity .1s ease;
}

.prolb-cont .link:hover i {
    background: #0056b8;
    transition: all .4s ease .4s;
}

.prolb-cont .more {
    width: 100%;
}

.prolb-cont .more a {
    display: flex;
    color: #666;
    padding-right: 18px;
    background: url('../images/arrr.svg') no-repeat right -2px top 1px/17px auto;
    transition: all .4s ease;
    position: relative;
}

.prolb-cont .more a:hover {
    color: #0056b8;
    background-image: url('../fonts/arrrh.svg');
}

.prolb-cont .more a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #0056b8;
    right: 0;
    bottom: 0;
    transition: all .4s ease;
}

.prolb-cont .more a:hover::after {
    width: 100%;
    right: auto;
    left: 0;
}

/* 方案-产品详情 */
.proxq {
    background: #fff;
}

.proxqtb {
    background: #f5f7f9;
    display: flex;
    justify-content: flex-end;
}

.proxqtb .contain {
    width: 100%;
    padding-left: calc((100% - 1400px)/2);
}

.proxqtb-mix {
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
}

.proxqtb-image {
    width: calc(100% - 480px);
    padding: 0 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.proxqtb-image img {
    max-width: 100%;
    max-height: 540px
}

.proxqtb-info {
    width: 480px;
}

.proxqtb-info-title {
    width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid #cdd5dc;
}

.proxqtb-info-title .name {
    color: #333;
    line-height: 1.12;
}

.proxqtb-info-title .text {
    color: #666;
}

.proxqtb-info-number {
    width: 100%;
    padding: 44px 0;
}

.proxqtb-info-number ul {
    margin-top: -28px;
}

.proxqtb-info-number li {
    width: 50%;
    margin-top: 28px;
}

.proxqtb-info-number li .text {
    line-height: 1.1;
    color: #666;
}

.proxqtb-info-number li .num {
    font-family: "MB";
    line-height: 1;
    color: #0056b8;
}

.proxqtb-info-number li.noNum {
    width: 100%;
}

.proxqtb-info-number li.noNum .num {
    line-height: 1.24;
}

.proxqtb-info-btn {
    width: 100%;
}

.proxqtb-info-btn>div {
    width: 100%;
}

.proxqtb-info-btn>div.rele a {
    width: 224px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0056b8;
    color: #fff;
    transition: all .4s ease;
}

.proxqtb-info-btn>div.rele a:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 86, 184, .4);
}

.proxqtb-info-btn>div.info {
    display: none;
}

.proxqtb-info-btn>div.info a {
    display: flex;
    align-items: center;
    height: 22px;
    padding-left: 42px;
    color: #666;
    background: url('../images/proxqic1.png') no-repeat left center;
    transition: all .4s ease;
}

.proxqtb-info-btn>div.info a:hover {
    color: #0056b8;
}

/* -- */
.popProxq {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999993;
    background: rgba(255, 255, 255, .7);
    align-items: center;
}

.popProxq.active {
    display: flex;
}

.popProxq .contain {
    opacity: 0;
    background: #fff;
    padding: 60px 130px;
    position: relative;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
}

.popProxq.active .contain {
    animation: joinhxzzPopRun 1s ease both .2s;
}

.popProxq-close {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    background: url('../images/closec.svg') no-repeat center/100% auto;
    top: 26px;
    right: 26px;
    transition: all .4s ease;
}

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

.popProxq-title {
    font-size: 30px;
    font-weight: 700;
    color: #333;
}

.popProxq-title p {
    font-size: 20px;
    color: #888;
    font-weight: 400;
}

.popProxq-from {
    width: 100%;
    margin-top: 24px;
}

.popProxq-from-list {
    width: 100%;
    margin-top: 20px;
}

.popProxq-from-list:first-child {
    margin-top: 0;
}

.popProxq-from-title {
    width: 100%;
    font-size: 20px;
    color: #ef8903;
}

.popProxq-from-list ul {
    width: 100%;
    justify-content: space-between;
}

.popProxq-from-list li {
    margin-top: 12px;
    width: calc(50% - 10px);
}

.popProxq-from-list li p {
    font-size: 16px;
    color: #666;
}

.popProxq-from-list li input {
    width: 100%;
    height: 44px;
    font-size: 16px;
    color: #666;
    border: 1px solid #cdd5dc;
    margin-top: 8px;
    padding: 0 12px;
    transition: border .4s ease;
}

.popProxq-from-list li.long {
    width: 100%;
}

.popProxq-from-list li textarea {
    width: 100%;
    height: 120px;
    font-size: 16px;
    color: #666;
    border: 1px solid #cdd5dc;
    margin-top: 8px;
    padding: 8px 12px;
    transition: border .4s ease;
}

.popProxq-from-list li input:focus,
.popProxq-from-list li textarea:focus {
    border-color: #ef8903;
}

.popProxq-from-list:last-child {
    margin-top: 12px;
}

.popProxq-from-list li button {
    width: 224px;
    height: 60px;
    background: #0056b8;
    font-size: 16px;
    color: #fff;
    margin: 10px auto 0;
    display: block;
    transition: all .4s ease;
    cursor: pointer;
}

.popProxq-from-list li button:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 86, 184, .4);
}

.popProxq-true {
    width: auto;
    align-items: center;
    display: flex;
}

.popProxq-true i {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #cdd5dc;
    margin-right: 12px;
    position: relative;
    transition: all .4s ease;
}

.popProxq-true i::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../fonts/true.svg') no-repeat center/16px auto;
    opacity: 0;
    transition: all .4s ease;
}

.popProxq-true i:hover {
    border-color: #ef8903;
}

.popProxq-true a {
    font-size: 14px;
    color: #666;
    transition: all .4s ease;
}

.popProxq-true a:hover {
    color: #ef8903;
}

.popProxq-true.active i {
    border-color: #ef8903;
    background: #ef8903;
}

.popProxq-true.active i::after {
    opacity: 1;
}

@media all and (max-width:1599px) {
    .popProxq .contain {
        padding: 50px 80px;
    }

    .popProxq-from-list li button {
        width: 188px;
        margin-top: 6px;
        height: 50px;
    }

    .popProxq-title {
        font-size: 26px;
    }

    .popProxq-title p {
        font-size: 18px;
    }

    .popProxq-from-title {
        font-size: 18px;
    }

    .popProxq-from-list:last-child {
        margin-top: 10px;
    }

    .popProxq-from-list li {
        margin-top: 6px;
    }

    .popProxq-from {
        margin-top: 14px;
    }

    .popProxq-from-list {
        margin-top: 16px;
    }
}

@media all and (max-width:1279px) {
    .popProxq-from-list li button {
        width: 180px;
    }

    .popProxq .contain {
        padding: 30px 40px;
    }
}

@media all and (max-width:640px) {
    .popProxq .contain {
        padding: 20px 16px 24px;
    }

    .popProxq-close {
        width: 20px;
        height: 20px;
        top: 24px;
        right: 16px;
    }

    .popProxq-title {
        font-size: 20px;
    }

    .popProxq-title p {
        font-size: 16px;
    }

    .popProxq-from-title {
        font-size: 16px;
    }

    .popProxq-from-list li {
        width: 100%;
    }

    .popProxq-from-list li p {
        font-size: 14px;
    }

    .popProxq-from-list li input {
        height: 37px;
        font-size: 14px;
        margin-top: 4px;
        padding: 0 10px;
    }

    .popProxq-from {
        margin-top: 6px;
    }

    .popProxq-from-list {
        margin-top: 10px;
    }

    .popProxq-from-list li textarea {
        height: 84px;
        font-size: 14px;
        margin-top: 4px;
        padding: 6px 10px;
    }

    .popProxq-true i {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .popProxq-from-list:last-child {
        margin-top: 6px;
    }

    .popProxq-from-list li button {
        height: 40px;
        width: 144px;
        margin-top: 0;
    }
}

/* -- */
.proxqst {
    width: 100%;
}

.proxqst.one .contain {
    max-width: 1000px;
}

.proxqst-items {
    width: 100%;
    padding: 68px 0 58px;
    border-bottom: 2px solid #f3f6f8;
}

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

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

.proxqst-title {
    width: 100%;
    line-height: 1;
    border-left: 7px solid #0056b8;
    padding-left: 21px;
    color: #333;
}

.proxqst-text {
    width: 100%;
    color: #666;
}

.proxqst-text p {
    line-height: inherit;
    padding-left: 28px;
    position: relative;
}

.proxqst-text p::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #959595;
    left: 0;
    top: 15px;
}

.proxqst-table {
    width: 100%;
    overflow-x: auto;
}

.proxqst-table table {
    width: 100%;
    border: 1px solid #e4e7ea;
    border-width: 1px 0px 0px 1px;
}

td {
    border: solid #e4e7ea;
    border-width: 0px 1px 1px 0px;
}

.proxqst-table tr {
    width: 100%;
}

.proxqst-table tr td {
    font-size: 16px;
    color: #666;
    word-break: keep-all;
    padding: 14px 80px;
}

.proxqst-table tr td span {
    color: #333;
    font-weight: 500;
}

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

.proxqst-image img {
    max-width: 100%;
}

.ke-zeroborder {
    width: 100%;
}

.ke-zeroborder tr {
    margin-left: -24px;
    display: flex;
    flex-wrap: wrap;
}

.ke-zeroborder tr td {
    width: calc(33.3333% - 24px);
    margin-left: 24px;
    background: #f7f7f7;
    border: none
}

.ke-zeroborder tr td .image {
    width: 100%;
    height: 260px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.ke-zeroborder tr td .image img {
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto !important;
    transition: all .6s ease;
}

.ke-zeroborder tr td .cont {
    width: 100%;
    padding: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    word-break: break-all;
}

.ke-zeroborder tr td .cont span {
    color: #333;
    font-weight: 700;
}

.ke-zeroborder tr td:hover .image img {
    transform: scale(1.04);
}

/* 关于我们 */
.about {
    width: 100%;
}

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

.aboutBan img {
    width: 100%;
    object-fit: cover;
    height: 100vh;
    animation: aboutBanRun 1.4s ease both;
}

@keyframes aboutBanRun {
    0% {
        transform: scale(1.12);
    }

    100% {
        transform: scale(1);
    }
}

.aboutBan video {
    position: absolute;
    transform: scale(1);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    pointer-events: none;
    opacity: 0;
    animation: aboutBanVideo 1s ease both 1.6s;
}

@keyframes aboutBanVideo {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.aboutBan-play {
    width: 68px;
    height: 68px;
    z-index: 6;
    margin: -34px 0 0 -34px;
    border-radius: 50%;
    border: 3px solid #fff;
    background: url('../fonts/bannerstoph.svg') no-repeat left 58% center/36px auto;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .4s ease;
}

.aboutBan-play:hover {
    background-color: #fff;
    background-image: url('../fonts/bannerstopc.svg');
}

.aboutBan.active video {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.aboutBan.active .aboutBan-play {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.aboutmh {
    background: #fff;
    overflow: visible;
}

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

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

.aboutmh-wrap {
    width: 685px;
}

.aboutmh-image {
    width: 100%;
    border-radius: 60px;
    overflow: hidden;
}

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

.aboutmh-list {
    width: 100%;
}

.aboutmh-list li {
    align-items: center;
    height: 156px;
    border-bottom: 1px solid #dcdcdc;
}

.aboutmh-list li .num {
    color: #0056b8;
    line-height: 1;
    font-family: "MB";
    width: 340px;
}

.aboutmh-list li .text {
    color: #333;
    line-height: 1;
}

.aboutmh-text {
    width: calc(100% - 685px);
    padding-left: 90px;
    position: sticky;
    top: 130px;
    right: 0;
    color: #666;
}

.aboutmh-text p {
    line-height: inherit;
}

.aboutmh-bird {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    text-align: right;
}

.aboutmh-bird img {
    width: 32%;
        right: 4%;
    object-fit: cover;
    position: relative;
}
.aboutmh-bird img {
    width: 350px;
    /* right: -120px; */
}
.aboutbj {
    background: #f6f7f9;
}

.aboutbj .sonTitle {
    position: absolute;
    left: 0;
    z-index: 4;
    top: 90px;
}

.aboutbj-map {
    width: 100%;
}

.aboutbj-map .contain {
    position: relative;
}

.aboutbj-map-bg {
    width: 100%;
    object-fit: cover;
}

.aboutbj-map-dot {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}

.aboutbj-map-dot .dot {
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
}

.aboutbj-map-dot .dot i {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ef8903;
    margin-right: 10px;
    position: relative;
}

.aboutbj-map-dot .dot i::before,
.aboutbj-map-dot .dot i::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(239, 137, 3, .7);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    animation: aboutbjRing 1.5s linear infinite;
    opacity: 0;
}

.aboutbj-map-dot .dot i::before {
    animation-delay: .6s;
}

.aboutbj-map-dot .dot i::after {
    animation-delay: 0s;
}

@keyframes aboutbjRing {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(3.6)
    }
}

.aboutbj-map-dot .dot span {
    font-size: 14px;
    color: #ef8903;
    position: relative;
    z-index: 4;
}

.aboutbj-map-dot .dot.active {
    flex-direction: column-reverse;
    justify-content: center;
}

.aboutbj-map-dot .dot.active i {
    margin-right: 0;
    background: #0056b8 url('../images/abo2_2.png') no-repeat center;
    width: 26px;
    height: 26px;
}

.aboutbj-map-dot .dot.active span {
    color: #0056b8;
    margin-bottom: 2px;
}

.aboutbj-map-dot .dot.active i::before,
.aboutbj-map-dot .dot.active i::after {
    border: 1px solid rgba(0, 86, 184, .7);
}

/* -- */
.aboutbj-map-dot .dot.zhongguo {
    left: 34.5%;
    top: 38%;
}

.aboutbj-map-dot .dot.yindu {
    left: 26%;
    top: 46%;
}

.aboutbj-map-dot .dot.yuenan {
    left: 34%;
    top: 49.5%;
}

.aboutbj-map-dot .dot.taiguo {
    left: 34.4%;
    top: 51.5%;
}

.aboutbj-map-dot .dot.xinjiapo {
    left: 32.5%;
    top: 56%;
}

.aboutbj-map-dot .dot.feilvbin {
    left: 40%;
    top: 43%;
}

.aboutbj-map-dot .dot.meiguo {
    left: 72%;
    top: 33%;
}

.aboutbj-map-dot .dot.malaixiya {
    left: 32%;
    top: 54%;
}

/* -- */
.aboutbj-info {
    width: 100%;
    position: absolute;
    z-index: 7;
    left: 0;
    bottom: 140px;
}

.aboutbj-info ul {
    justify-content: space-between;
}

.aboutbj-info li {
    align-items: flex-end;
}

.aboutbj-info li .num {
    font-size: 120px;
    line-height: .8;
    color: #0056b8;
    font-family: "MB";
    width: 90px;
}

.aboutbj-info li .cont {
    width: calc(100% - 90px);
}

.aboutbj-info li .name {
    color: #333;
    line-height: 1.1;
}

.aboutbj-info li .text {
    color: #666;
}

.aboutwh {
    background: #fff;
}

.aboutwh-tabs {
    width: 100%;
    user-select: none;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 674px;
    display: flex;
    align-items: center;
    justify-content: center
}

.aboutwh-content {
    width: 700px;
    background: #fff;
    height: 370px;
    padding: 60px 60px 0;
    border-radius: 50px;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .06);
    position: relative;
    z-index: 2;
}

.aboutwh-content .swiper-pagination {
    display: none;
}

.aboutwh-content-mix {
    width: 100%;
}

.aboutwh-content-icon {
    width: 152px;
    padding-right: 24px;
}

.aboutwh-content-icon img {
    max-width: 100%;
}

.aboutwh-content-cont {
    width: calc(100% - 152px);
    padding-top: 20px;
}

.aboutwh-content-cont .title {
    color: #333;
    line-height: 1.1;
}

.aboutwh-content-cont .text {
    margin-top: 44px;
    padding-top: 28px;
    border-top: 1px solid #dcdcdc;
    color: #333;
}

.aboutwh-click {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.aboutwh-click li {
    position: absolute;
    cursor: pointer;
    color: #fff;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 210px;
    border-radius: 50px;
    transition: all .6s ease;
}

.aboutwh-click li.sm {
    background: #0058b8;
    left: 90px;
    top: 0;
}

.aboutwh-click li.yj {
    background: #030303;
    right: 90px;
    top: 0;
}

.aboutwh-click li.hx {
    background: #909193;
    left: 90px;
    bottom: 0;
}

.aboutwh-click li.xc {
    background: #f47921;
    right: 90px;
    bottom: 0;
}

.aboutwh-block {
    position: absolute;
    width: 210px;
    height: 210px;
    right: 90px;
    bottom: 0;
    transition: all .6s ease;
    display: none;
}

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

.aboutwh-click li.sm.active {
    left: 0;
    border-bottom-right-radius: 0px;
}

.aboutwh-click li.yj.active {
    right: 0;
    border-bottom-left-radius: 0px;
}

.aboutwh-click li.hx.active {
    left: 0;
    border-top-right-radius: 0px;
}

.aboutwh-click li.xc.active {
    right: 0;
    border-top-left-radius: 0px;
}

.aboutwh-block.active {
    right: 30%;
}

.aboutlc {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 936px;
}

.aboutlc-image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
}

.aboutlc .sonTitle {
    position: relative;
    z-index: 4;
}

.aboutlc-mix {
    width: 100%;
    margin-top: 80px;
}

.aboutlc-mix .gallery {
    width: 100%;
    position: relative;
    z-index: 4;
}

.aboutlc-mix .gallery-more {
    width: 100%;
    text-align: center;
    color: #fff;
    padding-top: 100px;
    position: relative;
}

.aboutlc-mix .gallery-more .hint {
    font-family: 'MB';
    line-height: 1;
    font-weight: 700;
    font-size: 180px;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.aboutlc-mix .gallery-more .cont {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.aboutlc-mix .gallery-more .line {
    width: 56px;
    height: 2px;
    background: #0056b8;
    margin: 24px auto 20px;
}

.aboutlc-mix .gallery-more .num {
    font-family: 'MB';
    line-height: 1;
    font-weight: 700;
}

.aboutlc-mix .thumbs {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 220px;
    z-index: 4;
    transform: rotate(-9deg);
}

.aboutlc-mix .thumbs::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 1px;
    background: #fff;
    left: -10%;
    top: 12px;
}

.aboutlc-mix .thumbs .swiper-container {
    width: 1400px;
    margin: 0 auto;
}

.aboutlc-mix .thumbs .thumbs-year {
    width: 100%;
    font-size: 22px;
    transform: rotate(9deg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-family: 'MB';
    line-height: 1;
    height: 60px;
    color: #fff;
    padding-top: 7px;
    font-weight: 700;
    transition: all .4s ease;
    position: relative;
    z-index: 4;
}

.aboutlc-mix .thumbs .thumbs-year:hover {
    color: #ef8903;
}

.aboutlc-mix .thumbs .thumbs-year.active {
    color: #0056b8;
}

.aboutlc-mix .thumbs .thumbs-year i {
    width: 11px;
    height: 11px;
    background: #ef8903;
    border-radius: 50%;
    margin: 0 auto;
    transition: all .4s ease;
    position: relative;
}

.aboutlc-mix .thumbs .thumbs-year i::before,
.aboutlc-mix .thumbs .thumbs-year i::after {
    content: "";
    position: absolute;
    left: 50%;
}

.aboutlc-mix .thumbs .thumbs-year i::before {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    top: 50%;
    margin: -11px 0 0 -10px;
    opacity: 0;
    background: #0056b8;
    transition: all .4s ease;
}

.aboutlc-mix .thumbs .thumbs-year i::after {
    width: 1px;
    height: 12px;
    top: 10px;
    background: #ef8903;
    transition: all .4s ease;
}

.aboutlc-mix .thumbs .thumbs-year.active i {
    background: #0056b8;
}

.aboutlc-mix .thumbs .thumbs-year.active i::after {
    background: #0056b8;
}

.aboutlc-mix .thumbs .thumbs-year.active i::before {
    opacity: 0.2;
}

.aboutlc-mix .thumbs-prev,
.aboutlc-mix .thumbs-next {
    width: 42px;
    bottom: 338px;
    height: 102px;
    position: absolute;
    z-index: 4;
    cursor: pointer;
    background: rgba(0, 0, 0, .5) url("../images/arrlw.svg") no-repeat center/24px auto;
    transition: all .4s ease;
}

.aboutlc-mix .thumbs-prev {
    left: 180px;
}

.aboutlc-mix .thumbs-next {
    right: 180px;
    transform: rotate(180deg);
    /* background-image: url("../fonts/arrrw.svg"); */
}

.aboutlc-mix .thumbs-prev:hover,
.aboutlc-mix .thumbs-next:hover {
    background-color: #0056b8;
}

.aboutzr {
    background: #fff;
}

.aboutzr-mix {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.aboutzr-mix::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
}

.aboutzr-loop {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #333;
}

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

.aboutzr-list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    user-select: none;
}

.aboutzr-list ul {
    display: flex;
    height: 100%;
}

.aboutzr-list li {
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
}

.aboutzr-list li::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .3);
}

.aboutzr-list li:first-child::before {
    display: none;
}

.aboutzr-list li .name {
    position: absolute;
    width: 100%;
    transition: all .4s ease .3s;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutzr-list li .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 28px;
}

.aboutzr-list li .title {
    line-height: 1.1;
    opacity: 0;
    transform: translateY(60px);
    transition: all .4s ease;
}

.aboutzr-list li .text {
    opacity: 0;
    transform: translateY(60px);
    transition: all .4s ease;
}

.aboutzr-list li:hover .name {
    opacity: 0;
    transition: all .4s ease;
}

.aboutzr-list li:hover .title {
    opacity: 1;
    transform: translateY(0);
    transition: all .6s ease .3s;
}

.aboutzr-list li:hover .text {
    opacity: 1;
    transform: translateY(0);
    transition: all .6s ease .4s;
}

/* 加入-员工关爱 */
.joinyg {
    width: 100%;
}

.joinygga {
    background: #fff;
}

.joinygga-head {
    width: 100%;
    position: relative;
    z-index: 4;
}

.joinygga-head .contain {
    flex-direction: row-reverse;
}

.joinygga-head-image {
    width: 652px;
    overflow: hidden;
}

.joinygga-head-image img {
    width: 100%;
    object-fit: cover;
}

.joinygga-head-cont {
    width: calc(100% - 652px);
    padding-right: 180px;
}

.joinygga-content .title {
    line-height: 1;
    padding-left: 28px;
    position: relative;
    color: #333;
}

.joinygga-content .title::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 100%;
    top: 0;
    left: 0;
    background: #0056b8;
}

.joinygga-content .content {
    width: 100%;
    padding-left: 28px;
    color: #666;
}

.joinygga-content .name {
    line-height: 1.1;
    margin-bottom: 20px;
}

.joinygga-content .items {
    width: 100%;
    margin-top: 60px;
}

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

.joinygga-list::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 44px);
    background: #f7f7f7;
    left: 0;
    top: -150px;
}

.joinygga-list-li {
    width: 100%;
    padding-right: calc((100% - 1400px)/2);
    position: relative;
    z-index: 4;
}

.joinygga-list-image {
    width: calc(100% - 652px);
    padding-right: 96px;
    overflow: hidden;
}

.joinygga-list-image img {
    width: 100%;
    object-fit: cover;
}

.joinygga-list-cont {
    width: 652px;
}

.joinygga-list-li:nth-child(2n) {
    flex-direction: row-reverse;
    padding-right: 0;
    padding-left: calc((100% - 1400px)/2);
}

.joinygga-list-li:nth-child(2n) .joinygga-list-image {
    padding-right: 0;
    padding-left: 96px;
}

.joinygga-list-li .joinygga-content .text {
    max-width: 520px;
}

.joinygga-list-li:last-child {
    align-items: center;
}

.joinygga-list-li:last-child .joinygga-content .items {
    margin-top: 40px;
}

.joinyghj {
    background: #fff;
}

.joinyghj-loop {
    width: 100%;
    position: relative;
}

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

.joinyghj-prev,
.joinyghj-next {
    position: absolute;
    z-index: 2;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    top: 50%;
    margin-top: -37px;
    background: rgba(0, 0, 0, .5) url('../images/newsxqarrl.png') no-repeat center;
    transition: all .4s ease;
    cursor: pointer;
}

.joinyghj-next {
    background-image: url('../images/newsxqarrr.png');
    right: 16px;
}

.joinyghj-prev {
    left: 16px;
}

.joinyghj-prev:hover,
.joinyghj-next:hover {
    background-color: #0056b8;
}

.joinyghj-loop .swiper-pagination {
    color: #fff;
    padding: 24px 30px;
    text-align: right;
    bottom: 0;
    font-size: 24px;
    font-family: "MR";
    line-height: 1;
}

.joinyghj-loop .swiper-pagination b {
    font-weight: 400;
    font-size: 48px;
}

/* 加入-研发实力 */
.joinyf {
    width: 100%;
    overflow: hidden;
}

.joinyf-list {
    width: 100%;
}

.joinyf-list li {
    width: 100%;
    margin-top: 80px;
    padding-right: calc((100% - 1400px)/2);
}

.joinyf-list li:nth-child(2n) {
    padding-right: 0;
    padding-left: calc((100% - 1400px)/2);
}

.joinyf-list li:first-child {
    margin-top: 0;
}

.joinyf-mix {
    width: 100%;
    overflow: hidden;
    padding-left: calc((100vw - 1400px)/2);
    flex-direction: row-reverse;
    box-shadow: 0 0 38px 0 rgba(0, 0, 0, .08);
    transition: all .4s ease;
}

.joinyf-list li:nth-child(2n) .joinyf-mix {
    flex-direction: row;
    padding-left: 0;
    padding-right: calc((100vw - 1400px)/2);
}

.joinyf-image {
    width: 50%;
    overflow: hidden;
}

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

.joinyf-cont {
    width: 50%;
    position: relative;
    padding-right: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.joinyf-list li:nth-child(2n) .joinyf-cont {
    padding-left: 70px;
    padding-right: 70px;
}

.joinyf-cont .title {
    color: #333;
    line-height: 1;
    border-left: 7px solid #0056b8;
    padding-left: 14px;
    position: relative;
    z-index: 4;
}

.joinyf-cont .text {
    color: #666;
    position: relative;
    z-index: 4;
}

.joinyf-cont .num {
    position: absolute;
    font-size: 150px;
    color: #fff;
    line-height: 1;
    top: 30px;
    right: 50px;
    font-family: "MB";
    text-shadow: -1px 1px 0 #e7e7e7, 1px 1px 0 #e7e7e7, 1px -1px 0 #e7e7e7, -1px -1px 0 #e7e7e7;
}

.joinyf-mix:hover {
    box-shadow: 0 0 38px 0 rgba(0, 0, 0, .16);
}

/* 加入-社会招聘 */
.joinsh {
    width: 100%;
}

.joinshxx {
    background: #fff;
}

.joinshxx-text {
    width: 100%;
    padding: 58px 234px 0;
    color: #666;
    position: relative;
}

.joinshxx-text p {
    position: relative;
    z-index: 4;
    line-height: inherit;
}

.joinshxx-text p span {
    margin-right: 24px;
}

.joinshxx-text p span:last-of-type {
    margin-right: 0;
}

.joinshxx-text p b,
.joinshxx-text a {
    font-family: "MB";
    position: relative;
}

.joinshxx-text a {
    color: #0056b8;
}

.joinshxx-text a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0056b8;
    left: 0;
    bottom: 0;
}

.joinshxx-text::before,
.joinshxx-text::after {
    content: "";
    position: absolute;
    width: 158px;
    height: 126px;
    background: url('../images/joinshicon.png') no-repeat center/100% auto;
}

.joinshxx-text::before {
    top: 0;
    left: 0;
}

.joinshxx-text::after {
    transform: rotate(180deg);
    right: 0;
    bottom: 0;
}

.joinshxx-image {
    width: 100%;
    display: none;
}

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

.joinshgw {
    background: #fff;
}

.joinshgw-title {
    width: 100%;
    line-height: 1.1;
    color: #333;
}

.joinshgw-list {
    width: 100%;
}

.joinshgw-list li {
    width: 100%;
    position: relative;
    margin-top: 30px;
    background: #f6f7f9;
    transition: background .4s ease;
}

.joinshgw-list li:first-child {
    margin-top: 0;
}

.joinshgw-menu {
    display: flex;
    align-items: center;
    height: 100px;
    padding: 0 36px;
    justify-content: space-between;
    user-select: none;
    cursor: pointer;
}

.joinshgw-menu .main {
    width: auto;
    align-items: center;
}

.joinshgw-menu .main span {
    position: relative;
    margin-left: 45px;
    color: #333;
    transition: all .4s ease;
}

.joinshgw-menu .main span:first-child {
    margin-left: 0;
    font-weight: 700;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.joinshgw-menu .main span::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    margin-top: -9px;
    left: -22px;
    background: #333;
    top: 50%;
    transition: all .4s ease;
}

.joinshgw-menu .main span:first-child::before {
    display: none;
}

.joinshgw-menu .info {
    width: auto;
    align-items: center;
}

.joinshgw-menu .info span {
    position: relative;
    margin-right: 37px;
    color: #b2b2b2;
    transition: all .4s ease;
}

.joinshgw-menu .info span::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    right: -18px;
    background: #b2b2b2;
    top: 50%;
    transition: all .4s ease;
}

.joinshgw-menu .info span:nth-last-child(-n+2):before {
    display: none;
}

.joinshgw-menu .info a {
    margin-right: 0;
    width: 94px;
    height: 34px;
    border-radius: 17px;
    line-height: 1;
    background: #0056b8;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.joinshgw-drop {
    display: none;
    width: 100%;
    padding: 48px 36px;
    position: relative;
}

.joinshgw-drop::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    top: 0;
    left: 0;
}

.joinshgw-drop .cont {
    width: 100%;
    color: #fff;
}

.joinshgw-list li:hover .joinshgw-menu .main span {
    color: #0056b8;
}

.joinshgw-list li.active {
    background: #0056b8;
}

.joinshgw-list li.active .joinshgw-menu span {
    color: #fff !important;
}

.joinshgw-list li.active .joinshgw-menu span::before {
    background: #fff;
}

.joinshgw-list li.active .joinshgw-menu .info a {
    background: #fff;
    color: #0056b8 !important;
}

/* 加入-校园招聘 */
.joinxy {
    width: 100%;
}

.joinxydy {
    background: #f6f7f9;
}

.joinxydy-list {
    width: 100%;
}

.joinxydy-list ul {
    margin: -50px 0 0 -80px;
}

.joinxydy-list li {
    width: calc(33.3333% - 80px);
    margin: 50px 0 0 80px;
    background: #fff;
    text-align: center;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 30px 54px;
    min-height: 272px;
    transition: all .4s ease;
}

.joinxydy-list li .icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: #ccddf1;
    border-radius: 20px;
}

.joinxydy-list li .title {
    color: #333;
}

.joinxydy-list li .text {
    color: #666;
}

.joinxydy-list li:hover {
    border-radius: 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .06);
    transform: translateY(-4px);
}

.joinxytx {
    background-color: #021847;
}

.joinxytx-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

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

.joinxytx .sonTitle {
    max-width: 676px;
    margin: 0 auto;
}

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

.joinxytx-image img {
    max-width: 100%;
}

.joinxyxc {
    background: #f6f7f9;
    min-height: 880px;
}

.joinxyxc-granule {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
}

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

.joinxyxc-loop {
    width: 100%;
    padding: 0 50px;
    position: relative;
    user-select: none;
    margin-top: 140px;
}

.joinxyxc-loop::after {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #0056b8;
    height: 1px;
    top: 50%;
}

.joinxyxc-prev,
.joinxyxc-next {
    width: 50px;
    height: 50px;
    z-index: 4;
    border-radius: 50%;
    background: #0056b8 url('../images/joinxy3arr.png') no-repeat center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    transition: all .4s ease;
}

.joinxyxc-prev {
    left: 0;
}

.joinxyxc-next {
    right: 0;
    background-image: url('../images/joinxy3arrh.png');
}

.joinxyxc-prev:hover,
.joinxyxc-next:hover {
    box-shadow: 0 0 20px 0 rgba(0, 86, 184, .3);
}

.joinxyxc-loop-hint {
    width: 248px;
    height: 248px;
    left: 50%;
    top: 50%;
    margin: -124px 0 0 -124px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.joinxyxc-loop-hint img {
    max-width: 64px;
    position: relative;
    z-index: 2;
}

.joinxyxc-loop-hint::before,
.joinxyxc-loop-hint::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.joinxyxc-loop-hint::before {
    background-image: url('../images/joinxy3qq1.png');
    width: 100%;
    height: 100%;
    animation: joinxyxcQQ1 4s linear infinite;
}

.joinxyxc-loop-hint::after {
    background-image: url('../images/joinxy3qq2.png');
    width: 212px;
    height: 212px;
    animation: joinxyxcQQ2 4s linear infinite;
}

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

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

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

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

.joinxyxc-loop .swiper-container {
    z-index: 4;
}

.joinxyxc-loop-year {
    width: 100%;
    display: flex;
    height: 150px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 4;
}

.joinxyxc-loop-year span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 140px;
    height: 36px;
    transition: all .4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    line-height: 1;
    background: #0056b8;
    font-size: 16px;
    color: #fff;
}

.joinxyxc-loop-year i {
    width: 11px;
    height: 11px;
    transition: all .4s ease;
    border-radius: 50%;
    background: #0056b8;
    margin: 0 auto;
    position: relative;
}

.joinxyxc-loop-year i::after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    background: rgba(0, 86, 184, .2);
}

.joinxyxc-loop .swiper-slide:nth-child(2n) .joinxyxc-loop-year span {
    bottom: auto;
    top: 0;
}

.joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year i {
    transform: scale(0);
}

.joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year span {
    transform: translateY(-57px);
    background: transparent;
    font-size: 24px;
    color: #0056b8;
    font-weight: 700;
}

.joinxyxc-loop .swiper-slide-active:nth-child(2n) .joinxyxc-loop-year span {
    transform: translateY(58px);
}

.joinxyxc-content {
    width: 100%;
    text-align: center;
    margin-top: 90px;
}

.joinxyxc-content .items {
    max-width: 800px;
    margin: 0 auto;
    display: none;
}

.joinxyxc-content .items.active {
    display: block;
}

.joinxyxc-content .items .title {
    color: #333;
}

.joinxyxc-content .items .text {
    color: #666;
}

.joinxylc {
    background: #fff;
}

.joinxylc-list {
    width: 100%;
    height: 225px;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/joinxy4img.png') no-repeat center/100% auto;
}

.joinxylc-list li {
    width: 16.6666%;
    display: flex;
    align-items: center;
    height: 225px;
    flex-direction: column;
    justify-content: center;
}

.joinxylc-list li .icon {
    height: 62px;
    width: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all .4s ease;
}

.joinxylc-list li .icon img {
    max-width: 100%;
    max-height: 100%;
}

.joinxylc-list li .text {
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
}

.joinxylc-list li:hover .icon {
    transform: translateY(-6px);
}

.joinxylc-cont {
    width: 100%;
    text-align: center;
    color: #666;
}

.joinxylc-cont p {
    line-height: inherit;
}

.joinxylc-cont p b,
.joinxylc-cont p a {
    font-family: "MB";
    position: relative;
}

.joinxylc-cont p a {
    color: #0056b8;
}

.joinxylc-cont p a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0056b8;
    left: 0;
    bottom: 0;
}

/* 加入-核心技术 */
.joinhx {
    width: 100%;
}

.joinhxzz {
    background: #fff;
}

.joinhxzz .sonTitle {
    position: relative;
    z-index: 4;
    max-width: 1120px;
    margin: 0 auto;
}

.joinhxzz-click {
    max-width: 1162px;
    margin: 0 auto;
    height: 830px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.joinhxzz-click-bg {
    width: 486px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.joinhxzz-click::before,
.joinhxzz-click::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    background-position: center;
    background-size: 100% auto;
}

.joinhxzz-click::before {
    background-image: url('../images/joinhxzzqq1.png');
    width: 884px;
    height: 884px;
    margin: -442px 0 0 -442px;
    animation: joinhxzzQQ1 60s linear infinite;
}

.joinhxzz-click::after {
    background-image: url('../images/joinhxzzqq2.png');
    width: 686px;
    height: 686px;
    margin: -343px 0 0 -343px;
    animation: joinhxzzQQ2 60s linear infinite;
}

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

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

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

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

.joinhxzz-click-list {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 280px;
    top: 50%;
    margin-top: -140px;
    left: 0;
    user-select: none;
}

.joinhxzz-click-menu {
    cursor: pointer;
    width: 359px;
    height: 77px;
    display: flex;
    align-items: center;
    position: absolute;
    padding-left: 86px;
    line-height: 1;
    color: #0056b8;
    background: url('../images/joinhxzzkk.png') no-repeat left top/100% auto;
}

.joinhxzz-click-menu.tl {
    top: 0;
    left: 0;
}

.joinhxzz-click-menu.tr {
    top: 0;
    right: 0;
}

.joinhxzz-click-menu.bl {
    bottom: 0;
    left: 0;
}

.joinhxzz-click-menu.br {
    bottom: 0;
    right: 0;
}

.joinhxzz-click-menu span {
    transition: all .4s ease;
}

.joinhxzz-click-menu i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0056b8;
    top: 50%;
    margin-top: -4px;
    right: 32px;
    position: absolute;
}

.joinhxzz-click-menu i::before,
.joinhxzz-click-menu i::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: rgba(0, 86, 184, .7);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    animation: joinhxzzClickDot 1.4s linear infinite;
    opacity: 0;
}

.joinhxzz-click-menu i::before {
    animation-delay: .7s;
}

.joinhxzz-click-menu i::after {
    animation-delay: 0s;
}

@keyframes joinhxzzClickDot {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(5)
    }
}

.joinhxzz-click-menu::before {
    content: "";
    position: absolute;
    background: #0056b8;
    height: 0;
    transition: all .4s ease;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 3px;
    transition: all .4s ease;
}

.joinhxzz-click-menu:nth-child(2n) {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 86px;
    background-image: url('../images/joinhxzzkkf.png');
}

.joinhxzz-click-menu:nth-child(2n) i {
    right: auto;
    left: 32px;
}

.joinhxzz-click-menu:nth-child(2n)::before {
    left: auto;
    right: 0;
}

.joinhxzz-click-menu:hover::before {
    height: 100%;
}

.joinhxzz-click-menu:hover span {
    color: #ef8903;
}

.joinhxzz-pop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999993;
    background: rgba(255, 255, 255, .7);
    align-items: center;
}

.joinhxzz-pop .contain {
    opacity: 0;
    background: #fff;
    padding: 60px 130px;
    position: relative;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
}

.joinhxzz-pop-close {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    background: url('../images/closec.svg') no-repeat center/100% auto;
    top: 26px;
    right: 26px;
    transition: all .4s ease;
}

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

.joinhxzz-pop-list {
    width: 100%;
}

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

.joinhxzz-pop-items.active {
    display: block;
}

.joinhxzz-pop-items .title {
    line-height: 1;
    border-left: 7px solid #0056b8;
    padding-left: 10px;
}

.joinhxzz-pop-items .text {
    width: 100%;
    background: #f0f0f0;
    color: #888;
    padding: 38px 40px;
}

.joinhxzz-pop.active {
    display: flex;
}

.joinhxzz-pop.active .contain {
    animation: joinhxzzPopRun 1s ease both .2s;
}

@keyframes joinhxzzPopRun {
    0% {
        opacity: 0;
        transform: translateY(-200px);
    }

    40% {
        opacity: 1;
    }

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

.joinhxpz {
    background: #fff;
}

.joinhxpz .sonTitle {
    max-width: 810px;
    margin: 0 auto;
}

.joinhxpz .sonTitle .title {
    line-height: 1.28;
}

.joinhxtb {
    background: #f4f5f5;
}

.joinhxtb::after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    height: 100%;
    right: 0;
    background: #f4f5f5;
}

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

.joinhxtb-items {
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 254px;
}

.joinhxtb-items a {
    display: flex;
    align-items: center;
}

.joinhxtb-items .icon {
    max-width: 126px;
}

.joinhxtb-items .icon img {
    max-width: 100%;
}

.joinhxtb-items .text {
    color: #0056b8;
    position: relative;
    margin-left: 20px;
    padding-right: 30px;
    background: url('../images/joinhxtbarr.png') no-repeat right center;
}

.joinhxtb-items .text::after {
    content: "";
    position: absolute;
    width: 0;
    right: 0;
    height: 2px;
    background: #0056b8;
    bottom: 0;
    opacity: 0;
    transition: width .4s ease, opacity .1s ease .4s;
}

.joinhxtb-items a:hover .text::after {
    right: auto;
    left: 0;
    opacity: 1;
    width: 100%;
    transition: width .4s ease .1s, opacity .1s ease;
}

.joinhxpt {
    background: #f3f4f6 url('../images/joinhxptbg.jpg') no-repeat left bottom/cover;
}

.joinhxpt-mix {
    width: 100%;
}

.joinhxpt-mb {
    width: 100%;
    margin-top: 40px;
    display: none;
}

.joinhxpt-mb-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.joinhxpt-mb-box img {
    max-width: 100%;
    max-height: 100%;
}

.joinhxpt-mb .swiper-pagination {
    bottom: 0;
}

.joinhxpt-mb .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 6px !important;
    background: #7faadb;
}

.joinhxpt-mb .swiper-pagination-bullet-active {
    opacity: 1;
    background: #0056b8;
}

.joinhxpt-mb .swiper-container {
    padding-bottom: 50px;
}

.joinhxpt-pc {
    width: 100%;
    display: flex;
    position: relative;
}

.joinhxpt-pc .contain {
    width: 100%;
    height: 660px;
}

.joinhxpt-pc-menu {
    width: 188px;
    position: absolute;
    top: 0;
    right: 120px;
}

.joinhxpt-pc-menu ul {
    width: 100%;
}

.joinhxpt-pc-menu li {
    width: calc(100% - 40px);
    font-size: 0;
    border: 2px solid #fff;
    padding: 16px 8px;
    margin: 30px auto 0;
    transition: all .4s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.joinhxpt-pc-menu li:first-child {
    margin-top: 0;
}

.joinhxpt-pc-menu li img {
    width: 100%;
    object-fit: cover;
    max-height: 100%;
}

.joinhxpt-pc-menu li.active {
    width: 100%;
    border-color: #0056b8;
}

/* ---- */
.joinhxpt-pc-more {
    width: 1260px;
    margin: 0 auto;
}

.joinhxpt-pc-more {
    position: relative;
}

.joinhxpt-pc-items {
    width: 100%;
    height: 680px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
}

.joinhxpt-pc-items.active {
    visibility: visible;
    opacity: 1;
}

/* --核心-研发-- */
.HxYf {
    padding-top: 54px;
}

.HxYf-contain {
    position: relative;
    width: 1015px;
    margin: 0 auto;
    height: 630px;
}

.HxYf-img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 66px;
}

.HxYf-img-clip {
    width: 100%;
}

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

.HxYf-hubble {
    position: absolute;
    width: 82px;
    height: 82px;
    text-align: center;
    line-height: 20px;
    border: 2px solid #0056b8;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #0056b8;
}

.HxYf-hubble::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 69px;
    background: url('../images/hxyfline.png') no-repeat center;
    top: 80px;
    left: 50%;
    margin-left: -2px;
}

.HxYf-hubble.hubble3,
.HxYf-hubble.hubble5,
.HxYf-hubble.hubble7 {
    top: 10%;
}

.HxYf-hubble.hubble1,
.HxYf-hubble.hubble3,
.HxYf-hubble.hubble5,
.HxYf-hubble.hubble7,
.HxYf-hubble.hubble9 {
    animation: HxYfHubbleRun 3s linear infinite;
}

.HxYf-hubble.hubble2,
.HxYf-hubble.hubble4,
.HxYf-hubble.hubble6,
.HxYf-hubble.hubble8 {
    animation: HxYfHubbleRunF 3s linear infinite;
}

.HxYf-hubble.hubble1 {
    left: 16%;
    top: 13%;
}

.HxYf-hubble.hubble2 {
    left: 23%;
    top: 2%;
}

.HxYf-hubble.hubble3 {
    left: 31%;
}

.HxYf-hubble.hubble4 {
    left: 38.5%;
    top: 0%;
}

.HxYf-hubble.hubble5 {
    left: 46%;
}

.HxYf-hubble.hubble6 {
    left: 53.5%;
    top: 0%;
}

.HxYf-hubble.hubble7 {
    left: 61%;
}

.HxYf-hubble.hubble8 {
    left: 69%;
    top: 2%;
}

.HxYf-hubble.hubble9 {
    left: 76%;
    top: 13%;
}

@keyframes HxYfHubbleRun {
    0% {
        transform: translateY(12px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(12px);
    }
}

@keyframes HxYfHubbleRunF {
    0% {
        transform: translateY(-12px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-12px);
    }
}

.HxYf-area {
    width: 122px;
    height: 122px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #b3cceb;
    position: absolute;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 26px;
    color: #0056b8;
}

.HxYf-area i {
    position: absolute;
    width: 136px;
    height: 136px;
    margin: -68px 0 0 -68px;
    border-radius: 50%;
    border: 1px solid #b3cceb;
    top: 50%;
    left: 50%;
}

.HxYf-area::before,
.HxYf-area::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0056b8;
    position: absolute;
}

.HxYf-area.area1 {
    left: 5%;
    bottom: 12%;
}

.HxYf-area.area2 {
    left: 25%;
    bottom: 3%;
}

.HxYf-area.area3 {
    left: 45%;
    bottom: 1%;
}

.HxYf-area.area4 {
    left: 65%;
    bottom: 3%;
}

.HxYf-area.area5 {
    left: 85%;
    bottom: 12%;
}

.HxYf-area.area1::before {
    left: -4%;
    top: 39%;
}

.HxYf-area.area1::after {
    left: 90%;
    top: 73%;
}

.HxYf-area.area2::before {
    left: -4%;
    top: 43%;
}

.HxYf-area.area2::after {
    left: 96%;
    top: 53%;
}

.HxYf-area.area3::before {
    left: -4%;
    top: 46%;
}

.HxYf-area.area3::after {
    left: 97%;
    top: 45%;
}

.HxYf-area.area4::before {
    left: -4%;
    top: 51%;
}

.HxYf-area.area4::after {
    left: 96%;
    top: 39%;
}

.HxYf-area.area5::before {
    left: 1%;
    top: 70%;
}

.HxYf-area.area5::after {
    left: 94%;
    top: 32%;
}

/* 动画 */
.HxYf-img-clip,
.HxYf-hubble,
.HxYf-area {
    transition: all 1.5s ease;
}

.HxYf-img-clip {
    opacity: 0;
    transform: scale(0);
}

.HxYf-area {
    transform: scale(0);
    opacity: 0;
}

.HxYf-hubble {
    opacity: 0;
}

.HxYf-hubble.hubble1 {
    margin: 6% 0 0 29%;
}

.HxYf-hubble.hubble2 {
    margin: 14% 0 0 22%;
}

.HxYf-hubble.hubble3 {
    margin: 7% 0 0 14%;
}

.HxYf-hubble.hubble4 {
    margin: 15% 0 0 7%;
}

.HxYf-hubble.hubble5 {
    margin: 7% 0 0 0%;
}

.HxYf-hubble.hubble6 {
    margin: 15% 0 0 -9%;
}

.HxYf-hubble.hubble7 {
    margin: 7% 0 0 -16%;
}

.HxYf-hubble.hubble8 {
    margin: 14% 0 0 -24%;
}

.HxYf-hubble.hubble9 {
    margin: 6% 0 0 -31%;
}

/* -- */
.HxYf.in .HxYf-img-clip {
    opacity: 1;
    transform: scale(1);
}

.HxYf.in .HxYf-hubble {
    opacity: 1;
    margin: 0;
}

.HxYf.in .HxYf-area {
    opacity: 1;
    transform: scale(1);
}

/* -- */
.HxYf.in .HxYf-img-clip {
    transition-delay: .5s;
}

.HxYf.in .HxYf-hubble.hubble1 {
    transition-delay: 2s;
}

.HxYf.in .HxYf-hubble.hubble2 {
    transition-delay: 1.8s;
}

.HxYf.in .HxYf-hubble.hubble3 {
    transition-delay: 1.6s;
}

.HxYf.in .HxYf-hubble.hubble4 {
    transition-delay: 1.4s;
}

.HxYf.in .HxYf-hubble.hubble5 {
    transition-delay: 1.2s;
}

.HxYf.in .HxYf-hubble.hubble6 {
    transition-delay: 1.4s;
}

.HxYf.in .HxYf-hubble.hubble7 {
    transition-delay: 1.6s;
}

.HxYf.in .HxYf-hubble.hubble8 {
    transition-delay: 1.8s;
}

.HxYf.in .HxYf-hubble.hubble9 {
    transition-delay: 2s;
}

.HxYf.in .HxYf-area {
    transition-delay: 2.4s;
}

/* -- */
.HxYf.out .HxYf-img-clip {
    transition-delay: 1.5s;
}

.HxYf.out .HxYf-hubble.hubble1 {
    transition-delay: 0.8s;
}

.HxYf.out .HxYf-hubble.hubble2 {
    transition-delay: 0.6s;
}

.HxYf.out .HxYf-hubble.hubble3 {
    transition-delay: .4s;
}

.HxYf.out .HxYf-hubble.hubble4 {
    transition-delay: .2s;
}

.HxYf.out .HxYf-hubble.hubble5 {
    transition-delay: 0s;
}

.HxYf.out .HxYf-hubble.hubble6 {
    transition-delay: .2s;
}

.HxYf.out .HxYf-hubble.hubble7 {
    transition-delay: .4s;
}

.HxYf.out .HxYf-hubble.hubble8 {
    transition-delay: 0.6s;
}

.HxYf.out .HxYf-hubble.hubble9 {
    transition-delay: 0.8s;
}

.HxYf.out .HxYf-area {
    transition-delay: 1.1s;
}

/* --核心-学科-- */
.HxXk {
    padding-top: 88px;
}

.HxXk-contain {
    width: 1169px;
    margin: 0 auto;
    position: relative;
    height: 561px;
}

.HxXk-img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.HxXk-kk {
    position: absolute;
    width: 130px;
    height: 130px;
    background: url('../images/hxxkkk.png') no-repeat center/contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.HxXk-kk .icon {
    width: auto;
}

.HxXk-kk .icon img {
    max-width: 100%;
}

.HxXk-kk span {
    font-size: 18px;
    color: #0056b8;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
}

.HxXk-kk.kk1 {
    left: 11%;
    top: 0%;
    animation: HxXkKkRun 3s linear infinite;
}

.HxXk-kk.kk2 {
    left: 27.5%;
    top: 14%;
    animation: HxXkKkRunF 3s linear infinite;
}

.HxXk-kk.kk3 {
    left: 44%;
    top: 0%;
    animation: HxXkKkRun 3s linear infinite;
}

.HxXk-kk.kk4 {
    left: 60.5%;
    top: 14%;
    animation: HxXkKkRunF 3s linear infinite;
}

.HxXk-kk.kk5 {
    left: 77%;
    top: 0%;
    animation: HxXkKkRun 3s linear infinite;
}

@keyframes HxXkKkRun {
    0% {
        transform: translateY(16px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(16px);
    }
}

@keyframes HxXkKkRunF {
    0% {
        transform: translateY(-16px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-16px);
    }
}

/* 动画 */
.HxXk-img,
.HxXk-kk {
    transition: all 1.5s ease;
}

.HxXk-img {
    opacity: 0;
    transform: scale(0);
}

.HxXk-kk {
    opacity: 0;
}

.HxXk-kk.kk1 {
    margin: 23% 0 0 34%;
}

.HxXk-kk.kk2 {
    margin: 18% 0 0 17%;
}

.HxXk-kk.kk3 {
    margin: 24% 0 0 1%;
}

.HxXk-kk.kk4 {
    margin: 18% 0 0 -16%;
}

.HxXk-kk.kk5 {
    margin: 24% 0 0 -32%;
}

/* -- */
.HxXk.in .HxXk-img {
    opacity: 1;
    transform: scale(1);
}

.HxXk.in .HxXk-kk {
    opacity: 1;
    margin: 0;
}

/* -- */
.HxXk.in .HxXk-img {
    transition-delay: .5s;
}

.HxXk.in .HxXk-kk.kk1 {
    transition-delay: 2s;
}

.HxXk.in .HxXk-kk.kk2 {
    transition-delay: 1.8s;
}

.HxXk.in .HxXk-kk.kk3 {
    transition-delay: 1.6s;
}

.HxXk.in .HxXk-kk.kk4 {
    transition-delay: 1.4s;
}

.HxXk.in .HxXk-kk.kk5 {
    transition-delay: 1.2s;
}

/* -- */
.HxXk.out .HxXk-img {
    transition-delay: 1.5s;
}

.HxXk.out .HxXk-kk.kk1 {
    transition-delay: 0.8s;
}

.HxXk.out .HxXk-kk.kk2 {
    transition-delay: 0.6s;
}

.HxXk.out .HxXk-kk.kk3 {
    transition-delay: .4s;
}

.HxXk.out .HxXk-kk.kk4 {
    transition-delay: .2s;
}

.HxXk.out .HxXk-kk.kk5 {
    transition-delay: 0s;
}

/* --核心-技术-- */
.HxJs {
    padding-top: 84px;
}

.HxJs-contain {
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 554px;
}

.HxJs-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.HxJs-center {
    position: absolute;
    width: 366px;
    height: 366px;
    margin: -183px 0 0 -183px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
}

.HxJs-center-box {
    position: relative;
    z-index: 2;
    background: #acc4e1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HxJs-center-name {
    width: 264px;
    height: 264px;
    background: #0056b8;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HxJs-center-text {
    position: absolute;
    letter-spacing: 6px;
    font-size: 24px;
    color: #0056b8;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%)
}

.HxJs-center-text.l {
    left: 12px;
}

.HxJs-center-text.r {
    right: 12px;
}

.HxJs-center::before,
.HxJs-center::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 86, 184, .1);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    animation: HxJsCenterRun 1.5s linear infinite;
    opacity: 0;
}

.HxJs-center::before {
    animation-delay: .6s;
}

.HxJs-center::after {
    animation-delay: 0s;
}

@keyframes HxJsCenterRun {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1.6)
    }
}

.HxJs-small {
    position: absolute;
    width: 277px;
    height: 277px;
    z-index: 4;
}

.HxJs-small.small1 {
    top: 0%;
    left: -7%;
}

.HxJs-small.small2 {
    top: 50%;
    left: -7%;
}

.HxJs-small.small3 {
    top: 25%;
    left: 12.1%;
}

.HxJs-small::before {
    content: "";
    position: absolute;
    width: 277px;
    height: 277px;
    animation: HxJsQqRun 16s linear infinite;
    background: url('../images/hxjsq1.png') no-repeat center/contain;
    top: 0;
    left: 0;
}

.HxJs-small-qq {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 15px;
    color: #0056b8;
    line-height: 20px;
    background: #fff;
    border: 1px solid #a1bcda;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.HxJs-small-qq::before {
    content: "";
    position: absolute;
    width: 101px;
    height: 101px;
    top: -6px;
    left: -7px;
    animation: HxJsQqRunF 16s linear infinite;
    background: url('../images/hxjsq2.png') no-repeat center/contain;
}

.HxJs-small-text {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #0056b8;
    left: 0;
}

.HxJs-small.small1 .qq1 {
    left: 50%;
    top: 11%;
    margin-left: -45px;
}

.HxJs-small.small1 .qq2 {
    left: 13%;
    top: 45%;
}

.HxJs-small.small1 .qq3 {
    right: 13%;
    top: 45%;
}

.HxJs-small.small1 .HxJs-small-text {
    bottom: 8%;
}

.HxJs-small.small2 .qq1 {
    left: 50%;
    top: 11%;
    margin-left: -45px;
}

.HxJs-small.small2 .qq2 {
    left: 13%;
    top: 45%;
}

.HxJs-small.small2 .qq3 {
    right: 13%;
    top: 45%;
}

.HxJs-small.small2 .HxJs-small-text {
    bottom: 8%;
}

.HxJs-small.small3 .qq1 {
    left: 13%;
    top: 22%;
}

.HxJs-small.small3 .qq2 {
    right: 13%;
    top: 22%;
}

.HxJs-small.small3 .qq3 {
    left: 50%;
    bottom: 11%;
    margin-left: -45px;
}

.HxJs-small.small3 .HxJs-small-text {
    top: 8%;
}

.HxJs-big {
    width: 373px;
    height: 373px;
    position: absolute;
    top: 50%;
    margin-top: -186px;
    right: 4%;
    z-index: 4;
}

.HxJs-big::before {
    content: "";
    position: absolute;
    width: 373px;
    height: 373px;
    animation: HxJsQqRun 16s linear infinite;
    background: url('../images/hxjsq3.png') no-repeat center/contain;
    top: 0;
    left: 0;
}

.HxJs-big .qq1 {
    top: 7%;
    left: 50%;
    margin-left: -45px;
}

.HxJs-big .qq2 {
    top: 22.5%;
    left: 11%;
}

.HxJs-big .qq3 {
    top: 22.5%;
    right: 11%;
}

.HxJs-big .qq4 {
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -45px;
}

.HxJs-big .qq5 {
    bottom: 22.5%;
    left: 11%;
}

.HxJs-big .qq6 {
    bottom: 22.5%;
    right: 11%;
}

.HxJs-big .qq7 {
    bottom: 7%;
    left: 50%;
    margin-left: -45px;
}

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

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

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

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

/* 动画 */
.HxJs-img,
.HxJs-center,
.HxJs-small,
.HxJs-big,
.HxJs-small-qq {
    transition: all 1.5s ease;
}

.HxJs-img,
.HxJs-center,
.HxJs-small-qq {
    opacity: 0;
    transform: scale(0);
}

.HxJs-small,
.HxJs-big {
    opacity: 0;
}

.HxJs-small.small1 {
    margin: 11% 0 0 45%;
}

.HxJs-small.small2 {
    margin: -10% 0 0 46%;
}

.HxJs-small.small3 {
    margin: 1% 0 0 27%;
}

.HxJs-big {
    margin-right: 32%;
}

/* -- */
.HxJs.in .HxJs-img,
.HxJs.in .HxJs-center,
.HxJs.in .HxJs-small-qq {
    opacity: 1;
    transform: scale(1);
}

.HxJs.in .HxJs-small {
    opacity: 1;
    margin: 0;
}

.HxJs.in .HxJs-big {
    opacity: 1;
    margin-right: 0;
}

/* -- */
.HxJs.in .HxJs-img {
    transition-delay: .4s;
}

.HxJs.in .HxJs-center {
    transition-delay: .8s;
}

.HxJs.in .HxJs-small.small1 {
    transition-delay: 1.3s;
}

.HxJs.in .HxJs-small.small2 {
    transition-delay: 1.5s;
}

.HxJs.in .HxJs-small.small3 {
    transition-delay: 1.7s;
}

.HxJs.in .HxJs-big {
    transition-delay: 1.9s;
}

/* -- */
.HxJs.out .HxJs-img {
    transition-delay: 1.5s;
}

.HxJs.out .HxJs-center {
    transition-delay: 1.2s;
}

.HxJs.out .HxJs-small.small1 {
    transition-delay: 0.6s;
}

.HxJs.out .HxJs-small.small2 {
    transition-delay: 0.4s;
}

.HxJs.out .HxJs-small.small3 {
    transition-delay: 0.2s;
}

.HxJs.out .HxJs-big {
    transition-delay: 0.8s;
}

/* --核心-产品-- */
.HxCp {
    padding-top: 84px;
}

.HxCp-contain {
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 554px;
}

.HxCp-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.HxCp-center {
    position: absolute;
    width: 366px;
    height: 366px;
    margin: -183px 0 0 -183px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
}

.HxCp-center-box {
    position: relative;
    z-index: 2;
    background: #acc4e1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HxCp-center-name {
    width: 264px;
    height: 264px;
    background: #0056b8;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HxCp-center-text {
    position: absolute;
    letter-spacing: 4px;
    font-size: 22px;
    color: #0056b8;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
}

.HxCp-center-text.l {
    left: 15px;
}

.HxCp-center-text.r {
    right: 15px;
}

.HxCp-center::before,
.HxCp-center::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 86, 184, .1);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    animation: HxJsCenterRun 1.5s linear infinite;
    opacity: 0;
}

.HxCp-center::before {
    animation-delay: .6s;
}

.HxCp-center::after {
    animation-delay: 0s;
}

.HxCp-big {
    position: absolute;
    width: 277px;
    height: 277px;
    z-index: 4;
}

.HxCp-big::before {
    content: "";
    position: absolute;
    width: 277px;
    height: 277px;
    animation: HxJsQqRun 16s linear infinite;
    background: url('../images/hxjsq1.png') no-repeat center/contain;
    top: 0;
    left: 0;
}

.HxCp-small {
    position: absolute;
    width: 220px;
    height: 220px;
    z-index: 4;
}

.HxCp-big.big1 {
    top: 25%;
    left: -6%;
}

.HxCp-big.big2 {
    top: 25%;
    left: 14.2%;
}

.HxCp-small.small1 {
    top: 10.3%;
    right: 3.8%;
}

.HxCp-small.small2 {
    top: 30%;
    right: 19%;
}

.HxCp-small.small3 {
    bottom: 10.3%;
    right: 3.8%;
}

.HxCp-small::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    animation: HxJsQqRun 16s linear infinite;
    background: url('../images/hxcpq1.png') no-repeat center/contain;
    top: 0;
    left: 0;
}

.HxCp-qq {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 14px;
    color: #0056b8;
    line-height: 18px;
    background: #fff;
    border: 1px solid #a1bcda;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.HxCp-qq::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    top: -6px;
    left: -6px;
    animation: HxJsQqRunF 16s linear infinite;
    background: url('../images/hxcpq2.png') no-repeat center/contain;
}

.HxCp-big .HxCp-qq {
    width: 90px;
    height: 90px;
    font-size: 15px;
    line-height: 20px;
}

.HxCp-big .HxCp-qq::before {
    width: 101px;
    height: 101px;
    top: -6px;
    left: -7px;
    background: url('../images/hxjsq2.png') no-repeat center/contain;
}

.HxCp-qq-text {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #0056b8;
    left: 0;
}

.HxCp-big.big1 .qq1 {
    top: 50%;
    margin-top: -45px;
    left: 13%;
}

.HxCp-big.big1 .qq2 {
    top: 50%;
    margin-top: -45px;
    right: 13%;
}

.HxCp-big.big1 .HxCp-qq-text {
    bottom: 18%;
}

.HxCp-big.big2 .qq1 {
    left: 50%;
    top: 11%;
    margin-left: -45px;
}

.HxCp-big.big2 .qq2 {
    left: 13%;
    top: 45%;
}

.HxCp-big.big2 .qq3 {
    right: 13%;
    top: 45%;
}

.HxCp-big.big2 .HxCp-qq-text {
    bottom: 8%;
}

.HxCp-small.small1 .qq1 {
    left: 10%;
    top: 50%;
    margin-top: -40px;
}

.HxCp-small.small1 .qq2 {
    right: 10%;
    top: 50%;
    margin-top: -40px;
}

.HxCp-small.small1 .HxCp-qq-text {
    bottom: 14%;
}

.HxCp-small.small2 .qq1,
.HxCp-small.small3 .qq1 {
    left: 50%;
    top: 7%;
    margin-left: -40px;
}

.HxCp-small.small2 .qq2,
.HxCp-small.small3 .qq2 {
    left: 9%;
    top: 43%;
}

.HxCp-small.small2 .qq3,
.HxCp-small.small3 .qq3 {
    right: 9%;
    top: 43%;
}

.HxCp-small.small2 .HxCp-qq-text,
.HxCp-small.small3 .HxCp-qq-text {
    bottom: 7%;
}

.HxCp-icon {
    position: absolute;
    z-index: 2;
}

.HxCp-icon.icon1 {
    right: 21.5%;
    top: 14%;
}

.HxCp-icon.icon2 {
    right: 2%;
    top: 42%;
}

.HxCp-icon.icon3 {
    right: 21.2%;
    top: 70%;
}

/* 动画 */
.HxCp-img,
.HxCp-center,
.HxCp-small,
.HxCp-big,
.HxCp-qq,
.HxCp-icon {
    transition: all 1.5s ease;
}

.HxCp-img,
.HxCp-center,
.HxCp-qq {
    opacity: 0;
    transform: scale(0);
}

.HxCp-small,
.HxCp-big,
.HxCp-icon {
    opacity: 0;
}

.HxCp-big.big1 {
    margin: 0% 0 0 45%;
}

.HxCp-big.big2 {
    margin: 0% 0 0 25%;
}

.HxCp-small.small1 {
    margin: 9% 37% 0 0;
}

.HxCp-small.small2 {
    margin: 0 22% 0 0;
}

.HxCp-small.small3 {
    margin: 0 37% 9% 0;
}

.HxCp-icon.icon1 {
    margin: 10% 25% 0 0;
}

.HxCp-icon.icon2 {
    margin: 1% 44% 0 0;
}

.HxCp-icon.icon3 {
    margin: -10% 24% 0 0;
}

/* -- */
.HxCp.in .HxCp-img,
.HxCp.in .HxCp-center,
.HxCp.in .HxCp-qq {
    opacity: 1;
    transform: scale(1);
}

.HxCp.in .HxCp-small,
.HxCp.in .HxCp-big,
.HxCp.in .HxCp-icon {
    opacity: 1;
    margin: 0;
}

/* -- */
.HxCp.in .HxCp-img {
    transition-delay: .4s;
}

.HxCp.in .HxCp-center {
    transition-delay: .8s;
}

.HxCp.in .HxCp-big.big1 {
    transition-delay: 1.4s;
}

.HxCp.in .HxCp-big.big2 {
    transition-delay: 2s;
}

.HxCp.in .HxCp-small.small1 {
    transition-delay: 1.4s;
}

.HxCp.in .HxCp-small.small2 {
    transition-delay: 1.6s;
}

.HxCp.in .HxCp-small.small3 {
    transition-delay: 1.8s;
}

.HxCp.in .HxCp-icon.icon1 {
    transition-delay: 1.2s;
}

.HxCp.in .HxCp-icon.icon2 {
    transition-delay: 1.3s;
}

.HxCp.in .HxCp-icon.icon3 {
    transition-delay: 1.4s;
}

/* -- */
.HxCp.out .HxCp-img {
    transition-delay: 1.5s;
}

.HxCp.out .HxCp-center {
    transition-delay: 1.2s;
}

.HxCp.out .HxCp-big.big1 {
    transition-delay: .4s;
}

.HxCp.out .HxCp-big.big2 {
    transition-delay: 1s;
}

.HxCp.out .HxCp-small.small1 {
    transition-delay: 0.4s;
}

.HxCp.out .HxCp-small.small2 {
    transition-delay: 0.6s;
}

.HxCp.out .HxCp-small.small3 {
    transition-delay: 0.8s;
}

.HxCp.out .HxCp-icon.icon1 {
    transition-delay: 0.4s;
}

.HxCp.out .HxCp-icon.icon2 {
    transition-delay: 0.5s;
}

.HxCp.out .HxCp-icon.icon3 {
    transition-delay: 0.6s;
}

/* --核心-方案-- */
.HxFa {
    padding: 140px 86px 0 52px;
}

.HxFa-contain {
    position: relative;
    width: 100%;
    height: 432px;
}

.HxFa-line {
    width: 1066px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.HxFa-line-clip {
    width: 100%;
    overflow: hidden;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.HxFa-line img {
    position: absolute;
    max-width: none;
}

.HxFa-main {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 368px;
    height: 368px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #88aeda;
    background: #c0d2e7;
}

.HxFa-main-cont {
    width: 290px;
    height: 290px;
    border: 22px solid #73a0d4;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HxFa-main-cont img {
    width: 205px;
}

.HxFa-main-cont p {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: #0056b8;
    font-weight: 700;
    display: flex;
    height: 50px;
    line-height: 1;
    align-items: center;
    justify-content: center;
}

.HxFa-main-cont::before,
.HxFa-main-cont::after {
    content: "";
    position: absolute;
    background: url('../images/hxfaq1l.png') no-repeat center/100%;
    width: 322px;
    height: 322px;
    margin: -161px 0 0 -161px;
    top: 50%;
    left: 50%;
}

.HxFa-main-cont::before {
    animation: HxFaQqRun 12s linear infinite;
}

.HxFa-main-cont::after {
    animation: HxFaQqRunF 12s linear infinite;
    opacity: .4;
}

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

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

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

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

.HxFa-small {
    position: absolute;
    width: 90px;
    height: 90px;
    border: 16px solid #bed0e5;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #0056b8;
    line-height: 1;
    border-radius: 50%;
}

.HxFa-small::before,
.HxFa-small::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.HxFa-small::before {
    width: 85px;
    height: 85px;
    margin: -42px 0 0 -42px;
    animation: HxFaQqRun 8s linear infinite;
    background-image: url('../images/hxfaq2l2.png');
}

.HxFa-small::after {
    width: 78px;
    height: 78px;
    margin: -39px 0 0 -39px;
    animation: HxFaQqRunF 8s linear infinite;
    background-image: url('../images/hxfaq2l1.png');
}

.HxFa-small.small1 {
    left: 42%;
    top: 30%;
}

.HxFa-small.small2 {
    left: 66%;
    top: 5%;
}

.HxFa-small.small3 {
    left: 78%;
    top: 8%;
}

.HxFa-small.small4 {
    left: 88%;
    top: 0%;
}

.HxFa-small.small5 {
    left: 59%;
    top: 71%;
}

.HxFa-small.small6 {
    left: 87%;
    top: 69%;
}

.HxFa-big {
    position: absolute;
    width: 170px;
    height: 170px;
    border: 28px solid #bed0e5;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
}

.HxFa-big span {
    font-size: 18px;
    color: #0056b8;
    line-height: 1.1;
    margin-top: 8px;
}

.HxFa-big::before,
.HxFa-big::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.HxFa-big::before {
    width: 164px;
    height: 164px;
    margin: -82px 0 0 -82px;
    animation: HxFaQqRun 10s linear infinite;
    background-image: url('../images/hxfaq3l2.png');
}

.HxFa-big::after {
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    animation: HxFaQqRunF 10s linear infinite;
    background-image: url('../images/hxfaq3l1.png');
}

.HxFa-big.big1 {
    left: 50%;
    top: 8%;
}

.HxFa-big.big2 {
    left: 70%;
    top: 53%;
}

.HxFa-big.big3 {
    left: 88%;
    top: 25%;
}

.HxFa-icon {
    position: absolute;
}

.HxFa-icon i {
    display: block;
    width: 26px;
    height: 26px;
    background: url('../images/hxfaq4.png') no-repeat center/100%;
}

.HxFa-icon.icon1 i,
.HxFa-icon.icon3 i {
    animation: HxFaQqRun 8s linear infinite;
}

.HxFa-icon.icon2 i,
.HxFa-icon.icon4 i {
    animation: HxFaQqRunF 8s linear infinite;
}

.HxFa-icon.icon1 {
    left: 62%;
    top: 0%;
}

.HxFa-icon.icon2 {
    left: 84%;
    top: -5%;
}

.HxFa-icon.icon3 {
    left: 100%;
    top: 13%;
}

.HxFa-icon.icon4 {
    left: 86%;
    top: 61%;
}

/* 动画 */
.HxFa-line-clip,
.HxFa-main,
.HxFa-small,
.HxFa-big,
.HxFa-icon {
    transition: all 1.5s ease;
}

.HxFa-line-clip {
    width: 0;
}

.HxFa-main {
    opacity: 0;
    transform: scale(0);
}

.HxFa-small,
.HxFa-big {
    opacity: 0;
}

.HxFa-icon {
    opacity: 0;
    transform: scale(0);
}

.HxFa-small.small1 {
    margin: 4% 0 0 -27%;
}

.HxFa-small.small2 {
    margin: 13% 0 0 -51%;
}

.HxFa-small.small3 {
    margin: 11% 0 0 -63%;
}

.HxFa-small.small4 {
    margin: 13% 0 0 -74%;
}

.HxFa-small.small5 {
    margin: -14% 0 0 -45%;
}

.HxFa-small.small6 {
    margin: -13% 0 0 -72%;
}

.HxFa-big.big1 {
    margin: 8% 0 0 -38%;
}

.HxFa-big.big2 {
    margin: -10% 0 0 -58%;
}

.HxFa-big.big3 {
    margin: 1% 0 0 -76%;
}

/* -- */
.HxFa.in .HxFa-line-clip {
    width: 100%;
}

.HxFa.in .HxFa-main {
    opacity: 1;
    transform: scale(1);
}

.HxFa.in .HxFa-small,
.HxFa.in .HxFa-big {
    opacity: 1;
    margin: 0;
}

.HxFa.in .HxFa-icon {
    opacity: 1;
    transform: scale(1);
}

/* -- */
.HxFa.in .HxFa-line-clip {
    transition-delay: .5s;
}

.HxFa.in .HxFa-main {
    transition-delay: .5s;
}

.HxFa.in .HxFa-small.small1 {
    transition-delay: 1.6s;
}

.HxFa.in .HxFa-small.small2 {
    transition-delay: 1.6s;
}

.HxFa.in .HxFa-small.small3 {
    transition-delay: 1.6s;
}

.HxFa.in .HxFa-small.small4 {
    transition-delay: 1.5s;
}

.HxFa.in .HxFa-small.small5 {
    transition-delay: 1.6s;
}

.HxFa.in .HxFa-small.small6 {
    transition-delay: 1.5s;
}

.HxFa.in .HxFa-big.big1 {
    transition-delay: 2s;
}

.HxFa.in .HxFa-big.big2 {
    transition-delay: 2.5s;
}

.HxFa.in .HxFa-big.big3 {
    transition-delay: 3s;
}

.HxFa.in .HxFa-icon.icon1 {
    transition-delay: 1.1s;
}

.HxFa.in .HxFa-icon.icon2 {
    transition-delay: 1.2s;
}

.HxFa.in .HxFa-icon.icon3 {
    transition-delay: 1.5s;
}

.HxFa.in .HxFa-icon.icon4 {
    transition-delay: 1.4s;
}

/* -- */
.HxFa.out .HxFa-line-clip {
    transition-delay: 1.5s;
}

.HxFa.out .HxFa-main {
    transition-delay: 1.5s;
}

.HxFa.out .HxFa-small.small1 {
    transition-delay: 1.2s;
}

.HxFa.out .HxFa-small.small2 {
    transition-delay: 1.2s;
}

.HxFa.out .HxFa-small.small3 {
    transition-delay: 1.2s;
}

.HxFa.out .HxFa-small.small4 {
    transition-delay: 1.3s;
}

.HxFa.out .HxFa-small.small5 {
    transition-delay: 1.2s;
}

.HxFa.out .HxFa-small.small6 {
    transition-delay: 1.3s;
}

.HxFa.out .HxFa-big.big1 {
    transition-delay: 1s;
}

.HxFa.out .HxFa-big.big2 {
    transition-delay: 0.5s;
}

.HxFa.out .HxFa-big.big3 {
    transition-delay: 0s;
}

.HxFa.out .HxFa-icon.icon1 {
    transition-delay: 0.9s;
}

.HxFa.out .HxFa-icon.icon2 {
    transition-delay: 1s;
}

.HxFa.out .HxFa-icon.icon3 {
    transition-delay: 1.2s;
}

.HxFa.out .HxFa-icon.icon4 {
    transition-delay: 1.1s;
}

/* ---- */
@media all and (max-width:1700px) {
    .joinhxpt-pc-items {
        transform: scale(.9);
    }

    .joinhxpt-pc-menu {
        right: 42px;
    }

    .joinhxpt-pc-menu li {
        margin-top: 24px;
    }

    .joinhxpt-pc .contain {
        height: 630px;
    }
}

@media all and (max-width:1599px) {
    .joinhxpt-pc-menu {
        width: 160px;
        right: 30px;
    }

    .joinhxpt-pc-menu li {
        width: calc(100% - 20px);
        padding: 8px 4px;
        margin-top: 18px;
    }

    .joinhxpt-pc-items {
        transform: scale(.8);
        top: -70px;
    }

    .joinhxpt-pc .contain {
        height: 520px;
    }
}

@media all and (max-width:1359px) {
    .joinhxpt-pc-items {
        transform: scale(.7);
        top: -90px;
    }
}

/* -------------- */
/* 投资者关系 */
.notice {
    width: 100%;
}

.notice .iframe {
    width: 100%;
    height: 850px;
}

/* 友情链接 */
.friend {
    width: 100%;
    overflow: hidden;
}

.friend-list {
    width: 100%;
}

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

.friend-ul a {
    display: block;
    width: calc(25% - 40px);
    margin: 40px 0 0 40px;
}

.friend-ul a .image {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid #eee;
    transition: all .4s ease;
}

.friend-ul a .image img {
    max-width: 100%;
    max-height: 100%;
}

.friend-ul a .text {
    color: #444;
    text-align: center;
    transition: all .4s ease;
}

.friend-ul a:hover .image {
    border: 1px solid #7faadb;
}

.friend-ul a:hover .text {
    color: #0056b8;
}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {

    /* 1600 × (900) */
    .slideBox {
        padding-bottom: 114px;
    }

    

    .joinygga-content .items {
        margin-top: 50px;
    }

    .joinygga-list::after {
        height: calc(100% + 10px);
        top: -174px;
    }

    .aboutlc {
        height: 880px;
    }

    .aboutlc-mix .gallery-more .hint {
        font-size: 160px;
    }

    .aboutlc-mix .gallery-more {
        padding-top: 80px;
    }

    .aboutlc-mix {
        margin-top: 60px;
    }

    .aboutlc-mix .thumbs-prev,
    .aboutlc-mix .thumbs-next {
        bottom: 332px;
    }

    .aboutlc-mix .thumbs-prev {
        left: 50px;
    }

    .aboutlc-mix .thumbs-next {
        right: 50px;
    }
}

@media all and (max-width:1599px) {

    /* 1440 × (700)  */
    .law .content h6 {
        font-size: 22px;
    }

    .sonBan img {
        height: 500px;
    }

    .sonBan-menu a {
        height: 60px;
    }

    @keyframes sonBanRunMenu {
        0% {
            opacity: 0;
            transform: translateY(100px);
        }

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

  

    .rellb-main {
        padding-bottom: 32px;
    }

    .rellb-main-list {
        margin-left: -40px;
    }

    .rellb-main-list li {
        width: calc(33.3333% - 40px);
        margin-left: 40px;
    }

    .reltp-list li .content {
        padding: 0 26px;
    }

    .rellb-list ul {
        margin-left: -40px;
        padding: 32px 0;
    }

    .rellb-list li {
        width: calc(33.3333% - 40px);
        margin-left: 40px;
    }

    .rellb-list li .name {
        font-size: 20px;
        background-position: right 2px top 1px;
    }

    .news-image {
        width: 738px;
    }

    .news-cont {
        width: calc(100% - 738px);
        padding: 44px 30px 30px;
    }

    .news-main .news-cont .title {
        margin-top: 30px;
    }

    .news-cont .link {
        height: 64px;
        padding: 0 24px;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px;
    }

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

    .news-list li {
        width: calc(33.3333% - 26px);
        margin: 48px 0 0 26px;
    }

    .news-list .news-cont {
        padding: 28px 24px 32px;
    }

    .newsxq-head .title {
        min-height: 84px;
    }

    .newsxq-content {
        padding: 64px 64px 0;
    }

    .newsxq-mix {
        margin-top: -234px;
    }

    .newsxq-control a.back {
        width: 90px;
        height: 90px;
    }

    .newsxq-control a.prev,
    .newsxq-control a.next {
        width: calc(50% - 45px);
        padding: 0 36px;
        height: 90px;
    }

    #toShare {
        left: -54px;
        top: 140px;
    }

    .casejs {
        background-size: auto 340px;
    }

    .prolb {
        padding-left: 40px;
    }

    .slideBox {
        padding-bottom: 106px;
    }

    .prolb-list ul {
        margin: -24px 0 0 -24px;
    }

    .prolb-list li {
        width: calc(50% - 24px);
        margin: 24px 0 0 24px;
        padding: 20px 32px;
    }

    .prolb-cont .link {
        height: 64px;
        padding: 0 24px;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px;
    }

    .proxqtb .contain {
        padding-left: calc((100% - 1200px)/2);
    }

    .proxqtb-info {
        width: 420px;
    }

    .proxqtb-image {
        width: calc(100% - 420px);
        padding: 0 70px;
    }

    .proxqtb-info-btn>div.rele a {
        width: 188px;
        height: 50px;
    }

    .proxqst-items {
        padding: 58px 0 48px;
    }

    .proxqst-text p::before {
        top: 14px;
    }

    .proxqtb-info-title {
        padding-bottom: 28px;
    }

    .proxqtb-info-number {
        padding: 36px 0;
    }

    .proxqst-table tr td {
        padding: 14px 60px;
    }

    .aboutmh-wrap {
        width: 600px;
    }

    .aboutmh-text {
        width: calc(100% - 600px);
        padding-left: 50px;
        top: 120px;
    }

    .aboutmh-image {
        border-radius: 40px;
    }

    .aboutmh-list li {
        height: 120px;
    }

    .aboutmh-list li .num {
        width: 300px;
    }

    

    .aboutbj-info li .num {
        font-size: 82px;
        width: 68px;
    }

    .aboutbj-info li .cont {
        width: calc(100% - 68px);
    }

    .aboutbj-info li .text {
        font-size: 15px;
        margin-top: 10px;
    }

    .aboutbj-info li .name {
        font-size: 24px;
    }

    .aboutbj-map-dot .dot.zhongguo {
        left: 34%;
        top: 36%;
    }

    .aboutwh-click li {
        width: 180px;
        height: 180px;
        border-radius: 40px;
    }

    .aboutwh-block {
        width: 180px;
        height: 180px;
        right: 90px;
    }

    .aboutwh-content {
        width: 660px;
        border-radius: 40px;
        height: 310px;
    }

    .aboutwh-content-cont .text {
        margin-top: 30px;
        padding-top: 22px;
    }

    .aboutwh-tabs {
        height: 580px;
        max-width: 1100px;
    }

    .aboutzr-list li .title,
    .aboutzr-list li .name {
        font-size: 22px;
    }

    /* .aboutwh-click li.xc {bottom: 200px;} */
    .joinygga-head-image {
        width: 540px;
    }

    .joinygga-head-cont {
        width: calc(100% - 540px);
        padding-right: 60px;
    }

    .joinygga-content .name {
        margin-bottom: 14px;
    }

    .joinygga-content .items {
        margin-top: 30px;
    }

    .joinygga-list-li {
        padding-right: calc((100% - 1200px)/2);
    }

    .joinygga-list-li:nth-child(2n) {
        padding-left: calc((100% - 1200px)/2);
    }

    .joinygga-list-cont {
        width: 580px;
    }

    .joinygga-list-image {
        width: calc(100% - 580px);
        padding-right: 42px;
    }

    .joinygga-list-li:nth-child(2n) .joinygga-list-image {
        padding-left: 42px;
    }

    .joinygga-list::after {
        height: calc(100% - 40px);
        top: -106px;
    }

    .joinyghj-prev,
    .joinyghj-next {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        background-size: auto 29px;
    }

    .joinyghj-loop .swiper-pagination {
        padding: 20px 28px;
        font-size: 20px;
    }

    .joinyghj-loop .swiper-pagination b {
        font-size: 36px;
    }

    .joinyf-list li {
        margin-top: 60px;
        padding-right: calc((100% - 1200px)/2);
    }

    .joinyf-list li:nth-child(2n) {
        padding-left: calc((100% - 1200px)/2);
    }

    .joinyf-mix {
        padding-left: calc((100vw - 1200px)/2);
    }

    .joinyf-list li:nth-child(2n) .joinyf-mix {
        padding-right: calc((100vw - 1200px)/2);
    }

    .joinyf-cont .num {
        font-size: 100px;
        top: 12px;
        right: 24px;
    }

    .joinyf-cont {
        padding-right: 60px;
    }

    .joinyf-list li:nth-child(2n) .joinyf-cont {
        padding-left: 40px;
        padding-right: 40px;
    }

    .joinshxx-text::before,
    .joinshxx-text::after {
        width: 76px;
        height: 64px;
    }

    .joinshxx-text {
        padding: 40px 100px 0;
    }

    .joinshgw-menu {
        height: 84px;
        padding: 0 32px;
    }

    .joinshgw-list li {
        margin-top: 24px;
    }

    .joinshgw-menu .main {
        font-size: 20px;
    }

    .joinxydy-list ul {
        margin: -40px 0 0 -50px;
    }

    .joinxydy-list li {
        width: calc(33.3333% - 50px);
        margin: 40px 0 0 50px;
        padding: 30px 40px;
        min-height: 270px;
    }

    .joinxyxc-loop {
        margin-top: 100px;
    }

    .joinxyxc {
        min-height: 744px;
    }

    .joinxylc-list li .text {
        font-size: 18px;
        margin-top: 10px;
    }

    .joinxylc-list,
    .joinxylc-list li {
        height: 188px;
    }

    .joinhxzz-pop .contain {
        padding: 50px 80px;
    }

    .joinhxtb-items {
        height: 230px;
    }

    .joinhxzz-click {
        height: 700px;
    }

    .news-image img {
        height: 240px;
    }

    .news-main .news-image img {
        height: 380px;
    }

    .aboutlc-mix .gallery-more .hint {
        font-size: 130px;
    }

    .aboutlc-mix .gallery-more {
        padding-top: 60px;
    }

    .aboutlc-mix .gallery-more .line {
        margin: 18px auto 16px;
    }

    .aboutlc-mix {
        margin-top: 40px;
    }

    .aboutlc-mix .thumbs {
        bottom: 140px;
    }

    .aboutlc-mix .thumbs .swiper-container {
        width: 1200px;
    }

    .aboutlc {
        height: 700px;
    }

    .aboutlc-mix .thumbs-prev,
    .aboutlc-mix .thumbs-next {
        bottom: 240px;
    }

    .aboutlc-mix .thumbs-prev {
        left: 50px;
    }

    .aboutlc-mix .thumbs-next {
        right: 50px;
    }
}

@media all and (max-width:1439px) {

    /* 1360 */
    .joinygga-list::after {
        height: calc(100% - 24px);
    }

    .aboutlc-mix .thumbs-prev,
    .aboutlc-mix .thumbs-next {
        bottom: 236px;
    }

    .aboutlc-mix .thumbs-prev {
        left: 40px;
    }

    .aboutlc-mix .thumbs-next {
        right: 40px;
    }
}

@media all and (max-width:1359px) {

    /* 1280 */
    .joinygga-content .items {
        margin-top: 24px;
    }

    .joinygga-list-li:last-child .joinygga-content .items {
        margin-top: 24px;
    }

    .joinygga-list::after {
        top: -150px;
        height: calc(100% + 8px);
    }

    .aboutlc-mix .thumbs-prev,
    .aboutlc-mix .thumbs-next {
        bottom: 240px;
        width: 38px;
        height: 88px;
    }

    .aboutlc-mix .thumbs-prev {
        left: 20px;
    }

    .aboutlc-mix .thumbs-next {
        right: 20px;
    }
}

@media all and (max-width:1279px) {

    /* 1152 × (700) */
    .law .content h6 {
        font-size: 20px;
    }

    .sonBan img {
        height: 440px;
    }

    .sonBan-menu a {
        height: 50px;
        font-size: 16px;
    }

    @keyframes sonBanRunMenu {
        0% {
            opacity: 0;
            transform: translateY(90px);
        }

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

    .reltp-list li {
        width: 100px;
    }

    .reltp-list li.active {
        width: calc(100% - 100px*5);
    }

    .rellb-main-list {
        margin-left: -30px;
    }

    .rellb-main-list li {
        width: calc(30% - 30px);
        margin-left: 30px;
    }

    .rellb-main-list li:first-child {
        width: calc(40% - 30px);
    }

    .rellb-main {
        padding-bottom: 28px;
    }

    .rellb-list ul {
        margin-left: -30px;
        padding: 28px 0;
    }

    .rellb-list li {
        width: calc(33.3333% - 30px);
        margin-left: 30px;
    }

    .rellb-list li .name {
        font-size: 16px;
    }

    .rellb-main .name {
        font-size: 20px;
    }

    .news-list ul {
        margin: 0 0 0 -20px;
    }

    .news-list li {
        width: calc(33.3333% - 20px);
        margin: 36px 0 0 20px;
    }

    .news-list .news-cont {
        padding: 24px 20px 28px;
    }

    .news-cont .title {
        font-size: 18px;
        line-height: 28px;
        max-height: 56px;
    }

    .news-cont .link i {
        width: 48px;
        height: 32px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .news-cont .link {
        height: 54px;
        padding: 0 18px;
        border-top-right-radius: 27px;
        border-bottom-right-radius: 27px;
    }

    .news-image {
        width: 594px;
    }

    .news-cont {
        width: calc(100% - 594px);
        padding: 28px 24px;
    }

    .news-main .news-cont .title {
        margin-top: 16px;
    }

    .newsxq-banner img {
        height: 340px;
    }

    .newsxq-head .title {
        min-height: 74px;
    }

    .newsxq-content {
        padding: 54px 54px 0;
    }

    .newsxq-mix {
        margin-top: -200px;
    }

    .casejs {
        background-size: auto 300px;
    }

    .prolb {
        padding-left: 24px;
    }

    .slideBox {
        padding-bottom: 98px;
    }

    .prolb-list ul {
        margin: -18px 0 0 -18px;
    }

    .prolb-list li {
        width: calc(50% - 18px);
        margin: 18px 0 0 18px;
        padding: 20px 24px;
    }

    .prolb-cont .link i {
        width: 48px;
        height: 32px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .prolb-cont .link {
        height: 54px;
        padding: 0 18px;
        border-top-right-radius: 27px;
        border-bottom-right-radius: 27px;
    }

    .proxqtb .contain {
        padding-left: calc((100% - 900px)/2);
    }

    .proxqtb-info {
        width: 360px;
    }

    .proxqtb-image {
        width: calc(100% - 360px);
        padding: 0 40px;
    }

    .proxqtb-info-btn>div.rele a {
        width: 180px;
        height: 50px;
    }

    .proxqst-items {
        padding: 48px 0 38px;
    }

    .proxqst-text p::before {
        top: 13px;
    }

    .proxqtb-info-title {
        padding-bottom: 24px;
    }

    .proxqtb-info-number {
        padding: 32px 0;
    }

    .proxqst-table tr td {
        padding: 12px 40px;
    }

    .aboutmh-wrap {
        width: 450px;
    }

    .aboutmh-image {
        border-radius: 24px;
    }

    .aboutmh-list li .num {
        width: 200px;
    }

    .aboutmh-list li {
        height: 100px;
    }

    .aboutmh-text {
        width: calc(100% - 450px);
        padding-left: 40px;
        top: 120px;
    }


    .aboutbj-map-dot .dot.zhongguo {
        left: 34%;
        top: 34%;
    }

    .aboutbj-info li .num {
        font-size: 70px;
        width: 54px;
    }

    .aboutbj-info li .cont {
        width: calc(100% - 54px);
    }

    .aboutbj-info li .text {
        font-size: 12px;
        margin-top: 4px;
    }

    .aboutbj-info li .name {
        font-size: 20px;
    }

    .aboutwh-click li {
        width: 160px;
        height: 160px;
        border-radius: 24px;
    }

    .aboutwh-block {
        width: 160px;
        height: 160px;
        right: 90px;
    }

    /* .aboutwh-click li.xc {bottom: 178px;} */
    .aboutwh-tabs {
        height: 518px;
    }

    .aboutwh-content {
        width: 476px;
        border-radius: 24px;
        height: 270px;
        padding: 30px 30px 0;
    }

    .aboutwh-content-cont .text {
        margin-top: 20px;
        padding-top: 16px;
    }

    .aboutwh-content-icon {
        width: 130px;
        padding-right: 16px;
    }

    .aboutwh-content-cont {
        width: calc(100% - 130px);
        padding-top: 20px;
    }

    .aboutzr-list li .content {
        padding: 0 18px;
    }

    .aboutzr-list li .title,
    .aboutzr-list li .name {
        font-size: 18px;
    }

    .joinygga-head-image {
        width: 430px;
    }

    .joinygga-head-cont {
        width: calc(100% - 430px);
        padding-right: 40px;
    }

    .joinygga-content .title::before {
        width: 4px;
    }

    .joinygga-content .title {
        padding-left: 24px;
        font-size: 24px;
    }

    .joinygga-content .name {
        margin-bottom: 10px;
        font-size: 22px;
    }

    .joinygga-content .text {
        font-size: 16px;
        line-height: 26px;
    }

    .joinygga-content .items {
        margin-top: 24px;
    }

    .joinygga-content .content {
        padding-left: 24px;
    }

    .joinygga-list-li {
        padding-right: calc((100% - 900px)/2);
    }

    .joinygga-list-li:nth-child(2n) {
        padding-left: calc((100% - 900px)/2);
    }

    .joinygga-list-cont {
        width: 430px;
    }

    .joinygga-list-image {
        width: calc(100% - 430px);
        padding-right: 40px;
    }

    .joinygga-list-li:nth-child(2n) .joinygga-list-image {
        padding-left: 40px;
    }

    .joinygga-list::after {
        top: -100px;
        height: calc(100% - 44px);
    }

    .joinyghj-loop .swiper-pagination {
        font-size: 16px;
    }

    .joinyghj-loop .swiper-pagination b {
        font-size: 28px;
    }

    .joinyf-list li {
        margin-top: 40px;
        padding-right: calc((100% - 900px)/2);
    }

    .joinyf-list li:nth-child(2n) {
        padding-left: calc((100% - 900px)/2);
    }

    .joinyf-mix {
        padding-left: calc((100vw - 900px)/2);
    }

    .joinyf-list li:nth-child(2n) .joinyf-mix {
        padding-right: calc((100vw - 900px)/2);
    }

    .joinyf-cont .text {
        font-size: 15px;
        line-height: 26px;
    }

    .joinyf-image img {
        height: 400px;
    }

    .joinyf-cont .num {
        font-size: 80px;
    }

    .joinyf-cont {
        padding-right: 40px;
    }

    .joinyf-list li:nth-child(2n) .joinyf-cont {
        padding-right: 0;
    }

    .joinshxx-text {
        padding: 32px 80px 0;
        font-size: 15px;
        line-height: 26px;
    }

    .joinshxx-text::before,
    .joinshxx-text::after {
        width: 56px;
        height: 50px;
    }

    .joinshgw-menu {
        height: 68px;
        padding: 0 24px;
    }

    .joinshgw-menu .main {
        font-size: 18px;
    }

    .joinshgw-menu .main span {
        margin-left: 29px;
    }

    .joinshgw-menu .main span::before {
        height: 16px;
        margin-top: -8px;
        left: -14px;
    }

    .joinshgw-menu .info span {
        margin-right: 23px;
    }

    .joinshgw-menu .info span::before {
        right: -11px;
    }

    .joinshgw-list li {
        margin-top: 18px;
    }

    .joinshgw-drop {
        padding: 28px 24px;
    }

    .joinxydy-list ul {
        margin: -30px 0 0 -30px;
    }

    .joinxydy-list li {
        width: calc(33.3333% - 30px);
        margin: 30px 0 0 30px;
        padding: 30px 28px;
        min-height: 270px;
    }

    .joinxyxc-loop {
        margin-top: 68px;
    }

    .joinxyxc-content {
        margin-top: 54px;
    }

    .joinxyxc-loop-hint {
        width: 180px;
        height: 180px;
        margin: -90px 0 0 -90px;
    }

    .joinxyxc-loop-hint::after {
        width: 150px;
        height: 150px;
    }

    .joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year span {
        transform: translateY(-57px);
        font-size: 20px;
    }

    .joinxyxc-loop .swiper-slide-active:nth-child(2n) .joinxyxc-loop-year span {
        transform: translateY(56px);
    }

    .joinxyxc {
        min-height: 620px;
    }

    .joinxylc-list {
        height: auto;
        background: none;
    }

    .joinxylc-list ul {
        margin-top: -24px;
    }

    .joinxylc-list li {
        width: 33.3333%;
        height: auto;
        margin-top: 24px;
    }

    .joinxylc-items {
        width: 190px;
        height: 190px;
        border: 1px solid #0056b8;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .joinxyxc-loop-year span {
        width: 124px;
    }

    .joinhxzz-click {
        max-width: 690px;
        height: 500px;
    }

    .joinhxzz-click-bg {
        width: 260px;
    }

    .joinhxzz-click::before {
        width: 560px;
        height: 560px;
        margin: -280px 0 0 -280px;
    }

    .joinhxzz-click::after {
        width: 400px;
        height: 400px;
        margin: -200px 0 0 -200px;
    }

    .joinhxzz-click-menu {
        width: 250px;
        height: 54px;
        padding-left: 40px;
        font-size: 22px;
    }

    .joinhxzz-click-menu:nth-child(2n) {
        padding-right: 40px;
    }

    .joinhxzz-click-list {
        height: 240px;
        margin-top: -120px;
    }

    .joinhxzz-pop .contain {
        padding: 30px 40px;
    }

    .joinhxzz-pop-items .text {
        padding: 28px 30px;
    }

    .joinhxtb-items {
        height: 190px;
    }

    .joinhxzz-click-menu::before {
        display: none;
    }

    .joinhxpt-pc {
        display: none;
    }

    .joinhxpt-mb {
        display: block;
    }

    .friend-ul {
        margin: -20px 0 0 -20px;
    }

    .friend-ul a {
        display: block;
        width: calc(25% - 20px);
        margin: 20px 0 0 20px;
    }

    .friend-ul a .image {
        height: 120px;
    }

    .aboutBan-play {
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        background-size: 30px auto;
    }

    .news-image img {
        height: 210px;
    }

    .aboutlc-mix .thumbs .swiper-container {
        width: 900px;
    }

    .aboutlc-mix .thumbs-prev,
    .aboutlc-mix .thumbs-next {
        bottom: 226px;
    }

    .aboutlc-mix .thumbs-prev {
        left: 4%;
    }

    .aboutlc-mix .thumbs-next {
        right: 4%;
    }
}

@media all and (max-width:1151px) {

    /* 1024 */
    #toShare {
        display: none;
    }

    .aboutBan img {
        height: auto;
        min-height: 320px;
    }

    .aboutmh-bird {
        bottom: 40px;
    }


    .aboutmh {
        overflow: hidden;
    }

    .joinygga-content .text {
        font-size: 15px;
        line-height: 25px;
    }

    .joinygga-list::after {
        top: -128px;
        height: calc(100% + 2px);
    }

    .aboutBan video {
        display: none;
    }

    .aboutlc-mix .thumbs-prev,
    .aboutlc-mix .thumbs-next {
        bottom: 216px;
    }
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */
    .reltp-loop {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .reltp-loop .swiper-container,
    .reltp-loop .swiper-wrapper,
    .reltp-loop .swiper-slide,
    .reltp-loop img {
        height: 100%;
    }

    .reltp-list {
        position: relative;
        padding: 50px 0;
    }

    .reltp-list li .content {
        position: static;
    }

    .reltp-list li .title,
    .reltp-list li .text {
        opacity: 1;
        animation: none !important;
    }

    .reltp-list ul {
        flex-wrap: wrap;
    }

    .reltp-list li {
        width: 50% !important;
        height: auto;
        padding: 16px 24px;
    }

    .reltp-list li .address {
        display: none;
    }

    .reltp-list li::before {
        display: none;
    }

    .reltp-list li:nth-child(2n):before {
        display: block;
    }

    .reltp-list li:nth-child(-n+2) {
        padding-top: 0;
    }

    .reltp-list li:nth-last-child(-n+2) {
        padding-bottom: 0;
    }

    .reltp-list li .content {
        padding: 0;
    }

    .rellb-main-list {
        margin-left: -20px;
    }

    .rellb-main-list li {
        width: calc(27% - 20px);
        margin-left: 20px;
    }

    .rellb-main-list li:first-child {
        width: calc(46% - 20px);
    }

    .rellb-list ul {
        margin-left: 0;
        padding: 0;
        border-bottom: none;
    }

    .rellb-main {
        padding-bottom: 24px;
    }

    .rellb-list li {
        width: 100%;
        margin-left: 0;
        padding: 24px 0;
        border-bottom: 1px solid #d8dadd;
    }

    .rellb-list ul:last-child li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .reltp-list li .text {
        max-width: 100%;
    }

    .rellb-list li .address {
        max-width: 100%;
    }

    .news-main .news-image {
        width: 100%;
    }

    .news-main .news-cont {
        width: 100%;
    }

    .news-main .news-cont .bottom {
        margin-top: 28px;
    }

    .news-list li {
        width: calc(50% - 20px);
    }

    .newsxq-content {
        padding: 50px 40px 0;
    }

    .newsxq-control a.back {
        width: 80px;
        height: 80px;
    }

    .newsxq-control a.prev,
    .newsxq-control a.next {
        width: calc(50% - 40px);
        height: 80px;
        padding: 0 28px;
        background-size: auto 27px;
    }

    .newsxq-content h6 {
        font-size: 18px;
    }

    .casejs {
        background-size: auto 354px;
    }

    .slideBox {
        top: 80px;
    }

    .prolb-list ul {
        margin: -18px 0 0;
    }

    .prolb-list li {
        width: 100%;
        margin: 18px 0 0;
        padding: 20px 24px;
    }

    .proxqtb .contain {
        padding-left: 4%;
    }

    .proxqtb-info {
        width: 300px;
    }

    .proxqtb-image {
        width: calc(100% - 300px);
        padding: 0 30px;
    }

    .proxqst-table tr td {
        padding: 12px 24px;
    }

    .proxqst-items {
        padding: 38px 0 28px;
    }

    .aboutmh-wrap {
        width: 100%;
    }

    .aboutmh-text {
        width: 100%;
        margin-top: 40px;
        padding-left: 0;
        top: 0;
        position: static;
    }

    .aboutmh-bird {
        bottom: 18px;
    }

  

    .aboutbj-map {
        display: none;
    }

    .aboutbj .sonTitle,
    .aboutbj-info {
        position: static;
    }

    .aboutbj-info {
        width: 100%;
        margin-top: 40px;
    }

    .aboutbj {
        background: #f6f7f9 url('../images/abo2_3.png') no-repeat center center/96% auto;
    }

    .aboutbj-info ul {
        justify-content: flex-start;
        margin-top: -20px;
    }

    .aboutbj-info li {
        width: 100%;
        margin-top: 20px;
    }

    .aboutwh-click,
    .aboutwh-block {
        display: none;
    }

    .aboutwh-tabs {
        height: auto;
    }

    .aboutwh-content {
        width: 100%;
        height: auto;
        padding: 30px;
    }

    .aboutwh-content .swiper-pagination {
        display: block;
        bottom: 0;
    }

    .aboutwh-content .swiper-container {
        padding-bottom: 50px;
    }

    .aboutwh-content .swiper-pagination-bullet {
        margin: 0 8px !important;
    }

    .aboutwh-content .swiper-pagination-bullet-active {
        background: #0056b8;
    }

    .aboutzr-loop {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .aboutzr-loop .swiper-container,
    .aboutzr-loop .swiper-wrapper,
    .aboutzr-loop .swiper-slide,
    .aboutzr-loop img {
        height: 100%;
    }

    .aboutzr-list {
        position: relative;
        padding: 28px 0;
    }

    .aboutzr-list ul {
        flex-wrap: wrap;
    }

    .aboutzr-list li {
        width: 100%;
        height: auto;
        padding: 28px 0;
    }

    .aboutzr-list li .name {
        display: none;
    }

    .aboutzr-list li .content {
        position: relative;
        height: auto;
    }

    .aboutzr-list li .title {
        opacity: 1;
        transform: translateY(0);
    }

    .aboutzr-list li .text {
        opacity: 1;
        transform: translateY(0);
    }

    .aboutzr-list li::before {
        width: 100%;
        height: 1px;
    }

    .joinygga-head-image {
        width: 100%;
    }

    .joinygga-head-cont {
        width: 100%;
        padding: 40px 0 0;
    }

    .joinygga-list {
        padding: 60px 4%;
        background: #f7f7f7;
        margin-top: 60px;
    }

    .joinygga-list::after {
        display: none;
    }

    .joinygga-list-li {
        padding: 0 !important;
        flex-direction: row !important;
        margin-top: 40px;
    }

    .joinygga-list-image {
        width: 100%;
        padding: 0 !important;
    }

    .joinygga-list-cont {
        width: 100%;
        margin-top: 40px;
    }

    .joinygga-list-li:first-child {
        margin-top: 0;
    }

    .joinyghj-loop img {
        min-height: 310px;
    }

    .joinyf-list {
        padding: 0 4%;
    }

    .joinyf-list li {
        padding: 0 !important;
    }

    .joinyf-mix {
        flex-direction: row !important;
        padding: 0 !important;
    }

    .joinyf-image {
        width: 100%;
    }

    .joinyf-image img {
        height: auto;
    }

    .joinyf-cont {
        width: 100%;
        padding: 36px 20px !important;
    }

    .joinyf-cont .num {
        font-size: 68px;
    }

    .joinshxx-text {
        padding: 50px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .joinshxx-text::before,
    .joinshxx-text::after {
        width: 50px;
        height: 42px;
    }

    .joinshgw-menu .info span {
        display: none;
    }

    .notice .iframe {
        height: 920px;
    }

    .friend-ul {
        margin: -20px 0 0 -20px;
    }

    .friend-ul a {
        display: block;
        width: calc(33.3333% - 20px);
        margin: 20px 0 0 20px;
    }

    .ke-zeroborder tr {
        margin-left: -16px;
    }

    .ke-zeroborder tr td {
        width: calc(33.3333% - 16px);
        margin-left: 16px;
    }

    .ke-zeroborder tr td .image {
        height: 240px;
        padding: 20px;
    }

    .ke-zeroborder tr td .cont {
        padding: 20px;
    }

    .aboutlc-mix .thumbs .swiper-container {
        width: 92%;
    }
}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */
    .paging {
        margin-top: 30px;
    }

    .law .content h6 {
        font-size: 18px;
    }

    .sonBan img {
        height: auto;
        min-height: 320px;
    }

    .sonBan-cont {
        text-align: center;
    }

    .sonBan-cont .text {
        margin-top: 4px;
    }

    .sonBan-place {
        display: none;
    }

    .sonBan-mix .contain {
        width: 100%;
    }

    .sonBan-menu a {
        height: 36px;
        font-size: 15px;
    }

    .sonBan-menu.a1 a,
    .sonBan-menu.a2 a {
        width: calc(50% - 1px);
    }

    .sonBan-menu.a3 a {
        width: calc(33.3333% - 1px);
    }

    .sonBan-menu.a4 a {
        width: calc(50% - 1px);
        margin-top: 2px;
    }

    @keyframes sonBanRun {
        0% {
            opacity: 0;
            transform: translateY(60px);
            filter: blur(6px);
        }

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

    @keyframes sonBanRunMenu {
        0% {
            opacity: 0;
            transform: translateY(40px);
        }

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

    .sonBan::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background: rgba(0, 0, 0, .2);
    }

    .reltp-loop,
    .reltp::after {
        display: none;
    }

    .reltp-list {
        padding: 0;
    }

    .reltp-list li {
        width: 100% !important;
        padding: 20px 0 !important;
        border-bottom: 1px solid #d8dadd;
    }

    .reltp-list li:first-child {
        padding-top: 0 !important;
    }

    .reltp-list li::before {
        width: 100%;
        height: 1px;
        display: block;
    }

    .reltp-list li .title {
        color: #0056b8;
    }

    .reltp-list li .text {
        margin-top: 6px;
        line-height: 24px;
        color: #333;
    }

    .reltp {
        display: none;
    }

    .rellb {
        margin-top: 0;
    }

    .rellb-main .name {
        font-size: 16px;
    }

    .rellb-main-list {
        margin-left: 0;
        margin-top: 8px
    }

    .rellb-main-list li {
        width: 100% !important;
        margin: 8px 0 0;
    }

    .rellb-main-list li:first-child {
        margin-top: 0;
    }

    .rellb-main-list li:first-child .text {
        max-width: 100%;
    }

    .rellb-main-list li:first-child .text {
        margin: 8px 0 0;
    }

    .rellb-main-list li .text {
        margin: 0;
    }

    .rellb-main {
        padding-bottom: 16px;
    }

    .rellb-list li {
        padding: 16px 0;
    }

    .rellb-list li .email,
    .rellb-list li .phone {
        margin-top: 8px;
    }

    .rellb-list li .address {
        margin-top: 8px;
    }

    .news-cont .title {
        line-height: 26px;
        max-height: 52px;
        margin-top: 8px;
    }

    .news-cont {
        padding: 20px 15px;
    }

    .news-main .news-cont .title {
        margin-top: 8px;
    }

    .news-main .news-cont .text {
        line-height: 24px;
        max-height: 72px;
        -webkit-line-clamp: 3;
    }

    .news-cont .link {
        height: 46px;
        padding: 0 12px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
    }

    .news-cont .bottom {
        margin-top: 18px;
    }

    .news-main .news-cont .bottom {
        margin-top: 18px;
    }

    .news-list ul {
        margin: 0;
    }

    .news-list li {
        width: 100%;
        margin: 18px 0 0;
    }

    .news-list .news-cont {
        height: auto;
        padding: 20px 15px;
    }

    .news-image img {
        height: 200px !important;
    }

    .newsxq-head .title {
        font-size: 18px;
        min-height: 48px;
    }

    .newsxq-content {
        padding: 24px 15px 0;
        margin-top: 16px;
        line-height: 26px;
    }

    .newsxq-banner img {
        height: 210px;
    }

    .newsxq-mix {
        margin-top: -116px;
    }

    .newsxq-content h6 {
        font-size: 16px;
    }

    .newsxq-control a.prev p.pc,
    .newsxq-control a.next p.pc {
        display: none;
    }

    .newsxq-control a.prev p.mb,
    .newsxq-control a.next p.mb {
        display: block;
    }

    .newsxq-control a.back {
        width: 50px;
        height: 50px;
    }

    .newsxq-control a.back::after {
        width: 24px;
        height: 24x;
        margin: -12px 0 0 -12px;
        background-size: 100% auto;
    }

    .newsxq-control a.prev,
    .newsxq-control a.next {
        width: calc(50% - 25px);
        height: 50px;
        padding: 0 28px;
        background-size: auto 20px;
    }

    .casejs-head .text {
        font-size: 16px;
        line-height: 26px;
    }

    .casejs-img {
        margin-top: 24px;
    }

    .corProduct .sonTitle .title {
        font-size: 22px;
    }

    .corProduct .link a::after {
        display: none;
    }

    .corProduct .link a span {
        padding-right: 32px;
        background: url('../images/indarr.png') no-repeat right center;
    }

    .corProduct.liuyan a span {
        padding-right: 0;
        padding-left: 28px;
        background: url('../images/messic.png') no-repeat left center/20px auto;
    }

    .corProduct .link a {
        width: 132px;
        height: 38px;
        border-radius: 19px;
        border: 2px solid rgba(255, 255, 255, .5);
        font-size: 15px;
    }

    .corProduct .link a:hover span {
        background-image: url('../images/indarrh.png');
    }

    .prolb {
        width: 100%;
        padding-left: 0;
        margin-top: 24px;
    }

    .slideBox {
        padding-bottom: 0;
    }

    .prolb-cont .link {
        height: 46px;
        padding: 0 12px;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;
    }

    .prolb-image {
        height: 200px;
    }

    .prolb-list li {
        padding: 16px;
    }

    .pro {
        padding-top: 0;
    }

    .proxqtb .contain {
        padding: 0 4%;
    }

    .proxqtb-mix {
        margin: 0;
        flex-direction: row;
    }

    .proxqtb-image {
        width: 100%;
        padding: 0;
    }

    .proxqtb-image img {
        max-height: 280px;
        max-width: 250px
    }

    .proxqtb-info {
        width: 100%;
        margin-top: 24px;
    }

    .proxqtb-info-title {
        padding-bottom: 14px;
    }

    .proxqtb-info-title .name {
        font-size: 24px;
    }

    .proxqtb-info-title .text {
        margin-top: 4px;
    }

    .proxqtb-info-number {
        padding: 24px 0;
    }

    .proxqtb-info-number li .num {
        margin-top: 6px;
    }

    .proxqtb-info-number ul {
        margin-top: -18px;
    }

    .proxqtb-info-number li {
        margin-top: 18px;
    }

    .proxqtb-info-btn>div.rele a {
        width: 144px;
        height: 40px;
    }

    .proxqtb-info-btn>div.info a {
        padding-left: 32px;
    }

    .proxqst-title {
        border-left: 4px solid #0056b8;
        padding-left: 12px;
    }

    .proxqst-text {
        line-height: 26px;
    }

    .proxqst-text p {
        padding-left: 16px;
    }

    .proxqst-text p::before {
        width: 5px;
        height: 5px;
        top: 10px;
    }

    .proxqst-items {
        padding: 26px 0 22px;
    }

    .proxqst-table tr td {
        padding: 8px 10px;
        font-size: 14px;
    }

    .aboutmh-image {
        border-radius: 12px;
    }

    .aboutmh-list li .num {
        width: 130px;
        font-size: 26px;
    }

    .aboutmh-list li .text {
        font-size: 18px;
    }

    .aboutmh-list li {
        height: 60px;
    }

    .aboutmh-list {
        margin-top: 8px;
    }

    .aboutmh-text {
        margin-top: 26px;
    }


    .aboutbj-info li {
        align-items: flex-start;
    }

    .aboutbj-info li .num {
        font-size: 42px;
        width: 38px;
    }

    .aboutbj-info li .cont {
        width: calc(100% - 38px);
    }

    .aboutbj-info li .name {
        font-size: 16px;
    }

    .aboutbj-info li .text {
        margin-top: 0;
    }

    .aboutbj-info {
        margin-top: 24px;
    }

    .aboutwh-content {
        padding: 20px 15px;
        border-radius: 12px;
    }

    .aboutwh-content-icon {
        width: 90px;
        padding-right: 16px;
    }

    .aboutwh-content-cont {
        width: calc(100% - 90px);
        padding-top: 0;
    }

    .aboutwh-content-cont .text {
        margin-top: 12px;
        padding-top: 8px;
        font-size: 16px;
    }

    .aboutwh-content .swiper-container {
        padding-bottom: 40px;
    }

    .aboutwh-content-mix {
        min-height: 140px;
        align-items: center;
    }

    .aboutzr-list li .title {
        color: #0056b8;
    }

    .aboutzr-list li .text {
        margin-top: 8px;
        color: #666;
        display: none;
        transition: none;
    }

    .aboutzr-list li:hover .text {
        transition: none;
    }

    .aboutzr-list li::before {
        background: rgba(0, 0, 0, .1);
    }

    .aboutzr-list li {
        padding: 18px 0;
    }

    .aboutzr-list li:first-child {
        padding-top: 0;
    }

    .aboutzr-list li:last-child {
        padding-bottom: 0;
    }

    .aboutzr-loop,
    .aboutzr-mix::after {
        display: none;
    }

    .aboutzr-list {
        padding: 0;
    }

    .aboutzr-list li .content {
        padding: 0;
    }

    .joinygga-head {
        margin-top: 30px;
    }

    .joinygga-content .title {
        padding-left: 15px;
        font-size: 20px;
    }

    .joinygga-content .content {
        padding-left: 0;
        margin-top: 22px;
    }

    .joinygga-content .name {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .joinygga-content .items {
        margin-top: 16px;
    }

    .joinygga-content .items:first-child {
        margin-top: 0 !important;
    }

    .joinygga-list {
        padding: 38px 4%;
        margin-top: 32px;
    }

    .joinygga-head-cont {
        padding: 24px 0 0;
    }

    .joinygga-list-cont {
        margin-top: 24px;
    }

    .joinygga-list-li {
        margin-top: 24px;
    }

    .joinyghj-loop {
        margin-top: 28px;
    }

    .joinyghj-prev,
    .joinyghj-next {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background-size: auto 19px;
    }

    .joinyghj-prev {
        left: 8px;
    }

    .joinyghj-next {
        right: 8px;
    }

    .joinyghj-loop .swiper-pagination {
        padding: 12px;
        font-size: 14px;
    }

    .joinyghj-loop .swiper-pagination b {
        font-size: 22px;
    }

    .joinyghj-loop img {
        min-height: 240px;
    }

    .joinygga-list-image img {
        height: 200px;
    }

    .joinyf .sonTitle {
        padding: 0 4%;
    }

    .joinyf-cont {
        width: 100%;
        padding: 28px 15px !important;
    }

    .joinyf-cont .title {
        border-left: 4px solid #0056b8;
        padding-left: 10px;
    }

    .joinyf-cont .num {
        font-size: 48px;
        top: 10px;
        right: 10px;
    }

    .joinyf-list li {
        margin-top: 24px;
    }

    .joinshxx-image img {
        min-height: 200px;
    }

    .joinshxx-text p span {
        display: block;
        margin: 0;
    }

    .joinshxx-text::before,
    .joinshxx-text::after {
        display: none;
    }

    .joinshxx-text {
        padding: 0;
    }

    .joinshxx-image {
        margin-top: 20px;
    }

    .joinshgw-menu {
        height: 48px;
        padding: 0 14px;
    }

    .joinshgw-list li {
        margin-top: 14px;
    }

    .joinshgw-menu .main {
        font-size: 16px;
    }

    .joinshgw-menu .main span {
        display: none;
    }

    .joinshgw-menu .main span:first-child {
        display: block;
        max-width: 200px;
    }

    .joinshgw-menu .info a {
        width: 74px;
        height: 26px;
        border-radius: 13px;
        font-size: 12px;
    }

    .joinshgw-drop {
        padding: 20px 14px;
    }

    .joinshgw-drop .cont {
        line-height: 25px;
    }

    .joinxydy-list ul {
        margin: -18px 0 0;
    }

    .joinxydy-list li {
        width: 100%;
        margin: 18px 0 0;
        padding: 24px 16px;
        min-height: 220px;
    }

    .joinxydy-list li .icon {
        width: 72px;
        height: 72px;
        border-radius: 10px;
    }

    .joinxydy-list li .text {
        margin-top: 4px;
    }

    .joinxytx-image {
        margin-top: 30px;
    }

    .joinxyxc-prev,
    .joinxyxc-next {
        width: 22px;
        height: 22px;
        margin-top: -11px;
        background-image: url('../images/arrlw.svg');
        background-size: 12px auto;
    }

    .joinxyxc-next {
        background-image: url('../fonts/arrrw.svg');
    }

    .joinxyxc-loop {
        padding: 0 22px;
        margin-top: 40px;
    }

    .joinxyxc-loop-hint {
        width: 120px;
        height: 120px;
        margin: -60px 0 0 -60px;
    }

    .joinxyxc-loop-hint::after {
        width: 106px;
        height: 106px;
    }

    .joinxyxc-loop-hint img {
        max-width: 30px;
    }

    .joinxyxc-loop-year {
        height: 100px;
    }

    .joinxyxc-loop-year span {
        width: 76px;
        height: 28px;
        font-size: 13px;
        border-radius: 14px;
    }

    .joinxyxc-loop-year i {
        width: 8px;
        height: 8px;
    }

    .joinxyxc-loop-year i::after {
        width: 20px;
        height: 20px;
        margin: -10px 0 0 -10px;
    }

    .joinxyxc-loop .swiper-slide-active .joinxyxc-loop-year span {
        transform: translateY(-35px);
        font-size: 13px;
    }

    .joinxyxc-loop .swiper-slide-active:nth-child(2n) .joinxyxc-loop-year span {
        transform: translateY(37px);
    }

    .joinxyxc-content .items .text {
        margin-top: 4px;
    }

    .joinxyxc-content {
        margin-top: 32px;
    }

    .joinxyxc {
        min-height: 400px;
    }

    .joinxylc-list ul {
        margin-top: -18px;
    }

    .joinxylc-list li {
        width: 50%;
        margin-top: 18px;
    }

    .joinxylc-items {
        width: 140px;
        height: 140px;
    }

    .joinxylc-list li .text {
        font-size: 14px;
        margin-top: 10px;
    }

    .joinxylc-list li .icon {
        height: 40px;
        width: 40px;
    }

    .joinxylc-cont {
        line-height: 25px;
    }

    .joinhxzz-click::before,
    .joinhxzz-click::after {
        display: none;
    }

    .joinhxzz-click {
        max-width: none;
        height: auto;
        padding: 32px 0;
        display: block;
    }

    .joinhxzz-click-bg {
        margin: 0 auto;
        display: block;
    }

    .joinhxzz-click-list {
        position: static;
        width: 100%;
        margin-top: 20px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .joinhxzz-click-menu {
        position: sticky;
        width: calc(50% - 4px);
        margin-top: 8px;
        background: none !important;
        border: 1px solid #0056b8;
        padding: 0 !important;
        height: 38px;
        font-size: 16px;
        justify-content: center !important;
    }

    .joinhxzz-click-menu i {
        display: none;
    }

    .joinhxzz-pop .contain {
        padding: 24px 16px;
    }

    .joinhxzz-pop-items .text {
        padding: 16px 15px;
        max-height: 400px;
        overflow-y: auto;
    }

    .joinhxzz-pop-close {
        width: 20px;
        height: 20px;
        top: 24px;
        right: 16px;
    }

    .joinhxzz-pop-items .title {
        border-left: 3px solid #0056b8;
        padding-left: 8px;
    }

    .joinhxpt-mb {
        margin-top: 24px;
    }

    .joinhxpt-mb .swiper-container {
        padding-bottom: 36px;
    }

    .joinhxtb-items {
        width: 100%;
        height: 100px;
    }

    .joinhxtb::after {
        height: 50%;
        width: 100%;
        top: auto;
        bottom: 0;
    }

    .joinhxtb-items .icon img {
        max-height: 47px;
    }

    .joinhxtb-items .text {
        margin-left: 16px;
        padding-right: 20px;
        background: url('../fonts/arrrh.svg') no-repeat right -3px center/24px auto;
    }

    .notice .iframe {
        height: 980px;
    }

    .friend-ul {
        margin: -12px 0 0 -12px;
    }

    .friend-ul a {
        display: block;
        width: calc(50% - 12px);
        margin: 12px 0 0 12px;
    }

    .friend-ul a .image {
        height: 84px;
    }

    .friend-ul a .text {
        font-size: 13px;
        margin-top: 6px;
    }

    .aboutBan-play {
        width: 54px;
        height: 54px;
        margin: -27px 0 0 -27px;
        background-size: 28px auto;
    }

    .ke-zeroborder tr {
        margin-left: 0;
    }

    .ke-zeroborder tr td {
        width: 100%;
        margin-left: 0;
    }

    .news-cont .more {
        margin-top: 16px;
    }

    .aboutlc-mix .gallery-more .hint {
        font-size: 60px;
    }

    .aboutlc-mix .gallery-more {
        padding-top: 28px;
    }

    .aboutlc-mix .gallery-more .cont {
        font-size: 18px;
        line-height: 24px;
    }

    .aboutlc-mix .gallery-more .num {
        font-size: 24px;
    }

    .aboutlc-mix .gallery-more .line {
        width: 36px;
        margin: 12px auto 10px;
    }

    .aboutlc-mix {
        margin-top: 20px;
    }

    .aboutlc-mix .thumbs .thumbs-year {
        font-size: 18px;
        height: 54px;
    }

    .aboutlc-mix .thumbs {
        bottom: 50px;
    }

    .aboutlc {
        height: 384px;
    }

    .aboutlc-mix .thumbs-prev,
    .aboutlc-mix .thumbs-next {
        bottom: 140px;
        width: 26px;
        height: 56px;
        background-size: 22px auto;
    }

    .rellb-main-list li .hint {
        color: #666;
        font-family: "MR";
    }

    .rellb-main-list li:first-child .text {
        color: #666;
    }

    .rellb-main-list li:nth-last-child(-n+2) {
        display: none;
    }

    .casesb {
        margin-top: 24px
    }

    .casesb .sonTitle .text {
        font-size: 16px;
        color: #333;
        line-height: 26px
    }
}