.container {
    width: 100vw;
    height: 100%;
    overflow: hidden;
}

.title_boxs {
    display: flex;
    width: 1170px;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    justify-content: space-between;
    margin: 0 auto;
    box-sizing: border-box;

}
.fixedbar{
    position: fixed;
    top: 0px;
    width: 100%;
    padding: 0px 150px;
    z-index: 999;
}

.title_boxs_left {
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
}

.title_boxs_right {
    display: flex;
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #1a1a1a;
}

.title_boxs_right>div {
    box-sizing: border-box;
    margin-left: 27px;
    cursor: pointer;
}

.title_boxs_right>div:hover {
    font-weight: 600;
    border-bottom: 2px solid #1a1a1a;
}

.title_boxs_right>.acitvelocation{
  font-weight: 600;
  border-bottom: 2px solid #1a1a1a;
}
/* 第一屏幕 */
.pageone {
    width: 100%;
    height: 100%;
    position: relative;
}

.pageone>.onepage_boxs {
    position: absolute;
    top: 220px;
    font-size: 18px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #ffffff;
    width: 100%;
    text-align: center;
    height: 54px;
    line-height: 27px;
}

.onepage_threeline {
  height: 48px;
  font-size: 42px;
  font-family: pingfangsc-semibold, pingfang sc;
  font-weight: 600;
  color: #ffffff;
  line-height: 48px;
    margin-top: 15px;
}

