.bg,.sec {
    background-repeat: no-repeat;
    overflow: hidden
}

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

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

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

body {
    background-color: #f0f2f5
}

.title {
    font-size: .48rem;
    color: #111;
    line-height: .67rem;
    font-weight: 700
}

.subtitle {
    font-size: .24rem;
    color: #111;
    line-height: .33rem
}

.video__container {
    position: relative;
    width: 100%;
    overflow: hidden
}

.video__container .product__video {
    display: block
}

.video__container .video__mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3.1rem;
    /*background-color: rgba(0,0,0,.2);*/
    box-sizing: border-box;
    color: #FFF
}

.video__container .video__title {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .44rem;
    letter-spacing: .06rem
}

.video__container .video__desc {
    margin-top: .08rem;
    font-size: .56rem;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: .78rem;
    letter-spacing: .09rem
}

.video__container .video__more {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0rem;
    height: 40px;
    font-size: .16rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFF;
    letter-spacing: .01rem
}

.video__container .video__more::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    transition: all ease .3s
}

.video__container .video__more:hover {
    color: #000;
    opacity: 1
}

.video__container .video__more:hover::after {
    width: 100%
}

.video__container .video__more:hover .more__svg {
    color: #000
}

.video__container .more__text {
    position: relative;
    z-index: 10;
    padding-right: .06rem
}

.video__container .more__svg {
    position: relative;
    z-index: 10;
    transform: translate(0,2%);
    color: #fff
}

