* {
    padding: 0;
    margin: 0;
}

/* body {
    overflow: hidden;
} */

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

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

.pageBanner img {
    width: 100%;
}

.pageBanner p {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    color: #fff;
    font-size: 2.91666vw;
    font-weight: 900;
    text-align: center;
}

.avs3Page h2 {
    text-align: center;
    margin-bottom: 3vw;
    font-size: 2.5vw;
    line-height: 3.75vw;
}

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

.avs3Page .nav .nav-content {
    width: 72.916667vw;
    margin: 0 auto;
    display: flex;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 1.354167vw;
    padding: 1.5vw 0 1.354167vw 0;
}

.avs3Page .nav .nav-item {
    padding: 0 3.083333vw;
    position: relative;
}

.avs3Page .nav .nav-item p {
    cursor: pointer;
}

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

.avs3Page .sec {
    width: 68.75vw;
    margin: 0 auto;
    margin-top: 3.208333vw;
}

.avs3Page .sec1 img {
    width: 100%;
}

.avs3Page .description {
    padding-bottom: 1.125vw;
    font-size: 1.041667vw;
    line-height: 1.666667vw;
}

.sec2 .ini {
    display: inline-block;
}

.sec2 .subTitle {
    font-size: 1.875vw;
    font-weight: bold;
}

.sec2 .sec2Content {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 3.541667vw;
}

.sec2 .ini img {
    margin-top: 2vw;
    margin-bottom: 2vw;
    width: 80%;
}

.sec2 .ini .p {
    padding-bottom: 1.125vw;
    font-size: 1.041667vw;
    line-height: 1.666667vw;
}

.sec2 .sec2_leftdiv {
    margin-right: 19.177vw;
}

.sec3 p {
    padding-bottom: 1.125vw;
    font-size: 1.041667vw;
    line-height: 1.666667vw;
}

.sec3 h2 {
    margin-bottom: 3.54166vw;
}

.sec3 .sec3Img {
    text-align: center;
}

.sec3 img {
    width: 70%;
    /* margin: 0 auto; */
    margin-bottom: 2vw;
}

.sec4 .sec4Swiper {
    position: relative;
    margin-top: 2vw;
    overflow: hidden;
}

.sec4 {
    margin-top: 3vw;
    /* text-align: center; */
}

.sec4 .sec4Swiper img {
    width: 20%;
    margin: 0 1vw;
}

.sec4 .sec4Swiper .left_image {
    margin-bottom: 2vw;
    transform: translate(-11vw, 0);
    transition-duration: 1s;
}

.sec4 .sec4Swiper .right_image {
    transform: translate(44vw, 0);
    transition-duration: 1s;
}

.sec4 .sec4Swiper .midImage {
    transform: translate(16vw, 0);
    transition-timing-function: ease-out;
}

.sec4 .description {
    width: 68.75vw;
    margin: 0 auto;
    margin-top: 2.208333vw;
}

.sec5 .sec5Img {
    width: 100%;
    margin-top: 2vw;
}

.sec5 .swipercot {
    text-align: center;
    margin-top: 1.2vw;
    display: inline-block;
}

.sec5 .sec5_swipercot .sec5subTitle {
    color: #174073;
    font-weight: bold;
    font-size: 1vw;
    margin-bottom: .5vw;
}

.sec5 .sec5_swipercot .learnMore {
    color: #000;
    font-size: .625vw;
    text-decoration: none;
    padding: .3vw .5vw;
    border-radius: .3vw;
}

.sec5 .sec5_swipercot .sec5subTitle.active-swipercoth4 {
    color: #B62C25;
}

.sec5 .sec5_swipercot .learnMore.active-swipercota {
    background-color: #B62C25;
    color: #fff;
    padding: .3vw .5vw;
    border-radius: .3vw;
}

.sec5 .sec5_swiperimg .swiperimg_two,
.sec5 .sec5_swiperimg .swiperimg_three,
.sec5 .sec5_swiperimg .swiperimg_four {
    display: none;
}

.sec5 .sec5_swiperimg .swiperimg.hide-swiperimg {
    display: none;
}

.sec5 .sec5_swiperimg .swiperimg.active-swiperimg {
    display: block;
}

.sec5 .sec5_swipercot .swipercot_one {
    margin-left: 9.9vw;
}

.sec5 .sec5_swipercot .swipercot_two {
    margin-left: 7.9vw;
}

.sec5 .sec5_swipercot .swipercot_three {
    margin-left: 16.8vw;
}

.sec5 .sec5_swipercot .swipercot_four {
    margin-left: 4.4vw;
}

.sec5 .sec5_swiperimg {
    width: 108%;
    margin-left: -3.5%;
    margin-top: 1%;
}

.sec5 .sec5_swiperimg img {
    width: 100%;
}

