.bg,.sec

{
  
  background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden
}
.desc,.newSec1 .sec1_content,.sec02,.sec1 .btn2,.sec1 .sec1_content,.sec1 .sec1_content .sec1_btns,.sec2,.sec3,.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
}
.sec__video
{
  display:block
}
.video_mask::after
{
  opacity:0;display:none
}
.video__btn_close
{
  position:fixed;display:none;right:24px;top:24px;width:36px;height:36px;cursor:pointer;background:url(/guanwang_second/front/images/new/vedio_t1_close-e909f77947.png) center no-repeat;background-size:cover;opacity:.5;z-index:999999
}
.video__container
{
 
  width:100%;
  background-color:#fff;
  overflow:hidden
  position:relative;
 width: auto;
 height:auto;
margin: auto;
justify-content: center;
align-items: center;
text-align: center;
}
.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-top:3.1rem;background-color:fff;box-sizing:border-box;color:#fff
}
.video__container .video__title
{
  font-size:.2rem;font-family:PingFang SC;font-weight:400;line-height:.32rem;letter-spacing:.06rem;margin-top:.14rem
}
.video__container .video__desc
{
  margin-top:.08rem;font-size:.6rem;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:.56rem;width:1.56rem;height:40px;border:1px solid #fff;border-radius:.04rem;opacity:.7;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,1.2%);color:#fff
}
.homeai4 .video__watch,.homeai4 .video__watch:hover
{
  color:#fff
}
.homeai4 .video__watch::after
{
  background:url(/guanwang_second/front/images/new/index/icons/icon_player_white-fa3607df4b.svg) center/cover no-repeat
}
.homeai4 .homeai__logo
{
  margin-top:.3rem;width:4.69rem;height:.67rem;background:url(/guanwang_second/front/images/homeai4/icon_home_logo-7a0f0510b9.svg) center/cover no-repeat
}
.conference2023 .video__mask
{
  padding-top:1.69rem
}
.conference2023 .video__more
{
  margin-top:.49rem
}
.conference2023 .img_box1
{
  width:7.4rem;height:.92rem;position:relative
}
.conference2023 .img_box2
{
  margin-top:.4rem;width:5.89rem;height:.57rem;position:relative
}
.conference2023 .img_box3
{
  margin-top:2.11rem;width:5.54rem;height:.4rem;position:relative
}
.conference2023 .img_box4
{
  margin-top:.26rem;width:2.76rem;height:.28rem;position:relative
}
.mixstation .video__mask
{
  padding-top:3.67rem
}
.mixstation .video__mask .video__more
{
  margin-top:.45rem
}
.mixstation .block
{
  width:5.95rem;height:2.23rem;margin:0 auto;background-size:contain
}
.mixstation .video__watch,.mixstation .video__watch:hover
{
  color:#fff
}
.mixstation .video__watch::after
{
  background:url(/guanwang_second/front/images/new/index/icons/icon_player_white-fa3607df4b.svg) center/cover no-repeat
}
.video__watch
{
  position:relative;display:inline-block;margin-top:.23rem;padding-right:.22rem;font-size:.16rem;letter-spacing:.01rem;color:#000;font-family:PingFang SC;font-weight:800;line-height:.22rem;cursor:pointer
}
.video__watch:hover
{
  color:#000
}
.video__watch::after
{
  content:"";position:absolute;top:50%;right:0;transform:translate(0,-50%);margin-top:.01rem;width:.16rem;height:.16rem;background:url(/guanwang_second/front/images/new/index/icons/icon_player_black-c9d38ed9f9.svg) center/cover no-repeat
}
.sec0
{
  width:100%;height:9rem;background:url(/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(/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(/guanwang_second/front/images/2020/index/sec11-f917a1b680.png) center no-repeat;background-size:cover
}
.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
{
  content:"";height:100%;position:absolute;top:0;left:0;border-radius:.02rem;background:#fff;transition:all .3s;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
{
  content:"";height:100%;position:absolute;top:0;left:0;border-radius:.02rem;background:#fff;transition:all .3s;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
}
.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;content:"";width:0;height:2px;background:#fff;transition:all .3s
}
.sec1 .sec1_content .new_link:hover .act::before
{
  width:4.8em
}
.sec02 .title
{
  margin:.93rem 0 .18rem;letter-spacing:.02rem
}
.sec02 .subtitle
{
  font-size:.28rem;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;font-size:.48rem;font-weight:800;color:#000;line-height:.67rem;letter-spacing:.02rem
}
.sec2 .sec2__subtitle
{
  margin-top:.12rem;font-size:.28rem;color:#666;letter-spacing:.01rem
}
.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:.44rem auto
}
.sec2 .sec2__video
{
  display:block;width:16rem;overflow:hidden;margin:0 auto
}
.sec2 .bg__video
{
  display:block;background-size:cover
}
.sec3
{
  width:16rem;margin:.97rem auto 0
}
.sec3 .new_btn
{
  padding:0 .48rem;margin:.44rem auto
}
.sec3 .title
{
  letter-spacing:.04rem;margin-bottom:.12rem
}
.sec3 .desc
{
  font-size:.28rem;line-height:.41rem;letter-spacing:.01rem
}
.sec3 .sec3__bg
{
  display:block;position:relative;width:100%;height:8.5rem;background-size:cover;background-repeat:no-repeat
}
.sec3 .sec3_video
{
  position:absolute;border-radius:.2rem;overflow:hidden
}
.link__title
{
  position:relative;font-size:.48rem;font-family:PingFang SC;font-weight:800;line-height:.66rem;color:#111;cursor:pointer
}
.link__title:hover
{
  color:#111
}
.link__title:hover::after
{
  width:100%
}
.link__title::after,.sec6 .card .act::before
{
  bottom:-4px;width:0;content:""
}
.link__title::after
{
  position:absolute;left:0;height:3px;background-color:#000;transition:all .3s ease-in-out
}
.sec4
{
  display:flex;flex-direction:column;align-items:center;width:16rem;margin:1.4rem auto 0
}
.sec4 .sec4__list
{
  width:100%;margin-top:.6rem;display:flex;flex-wrap:wrap
}
.sec4 .sec4__item
{
  flex-shrink:0
}
.sec4 .sec4__item.mr38
{
  margin-right:.38rem
}
.sec4 .sec4__item.mt90
{
  margin-top:.9rem
}
.sec4 .img__wrap
{
  width:5.07rem;height:3.78rem;overflow:hidden
}
.sec4 .item__img
{
  width:100%;height:100%;background-size:cover;background-repeat:no-repeat;transition:all .28s linear
}
.sec4 .item__img:hover
{
  transform:scale(1.05)
}
.sec4 .item__title
{
  margin-top:.4rem;font-size:.24rem;font-family:PingFang SC;font-weight:700;line-height:.32rem;color:#111
}
.sec5 .desc,.sec5 .title
{
  color:#fff;letter-spacing:.02rem
}
.sec5
{
  position:relative;margin-top:1.4rem
}
.sec5::after
{
  content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.37)
}
.sec5 .sec5__content
{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10
}
.sec5 .title
{
  height:.67rem;font-size:.42rem;font-weight:800;line-height:.67rem
}
.sec5 .desc
{
  margin-top:.1rem;height:.36rem;font-size:.24rem;font-weight:500;line-height:.36rem
}
.sec5 .new_btn
{
  margin-top:.6rem;margin-left:.3rem
}
.sec5 .new_btn:first-of-type
{
  margin-left:0
}
.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;letter-spacing:.01rem;position:relative
}
.sec6 .card .act::before
{
  position:absolute;left:0;display:block;height:2px;background:#fff;transition:all .3s
}
.sec6 .card:hover .act::before
{
  width:5em
}
.sec7
{
  display:flex;flex-direction:column;align-items:center;margin-top:1.2rem;padding-bottom:1.36rem
}
.sec7 .videos
{
  margin-top:.4rem;display:flex;justify-content:space-between;width:100%
}
.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(/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;letter-spacing:.02rem;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
}