.sec0 {
    width: 100%;
    height: 9rem;
    background: url(//static.orvibo.com/guanwang_second/front/images/2020/index/newYear-ae9c5a5fb4.jpg) center no-repeat;
    background-size: cover;
    cursor: pointer
}

.sec1 {
    position: relative
}

.sec1 .slide1 {
    width: 100%;
    height: 9rem;
    background: url(//static.orvibo.com/guanwang_second/front/images/2020/index/newYear-ae9c5a5fb4.jpg) center no-repeat;
    background-size: cover
}

.sec1 .slide2 {
    cursor: pointer;
    width: 100%;
    height: 9rem;
    background: url(//static.orvibo.com/guanwang_second/front/images/2020/index/sec11-f917a1b680.png) center no-repeat;
    background-size: cover
}

.newSec1 .btn1:before,.newSec1 .btn2:before,.sec1 .btn1:before,.sec1 .btn2:before,.sec1 .sec1_content .new_link .act::before {
    content: '';
    background: #fff;
    transition: all .3s
}

.sec1 .swiper-container {
    height: 9rem;
    margin: 0 auto
}

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

.sec1 .swiper-container .swiper-wrapper img {
    display: block;
    width: 100%;
    height: 9rem
}

.sec1 .btn {
    display: inline-block;
    width: 1.51rem;
    height: .4rem;
    font-size: .16rem;
    border-radius: .04rem
}

.sec1 .btn2 {
    z-index: 1;
    top: 4.51rem;
    left: 50%;
    transform: translateX(-50%)
}

.sec1 .btn1,.sec1 .btn2 {
    border: .01rem solid rgba(255,255,255,.7);
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-top: .06rem
}

.sec1 .btn1 span,.sec1 .btn2 span {
    position: relative;
    z-index: 1;
    font-size: .16rem;
    color: rgba(255,255,255,.4);
    transition: all .3s
}

.sec1 .btn1:before,.sec1 .btn2:before {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .02rem;
    width: 0
}

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

.sec1 .btn1:hover span,.sec1 .btn2:hover span {
    color: #000
}

.sec1 .btn1:hover:before,.sec1 .btn2:hover:before {
    transition: all .3s;
    width: 100%
}

.newSec1 {
    height: 9rem;
    cursor: pointer
}

.newSec1 video {
    height: 9rem;
    width: 19.2rem;
    top: 0
}

.newSec1 .sec1_content {
    display: flex;
    justify-content: center;
    z-index: 1;
    top: 4.51rem
}

.newSec1 .btn {
    display: inline-block;
    width: 1.51rem;
    height: .4rem;
    font-size: .16rem;
    border-radius: .04rem
}

.newSec1 .btn2 {
    margin-left: .1rem
}

.newSec1 .btn1 {
    margin-right: .1rem
}

.newSec1 .btn1,.newSec1 .btn2 {
    border: .01rem solid rgba(255,255,255,.7);
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-top: .06rem
}

.newSec1 .btn1 span,.newSec1 .btn2 span {
    position: relative;
    z-index: 1;
    font-size: .16rem;
    color: rgba(255,255,255,.4);
    transition: all .3s
}

.newSec1 .btn1:before,.newSec1 .btn2:before {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .02rem;
    width: 0
}

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

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

.newSec1 .btn1:hover span,.newSec1 .btn2:hover span {
    color: #000
}

.newSec1 .btn1:hover:before,.newSec1 .btn2:hover:before {
    transition: all .3s;
    width: 100%
}

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

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

.sec1 .sec1_content h2 img {
    width: 3.22rem;
    height: .51rem
}

.sec1 .sec1_content .new_btn {
    width: 2rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .2rem;
    font-weight: 400;
    margin: .5rem auto .29rem;
    padding: 0
}

.sec1 .sec1_content .sec1_btns {
    width: 2rem!important;
    height: .5rem!important;
    line-height: .5rem!important;
    cursor: pointer;
    margin: .5rem auto .29rem!important;
    font-size: .2rem!important;
    font-weight: 400!important;
    color: #fff!important;
    border: 1px solid #fff!important
}

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

.sec2 .subtitle,.sec2 .title {
    font-weight: 800;
    color: #000;
    letter-spacing: .02rem
}

.sec1 .sec1_content .new_link .act .icon-youjiantou {
    padding-left: .03rem
}

.sec1 .sec1_content .new_link .act::before {
    position: absolute;
    bottom: -8px;
    left: 0;
    display: block;
    width: 0;
    height: 2px
}

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

.sec02 .title {
    margin: .93rem 0 .18rem;
    letter-spacing: .02rem
}

.sec02 .subtitle {
    letter-spacing: .02rem
}

.sec02 .new_btn {
    padding: 0 .48rem;
    margin: .44rem auto
}

.sec02 .swiper-container {
    width: 16rem;
    height: 8.08rem;
    margin: 0 auto
}

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

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

.sec2 .title {
    margin-top: .8rem;
    height: .77rem;
    font-size: .48rem;
    line-height: .77rem
}

.sec2 .subtitle {
    margin-top: .1rem;
    height: .48rem;
    font-size: .3rem;
    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 {
    padding: 0 .48rem;
    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 .new_btn {
    padding: 0 .48rem;
    margin: .44rem auto
}

.sec3 .title {
    letter-spacing: .04rem;
    margin: .97rem 0 .12rem
}

.sec4,.sec5 {
    margin-top: 1.2rem
}

.sec3 .desc {
    font-size: .28rem;
    line-height: .41rem;
    letter-spacing: .01rem
}

.sec3 .ai {
    display: block;
    height: 8.08rem;
    cursor: pointer!important
}

.sec4 {
    height: 11.9rem
}

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

.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 .act::before,.sec6 .card .act::before {
    bottom: -4px;
    width: 0;
    background: #fff;
    transition: all .3s;
    content: ''
}

.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 .prod3 .title,.sec5 .desc,.sec5 .title,.sec7 .title,.sec7 .videos .video .title {
    letter-spacing: .02rem
}

.sec4 .prod .act::before {
    position: absolute;
    left: 0;
    display: block;
    height: 2px
}

.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(//static.orvibo.com/guanwang_second/front/images/2020/index/1-6b5a55bb1c.jpg)
}

.sec4 .prod2 {
    width: 4.14rem;
    height: 4.06rem;
    top: 3.88rem;
    left: 0;
    background-image: url(//static.orvibo.com/guanwang_second/front/images/2020/index/2-c3dd5deaa8.png)
}

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

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

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

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

.sec4 .prod4 {
    width: 4.22rem;
    height: 7.94rem;
    top: 0;
    right: 0;
    background-image: url(//static.orvibo.com/guanwang_second/front/images/2020/index/4-64732a7b72.jpg)
}

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

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

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

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

.sec5 {
    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;
    margin-bottom: .2rem;
    height: 3.41rem;
    display: flex;
    justify-content: space-between
}

.sec6 .card {
    width: 3.8rem;
    height: 3.1rem;
    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;
    left: 0;
    display: block;
    height: 2px
}

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

.sec7 .title {
    height: .77rem;
    font-size: .48rem;
    font-weight: 800;
    color: #000;
    line-height: .77rem;
    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;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .8rem;
    height: .8rem;
    transform: translate(-50%,-50%);
    background: url(//static.orvibo.com/guanwang_second/front/images/2019/index/video/icon_play-525abb68fd.png) center no-repeat;
    background-size: cover;
    transition: .5s all ease
}

.sec7 .videos .video .bg:before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    transition: .5s all ease
}

.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 {
    cursor: pointer;
    height: .32rem;
    font-size: .2rem;
    font-weight: 400;
    color: #000;
    line-height: .32rem;
    margin-top: .1rem;
    text-align: left
}

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

.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 {
    height: 5.21rem;
    display: block;
    width: 16rem;
    margin: 1.5rem auto 1.36rem
}

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

.sec8 .con {
    position: absolute;
    left: 1.84rem;
    top: 1.55rem
}

.sec8 .con .title {
    font-size: .5rem;
    font-weight: 800;
    color: #fff;
    line-height: .7rem;
    letter-spacing: .01rem;
    text-align: left
}

.sec8 .con .desc {
    color: #fff;
    text-align: left;
    margin-top: .12rem;
    font-size: .2rem;
    line-height: .28rem;
    margin-bottom: .61rem
}



.prm__btn,.section {
    position: relative;
    display: flex;
    box-sizing: border-box
}

.section {
    flex-direction: column;
    align-items: center;
    padding-top: 1rem
}

.section__title {
    line-height: .76rem;
    text-align: center;
    font-size: .48rem;
    font-weight: 800;
    color: #fff
}

.section__title.black {
    color: #111
}

.section__desc {
    margin-top: .3rem;
    line-height: .32rem;
    text-align: center;
    font-size: .2rem;
    font-weight: 500;
    color: #000;
    letter-spacing: .01rem
}

.section__desc.white {
    color: #fff
}

.prm__btn {
    margin-top: 1.1rem;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: .4rem;
    background-color: #007FF7;
    border-radius: .04rem;
    font-size: .16rem;
    font-weight: 400;
    color: #FFF;
    cursor: pointer
}

.prm__btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    transition: all ease .3s
}

.prm__btn .prm__text {
    position: relative;
    z-index: 10
}

.section__01 {
    justify-content: center;
    height: 8rem;
    padding-top: 0.1rem;
    background-color: #0F0F0F
}

.section__01 .section01__list,.section__06 .section06__dot {
    align-items: center;
    display: flex
}

.section__01 .section01__list:not(:first-of-type) {
    /*margin-top: .46rem*/
}

.section__01 .section01__item {
    margin-right: 2rem;
    min-width: 2.02rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.8rem;
    height: 2.1rem;

}

.section__01 .section01__item:last-of-type {
    margin-right: 0
}

.section__01 .item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .6rem;
    height: .6rem;
    background-repeat: no-repeat;
    background-size: cover
}

.section__01 .item__desc {
    margin-top: .2rem;
    text-align: center;
    font-size: 0.19rem;
    font-weight: 800;
    line-height: .4rem;
    color: #FFF
}