.sec5 .swiperimg {
    position: relative;
}

.sec5 .swiperimg .imgText {
    position: absolute;
    top: 8vw;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.sec5 .swiperimg .imgText h3 {
    font-size: 1.25vw;
    color: #3B67CB;
    margin-bottom: 2vw;
}

.sec5 .swiperimg .imgText ul li {
    font-size: 0.9375vw;
    color: #000;
}

.sec5 .partTwo {
    margin-top: 3vw;
}

.sec5 .partTwo .subBanner {
    text-align: center;
}

.sec5 .partTwo .subBanner div {
    display: inline-block;
    width: 48.5%;
    text-align: center;
}

.sec5 .partTwo .subBanner .leftBanner {
    margin-right: .5%;
}

.sec5 .partTwo .subBanner .rightBanner {
    margin-left: .5%;
}

.sec5 .partTwo .subBanner div img {
    width: 100%;
}

.sec5 .partTwo .subBanner .subBanner_title {
    font-size: 1.875vw;
    font-weight: bold;
    margin-bottom: 2.34375vw;
    margin-top: 3.34375vw;
}

.sec6 h2 {
    margin-bottom: 3vw;
}

.sec6 .leftCatalog,
.sec6 .rightConDiv {
    display: inline-block;
    height: 43.9166vw;
    overflow: hidden;
}

.sec6 .leftCatalog {
    box-shadow: 0 0 12px rgb(231, 231, 231);
    border-radius: 1vw;
}

.sec6 .leftCatalog .leftCatalog_tit1 {
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
}

.sec6 .leftCatalog .leftCatalog_tit4 {
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
}

.sec6 .leftCatalog .leftCatalog_tit {
    text-align: center;
    padding: 3.33333vw 3vw;
}

.sec6 .leftCatalog .leftCatalog_tit {
    color: #000;
    cursor: pointer;
}

.sec6 .leftCatalog .leftCatalog_tit.leftCatalog_titActive {
    background-color: #A8C6DE;
    color: #fff;
}

.sec6 .leftCatalog img {
    width: 50%;
    margin-bottom: 1vw;
}

.sec6 .leftCatalog .leftCatalog_tit p {
    font-size: 1vw;
}

.sec6 .rightConDiv {
    width: 80%;
    margin-left: 3%;
    background-color: #F6F9FF;
    border-radius: 1vw;
    position: relative;
}

.sec6 .rightCon .rightCon_sepc {
    padding: 0 2vw 0 3vw
}

.sec6 .rightCon img {
    width: 100%;
}

.sec6 .rightCon .rightCon_sepc .rightCon_sepcTitle {
    margin-bottom: 2vw;
    margin-top: 6vw;
    font-size: 1.5625vw;
}

.sec6 .rightCon ul {
    margin-top: 5vw;
    margin-bottom: 3vw;
}

.sec6 .rightCon ul li {
    font-size: 1vw;
    margin-bottom: 1vw;
    line-height: 1.5625vw;
}

.sec6 .rightCon ul li .bold {
    font-weight: bold;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcTitle {
    margin-top: 3vw;
    margin-bottom: .8333vw;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcTitleP {
    font-size: .8333vw;
}

.sec6 .rightConQ .rightCon_sepcImg {
    margin-top: 4vw;
}

.sec6 .rightConQ .rightCon_sepc img {
    width: 100%;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcText {
    margin-top: 2vw;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcTextDiv {
    display: inline-block;
    vertical-align: top;
    margin: 0 3%;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcTextDivl {
    width: 32%;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcTextDivr {
    width: 58%;
    margin-right: 0;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcTextDiv .rightCon_sepcTexth3 {
    text-align: center;
    font-size: 0.9375vw;
    color: #666666;
    margin-bottom: 1vw;
    font-weight: bold;
}

.sec6 .rightConQ .rightCon_sepc .rightCon_sepcTextDiv .rightCon_sepcTextcon {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
}

.hidediv {
    display: none;
}

.sec6 .rightConW .rightCon_sepc .rightCon_sepcTextDiv .rightCon_sepcTexth3 {
    margin-bottom: 5vw;
}

.sec6 .rightConW .rightCon_sepc .rightCon_sepcTextDivl {
    width: 35%;
    margin-right: 6%;
}

.sec6 .rightConW .rightCon_sepc .rightCon_sepcTextDivr {
    width: 52%;
    margin-right: 0;
}

.sec6 .rightConW .rightConPage {
    text-align: right;
    margin-top: 2vw;
    margin-right: 2vw;
}

.sec6 .rightConW .rightConPage a {
    text-decoration: none;
    color: #979797;
    border-radius: .3vw;
    padding: .3vw 1.6vw;
    border: 1px solid #979797;
    margin: 0 .4vw;
    font-size: .8333vw;
}

.sec6 .rightConW .rightConPage .rightConPageRed {
    background-color: #B62C25;
    color: #fff;
    border: 1px solid #B62C25;
}

.sec6 .rightConW .rightCon_sepcHide .rightCon_sepcImg {
    margin-top: 7.8vw;
}

.rightCon_sepcActive {
    display: block;
}

.sec6 .rightConE .rightCon_sepc .rightConEdiv div {
    text-align: center;
    font-size: 0.9375vw;
    color: #666666;
    margin-bottom: 1vw;
    font-weight: bold;
    display: inline-block;
    margin: 0 9vw;
    margin-bottom: 3vw;
}

.sec6 .rightConE .rightCon_sepc .rightConEdiv {
    margin-top: 4vw;
}

.sec6 .rightConE .rightCon_sepc .rightConEdiv .rightTitle {
    margin-right: 0;
}

.sec6 .rightConQ,
.sec6 .rightConW,
.sec6 .rightConE {
    display: none;
}

.sec6 .hide-rightCon {
    display: none;
}

.sec6 .active-rightCon {
    display: block;
}

.sec6 .leftCatalog .leftCatalogImg {
    height: 3.3vw;
}

.sec6 .leftCatalog_tit1 .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit1black.jpg") center center no-repeat;
}

.sec6 .leftCatalog_tit2 .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit2.jpg") center center no-repeat;
}

.sec6 .leftCatalog_tit3 .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit3.jpg") center center no-repeat;
}

.sec6 .leftCatalog_tit4 .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit4.jpg") center center no-repeat;
}

.sec6 .leftCatalog_tit1.leftCatalog_titActive .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit1light.png") center center no-repeat;
}

.sec6 .leftCatalog_tit2.leftCatalog_titActive .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit2.png") center center no-repeat;
}

.sec6 .leftCatalog_tit3.leftCatalog_titActive .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit3.png") center center no-repeat;
}

.sec6 .leftCatalog_tit4.leftCatalog_titActive .leftCatalogImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit4.png") center center no-repeat;
}

