.six{
    background: linear-gradient(93deg, #DBDBDB 0%, rgba(216,216,216,0) 100%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.six img{
    /* height: 513rem; */
    position: absolute;
    /* width: 800rem;
    height: auto; */
    width: 800rem;
    height: auto;
    right: -200rem;
    bottom: 0
}
.content{
    padding-top: 112rem;
}
.banner{
    width: 100%;
    height: 740rem;
    background: linear-gradient(89deg, #010113 0%, #000022 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 67rem 0 30rem;
    position: relative;
    z-index: 3;
}
.bannerLeft{
    width: 650rem;
    height: 740rem;
    position: relative;
    overflow: hidden;
}
.bannerImgList1{
    position: absolute;
    top: -200rem;
    left: -30rem;
    display: flex;
    height: 300rem;
    opacity: 0.1;
    animation: itemIn1 0.8s linear 0.1s;
}
@keyframes itemIn1{
    0% {
        left: -650rem;
        opacity: 0.7;
    }
    50% {
        left: -340rem;
        opacity: 0.4;
    }
    100% {
        left: -30rem;
        opacity: 0.1;
    }
}
.bannerImgList1 img{
    width: 200rem;
    height: 300rem;
    margin-right: 10rem;
    border-radius: 10rem;
}
.bannerImgList2{
    position: absolute;
    width: 100%;
    top: 110rem;
    left: 0;
    display: flex;
    justify-content: center;
    height: 300rem;
    animation: itemIn2 0.8s linear 0.1s;
}
@keyframes itemIn2{
    0% {
        left: 650rem;
    }
    50% {
        left: 310rem;
    }
    100% {
        left: -30rem;
    }
}
.bannerImgItem2{
    width: 200rem;
    height: 300rem;
    margin-right: 10rem;
    opacity: 0.2;
    border-radius: 10rem;
}
.bannerImg1{
    opacity: 0;
    width: 200rem;
    height: 300rem;
    position: absolute;
    left: 50%;
    margin-left: -100rem;
    z-index: 99;
    border-radius: 10rem;
    transition: width 0.5s,height 0.5s
}
.bannerImg1Txt{
    position: absolute;
    bottom: 15rem;
    left: 20rem;
}
.bannerImg1Txt1{
    color: #7ba763;
    font-size: 20rem;
    margin-bottom: 10rem;
}
.bannerImg1Txt2{
    color: #ffffff;
    font-size: 16rem;
}
.bannerImg1 img{
    width: 100%;
    height: 100%;
}
.img1{
    width: 250rem!important;
    height: 350rem!important;
    opacity: 1!important;
    top: -10rem;
    margin-left: -125rem!important;
}
.bannerImg2{
    position: absolute;
    width: 198rem;
    height: 222rem;
    bottom: -150rem;
    left:50%;
    margin-left: 50rem;
    right: 20rem;
    z-index: 100;
    border-radius: 10rem;
}
.bannerImgList3{
    position: absolute;
    bottom: 0;
    right: -30rem;
    display: flex;
    height: 300rem;
    opacity: 0.2;
    animation: itemIn3 0.8s linear 0.1s;
    border-radius: 10rem;
}
@keyframes itemIn3{
    0% {
        left: -650rem;
    }
    50% {
        left: -340rem;
    }
    100% {
        left: -30rem;
    }
}
.bannerImgItem3{
    width: 200rem;
    height: 300rem;
    margin-right: 10rem;
    border-radius: 10rem;
    background-size: cover;
    background-position: center;
    background-blend-mode: normal;
}
/* .bannerLeft{
    width: 393rem;
    height: 569rem;
    position: relative;
}
.bannerLeft img{
    position: absolute;
}
.bannerImg1{
    width: 309rem;
    height: 416rem;
    left: 0;
    top: 50%;
    margin-top: -208rem;
    z-index: 2;
}
.bannerImg2{
    width: 209rem;
    height: 288rem;
    top: 0;
    right: 0;
    opacity: 0.2;
    z-index: 1;
}
.bannerImg3{
    width: 198rem;
    height: 222rem;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    z-index: 3;
} */
.bannerRight{
    color: #FFFFFF;
    font-size: 37rem;
    width: 46%;
    line-height: 50rem;
    font-weight: 300;
}
.bannerTxt1{
    font-weight: bold;
    font-size: 60rem;
    margin-bottom: 43rem;
}
.bannerTxt2{
    margin-bottom: 43rem;
}
.bannerBtn{
    width: 181rem;
    height: 56rem;
    margin-bottom: 28rem;
}
.one{
    height: 740rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 79rem;
    background:#ffffff;
    position: relative;
    z-index: 3;
}
.oneLeft{
    width: 537rem;
}
.oneLeftTxt1{
    font-weight: bold;
    color: #000000;
    font-size: 46rem;
    margin-bottom: 12rem;
    text-align: left;
}
.oneLeftTxt2{
    color: #000000;
    font-size: 22rem;
}
.oneRight{
    /* position: relative;
    width: 438rem;
    height: 291rem;
    margin-right: 94rem; */
}
.oneRightImg{
    width: 587rem;
    height: 473rem;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-left 0.5s;
}
.oneRightImg:hover{
    width: 617rem;
    height: 503rem;
    margin-top: -10rem;
    margin-left: -10rem;
}
/* .oneRight img{  
    position: absolute;
} */
.oneRight0{
    width: 438rem;
    height: 291rem;
    z-index: 2;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-left 0.5s;
}
.oneRight0:hover{
    width: 458rem;
    height: 311rem;
    margin-top: -10rem;
    margin-left: -10rem;
}
.oneRight1{
    width: 109rem;
    height: 109rem;
    top: -68rem;
    left: -31rem;
    z-index: 1;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-left 0.5s;
}
.oneRight1:hover{
    width: 129rem;
    height: 129rem;
    margin-top: -10rem;
    margin-left: -10rem;
}
.oneRight2{
    width: 77rem;
    height: 77rem;
    top: -101rem;
    right: 132rem;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-right 0.5s;
}
.oneRight2:hover{
    width: 97rem;
    height: 97rem;
    margin-top: -10rem;
    margin-right: -10rem;
}
.oneRight3{
    width: 42rem;
    height: 42rem;
    top: -45rem;
    right: -17rem;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-right 0.5s;
}
.oneRight3:hover{
    width: 62rem;
    height: 62rem;
    margin-top: -10rem;
    margin-right: -10rem;
}
.oneRight4{
    width: 72rem;
    height: 72rem;
    top: 63rem;
    right: -94rem;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-right 0.5s;
}
.oneRight4:hover{
    width: 92rem;
    height: 92rem;
    margin-top: -10rem;
    margin-right: -10rem;
}
.oneRight5{
    width: 107rem;
    height: 107rem;
    bottom: -19rem;
    right: -23rem;
    box-shadow: 0rem 4rem 10rem 0rem rgba(0,0,0,0.15);
    z-index: 3;
    transition: width 0.5s,height 0.5s,margin-bottom 0.5s,margin-right 0.5s;
}
.oneRight5:hover{
    width: 127rem;
    height: 127rem;
    margin-bottom: -10rem;
    margin-right: -10rem;
}
.oneRight6{
    width: 92rem;
    height:92rem;
    bottom: -118rem;
    left: 89rem;
    transition: width 0.5s,height 0.5s,margin-bottom 0.5s,margin-left 0.5s;
}
.oneRight6:hover{
    width: 112rem;
    height: 112rem;
    margin-bottom: -10rem;
    margin-left: -10rem;
}
.oneRight7{
    width: 84rem;
    height: 84rem;
    bottom: -40rem;
    left: -58rem;
    z-index: 1;
    transition: width 0.5s,height 0.5s,margin-bottom 0.5s,margin-left 0.5s;
}
.oneRight7:hover{
    width: 104rem;
    height: 104rem;
    margin-bottom: -10rem;
    margin-left: -10rem;
}
.two{
    width: 100%;
    height: 740rem;
    background: linear-gradient(to right, rgb(219,219,219), rgb(255,255,255));
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 173rem;
    position: relative;
    z-index: 3;
}
.twoLeft{
    width: 530rem;
    height: 650rem;
    position: relative;
    overflow: hidden;
}
.twoLeft img{
    position: absolute;
    width: 170rem;
    height: 400rem;
}
.twoLeft1{
   top: 0;
   left: 0;
   animation: move1 10s linear 0.1s infinite;
}
@keyframes move1 {
    0%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    20%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    25%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    45%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    50%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    70%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    75%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    95%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    97.5%{
        top: -500rem;
        left: 360rem;
        z-index: 4;
    }
    97.6%{
        top: -500rem;
        left: 0;
        z-index: 1;
    }
    100%{
        top: 0;
        left: 0;
        z-index: 1;
    }
}
.twoLeft2{
   top: 87rem;
   left: 120rem;
   animation: move2 10s linear 0.1s infinite;
}
@keyframes move2 {
    0%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    20%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    25%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    45%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    50%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    70%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    72.5%{
        top: -500rem;
        left: 360rem;
        z-index: 4;
    }
    72.6%{
        top: -500rem;
        left: 0;
        z-index: 1;
    }
    75%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    95%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    100%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
}
.twoLeft3{
   top: 174rem;
   left: 240rem;
   animation: move3 10s linear 0.1s infinite;
}
@keyframes move3 {
    0%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    20%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    25%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    45%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    47.5%{
        top: -500rem;
        left: 360rem;
        z-index: 4;
    }
    47.6%{
        top: -500rem;
        left: 0;
        z-index: 1;
    }
    50%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    70%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    75%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    95%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    100%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
}
.twoLeft4{
   top: 261rem;
   left: 360rem;
   animation: move4 10s linear 0.1s infinite;
}
@keyframes move4 {
    0%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    20%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
    22.5%{
        top: -500rem;
        left: 360rem;
        z-index: 4;
    }
    22.6%{
        top: -500rem;
        left: 0;
        z-index: 1;
    }
    25%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    45%{
        top: 0;
        left: 0;
        z-index: 1;
    }
    50%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    70%{
        top: 87rem;
        left: 120rem;
        z-index: 2;
    }
    75%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    95%{
        top: 174rem;
        left: 240rem;
        z-index: 3;
    }
    100%{
        top: 261rem;
        left: 360rem;
        z-index: 4;
    }
}
.twoRight{
    width: 450rem;
}
.twoRightTxt{
    font-weight: bold;
    color: #000000;
    font-size: 46rem;
    margin-bottom: 37rem;
    white-space: nowrap;
}
.twoRightTxt2{
    color: #000000;
    font-size: 22rem;
    margin-bottom: 37rem;
}
.twoRightBtn{
    width: 181rem;
    height: 56rem;
}
.three{
    height: 740rem;
    background:#ffffff;
    position: relative;
    z-index: 3;
    padding-top: 20rem;
}
.threeTitle{
    font-weight: bold;
    color: #000000;
    font-size: 46rem;
    text-align: center;
    margin-bottom: 45rem;
}
.threeBox{
    display: flex;
    justify-content: center;
}
.threeLeft{
    width: 650rem;
    height: 700rem;
    box-shadow: 0rem 16rem 17rem 0rem rgba(0,0,0,0.0400);
    /* border-radius: 20rem; */
    margin-right: 26rem;
}
.threeLeftImg{
    width: 650rem;
    height: 500rem;
    overflow: hidden;
}
.threeLeftImg img{
    width: 650rem;
    height: 500rem;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-left 0.5s;
}
.threeLeftImg img:hover{
    width: 690rem;
    height: 540rem;
    margin-top: -20rem;
    margin-left: -20rem;
}
.threeLeftTxt{
    padding: 25rem 40rem 0 20rem;
}
.threeLeftTxt1{
    color: #3D3D3D;
    font-size: 14rem;
    display: flex;
    align-items: center;
    margin-bottom: 13rem;
}
.threeLeftTxt1 img{
    width: 14rem;
    height: 13rem;
    margin: 0 5rem 0 15rem;
}
.threeLeftTxt1Span2{
    color: #E74531;
}
.threeLeftTxt2{
    height: 55rem;
    color: #000000;
    font-size: 20rem;
    margin-bottom: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.threeLeftTxt3{
    color: #000000;
    font-size: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.threeRight{
    width: 650rem;
    height: 700rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.threeRightItem{
    box-shadow: 0rem 16rem 17rem 0rem rgba(0,0,0,0.0400);
    /* border-radius: 20rem; */
    height: 340rem;
}
.threeRightImg{
    width: 650rem;
    height: 240rem;
    overflow: hidden;
}
.threeRightImg img{
    width: 650rem;
    height: 240rem;
    transition: width 0.5s,height 0.5s,margin-top 0.5s,margin-left 0.5s;
}
.threeRightImg img:hover{
    width: 700rem;
    height: 270rem;
    margin-top: -15rem;
    margin-left: -25rem;
}
.threeRightItem .threeLeftTxt{
    padding-top: 10rem!important;
}
.threeRightItem .threeLeftTxt .threeLeftTxt1{
    margin-bottom: 8rem!important;
}
.four{
    /* background: linear-gradient(93deg, #DBDBDB 0%, rgba(216,216,216,0) 100%); */
    height: 740rem;
    position: relative;
    padding: 40rem 0;
    z-index: 3;
    display: flex;
    align-items: center;
}
.fourImg{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.fourLeft{
    position: relative;
    margin-left: 150rem;
    z-index: 999;
}
.fourLeftTxt{
    width: max-content;
    text-align: center;
}
.fourLeftTxt1{
    font-weight: bold;
    color: #000000;
    font-size: 46rem;
    margin-bottom: 30rem;
    text-align: center;
}
.fourLeftTxt2{
    font-weight: bold;
    color: #000000;
    font-size:22rem;
    line-height: 38rem;
    white-space: nowrap;
}
.fourLeftBtn{
    display: flex;
}
.fourLeftBtn div{
    width: 249rem;
    height: 63rem;
    border-radius: 9rem;
    margin-right: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 20rem;
}
/* .fourLeftBtn div:nth-child(1){
    margin-right: 35rem;
} */
.fourLeftBtn div img{
    width: 37rem;
    height: 37rem;
    margin-right: 1rem;
}
.fourLeftBtn2{
    background: #19191E;
}
.fourLeftBtn1{
    background: #FE0B0A;
}
.fourLeftBtn3{
    background: #0afe16;
}
.five{
    width: 100%;
    height: 784rem;
    position: relative;
    padding-top: 70rem;
    z-index: 3;
    background:#ffffff
}
.fiveBg{
    width: 100%;
    height: 400rem;
    background: linear-gradient(to right, rgb(219,219,219), rgb(255,255,255));
    position: absolute;
    top: 199rem;
    left: 0;
}
.fiveBox{
    position: absolute;
    right: 0;
    bottom: 70rem;
    z-index: 999;
    display: flex;
    /* overflow-x: scroll; */
    padding: 0 36rem;
}
.fiveItem{
    width: 432rem;
    height: 401rem;
    background: #FFFFFF;
    box-shadow: 0rem 20rem 50rem 0rem rgba(29,53,71,0.1000);
    padding: 60rem 66rem;
    border-radius: 20rem;
    margin-right: 36rem;
}
.fiveItem:nth-child(3){
    margin-right: 0;
}
.fiveItemTxt1{
    color: #E74531;
    font-size: 12rem;
    margin-bottom: 19rem;
}
.fiveItemTxt2{
    display: flex;
    margin-bottom: 22rem;
}
.fiveItemTxt2 img{
    width: 44rem;
    height: 44rem;
    margin-right: 26rem;
}
.fiveItemTxt3{
    color: #000000;
    font-size: 16rem;
    min-height: 135rem;
    /* height: max-content;
    min-height: 135rem; */
    margin-bottom: 29rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.fiveItemTxt4{
    display: flex;
    align-items: center;
}
.fiveItemTxt4 img{
    width: 39rem;
    height: 39rem;
    margin-right: 13rem;
    border-radius: 50%;
}
.fiveItemTxt4 div{
    color: #151522;
    font-size: 13rem;
    line-height:20rem
}
a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
}