.about_us {
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.about_us .sec__module {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.about_us .about__banner .video__watch::after, .about_us .video__watch::after {
    transform: translate(0, -50%);
    width: .23rem;
    content: ""
}

.about_us .sec__title {
    font-size: .52rem;
    color: #000
}
.about_us .sec__title_test {
    font-size: .52rem;
    color: #000
}

.about_us .sec__desc {
    margin-top: .32rem;
    line-height: .34rem;
    font-size: .2rem;
    color: #000
}

.about_us .video__watch {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: .23rem;
    padding-right: .33rem;
    font-size: .2rem;
    font-weight: 500;
    line-height: .28rem;
    color: #0080ff;
    cursor: pointer
}

.about_us .video__watch::after {
    position: absolute;
    top: 50%;
    right: 0;
    height: .23rem;
    background: url(../newimages/icon_play2-e3c6a6bc8e2.svg) center/cover no-repeat
}

.about_us .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center
}

.about_us .swiper-pagination-bullet {
    width: .5rem;
    height: .03rem;
    margin: 0 .12rem;
    background-color: #999;
    border-radius: .06rem;
    opacity: 1;
    overflow: hidden
}

.about_us .swiper-pagination-bullet:first-of-type {
    margin-left: 0
}

.about_us .swiper-pagination-bullet-active {
    background-color: #000
}

.about_us .about__banner {
    width: 100%;
    height: 10.77rem;
    background-image: url(../newimages/banner-fbb40e1f5a.jpg);
    position: relative
}

.about_us .about__banner .banner__info {
    position: absolute;
    /* top: 1.1rem; */
    top: 0.2rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.about_us .about__banner .banner__title {
    text-align: center;
    font-size: .56rem;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800;
    color: #287AAC
}

.about_us .sec5 .slide__text, .about_us .sec6 .slide__text {
    font-family: PingFang SC-Medium, PingFang SC;
    line-height: .34rem;
    font-weight: 500;
    color: #000
}

.about_us .about__banner .banner__desc {
    margin-top: .3rem;
    text-align: center;
    font-size: .18rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #D5CDC1;
    line-height: .4rem
}

.about_us .about__banner .video__watch {
    position: relative;
    display: block;
    margin-top: .17rem;
    padding-right: .33rem;
    font-size: .2rem;
    font-weight: 500;
    line-height: .34rem;
    color: #edcaa1;
    cursor: pointer
}

.about_us .about__banner .video__watch::after {
    position: absolute;
    top: 50%;
    right: 0;
    height: .23rem;
    background: url(../newimages/play-4736bc0da82.png) center/cover no-repeat
}

.about_us .sec1 {
    position: relative;
    width: 100%;
    height: 15.12rem;
    overflow: hidden
}

.about_us .sec1 .sec1__bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 9.56rem;
    height: 15.12rem;
    background-image: url(../newimages/home.jpg);
    transform: scale(1.3);
    transition: all ease-in-out .8s
}

.about_us .sec1 .sec1__bg.active {
    transform: scale(1)
}

.about_us .sec1 .sec1__content {
    position: absolute;
    top: 3.95rem;
    left: 2.98rem;
    opacity: 0;
    z-index: 5;
    transition: all ease-in-out .8s
}

.about_us .sec1 .sec1__content.active, .product__modoal.show .product__mask {
    opacity: 1
}

.about_us .sec1 .sec__title {
    text-align: left
}

.about_us .sec1 .sec__subtitle {
    margin-top: .23rem;
    text-align: left;
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: .5rem;
    color: #111
}

.about_us .sec1 .sec__desc {
    margin-top: .43rem;
    text-align: left;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: .4rem;
    color: #000
}

.about_us .sec1 .sec__more {
    display: inline-block;
    margin-top: .47rem;
    padding-bottom: .04rem;
    border-bottom: 1px solid #1b1b1b;
    font-size: .21rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #1b1b1b;
    cursor: pointer
}

.about_us .sec1 .sec1__block {
    width: 3.09rem;
    height: 1.61rem;
    margin-top: 1.4rem
}

.about_us .sec1_test {
    position: relative;
    width: 100%;
    height: 15.12rem;
    overflow: hidden;
    background-color: #f5f5f5
}
.about_us .sec1_test1 {
    position: relative;
    width: 100%;
    height: 15.12rem;
    overflow: hidden;
}
.about_us .sec1_test .sec1__bg_test {
    position: absolute;
    top: 0;
    right: 0;
    /* left: 0; */
    width: 9.56rem;
    height: 15.12rem;
    background-image: url(../newimages/hotel.jpg);
}

.about_us .sec1_test .sec1__content_test {
    position: absolute;
    top: 3.95rem;
    /* right: 1.98rem; */
    left: 1.98rem;
    opacity: 1;
    z-index: 5;
}

.about_us .sec1_test .sec__title_test {
    /* text-align: right */
    text-align: left
}

.about_us .sec1_test .sec__subtitle_test {
    margin-top: .23rem;
    text-align: left;
    /* text-align: right; */
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: .5rem;
    color: #111
}

.about_us .sec1_test .sec__desc_test {
    margin-top: .43rem;
    /* text-align: right; */
    text-align: left;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: .4rem;
    color: #000
}

.about_us .sec1_test .sec__more_test {
    display: inline-block;
    margin-top: .47rem;
    padding-bottom: .04rem;
    border-bottom: 1px solid #1b1b1b;
    font-size: .21rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #1b1b1b;
    cursor: pointer
}

.about_us .sec1_test .sec1__block_test {
    width: 3.09rem;
    height: 1.61rem;
    margin-top: 1.4rem
}

.about_us .sec1_test1 .sec1__bg_test {
    position: absolute;
    top: 0;
    right: 0;
    width: 9.56rem;
    height: 15.12rem;
    background-image: url(../newimages/iot.jpg);
}

.about_us .sec1_test1 .sec1__content_test {
    position: absolute;
    top: 3.95rem;
    left: 1.98rem;
    opacity: 1;
    z-index: 5;
}

.about_us .sec1_test1 .sec__title_test {
    text-align: left
}

.about_us .sec1_test1 .sec__subtitle_test {
    margin-top: .23rem;
    text-align: left;
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: .5rem;
    color: #111
}

.about_us .sec1_test1 .sec__desc_test {
    margin-top: .43rem;
    text-align: left;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: .4rem;
    color: #000
}

.about_us .sec1_test1 .sec__more_test {
    display: inline-block;
    margin-top: .47rem;
    padding-bottom: .04rem;
    border-bottom: 1px solid #1b1b1b;
    font-size: .21rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #1b1b1b;
    cursor: pointer
}

.about_us .sec1_test1 .sec1__block_test {
    width: 3.09rem;
    height: 1.61rem;
    margin-top: 1.4rem
}

.about_us .sec1_test2 {
    position: relative;
    width: 100%;
    height: 12.12rem;
    overflow: hidden;
    background-color: #f5f5f5
}

.about_us .sec1_test2 .sec1__bg_test {
    position: absolute;
    top: 0;
    right: 0;
    width: 14.56rem;
    height: 15.12rem;
    background-image: url(../newimages/sec1-9646783a90.png);
}

.about_us .sec1_test2 .sec1__content_test {
    position: absolute;
    top: 1.95rem;
    left: 4.60rem;
    width: 10rem;
    opacity: 1;
    z-index: 5;
}

.about_us .sec1_test2 .sec__title_test {
    text-align: center;
}

.about_us .sec1_test2 .sec__subtitle_test {
    margin-top: .23rem;
    text-align: center;
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: .5rem;
    color: #111
}

.about_us .sec1_test2 .sec__desc_test {
    margin-top: .43rem;
    text-align: left;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: .4rem;
    color: #000
}

.about_us .sec1_test2 .sec__more_test {
    display: inline-block;
    margin-top: .47rem;
    padding-bottom: .04rem;
    border-bottom: 1px solid #1b1b1b;
    font-size: .21rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #1b1b1b;
    cursor: pointer
}

.about_us .sec1_test2 .sec1__block_test {
    width: 3.09rem;
    height: 1.61rem;
    margin-top: 1.4rem
}

.about_us .sec2 {
    padding-top: 1.01rem;
    padding-bottom: 1.23rem;
    background-color: #f5f5f5
}

.about_us .sec2 .sec2__bg {
    margin-top: .74rem;
    width: 16.32rem;
    height: 8.89rem
}

.about_us .sec3 {
    padding-top: .96rem;
    padding-bottom: 1.19rem
}

.about_us .sec3 .sec3__bg {
    margin-top: .7rem;
    width: 16.32rem;
    height: 7.23rem
}

.about_us .sec4 {
    padding-top: 1rem;
    padding-bottom: 1.18rem
}

.about_us .sec4 .sec4__bg {
    margin-top: .53rem;
    width: 16.32rem;
    height: 6.52rem
}

.about_us .sec5 {
    padding-top: 1rem;
    padding-bottom: .98rem
}

.about_us .sec5 .sec5__swiper {
    margin-top: .56rem
}

.about_us .sec5 .swiper-container {
    position: relative;
    width: 100%;
    padding-left: 1.94rem
}

.about_us .sec5 .swiper-slide {
    width: 15.35rem;
    margin-right: .72rem;
    cursor: pointer
}

.about_us .sec5 .swiper-slide:last-of-type {
    margin-right: 1.94rem
}

.about_us .sec5 .swiper-slide .slide__img {
    width: 100%;
    height: 7.6rem
}

.about_us .sec5 .swiper-pagination {
    position: relative;
    padding-right: 1.94rem;
    margin-top: .33rem
}

.about_us .sec5 .swiper-button-next, .about_us .sec5 .swiper-button-prev {
    width: .39rem;
    height: .39rem;
    background: url(/guanwang_second/front/images/aboutus/icon_arrow-3079304a5c.png) center/cover no-repeat;
    position: absolute;
    top: auto;
    bottom: 1.23rem;
    left: auto;
    margin-top: 0
}

.about_us .sec5 .swiper-button-prev {
    transform: rotate(180deg);
    right: 2.55rem
}

.about_us .sec5 .swiper-button-prev::after {
    content: "";
    display: none
}

.about_us .sec5 .swiper-button-next {
    right: 1.9rem
}

.about_us .sec5 .swiper-button-next::after {
    content: "";
    display: none
}

.about_us .sec5 .slide__text {
    margin-top: .33rem;
    padding-left: .3rem;
    font-size: .2rem
}

.about_us .sec5 .video__watch {
    margin-top: .3rem;
    padding-left: .3rem;
    text-align: left
}

.about_us .sec6 {
    padding-top: 1.28rem;
    padding-bottom: 1.09rem;
    background-color: #f6f6f6
}

.about_us .sec6 .sec6__swiper {
    margin-top: .61rem
}

.about_us .sec6 .swiper-container {
    position: relative;
    width: 100%;
    padding-left: 1.94rem
}

.about_us .sec6 .swiper-slide {
    width: 15.32rem;
    margin-right: .75rem;
    cursor: pointer
}

.about_us .sec6 .swiper-slide:last-of-type {
    margin-right: 1.94rem
}

.about_us .sec6 .swiper-slide .slide__img {
    width: 100%;
    height: 7.6rem
}

.about_us .sec6 .swiper-pagination {
    position: relative;
    padding-right: 1.94rem;
    margin-top: .67rem
}

.about_us .sec6 .swiper-button-next, .about_us .sec6 .swiper-button-prev {
    width: .39rem;
    height: .39rem;
    background: url(/guanwang_second/front/images/aboutus/icon_arrow-3079304a5c.png) center/cover no-repeat;
    position: absolute;
    top: auto;
    bottom: .95rem;
    left: auto;
    margin-top: 0
}

.about_us .sec6 .swiper-button-prev {
    transform: rotate(180deg);
    right: 2.55rem
}

.about_us .sec6 .swiper-button-prev::after {
    content: "";
    display: none
}

.about_us .sec6 .swiper-button-next {
    right: 1.9rem
}

.about_us .sec6 .swiper-button-next::after {
    content: "";
    display: none
}

.about_us .sec6 .slide__text {
    margin-top: .33rem;
    padding-left: .18rem;
    font-size: .2rem
}

.about_us .sec7 {
    padding-top: 1.03rem;
    padding-bottom: 1.18rem
}

.about_us .sec7 .marquee__container {
    width: 100%;
    height: 3.8rem;
    overflow: hidden
}

.about_us .sec7 .slide__img {
    width: 39.3rem;
    height: 3.8rem
}

.about_us .sec8 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.about_us .sec14, .about_us .sec9 {
    padding-top: 1.2rem
}

.about_us .sec8 .sec8__bg {
    margin-top: .62rem;
    width: 14.71rem;
    height: 11.73rem
}

.about_us .sec9 .sec9__info {
    margin-bottom: .45rem
}

.about_us .sec9 .marquee__container {
    margin-top: .26rem;
    width: 100%;
    height: 2.21rem;
    overflow: hidden
}

.about_us .sec9 .marquee__container:first-of-type {
    margin-top: 0
}

.about_us .sec9 .video__watch {
    margin-top: .37rem
}

.about_us .sec9 .marquee__slide {
    margin-right: .23rem
}

.about_us .sec9 .slide__img {
    width: 27.93rem;
    height: 2.21rem
}

.about_us .sec10 {
    padding-top: 1.21rem
}

.about_us .sec10 .sec10__logo {
    margin-top: .49rem;
    width: 2.3rem;
    height: .59rem
}

.about_us .sec10 .sec10__bg {
    margin-top: .22rem;
    width: 100%;
    height: 10.28rem
}

.about_us .sec11 {
    margin-top: -.8rem
}

.about_us .sec11 .sec11__bg {
    margin-top: .57rem;
    width: 14.4rem;
    height: 12.24rem
}

.about_us .sec12 {
    position: relative;
    padding-top: 4.32rem;
    padding-left: 2.61rem
}

.about_us .sec12 .sec12__info {
    position: absolute;
    top: 2.18rem;
    left: 2.61rem
}

.about_us .sec12 .sec__desc, .about_us .sec12 .sec__title {
    text-align: left
}

.about_us .sec12 .swiper-container {
    position: relative;
    width: 100%;
    padding-top: .95rem
}

.about_us .sec12 .swiper-slide {
    width: 4.23rem;
    margin-right: .25rem;
    cursor: pointer
}

.about_us .sec12 .swiper-slide .slide__img {
    width: 100%;
    height: 6.6rem
}

.about_us .sec12 .swiper-pagination {
    position: relative;
    margin-top: .23rem;
    text-align: left
}

.about_us .sec12 .swiper-button-next, .about_us .sec12 .swiper-button-prev {
    width: .39rem;
    height: .39rem;
    background: url(/guanwang_second/front/images/aboutus/icon_arrow-3079304a5c.png) center/cover no-repeat;
    position: absolute;
    top: 0;
    left: auto;
    margin-top: 0
}

.about_us .sec12 .swiper-button-prev {
    transform: rotate(180deg);
    right: 2.72rem
}

.about_us .sec12 .swiper-button-prev::after {
    content: "";
    display: none
}

.about_us .sec12 .swiper-button-next {
    right: 2.08rem
}

.about_us .sec12 .swiper-button-next::after {
    content: "";
    display: none
}

.about_us .sec13 {
    position: relative;
    padding-top: 4.43rem;
    padding-left: 2.61rem;
    padding-bottom: 1.22rem
}

.about_us .sec13 .sec13__info {
    position: absolute;
    top: 2.43rem;
    left: 2.61rem
}

.about_us .sec13 .sec__desc, .about_us .sec13 .sec__title {
    text-align: left
}

.about_us .sec13 .swiper-container {
    position: relative;
    width: 100%;
    padding-top: 1.01rem
}

.about_us .sec13 .swiper-slide {
    width: 5.97rem;
    margin-right: .44rem;
    cursor: pointer
}

.about_us .sec13 .swiper-slide .slide__img {
    width: 100%;
    height: 6.33rem
}

.about_us .sec13 .swiper-pagination {
    position: relative;
    margin-top: .23rem;
    text-align: left
}

.about_us .sec13 .swiper-button-next, .about_us .sec13 .swiper-button-prev {
    width: .39rem;
    height: .39rem;
    background: url(/guanwang_second/front/images/aboutus/icon_arrow-3079304a5c.png) center/cover no-repeat;
    position: absolute;
    left: auto;
    margin-top: 0;
    top: 0
}

.about_us .sec13 .swiper-button-prev {
    transform: rotate(180deg);
    right: 2.72rem
}

.about_us .sec13 .swiper-button-prev::after {
    content: "";
    display: none
}

.about_us .sec13 .swiper-button-next {
    right: 2.08rem
}

.about_us .sec13 .swiper-button-next::after {
    content: "";
    display: none
}

.about_us .sec14 {
    padding-bottom: 1.36rem
}

.about_us .sec14 .sec14__bg {
    margin-top: .63rem;
    width: 16.31rem;
    height: 6.97rem
}

.about_us .sec15 {
    padding-top: 1.1rem;
    padding-bottom: 1.29rem;
    background-color: #f6f6f6
}

.about_us .sec15 .sec15__bg {
    margin-top: .54rem;
    width: 16.31rem;
    height: 4.09rem
}

.about_us .sec16 {
    position: relative;
    width: 100%;
    height: 9.03rem
}

.about_us .sec16 .sec16__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4)
}