/* .avs3Page .sec7 {
    margin-bottom: 10vw;
} */

.sec7 h2 {
    margin-bottom: 3vw;
}

.sec7 .sec7Swiper {
    width: 95%;
    margin: 0 auto;
}

.sec7 .sec7Swiper .sec7Title {
    position: relative;
}

.sec7 .sec7Swiper .sec7Title img {
    position: relative;
    width: 100%;
}

.sec7 .sec7Swiper .sec7Title .sec7titlediv {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
}

.sec7 .sec7Swiper .sec7Title .titleP {
    font-size: 1.25vw;
    color: #000;
    margin: 0 2.5vw;
    display: inline-block;
    cursor: pointer;
    height: 4vw;
    line-height: 4vw;
}

.sec7 .sec7Swiper .sec7Title .titleP.titlePthr {
    margin-right: 0;
    margin-left: 1vw;
}

/* .sec7 .sec7Swiper .sec7Title .sec7TitleImg {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/titleOne.png") center center no-repeat;
} */

.sec7 .sec7Swiper .sec7Title .titlePfir.titlePactive,
.sec7 .sec7Swiper .sec7Title .titlePsec.titlePactive,
.sec7 .sec7Swiper .sec7Title .titlePthr.titlePactive {
    color: #fff;
}

/* .sec7 .sec7Swiper .sec7Title .sec7TitleImg.titlePactive {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/titleOne.png") center center no-repeat;
}

.sec7 .sec7Swiper .sec7Title .sec7TitleImg.titlePactive {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/titleOne.png") center center no-repeat;
}

.sec7 .sec7Swiper .sec7Title .sec7TitleImg.titlePactive {
    background: url("/-/media/Hisilicon2021/Images/avs3/img/titleOne.png") center center no-repeat;
} */

.little-demo {
    width: auto;
    height: auto;
    margin: 4vw auto;
    text-align: center;
    position: relative;
}

.little-demo svg {
    transform: rotate(180deg);
    position: relative;
}

