.bg,
.sec,
.sec4 .prod {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.desc,
.sec1 .sec1_content,
.sec2,
.sec3,
.sec4 .prod,
.sec5,
.sec6 .card,
.subtitle,
.title {
    text-align: center
}

.sec1,
.sec1 video {
    height: 9rem
}

.sec {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.sec1 .sec1_content,
.sec1 video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.bg {
    overflow: hidden
}

body {
    background-color: #f0f2f5
}

.sec1 video {
    width: 19.2rem;
    top: 0
}

.sec1 .sec1_content {
    z-index: 1;
    top: 3.5rem
}

.sec1 .sec1_content h2 {
    font-size: .54rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .14rem;
    margin-bottom: .36rem
}

.sec1 .sec1_content .new_link .act {
    display: inline-block;
    margin-top: .1rem;
    height: .22rem;
    font-size: .2rem;
    font-weight: 500;
    color: #fff;
    line-height: .22rem;
    letter-spacing: .01rem;
    position: relative
}

.sec2 .subtitle,
.sec2 .title,
.sec4 .prod3 .title,
.sec5 .desc,
.sec5 .title {
    letter-spacing: .02rem
}

.sec1 .sec1_content .new_link .act .icon-youjiantou {
    padding-left: 8px
}

.sec1 .sec1_content .new_link .act::before {
    position: absolute;
    bottom: -8px;
    left: 0;
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    transition: all .3s
}

.sec1 .sec1_content .new_link:hover .act::before {
    width: 6.2em
}

.sec2 .title {
    margin-top: .8rem;
    height: .77rem;
    font-size: .48rem;
    font-weight: 800;
    color: #000;
    line-height: .77rem
}

.sec2 .subtitle {
    margin-top: .1rem;
    height: .48rem;
    font-size: .3rem;
    font-weight: 800;
    color: #000;
    line-height: .48rem
}

.sec2 .desc {
    height: .36rem;
    font-size: .24rem;
    font-weight: 500;
    color: #757575;
    line-height: .36rem;
    letter-spacing: .01rem;
    margin-top: .2rem
}

.sec2 .new_btn {
    margin: .5rem auto 0
}

.sec2 .swiper-container {
    width: 16rem;
    height: 8.06rem;
    margin: .5rem auto 0
}

.sec2 .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%
}

.sec2 .swiper-container .swiper-wrapper img {
    display: block;
    width: 16rem;
    height: 8.06rem
}

.sec3 .title {
    height: .77rem;
    font-size: .48rem;
    font-weight: 800;
    color: #000;
    line-height: .77rem;
    letter-spacing: .04rem;
    margin-top: 1.6rem
}

.sec3 .desc {
    height: .36rem;
    font-size: .24rem;
    font-weight: 500;
    color: #757575;
    line-height: .36rem;
    letter-spacing: .01rem;
    margin-top: .2rem
}

.sec3 .new_btn {
    margin-top: .4rem
}

.sec3 .ai {
    display: block;
    height: 8.08rem;
    margin-top: .5rem
}

.sec4 {
    margin-top: 1.2rem;
    height: 11.9rem
}

.sec4 .prod {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute
}

.sec4 .prod .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: all .3s
}

.sec4 .prod .act,
.sec4 .prod .title,
.sec6 .card .act {
    letter-spacing: .01rem;
    position: relative
}

.sec4 .prod .title {
    height: .48rem;
    font-size: .27rem;
    font-weight: 500;
    color: #fff;
    line-height: .48rem;
    z-index: 2;
    opacity: 0
}

.sec4 .prod .act {
    opacity: 0;
    display: inline-block;
    margin-top: .1rem;
    height: .22rem;
    font-size: .16rem;
    font-weight: 500;
    color: #fff;
    line-height: .22rem
}

.sec4 .prod .act::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    transition: all .3s
}

.sec4 .prod:hover .act,
.sec4 .prod:hover .mask,
.sec4 .prod:hover .title {
    opacity: 1
}

.sec4 .prod:hover .act::before {
    width: 5em
}

.sec4 .prod1 {
    width: 4.14rem;
    height: 3.88rem;
    top: 0;
    left: 0;
    background-image: url('//cdn.xuansiwei.com/xinyu9887/1727577326391/anfang_r__414-388_c__e4e5e6_.jpg?x-oss-process=style/small')
}

.sec4 .prod2 {
    width: 4.14rem;
    height: 4.06rem;
    top: 3.88rem;
    left: 0;
    background-image: url('//cdn.xuansiwei.com/xinyu9887/1727577326342/zhaoming_r__414-406_c__d8dbe0_.jpg?x-oss-process=style/small')
}