.about_us .sec16 .sec16__info {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center
}

.about_us .sec16 .sec16__text {
    width: 6.74rem;
    height: 1.9rem;
    transform: scale(.8)
}

.about_us .sec16 .sec16__signature {
    margin-top: .2rem;
    width: 2.34rem;
    height: .99rem
}

.product__modoal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .12s linear
}

.product__modoal.show {
    z-index: 99999
}

.product__modoal.show .product__container {
    transform: translate(-50%, -50%) scale(1)
}

.product__modoal .product__mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: all .36s linear
}

.product__modoal .product__container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 16rem;
    height: 7.5rem;
    padding-left: 1.68rem;
    padding-top: 1.16rem;
    background-color: #f6f6f6;
    transition: all .36s linear;
    border-radius: .1rem;
    overflow: hidden
}

.product__modoal .product__title {
    position: absolute;
    left: 1.68rem;
    top: .91rem;
    font-size: .54rem;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800;
    color: #161616
}

.product__modoal .swiper-pagination {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: .23rem;
    box-sizing: border-box;
    text-align: left
}

.product__modoal .swiper-pagination-bullet {
    width: .5rem;
    height: .06rem;
    margin: 0 .12rem;
    background-color: #999;
    border-radius: .06rem;
    opacity: 1;
    overflow: hidden
}