.little-demo p {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.mycircle {
    stroke: #7FA7FD;
    fill: none;
    stroke-width: 20px;
}

.mycircle2 {
    stroke: #50C7F5;
}

.mycircle3 {
    stroke: #A2A8DF;
}

.sec7 .sec7content h3 {
    font-size: 1.666vw;
    color: #000;
    text-align: center;
    margin-top: 4.1667vw;
    display: inline-block;
}

.sec7 .sec7content h4 {
    font-size: 1.366vw;
    color: #000;
    text-align: center;
    margin-top: 4.6667vw;
    margin-bottom: 4.6667vw;
    display: inline-block;
}

.sec7 .sec7content {
    box-shadow: 0 0 12px rgb(231 231 231);
    text-align: center;
    height: 45vw;
    position: relative;
}

.sec7 .sec7percent .percentDiv {
    display: inline-block;
    width: 23%;
    margin: 0 1.5%;
}

/* .sec7 .sec7percent .percentText {
    border-radius: 1vw;
} */

.sec7 .sec7percent .percentText .percentText1 {
    height: 4vw;
    background-color: #EBF1FA;
    border-top-left-radius: .5vw;
    border-top-right-radius: .5vw;
    position: relative;
}

.sec7 .sec7percent .percentText .percentText1 p {
    font-size: 1.145833vw;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.sec7 .sec7percent .percentText .percentText2 {
    height: 4vw;
    background-color: #60D9FE;
    position: relative;
    border-bottom-left-radius: .5vw;
    border-bottom-right-radius: .5vw;
}

.sec7 .sec7percent .percentText .percentText2 p {
    position: absolute;
    font-size: 0.9375vw;
    color: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.sec7 .sec7contentDiv .patentDiv .patentcon {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    margin: 0 1%;
}

.sec7 .sec7contentDiv .patentDiv .patentcon2 {
    width: 23%;
}

.sec7 .sec7contentDiv .patentDiv {
    padding-bottom: 5vw;
    margin-top: 4vw;
}

.sec7 .sec7contentDiv .patentDiv .patentcon1 h4 {
    color: #4ACDEA;
}

.sec7 .sec7contentDiv .patentDiv .patentcon2 h4 {
    color: #47ADF3;
}

.sec7 .sec7contentDiv .patentDiv .patentcon3 h4 {
    color: #4793FE;
}

.sec7 .sec7contentDiv .patentDiv .patentText {
    background-color: #EAF4FF;
    margin-top: 2vw;
    padding: 0 1vw 1.5vw 1vw;
    height: 12vw;
}

.sec7 .sec7contentDiv .patentDiv .patentcon h4 {
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
}

.sec7 .sec7contentDiv .patentDiv .patentcon p {
    font-size: 0.9375vw;
    margin-bottom: .5vw;
}

.sec7 .sec7contentDiv .patentDiv .patentcon img {
    width: 28%;
}

.sec7 .sec7contentDiv .patentDiv .patentcon2 img {
    width: 40.5%;
}

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

.sec7 .rightConPage {
    text-align: right;
    position: absolute;
    bottom: 3vw;
    right: 3vw;
}

.sec7 .rightConPage a {
    text-decoration: none;
    color: #979797;
    border-radius: .3vw;
    padding: .3vw 1.6vw;
    border: 1px solid #979797;
    margin: 0 .4vw;
    font-size: .8333vw;
}

.sec7 .rightConPage .rightConPageRed {
    background-color: #B62C25;
    color: #fff;
    border: 1px solid #B62C25;
}

.sec7 .sec7contentDiv .sec7contentDivPage2 h3 {
    margin-bottom: 2vw;
}

.sec7 .sec7contentDiv .sec7contentDivPage2 p {
    width: 80%;
    margin: 0 auto;
    font-size: 0.9375vw;
    text-align: left;
}

.sec7 .sec7contentDiv .sec7contentDivPage2 img {
    width: 70%;
}

.sec7 .sec7contentDiv .sec7contentDivPage2 .patentDiv {
    margin-top: 2vw;
}

.sec7 .sec7content .sec7content2 h3 {
    margin-bottom: 4vw;
}

.sec7 .sec7contentDiv .sec7superhd .superhdDiv {
    display: inline-block;
    width: 42%;
    vertical-align: top;
    margin: 0 .7vw;
}

.sec7 .sec7contentDiv .sec7superhd .superhdDiv img {
    width: 100%;
}

.sec7 .sec7superhd .superhdDiv .superhdDivcon {
    margin-top: 2vw;
    background-color: #EAF4FF;
    padding: 0 2vw;
    text-align: left;
}

.sec7 .sec7superhd .superhdDiv h4 {
    margin-top: 1.8vw;
    margin-bottom: 1.6vw;
}

.sec7 .sec7superhd .superhdDiv p {
    font-size: .9333vw;
    text-align: left;
    padding-bottom: 2vw;
    line-height: 1.5vw;
}

.sec7 .sec7contentDivHide {
    display: none;
}

.sec7 .sec7contentDivActive {
    display: block;
}

.sec7 .sec7TitleImgHide {
    display: none;
}

.sec7 .sec7TitleImgActive {
    display: block;
}

.avs3Page .sec8 {
    width: 71.75vw;
    margin: 0 auto;
    margin-top: 3.208333vw;
}

.avs3Page .sec8 h2 {
    margin-bottom: 0;
}

.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;
}

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

.sec9 .box .box-item {
    width: 21.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: 2.083333vw;
}

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

.sec9 .box .box-item p {
    font-size: 1.666667vw;
    line-height: 2.5vw;
    margin-bottom: 0.833333vw;
}

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

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

.sec9 .primary-button {
    position: relative;
    background-color: #424244;
    border-radius: .9vw;
    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 .9vw .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";
}

.mob-show {
    display: none;
}

.pc-show {
    display: block;
}

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

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

.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 0;
}

.sec10 .sc8-content .sc8-content-item .description-third {
    margin: 1.71875vw 0.2vw 0 1.5625vw;
    overflow-y: scroll;
    height: 16.5vw;
    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) {
    .avs3Page .nav .nav-content {
        width: 63.016667vw;
    }

    .avs3Page .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;
    }
}