.sec4 .prod3 {
    display: block;
    width: 7.64rem;
    height: 7.94rem;
    top: 0;
    left: 4.14rem;
    background-image: url(https://static.orvibo.com/guanwang_second/front/images/2020/index/3-1a74bb0584.jpg)
}

.sec4 .prod3 .title {
    opacity: 1;
    height: .48rem;
    font-size: .36rem;
    margin-top: 1.24rem;
    font-weight: 800;
    color: #000;
    line-height: .48rem
}

.sec4 .prod3 .act {
    opacity: 1;
    margin-top: .4rem;
    color: #000
}

.sec4 .prod3 .act::before {
    background: #000
}

.sec4 .prod4 {
    width: 4.22rem;
    height: 7.94rem;
    top: 0;
    right: 0;
    background-image: url('//cdn.xuansiwei.com/xinyu9887/1727577326427/menchuang_r__422-794_c__d6d3cc_.jpg?x-oss-process=style/small')
}

.sec4 .prod5,
.sec4 .prod6,
.sec4 .prod7 {
    height: 3.96rem;
    bottom: 0
}

.sec4 .prod5 {
    width: 8rem;
    left: 0;
    background-image: url(https://static.orvibo.com/guanwang_second/front/images/2020/index/5-dba6daab43.jpg)
}

.sec4 .prod6 {
    width: 3.78rem;
    left: 8rem;
    background-image: url(https://static.orvibo.com/guanwang_second/front/images/2020/index/6-a52343407a.jpg)
}

.sec4 .prod7 {
    width: 4.22rem;
    right: 0;
    background-image: url(https://static.orvibo.com/guanwang_second/front/images/2020/index/7-a33c2d9980.jpg)
}

.sec5 {
    margin-top: 1.2rem;
    height: 8.31rem
}

.sec5 .title {
    height: .67rem;
    font-size: .42rem;
    font-weight: 800;
    color: #fff;
    line-height: .67rem;
    margin-top: 2.79rem
}

.sec5 .desc {
    margin-top: .1rem;
    height: .36rem;
    font-size: .24rem;
    font-weight: 500;
    color: #fff;
    line-height: .36rem
}

.sec5 .new_btn {
    margin-top: .6rem
}

.sec6 {
    margin-top: .44rem;
    height: 3.41rem;
    display: flex;
    justify-content: space-between
}

.sec6 .card {
    width: 5.13rem;
    height: 3.41rem;
    display: block
}

.sec6 .card .title {
    height: .58rem;
    font-size: .36rem;
    font-weight: 500;
    color: #fff;
    line-height: .58rem;
    letter-spacing: .01rem;
    margin-top: .98rem
}

.sec6 .card .act,
.sec6 .card .desc {
    font-size: .16rem;
    font-weight: 500;
    color: #fff
}

.sec6 .card .desc {
    height: .26rem;
    line-height: .26rem
}

.sec6 .card .act {
    display: inline-block;
    margin-top: .4rem;
    height: .22rem;
    line-height: .22rem
}

.sec6 .card .act::before {
    position: absolute;
    bottom: -4px;
    left: 0;
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    transition: all .3s
}

.sec7 .videos .video .bg:after,
.sec7 .videos .video .bg:before {
    content: '';
    transition: .5s all ease
}

.sec6 .card:hover .act::before {
    width: 5em
}

.sec7 .title {
    height: .77rem;
    font-size: .48rem;
    font-weight: 800;
    color: #000;
    line-height: .77rem;
    letter-spacing: .02rem;
    margin-top: 1.2rem
}

.sec7 .videos {
    margin-top: .4rem;
    display: flex;
    justify-content: space-between
}

.sec7 .videos .video {
    flex: 0 0 auto
}

.sec7 .videos .video .bg {
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.sec7 .videos .video .bg:after {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: .8rem;
    height: .8rem;
    transform: translate(-50%, -50%);
    background: url(../image/icon_play-525abb68fd.png) center no-repeat;
    background-size: cover
}

.sec7 .videos .video .bg:before {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2)
}

.sec7 .videos .video .bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    transition: all .3s;
    z-index: -1
}

.sec7 .videos .video .bg:hover img {
    width: 110%;
    height: 110%
}

.sec7 .videos .video .bg:hover:after,
.sec7 .videos .video .bg:hover:before {
    opacity: 1
}

.sec7 .videos .video .title {
    height: .32rem;
    font-size: .2rem;
    font-weight: 400;
    color: #000;
    line-height: .32rem;
    letter-spacing: .02rem;
    margin-top: .1rem;
    text-align: left
}

.sec7 .videos .video1 .bg,
.sec7 .videos .video2 .bg {
    height: 5.46rem
}

.sec8 .title,
.sec9 .title {
    font-size: .24rem;
    line-height: .38rem;
    text-align: left
}

.sec7 .videos .video1 {
    width: 10.57rem
}

.sec7 .videos .video2,
.sec7 .videos .video3,
.sec7 .videos .video4,
.sec7 .videos .video5 {
    width: 5.13rem
}

.sec7 .videos .video3 .bg,
.sec7 .videos .video4 .bg,
.sec7 .videos .video5 .bg {
    height: 3.4rem
}

.sec8 {
    margin-top: 1.5rem;
    height: 4.69rem;
    display: block
}

.sec8 .w {
    position: relative;
    height: 100%
}

.sec8 .title {
    position: absolute;
    left: 1.63rem;
    top: 1.43rem;
    height: .76rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .01rem
}

.sec8 .sign {
    position: absolute;
    width: 2.01rem;
    height: 2.31rem;
    top: 1.19rem;
    right: .7rem
}

.sec8 .new_btn {
    position: absolute;
    left: 1.63rem;
    top: 2.69rem
}

.sec9 {
    cursor: pointer;
    height: 7.16rem;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center
}

.sec9 .sign,
.sec9 .title,
.sec9 .w {
    position: absolute
}

.sec9 img {
    width: 100%;
    height: 100%;
    transition: all .3s
}

.sec9 .w {
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.sec9 .title {
    left: 1.63rem;
    top: 1.5rem;
    height: 2.28rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: .02rem
}

.sec9 .sign {
    width: 1.22rem;
    height: .61rem;
    top: 4.38rem;
    left: 1.63rem
}