@charset "UTF-8";
* {
    font-family: PingFang SC;
    transition: .3s ease;
    padding: 0;
    margin: 0;
    list-style: none;
}

body, html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: inherit;
}

/*向下的箭头跳动*/
@-webkit-keyframes arrowDown {
    0% {
        -webkit-transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(0, 6px);
    }

    50% {
        -webkit-transform: translate(0, 0);
    }

    75% {
        -webkit-transform: translate(0, -6px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

.homePage {
    transition: all 1s cubic-bezier(0.6, 0, 0, 0.6) !important;
    transition-duration: 2s;
    width: 100%;
    height: 100%;
}

.swiper {
    width: 100%;
    height: 100%;
}

.maxWidth {
    width: 100% !important;
}

/* 头部 */

/* 右侧转动条 */
.homePage .swiper-pagination {
    position: fixed;
    /*牢靠定位*/
    right: 20px;
    top: 50%;
    /* margin-top: -121px; */
    z-index: 1;
}
.homePage .swiper-pagination span {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px #777 solid;
    border-radius: 50%;
    margin-bottom: 12px;
    line-height: 99999999px;
    font-size: 16px;
    color: rgba(1, 183, 222, 1);
    background: none;
    cursor: pointer;
}
.homePage .swiper-pagination .swiper-pagination-bullet-active {
    border: 1px rgba(1, 183, 222, 1) solid;
    background: rgba(1, 183, 222, 1);

}
.homePage .swiper-pagination span:hover {
    border: 1px rgba(1, 183, 222, 1) solid;
}
.homePage .swiper-pagination .swiper-pagination-switch {
    position: relative;
}
.homePage .swiper-pagination span i {
    position: absolute;
    left: -30px;
    top: -15px;
    font-style: normal
}
.homePage .swiper-pagination .swiper-active-switch {
    width: 10px;
    height: 10px;
    font-size: 16px;
    border: 1px rgba(1, 183, 222, 1) solid;
    background: rgba(1, 183, 222, 1);
    color: rgba(1, 183, 222, 1);
}

/* 底部的箭头 */
.page-next {
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 50%;
    z-index: 10;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.3s ease;
    animation: arrowDown 1s infinite linear;
    -webkit-animation: arrowDown 1s infinite linear;
}

.homePage .nextIco {
    height: 32.85px;
    width: 32.92px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    background: url(/resource/website/images/index/pageNext.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}

.swiper .swiper-small {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper .section1 {
    overflow: hidden;
}

.swiper-small .swiper-slide {
    overflow: hidden;
}
.swiper-small .swiper-slide .bnrSlide {
    /* height: 100%;
    width: 100%;
    transform-origin: center center 0;
    transition: transform 2s ease, opacity .8s ease, visibility .8s ease;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: 0;
    top: 0;
    position: relative;
    transition-delay: 0.7s; */
}
.swiper-small .swiper-slide .video-background {
    height: 100%;
    width: 100%;
    /* position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:1;
    width: auto;
    height: 100%; */
}
.swiper-small .swiper-slide .swiper-slide-active .bnrSlide {
    /* transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible; */
}
.swiper-small .swiper-slide .bnrSlide {
    transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
    -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
    /* position: relative; */
}
.swiper-small .swiper-slide .bnrSlide2 .swiper-slide-img img, .swiper-small .swiper-slide .bnrSlide3 .swiper-slide-img img {
    width: 100%;
    height: 100%;
}
.swiper-small .swiper-slide .bnrSlide1 {
    height: 100%;
    width: 100%;
    background: url(/resource/website/images/index/video1.png) no-repeat center center / auto 100%;
    background-size: cover;
}
.swiper-small .swiper-slide .bnrSlide2 {
    height: 100%;
    width: 100%;
    background: url(/resource/website/images/index/video2.jpg) no-repeat center center / auto 100%;
    background-size: cover;
}
.swiper-small .swiper-slide .bnrSlide3 {
    height: 100%;
    width: 100%;
    background: url(/resource/website/images/index/video3.jpg) no-repeat center center / auto 100%;
    background-size: cover;
}
.swiper-small .swiper-slide .swiper-slide-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 1);
    z-index: 9;
    text-align: center;
    text-shadow: -2px 2px rgba(16, 24, 40, 0.3);
}
.swiper-small .swiper-slide .swiper-slide-text1 {
    /* top: 33%; */
}
.swiper-small .swiper-slide .swiper-slide-text h1 {
    font-size: 32px;
    font-weight: 500;
    padding: 0 0 16px 0;
    letter-spacing: 0.04em;
}
.swiper-small .swiper-slide .swiper-slide-text h3 {
    font-size: 20px;
    font-weight: 500;
}
.swiper-small .swiper-slide .swiper-slide-text h3 span {
    font-size: 32px;
}
.swiper-small .swiper-slide .swiper-slide-text p {
    font-size: 16px;
    font-weight: 400;
    padding: 24px 0 0 0;
}

/* 切换按钮 */
.swiper-small .swiper-slide .pagination {
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 999;
    width: 100%;
    text-align: center;
    font-size: 0;
    display: none;
}
.swiper-small .swiper-slide .pagination span {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 0 10px;
}
.swiper-small .swiper-slide .pagination span.swiper-active-switch {
    background: #fff;
}

.banner .pagination {
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 999;
    width: 100%;
    text-align: center;
    font-size: 0;
    display: none;
}
.banner .pagination span {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 0 10px;
}
.banner .pagination span.swiper-active-switch {
    background: #fff;
}

/* 右侧swiper的点 */
.swiper-small .swiper-wrapper {
    height: 100%;
    width: 100%;
}

.section1 .banner {
    height: 100%;
    /* width: 100%; */
    position: relative;
}

.bnr-prevBtn,
.bnr-nextBtn {
    position: fixed;
    top: 0;
    height: 100%;
    width: 200px;
    z-index: 1;
    /* cursor: pointer; */
}
.bnr-prevBtn {
    left: 0;
}
.bnr-nextBtn {
    right: 0;
    cursor: pointer;
}

.banner .bnr-prev,
.banner .bnr-next {
    position: fixed;
    top: 50%;
    /* top: 450px; */
    height: 36px;
    width: 36px;
    background: #0075c1;
    margin-top: -32px;
    transition: 0.4s ease;
    cursor: pointer;
}
.banner .bnr-prev {
    left: -65px;
    background: url(/resource/website/images/index/bnr-prev.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.banner .bnr-next {
    right: -65px;
    background: url(/resource/website/images/index/bnr-next.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

/* 左边滑过 */
.bnr-prevBtn:hover .bnr-prev,
.bnr-prevBtn:hover .bnr-prev1 {
    left: 65px;
}
.bnr-nextBtn:hover .bnr-next {
    right: 65px;
    /* display: block; */
}

/* 第二屏 落地的智慧 */
.homePage .swiper-wrapper .section2 {
    height: 100%;
    background: url(/resource/website/images/index/background1.png) no-repeat center center / 100% 100%;
    overflow: hidden;
    position: relative;
}
.homePage .swiper-wrapper .section2 .swiper-container header {
    /* height: 25%; */
    /* height: 67px; */
    /* padding: 20% 0 90px 0; */
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    top: 17%;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
}
.homePage .swiper-wrapper .section2 .swiper-container header span {
    font-size: 18px;
    font-weight: 500;
    color: rgba(52, 64, 84, 0.6);
}
.homePage .swiper-wrapper .section2 .swiper-container header p {
    font-size: 26px;
    font-weight: 500;
    padding-top: 6px;
    color: rgba(52, 64, 84, 1);
}
.homePage .swiper-wrapper .section2 .swiper-container section {
    width: 90%;
    height: 61%;
    position: absolute;
    left: 50%;
    top: 57%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.homePage .swiper-wrapper .section2 .swiper-container section .section-swiper {
    height: 100%;
}
.homePage .swiper-wrapper .section2 .swiper-container section .section-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1320px;
    margin: 0 auto;
    overflow: hidden;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left1 {
    /* width: 50%; */
    padding: 0 70px 0 0;
    text-align: left;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left1 span {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding-bottom: 24px;
    color: rgba(1, 183, 222, 1);
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left1 ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    color: rgba(45, 107, 120, 1);
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left1 ul li::before {
    content: "\2022";
    padding: 7px;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left3 ul li::before,
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left4 ul li::before,
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left6 ul li::before {
    content: "";
    padding: 0;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left1 .banner-left1-num {
    font-size: 16px;
    font-weight: 500;
    color: rgba(208, 213, 221, 1);
    display: inline-block;
    padding-top: 80px;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-left1 .banner-left1-num span {
    font-size: 16px;
    font-weight: 500;
    color: rgba(1, 183, 222, 1);
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right1 {
    width: 70%;
    height: 100%;
    animation-delay: 0.5s;
    text-align: left;
    display: flex;
    align-items: center;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right1 img {
    width: 100%;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right2 {
    width: 50%; /* 设计稿为1009 */
    height: 100%;
    animation-delay: 0.5s;
    text-align: left;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right2 img {
    position: absolute;
    bottom: -48px;
    height: 110%;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right3 {
    width: 41%;
    height: 100%;
    animation-delay: 0.5s;
    text-align: left;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right3 img {
    position: absolute;
    bottom: 60px;
    height: 80%;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right4 {
    width: 29%;
    height: 100%;
    animation-delay: 0.5s;
    text-align: left;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right4 img {
    position: absolute;
    bottom: 40px;
    height: 90%;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right5 {
    width: 40%;
    height: 100%;
    animation-delay: 0.5s;
    text-align: left;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right5 img {
    position: absolute;
    bottom: -20px;
    height: 105%;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right6 {
    width: 70%;
    height: 100%;
    animation-delay: 0.5s;
    text-align: left;
    display: flex;
    align-items: center;
}
.homePage .swiper-wrapper .section2 .swiper-container section .banner-right6 img {
    width: 90%;
}
.homePage .swiper-wrapper .section2 .swiper-container .footer-wrap {
    position: absolute;
    top: 89%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 46px;
    /* zoom: .9; */
}
.homePage .swiper-wrapper .section2 .swiper-container .footer-wrap .footer-wrap-ul {
    width: 1094px;
    height: 46px;
    line-height: 46px;
    border-radius: 36px;
    background: rgba(29, 41, 57, 0.04);
    margin: 0 auto;
    position: relative;
}
.homePage .swiper-wrapper .section2 .swiper-container .footer-wrap .footer-wrap-ul li {
    position: absolute;
    top: 50%;
    left: .3%;
    transform: translate(0%, -50%);
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(52, 64, 84, 1);
    cursor: pointer;
    position: relative;
    transition: color 0.5s;
    z-index: 1;
    float: left;
}
.homePage .swiper-wrapper .section2 .swiper-container .footer-wrap .footer-wrap-ul .footer-wrap-active {
    width: auto;
    height: 40px;
    border-radius: 36px;
    background: rgba(1, 183, 222, 1);
    color: rgba(255, 255, 255, 1);
    z-index: 0;
    position: relative;
    transition: left 0.5s, width 1s;
}

.shadow-prevBtn,
.shadow-nextBtn {
    position: fixed;
    top: 0;
    height: 100%;
    width: 200px;
    z-index: 1;
    /* cursor: pointer; */
}
.shadow-prevBtn {
    left: 0;
}
.shadow-nextBtn {
    right: 0;
    cursor: pointer;
}

.banner .shadow-prev,
.banner .shadow-next {
    position: fixed;
    top: 35%;
    /* top: 450px; */
    height: 36px;
    width: 36px;
    background: #0075c1;
    margin-top: -32px;
    transition: 0.4s ease;
    cursor: pointer;
}
.banner .shadow-prev {
    left: 20px;
    background: url(/resource/website/images/index/shadowLeft.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.banner .shadow-next {
    right: 20px;
    background: url(/resource/website/images/index/shadowRight.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.active-color {
    color: #ffffff !important;
    background: rgba(1, 183, 222, 1);
    border-radius: 40px;
}

/* 第三屏 */
.section3 {
    overflow: hidden;
}

.box3 {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(43, 46, 149, 0.3);
    overflow: hidden;
}
.box3 .bisBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.box3 .bisBox .box3Bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.box3 .bisBox .box3Bg .swiper-wrapper {
    height: 100% !important;
    width: 100% !important;
}
.box3 .bisBox .box3Bg .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100%;
}
.box3 .bisBox .box3Bg .swiper-wrapper .swiper-slide img {
    height: 100%;
    width: 100%;
}
.box3:after {
    display: block;
    content: "";
    padding-top: 50%;
}

.homePage .swiper-wrapper .section3 .box3Bg header {
    width: 100%;
    height: 10%;
    padding: 118px 0 40px 0;
    text-align: center;
    position: absolute;
    z-index: 9;
}
.homePage .swiper-wrapper .section3 .box3Bg header span {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
}
.homePage .swiper-wrapper .section3 .box3Bg header p {
    font-size: 26px;
    font-weight: 500;
    padding: 6px 0 12px 0;
    color: rgba(255, 255, 255, 1);
}

.box3Bg .swiper-wrapper {
    transform: translate(1px) !important;
    /*解决swiper第一个不改变*/
    margin-left: -1px;
    left: 0 !important;
}
.box3Bg .swiper-slide {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    transform: scale(1.3);
    /* 控制地图切换速率 */
    transition: 1.2s ease-in-out;
}
.box3Bg .swiper-slide-active {
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    transform: scale(1);
}
.box3Bg .swiper-slide-visible1 {
    background: url(/resource/website/images/index/banner1.jpg) no-repeat center center / auto 100%;
    background-size: cover;
}
.box3Bg .swiper-slide-visible2 {
    background: url(/resource/website/images/index/banner2.jpg) no-repeat center center / auto 100%;
    background-size: cover;
}
.box3Bg .swiper-slide-visible3 {
    background: url(/resource/website/images/index/banner3.jpg) no-repeat center center / auto 100%;
    background-size: cover;
}
.box3Bg .swiper-slide-visible4 {
    background: url(/resource/website/images/index/banner4.jpg) no-repeat center center / auto 100%;
    background-size: cover;
}

.bisPhrase {
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 9;
}
.bisList {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}
.bisList1 {
    height: 100%;
    width: 100%;
}
.bisList1 dd {
    float: left;
    display: inline;
    width: 25%;
    height: 100%;
}
.bisList1 dd:hover {
    background: rgba(0, 0, 0, 0.3);
}
.bisList1 dd .maxBox {
    position: relative;
    width: 100%;
    height: 100%;
}
.bisList1 dd a {
    display: block;
    height: 100%;
    border-color: #fff;
    position: relative;
    border-radius: 5px;
}
.bisList1 dd a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.bisList1 .listBox1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
    color: rgba(255, 255, 255, 1);
}
.bisList1 .listBox1 .iconBox {
    height: 60px;
    width: 60px;
    margin: 0 auto;
}
.bisList1 .listBox1 .iconBox img {
    height: 100%;
    width: 100%;
}
.bisList1 dd .listBox1 h2 {
    font-size: 24px;
    font-weight: 500;
    padding: 16px 0 12px 0;
}
.bisList1 dd .listBox1 p {
    font-size: 16px;
    font-weight: 400;
}
.bisList1 dd .listBox1 .listBox1-div {
    /* padding: 24px 0 40px 0; */
    display: flex;
    justify-content: center;
}
.bisList1 dd .listBox1 ul li {
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: left;
}
.bisList1 dd .listBox1 ul li:not(:first-child) {
    padding-top: 16px;
}
.bisList1 dd .listBox1 ul li:first-child {
    padding-top: 24px;
}
.bisList1 dd .listBox1 ul li:last-child {
    padding-bottom: 40px;
}
.bisList1 dd .listBox1 ul li img {
    width: 24px;
    height: 24px;
    padding-right: 12px;
}
.bisList1 dd .listBox1 span {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bisList1 dd .listBox1 span img {
    width: 16px;
    height: 16px;
    padding-left: 4px;
}
.bisList1 dd .listBox .listImg {
    text-align: center;
}
.bisList1 .listTxt {
    padding: 20px;
}
.bisList1 .listBox .listTit {
    color: #fff;
    font-size: 16px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 26px;
    height: 26px;
    padding: 8% 0 8% 0;
    text-align: center;
}
.bisList1 .listBox .listInfr {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    padding: 20px 15px 0;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.4s linear;
    -webkit-box-orient: vertical;
    text-align: center;
}
.bisList1 .listBox .listInfr:after {
    content: '';
    width: 30px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
}
.bisList1 .listBox .more {
    width: 38px;
    height: 38px;
    margin: auto;
    background: url(/resource/website/images/index/jia.png) center center no-repeat;
}

/* 每一个滑过 */
.bisList1 dd:hover .listBox {
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}
.bisList1 dd:hover .listBox01 {
    background: rgba(0, 0, 0, 0.2);
}

.listBox1 .listBox1-p, .listBox1 .listBox1-div, .listBox1 .listBox1-div-ul {
    display: none;
}

/* 每一个滑过的时间把隐藏的先容显示 */
.bisList1 dd:hover .listBox1 .listBox1-p, .bisList1 dd:hover .listBox1 .listBox1-div-ul {
    display: block;
}
.bisList1 dd:hover .listBox .listInfr {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    transition-delay: 0.3s;
}

.swiper-wrapper {
    position: relative;
}

.box3BgMask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    opacity: 0.6;
}

/* 第四屏 - 新闻中心 - 公共样式 */
.homePage .swiper-wrapper .section4 {
    height: 100%;
    overflow: hidden;
    background: rgba(249, 250, 251, 1);
}
.homePage .swiper-wrapper .section4 .swiper-container header {
    width: 100%;
    text-align: center;
    padding-top: 118px;
}
.homePage .swiper-wrapper .section4 .swiper-container header span {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: rgba(52, 64, 84, 0.6);
}
.homePage .swiper-wrapper .section4 .swiper-container header p {
    margin-top: 6px;
    font-size: 26px;
    font-weight: 500;
    color: rgba(52, 64, 84, 1);
}
.homePage .swiper-wrapper .section4 .swiper-container section {
    width: 50%;
    height: auto;
    margin: 120px auto 0;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content {
    width: 443px;
    height: 327px;
    min-height: 427px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 24px;
    transition: .3s ease;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content .section4-img,
.homePage .swiper-wrapper .section4 .swiper-container section .section-content .section4-dl {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content:hover.section-left .section4-dl {
    transform: translateY(225px); /* 向下移动：自身高度 + 间距 */
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content:hover.section-left .section4-img {
    transform: translateY(-224px); /* 向上移动：-自身高度 - 间距 */
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content:hover.section-right .section4-img {
    transform: translateY(224px); /* 向下移动：自身高度 + 间距 */
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content:hover.section-right .section4-dl {
    transform: translateY(-225px); /* 向上移动：-自身高度 - 间距 */
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl {
    width: 100%;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dt {
    display: flex;
    align-items: center;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dt i {
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    color: rgba(1, 183, 222, 1);
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dt p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 112, 133, 1);
    padding: 5px 0 0 7px;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dd h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: rgba(16, 24, 40, 1);
    margin-top: 24px;

    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dd p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(102, 112, 133, 1);
    padding: 8px 0 0;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dd .section-left-more, .section-right-more {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(1, 183, 222, 1);
    cursor: pointer;
    margin-top: 40px;
    display: block;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dd .section-left-more img, .section-right-more img {
    width: 24px;
    height: 8px;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content .section-left-img, .section-right-img {
    width: 100%;
    height: 200px;
    border-radius: 6px;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content .section-left-img img, .section-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
.homePage .swiper-wrapper .section4 .swiper-container footer {
    /* height: 15%; */
    /* height: 20px; */
    /* padding-top: 80px; */
    position: fixed;
    bottom: 5%;
    left: 50%;
    z-index: 4;
    transform: translateX(-50%);
}
.homePage .swiper-wrapper .section4 .swiper-container footer .footer-more {
    font-size: 14px;
    font-weight: 400;
    color: rgba(29, 41, 57, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.homePage .swiper-wrapper .section4 .swiper-container footer .footer-more img {
    width: 16px;
    height: 16px;
    margin-left: 12px;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content .section-right-dl dt {
    border: none;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content .section-right-dl dd {
    padding: 0;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dd .section-right-dd-line, .section-left-dd-line {
    display: flex;
    align-items: center;
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dd .section-right-dd-line .dd-line, .section-left-dd-line .dd-line {
    width: 443px;
    height: 1px;
    background: rgba(228, 231, 236, 1);
    /* background: rgba(1, 183, 222, 1); */
}
.homePage .swiper-wrapper .section4 .swiper-container section .section-content dl dd .section-right-dd-line .dd-circle, .section-left-dd-line .dd-circle {
    width: 6px;
    height: 6px;
    background: rgba(228, 231, 236, 1);
    /* background: rgba(1, 183, 222, 1); */
    border-radius: 50%;
}

/* 第五屏 - 农业从业者的选择 地图 */
.homePage .swiper-wrapper .section5 {
    height: 100%;
    background: url(/resource/website/images/index/background1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    /* background: rgba(249, 250, 251, 1); */
}
.homePage .swiper-wrapper .section5 .swiper-container header {
    /* height: 92px;
    position: absolute;
    top: ; */
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    top: 10%;
    left: 49%;
    z-index: 4;
    transform: translateX(-51%);
    /* padding: 118px 0 40px 0;
    text-align: center; */
}
.homePage .swiper-wrapper .section5 .swiper-container header h2 {
    font-size: 26px;
    font-weight: 500;
    /* padding: 0 0 12px 0; */
    color: rgba(52, 64, 84, 1);
}
.homePage .swiper-wrapper .section5 .swiper-container header p {
    font-size: 16px;
    font-weight: 400;
    padding: 12px 0 30px 0;
    color: rgba(102, 112, 133, 1);
}
.homePage .swiper-wrapper .section5 .swiper-container section {
    position: fixed;
    top: 20%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: translateX(-50%);
}
.homePage .swiper-wrapper .section5 .swiper-container section .echarts-wrap {
    width: 725px;
    height: 60%;
    margin: 0 auto;
}
.homePage .swiper-wrapper .section5 .swiper-container section .region-wrap {
    width: 880px;
    height: 15%;
    margin: 1% auto 0 auto;
    display: flex;
    justify-items: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 5px;
}
.homePage .swiper-wrapper .section5 .swiper-container section .region-wrap dl {
    /* width: 176px; */
    width: 125px;
    height: 52px;
    text-align: center;
}
.homePage .swiper-wrapper .section5 .swiper-container section .region-wrap dl dt {
    font-size: 14px;
    font-weight: 500;
    color: rgba(29, 41, 57, 1);
}
.homePage .swiper-wrapper .section5 .swiper-container section .region-wrap dl dd {
    font-size: 20px;
    font-weight: 500;
    color: rgba(45, 107, 120, 1);
    padding: 4px 0 0 0;
}

/* 第六屏 - 商务相助 */
.homePage .swiper-wrapper .section6 {
    height: 100%;
    overflow: hidden;
    background: rgba(249, 250, 251, 1);
}
.homePage .swiper-wrapper .section6 header {
    width: 900px;
    margin: 0 auto;
    padding-top: 100px;
    height: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    text-align: center;
    z-index: 4;
}
.homePage .swiper-wrapper .section6 header p {
    font-size: 26px;
    font-weight: 500;
    padding: 6px 0 12px 0;
    color: rgba(52, 64, 84, 1);
}
.homePage .swiper-wrapper .section6 header span {
    font-size: 16px;
    color: rgba(102, 112, 133, 1);
}
.homePage .swiper-wrapper .section6 section {
    width: 900px;
    max-width: 1440px;
    margin: 0 auto 30px;
    height: auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
}
.homePage .swiper-wrapper .section6 section .org-wrap {
    width: 900px;
    display: flex;
    gap: 20px 67px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 40px auto 0;
}
.homePage .swiper-wrapper .section6 section .org-wrap .org-wrap-img {
    max-width: 248px;
    max-height: 76px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.homePage .swiper-wrapper .section6 section .org-wrap .org-wrap-img img {
    max-width: 100%;
    height: auto;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap {
    width: 900px;
    height: auto;
    margin: 60px auto 0;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap h1 {
    font-size: 26px;
    font-weight: 500;
    color: #344054;
    text-align: center;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl {
    width: 880px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt {
    width: 235px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 32px;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt h2 {
    font-size: 16px;
    font-weight: 500;
    color: #101828;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt h3,
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt .commerce-wrap-phone {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: rgba(29, 41, 57, 1);
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt .commerce-wrap-link {
    cursor: pointer;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt .commerce-wrap-link span:hover {
    color: rgba(1, 183, 222, 1);
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt .commerce-wrap-phone {
    text-decoration: none;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt .commerce-wrap-phone:hover {
    color: rgba(1, 183, 222, 1);

}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt h3 img,
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt .commerce-wrap-phone img {
    width: 20px;
    height: 20px;
    padding-right: 12px;

}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dd img {
    width: 120px;
    height: 120px;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dd img:last-child {
    padding-left: 20px;
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt h2 {
    font-size: 16px;
    font-weight: 500;
    color: rgba(52, 64, 84, 1);
}
.homePage .swiper-wrapper .section6 section .commerce-wrap dl dt h2 span:not(:first-child) {
    padding-left: 32px;
}
.homePage .swiper-wrapper .section6 footer {
    width: 900px;
    height: 100px;
    margin: auto;
}
.homePage .swiper-wrapper .section6 footer dl {
    width: 880px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(228, 231, 236, 1);
    padding-top: 30px;
}
.homePage .swiper-wrapper .section6 footer dl dt {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #98A2B3;
}
.homePage .swiper-wrapper .section6 footer dl dd {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
}
.homePage .swiper-wrapper .section6 footer dl dd .item {
    position: relative;
}
.homePage .swiper-wrapper .section6 footer dl dd .item .hoverImg {
    width: 135px;
    height: 141px;
    position: absolute;
    bottom: 20px;
    left: 82%;
    margin-left: -73px;
    display: none;
}
.homePage .swiper-wrapper .section6 footer dl dd .item img {
    width: 100%;
    height: 100%;
}
.homePage .swiper-wrapper .section6 footer dl dd .item .icon-box {
    cursor: pointer;
    position: relative;
}
.homePage .swiper-wrapper .section6 footer dl dd .item .icon-box .img1 {
    width: 20px;
    height: 20px;
}
.homePage .swiper-wrapper .section6 footer dl dd .item .icon-box .img2 {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.homePage .swiper-wrapper .section6 footer dl dd .item:hover .hoverImg {
    width: 135px;
    height: 141px;
    display: block;
}
.homePage .swiper-wrapper .section6 footer dl dd .item:hover .icon-box .img2 {
    display: block;
}

/* YYH改动 */
.listBox1 .table .tableCell {
    /* vertical-align: bottom; */
    /* padding-bottom: 220px; */
    text-align: center;
    position: absolute;
    left: 50%;
    width: 75%;
    top: 50%;
    padding: 80% 0 0 0;
    transform: translate(-50%, -50%);
}

.bisList1 dd:hover .tableCell {
    padding: 0;
}


.loadBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background: url(/resource/website/images/index/logo2.png) no-repeat center center / auto 100%;
    background-size: cover;
}
.loadBox .loaderContantBox {
    color: rgba(1, 183, 222, 1);
    font-size: 60px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /* transform: translateZ(0); */
    /* animation：划定完成动画所破费的时间，，，，，，，该属性必需划定，，，，，，，不然动画时长为0，，，，，，，无法播放 */
    /* animation: loadBox 1.7s infinite ease, round 1.7s infinite ease; */
}

.parentBox {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
}
.parentBox .parentBox-span {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: rgba(16, 24, 40, 1);
}
.parentBox .parentBox-span span {
    padding-left: 5px;
}

@keyframes loadBox {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
        -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
        -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
        -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
        -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
        -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
        -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes round {
    0% {
        transform: rotate(0deg); /* 最先旋转 div 元素 */
    }

    100% {
        transform: rotate(360deg); /* 竣事旋转 div 元素 */
    }
}
<!--耗时1773231303.9895秒-->