* {
    padding: 0;
    margin: 0;
}

body {
    overflow-x: hidden;
}

a {
    color: black;
    text-decoration: none;
}

.pageBanner {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.pageBanner img {
    width: 100%;
}

.pageBanner .bannerTitle {
    position: absolute;
    left: 32%;
    transform: translate(-50%, -50%);
    top: 44%;
    color: #fff;
    text-align: left;
    font-size: 3.333vw;
    line-height: 5vw;
    font-weight: 900;
}

.pageBanner .banSubtitDiv {
    position: absolute;
    left: 22%;
    transform: translate(-50%, -50%);
    top: 65%;
    color: #fff;
    text-align: left;
    background-image: linear-gradient(to right, #00B7EA, transparent);
}

.pageBanner .bannerSubTitle {
    font-size: 1.25vw;
    line-height: 1.667vw;
    padding: 1vw;
}

.eightKPage .nav {
    background-color: white;
    width: 100%;
    z-index: 99;
    position: static;
}

.eightKPage .nav .nav-content {
    width: 72.916667vw;
    margin: 0 auto;
    display: flex;
    padding-bottom: 1.354167vw;
    padding: 1.5vw 0 1.354167vw 0;
    justify-content: center;
}

.eightKPage .nav .nav-item {
    padding: 0 2.6vw;
    position: relative;
}

.eightKPage .nav .nav-item p {
    cursor: pointer;
    font-size: 0.833vw;
    line-height: 1.25vw;
}

.eightKPage .nav .nav-item p.act::after {
    content: '';
    position: absolute;
    height: .1vw;
    width: 100%;
    background: #242728;
    bottom: -1.468vw;
    left: 0;
    opacity: .5;
}

.eightKPage .sec1 {
    padding-top: 5.4166vw;
    padding-bottom: 5.4166vw;
    position: relative;
}

.sec .secTitle {
    font-size: 2.5vw;
    line-height: 3.75vw;
    margin-bottom: 3.4895833vw;
    text-align: center;
    font-weight: 900;
}

.sec .secSubTitle {
    font-size: 1.666vw;
    line-height: 2.5vw;
    text-align: center;
    font-weight: 600;
}

.eightKPage .sec1 {
    background-image: url("https://www.hisilicon.com/-/media/Hisilicon2021/Images/8k-chipsets/img/sec1-background.png");
    background-size: cover;
}

.sec1 .histroyDiv {
    text-align: center;
    background: linear-gradient(to right, transparent 0%, #575FCA 50%, transparent 100%);
    padding: .8vw;
    width: 56.71875%;
    margin: 0 auto;
    margin-top: 1.19791666vw;
}

.sec1 .histroyDiv span {
    font-size: 1.041667vw;
    line-height: 1.666vw;
    margin: 0 .6vw;
    color: #fff;
}

.sec1 .histroyDiv div {
    display: inline-block;
}

.sec1 .histroyDiv .triangle-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 5px solid transparent;
    margin: 0 .6vw;
}

.sec1 .sec1Mouse {
    width: 56.71875%;
    margin: 0 auto;
    margin-top: 2.08333vw;
    text-align: center;
}

.sec1 .sec1Mouse .sec1Box {
    display: inline-block;
    width: 31%;
    position: relative;
    transition: .6s ease;
}

.sec1 .sec1Mouse .sec1Box:nth-child(2) {
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.sec1 .sec1Mouse .sec1Box img {
    width: 100%;
}

.sec1 .sec1Mouse .sec1Box .box-mouseText {
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 55%;
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #fff;
    font-weight: bold;
    text-align: center;
    transition: .6s;
}

.sec1 .sec1Mouse .sec1Box .box-text {
    position: absolute;
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #fff;
    bottom: 1vw;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.sec1Box .grey {
    position: absolute;
    top: 0;
    left: 0;
}

.sec1Box .sec1hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .6s;
}

.sec1 .sec1Mouse .sec1Box.hover .sec1hover {
    opacity: .7;
}

.sec1 .sec1Mouse .sec1Box.hover .grey {
    opacity: 0;
}

.sec1 .sec1Mouse .sec1Box.hover img {
    opacity: .6;
    transition: .6s;
}

.sec1 .sec1Mouse .sec1Box.hover .box-mouseText {
    opacity: 1;
    top: 50%;
}

.sec1 .sec1Content {
    width: 56.71875%;
    margin: 0 auto;
    margin-top: 1vw;
    text-align: center;
}

.sec1 .sec1Content .contentDiv {
    display: inline-block;
    width: 47%;
    padding: .5vw;
    position: relative;
}

.sec1 .sec1Content .contentDiv img {
    width: 100%;
}

.sec1 .sec1Content .contentDiv .contentDiv_text {
    position: absolute;
    top: 20%;
    left: 9%;
    width: 84%;
}

.sec1 .sec1Content .contentDiv p {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    text-align: left;
    text-indent: 2em;
    margin-bottom: .5vw;
}

.sec1 .sec1_background {
    width: 35%;
    position: absolute;
    left: 0;
    top: 80.5%;
}

.sec .bold {
    font-weight: bold;
}

.eightKPage .sec2 {
    position: relative;
    /* padding-top: 4.375vw; */
    padding-bottom: 2.375vw;
    background-color: #F3F6FA;
}

.sec2 .secTitle {
    margin-bottom: 0;
    margin-left: 2vw;
}


/* .sec2 .sec2-scroll1 .scrollTitle {
    margin-top: 4.4895833vw;
}

.sec2 .sec2-scroll3 .scrollTitle {
    margin-top: 3.4895833vw;
} */

.sec2 .sec2-scroll .scrollTitle {
    font-size: 1.666vw;
    line-height: 2.5vw;
    text-align: center;
    font-weight: bold;
    margin-top: 4.4895833vw;
}

.sec2 .sec2-scroll .scrollText {
    margin: 0 auto;
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin-top: 3.34375vw;
    text-align: center;
    /* width: 48.958333vw; */
}

.sec2 .sec2-scroll .scrollsmallPic {
    margin: 0 auto;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.sec2-scroll .scrollsmallPic .smallPicDiv {
    position: relative;
    width: 10%;
    display: inline-block;
}

.sec2-scroll .scrollsmallPic .smallPicDiv:nth-child(1) {
    margin-right: 10%;
}

.sec2-scroll .scrollsmallPic .smallPicDiv:nth-child(2) {
    margin-left: 10%;
}

.sec2-scroll .scrollsmallPic .smallPicDiv img {
    width: 100%;
}

.sec2-scroll .scrollsmallPic .smallPicDiv div {
    position: absolute;
    top: 1vw;
    left: 1.6vw;
    text-align: center;
}

.sec2-scroll3 .scrollsmallPic .smallPicDiv div {
    left: 3vw;
}

.sec2-scroll .scrollsmallPic .smallPicDiv p {
    font-size: 1.25vw;
    line-height: 1.875vw;
}

.scrollsmallPic .smallPicDiv .smallpicTit {
    font-weight: bold;
    color: #fff;
}

.scrollsmallPic .smallPicDiv .smallpicCon {
    color: #575FCA;
    margin-top: 1.5vw;
}

.sec2-scroll .scrollPic img {
    width: 35%;
    margin: 0 2%;
}

.sec2-scroll .scrollPic {
    margin-top: 2.6041666vw;
}

.sec2-scroll.sec2-scroll2 .scrollsmallPic .smallPicDiv div {
    left: 1.5vw;
}

.sec2-scroll.sec2-scroll2 .scrollsmallPic .smallPicDiv div:nth-child(1) {
    left: 1vw;
}

.sec2-scroll.sec2-scroll2 .scrollsmallPic .smallPicDiv .smallpicCon {
    font-size: .8333vw;
}

.sec2-scroll.sec2-scroll2 .scrollsmallPic .smallPicDiv {
    margin: 0 5%;
}

.sec2-scroll3 img {
    width: 40%;
    /* margin-top: 7vw; */
}

.sec2 .sec2-scroll {
    text-align: center;
    background-color: #F3F6FA;
    padding-top: 3.375vw;
}


/* height: 42.708333vw; */

.sec2 #emptyDiv {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.sec2 .sec2-scroll {
    height: 100vh;
    width: 100%;
    position: absolute;
}

.eightKPage .sec3 {
    margin-top: 8vw;
}

.sec3 .smallTitle {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    margin-bottom: 1.40625vw;
    text-align: center;
}

.sec3 .sec3titleDiv {
    position: relative;
    text-align: center;
}

.sec3 .sec3titleDiv img {
    width: 100%;
}

.sec3 .secTitle {
    position: absolute;
    top: 0%;
    transform: translate(-50%, 0);
    left: 50%;
}

.sec3 .sec3-titCon {
    margin: 0 auto;
    font-size: 1.25vw;
    line-height: 1.875vw;
    margin-top: 2.34375vw;
    text-align: center;
    width: 58.75vw;
    margin-bottom: 6.3541666vw;
}

.videoImg {
    width: 100%;
}

.eightKPage .sec4 {
    margin-top: 4.1666vw;
    position: relative;
}

.sec4 .sec4-background {
    width: 73.958333vw;
    margin: 0 auto;
    background-color: #f3f4fd;
    border-radius: .3vw;
    text-align: center;
    position: relative;
}

.sec4 .sec4-background .swiper-h3 {
    font-size: 1.666vw;
    line-height: 2.5vw;
    padding-top: 3.28125vw;
}

.sec4 .sec4-background .swiper-text {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    margin-top: 1.3541666vw;
    color: #666666;
}

.sec4 .sec4-background .swiper-textBot {
    margin-top: 25.78125vw;
    padding-bottom: 6.1458333vw;
}

.sec4 .sec4Swiper {
    position: absolute;
    top: 27%;
    width: 100%;
    overflow: hidden;
    height: 21vw;
}

.sec4Swiper .swiperImg {
    width: 100%;
}

.sec4Swiper .swiper-container .swiper-slide-prev,
.sec4Swiper .swiper-container .swiper-slide-next,
.sec4Swiper .swiper-container .swiper-slide-duplicate-next,
.sec4Swiper .swiper-container .swiper-slide-duplicate-prev {
    transform: scale(.85);
    transition: all .8s linear;
}

.sec4Swiper .swiper-slide-active {
    transform: scale(1)!important;
    transition: all .8s linear;
}

.sec4Swiper .swiper-container {
    width: 34vw;
    margin-left: 32.5vw;
    overflow: visible;
}

.sec4Swiper .swiper-container .swiper-slide {
    position: relative;
}

.sec4Swiper .swiper-container .swiperHref {
    border-radius: 2vw;
    background-color: #000;
    font-size: 1.041666vw;
    line-height: 1.666vw;
    color: #fff;
    position: absolute;
    bottom: -1.5vw;
    transform: translate(-50%, 0);
    left: 50%;
    padding: .5vw .5vw .5vw 1.5vw;
    transition: all .5s linear;
    opacity: 1;
    border: .5px solid #fff;
}

.sec4Swiper .swiper-container .swiperHref img {
    width: 12%;
    margin-left: .8vw;
}

.sec4Swiper .swiper-container .swiper-slide-prev .swiperHref,
.sec4Swiper .swiper-container .swiper-slide-next .swiperHref,
.sec4Swiper .swiper-container .swiper-slide-duplicate-next .swiperHref,
.sec4Swiper .swiper-container .swiper-slide-duplicate-prev .swiperHref {
    opacity: 0;
    transition: all .5s linear;
}

.eightKPage .sec5 {
    padding-top: 4.375vw;
}

.sec5 .sec5Subtit {
    font-size: 1.666vw;
    line-height: 3.75vw;
    text-align: center;
    font-weight: bold;
}

.sec5 .sec5Content {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    width: 63.333vw;
    margin: 0 auto;
    margin-top: 1.9791666vw;
    text-align: center;
    margin-bottom: 2.76041666vw;
}

.sec5 .sec5PicText {
    position: relative;
    text-align: center;
}

.sec5 .sec5PicText img {
    width: 70%;
}

.sec5 .sec5PicText .sec5PicTextpos {
    position: absolute;
    top: 63%;
    left: 15%;
    width: 70%;
}

.sec5 .sec5PicText .sec5PicText_span {
    color: #fff;
    margin: 0 8%;
}

.sec5 .sec5PicText .sec5PicText_span:nth-child(1) {
    margin-left: 4%;
}

.sec5 .sec5PicText .sec5PicText_span:nth-child(2) {
    margin-left: 9%;
}

.sec5 .sec5PicText .sec5PicText_span:nth-child(3) {
    margin-left: 7%;
}

.sec5 .sec5PicText .sec5PicText_span:nth-child(4) {
    margin-left: 7%;
}

.sec5 .sec5PicText .sec5PicText_span:nth-child(5) {
    margin-right: 3%;
    margin-left: 7.5%;
}

.sec5 .sec5Explanation {
    width: 70%;
    margin: 0 auto;
    margin-top: 2.76041666vw;
    padding-left: 2%;
}

.sec5 .sec5Explanation .sec5ExplanationMod {
    display: inline-block;
    width: 17%;
    vertical-align: top;
    padding: 0 1.2vw;
}

.sec5 .sec5Explanation .sec5ExplanationMod:nth-child(3) {
    width: 16%;
}

.sec5 .sec5Explanation .sec5ExplanationMod:nth-child(5) {
    width: 9%;
}

.line {
    border-left: .5px solid #EDEDED;
    height: 4.01041666vw;
    display: inline-block;
}

.sec5 .sec5Explanation .sec5ExplanationMod .modContentTit {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    margin-bottom: .8208333vw;
    font-weight: bold;
}

.sec5 .sec5Explanation .sec5ExplanationMod .modContentText {
    font-size: 0.67708333vw;
    line-height: 1.041666vw;
    color: #666666;
}

.sec5 .sec5_moduleOne {
    padding-bottom: 4.1666vw;
}

.sec5 .sec5_moduleTwo {
    background-color: #f1f1ff;
    padding-top: 4.94791666vw;
    padding-bottom: 2.86458333vw;
}

.sec5_moduleTwo .modTwoTit {
    text-align: center;
    font-size: 1.666vw;
    line-height: 2.5vw;
}

.sec5_moduleTwo .sec5Content {
    margin-bottom: 2.23958333vw;
}

.sec5_moduleTwo .modTwo_picText {
    width: 70%;
    margin: 0 auto;
    position: relative;
}

.sec5_moduleTwo .modTwo_picText img {
    width: 100%;
}

.modTwo_picText .modTwo_picText_con {
    position: absolute;
    top: 8vw;
    width: 81%;
    margin-left: 9.7%;
}

.modTwo_picText .modTwo_picText_con .modTwo_picText_conTit {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    color: #00B7EA;
    text-align: center;
    margin-bottom: 1.5vw;
}

.modTwo_picText .modTwo_picText_con .modTwo_picText_conbom {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    text-align: center;
}

.modTwo_picText_con .modTwo_picText_conDiv {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.modTwo_picText_con .modTwo_picText_conDiv:nth-child(2),
.modTwo_picText_con .modTwo_picText_conDiv:nth-child(3) {
    margin-left: 4.2%;
}

.modTwo_picText_con .modTwo_picText_conDiv .modTwo_picText_conList {
    padding: 0 2vw;
}

.modTwo_picText_con .modTwo_picText_conDiv .modTwo_picText_conList p {
    width: 40%;
    font-size: 0.8333vw;
    line-height: 1.25vw;
    display: inline-block;
    margin-top: .5vw;
}

.modTwo_picText_con .modTwo_picText_conDiv .modTwo_picText_conList p:nth-child(1),
.modTwo_picText_con .modTwo_picText_conDiv .modTwo_picText_conList p:nth-child(3),
.modTwo_picText_con .modTwo_picText_conDiv .modTwo_picText_conList p:nth-child(5),
.modTwo_picText_con .modTwo_picText_conDiv .modTwo_picText_conList p:nth-child(7) {
    width: 55%;
}

.modTwo_picText_con .modTwo_picText_conDiv .modTwo_picText_conbom {
    position: absolute;
    bottom: -4vw;
    /* transform: translate(-50%, 0);
    left: 50%; */
    margin-left: 6vw;
}

.sec5 .sec5_moduleThree {
    padding-top: 4.32291666vw;
    padding-bottom: 4.58333vw;
}

.sec5_moduleThree .modThreeTit {
    font-size: 1.666vw;
    line-height: 2.5vw;
    text-align: center;
    margin-bottom: 5.625vw;
}

.sec5_moduleThree .tecHighDiv {
    position: relative;
    text-align: center;
}

.sec5_moduleThree .tecHighDiv img {
    width: 63.541666%;
}

.tecHighDiv .tecHigTit,
.tecHighDiv .tecHigSubtit div,
.tecHighDiv .tecHigCont div {
    position: absolute;
}

.tecHighDiv .tecHigTit {
    transform: translate(-50%, -50%);
    top: 55%;
    left: 50%;
    color: #fff;
    font-size: 1.25vw;
    line-height: 1.875vw;
    font-weight: bold;
}

.tecHighDiv .tecHigSubtit div {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    font-weight: bold;
}

.tecHighDiv .tecHigSubtit .sechigst1 {
    top: 5.5vw;
    left: 38.8vw;
}

.tecHighDiv .tecHigSubtit .sechigst2 {
    top: 17.3vw;
    left: 38.5vw;
}

.tecHighDiv .tecHigSubtit .sechigst3 {
    top: 28.6vw;
    left: 38.6vw;
}

.tecHighDiv .tecHigSubtit .sechigst4 {
    top: 5vw;
    left: 56.6vw;
}

.tecHighDiv .tecHigSubtit .sechigst5 {
    top: 17.3vw;
    left: 57.1vw;
}

.tecHighDiv .tecHigSubtit .sechigst6 {
    top: 28.6vw;
    left: 57vw;
}

.tecHighDiv .tecHigCont {
    text-align: left;
}

.tecHighDiv .tecHigCont ul li {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    margin-bottom: .5vw;
    list-style: disc;
}

.tecHighDiv .tecHigCont .techigct1 {
    top: 1.3vw;
    left: 20.3vw;
}

.tecHighDiv .tecHigCont .techigct2 {
    top: 12.8vw;
    left: 20.3vw;
}

.tecHighDiv .tecHigCont .techigct3 {
    top: 24.8vw;
    left: 20.3vw;
}

.tecHighDiv .tecHigCont .techigct4 {
    top: 1.5vw;
    left: 64.3vw;
}

.tecHighDiv .tecHigCont .techigct5 {
    top: 12.9vw;
    left: 64.3vw;
}

.tecHighDiv .tecHigCont .techigct6 {
    top: 24.8vw;
    left: 64.3vw;
}

.sec5 .sec5_moduleFour {
    padding-top: 4.32291666vw;
    padding-bottom: 4.1666vw;
    text-align: center;
    background-color: #f1f1ff;
}

.sec5_moduleFour .moduleFourTit {
    font-size: 1.666vw;
    line-height: 2.5vw;
    margin-bottom: 4.32291666vw;
}

.sec5_moduleFour .moduleFourDiv {
    position: relative;
}

.sec5_moduleFour .moduleFourDiv img {
    width: 74.0625%;
}

.sec5_moduleFour .moduleFourDiv div {
    position: absolute;
}

.sec5_moduleFour .moduleFourDiv div p {
    font-size: 1.041666vw;
    line-height: 1.666vw;
    font-weight: bold;
    color: #fff;
}

.sec5_moduleFour .moduleFourDiv div p:nth-child(1) {
    margin-bottom: 8vw;
}

.sec5_moduleFour .moduleFourDiv .moduleFourDivTit1 {
    top: 9.5vw;
    left: 18.8vw;
}

.sec5_moduleFour .moduleFourDiv .moduleFourDivTit2 {
    top: 9.5vw;
    left: 37.862vw;
}

.sec5_moduleFour .moduleFourDiv .moduleFourDivTit3 {
    top: 9.5vw;
    left: 56.3vw;
}

.sec5_moduleFour .moduleFourDiv .moduleFourDivTit4 {
    top: 9.5vw;
    left: 74.4vw;
}

.eightKPage .sec8 {
    width: 78vw;
    margin: 0 auto;
    margin-top: 3.208333vw;
}

.sec8 .sec8Title {
    font-size: 2.5vw;
    line-height: 3.75vw;
    margin-top: 4.32291666vw;
    text-align: center;
}

.sec8 .sc8-content {
    display: flex;
    justify-content: space-between;
    margin-top: 3.489583vw;
    box-shadow: 2px 2px 8px 3px #f3f3f3;
    border-radius: 0.8vw;
}

.sec8 .sc8-content .left {
    width: 36.458333vw;
}

.sec8 img {
    vertical-align: top;
    width: 100%;
}

.sec8 .sc8-content .right {
    width: 31.354167vw;
    margin: 4.84375vw 2.083333vw 0;
}

.sec8 .sc8-content .right .title {
    font-size: 1.666667vw;
    line-height: 2.5vw;
    margin-bottom: 1.354167vw;
}

.sec8 .sctext {
    font-size: 1vw;
    line-height: 1.666667vw;
}

.swiper-wrapper {
    height: auto;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

.sec9 .sec9Title {
    font-size: 2.5vw;
    line-height: 3.75vw;
    margin-top: 4.32291666vw;
    margin-bottom: 4.32291666vw;
    text-align: center;
}

.eightKPage .sec9 {
    width: 71.875%;
    margin: 0 auto;
}

.sec9 .box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec9 .box .box-item {
    width: 22.5167vw;
    background-color: #F3F4F8;
    border-radius: 1vw;
    position: relative;
}

.sec9 .box .box-item:nth-child(1),
.sec9 .box .box-item:nth-child(2),
.sec9 .box .box-item:nth-child(3) {
    margin-bottom: 1.683333vw;
}

.sec9 .box .box-item .text {
    width: 15.625vw;
    margin: 1.5625vw 0 1.875vw 1.5625vw;
}

.sec9 .box .box-item p {
    font-size: 1.25vw;
    line-height: 2.5vw;
    margin-bottom: 2.833333vw;
    font-weight: bold;
}

.sec9 .sctext {
    font-size: .8333vw;
    line-height: 1.25vw;
    color: #666666;
}

.sec9 .box .box-item .box-img {
    position: absolute;
    bottom: 1.510417vw;
    left: 17.75vw;
}

.sec9 .primary-button {
    position: relative;
    background-color: #424244;
    border-radius: .3vw;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    height: auto;
    min-width: auto;
}

.primary-button::before,
.tertiary-button__icon::before {
    content: "";
    display: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border: 2px solid #d2e8f5;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.sec9 .primary-button [class*='font-ico'] {
    margin: .8vw 1.1vw .8vw;
    position: relative;
    color: #fff;
    text-align: center;
    width: 1.025vw;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 1vw;
    font-weight: bold;
}


/* .sec9 .font-ico-arrow-right:before {
    content: "\2192";
} */

.primary-button,
.tertiary-button__icon {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(23, 23, 23, 0.8);
    height: 48px;
    min-width: 48px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 10px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.is-hover .primary-button .font-ico-arrow-right {
    -webkit-animation: arrowAnimation 1.2s ease-in-out;
    animation: arrowAnimation 1.2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.primary-button:hover .font-ico-arrow-right,
.tertiary-button__icon:hover .font-ico-arrow-right {
    -webkit-animation: arrowAnimation 1.2s ease-in-out;
    animation: arrowAnimation 1.2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.is-hover .primary-button {
    background-color: #d9261c;
}

.mob-show {
    display: none;
}

.pc-show {
    display: block;
}

.eightKPage .sec10 {
    width: 76.61458333%;
    margin: 0 auto;
}

.sec10 .sec10Title {
    font-size: 2.5vw;
    line-height: 3.75vw;
    margin-top: 4.32291666vw;
    margin-bottom: 4.32291666vw;
    text-align: center;
}

.sec10 .sc8-content {
    display: flex;
    justify-content: space-between;
    margin: 3.28125vw auto 5.208333vw;
}

.sec10 .sc8-content .sc8-content-item {
    width: 24vw;
    border-radius: 1vw;
    overflow: hidden;
    background-color: #F3F4F8;
    height: 21.333vw;
}

.sec10 .sc8-content .sc8-content-item .img {
    transition: transform 1.5s;
}

.sec10 img {
    vertical-align: top;
    width: 100%;
}

.sec10 .sctext {
    font-size: 1.041667vw;
    line-height: 1.666667vw;
}

.sec10 .sc8-content .sc8-content-item .sctext {
    margin: 1.5625vw 2.083333vw;
}

.sec10 .sc8-content .sc8-content-item .description-third {
    margin: 1.71875vw 0.2vw 0 1.5625vw;
    overflow-y: scroll;
    height: 18vw;
    padding-right: 0.5625vw;
}

.sec10 .sc8-content .sc8-content-item .description-third .title {
    font-size: 1.04167vw;
    line-height: 1.667vw;
    font-weight: bold;
}

.sec10 .sc8-content .sc8-content-item .description-third .disclaimer-third {
    color: #666666;
}

.sec10 .sc8-content .sc8-content-item .description-third .disclaimer-third {
    font-size: .9375vw;
    line-height: 1.45833vw;
    margin: .46875vw 0 1.302vw;
}

.sec10 .sc8-content.mob-show {
    display: none;
}

@media screen and (min-width: 768px) {
    .eightKPage .nav .nav-content {
        width: 63.016667vw;
    }
    .eightKPage .nav .nav-content {
        padding: 2.5vw 0 1.354167vw 0;
    }
    .sec8 .sc8-content {
        width: 68vw;
        margin: 3.489583vw auto;
    }
    .sec8 .sc8-content .left {
        border-radius: 0.8vw;
        overflow: hidden;
    }
    .sec8 .sc8-content .right {
        margin: 2.54375vw 2.083333vw 0;
    }
    .sec10 .sc8-content .sc8-content-item .description-third::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
        background: rgba(0, 0, 0, 0.2);
    }
    .sec10 .sc8-content .sc8-content-item .description-third::-webkit-scrollbar {
        width: .2vw;
    }
}

@media (max-width: 767px) {
    .mob-show {
        display: block;
    }
    .pc-show {
        display: none;
    }
    .pageBanner .bannerTitle {
        transform: translate(0, -50%);
        left: 0;
        text-align: center;
        font-size: 6.4vw;
        line-height: 9.6vw;
        width: 100%;
    }
    .pageBanner .banSubtitDiv {
        transform: translate(-50%, -50%);
        left: 50%;
        top: 60%;
    }
    .navigation {
        display: none;
    }
    .sec .secTitle {
        font-size: 6.4vw;
        line-height: 9.6vw;
    }
    .sec .secSubTitle {
        font-size: 3.46667vw;
        line-height: 6.4vw;
        font-weight: unset;
    }
    .eightKPage .sec1 {
        width: 80%;
        margin: 0 auto;
    }
    .sec1 .histroyDiv {
        width: 100%;
        margin-bottom: 8vw;
        margin-top: 2vw;
    }
    .sec1 .histroyDiv span {
        font-size: 3.2vw;
        line-height: 5.333vw;
        margin: 0 1.6vw;
        vertical-align: top;
    }
    .sec1 .histroyDiv .triangle-right {
        border-top: 3px solid transparent;
        border-left: 5px solid #fff;
        border-bottom: 3px solid transparent;
        margin: 0 1.6vw;
        margin-bottom: 1vw;
    }
    .sec1Swiper {
        position: relative;
    }
    .sec1Swiper img {
        width: 100%;
    }
    .sec1Swiper .grey {
        position: absolute;
        top: 0;
        left: 0;
    }
    .sec1 .sec1Swiper .box-text {
        position: absolute;
        font-size: 4.2666vw;
        line-height: 6.4vw;
        color: #adadad;
        bottom: 5vw;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }
    .sec1 .sec1Swiper .box-mouseText {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        font-size: 4.2666vw;
        line-height: 6.4vw;
        color: #fff;
        font-weight: bold;
        text-align: center;
        transition: .6s;
    }
    .swiper-button-next {
        right: -33px;
    }
    .swiper-button-prev {
        left: -33px;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 25px;
        font-weight: bold;
    }
    .sec1 .sec1Content {
        width: 100%;
    }
    .sec1 .sec1Content .contentDiv {
        width: 100%;
    }
    .sec1 .sec1Content .contentDiv p {
        font-size: 3.4666vw;
        line-height: 4.8vw;
    }
    .sec1 .sec1Content .contentDiv .contentDiv_text {
        top: 11%;
    }
    .sec1 .sec1Content .contentDiv img {
        height: 32%;
    }
    .eightKPage .sec2 {
        background-color: unset;
    }
    .sec2showHide {
        background-color: #F6F8FE;
        width: 80%;
        border-radius: 2vw;
        padding: 5vw;
        margin: 0 auto;
    }
    .sec2showHideDiv .scrollTitle {
        font-size: 4.2666vw;
        line-height: 6.4vw;
        font-weight: bold;
        border-bottom: 1px solid #000;
        padding-bottom: 5vw;
    }
    .sec2showHideDiv .updown {
        border: solid black;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-bottom: .8vw;
        margin-left: 30vw;
    }
    .sec2 .sec2showHide .scrollsmallPic {
        margin-top: 5vw;
        margin-bottom: 5vw;
        text-align: center;
    }
    .sec2showHide .scrollsmallPic .smallPicDiv {
        position: relative;
        width: 28%;
        display: inline-block;
        margin: 0 10%;
    }
    .sec2showHide .scrollsmallPic .smallPicDiv div {
        position: absolute;
        top: .8vw;
        left: 2.6vw;
        text-align: center;
    }
    .sec2showHide .scrollsmallPic .smallPicDiv:nth-child(2) div {
        left: 4.6vw;
    }
    .scrollsmallPic .smallPicDiv .smallpicCon {
        margin-top: 2.4vw;
    }
    .sec2showHide .scrollPic img,
    .sec2showHide .scrollsmallPic .smallPicDiv img {
        width: 100%;
    }
    .sec2showHide .scrollPic img {
        margin-bottom: 6vw;
    }
    .sec2showHideDiv .scrollText {
        font-size: 3.4666vw;
        line-height: 5.333vw;
        text-align: center;
        padding-bottom: 3vw;
    }
    .sec2showHide .sec2showHideDiv2 {
        margin-top: 6vw;
    }
    .sec2showHide .sec2showHideDiv2 .scrollsmallPic .smallPicDiv {
        margin: 0 2%;
    }
    .sec2showHide .sec2showHideDiv2 .scrollsmallPic .smallPicDiv div {
        left: 1.6vw;
    }
    .sec2showHide .sec2showHideDiv2 .scrollsmallPic .smallPicDiv:nth-child(2) div {
        left: 2.6vw;
    }
    .sec2showHide .sec2showHideDiv3 {
        margin-top: 6vw;
    }
    .sec2showHideDiv3 .updown {
        margin-left: 22vw;
    }
    .sec2showHide .sec2showHideDiv3 .scrollsmallPic .smallPicDiv div {
        left: 6.2vw;
    }
    .sec2showHide .sec2showHideDiv3 .scrollsmallPic .smallPicDiv:nth-child(2) div {
        left: 5.4vw;
    }
    .scrollsmallPic .smallPicDiv .smallpicTit {
        font-size: 3.2vw;
        line-height: 4.8vw;
    }
    .scrollsmallPic .smallPicDiv .smallpicCon {
        font-size: 2.1333vw;
        line-height: 3.2vw;
    }
    .sec2showHide .sec2showHideDiv_showHide {
        /* display: none; */
        transition: all ease .8s;
        max-height: 0;
        overflow: hidden;
    }
    .sec2showHide .sec2showHideDiv_showHide.active {
        display: block;
        transition: all ease .8s;
        max-height: 350vw;
    }
    .pageBanner .bannerSubTitle {
        font-size: 4.2667vw;
        line-height: 6.4vw;
    }
    .sec3 .smallTitle {
        font-size: 3.4666vw;
        line-height: 5.333vw;
        margin-bottom: 15vw;
    }
    .sec3 .secTitle {
        top: -6vw;
    }
    .sec3 .sec3-titCon {
        font-size: 3.4666vw;
        line-height: 5.333vw;
        margin-top: 15vw;
        text-align: left;
        width: 90%;
    }
    .sec4 .sec4-background {
        width: 89.958333vw;
        border-radius: 1.3vw
    }
    .sec4 .sec4-background .swiper-h3 {
        font-size: 4.2666vw;
        line-height: 6.4vw;
    }
    .sec4 .sec4-background .swiper-text {
        font-size: 3.4666vw;
        line-height: 5.333vw;
    }
    .sec4 .sec4-background .swiper-textBot {
        margin-top: 50.78125vw;
    }
    .sec4Swiper .swiper-container {
        width: 64vw;
        margin-left: 18.2vw;
    }
    .sec4 .sec4Swiper {
        top: 33%;
        height: 40vw;
    }
    .sec4Swiper .swiper-container .swiperHref {
        font-size: 3.2vw;
        padding: 2.5vw 1.5vw 2.5vw 2.5vw;
        border-radius: 5vw;
        bottom: -3.5vw;
    }
    .sec5 .sec2showHideDiv .updown {
        margin-left: 25vw;
    }
    .sec5 .sec2showHideDiv2 .updown {
        margin-left: 60.5vw;
    }
    .sec5 .sec2showHideDiv3 .updown {
        margin-left: 37.5vw;
    }
    .sec5 .sec2showHideDiv4 .updown {
        margin-left: 16vw;
    }
    .sec5 .sec2showHide .sec2showHideDiv4 {
        margin-top: 6vw;
    }
    .sec5 .sec2showHideDiv .scrollText {
        width: 90%;
        margin: 0 auto;
        margin-top: 5vw;
        text-align: left;
        padding-bottom: 5vw;
    }
    .sec5 .sec5PicText img {
        width: 100%;
    }
    .sec5 .sec5PicText .sec5PicTextpos {
        width: 100%;
        left: 0;
        top: 53%;
    }
    .sec5 .sec5PicText .sec5PicText_span {
        font-size: 3.2vw;
        margin: 0 2%;
    }
    .sec5 .sec5PicText .sec5PicText_span:nth-child(1) {
        margin-left: 5%;
    }
    .sec5 .sec5PicText .sec5PicText_span:nth-child(2) {
        margin-left: 10%;
    }
    .sec5 .sec5PicText .sec5PicText_span:nth-child(3) {
        margin-left: 6%;
    }
    .sec5 .sec5PicText .sec5PicText_span:nth-child(4) {
        margin-left: 6%;
    }
    .sec5 .sec5PicText .sec5PicText_span:nth-child(5) {
        margin-right: 5%;
        margin-left: 7.5%;
    }
    .eightKPage .sec5 {
        padding-top: 10.375vw;
    }
    .sec5 .sec5PicText {
        margin-bottom: 5vw;
    }
    .sec5 .sec2showHideDiv1Tit {
        width: 90%;
        font-size: 4.2666vw;
        line-height: 6.4vw;
        font-weight: bold;
        margin: 2vw auto;
    }
    .sec5 .sec2showHideDiv1Text {
        width: 90%;
        font-size: 3.4666vw;
        line-height: 5.333vw;
        color: #666666;
        margin: 2vw auto;
    }
    .sec5 .sec5-mobshowHide2 {
        position: relative;
    }
    .sec5 .sec5-mobshowHide2 img {
        width: 100%;
    }
    .sec5 .sec5-mobshowHide {
        position: absolute;
        width: 80%;
        margin-left: 10%;
        text-align: center;
    }
    .sec5 .mobshowHide_partone {
        top: 25vw;
    }
    .sec5 .mobshowHide_parttwo {
        top: 108vw;
    }
    .sec5 .mobshowHide_partthree {
        top: 191vw;
    }
    .sec5 .sec5-mobLittle {
        font-size: 4.2666vw;
        line-height: 6.4vw;
        color: #00B7EA;
    }
    .sec5 .mobConList p {
        font-size: 3.4666vw;
        line-height: 5.333vw;
        margin-top: 2vw;
        width: 55%;
        display: inline-block;
    }
    .sec5 .mobConList p:nth-child(2),
    .sec5 .mobConList p:nth-child(4),
    .sec5 .mobConList p:nth-child(6),
    .sec5 .mobConList p:nth-child(8) {
        width: 40%;
    }
    .sec5 .mobConList {
        text-align: left;
        width: 85%;
        margin: 0 auto;
        margin-top: 2vw;
    }
    .sec5 .sec5-mobBottom {
        font-size: 4.2666vw;
        line-height: 6.4vw;
        color: #000;
        margin-top: 8vw;
    }
    .sec5 .mobshowHide_partone .sec5-mobBottom {
        margin-top: 15vw;
    }
    .sec5 .sec2showHide {
        width: 90%;
        padding: 5vw 0;
    }
    .sec5 .sec2showHideDiv .scrollTitle {
        width: 90%;
        margin: 0 auto;
    }
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2 {
        margin-top: 3vw;
    }
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2 img {
        width: 103%;
    }
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2:nth-child(4) img {
        width: 100%;
    }
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2:nth-child(1) {
        margin-top: 6vw;
    }
    .sec5 .mobshowHide3Lttile,
    .sec5 .sec5-mobshowHide2 ul {
        position: absolute;
    }
    .sec5 .mobshowHide3Lttile {
        top: 25vw;
        right: 6.5vw;
        font-size: 2.77333vw;
        line-height: 4.16vw;
        font-weight: bold;
    }
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2:nth-child(2) .mobshowHide3Lttile {
        right: 5.5vw;
    }
    .sec5 .sec5-mobshowHide2 ul {
        top: 1vw;
        left: 8.4vw;
    }
    .sec5 .sec5-mobshowHide2 ul li {
        list-style: disc;
        font-size: 3.16vw;
        line-height: 4.8vw;
        margin-top: 3vw;
        text-indent: -5px;
    }
    .sec5 .sec5_modThree-mobMid {
        font-size: 4.2666vw;
        line-height: 6.4vw;
        font-weight: bold;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 70%;
        left: 50%;
        color: #fff;
    }
    .sec5 .sec5-mobshowHide2:nth-child(5) .mobshowHide3Lttile {
        top: 21vw;
        text-align: center;
        right: 73vw;
    }
    .sec5 .sec5-mobshowHide2:nth-child(6) .mobshowHide3Lttile,
    .sec5 .sec5-mobshowHide2:nth-child(7) .mobshowHide3Lttile {
        top: 24vw;
        right: 74vw;
    }
    .sec5 .sec5-mobshowHide2:nth-child(5) ul,
    .sec5 .sec5-mobshowHide2:nth-child(6) ul,
    .sec5 .sec5-mobshowHide2:nth-child(7) ul {
        left: 30vw;
    }
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2:nth-child(5) img,
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2:nth-child(6) img,
    .sec5 .sec2showHideDiv3 .sec5-mobshowHide2:nth-child(7) img {
        margin-left: -3%;
    }
    .sec2showHideDiv4 .moduleFourDiv {
        position: relative;
        margin-top: 5vw;
    }
    .sec2showHideDiv4 .moduleFourDiv img {
        width: 100%;
    }
    .sec2showHideDiv4 .moduleFourDiv div {
        position: absolute;
    }
    .sec2showHideDiv4 .moduleFourDiv div p:nth-child(1) {
        margin-bottom: 10vw;
    }
    .sec2showHideDiv4 .moduleFourDiv .moduleFourDivTit1 {
        top: 16.5vw;
        left: 7.8vw;
    }
    .sec2showHideDiv4 .moduleFourDiv .moduleFourDivTit2 {
        top: 16.5vw;
        left: 29.862vw;
    }
    .sec2showHideDiv4 .moduleFourDiv .moduleFourDivTit3 {
        top: 16.5vw;
        left: 51.3vw;
    }
    .sec2showHideDiv4 .moduleFourDiv .moduleFourDivTit4 {
        top: 16.5vw;
        left: 71.4vw;
    }
    .sec2showHideDiv4 .moduleFourDiv div p {
        font-size: 2.1333vw;
        line-height: 3.7333vw;
        font-weight: unset;
        color: #fff;
        text-align: center;
    }
    .eightKPage .sec8 {
        width: 90.75vw;
        margin-top: 12vw;
    }
    .sec8 .sc8-content .left {
        width: 80.75vw;
    }
    .sec8 .sec8Title {
        font-size: 6.4vw;
        line-height: 9.6vw;
    }
    .sec8 .sc8-content {
        display: inherit;
        margin-top: 8vw;
        border-radius: 6vw;
        box-shadow: none;
        background-color: #F3F4F8;
        width: 80.75vw;
        margin-left: 5vw;
    }
    .swiper-button-next {
        right: -6px;
    }
    .swiper-button-prev {
        left: -6px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 48%;
    }
    .sec8 .sc8-content .right {
        width: 72.466667vw;
        margin: 5.333333vw auto 0;
        padding-bottom: 6.133333vw;
    }
    .sec8 .sc8-content .right .title {
        font-size: 4.266667vw;
        line-height: 6.4vw;
        font-weight: bold;
        margin-bottom: 6.133333vw;
    }
    .sec8 .sctext {
        font-size: 3.4666vw;
        line-height: 5.333vw;
    }
    .sec9 .sec9Title {
        font-size: 6.4vw;
        line-height: 9.6vw;
    }
    .eightKPage .sec9 {
        width: 86.875%;
        margin: 0 auto;
    }
    .sec9 .box .box-item {
        width: 41.333333vw;
        border-radius: 2.5vw;
    }
    .sec9 .box .box-item .text {
        width: 32vw;
        margin: 5.333333vw 0 5.333333vw 5.333333vw;
    }
    .sec9 .box .box-item p {
        font-size: 3.4666vw;
        line-height: 5.333vw;
        font-weight: bold;
        margin-bottom: 2.133333vw;
    }
    .sec9 .box .box-item .text span {
        font-size: 2.6667vw;
        line-height: 3.7333vw;
    }
    .sec9 .primary-button {
        border-radius: 1vw;
    }
    .sec9 .font-ico-arrow-right {
        height: 2px;
        background: #fff;
        width: 12px;
    }
    .sec9 .font-ico-arrow-right:before {
        /* font-family: 'svgicons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        display: block;
        line-height: 1; */
        content: "";
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate( 45deg);
        top: -2px;
        right: 0px;
        width: 4px;
        height: 4px;
        position: absolute;
    }
    .sec9 .box .box-item .box-img {
        bottom: 5.6vw;
        left: 30.266667vw;
    }
    .sec9 .primary-button [class*='font-ico'] {
        margin: 2.66667vw 2.166667vw;
        font-size: 2vw;
        height: 1px;
        background: #fff;
        width: 6px;
    }
    .sec9 .box .box-item {
        margin-bottom: 3vw !important;
    }
    .sec10 .sec10Title {
        font-size: 6.4vw;
        line-height: 9.6vw;
    }
    .sec10 .sc8-content.pc-show {
        display: none;
    }
    .sec10 .sc8-content.mob-show {
        display: block;
    }
    .sec10 .sc8-content {
        display: inherit;
        margin: 8.8vw auto 16vw;
    }
    .sec10 .sc8-content .sc8-content-item {
        width: 100%;
        border-radius: 6vw;
        height: 76.266667vw;
    }
    .sec10 .sc8-content .sc8-content-item:nth-child(1),
    .sec10 .sc8-content .sc8-content-item:nth-child(2) {
        margin-bottom: 8vw;
    }
    .sec10 .sc8-content .sc8-content-item .description-third {
        margin: 5.333333vw 5.333333vw 0 5.333333vw;
        height: 64.5vw;
    }
    .sec10 .sc8-content .sc8-content-item .description-third .title {
        font-size: 3.733333vw;
        line-height: 5.866667vw;
    }
    .sec10 .sc8-content .sc8-content-item .description-third .disclaimer-third {
        font-size: 3.733333vw;
        line-height: 5.866667vw;
        margin: 5.866667vw 0 5vw;
    }
    .sec10 .sc8-content .sc8-content-item .sctext {
        margin: 5.413333vw 8vw 0;
    }
    .sec10 .sctext {
        font-size: 3.733333vw;
        line-height: 5.866667vw;
    }
    .sec10 {
        position: relative;
    }
    .sec10 .swiper-button-next {
        right: 10px;
        outline: none;
    }
    .sec10 .swiper-button-prev {
        left: 10px;
        outline: none;
    }
}