@media (max-width: 767px) {
    .mob-show {
        display: block !important;
    }

    .pc-show {
        display: none !important;
    }

    .avs3Page {
        position: relative;
    }

    .pageBanner p {
        font-size: 6.4vw;
        text-align: center;
        /* color: #000; */
        left: auto;
        transform: translate(0, -50%);
        width: 100%;
    }

    .pageBanner {
        width: 85%;
        padding-top: 25vw;
    }

    .avs3Page .nav {
        position: absolute;
        top: 0;
    }

    .avs3Page .nav .nav-content {
        width: 87.916667vw;
        padding: 6.5vw 0 6.354167vw 0;
    }

    .avs3Page .nav .nav-item p {
        font-size: 3.2vw;
    }

    .avs3Page .sec h2 {
        font-size: 5.3333vw;
        line-height: 8vw;
        width: 68.75vw;
        margin: 0 auto;
        margin-bottom: 9vw;
        margin-top: 16vw;
    }

    .avs3Page .sec {
        width: 87.75vw;
    }

    .avs3Page .description {
        font-size: 3.7333vw;
        line-height: 5.8666vw;
    }

    .sec2 .subTitle {
        font-size: 3.2vw;
        font-weight: unset;
    }

    .sec2 .ini img {
        margin-top: 5vw;
        margin-bottom: 4vw;
    }

    .sec2 .sec2Content .ini p {
        font-size: 2.666vw;
    }

    .sec2 .ini {
        width: 37vw;
    }

    .sec2 .ini img {
        width: 60%;
    }

    .sec2 .sec2_leftdiv {
        margin-right: 10.177vw;
    }

    .sec2 .sec2Content .sec2_leftdiv p {
        width: 26vw;
        margin: 0 auto;
    }

    .sec3 img {
        width: 100%;
    }

    .avs3Page .sec4 h2 {
        font-size: 5.3333vw;
        line-height: 8vw;
        margin-bottom: 9vw;
        margin-top: 16vw;
    }

    .sec4 .swiper-container {
        text-align: center;
    }

    .sec4 .swiper-container img {
        width: 82%;
    }

    .sec4 .description {
        width: 87.75vw;
    }

    .sec4 .lookMore {
        font-size: 3.2vw;
        text-align: center;
        margin-top: 4vw;
        color: #242728;
    }

    .sec5 .sec5_swipercot-mob .swipercot {
        vertical-align: top;
    }

    .sec5 .sec5_swipercot-mob .swipercot p {
        font-size: 2.667vw;
        color: #174073;
    }

    .sec5 .sec5_swipercot-mob .swipercot_one-mob {
        margin-left: 13vw;
    }

    .sec5 .sec5_swipercot-mob .swipercot_two-mob {
        margin-left: 5vw;
    }

    .sec5 .sec5_swipercot-mob .swipercot_three-mob {
        margin-left: 17.5vw;
    }

    .sec5 .sec5_swipercot-mob .swipercot_four-mob {
        margin-left: 1vw;
    }

    .sec5_swipercot-line-mob {
        box-shadow: 0 0 15px #e7e7e7;
        border-radius: 4vw;
        margin-top: 6vw;
        width: 100%;
    }

    .sec5_swipercot-line-mob .swipercot {
        margin: 0 auto;
        font-size: 3.7333vw;
        display: flex;
        width: 90%;
        margin-left: 4vw;
        margin-right: 3vw;
        padding: 4.333vw 0;
        border-bottom: 1px solid #dadada;
    }

    .sec5_swipercot-line-mob .swipercot div {
        width: 92%;
        text-align: left;
    }

    .sec5_swipercot-line-mob .swipercot img {
        width: 4%;
        height: 4%;
        margin-top: .4vw;
        /* transform: rotate(0); */
        transition: all .5s;
    }

    .sec5_swipercot-line-mob .sec5_swipercot_text {
        transition: all ease .3s;
        list-style: none;
        overflow: hidden;
        max-height: 0;
        padding: 0 2vw 0 1vw;
        margin: 0 5vw 0 4vw;
    }

    .sec5_swipercot-line-mob .sec5_swipercot_text h3 {
        font-size: 4.8vw;
        line-height: 6.4vw;
        color: #3B67CB;
        margin-bottom: 3vw;
    }

    .sec5_swipercot-line-mob .sec5_swipercot_text p {
        font-size: 3.7333vw;
        line-height: 5.8667vw;
    }

    .sec5_swipercot-line-mob .sec5_swipercot_textActive {
        display: block;
        border-bottom: 1px solid #dadada;
        max-height: 80vw;
        padding: 5vw 2vw 5vw 1vw;
        margin: 0 5vw 0 4vw;
        transition: all ease .5s;
    }

    .swipercotent.active .sec5_swipercot_text {
        display: block;
        border-bottom: 1px solid #dadada;
        max-height: 80vw;
        padding: 5vw 2vw 5vw 1vw;
        margin: 0 5vw 0 4vw;
        transition: all ease .5s;
    }

    .swipercotent.active img {
        transform: rotate(180deg);
    }

    .sec5_swipercot-line-mob .sec5_swipercot_textHide {
        display: none;
    }

    .sec5_swipercot-line-mob .swipercot-lineFour {
        border-bottom: 0;
    }

    .sec5_swipercot-line-mob .swipercot img.imgReverse {
        transform: rotate(180deg);
        transition: all .5s;
    }

    .sec5 .partTwo .subBanner div {
        display: initial;
    }

    .sec5 .partTwo .subBanner .subBanner_title {
        font-size: 4.2667vw;
        margin-top: 6.34375vw;
    }

    .sec6 .sec5_swipercot-line-mob .swipercot div {
        width: 65%;
    }

    .sec6 .sec5_swipercot-line-mob .swipercot .leftCatalogImg {
        width: 8%;
        background-size: 100% 100%;
        margin: 0 2vw 0 6vw;
    }

    .sec6 .sec5_swipercot-line-mob .swipercot img {
        margin-right: 4vw;
    }

    .sec6 .sec5_swipercot-line-mob .swipercot.leftCatalog_titActive {
        background-color: #A8C6DE;
        color: #fff;
    }

    .sec6 .sec5_swipercot-line-mob .swipercot {
        border: 0;
        margin: 0;
        /* padding: 4.333vw 3vw 4.333vw 4vw; */
        width: 100%;
    }

    .sec6 .line,
    .sec7 .line {
        width: 90%;
        border-bottom: 1px solid #dadada;
        margin: 0 auto;
    }

    .sec6 .line.lineHide {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    .sec6 .sec5_swipercot-line-mob .leftCatalog_tit4.leftCatalog_titActive {
        border-bottom-left-radius: 4vw;
        border-bottom-right-radius: 4vw;
    }

    .sec6 .sec5_swipercot-line-mob .leftCatalog_tit1.leftCatalog_titActive {
        border-top-left-radius: 4vw;
        border-top-right-radius: 4vw;
    }

    .sec6 .sec5_swipercot-line-mob .swipercot .arrowimg {
        width: 4%;
        height: 3.3vw;
        margin-top: .4vw;
        background: url("/-/media/Hisilicon2021/Images/avs3/img/sec5-arrow.png");
        background-size: 100% 100%;
    }

    .sec6 .sec5_swipercot-line-mob .swipercot .arrowimg.arrowActive {
        background: url("/-/media/Hisilicon2021/Images/avs3/img/arrow-white.png");
        width: 4%;
        height: 3.3vw;
        background-size: 100%;
        margin-top: 1.4vw;
    }

    .sec6 .sec5_swipercot-line-mob .sec6_swipercot_text {
        margin: 0 5vw 0 4vw;
        padding: 5vw 0;
    }

    .sec6 .sec5_swipercot-line-mob .sec6_swipercot_text h4 {
        font-size: 3.7333vw;
        font-weight: unset;
        text-align: center;
        margin-bottom: 5vw;
    }

    .sec6 .sec6_swipercot_text img {
        width: 100%;
        margin-bottom: 5vw;
    }

    .sec6 .sec5_swipercot-line-mob .sec6_swipercot_text .sec6_swipercot_textP {
        font-size: 3.7333vw;
        line-height: 5.866vw;
    }

    .sec6 .sec5_swipercot-line-mob .sec6_swipercot_text .sec6_swipercot_textSub {
        font-size: 2.667vw;
        line-height: 4.26667vw;
        color: #666666;
        margin-bottom: 4vw;
    }

    .sec6 .sec5_swipercot-line-mob .sec6_swipercot_text .sec6_swipercot_textTit {
        font-size: 4.8vw;
        text-align: center;
        color: #666666;
        margin-bottom: 3vw;
    }

    .sec6 .sec5_swipercot-line-mob .sec6_swipercot_text .sec6_swipercot_textImg {
        margin-top: 6vw;
    }

    .sec6 .sec6_swipercot_textActive {
        display: block;
    }

    .sec6 .sec6_swipercot_textHide {
        display: none;
    }

    .xuline {
        border-bottom: 1px solid #d8d8d8;
        border-style: none none dashed none;
        margin: 8vw 0;
    }

    .sec7 .sec7contentDiv .sec7percent svg {
        width: 40;
        height: 40;
    }

    .sec7 .little-demo p {
        font-size: 2.2vw;
    }

    .sec7 .sec7percent .percentDiv {
        width: 31%;
        margin: 0 .5%;
    }

    .sec7 .sec5_swipercot-line-mob .swipercot div {
        width: 90%;
        margin-left: 2%;
    }

    .sec7 .sec5_swipercot-line-mob .swipercot .arrowimg {
        width: 4%;
        height: 3.3vw;
        margin-top: .4vw;
        background: url("/-/media/Hisilicon2021/Images/avs3/img/sec5-arrow.png");
        background-size: 100% 100%;
        margin-left: 0;
    }

    .sec7 .sec5_swipercot-line-mob .swipercot .arrowimg.arrowActive {
        background: url("/-/media/Hisilicon2021/Images/avs3/img/arrow-white.png");
        width: 4%;
        height: 3.3vw;
        background-size: 100%;
        margin-top: 1.4vw;
    }

    .sec7 .sec5_swipercot-line-mob .sec7contentDiv {
        margin: 0 4vw 0 4vw;
        padding: 5vw 0;
    }

    .sec7 .sec5_swipercot-line-mob .sec7contentDiv h3 {
        font-size: 3.7333vw;
        font-weight: unset;
        text-align: center;
    }

    .sec7 .sec5_swipercot-line-mob .sec7contentDiv h4 {
        font-size: 3.2vw;
        font-weight: unset;
        text-align: center;
    }

    .sec7 .sec5_swipercot-line-mob .sec7contentDiv .sec7percent {
        margin: 4vw 0 6vw 0;
    }

    .sec7 .sec7percent .percentText .percentText1 p {
        font-size: 3.2vw;
        width: 100%;
        transform: translate(0, -50%);
        left: 0;
        text-align: center;
    }

    .sec7 .sec7percent .percentText .percentText1 {
        height: 6vw;
        border-top-left-radius: 1.5vw;
        border-top-right-radius: 1.5vw;
    }

    .sec7 .sec7percent .percentText .percentText2 {
        height: 10vw;
        border-bottom-left-radius: 1.5vw;
        border-bottom-right-radius: 1.5vw;
    }

    .sec7 .sec7percent .percentText .percentText2 p {
        font-size: 2.667vw;
        width: 100%;
        transform: translate(0, -50%);
        left: 0;
        text-align: center;
    }

    .sec7 .sec7contentDivHide-mob {
        display: none;
    }

    .sec7 .sec7contentDiv .sec7superhd .superhdDiv {
        display: block;
        width: 100%;
        margin-top: 6vw;
    }

    .sec7 .sec7superhd .superhdDiv .superhdDivcon {
        margin-top: 4vw;
        border-radius: 2vw;
    }

    .sec7 .sec5_swipercot-line-mob .sec7contentDiv h4 {
        font-size: 3.8667vw;
        font-weight: bold;
        text-align: center;
        padding: 5vw 0 4vw 0;
    }

    .sec7 .sec7superhd .superhdDiv p {
        font-size: 3.3333vw;
        line-height: 5.6vw;
        padding-bottom: 6vw;
    }

    .normal {
        white-space: nowrap;
    }

    .sec6 .sec5_swipercot-line-mob .sec6_swipercot_text {
        transition: all ease .3s;
        list-style: none;
        overflow: hidden;
        max-height: 0;
        padding: 0 2vw 0 1vw;
        margin: 0 5vw 0 4vw;
    }

    .sec6 .sec5_swipercot-line-mob .swipercotent.active .sec6_swipercot_text {
        display: block;
        border-bottom: 1px solid #dadada;
        max-height: 280vw;
        padding: 5vw 2vw 5vw 1vw;
        margin: 0 5vw 0 4vw;
        transition: all ease .5s;
    }

    .sec6 .swipercotent.active .swipercot {
        background-color: #A8C6DE;
        color: #fff;
    }

    .sec6 .swipercotent.active .leftCatalog_tit1 .leftCatalogImg {
        background: url(/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit1light.png) center center no-repeat;
        background-size: 100% 100%;
    }

    .sec6 .swipercotent.active .leftCatalog_tit2 .leftCatalogImg {
        background: url(/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit2.png) center center no-repeat;
        background-size: 100% 100%;
    }

    .sec6 .swipercotent.active .leftCatalog_tit3 .leftCatalogImg {
        background: url(/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit3.png) center center no-repeat;
        background-size: 100% 100%;
    }

    .sec6 .swipercotent.active .leftCatalog_tit4 .leftCatalogImg {
        background: url(/-/media/Hisilicon2021/Images/avs3/img/leftCatalog_tit4.png) center center no-repeat;
        background-size: 100% 100%;
    }

    .sec6 .swipercotent.active .swipercot {
        background-color: #A8C6DE;
        color: #fff;
    }

    .sec6 .sec5_swipercot-line-mob .swipercotent.active .swipercot .arrowimg {
        background: url(/-/media/Hisilicon2021/Images/avs3/img/arrow-white.png);
        width: 4%;
        height: 3.3vw;
        background-size: 100%;
        margin-top: 1.4vw;
    }

    .sec6 .swipercotent.active .line.lineHide {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    .sec5_swipercot-line-mob .swipercotent.active .leftCatalog_tit1 {
        border-top-left-radius: 4vw;
        border-top-right-radius: 4vw;
    }

    .sec5_swipercot-line-mob .swipercotent.active .line {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    .sec7 .sec7contentDiv .sec7contentDivPage2 p {
        font-size: 3.3333vw;
        line-height: 5.6vw;
        padding-bottom: 6vw;
        width: 95%;
    }

    .sec7 .sec7contentDiv .sec7contentDivPage2 img {
        width: 100%;
    }

    .sec7 .sec7contentDiv .patentDiv .patentcon {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 5vw;
    }

    .sec7 .sec7contentDiv .patentDiv .patentcon img {
        width: 23%;
        margin-bottom: 3vw;
    }

    .sec7 .sec5_swipercot-line-mob .sec7contentDiv h4 {
        font-size: 4.2666vw;
    }

    .sec7 .sec7contentDiv .patentDiv .patentcon p {
        font-size: 3.5333vw;
        line-height: 5.6vw;
        padding-bottom: 3vw;
    }

    .sec7 .sec7contentDiv .patentDiv .patentText {
        height: 47vw;
        border-radius: 2vw;
    }

    .sec7 .sec7contentDiv .patentDiv .patentcon2 .patentText {
        height: 42vw;
    }

    .sec7 .swipercotent.active .swipercot {
        background-color: #A8C6DE;
        color: #fff;
    }

    .sec7 .sec5_swipercot-line-mob .swipercotent.active .swipercot .arrowimg {
        background: url(/-/media/Hisilicon2021/Images/avs3/img/arrow-white.png);
        width: 4%;
        height: 3.3vw;
        background-size: 100%;
        margin-top: 1.4vw;
    }

    .sec7 .sec5_swipercot-line-mob .swipercotent.active .line {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    .sec7 .sec5_swipercot-line-mob .sec7contentDiv {
        transition: all ease .3s;
        list-style: none;
        overflow: hidden;
        max-height: 0;
        padding: 0 2vw 0 1vw;
        margin: 0 5vw 0 4vw;
    }

    .sec7 .sec5_swipercot-line-mob .swipercotent.active .sec7contentDiv {
        display: block;
        border-bottom: 1px solid #dadada;
        max-height: 300vw;
        padding: 5vw 2vw 5vw 1vw;
        margin: 0 5vw 0 4vw;
        transition: all ease .5s;
    }

    .sec7 .sec5_swipercot-line-mob .swipercot {
        width: 100%;
        margin: 0;
        border: 0;
    }

    .sec7 .sec5_swipercot-line-mob .swipercot div {
        width: 75%;
        margin-left: 10%;
    }

    .sec8 .sctitle {
        font-size: 5.333333vw;
        line-height: 8vw;
    }

    .sec8 .sc8-content {
        display: inherit;
        margin-top: 8vw;
        border-radius: 6vw;
        box-shadow: none;
        background-color: #F3F4F8;
    }

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

    .sec8 .sc8-content .right {
        width: 79.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.733333vw;
        line-height: 5.866667vw;
    }

    .sec9 .box .box-item {
        width: 43.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.733333vw;
        line-height: 5.866667vw;
        font-weight: bold;
        margin-bottom: 2.133333vw;
    }

    .sec9 .box .box-item .text span {
        font-size: 3.733333vw;
        line-height: 5.866667vw;
    }

    .sec9 .box .box-item .box-img {
        bottom: 5.6vw;
        left: 30.266667vw;
    }

    .sec9 .primary-button [class*='font-ico'] {
        margin: 2.066667vw;
        width: 3.025vw;
        font-size: 2vw;
    }

    .sec9 .box .box-item:nth-child(3) {
        margin-bottom: 0;
    }

    .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;
    }
}

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