.product__modoal .swiper-pagination-bullet:first-of-type {
    margin-left: 0
}

.product__modoal .swiper-pagination-bullet-active {
    background-color: #000
}

.product__modoal .product__list {
    position: relative;
    width: 100%
}

.product__modoal .swiper-container {
    position: relative;
    width: 100%;
    padding-top: .94rem;
    padding-bottom: .32rem
}

.product__modoal .swiper-slide {
    width: 4.3rem;
    margin-right: .37rem;
    cursor: pointer
}

.product__modoal .swiper-slide .slide__img {
    width: 100%;
    height: 4.17rem
}

.product__modoal .swiper__scrollbar {
    position: absolute;
    width: 78%;
    padding-right: 1.68rem;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    z-index: 50
}

.product__modoal .swiper-scrollbar {
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0
}

.product__modoal .swiper-scrollbar-drag {
    width: .4rem
}

.product__modoal .swiper-button-next, .product__modoal .swiper-button-prev {
    width: .39rem;
    height: .39rem;
    background: url(/guanwang_second/front/images/aboutus/icon_arrow-3079304a5c.png) center/cover no-repeat;
    top: 0;
    left: auto;
    margin-top: 0;
    position: absolute
}

.product__modoal .swiper-button-prev {
    transform: rotate(180deg);
    right: 2.36rem
}

.product__modoal .swiper-button-prev::after {
    content: "";
    display: none
}

.product__modoal .swiper-button-next {
    right: 1.72rem
}

.product__modoal .swiper-button-next::after {
    content: "";
    display: none
}

.product__modoal .product__close {
    position: absolute;
    top: .19rem;
    right: .19rem;
    width: .42rem;
    height: .42rem;
    background: url(/guanwang_second/front/images/aboutus/icon_close-f1406ea3c3.png) center/cover no-repeat;
    cursor: pointer
}

.about_us .sec_add3 .s_bg {
    margin: .7rem auto;
    height: 7.6rem;
    width: 15.35rem;
    background-size: cover;
}

.about_us .sec_add3 {
    background-color: #f5f5f5;
    height: 13.93rem;
    padding: 1.5rem 0;
}