.onepage_bottom {
    position: absolute;
    top: 353px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 12px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #ffffff;
}
.pageone-icon{
    position: absolute;
    width: 100%;
    bottom: 12px;
    display: flex;
    justify-content: center;
}
.pageone-icon>.arrow{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.img-arrow2,
.img-arrow1 {
    width: 20px;
    height: 20px;
    animation: arrowtop 1.5s infinite ease-in-out;
}

.arrow .img-arrow2 {
    position: absolute;
    top: 0;
    left: 0;
    animation: arrowbottom 1.5s infinite ease-in-out;
}

@keyframes arrowtop {
    0% {
        opacity: 50%;
    }

    25% {
        opacity: 0%;
    }

    50% {
        opacity: 50%;
    }

    75% {
        opacity: 100%;
    }

    100% {
        opacity: 50%;
    }
}

@keyframes arrowbottom {
    0% {
        opacity: 50%;
    }

    25% {
        opacity: 100%;
    }

    50% {
        opacity: 50%;
    }

    75% {
        opacity: 0%;
    }

    100% {
        opacity: 50%;
    }
}

.onepage_bottom_left {
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: rgba(216, 216, 216, 0);
    border: 1px solid rgba(223, 223, 223, 0.3);
    margin-right: 40px;
}

.onepage_bottom_right {
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: rgba(216, 216, 216, 0);
    border: 1px solid rgba(223, 223, 223, 0.3);
}


/* 第二屏幕 */
.pagetwo {
    width: 100vw;
    /* height: 1000px; */
    position: relative;
    overflow: hidden;
}

/* .pagetwo::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(360deg, #000000 0%, #ffffff 100%);
    filter: blur(50px);
    -webkit-filter: blur(50px)
} */
.pagetwo_content_one{
  overflow: hidden;
  min-height: 278px;
  background: #ffffff;
}
.pagetwo_oneline {
    margin-top: 117px;
    top: 10px;
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 39px;
    text-align: center;
}

.pagetwo_twoline {
    width: 570px;
    min-height: 72px;
    text-align: center;
    font-size: 14px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 24px;
    margin: 0 auto;
    margin-top: 20px;
}

/* 第二屏幕多个盒子 */
/* 第一行的盒子 */
.pagetwo_content_two{
  overflow: hidden;
  width: 100%;
  height: 720px;
  background: linear-gradient(360deg, #000000 0%, #ffffff 100%);
}
.pagetwo_content_two
.pagetwo_threeline {
    display: flex;
    justify-content: center;
    margin-top: 84px;
    overflow: hidden;
}

.pagetwo_threeline>.pagetwo_threeline_boxs {
    width: 155px;
    height: 253px;
    /* background: rgba(246, 251, 255, 0.15);
    box-shadow: 0px 30px 35px 0px rgba(70, 94, 131, 0.17), inset 0px 1px 1px 0px #ffffff;
    border-radius: 78px;
    border: 1px solid;
    border-image: linear-gradient(158deg, rgba(155, 170, 181, 0.1), rgba(186, 195, 215, 0.02)) 1 1;
    backdrop-filter: blur(16px); */
    margin-right: 15px;
    background-image: ;
    background-repeat: no-repeat;
    background-size: 100%;
}

.pagetwo_threeline_boxs>.boxs_img {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.pagetwo_threeline_boxs>.boxs_img>img {
    width: 95px;
    height: 95px;
}

.pagetwo_threeline_boxs>.boxs_oneline {
    font-size: 14px;
    height: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 18px;
    text-align: center;
}

.pagetwo_threeline_boxs>.boxs_twoline {
    font-size: 14px;
    height: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 18px;
    text-align: center;

}

.pagetwo_threeline_boxs>.boxs_threeline {
    margin-top: 10px;
    height: 17px;
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #7f7f7f;
    line-height: 17px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

/* 第二行的盒子 */
.pagetwo_fourline {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.pagetwo_fourline>.pagetwo_fourline_boxs {
    width: 155px;
    height: 253px;
    /* background: rgba(246, 251, 255, 0.15);
    box-shadow: 0px 30px 35px 0px rgba(70, 94, 131, 0.17), inset 0px 1px 1px 0px #ffffff;
    border-radius: 78px; */
    /* border: 1px solid; */
    /* border-image: linear-gradient(158deg, rgba(155, 170, 181, 0.1), rgba(186, 195, 215, 0.02)) 1 1;
    backdrop-filter: blur(16px); */
    margin-right: 15px;
    background-image: ;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 15px;
}

.pagetwo_fourline_boxs>.boxs_img {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.pagetwo_fourline_boxs>.boxs_img>img {
    width: 95px;
    height: 95px;
}

.pagetwo_fourline_boxs>.boxs_oneline {
    font-size: 14px;
    height: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 18px;
    text-align: center;
}

.pagetwo_fourline_boxs>.boxs_twoline {
    font-size: 14px;
    height: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 18px;
    text-align: center;

}

.pagetwo_fourline_boxs>.boxs_threeline {
    margin-top: 10px;
    height: 17px;
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #7f7f7f;
    line-height: 17px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

/* 证书查看 */
.certificate{
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.certificate>.closebtn{
    position: absolute;
    top: 54px;
    right: 54px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}



/* 第三屏幕 */
.pagethree {
    position: relative;
    overflow: hidden;
}

.pagethree>.pagethree_top {
    position: absolute;
    top: 120px;
    left: 150px;
}

.pagethree>.pagethree_top>.pagethree_top_oneline {
  
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #f5f5f5;
    line-height: 39px;
}

.pagethree>.pagethree_top>.pagethree_top_twoline {
    width: 556px;
    height: 48px;
    font-size: 14px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #f5f5f5;
    line-height: 24px;
    margin-top: 20px;
}

.pagethree>.pagethree_top>.pagethree_top_threeline {
    margin-top: 30px;
    cursor: pointer;
}

.pagethree>.pagethree_top>.pagethree_top_threeline>img {
    width: 140px;
    height: 40px;
}

/* 第二屏幕底部 */
.pagethree_bottom {
    position: absolute;
    left: 150px;
    bottom: 40px;
}

.pagethree_bottom_top>img {
    width: 131px;
    height: 50px;
}

.pagethree_bottom_boxs {
    display: flex;
    cursor: pointer;

}

/* 2019 */
.pagethree_bottom_boxs>.pagethree_bottom_box1 {
    overflow: hidden;
    opacity: 1;
}

.pagethree_bottom_boxs_oneline {
    width: 140px;
    height: 27px;
    font-size: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #f5f5f5;
    line-height: 27px;
}

.pagethree_bottom_boxs_twoline {
    width: 140px;
    height: 40px;
    font-size: 12px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #f5f5f5;
    line-height: 20px;
    margin-top: 10px;
}

.pagethree_bottom_boxs_threeline {
    margin-top: 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pagethree_bottom_boxs_threeline_bot {
    width: 6px;
    height: 6px;
    background: #f5f5f5;
    border-radius: 3px;
}

.pagethree_bottom_box1 .pagethree_bottom_boxs_threeline_line {
    width: 197px;
    height: 1px;
    background: #ffffff;
    opacity: 0.25;
}

.pagethree_bottom_boxs_fourline {
    margin-top: 18px;
    width: 59px;
    height: 39px;
    font-size: 31px;
    font-family: bellagothicbold-medium, bellagothicbold;
    font-weight: 500;
    color: #f5f5f5;
    line-height: 39px;
}



/* 1980 */
.pagethree_bottom_boxs>.pagethree_bottom_box2 {
    opacity: 0.6;
    overflow: hidden;
}

.pagethree_bottom_box2 .pagethree_bottom_boxs_threeline_line {
    width: 193px;
    height: 1px;
    background: #ffffff;
    opacity: 0.25;
}



/* 1960 */
.pagethree_bottom_boxs>.pagethree_bottom_box3 {
    opacity: 0.6;
    overflow: hidden;
}

.pagethree_bottom_box3 .pagethree_bottom_boxs_threeline_line {
    width: 193px;
    height: 1px;
    background: #ffffff;
    opacity: 0.25;
}



/* 1950 */
.pagethree_bottom_boxs>.pagethree_bottom_box4 {
    opacity: 0.6;
    overflow: hidden;
}

.pagethree_bottom_box4 .pagethree_bottom_boxs_threeline_line {
    width: 193px;
    height: 1px;
    background: #ffffff;
    opacity: 0.25;
}

/* 1925 */
.pagethree_bottom_boxs>.pagethree_bottom_box5 {
    opacity: 0.6;
    overflow: hidden;
}

.pagethree_bottom_box5 .pagethree_bottom_boxs_threeline_line {
    width: 193px;
    height: 1px;
    background: #ffffff;
    opacity: 0.25;
}


/* 1826 */
.pagethree_bottom_boxs>.pagethree_bottom_box6 {
    opacity: 0.6;
    overflow: hidden;
}

.pagethree_bottom_box6 .pagethree_bottom_boxs_threeline_line {
    width: 286px;
    height: 1px;
    background: #ffffff;
    opacity: 0.25;
}


/* 过滤数据弹窗 */
.filterdata{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #000000;
    background-color: rgba(0,0,0,0.9);
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.filterdata>.filterdata_content{
    width: 1139px;
    height: 100%;
    overflow-y: scroll;
    background: #ffffff;
    border-radius: 4px;
    box-sizing: border-box;
    padding:60px;
    position: relative;
}
.filterdata>.filterdata_content>.closebtntwo{
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 16px;
    width: 16px;
    height: 16px;
    font-weight: 600;
    color: #000000;
    cursor: pointer;

}
.filterdata_content_oneline{
    width: 196px;
    height: 78px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 39px;
}
.filterdata_content_twoline{
    margin-top: 20px;
    height: 24px;
    font-size: 14px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #000000;
    line-height: 24px;
    opacity: 0.6;
}
.filterdata_content_threeline{
    height: 32px;
    font-size: 21px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 32px;
    margin-top: 50px;
}
.filterdata_content_line{
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    margin-top: 4px;
}
.filterdata_content_fourline{
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    overflow: hidden;
}
.filterdata_content_fourline>.filterdata_content_boxs{
    width: 138px;
    height: 110px;
    background: #f5f5f5;
    border-radius: 20px;
    margin-top: 5px;
    margin-right: 5px;
    box-sizing: border-box;
    padding-top: 24px;
    padding-left: 11px;
   
}
.filterdata_content_fourline>.filterdata_content_boxs>.filterdata_content_boxs_title{
    height: 21px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #8a8a8a;
    line-height: 21px;
}
.filterdata_content_fourline>.filterdata_content_boxs>.filterdata_content_boxs_value{
    height: 39px;
    font-size: 26px;
    font-family: bellagothicbold-medium, bellagothicbold;
    font-weight: 500;
    color: #000000;
    line-height: 39px;
}
.filterdata_content_fourline>.filterdata_content_boxs>.filterdata_content_boxs_value>.percent{
    display: inline-block;
    height: 39px;
    font-size: 18px;
    font-family: bellagothicbold-medium, bellagothicbold;
    font-weight: 500;
    color: #000000;
    line-height: 39px;
}
.filterdata_content_fourline>.filterdata_content_lastboxs{
    width: 281px;
    height: 110px;
    background: #f5f5f5;
    border-radius: 20px;
}
.filterdata_content_fiveline{
    height: 32px;
    font-size: 21px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 32px;
    margin-top: 50px;
}
/* 第四屏幕样式 */
@keyframes myfirst {
    0% {
      transform: translate(0px, 0px);
    }
    50% {
      transform: translate(0px, -10px);
    }
    100% {
      transform: translate(0px, 0px);
    }
  }
  @keyframes myfirst1 {
    0% {
      transform: translate(0px, 0px);
    }
    50% {
      transform: translate(0px, -10px);
    }
    100% {
      transform: translate(0px, 0px);
    }
  }
  .pagefour {
    background-color: black;
    position: relative;
  }
  .pagefour_content {
    position: relative;
    overflow: hidden;
  }
  .pagefour_bottom{
    position: absolute;
    width: 100%;
    bottom: 60px;
    z-index: 99999;
    text-align: center;
    cursor: pointer;
  }
  .pagefour_bottom>.skip_page{
    width: 56px;
    height: 27px;
    font-size: 14px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #f5f5f5;
    line-height: 27px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    margin: 0 auto;
    margin-bottom: 5px;
  }
  .pagefour-icon {
    display: flex;
    justify-content: center;
}
.pagefour-icon>.arrow{
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
  .pagefour_content_title {
    color: aliceblue;
    overflow: hidden;
    margin-bottom: 80px;
    position: absolute;
    left: 155px;
    top: 177px;
    z-index: 999;
  }
  .pagefour_content_title .pagefour_content_title_left {
    font-size: 21px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    height: 78px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #f5f5f5;
    line-height: 39px;
  }
  .pagefour_content_title .pagefour_content_title_right {
    margin-top: 20px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    height: 48px;
    font-size: 14px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color:rgba(245,245,245,0.6);
    line-height: 24px;
  }
  .pagefour_bkg {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 9;
  }
  .pagefour_bkg img {
    width: 100%;
    height: auto;
    position: absolute;
    margin-left: 540px;
  }
  .pagefour_bkg {
    overflow: hidden;
  }
  .pagefour_bkg .image1 {
    position: absolute;
    top: 295px;
    transition: top 3s;
  }
  .pagefour_bkg .image2 {
    position: absolute;
    top: 640px;
    transition: top 3s;
    z-index: 7;
  }
  .pagefour_bkg .image3 {
    position: absolute;
    top: 750px;
    transition: top 3s;
    z-index: 6;
  }
  .pagefour_bkg .image4 {
    position: absolute;
    top: 800px;
    z-index: 5;
    transition: top 3s;
  }
  .pagefour_bkg .image5 {
    position: absolute;
    top: 850px;
    z-index: 4;
    transition: top 3s;
  }
  .pagefour_bkg .image6 {
    position: absolute;
    top: 900px;
    z-index: 3;
    transition: top 3s;
  }
  .pagefour_bkg .image7 {
    position: absolute;
    top: 950px;
    z-index: 2;
    transition: top 3s;
  }
  .pagefour_bkg.pagefour_active1 .image1 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active1 .image2 {
    position: absolute;
    top: 295px;
  }
  .pagefour_bkg.pagefour_active1 .image3 {
    position: absolute;
    top: 640px;
  }
  .pagefour_bkg.pagefour_active1 .image4 {
    position: absolute;
    top: 750px;
  }
  .pagefour_bkg.pagefour_active1 .image5 {
    position: absolute;
    top: 800px;
  }
  .pagefour_bkg.pagefour_active1 .image6 {
    position: absolute;
    top: 850px;
  }
  .pagefour_bkg.pagefour_active1 .image7 {
    position: absolute;
    top: 900px;
  }
  .pagefour_bkg.pagefour_active2 .image1 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active2 .image2 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active2 .image3 {
    position: absolute;
    top: 295px;
  }
  .pagefour_bkg.pagefour_active2 .image4 {
    position: absolute;
    top: 640px;
  }
  .pagefour_bkg.pagefour_active2 .image5 {
    position: absolute;
    top: 750px;
  }
  .pagefour_bkg.pagefour_active2 .image6 {
    position: absolute;
    top: 800px;
  }
  .pagefour_bkg.pagefour_active2 .image7 {
    position: absolute;
    top: 850px;
  }
  .pagefour_bkg.pagefour_active3 .image1 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active3 .image2 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active3 .image3 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active3 .image4 {
    position: absolute;
    top: 295px;
  }
  .pagefour_bkg.pagefour_active3 .image5 {
    position: absolute;
    top: 640px;
  }
  .pagefour_bkg.pagefour_active3 .image6 {
    position: absolute;
    top: 750px;
  }
  .pagefour_bkg.pagefour_active3 .image7 {
    position: absolute;
    top: 800px;
  }
  .pagefour_bkg.pagefour_active4 .image1 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active4 .image2 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active4 .image3 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active4 .image4 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active4 .image5 {
    position: absolute;
    top: 295px;
  }
  .pagefour_bkg.pagefour_active4 .image6 {
    position: absolute;
    top: 640px;
  }
  .pagefour_bkg.pagefour_active4 .image7 {
    position: absolute;
    top: 750px;
  }
  .pagefour_bkg.pagefour_active5 .image1 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active5 .image2 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active5 .image3 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active5 .image4 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active5 .image5 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active5 .image6 {
    position: absolute;
    top: 295px;
  }
  .pagefour_bkg.pagefour_active5 .image7 {
    position: absolute;
    top: 640px;
  }
  .pagefour_bkg.pagefour_active6 .image1 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active6 .image2 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active6 .image3 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active6 .image4 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active6 .image5 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active6 .image6 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active6 .image7 {
    position: absolute;
    top: 295px;
  }
  .pagefour_bkg.pagefour_active7 .image1 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active7 .image2 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active7 .image3 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active7 .image4 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active7 .image5 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active7 .image6 {
    position: absolute;
    top: -600px;
  }
  .pagefour_bkg.pagefour_active7 .image7 {
    position: absolute;
    top: -600px;
  }
  .pagefour_float {
    z-index: 1;
    width: 100%;
    margin-right: 341px;
  }
  .pagefour_float img {
    width: 591px;
    height: auto;
  }
  .pagefour_float .filter1 {
    position: absolute;
    top: 150px;
    right:100px;
    
    z-index: 9999;
    transition: top 3s;
  }
  .pagefour_float .filter2 {
    position: absolute;
    top: 150px;
    right:100px;
    z-index: 9999;
    transition: top 3s;
  }
  .pagefour_float .filter3 {
    position: absolute;
    top: 150px;
    right:100px;
    z-index: 9999;
    transition: top 3s;
  }
  .pagefour_float .filter4 {
    position: absolute;
    top: 150px;
    right:100px;
    transition: top 3s;
  }
  .pagefour_float .filter5 {
    position: absolute;
    top: 150px;
    right:100px;
    z-index: 9999;
    transition: top 3s;
  }
  .pagefour_float .filter6 {
    position: absolute;
    top: 150px;
    right:100px;
    z-index: 9999;
    transition: top 3s;
  }
  .pagefour_float .filter7 {
    position: absolute;
    top: 150px;
    right:100px;
    z-index: 9999;
    transition: top 3s;
  }
  .pagefour_float .filter8 {
    position: absolute;
    top: 150px;
    right:100px;
    z-index: 9999;
    transition: top 3s, width 2s;
  }
  .pagefour_float.pagefour_active1 .filter1 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active1 .filter2 {
    position: absolute;
    top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active1 .filter3 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active1 .filter4 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active1 .filter5 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active1 .filter6 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active1 .filter7 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active1 .filter8 {
     top: 150px;
     right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active2 .filter1 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active2 .filter2 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active2 .filter3 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active2 .filter4 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active2 .filter5 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active2 .filter6 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active2 .filter7 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active2 .filter8 {
     top: 150px;
     right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active3 .filter1 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active3 .filter2 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active3 .filter3 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active3 .filter4 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active3 .filter5 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active3 .filter6 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active3 .filter7 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active3 .filter8 {
     top: 150px;
     right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active4 .filter1 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active4 .filter2 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active4 .filter3 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active4 .filter4 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active4 .filter5 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active4 .filter6 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active4 .filter7 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active4 .filter8 {
    position: absolute;
     top: 150px;
     right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active5 .filter1 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active5 .filter2 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active5 .filter3 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active5 .filter4 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active5 .filter5 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active5 .filter6 {
    position: absolute;
    top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active5 .filter7 {
    position: absolute;
    top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active5 .filter8 {
    top: 150px;
    right:100px;
    animation: myfirst 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active6 .filter1 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active6 .filter2 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active6 .filter3 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active6 .filter4 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active6 .filter5 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active6 .filter6 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active6 .filter7 {
    position: absolute;
     top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active6 .filter8 {
    top: 150px;
    right:100px;
    animation: myfirst1 3s 1 alternate forwards;
  }
  .pagefour_float.pagefour_active7 .filter1 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active7 .filter2 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active7 .filter3 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active7 .filter4 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active7 .filter5 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active7 .filter6 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active7 .filter7 {
    position: absolute;
    top: -900px;
  }
  .pagefour_float.pagefour_active7 .filter8 {
    top: 150px;
    width: 80%;
    right: 0;
  }
  .fiexd {
    position: fixed;
    top: 0;
  }
  .pagefour_tips {
    position: absolute;
    top: 441px;
    left: 155px;
    color: aliceblue;
    z-index: 9999;
  }
  .pagefour_tips > div:first-child{
      height: 27px;
      font-size: 18px;
      font-family: pingfangsc-semibold, pingfang sc;
      font-weight: 600;
      color: #f5f5f5;
      line-height: 27px;
  }
  .pagefour_tips > div:last-child {
    margin-top: 12px;
    min-height: 24px;
    font-size: 14px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    line-height: 24px;
    color: rgba(245, 245, 245, 0.6);
  }
  .pagefour_tip1 {
    opacity: 0;
    transition: opacity 1s;
  }
  .pagefour_tip2 {
    opacity: 0;
    transition: opacity 1s;
  }
  .pagefour_tip3 {
    opacity: 0;
    transition: opacity 1s;
  }
  .pagefour_tip4 {
    opacity: 0;
    transition: opacity 1s;
  }
  .pagefour_tip5 {
    opacity: 0;
    transition: opacity 1s;
  }
  .pagefour_tip6 {
    opacity: 0;
    transition: opacity 1s;
  }
  .pagefour_tip7 {
    opacity: 0;
    transition: opacity 1s;
  }
  .pagefour_active {
    opacity: 1;
  }
  

/* 第五屏幕 */
.pagefive {
    width: 100%;
    height: 1017px;
    background: #000000;
    overflow: hidden;
}

.pagefive_oneline {
    height: 78px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #f5f5f5;
    line-height: 39px;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
}

.pagefive_twoline {
    width: 556px;
    height: 48px;
    font-size: 14px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #f5f5f5;
    line-height: 24px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    opacity: 0.6;
}

.pagefive_threeline {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.pagefive_threeline>img {
    width: 750px;
    height: 419px;
}

.pagefive_fourline {
    display: flex;
    margin: 0 auto;
    margin-top: 60px;
    width: 750px;
    justify-content: space-around;
    text-align: center;
}

.pagefive_fourline .pagefive_fourline_boxs {
    /* margin-right: 90px; */
}

.pagefive_fourline .pagefive_fourline_boxs_one {
    display: flex;
    justify-content: center;
}

.pagefive_fourline .pagefive_fourline_boxs_one>img {
    width: 34px;
    height: 35px;
}

.pagefive_fourline .pagefive_fourline_boxs_two {
    margin-top: 20px;
    height: 27px;
    font-size: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #f5f5f5;
    line-height: 27px;
}

.pagefive_fourline .pagefive_fourline_boxs_three {
    margin-top: 5px;
    height: 20px;
    font-size: 12px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #f5f5f5;
    line-height: 20px;
    opacity: 0.6;
}

/* 第六屏幕 */
.pagesix {
    width: 100%;
    height: 940px;
    overflow: hidden;
    background: #000000;
    color: #f5f5f5;
}

.pagesix>.pagesix_title {
    width: 208px;
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #f5f5f5;
    line-height: 39px;
    margin: 0 auto;
}

/* 轮播图 */
.pagesix>.pagesix_boxs {
    margin-top: 60px;
    height: 660px;
    margin-left: 30px;
    position: relative;
}

.pagesix>.pagesix_boxs>.myswiper {
    height: 100%;
}

/* 轮播图第一屏幕样式 */



.pagesix_slide1{
  width: 900px !important;
  height: 660px;
}
.pagesix_slide2{
  width: 900px !important;
  height: 660px;
}
.pagesix_slide3{
  width: 900px !important;
  height: 660px;
}
.pagesix_slide4{
  width: 900px !important;
  height: 660px;
}
.pagesix_slide5{
  width: 900px !important;
  height: 660px;
}
.pagesix>.pagesix_boxs .slide1 {
    background-image: ;
    background-size: 100%;
    background-repeat: no-repeat;
}

.pagesix>.pagesix_boxs .pagesix_box1 {
    height: 280px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: absolute;
    width: 100%;
    bottom: 0px;
    display: flex;
}

.pagesix>.pagesix_boxs .pagesix_box1>.pagesix_box1_left {
    margin-left: 100px;

}

.pagesix_box1_left>.pagesix_box1_left_one {
    margin-top: 40px;
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #f5f5f5;
    line-height: 39px;
}

.pagesix_box1_left>.pagesix_box1_left_two {
    margin-top: 5px;
    width: 541px;
    height: 24px;
    font-size: 14px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #f5f5f5;
    line-height: 24px;
    opacity: 0.6;
}

.pagesix_box1_left>.pagesix_box1_left_three {
    margin-top: 20px;
    height: 24px;
    font-size: 14px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #f5f5f5;
    line-height: 24px;

}

.pagesix_box1_left>.pagesix_box1_left_four {
    display: flex;
    margin-top: 8px;
}

.pagesix_box1_left>.pagesix_box1_left_four>div {
    box-sizing: border-box;
    padding: 5px 6px;
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #c1c1c1;
    border-radius: 2px;
    opacity: 0.5;
    border: 1px solid #a9a9a9;
    margin-right: 5px;
}

.pagesix_box1_left>.pagesix_box1_left_five {
    margin-top: 30px;
    cursor: pointer;
}

.pagesix_box1_left>.pagesix_box1_left_five>img {
    width: 60px;
    height: 25px;
}

.pagesix_box1_right {
    display: flex;
    align-items: center;
}

.pagesix_box1_right>img {
    width: 200px;
    height: 200px;
}

/* 轮播图第二屏幕样式 */
.pagesix>.pagesix_boxs .slide2 {
    background-image: ;
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 轮播图第三屏幕样式 */
.pagesix>.pagesix_boxs .slide3 {
    background-image: ;
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 轮播图第四屏幕样式 */
.pagesix>.pagesix_boxs .slide4 {
    background-image: ;
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 轮播图第五屏幕样式 */
.pagesix>.pagesix_boxs .slide5 {
    background-image: ;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-scrollbar {
    width: 280px !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.4) !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -40px !important;
}

.swiper-scrollbar-drag {
    background: #9c1d22 !important;
}

/* 第七屏幕 */
.pageseven {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

.pageseven_one>.pageseven_one_title {
    text-align: center;
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 39px;
    margin-top: 120px;
}

.pageseven_one>.pageseven_one_boxs {
    display: flex;
    justify-content: center;
    margin-top: 47px;
    cursor: pointer;
}

.pageseven_one>.pageseven_one_boxs>.pageseven_one_box1 {
    box-sizing: border-box;
    padding: 10px 41px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    opacity: 0.3;
    color: #1a1a1a;
    border-bottom: 2px solid #e8e8e8;
}

.pageseven_one>.pageseven_one_boxs>.pageseven_one_box2 {
    box-sizing: border-box;
    padding: 10px 41px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #1a1a1a;
    opacity: 0.3;
    border-bottom: 2px solid #e8e8e8;
}

.pageseven_one>.pageseven_one_boxs>.pageseven_one_box3 {
    box-sizing: border-box;
    padding: 10px 41px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #1a1a1a;
    opacity: 0.3;
    border-bottom: 2px solid #e8e8e8;
}

.pageseven_one>.pageseven_one_boxs>.pageseven_one_box4 {
    box-sizing: border-box;
    padding: 10px 41px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #1a1a1a;
    opacity: 0.3;
    border-bottom: 2px solid #e8e8e8;
}

.pageseven_one>.pageseven_one_boxs>.pageseven_one_box5 {
    box-sizing: border-box;
    padding: 10px 41px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #1a1a1a;
    opacity: 0.3;
    border-bottom: 2px solid #e8e8e8;
}

.pageseven_one>.pageseven_one_boxs>.pageseven_one_box6 {
    box-sizing: border-box;
    padding: 10px 41px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    opacity: 0.3;
    color: #1a1a1a;
    border-bottom: 2px solid #e8e8e8;
}

.active {
    opacity: 1 !important;
    border-bottom: 2px solid #9c1d22 !important;
}

/* 切换的学校...样式 */
.pageseven_two {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    margin-top: 24px;
    justify-content: center;
}

.pageseven_two>.pageseven_two_left>img {
    width: 640px;
    height: auto;
}

.pageseven_two>.pageseven_two_right {
    box-sizing: border-box;
    background: #ffffff;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 80px;
}

.pageseven_two>.pageseven_two_right>.pageseven_two_right_title {
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 39px;
}

.pageseven_two>.pageseven_two_right>.pageseven_two_right_describe {
    width: 480px;
    height: 60px;
    font-size: 12px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
    margin-top: 10px;
    opacity: 0.6;
}

.pageseven_two>.pageseven_two_right>.pageseven_two_right_line {
    height: 21px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.3);
    line-height: 21px;
    margin-top: 40px;
    border-bottom: 1px solid #e8e8e8;
}

.pageseven_two>.pageseven_two_right>.pageseven_two_right_boxs {
    margin-top: 20px;
    display: flex;

}

.pageseven_two>.pageseven_two_right .pageseven_two_right_box1 {
    margin-right: 30px;
}

.pageseven_two_right_box1_one>img {
    width: 35px;
    height: 35px;
}

.pageseven_two_right_box1_two {
    margin-top: 15px;
    height: 21px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 21px;
}

.pageseven_two_right_box1_three {
    max-width: 110px;
    min-height: 30px;

    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #000000;
    line-height: 15px;
    margin-top: 5px;
    opacity: 0.6;
    font-size: 12px;
}

.pageseven_two_right_bottom {
    display: flex;
    justify-content: space-between;
}

.pageseven_two_right_bottom_left_box {
    margin-top: 20px;
}

.pageseven_two_right_bottom_left_box_one {
    height: 21px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 21px;
}

.pageseven_two_right_bottom_left_box_two {
    height: 15px;
    font-size: 10px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #000000;
    line-height: 15px;
    opacity: 0.6;
    margin-top: 5px;
}

.pageseven_two_right_bottom_left_box_three {
    height: 15px;
    font-size: 10px;
    font-family: pingfangsc-medium, pingfang sc;
    font-weight: 500;
    color: #000000;
    line-height: 15px;
    opacity: 0.6;
}

.pageseven_two_right_bottom_right {
    display: flex;
    justify-content: center;
    width: 140px;
    height: 140px;
    margin-top: 20px;
}

.pageseven_three_title {
    width: 156px;
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 39px;
    margin: 0 auto;
    margin-top: 120px;

}

.pageseven_three_img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin-top: 40px;
    padding: 20px;
}

.pageseven_three_img>img {
    width: 100%;
    height: auto;
}

/* 第八屏幕 */
.pageeight {
    overflow: hidden;
    background: #f5f5f5;
}

.pageeight_title {
    height: 39px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 39px;
    margin-top: 120px;
    text-align: center;
}

.pageeight_img {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.pageeight_img>img {
    width: 180px;
    height: 180px;
}

.pageeight_top {
    overflow: hidden;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 40px;
    position: relative;
}

.pageeight_top>.pageeight_top_middle {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 1140px;
}

.pageeight_top>.pageeight_top_middle>.scroll-container {
    width: 1140px;
    /* 设置容器宽度 */
    overflow: scroll;
    /* 隐藏超出容器宽度的内容 */
    white-space: nowrap;
    /* 防止内容换行 */
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* ie 10  */

}

.pageeight_top>.pageeight_top_middle>.scroll-container::-webkit-scrollbar {
    display: none;
    /* chrome safari */
}

.pageeight_top>.pageeight_top_middle>.scroll-container>.content {
    display: inline-block;
    /* 使内容在一行显示 */
    display: flex;
    width: 1140px;
}

.pageeight_top>.pageeight_top_middle>.scroll-container>.content>.content_box {
    box-sizing: border-box;
    padding-bottom: 20px;
    width: 180px;
    color: rgba(0, 0, 0, 0.3);
    margin-right: 100px;
    cursor: pointer;
}

.pageeight_top>.pageeight_top_middle>.scroll-container>.content>.content_box>.content_box_title {
    height: 27px;
    font-size: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    line-height: 27px;
}

.pageeight_top>.pageeight_top_middle>.scroll-container>.content>.content_box>.content_box_describe {
    width: 220px;
    height: 32px;
    font-size: 26px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    line-height: 32px;
}

.pageeight_top>.pageeight_top_middle>.scroll-container_line {
    width: 1140px;
    height: 2px;
    background: #e8e8e8;
    margin-top: -2px;
}

.activescroll {
    color: rgba(0, 0, 0, 1) !important;
    z-index: 1;
    border-bottom: 2px solid #9c1d22;
}
.pageeight_top_leftbtn{
  display: flex;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
  position: absolute;
  left: 106px;
  top: 20px;
}
.pageeight_top_leftbtn>img{
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);

}

.pageeight_top_rightbtn {
    display: flex;
    align-items: center;
    margin-left: 20px;
    cursor: pointer;
    position: absolute;
    right: 106px;
    top: 20px;
}

.pageeight_top_rightbtn>img {
    width: 24px;
    height: 24px;
}

.pageeight_bottom {
    width: 1140px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.pageeight_bottom>.pageeight_bottom_box {
    width: 285px;
    overflow: hidden;
    margin-top: 30px;
}

.pageeight_bottom>.pageeight_bottom_box>.pageeight_bottom_box_title {
    height: 20px;
    font-size: 14px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 20px;
    opacity: 0.6;
}

.pageeight_bottom>.pageeight_bottom_box>.pageeight_bottom_box_value {
    margin-top: 5px;
    height: 27px;
    font-size: 18px;
    font-family: pingfangsc-semibold, pingfang sc;
    font-weight: 600;
    color: #000000;
    line-height: 27px;
}

.pageeight_remark {
    width: 1140px;
    margin: 0 auto;
    height: 221px;
    font-size: 12px;
    font-family: pingfangsc-regular, pingfang sc;
    font-weight: 400;
    color: #a9a9a9;
    line-height: 20px;
    margin-top: 59px;
}

/* 过滤字 */
.filtertext{
  font-size: 14px;
  font-family: pingfangsc-medium, pingfang sc;
  font-weight: 500;
  color:rgba(245,245,245,0.6)
}
/* 铁锈 */
.filtertext_one{
  position: absolute;
  right: 553px;
  top: 103px;
  opacity: 0;
}
/* 泥沙 */
.filtertext_two{
  position: absolute;
  right: 447px;
  top: 115px;
  opacity: 0;
}
/* 悬浮物 */
.filtertext_three{
  position: absolute;
  right: 351px;
  top: 114px;
  opacity: 0;
}
/* 大颗粒杂质 */
.filtertext_four{
  position: absolute;
  right: 528px;
  top: 110px;
  opacity: 0;
}
/* 异色 */
.filtertext_five{
  position: absolute;
  right: 460px;
  top: 168px;
  opacity: 0;
}
/* 异味 */
.filtertext_six{
  position: absolute;
  right: 334px;
  top: 117px;
  opacity: 0;
}
/* 有机物杂质 */
.filtertext_seven{
  position: absolute;
  right: 539px;
  top: 90px;
  opacity: 0;
}
/* 细菌 */
.filtertext_eight{
  position: absolute;
  right: 415px;
  top: 104px;
  opacity: 0;
}
.filtertext_nine{
  position: absolute;
  right: 579px;
  top: 104px;
  opacity: 0;
}
.filtertext_ten{
  position: absolute;
  right: 378px;
  top: 92px;
  opacity: 0;
}
.filtertext_eleven{
  position: absolute;
  right: 585px;
  top: 122px;
  opacity: 0;
}
.filtertext_twelve{
  position: absolute;
  right: 394px;
  top: 82px;
  opacity: 0;
}
@keyframes fadeanimation {
  0% {
    opacity: 0;
  }
  90% {
   
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.filtertext>.fade-element {
  animation: fadeanimation 1s 1 alternate forwards;
}
/* 过滤物end */
.backtopbtn{
  position: fixed;
  bottom: 106px;
  right: 15px;
  z-index: 99;
}
.backtopbtn>img{
  width: 40px;
  height: 40px;
}



/* 服务热线 */
.xuanfubtn{
  position: fixed;
  bottom: 150px;
  right: 11px;
  z-index: 99999;
}
.xuanfubtn>.floatbtn{
  width: 70px;
  height: 246px;
  background: rgba(232,232,232,0.5);
  border-radius: 4px;
  backdrop-filter: blur(30px);
  overflow: hidden;
}
.onebox{
  cursor: pointer;
}
.onebox>.onebox_img{
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.onebox>.onebox_img>img{
  margin-top: 17px;
  width: 24px;
  height: 24px;
}
.onebox>.onebox_text{
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: pingfangsc-regular, pingfang sc;
  font-weight: 400;
  color: #000000;
  line-height: 17px;
  margin-top: 3px;
}


.twobox>.twobox_img{
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.twobox>.twobox_img>img{
  margin-top: 17px;
  width: 24px;
  height: 24px;
}
.twobox>.twobox_text{
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: pingfangsc-regular, pingfang sc;
  font-weight: 400;
  color: #000000;
  line-height: 17px;
  margin-top: 3px;
}


.threebox>.threebox_img{
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.threebox>.threebox_img>img{
  margin-top: 17px;
  width: 24px;
  height: 24px;
}
.threebox>.threebox_text{
  text-align: center;
  height: 17px;
  font-size: 12px;
  font-family: pingfangsc-regular, pingfang sc;
  font-weight: 400;
  color: #000000;
  line-height: 17px;
  margin-top: 3px;
}

.floatbtn_line{
  width: 50px;
  height: 1px;
  background-color:  rgba(255,255,255,0.2);
  margin: 0 auto;
  margin-top: 16px;
}
.xuanfubtn>.telbox{
    width: 134px;
    height: 62px;
    box-shadow: 0px 18px 18px 0px rgba(10, 31, 68, 0.08);
    border-radius: 6px;
    position: absolute;
    right: 70px;
    background-color: #ffffff;
    border: 1px solid #f3f3f3;
    top: 0;
    text-align: center;
    display: none;
}
.xuanfubtn>.telbox>p{
  color: #a1a1a1;
  font-size: 12px;
  margin-top: 8px;
}
.xuanfubtn>.telbox h3{
  font-size: 24px;
  color: #9c1d22;
}
.xuanfubtn:hover   .telbox{
  display: block !important;
}


/* 预约体检 */
.orderexperience{
  margin-top: 20px;
  width: 70px;
  height: 70px;
  background: #9d1d22;
  border-radius: 4px;
}
.orderexperience_img{
   overflow: hidden;
   display: flex;
   justify-content: center;
}
.orderexperience_img>img{
  width: 24px;
  height: 24px;
  margin-top: 17px;
}
.orderexperience_text{
  margin-top: 5px;
  height: 17px;
  font-size: 12px;
  font-family: pingfangsc-regular, pingfang sc;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  text-align: center;
}

.backtotop{
  width: 70px;
  height: 70px;
  background: rgba(232,232,232,0.5);
  border-radius: 4px;
  backdrop-filter: blur(30px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  visibility: hidden;
}
.backtotop>img{
  display: block;
  width: 15px;
  height: 14px;
}