/*-----------导航栏-------------*/

.logo{
  width:220px;
  height:40px;
  overflow:hidden
}
.logo-img,.vzan-nav .logo img{
  width:100%!important;
  height:100%!important
}
.vzan-nav{
   min-width:1200px;
   height:78px !important;
 }
.vzan-nav .logo{
  margin-right:40px!important
}
.vzan-nav a{
  display:flex;
  align-items:center;
  color:#fff!important;
  font-size:16px
}
.nav-btn:hover {
  border-bottom:2px solid #006cff
}
.nav-btn>a{
  display:flex!important
}
.vzan-nav.blur a,.vzan-nav.newsblur a{
  color:#000!important
}
.vzan-nav.blur .nav-bg,.vzan-nav.newsblur .nav-bg{
  position:absolute;
  top:1px;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  box-shadow:0 0 50px rgba(0,0,0,.05);
  background:hsla(0,0%,100%,.5);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px)
}
.vzan-nav.blur .nav-bg-gap,.vzan-nav.newsblur .nav-bg-gap{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:1px;
  z-index:-1;
  display:block;
  background-color:#fff
}
.vzan-nav.blur #vzlogin,.vzan-nav.white #vzlogin,.vzan-nav.newsblur #vzlogin{
  border:1px solid #006cff;
  border-radius:2px
}
.vzan-nav.blur #vzlogin,.vzan-nav.newsblur #vzlogin{
  color:#006cff
}
.vzan-nav .container{
  width:940px;
  height:100%
}
.vzan-nav .container .left{
  height:100%
}
.vzan-nav .container .left .nav-list{
  height:100%;
  align-items:center
}
.vzan-nav .container .left .nav-list .nav-btn{
  height:100%;
  line-height:40px;
  font-weight:400!important;
  margin-right:28px!important;
  flex-shrink:0
}
.vzan-nav .vzan-nav .nav-btn>a{
  font-size:16px
}
.vzan-nav.blur,.vzan-nav.newsblur{
  color:#000!important;
  background-color:hsla(0,0%,100%,.8)
}
.vzan-nav.white,.vzan-nav:hover {
  background-color:#fff
}
.vzan-nav.white a,.vzan-nav:hover {
  color:#000!important
}
.vzan-nav .nav-btn:hover:before {
  display:none
}
.vzan-nav.blur .nav-btn.arrow:after,.vzan-nav.newsblur .nav-btn.arrow:after{
  border-color:#202124 transparent transparent
}
.vzan-nav:hover .nav-btn.arrow:after {
  border-color:#202124 transparent transparent!important
}
.vzan-nav .nav-btn:hover:after,.vzan-nav button:hover:after {
  border-color:#006cff transparent transparent
}
.vzan-nav .nav-btn:hover>a,.vzan-nav button:hover>a{
  color:#006cff!important
}
.vzan-nav .phone{
  line-height:40px;
  margin-right:26px
}
.vzan-nav .phone .vz-font,.vzan-nav .phone>i{
  font-size:20px!important;
  margin-right:0;
  white-space:nowrap
}
.vzan-nav .phone i{
  margin-right:10px!important
}
#vzlogin{
  width:88px;
  height:40px;
  margin-right:14px;
  background-color:hsla(0,0%,100%,.15)
}
#vztrial{
  width:100px;
  height: 40px;
  margin-top: 10px;
  border-radius:2px
}
.nav-btn .icona-xia1{
  transition:all .5s
}
.nav-btn:hover .icona-xia1{
  transform:rotate(180deg)
}
.nav-btn:hover .nav-open-tab{
  border-top:1px solid #f5f6f7
}
.nav-open-tab{
  width:100%;
  left:0;
  top:78px;
  margin-left:0
}
.market-nav ._open-app{
  display:none
}
.market-nav:hover ._open-app{
  display:block;
  height:626px!important
}
.market-nav:hover ._open-app .left{
  background:#f4f9fe;
  padding:0!important;
  margin:0!important;
  justify-content:flex-end!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  width:28%;
  min-width:280px
}
.market-nav:hover ._open-app .left-box{
  padding:48px 17px 0 0!important;
  position:relative;
  background:url(/_nuxt/img/mk_heder-img.98cefbc.png) no-repeat;
  background-position-x:right;
  height:626px!important;
  width:233px;
  background-size:cover
}
.market-nav:hover ._open-app .left-box .title-box{
  z-index:1;
  width:200px
}
.market-nav:hover ._open-app .left-box .t-title{
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#01286f
}
.market-nav:hover ._open-app .left-box .sub-t{
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#01286f;
  line-height:24px;
  opacity:.6;
  margin:12px 0 16px
}
.market-nav:hover ._open-app .left-box .t-btn{
  width:100px;
  height:40px;
  background:linear-gradient(135deg,#006cff,#0084ff);
  border-radius:2px;
  color:#fff;
  line-height:40px;
  padding:0;
  border:0
}
.market-nav:hover ._open-app .left-box .mk-img{
  width:100%!important;
  position:absolute;
  right:0;
  top:0;
  z-index:0!important
}
.market-nav:hover ._open-app .right{
  flex:1;
  padding-top:40px;
  padding-left:68px;
  overflow:auto;
  max-width:920px
}
.market-nav:hover ._open-app .right::-webkit-scrollbar {
  width:5px;
  height:5px;
  background-color:transparent
}
.market-nav:hover ._open-app .right::-webkit-scrollbar-track {
  border-radius:10px;
  background-color:transparent
}
.market-nav:hover ._open-app .right::-webkit-scrollbar-thumb {
  width:5px;
  height:211px;
  background:#edeff2;
  border-radius:3px
}
.market-nav:hover ._open-app .right .flex-box{
  min-width:136px;
  margin-right:58px;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content
}
.market-nav:hover ._open-app .right .item{
  margin-bottom:30px!important
}
.market-nav:hover ._open-app .right .item .mk-list-title{
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#006cff;
  padding-bottom:16px;
  border-bottom:1px solid #f5f7fa
}
.market-nav:hover ._open-app .right .item .list-item{
  font-size:14px!important;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#202124;
  height:auto!important;
  margin:20px 0!important;
  padding-left:0!important;
  cursor:default
}
.market-nav:hover ._open-app .right .item .list-item:hover {
  color:#006cff!important
}
.market-nav:hover ._open-app .open-app-box{
  width:100%!important
}
.nav-open-app ._open-app .open-app-box{
  width:1200px;
  margin:0 auto;
  display:flex
}
.nav-open-app ._open-app .open-app-box .left{
  margin:34px 0;
  padding:0 20px 0 0;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border-right:1px solid rgba(0,108,255,.1)
}
.nav-open-app ._open-app .open-app-box .left .mk-img{
  width:604px
}
.nav-open-app ._open-app .open-app-box .left .title{
  font-size:14px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#60646b;
  line-height:14px;
  margin-bottom:12px;
  padding-left:18px
}
.nav-open-app ._open-app .open-app-box .left .list{
  display:flex;
  flex-flow:wrap;
  min-width:480px;
  width:600px
}
.nav-open-app ._open-app .open-app-box .left .list .item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:280px;
  height:106px;
  padding:16px 14px;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  border-radius:8px;
  margin-bottom:12px;
  color:#202124;
  line-height:16px;
  box-sizing:border-box;
  transition:background-color .2s;
  background-color:rgba(0,108,255,0);
  cursor:pointer;
  flex:0 0 50%;
  min-width:298px
}
.nav-open-app ._open-app .open-app-box .left .list .item>div{
  display:flex;
  align-items:start
}
.nav-open-app ._open-app .open-app-box .left .list .item>div>img{
  width:28px;
  height:28px;
  margin-right:12px
}
.nav-open-app ._open-app .open-app-box .left .list .item>div .noactive{
  display:block
}
.nav-open-app ._open-app .open-app-box .left .list .item>div .isactive{
  display:none
}
.nav-open-app ._open-app .open-app-box .left .list .item .arrow{
  width:20px;
  height:20px;
  opacity:0;
  transition:all .2s
}
.nav-open-app ._open-app .open-app-box .left .list .item .b-title{
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  margin-top:4px;
  margin-bottom:10px
}
.nav-open-app ._open-app .open-app-box .left .list .item .desc-title{
  font-size:13px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  width:226px;
  color:#202124;
  line-height:22px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height:22px;
  transition:all .3s
}
.nav-open-app ._open-app .open-app-box .left .list .item:hover {
  background:rgba(240,247,254,.5);
  border-radius:8px;
  color:#006cff!important
}
.nav-open-app ._open-app .open-app-box .left .list .item:hover .desc-title{
  white-space:pre-wrap;
  height:40px;
  display:flex;
  align-items:center
}
.nav-open-app ._open-app .open-app-box .left .list .item:hover .b-title{
  color:#006cff
}
.nav-open-app ._open-app .open-app-box .left .list .item:hover .noactive{
  display:block
}
.nav-open-app ._open-app .open-app-box .left .list .item:hover .arrow{
  opacity:1
}
.nav-open-app ._open-app .open-app-box .right{
  padding-top:40px;
  padding-left:32px;
  flex:1;
  width:auto
}
.nav-open-app ._open-app .open-app-box .right .item .list-item{
  display:flex;
  align-items:center;
  width:180px;
  height:48px;
  padding-left:13px;
  box-sizing:border-box;
  border-radius:6px;
  margin-bottom:12px;
  cursor:pointer;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#202124;
  line-height:16px
}
.nav-open-app ._open-app .open-app-box .right .item .list-item>i{
  font-size:18px;
  color:#202124;
  margin-right:12px
}
.nav-open-app ._open-app .open-app-box .right .item.first{
  width:360px;
  flex-shrink:0
}
.nav-open-app ._open-app .open-app-box .right .item.first .list{
  display:flex;
  flex-wrap:wrap
}
.nav-open-app ._open-app .open-app-box .right .item.first .list .list-item{
  transition:background-color .2s;
  background-color:rgba(0,108,255,0)
}
.nav-open-app ._open-app .open-app-box .right .item.first .list .list-item:hover {
  background:rgba(240,247,254,.5);
  border-radius:8px;
  color:#006cff!important
}
.nav-open-app ._open-app .open-app-box .right .item.first .list .list-item:hover>i{
  color:#006cff!important
}
.nav-open-app ._open-app .open-app-box .right .item.second,.nav-open-app ._open-app .open-app-box .right .item.third{
  margin-left:48px
}
.nav-open-app ._open-app .open-app-box .right .item.second .list .list-item,.nav-open-app ._open-app .open-app-box .right .item.third .list .list-item{
  transition:background-color .2s;
  background-color:rgba(0,108,255,0)
}
.nav-open-app ._open-app .open-app-box .right .item.second .list .list-item:hover,.nav-open-app ._open-app .open-app-box .right .item.third .list .list-item:hover {
  background:rgba(240,247,254,.5);
  border-radius:8px;
  color:#006cff!important
}
.nav-open-app ._open-app .open-app-box .right .item.second .list .list-item:hover>i,.nav-open-app ._open-app .open-app-box .right .item.third .list .list-item:hover>i{
  color:#006cff!important
}
.nav-open-app ._open-app .open-app-box .right .title{
  display:flex;
  align-items:center;
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:16px;
  padding-bottom:24px;
  border-bottom:1px solid #edeff2;
  margin-bottom:16px;
  margin-left:13px
}
.nav-open-app ._open-app .open-app-box .right .title>img{
  width:20px;
  height:20px;
  margin-right:8px
}
.nav-open-app:hover ._open-app{
  height:440px
}
.nav-open-download .open-download{
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:border-box
}
.nav-open-download .open-download .left{
  position:relative;
  width:440px;
  height:350px;
  border-radius:10px;
  margin-right:25px;
  flex-shrink:0
}
.nav-open-download .open-download .left .cover{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0
}
.nav-open-download .open-download .left .cover.active{
  opacity:1
}
.nav-open-download .open-download .kbcenter{
  padding-right:89px;
  border-right:1px solid #f5f7fa;
  margin-right:60px;
  flex-shrink:0
}
.nav-open-download .open-download .kbcenter ._item:not(:last-child) {
  margin-bottom:32px
}
.nav-open-download .open-download .kbcenter ._item .title{
  font-size:14px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#60646b;
  line-height:14px;
  margin-bottom:16px
}
.nav-open-download .open-download .kbcenter ._item .content>a:not(:last-child) {
  margin-bottom:24px
}
.nav-open-download .open-download .kbcenter ._item .content>a:hover .cell-title>span{
  color:#006cff
}
.nav-open-download .open-download .kbcenter ._item .content>a:hover .cell-title>p{
  color:#202124
}
.nav-open-download .open-download .kbcenter ._item .content .cell-icon>img{
  width:49px;
  height:52px;
  border-radius:6px;
  margin-right:12px
}
.nav-open-download .open-download .kbcenter ._item .content .cell-title>span{
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:16px
}
.nav-open-download .open-download .kbcenter ._item .content .cell-title>p{
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#60646b;
  line-height:20px;
  margin-top:12px
}
.nav-open-download .open-download ._right>.title{
  font-size:14px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#60646b;
  line-height:14px;
  margin-bottom:16px
}
.nav-open-download .open-download ._right .content .help-item{
  display:block;
  position:relative;
  width:280px;
  height:96px;
  border-radius:6px;
  padding:27px 24px;
  box-sizing:border-box;
  overflow:hidden
}
.nav-open-download .open-download ._right .content .help-item:hover>img{
  opacity:1
}
.nav-open-download .open-download ._right .content .help-item>img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:.6;
  -o-object-fit:cover;
  object-fit:cover;
  transition:all .5s
}
.nav-open-download .open-download ._right .content .help-item:hover>div{
  color:#006cff
}
.nav-open-download .open-download ._right .content .help-item:hover>p{
  color:#202124
}
.nav-open-download .open-download ._right .content .help-item>div{
  position:relative;
  z-index:1;
  font-size:16px;
  font-weight:500;
  color:#202124;
  line-height:16px;
  margin-bottom:12px
}
.nav-open-download .open-download ._right .content .help-item>p{
  position:relative;
  z-index:1;
  font-size:14px;
  font-weight:400;
  color:rgba(32,33,36,.6);
  line-height:14px
}
.nav-open-download .open-download ._right .content .help-item:not(:last-child) {
  margin-bottom:16px
}
.nav-open-download:hover .open-download{
  height:412px
}
.nav-open-about .open-case .item:hover>img,.nav-open-about .open-cloud .item:hover>img,.nav-open-case .open-case .item:hover>img,.nav-open-case .open-cloud .item:hover>img,.nav-open-cloud .open-case .item:hover>img,.nav-open-cloud .open-cloud .item:hover>img{
  transform:scale(1.2)
}
.nav-open-about .open-about .item>img,.nav-open-case .open-about .item>img,.nav-open-cloud .open-about .item>img{
  width:100%;
  height:100%
}
.nav-open-about .open-about .item>div,.nav-open-case .open-about .item>div,.nav-open-cloud .open-about .item>div{
  color:#202124!important
}
.nav-open-about .open-about .item>p,.nav-open-case .open-about .item>p,.nav-open-cloud .open-about .item>p{
  color:rgba(32,33,36,.6)!important
}
.nav-open-about .open-about .item:hover>div,.nav-open-case .open-about .item:hover>div,.nav-open-cloud .open-about .item:hover>div{
  color:#006cff!important
}
.nav-open-about .open-about .item:hover>p,.nav-open-case .open-about .item:hover>p,.nav-open-cloud .open-about .item:hover>p{
  color:#202124!important
}
.nav-open-about .open-about,.nav-open-about .open-case,.nav-open-case .open-about,.nav-open-case .open-case,.nav-open-cloud .open-about,.nav-open-cloud .open-case{
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:border-box
}
.nav-open-about .open-about .item,.nav-open-about .open-case .item,.nav-open-case .open-about .item,.nav-open-case .open-case .item,.nav-open-cloud .open-about .item,.nav-open-cloud .open-case .item{
  position:relative;
  display:inline-block;
  width:288px;
  height:100px;
  border-radius:6px;
  padding:28px 16px 0 20px;
  box-sizing:border-box;
  flex-shrink:0;
  overflow:hidden
}
.nav-open-about .open-about .item:not(:last-child),.nav-open-about .open-case .item:not(:last-child),.nav-open-case .open-about .item:not(:last-child),.nav-open-case .open-case .item:not(:last-child),.nav-open-cloud .open-about .item:not(:last-child),.nav-open-cloud .open-case .item:not(:last-child) {
  margin-right:18px
}
.nav-open-about .open-about .item>img,.nav-open-about .open-case .item>img,.nav-open-case .open-about .item>img,.nav-open-case .open-case .item>img,.nav-open-cloud .open-about .item>img,.nav-open-cloud .open-case .item>img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  transition:all .8s
}
.nav-open-about .open-about .item>div,.nav-open-about .open-case .item>div,.nav-open-case .open-about .item>div,.nav-open-case .open-case .item>div,.nav-open-cloud .open-about .item>div,.nav-open-cloud .open-case .item>div{
  position:relative;
  z-index:1;
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:18px;
  margin-bottom:12px
}
.nav-open-about .open-about .item>p,.nav-open-about .open-case .item>p,.nav-open-case .open-about .item>p,.nav-open-case .open-case .item>p,.nav-open-cloud .open-about .item>p,.nav-open-cloud .open-case .item>p{
  position:relative;
  z-index:1;
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:hsla(0,0%,100%,.8);
  line-height:14px
}
.nav-open-about .open-about .open-box,.nav-open-about .open-case .open-box,.nav-open-case .open-about .open-box,.nav-open-case .open-case .open-box,.nav-open-cloud .open-about .open-box,.nav-open-cloud .open-case .open-box{
  display:flex;
  width:1200px;
  justify-content:space-between
}
.nav-open-about .open-about .open-box a,.nav-open-about .open-case .open-box a,.nav-open-case .open-about .open-box a,.nav-open-case .open-case .open-box a,.nav-open-cloud .open-about .open-box a,.nav-open-cloud .open-case .open-box a{
  width:288px
}
.nav-open-about .open-cloud,.nav-open-case .open-cloud,.nav-open-cloud .open-cloud{
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:border-box
}
.nav-open-about .open-cloud .item,.nav-open-case .open-cloud .item,.nav-open-cloud .open-cloud .item{
  position:relative;
  display:inline-block;
  width:591px;
  height:100px;
  border-radius:6px;
  padding:28px 32px 0;
  box-sizing:border-box;
  flex-shrink:0;
  overflow:hidden
}
.nav-open-about .open-cloud .item:not(:last-child),.nav-open-case .open-cloud .item:not(:last-child),.nav-open-cloud .open-cloud .item:not(:last-child) {
  margin-right:18px
}
.nav-open-about .open-cloud .item>img,.nav-open-case .open-cloud .item>img,.nav-open-cloud .open-cloud .item>img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  transition:all .8s
}
.nav-open-about .open-cloud .item>div,.nav-open-case .open-cloud .item>div,.nav-open-cloud .open-cloud .item>div{
  position:relative;
  z-index:1;
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:18px;
  margin-bottom:12px
}
.nav-open-about .open-cloud .item>p,.nav-open-case .open-cloud .item>p,.nav-open-cloud .open-cloud .item>p{
  position:relative;
  z-index:1;
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:hsla(0,0%,100%,.8);
  line-height:14px
}
.nav-open-about:hover .open-about,.nav-open-about:hover .open-case,.nav-open-about:hover .open-cloud,.nav-open-case:hover .open-about,.nav-open-case:hover .open-case,.nav-open-case:hover .open-cloud,.nav-open-cloud:hover .open-about,.nav-open-cloud:hover .open-case,.nav-open-cloud:hover .open-cloud{
  height:164px
}


/*---------------轮播图-------------*/
#index-banner{width:100%; padding:100px 0 0; background:#1472FF; color:#FFF;}
.banner-wrap{width:100%; max-width:1120px; margin:0 auto; padding:50px 0 0; overflow:auto}
.banner-wrap .banner-text{width:100%; max-width:520px; line-height:50px;}
.banner-wrap .h3{font-size:56px; line-height:100px; padding:50px 0 20px;}
.banner-wrap .text-cont{font-size:35px; padding:0 0 60px;}
.about-banner .banner-wrap .banner-text{max-width:650px;}
#index-banner.index-banner{padding: 0; position: relative;overflow: hidden; text-align: center;}
.index-banner ul{width: 1920px; margin: 0 auto; height: 630px;}
.index-banner li{display: flex;justify-content:center;overflow: hidden}
.index-banner img{min-width: 500px;justify-content:center;}
.banner-wrap .banner-butn{width:200px; height:60px; border:1px solid #FFF; line-height:60px; text-align:center; font-size:22px; color:#FFF;}

.swiper-pagination-bullet {
  width: 40px;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0;
  transition: all 0.2s;
  opacity: 1;
}
.swiper-pagination {
  display: flex;
  justify-content: center;
}
.swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.3);
  display: flex;
}
.swiper-pagination-bullet-active:before {
  content: ' ';
  width: 0;
  height: 4px;
  background: rgba(255, 255, 255, 0.7);
  animation: line 3.2s linear forwards;
}
@keyframes line {
  from {
    width: 0;
  }
  to {
    width: 40px;
  }
}
.more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  background: #006CFF;
  border-radius: 2px;
  width: 140px;
  height: 50px;
  line-height: 1;
}
.more-btn .iconfont {
  display: none;
}
.swiper-pagination-bullets {
  padding-bottom: 20px;
}
.swiper-button-white:hover {
  opacity: 1 ;
}
.banner {
  height: 600px;
  background: #ccc;
}
.banner .swiper-container,
.banner .swiper-wrapper {
  height: 100%;
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-container {
  display: flex;
  justify-content: space-between;
  padding: 100px 0;
}
.video-container .video-aside {
  position: relative;
  width: 640px;
  height: 509px;
}
.video-container .video-aside video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-container .video-aside .phone {
  width: 400px;
  height: 671px;
  background: #ffffff;
  box-shadow: 0px 40px 100px 0px rgba(0, 0, 0, 0.08);
  border-radius: 40px 40px 0 0;
  border: 10px solid #ffffff;
  border-bottom: none;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 2px;
  margin: 7px auto 0;
}
.video-container .video-aside .phone video {
  width: 380px;
  border-radius: 40px 40px 0 0;
}
.video-container .video-aside .shadow {
  margin-top: 20px;
  width: 640px;
  height: 509px;
  background: #ffffff;
  box-shadow: 0px 40px 100px 0px rgba(32, 33, 36, 0.08);
  border-radius: 20px;
  box-sizing: border-box;
}
.video-container .video-aside .shadow video {
  border-radius: 20px;
}
.video-container .video-aside .number {
  position: absolute;
  font-size: 18px;
  vertical-align: text-bottom;
  top: 50px;
  right: 20px;
  width: 156px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: linear-gradient(180deg, #ffa95c 0%, #ff881e 100%);
  box-shadow: 0px 10px 50px 0px rgba(0, 52, 94, 0.07);
  border-radius: 8px;
}
.video-container .video-aside .number var {
  font-size: 20px;
  margin-right: 4px;
  height: 100%;
  line-height: 59px;
  width: 67px;
}
.video-container .video-aside .number:before {
  content: ' ';
  background: url(../img/icon/shead.png);
  margin-right: 7px;
  width: 24px;
  height: 27px;
}
.video-container .main-aside {
  width: 480px;
}
.video-container .main-aside h1 {
  color: #202124;
  font-size: 40px;
  font-weight: 700;
  padding-left: 30px;
}
.video-container .main-aside .tip {
  color: #919499;
  font-size: 24px;
  margin: 20px 0 40px;
  padding-left: 30px;
}
.video-container .main-aside .more-btn {
  margin-left: 30px;
}
.video-container .item {
  height: 124px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 28px;
  cursor: pointer;
}
.video-container .item:last-of-type {
  margin-bottom: 30px;
}
.video-container .item.active {
  background: #F5F7FA;
}
.video-container .item.active .iconfont {
  color: #006CFF;
}
.video-container .item p {
  color: #909399;
  font-size: 16px;
  line-height: 1.6;
  padding-left: 42px;
}
.video-container .item .title {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #241E1E;
  font-weight: 700;
  margin-bottom: 10px;
}
.video-container .item .title i {
  font-weight: normal;
  font-size: 30px;
  margin-right: 11px;
}
.video-container.reverse {
  flex-direction: row-reverse;
}
.vzan-serve {
  height: 660px;
  box-sizing: border-box;
  position: relative;
  padding-top: 123px;
  background: url(../img/bg/bgv.png) no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.vzan-serve h1 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 127px;
}
.vzan-serve .serve-container {
  display: flex;
}
.vzan-serve .item {
  flex: 1;
}
.vzan-serve .item var {
  font-size: 60px;
  margin-right: 3px;
  vertical-align: text-bottom;
  line-height: 0.9;
}
.vzan-serve .item p {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 32px;
  vertical-align: text-bottom;
}
.vzan-serve .item p span {
  font-size: 46px;
}
.vzan-serve .item span {
  font-size: 16px;
}
.tab-pane {
  position: relative;
  z-index: 2;
  background: #fff;
  margin-top: -200px;
  box-sizing: border-box;
  padding: 50px 50px 50px 60px;
  box-shadow: 0px 3px 111px 0px rgba(152, 152, 152, 0.14);
  border-radius: 2px;
}
.tab-pane .tab {
  height: 60px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #919499;
  font-size: 16px;
}
.tab-pane .tab i {
  width: 970px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
}
.tab-pane .tab:nth-of-type(1) i {
  background-image: url(../img/fd/w1.png);
}
.tab-pane .tab:nth-of-type(2) i {
  background-image: url(../img/fd/w2.png);
}
.tab-pane .tab:nth-of-type(3) i {
  background-image: url(../img/fd/w3.png);
}
.tab-pane .tab:nth-of-type(4) i {
  background-image: url(../img/fd/w4.png);
}
.tab-pane .tab:nth-of-type(5) i {
  background-image: url(../img/fd/w5.png);
}
.tab-pane .tab:nth-of-type(6) {
  margin-bottom: 0;
}
.tab-pane .tab:nth-of-type(6) i {
  background-image: url(../img/fd/w6.png);
}
.tab-pane img {
  width: 974px;
  height: 417px;
}
.vzan-news {
  margin: 95px auto 102px;
}
.vzan-news h1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 65px;
}
.vzan-news h1 a {
  color: #747474;
  font-size: 16px;
}
.vzan-news .main {
  display: flex;
  justify-content: space-between;
}
.vzan-news .main-news {
  width: 533px;
  height: 300px;
  border-radius: 8px;
  line-height: 1.4;
  position: relative;
  cursor: pointer;
  color: #fff;
  margin-right: 55px;
  flex-shrink: 0;
  overflow: hidden;
}
.vzan-news .main-news:hover img {
  transform: scale(1.2);
}
.vzan-news .main-news .left {
  position: absolute;
  left: 28px;
  top: 20px;
  color: rgba(255, 255, 255, 0.6) !important;
}
.vzan-news .main-news img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vzan-news .main-news .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 26px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0px 0px 8px 8px;
}
.vzan-news .main-news p {
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: bold;
}
.vzan-news .main-news span {
  display: block;
}
.vzan-news .aside {
  flex: 1;
  overflow: hidden;
}
.vzan-news .news-item {
  cursor: pointer;
  display: flex;
  margin-bottom: 42px;
  overflow: hidden;
}
.vzan-news .news-item:hover .right p {
  color: #006CFF;
}
.vzan-news .news-item:last-of-type {
  margin-bottom: 0;
}
.vzan-news .news-item .left {
  color: #C1C1C1;
  flex-shrink: 0;
  margin-right: 20px;
  font-family: 'TG-TYPE-Bold';
}
.vzan-news .news-item .left p {
  font-size: 50px;
  line-height: 1.1;
}
.vzan-news .news-item .left span {
  font-size: 15px;
}
.vzan-news .news-item .right {
  flex: 1;
  line-height: 1.3;
  padding-top: 7px;
  overflow: hidden;
}
.vzan-news .news-item .right p {
  font-size: 22px;
  margin-bottom: 15px;
}
.vzan-news .news-item .right span {
  color: #747474;
  display: block;
}

/*     -----------内容内容---------     */

.btn-box .more-btn{
  height:48px
}
.main-content{
  z-index:110;
  position:relative
}
.banner{
  height:620px
}
.banner .swiper-slide{
  position:relative
}
.banner .swiper-slide img{
  width:100%;
  min-width:1200px;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center
}
.banner .swiper-pagination{
  display:flex;
  justify-content:flex-start
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{
  bottom:70px;
  left:50%;
  width:1200px;
  transform:translateX(-50%)
}
.banner-svga{
  position:absolute;
  height:600px;
  left:900px;
  top:50px;
  z-index:99999
}
@media screen and (max-width:1550px) {
  .banner-svga{
    position:absolute;
    height:450px;
    left:600px;
    top:80px;
    z-index:99999
  }
}.swiper-box{
   height:130px;
   position:relative;
   display:flex;
   align-items:flex-end;
   overflow:scroll;
   scrollbar-width:none;
   -ms-overflow-style:none
 }
.swiper-box::-webkit-scrollbar {
  width:0!important;
  display:none!important
}
.swiper-box .item-01-bg{
  width:90px;
  height:88px;
  position:absolute;
  right:13px;
  top:16px
}
.swiper-box .item{
  width:288px;
  height:90px;
  background-image:url(https://www.vzan.com/_nuxt/img/item-bg.df7ee40.png);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-color:#fff;
  padding:22px 24px 0;
  border-radius:4px;
  box-sizing:border-box;
  position:relative;
  cursor:pointer;
  overflow:hidden;
  flex-shrink:0;
  transition:all .5s
}
.swiper-box .item:not(:last-child) {
  margin-right:16px
}
.swiper-box .item.more{
  padding:20px 16px;
  display:flex;
  align-items:center
}
.swiper-box .item.more ._more{
  width:50px;
  height:50px;
  margin-right:10px
}
.swiper-box .item .download-title{
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:20px;
  margin-bottom:8px
}
.swiper-box .item .download-title,.swiper-box .item p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden
}
.swiper-box .item p{
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#60646b;
  line-height:18px
}
.swiper-box .item .download-btn{
  height:43px;
  line-height:43px;
  text-align:center;
  font-size:12px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  line-height:12px;
  width:100%;
  color:#fff;
  position:absolute;
  left:0;
  bottom:0;
  background:none;
  background-size:100% 0;
  border:0;
  opacity:0;
  border-top:1px solid rgba(0,108,255,.05);
  transition:all .5s
}
.swiper-box .item.more:hover {
  background-image:url(https://www.vzan.com/_nuxt/img/more-bg.50f368a.png);
  background-repeat:no-repeat;
  background-size:100% 100%
}
.swiper-box .item.more:hover .download-title{
  color:#fff
}
.swiper-box .item.more:hover p{
  color:hsla(0,0%,100%,.6)
}
.swiper-box .item.download{
  position:relative
}
.swiper-box .item.download:hover {
  height:130px;
  background-image:url(https://www.vzan.com/_nuxt/img/swiperBg.d13dc36.png);
  background-repeat:no-repeat;
  background-size:100% 100%
}
.swiper-box .item.download:hover .download-title{
  color:#fff
}
.swiper-box .item.download:hover p{
  color:hsla(0,0%,100%,.6)
}
.swiper-box .item.download:hover .download-btn{
  opacity:1;
  color:#fff;
  border-top:1px solid hsla(0,0%,100%,.1)
}
.dialog-form {
  display:flex;
  height:500px;
  background:#fff;
  box-shadow:0 2px 12px 0 rgba(32,33,36,.06);
  position:fixed;
  left:50%;
  opacity:0;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:0;
  border-radius:12px;
  visibility:hidden;
  transition:all .2s
}
.dialog-form .el-form-item__content {
  padding-left:1px
}
.dialog-form .is-error .el-input-group--append.el-input-group--prepend {
  border-color:#f56c6c
}
.dialog-form .popper__arrow {
  left:30px;
  width:0;
  height:0;
  border:14px solid transparent;
  border-top-color:#303133
}
.dialog-form .el-checkbox__input.is-checked+.el-checkbox__label {
  color:#606266
}
.dialog-form .el-form-item {
  margin-bottom:32px
}
.dialog-form .close-btn {
  position:absolute;
  right:5px;
  width:auto!important;
  font-size:20px;
  color:#919499!important;
  top:16px;
  padding:0;
  z-index:1100
}
.dialog-form .el-select {
  font-size:16px;
  font-family:ALIBABAFont-Bold,ALIBABAFont;
  font-weight:700;
  color:#202124;
  line-height:16px;
  text-align:center;
  margin-top:-20px
}
.dialog-form .phone-input input {
  border:0
}
.dialog-form .el-input__inner {
  height:48px;
  line-height:48px;
  border-radius:4px
}
.dialog-form .checkbox {
  margin-top:42px;
  position:relative
}
.dialog-form .checkbox .el-tooltip__popper.is-dark {
  background:#303133;
  color:#fff;
  transform-origin:center bottom;
  z-index:2013;
  bottom:27px;
  left:-39px
}
.dialog-form .checkbox .font-blue {
  color:#006cff
}
.dialog-form .input-with-select {
  display:flex;
  align-items:center
}
.dialog-form .input-with-select .el-input__inner {
  border-radius:4px;
  color:#202124
}
.dialog-form .input-with-select .el-input-group__prepend {
  background-color:#fff;
  position:absolute;
  width:110px;
  box-sizing:border-box;
  height:20px;
  align-items:center;
  border:0;
  border-right:1px solid #eee;
  margin:0 0 0 2px;
  line-height:20px
}
.dialog-form .input-with-select .el-input-group__prepend+.el-input__inner {
  padding-left:10px
}
.dialog-form .el-input-group--append.el-input-group--prepend {
  display:flex;
  border:1px solid #dcdfe6;
  border-radius:4px
}
.dialog-form .el-select .el-input {
  width:100px
}
.dialog-form .el-select .el-input .el-input-group--append .el-input__inner {
  border-radius:4px
}
.dialog-form .el-button--text {
  border-color:transparent;
  color:#006cff;
  background:transparent;
  padding-left:0;
  padding-right:10px;
  width:140px
}
.dialog-form .d-title {
  font-size:20px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:20px;
  text-align:center;
  margin:50px 0 40px
}
.dialog-form .d-left {
  width:360px;
  height:500px;
  background:#2c54ff;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px
}
.dialog-form .d-left img {
  width:100%;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px
}
.dialog-form .d-right {
  width:450px;
  height:500px;
  background:#fff;
  box-shadow:0 2px 12px 0 rgba(32,33,36,.06);
  display:flex;
  align-items:center;
  flex-direction:column;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px
}
.dialog-form .d-right button.el-button.send.el-button--text.el-button--text.is-disabled {
  color:#aaa;
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#bfc2cc;
  line-height:14px
}
.dialog-form .download-btn {
  width:350px;
  height:48px;
  background:linear-gradient(270deg,#00a5ff,#006cff);
  border-radius:4px;
  font-size:14px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:14px
}
.dialog-form.leave{
  opacity:1;
  z-index:111;
  visibility:visible
}
.dialog-form+.v-modal{
  opacity:0;
  z-index:98;
  visibility:hidden
}
.dialog-form+.v-modal.leave{
  opacity:.5;
  z-index:110;
  visibility:inherit
}
.dialog-form+.v-modal.leave-active{
  transition:opacity .1s
}
.statistics{
  width:1200px;
  margin: 0 auto;
}
.statistics .main{
  position:relative
}
.statistics .main .btn{
  position:absolute;
  top:50%;
  margin-top:-5px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:50%;
  background:linear-gradient(270deg,#f0f5ff,#fff);
  box-shadow:0 30px 50px 0 rgba(76,89,141,.06);
  cursor:pointer
}
.statistics .main .btn:hover:before {
  opacity:1
}
.statistics .main .btn:before {
  content:"";
  background:url(data:image/png;
  base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAEVQTFRFAAAAAJn/AID/AG3/AID/AHb/AG3/AHf/AG3/AG3/AG7/AG3/AGz/AG3/AG3/AGz/AG3/AG3/AG3/AG3/AG3/AGz/AGz/+ph3BQAAABZ0Uk5TAAUGBwwNDg9eYGGoqq2vwcLExcfJ8xtNcyIAAABXSURBVEjH7Y1JEoAgEMR6cENccKP//1QPfsC+UcXknFQAx6mHkFKQgpU8ByUoJC+l2EjtMd6NF51azP+D6dGCz8+m+Uffio9d9FFEHwuZFR8Wo8Fx6uMFTnAJ1U9Rjo4AAAAASUVORK5CYII=) no-repeat;
  background-size:cover;
  width:24px;
  height:24px;
  opacity:.5;
  transition:opacity .5s
}
.statistics .main .btn.left{
  left:-76px;
  transform:rotate(180deg)
}
.statistics .main .btn.right{
  right:-76px
}
.statistics .statistics-right{
  flex:1;
  display:flex;
  justify-content:space-between;
  box-sizing:border-box;
  height:100%;
  border-left:none;
  margin-top:32px;
  border-radius:0 4px 4px 0
}
.statistics .statistics-right li{
  position:relative;
  box-sizing:border-box;
  height:90px;
  font-size:16px;
  text-align:center;
  color:#202124;
  display:flex;
  align-items:center
}
.statistics .statistics-right li img{
  width:80px;
  height:80px;
  margin-right:8px
}
.statistics .statistics-right li:first-child:before {
  display:none
}
.statistics .statistics-right li b{
  font-size:38px;
  font-weight:700;
  font-family:TG-TYPE-Bold
}
.statistics .statistics-right li span{
  font-weight:600
}
.statistics .statistics-right li p{
  margin-top:13px;
  font-weight:500
}
.statistics .statistics-right li .li-right{
  text-align:left
}
.statistics .statistics-right li:last-child:after {
  display:none
}
.statistics .statistics-left{
  align-self:flex-end;
  box-sizing:border-box;
  width:288px;
  height:90px;
  padding:22px 24px 0;
  border-radius:4px 0 0 4px;
  text-align:center;
  background-image:linear-gradient(135deg,#fff,#fff4e9);
  border-radius:6px;
  border:1px solid #ffecd9
}
.statistics .statistics-left .img-box{
  display:inline-block;
  width:118px;
  height:24px;
  margin-bottom:8px
}
.statistics .statistics-left .img-box>img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.statistics .statistics-left .p1{
  box-sizing:border-box;
  margin-bottom:8px;
  font-size:14px;
  line-height:16px;
  font-weight:500;
  color:#552700
}
.statistics .statistics-left .p2{
  font-size:12px;
  line-height:12px;
  font-weight:400;
  color:#552700;
  margin-top:12px;
  opacity:0;
  transition:all .5s
}
.statistics .statistics-left:first-child {
  height:114px
}
.statistics .statistics-left:first-child .msg{
  opacity:1
}
.statistics .statistics-left:hover {
  height:114px
}
.statistics .statistics-left:hover .p2{
  opacity:1
}
.block{
  padding:80px 0;
  background-size:100% 100%;
  width:100%;
  box-sizing:border-box
}
.block h2{
  font-size:36px;
  color:#202124;
  margin-bottom:24px;
  font-weight:700
}
.block .title-style{
  font-size:18px;
  text-align:center;
  color:#60646b
}
.block .content{
  width:1200px;
  margin:auto
}
.block.block1 .title-style{
  /*margin-top:172px;*/
  margin-bottom:60px
}
.block.block1 .content{
  display:flex;
  justify-content:space-between
}
.block.block1 .content .item{
  width:140px;
  height:340px;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:4px;
  opacity:1;
  overflow:hidden;
  position:relative;
  transition:all .3s ease-in-out;
  cursor:pointer
}
.block.block1 .content .item .mask{
  width:100%;
  padding:30px 0;
  box-sizing:border-box;
  display:block;
  height:100%;
  left:-100%;
  opacity:0;
  position:absolute;
  transition:left .4s cubic-bezier(.4,0,.2,1);
  transition-delay:.1s
}
.block.block1 .content .item .mask>p{
  font-size:14px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  line-height:14px;
  color:hsla(0,0%,100%,.6);
  margin-top:24px
}
.block.block1 .content .item .mask>p:hover {
  color:#fff
}
.block.block1 .content .item .mask .text{
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:36px;
  margin-top:100px
}
.block.block1 .content .item .mask .icon{
  display:flex;
  align-items:center;
  font-size:20px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:28px
}
.block.block1 .content .item .mask .icon>img{
  width:28px;
  height:28px;
  margin-right:8px
}
.block.block1 .content .item .logo{
  position:absolute;
  bottom:0;
  height:112px;
  width:100%;
  display:flex;
  opacity:1;
  align-items:center;
  flex-direction:column;
  transition:bottom .3s ease-in-out,opacity .3s ease-in-out
}
.block.block1 .content .item .logo>img{
  width:40px;
  height:40px;
  margin-bottom:16px
}
.block.block1 .content .item .logo>p{
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:18px
}
.block.block1 .content .item:first-of-type {
  background-position-x:85%
}
.block.block1 .content .item:nth-of-type(2) {
  background-position-x:30%
}
.block.block1 .content .item:nth-of-type(3) {
  background-position-x:66%
}
.block.block1 .content .item:nth-of-type(4) {
  background-position-x:82%
}
.block.block1 .content .item:nth-of-type(5) {
  background-position-x:100%
}
.block.block1 .content .item.active{
  background-position-x:0!important;
  width:560px
}
.block.block1 .content .item.active .mask{
  left:50px;
  opacity:1
}
.block.block1 .content .item.active .logo{
  opacity:0
}
.block.block2{
  height:833px;
  padding:80px 0 0;
  box-sizing:border-box;
  background:#f0f4f9
}
.block.block2 .content{
  margin-top:46px
}
.block.block2 .content .tab{
  display:flex;
  justify-content:center;
  border-bottom:1px solid rgba(1,40,111,.04);
  margin-bottom:10px
}
.block.block2 .content .tab .item{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:240px;
  height:140px;
  cursor:pointer
}
.block.block2 .content .tab .item.active p{
  color:#006cff
}
.block.block2 .content .tab .item.active:before,.block.block2 .content .tab .item:hover:before {
  width:100%
}
.block.block2 .content .tab .item:before {
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  content:"";
  width:0;
  height:2px;
  background-color:#006cff;
  transition:width .3s
}
.block.block2 .content .tab .item>img{
  width:200px;
  height:100px
}
.block.block2 .content .tab .item p{
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:16px;
  text-align:center;
  margin-top:-18px
}
.block.block2 .content .info-box{
  position:relative
}
.block.block2 .content .info-box .info{
  position:absolute;
  display:block;
  top:-10px
}
.info-list{width: 578px}
.info-img{width: 600px}
.block.block2 .content .info-box .info.active .left{
  opacity:1
}
.block.block2 .content .info-box .info.active .left .btn-box,.block.block2 .content .info-box .info.active .left .desc,.block.block2 .content .info-box .info.active .left .line,.block.block2 .content .info-box .info.active .left .tips,.block.block2 .content .info-box .info.active .left .title{
  opacity:1;
  position:relative;
  z-index:99
}
.block.block2 .content .info-box .info.active .right{
  opacity:1;
  transform:translateX(0)
}
.block.block2 .content .info-box .info .left{
  position:relative;
  padding-top:65px;
  opacity:0
}
.block.block2 .content .info-box .info .left .title{
  font-size:24px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#202124;
  line-height:24px;
  margin-bottom:12px
}
.block.block2 .content .info-box .info .left .title>span{
  font-size:28px;
  font-weight:700;
  color:#006cff
}
.block.block2 .content .info-box .info .left .desc{
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#60646b;
  line-height:24px
}
.block.block2 .content .info-box .info .left .line{
  position:relative;
  height:1px;
  background:rgba(1,40,111,.06);
  border-radius:2px;
  margin:28px 0 34px
}
.block.block2 .content .info-box .info .left .line:before {
  position:absolute;
  top:-3px;
  left:0;
  content:"";
  display:block;
  width:24px;
  height:3px;
  background:#202124
}
.block.block2 .content .info-box .info .left .tips .tips-item{
  display:flex;
  align-items:center;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#202124;
  line-height:24px
}
.block.block2 .content .info-box .info .left .tips .tips-item:not(:last-child) {
  margin-bottom:28px
}
.block.block2 .content .info-box .info .left .tips .tips-item>img{
  width:20px;
  height:20px;
  margin-right:12px
}
.block.block2 .content .info-box .info .right{
  height:486px;
  opacity:0;
  transform:translateX(30px);
  transition:all .3s;
  pointer-events:none
}
.block.block3{
  height:748px
}
.block.block3 .tab{
  margin-top:24px;
  margin-bottom:40px
}
.block.block3 .tab .item,.block.block3 .tab{
  display:flex;
  justify-content:center;
  align-items:center
}
.block.block3 .tab .item{
  position:relative;
  width:200px;
  height:56px;
  background:rgba(0,108,255,.04);
  border-radius:2px;
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:16px
}
.block.block3 .tab .item>img{
  width:32px;
  height:32px;
  margin-right:8px
}
.block.block3 .tab .item:not(:last-child) {
  margin-right:16px
}
.block.block3 .tab .item.active{
  background:linear-gradient(135deg,#006cff,#0084ff);
  color:#fff
}
.block.block3 .tab .item.active:after {
  position:absolute;
  bottom:0;
  left:0;
  content:"";
  display:block;
  height:3px;
  background:hsla(0,0%,100%,.5);
  width:0
}
@-webkit-keyframes line-data-v-6d9b1e8f {
  0% {
    width:0
  }
  to {
    width:100%
  }
}.block.block3 .info-box{
   position:relative
 }
.block.block3 .info-box .info{
  position:absolute;
  /*display:flex*/
}
.block.block3 .info-box .info.active .right{
  opacity:1
}
.block.block3 .info-box .info.active .right .btn-box,.block.block3 .info-box .info.active .right .desc,.block.block3 .info-box .info.active .right .line,.block.block3 .info-box .info.active .right .tips,.block.block3 .info-box .info.active .right .title{
  opacity:1;
  position:relative;
  z-index:99
}
.block.block3 .info-box .info.active .left{
  opacity:1;
  transform:scale(1)
}
.block.block3 .info-box .info .right{
  position:relative;
  opacity:0
}
.block.block3 .info-box .info .right .title{
  font-size:24px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#202124;
  line-height:24px;
  margin-bottom:12px
}
.block.block3 .info-box .info .right .title>span{
  font-size:28px;
  font-weight:700;
  color:#006cff
}
.block.block3 .info-box .info .right .desc{
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#60646b;
  line-height:24px
}
.block.block3 .info-box .info .right .line{
  position:relative;
  width:578px;
  height:1px;
  background:rgba(1,40,111,.06);
  border-radius:2px;
  margin:28px 0 34px
}
.block.block3 .info-box .info .right .line:before {
  position:absolute;
  top:-3px;
  left:0;
  content:"";
  display:block;
  width:24px;
  height:3px;
  background:#202124
}
.block.block3 .info-box .info .right .tips .tips-item{
  display:flex;
  align-items:center;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#202124;
  line-height:24px
}
.block.block3 .info-box .info .right .tips .tips-item:not(:last-child) {
  margin-bottom:28px
}
.block.block3 .info-box .info .right .tips .tips-item>img{
  width:20px;
  height:20px;
  margin-right:12px
}
.block.block3 .info-box .info .left{
  width:600px;
  height:394px;
  opacity:0;
  transform:translateX(30px);
  transition:all .3s;
  pointer-events:none;
  /*margin-right:48px*/
}
.block.block4{
  height:725px;
  padding:80px 0 0;
  box-sizing:border-box;
  background:#f0f4f9
}
.block.block4 .tab{
  margin-top:24px
}
.block.block4 .tab .item,.block.block4 .tab{
  display:flex;
  justify-content:center;
  align-items:center
}
.block.block4 .tab .item{
  position:relative;
  width:200px;
  height:56px;
  background:rgba(0,108,255,.04);
  border-radius:2px;
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:16px
}
.block.block4 .tab .item>img{
  width:32px;
  height:32px;
  margin-right:8px
}
.block.block4 .tab .item:not(:last-child) {
  margin-right:16px
}
.block.block4 .tab .item.active{
  background:linear-gradient(135deg,#006cff,#0084ff);
  color:#fff
}
.block.block4 .tab .item.active:after {
  position:absolute;
  bottom:0;
  left:0;
  content:"";
  display:block;
  height:3px;
  background:hsla(0,0%,100%,.5);
  width:0
}
@keyframes line-data-v-6d9b1e8f {
  0% {
    width:0
  }
  to {
    width:100%
  }
}.block.block4 .info-box{
   position:relative
 }
.block.block4 .info-box .info{
  position:absolute;
  /*display:flex*/
}
.block.block4 .info-box .info.active .left{
  opacity:1
}
.block.block4 .info-box .info.active .left .btn-box,.block.block4 .info-box .info.active .left .desc,.block.block4 .info-box .info.active .left .line,.block.block4 .info-box .info.active .left .tips,.block.block4 .info-box .info.active .left .title{
  opacity:1;
  position:relative;
  z-index:99
}
.block.block4 .info-box .info.active .right{
  opacity:1;
  transform:translateX(0)
}
.block.block4 .info-box .info .left{
  position:relative;
  opacity:0;
  padding-top:65px
}
.block.block4 .info-box .info .left .title{
  font-size:24px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#202124;
  line-height:24px;
  margin-bottom:12px;
  opacity:0
}
.block.block4 .info-box .info .left .title>span{
  font-size:28px;
  font-weight:700;
  color:#006cff
}
.block.block4 .info-box .info .left .desc{
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#60646b;
  line-height:24px;
  opacity:0
}
.block.block4 .info-box .info .left .line{
  position:relative;
  width:578px;
  height:1px;
  background:rgba(1,40,111,.06);
  border-radius:2px;
  margin:28px 0 34px;
  opacity:0
}
.block.block4 .info-box .info .left .line:before {
  position:absolute;
  top:-3px;
  left:0;
  content:"";
  display:block;
  width:24px;
  height:3px;
  background:#202124
}
.block.block4 .info-box .info .left .tips .tips-item{
  display:flex;
  align-items:center;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#202124;
  line-height:24px
}
.block.block4 .info-box .info .left .tips .tips-item:not(:last-child) {
  margin-bottom:28px
}
.block.block4 .info-box .info .left .tips .tips-item>img{
  width:20px;
  height:20px;
  margin-right:12px
}
.block.block4 .info-box .info .right{
  width:600px;
  height:486px;
  opacity:0;
  transform:translateX(30px);
  transition:all .3s;
  pointer-events:none;
  /*margin-right:48px*/
}
.block.block5{
  height:756px
}
.block.block5 .title-style{
  margin-bottom:40px
}
.block.block5 .title-style>h2{
  margin-bottom:20px
}
.block.block5 .btn-box{
  margin:0 auto
}
.block.block5 .content{
  display:flex;
  justify-content:space-between
}
.block.block5 .content .item{
  width:200px;
  height:380px;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:4px;
  overflow:hidden;
  position:relative;
  transition:all .3s ease;
  cursor:pointer
}
.block.block5 .content .item.active{
  background-position-x:0!important;
  width:552px
}
.block.block5 .content .item.active .icon{
  top:110px
}
.block.block5 .content .item.active .name{
  top:182px
}
.block.block5 .content .item.active .text{
  top:275px;
  opacity:1
}
.block.block5 .content .item .icon{
  position:absolute;
  top:196px;
  left:40px;
  width:40px;
  height:40px;
  margin-bottom:31px;
  transition:all .4s ease .1s
}
.block.block5 .content .item .name{
  position:absolute;
  top:268px;
  left:40px;
  font-size:24px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#fff;
  line-height:36px;
  width:120px;
  transition:all .4s ease .13s
}
.block.block5 .content .item .text{
  position:absolute;
  width:500px;
  top:400px;
  left:40px;
  opacity:0;
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:hsla(0,0%,100%,.8);
  line-height:32px;
  transition:all .4s ease .16s
}
.block.block5 .content .item:first-of-type {
  background-position-x:85%
}
.block.block5 .content .item:nth-of-type(2) {
  background-position-x:30%
}
.block.block5 .content .item:nth-of-type(3) {
  background-position-x:66%
}
.block.block5 .content .item:nth-of-type(4) {
  background-position-x:82%
}
.block.block5 .content .item:nth-of-type(5) {
  background-position-x:100%
}
.block.block6{
  position:relative;
  height:714px;
  background:#000
}
.block.block6 .bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:all .3s
}
.block.block6 .bg.active{
  opacity:1
}
.block.block6 .title-style{
  position:relative;
  z-index:2;
  margin-bottom:60px
}
.block.block6 .title-style>h2{
  color:#fff
}
.block.block6 .title-style>p{
  color:hsla(0,0%,100%,.5)
}
.block.block6 .content .box{
  position:relative;
  display:flex
}
.block.block6 .content .box .arrow{
  display:flex;
  justify-content:center;
  align-items:center;
  width:200px;
  height:79px;
  z-index:99
}
.block.block6 .content .box .arrow:before {
  content:"";
  display:block;
  background:url(data:image/png;
  base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEnRSTlMATUgFNB8YCkURQjwvJhY6LCRbQ018AAAAhklEQVRIx+3R0Q6FIAgG4CNpmIme3v9lo2Z4YYu7tja+Kyc4f/RnjHlXifG/aE1TWCG3dXQsET50z94dZjlwqmG6bV8yONYPFHAX37Y6pCjVLLt84wXOcXpwKaRNMg8lQgne3L4KUpKGGkoGudQXLivjMeUpxnF6cP2Lhvk1SHXl4MaY79kBbIwDdLkbyP4AAAAASUVORK5CYII=) no-repeat;
  background-size:cover;
  width:24px;
  height:24px
}
.block.block6 .content .box .arrow.up{
  position:absolute;
  top:0;
  left:0;
  background:url(https://www.vzan.com/_nuxt/img/arrow-up.1031a94.png) no-repeat;
  background-size:cover
}
.block.block6 .content .box .arrow.up:before {
  transform:rotate(180deg)
}
.block.block6 .content .box .arrow.down{
  position:absolute;
  bottom:0;
  left:0;
  background:url(https://www.vzan.com/_nuxt/img/arrow-down.c576cd4.png) no-repeat;
  background-size:cover
}
.block.block6 .content .box .left{
  position:relative;
  margin-right:40px;
  width:200px;
  height:420px;
  background:linear-gradient(180deg,#202124,rgba(67,69,74,0));
  border-radius:8px;
  padding:12px;
  box-sizing:border-box;
  overflow:scroll;
  flex-shrink:0;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.block.block6 .content .box .left::-webkit-scrollbar {
  width:0!important;
  display:none!important
}
.block.block6 .content .box .left .item{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:176px!important;
  height:48px!important;
  border-radius:4px;
  color:hsla(0,0%,100%,.6);
  font-weight:400;
  padding:0 8px 0 19px;
  box-sizing:border-box;
  cursor:pointer
}
.block.block6 .content .box .left .item:not(:last-child) {
  margin-bottom:20px
}
.block.block6 .content .box .left .item:after {
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  height:100%;
  background:#006cff;
  opacity:0;
  border-radius:4px;
  transition:all .3s
}
.block.block6 .content .box .left .item.active{
  color:hsla(0,0%,100%,.8)
}
.block.block6 .content .box .left .item.active:after {
  opacity:1
}
.block.block6 .content .box .left .item>div{
  position:relative;
  font-size:16px;
  display:flex;
  align-items:center;
  z-index:1
}
.block.block6 .content .box .left .item>div i{
  font-size:18px;
  margin-right:12px
}
.block.block6 .content .box .left .item>img{
  position:relative;
  z-index:1;
  width:20px;
  height:20px
}
.block.block6 .content .box .right{
  position:relative;
  width:100%
}
.block.block6 .content .box .right .item{
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%
}
.block.block6 .content .box .right .item.active{
  opacity:1
}
.block.block6 .content .box .right .item .top{
  position:relative;
  padding:6px 0 49px;
  border-bottom:1px solid hsla(0,0%,100%,.1);
  margin-bottom:46px
}
.block.block6 .content .box .right .item .top .btn-box{
  position:absolute;
  top:6px;
  right:0;
  z-index:99
}
.block.block6 .content .box .right .item .top .btn-box .more-btn{
  width:120px;
  height:40px;
  background:hsla(0,0%,100%,.2);
  border-radius:2px;
  font-size:14px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:14px;
  cursor:pointer
}
.block.block6 .content .box .right .item .top .title{
  font-size:24px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:33px;
  margin-bottom:14px
}
.block.block6 .content .box .right .item .top .text{
  width:800px;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:hsla(0,0%,100%,.8);
  line-height:28px;
  margin-bottom:39px
}
.block.block6 .content .box .right .item .top .icon-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  opacity:0
}
.block.block6 .content .box .right .item .top .icon-box .icon-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#fff;
  line-height:16px
}
.block.block6 .content .box .right .item .top .icon-box .icon-item>i{
  font-size:24px;
  margin-bottom:18px
}
.block.block6 .content .box .right .item .case .title{
  font-size:20px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:20px;
  margin-bottom:20px
}
.block.block6 .content .box .right .item .case>img{
  width:960px;
  -o-object-fit:cover;
  object-fit:cover;
  height:60px
}
.block.block7{
  position:relative;
  height:704px;
  padding:80px 0 0;
  background:url(https://www.vzan.com/_nuxt/img/block-7-bg.d17f9d4.png) no-repeat;
  background-size:cover;
  box-sizing:border-box
}
.block.block7 .title-style{
  width:1200px;
  text-align:left;
  margin:0 auto 50px
}
.block.block7 .title-style>h2{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:36px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#202124;
  line-height:36px;
  margin-bottom:14px
}
.block.block7 .title-style>p{
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:18px;
  opacity:.8
}
.block.block7 .title-style .relate{
  position:relative
}
.block.block7 .title-style .popup{
  position:absolute;
  left:-76px;
  top:calc(100% + 15px);
  width:292px;
  display:flex;
  align-items:center;
  flex-direction:column;
  padding:30px 24px 17px;
  background-image:url(https://j.weizan.cn/html/sc/_nuxt/img/code-bg.a76f422.png);
  background-size:100% 100%;
  background-position:50%;
  box-sizing:border-box;
  z-index:10;
  opacity:1;
  border-radius:8px
}
.block.block7 .title-style .popup .title-wrap{
  display:flex;
  align-items:center;
  width:100%;
  margin-bottom:12px
}
.block.block7 .title-style .popup .title-wrap .text{
  width:100%;
  font-size:20px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#202124;
  line-height:20px;
  text-align:center
}
.block.block7 .title-style .popup>img{
  width:150px;
  height:150px;
  margin:14px 0
}
.block.block7 .title-style .popup .tips{
  font-size:15px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#60646b;
  line-height:21px;
  width:100%;
  padding-bottom:18px;
  border-bottom:1px solid rgba(1,40,111,.06)
}
.block.block7 .title-style .popup .center{
  text-align:center
}
.block.block7 .title-style .popup .phone-wrap{
  display:flex;
  align-items:center;
  width:100%;
  margin-top:17px
}
.block.block7 .title-style .popup .phone-wrap>img{
  width:44px;
  height:44px;
  margin-right:10px
}
.block.block7 .title-style .popup .phone-wrap .text{
  font-size:12px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(42,43,44,.6);
  line-height:12px
}
.block.block7 .title-style .popup .phone-wrap .number{
  font-size:18px;
  font-weight:700;
  font-family:OPPOSans-H,OPPOSans;
  font-weight:400;
  color:#2a2b2c;
  line-height:18px;
  margin-top:8px
}
.block.block7 .content{
  position:relative
}
.block.block7 .content .video{
  position:absolute;
  right:-120px;
  bottom:-88px;
  width:328px;
  height:381px
}
.block.block7 .content .box{
  display:flex;
  width:900px;
  justify-content:space-between;
  flex-wrap:wrap;
  background:hsla(0,0%,100%,.3);
  border-radius:8px;
  overflow:hidden;
  border:2px solid hsla(0,0%,100%,.3)
}
.block.block7 .content .box .item{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:33.1%;
  height:200px;
  flex-shrink:0;
  cursor:pointer;
  overflow:hidden;
  -o-border-image:linear-gradient(315deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.3)) 2 2;
  border-image:linear-gradient(315deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.3)) 2 2
}
.block.block7 .content .box .item:first-child,.block.block7 .content .box .item:nth-child(2) {
  border-bottom:2px solid;
  border-right:2px solid
}
.block.block7 .content .box .item:nth-child(3) {
  border-bottom:2px solid
}
.block.block7 .content .box .item:nth-child(4),.block.block7 .content .box .item:nth-child(5) {
  border-right:2px solid
}
.block.block7 .content .box .item:before {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  content:"";
  width:0;
  height:2px;
  background-color:#006cff;
  transition:width .3s
}
.block.block7 .content .box .item:hover:before {
  width:100%
}
.block.block7 .content .box .item:hover>p{
  font-size:20px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#006cff;
  line-height:20px;
  top:44px
}
.block.block7 .content .box .item:hover .text{
  top:82px;
  opacity:1
}
.block.block7 .content .box .item:hover>img{
  transform:scale(.7) translateY(-60px);
  opacity:0
}
.block.block7 .content .box .item>img{
  width:100px;
  height:100px;
  margin-bottom:13px;
  transform:scale(1) translate(0);
  transition:transform .4s ease .1s,opacity .4s ease
}
.block.block7 .content .box .item>p{
  position:absolute;
  top:149px;
  left:50%;
  transform:translateX(-50%);
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:16px;
  z-index:1;
  transition:all .4s ease .13s
}
.block.block7 .content .box .item .text{
  position:absolute;
  top:180px;
  padding:0 50px;
  box-sizing:border-box;
  text-align:center;
  font-size:16px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#202124;
  line-height:26px;
  z-index:1;
  opacity:0;
  transition:all .4s ease .14s
}
.block.block8{
  height:704px;
  background:url(../images/bg.jpg) no-repeat;
  background-size:cover
}
.block.block8 .title-style{
  width:1200px;
  margin:0 auto 60px
}
.block.block8 .title-style>h2{
  font-size:36px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#fff;
  line-height:36px;
  margin-bottom:20px
}
.block.block8 .title-style>p{
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:18px;
  opacity:.8
}
.block.block8 .content{
  display:flex
}
.block.block8 .content .item{
  position:relative;
  width:386px;
  height:406px;
  border-radius:4px;
  overflow:hidden
}
.block.block8 .content .item:not(:last-child) {
  margin-right:21px
}
.block.block8 .content .item:after {
  position:absolute;
  top:0;
  left:0;
  content:"";
  height:100%;
  width:100%;
  /*background:linear-gradient(180deg,rgba(58,60,65,0),rgba(58,60,65,.8) 27%,#3a3c41);*/
  background: linear-gradient(180deg,rgb(15,43,113,0),rgb(11,38,105,.8) 27%,#0c2e84);
  opacity:0;
  transition:all .4s ease
}
.block.block8 .content .item:hover:after {
  opacity:1
}
.block.block8 .content .item:hover .item-box .name{
  top:129px
}
.block.block8 .content .item:hover .item-box .text{
  top:177px
}
.block.block8 .content .item:hover .item-box .hide{
  bottom:0;
  opacity:1
}
.block.block8 .content .item .item-box{
  text-align:center;
  height:100%;
  box-sizing:border-box;
  z-index:1
}
.block.block8 .content .item .item-box .name{
  position:absolute;
  top:274px;
  left:50%;
  transform:translateX(-50%);
  z-index:1;
  font-size:24px;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:#fff;
  line-height:24px;
  margin-bottom:24px;
  transition:top .4s .1s
}
.block.block8 .content .item .item-box .text{
  position:absolute;
  top:322px;
  z-index:1;
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:hsla(0,0%,100%,.6);
  line-height:22px;
  padding:0 67px;
  margin-bottom:40px;
  transition:top .4s ease .13s
}
.block.block8 .content .item .item-box .hide{
  position:absolute;
  bottom:-135px;
  z-index:1;
  opacity:1;
  display:flex;
  flex-wrap:wrap;
  padding-top:41px;
  transition:bottom .4s ease .16s,opacity .4s ease .16s
}
.block.block8 .content .item .item-box .hide.first{
  padding-left:50px
}
.block.block8 .content .item .item-box .hide.second{
  padding-left:41px
}
.block.block8 .content .item .item-box .hide.third{
  padding-left:30px
}
.block.block8 .content .item .item-box .hide.third .tag:first-child {
  margin-right:30px
}
.block.block8 .content .item .item-box .hide.third .tag:nth-child(3) {
  margin-right:35px
}
.block.block8 .content .item .item-box .hide:before {
  position:absolute;
  top:0;
  left:0;
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:linear-gradient(270deg,hsla(0,0%,100%,0),#fff 50%,hsla(0,0%,100%,0));
  border-radius:4px;
  opacity:.3
}
.block.block8 .content .item .item-box .hide .tag{
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#fff;
  line-height:18px
}
.block.block8 .content .item .item-box .hide .tag:nth-child(odd) {
  margin-right:50px;
  margin-bottom:26px
}
.block.block8 .content .item .item-box .hide .tag>i{
  font-size:18px;
  margin-right:12px
}
.block.block9{
  background: #f0f4f9;
}
.block.block9 .main{
  width:1200px;
  margin:60px auto 0
}
.block.block9 .block__header{
  margin-bottom:28px
}
.block.block9 .block__header .title-box{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.block.block9 .block__body ul.tag-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:30px;
  font-size:18px
}
.block.block9 .block__body ul.tag-list li.tag{
  position:relative;
  flex-shrink:0;
  box-sizing:border-box;
  line-height:48px;
  border-radius:30px;
  cursor:pointer;
  transition:all .3s
}
.block.block9 .block__body ul.tag-list li.tag:after {
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  content:"";
  width:0;
  height:2px;
  background-color:#006cff;
  transition:width .3s
}
.block.block9 .block__body ul.tag-list li.tag.active:after {
  width:100%
}
.block.block9 .block__body .client-wrapper{
  position:relative;
  height:600px
}
.block.block9 .block__body .client-wrapper ul.client-list{
  position:absolute;
  top:0;
  left:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-left:-22px;
  color:#60646b;
  opacity:0;
  transition:all .3s
}
.block.block9 .block__body .client-wrapper ul.client-list.active{
  opacity:1
}
.block.block9 .block__body .client-wrapper ul.client-list:after {
  content:"";
  flex:auto
}
li.client{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:180px;width:calc(16.66667% - 22px);margin:0 0 20px 22px;border-radius:2px;text-align:center;background-color:#fff;transition:width .3s}
li.client:hover{box-shadow:0 40px 80px -5px rgba(0,51,120,.1)}
li.client .logo{display:flex;justify-content:center;align-items:center;width:100%;height:100px;margin-bottom:16px}
li.client .logo .img-box{width:100px;height:100px;border-radius:4px;overflow:hidden}
li.client .name{display:block}
li.client:hover .mask{opacity:1}
li.client .mask{opacity:0;position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;padding-top:28px;background-color:#fff;transition:opacity .5s}
li.client .mask .qr-code-box{width:120px;height:120px;margin:0 auto 4px}
.block.block9 .cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}[v-cloak][data-v-1e7765d7]{display:none!important}
.block.block10{
  padding:76px 0;
  box-sizing:border-box;
  height:240px;
  font-size:24px;
  color:#fff;
  background:url(http://www.xiaoe001.com/static/xet/img/17931_2e52f_1637129268.png) no-repeat;
  background-size:cover
}
.block.block10 .main{
  align-items:center;
  width:1200px;
  margin:0 auto
}
.block.block10 .main .left,.block.block10 .main{
  display:flex;
  justify-content:space-between;
  height:100%
}
.block.block10 .main .left{
  flex-direction:column;
  font-size:28px;
  font-weight:500;
  color:hsla(0,0%,100%,.8);
  line-height:28px
}
.block.block10 .main .left h2{
  color:#fff;
  margin-bottom:0;
  line-height:36px
}
.block.block10 .main button.right{
  width:180px;
  height:66px;
  font-size:18px;
  color:#fff;
  background:#006cff
}
.block.block11{
  padding:80px 0 96px;
  box-sizing:border-box;
  background:url(https://www.vzan.com/_nuxt/img/banner.581d0c3.png) no-repeat;
  background-size:100% 368px
}
.block.block11 .content{
  margin-top:46px
}
.block.block11 .content .tab{
  display:flex
}
.block.block11 .content .tab .item{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  cursor:pointer
}
.block.block11 .content .tab .item:after {
  content:"/";
  display:block;
  text-align:center;
  width:40px;
  font-size:24px;
  font-weight:500;
  color:#e4e6e9;
  line-height:24px
}
.block.block11 .content .tab .item:last-child:after {
  content:"";
  display:none
}
.block.block11 .content .tab .item.active p{
  font-size:36px;
  font-weight:600;
  color:#202124;
  line-height:36px
}
.block.block11 .content .tab .item>p{
  font-size:24px;
  color:#919499;
  transition:all .2s
}
.block.block11 .content .info-box{
  margin-top:10px
}
.block.block11 .content .info-box .info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:50px
}
.block.block11 .content .info-box .info .left{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:360px;
  width:calc(50% - 36px);
  border-right:1px solid rgba(1,40,111,.06);
  margin-right:36px
}
.block.block11 .content .info-box .info .left .img-wrap{
  width:520px;
  height:270px;
  border-radius:8px;
  overflow:hidden;
  margin-bottom:20px
}
.block.block11 .content .info-box .info .left .img-wrap img{
  width:520px;
  height:270px;
  border-radius:8px;
  transition:all .8s
}
.block.block11 .content .info-box .info .left .img-wrap img:hover {
  transform:scale(1.05)
}
.block.block11 .content .info-box .info .left .news__cell{
  width:520px
}
.block.block11 .content .info-box .info .left:hover .cell__content{
  color:#202124
}
.block.block11 .content .info-box .info .left:hover .cell__content h3{
  color:#006cff
}
.block.block11 .content .info-box .info .left:hover .cell__content p{
  color:#202124
}
.block.block11 .content .info-box .info .right{
  flex:1;
  width:50%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:360px
}
.block.block11 .content .info-box .info .right .news__cell{
  width:100%
}
.block.block11 .content .info-box .info .right .news__cell .cell__content{
  padding-bottom:42px;
  border-bottom:1px solid rgba(1,40,111,.06)
}
.block.block11 .content .info-box .info .right .news__cell:last-child .cell__content{
  padding-bottom:0!important;
  border:none!important
}
.block.block11 .content .info-box .info .news__cell{
  display:flex;
  font-size:16px;
  cursor:pointer;
  transition:all .3s
}
.block.block11 .content .info-box .info .news__cell .cell__icon{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:66px;
  height:66px;
  margin-right:18px;
  font-weight:700;
  font-family:TG-TYPE-Bold;
  color:#333
}
.block.block11 .content .info-box .info .news__cell .cell__icon .day{
  font-weight:700;
  font-family:TG-TYPE-Bold;
  color:#202124;
  line-height:42px;
  font-size:42px;
  line-height:35px;
  margin-top:7px;
  margin-bottom:6px
}
.block.block11 .content .info-box .info .news__cell .cell__icon>span{
  font-size:16px;
  font-family:TG-TYPE-Bold;
  font-weight:700;
  line-height:16px;
  color:#b8babf
}
.block.block11 .content .info-box .info .news__cell .cell__content{
  flex:1;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:11px 0 7px;
  color:#60646b
}
.block.block11 .content .info-box .info .news__cell .cell__content h3{
  font-size:22px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#202124;
  line-height:22px;
  transition:all .3s;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.block.block11 .content .info-box .info .news__cell .cell__content p{
  margin-top:16px;
  transition:all .3s;
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:#60646b;
  line-height:16px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.block.block11 .content .info-box .info .news__cell:hover .cell__content h3{
  color:#006cff
}
.block.block11 .content .info-box .info .news__cell:hover .cell__content p{
  color:#202124
}
.block.block11 .content .info-box .info1{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:50px
}
.block.block11 .content .info-box .info1 .left{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:360px;
  width:calc(50% - 40px);
  box-sizing:border-box;
  border-right:1px solid rgba(1,40,111,.06);
  margin-right:40px;
  padding-right:40px
}
.block.block11 .content .info-box .info1 .left a .image-wrap{
  width:100%;
  height:280px;
  border-radius:8px;
  overflow:hidden
}
.block.block11 .content .info-box .info1 .left a .image-wrap img{
  width:100%;
  height:280px;
  border-radius:8px;
  transition:all .8s
}
.block.block11 .content .info-box .info1 .left a .bottom{
  width:100%
}
.block.block11 .content .info-box .info1 .left a .bottom .title-lines{
  font-size:22px;
  font-weight:500;
  color:#202124;
  line-height:22px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  margin:20px 0 16px
}
.block.block11 .content .info-box .info1 .left a .bottom .summary-lines{
  font-size:16px;
  font-weight:500;
  color:#60646b;
  line-height:16px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden
}
.block.block11 .content .info-box .info1 .left a:hover .bottom .title-lines{
  color:#006cff
}
.block.block11 .content .info-box .info1 .left a:hover .image-wrap img{
  transform:scale(1.05)
}
.block.block11 .content .info-box .info1 .right{
  flex:1;
  width:50%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:360px
}
.block.block11 .content .info-box .info1 .right a{
  display:flex;
  align-items:center;
  box-sizing:border-box;
  cursor:pointer
}
.block.block11 .content .info-box .info1 .right a .image-wrap{
  width:174px;
  height:98px;
  border-radius:4px;
  margin-right:20px;
  overflow:hidden
}
.block.block11 .content .info-box .info1 .right a .image-wrap img{
  width:174px;
  height:98px;
  border-radius:4px;
  transition:all .8s
}
.block.block11 .content .info-box .info1 .right a .bottom{
  flex:1;
  height:100%;
  padding:10px 0;
  box-sizing:border-box
}
.block.block11 .content .info-box .info1 .right a .bottom .title-lines{
  font-size:20px;
  font-weight:500;
  color:#202124;
  line-height:20px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  margin-bottom:16px
}
.block.block11 .content .info-box .info1 .right a .bottom .summary-lines{
  font-size:14px;
  font-weight:400;
  color:#60646b;
  line-height:26px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden
}
.block.block11 .content .info-box .info1 .right a:hover .bottom .title-lines{
  color:#006cff
}
.block.block11 .content .info-box .info1 .right a:hover .image-wrap img{
  transform:scale(1.05)
}
.block.block11 .content .info-box .info3 .school-list1{
  display:flex;
  flex-wrap:wrap
}
.block.block11 .content .info-box .info3 .school-list1 li{
  padding:12px;
  width:300px;
  box-sizing:border-box;
  border-radius:8px;
  margin-top:30px;
  cursor:pointer;
  transition:all .5s;
  position:relative
}
.block.block11 .content .info-box .info3 .school-list1 li:nth-of-type(4n) {
  margin-right:0
}
.block.block11 .content .info-box .info3 .school-list1 li a{
  width:276px;
  height:230px;
  overflow:hidden
}
.block.block11 .content .info-box .info3 .school-list1 li a .img-wrap{
  width:276px;
  height:158px;
  overflow:hidden;
  border-radius:6px
}
.block.block11 .content .info-box .info3 .school-list1 li a .img-wrap img{
  width:276px;
  height:158px;
  border-radius:6px;
  transition:all .5s
}
.block.block11 .content .info-box .info3 .school-list1 li a .qrcode-container{
  height:170px;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:rgba(0,0,0,.7);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
  opacity:0;
  border-radius:8px 8px 0 0;
  transition:opacity 0s
}
.block.block11 .content .info-box .info3 .school-list1 li a .bottom{
  padding-top:14px
}
.block.block11 .content .info-box .info3 .school-list1 li a .bottom>p{
  font-size:16px;
  font-weight:700;
  color:#333;
  margin-bottom:14px
}
.block.block11 .content .info-box .info3 .school-list1 li a .bottom span:after {
  content:""
}
.block.block11 .content .info-box .info3 .school-list1 li a .bottom .footer-line{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:#919499;
  line-height:14px
}
.block.block11 .content .info-box .info3 .school-list1 li a .bottom .footer-line i{
  font-size:18px;
  margin-right:4px
}
.block.block11 .content .info-box .info3 .school-list1 li a .bottom .footer-line>div{
  display:flex;
  align-items:center;
  justify-content:start;
  flex-direction:row
}
.block.block11 .content .info-box .info3 .school-list1 li .qrcode{
  width:78px;
  height:78px;
  padding:4px;
  background-color:#fff
}
.block.block11 .content .info-box .info3 .school-list1 li:hover {
  transform:translateY(-13px);
  box-shadow:0 0 40px 0 rgba(0,3,55,.1);
  background:#fff
}
.block.block11 .content .info-box .info3 .school-list1 li:hover .qrcode-container{
  opacity:1;
  transition:opacity .5s
}
.block.block11 .content .info-box .info3 .school-list1 li:hover a .img-wrap img{
  transform:scale(1.05)
}
.block.block11 .content .info-box .info3 .school-list1 li:hover a .bottom>p{
  color:#006cff
}
.block.block11 .content .info-box .info3 .school-list1 li:hover a .bottom .footer-line{
  color:#202124
}

.block-news{width: 1200px; margin: 60px auto 0; overflow: hidden}
.block-news .left{float: left}
.block-news .right{float: right}
.block-news .title{line-height: 50px; width: 570px}
.block-news .title h3{font-size: 18px;font-weight: bold}
.block-news li{font-size: 16px; width: 570px; line-height: 40px; height: 40px; overflow: hidden;}
.block-news .r{color: #999; padding-left: 10px; float: right}

.block-postu {
  background: url(../images/kwkj7ny80zzy.jpg) center center no-repeat;
  background-size: cover;
  padding-bottom: 80px
}
.block-postu .main{width: 1200px; margin: 0 auto}
.block-postu .title {
  color: #fff;
  padding: 60px 0 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
}
.block-postu li{box-sizing:border-box}
.block-postu ul {
  display: flex
}
.block-postu .title h2{font-size: 36px}
.block-postu ul li:nth-child(-n+3) {
  flex: 1
}

.block-postu ul li:nth-child(n+2) {
  margin-left: 24px
}

.block-postu ul li input {
  height: 50px;
  background: #fff;
  border-radius: 100px;
  width: 100%;
  appearance: none;
  outline: none;
  border: none;
  padding: 0 24px;
  box-sizing:border-box
}

.block-postu ul li input::-webkit-input-placeholder {
  font-size: inherit
}

.block-postu ul li button {
  background: hsla(0,0%,100%,.75);
  height: 50px;
  width: 100%;
  appearance: none;
  border-radius: 100px;
  border: none;
  padding: 0 48px;
  font-size: 18px;
  color: #006cff
}

.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:rgba(0,0,0,.4);transition-duration: 400ms;opacity:0}
.popup-backdrop.mui-active{opacity:1}
.mui-popup{position:fixed;top:50%;left:50%;z-index:10000;width:360px;padding:20px;overflow:hidden;color:#000;background:rgba(255,255,255,1);text-align:center;border-radius:13px;opacity:0;transition-property:transform,opacity;transform:translate3d(-50%,-50%,0) scale(1.185)}
.mui-popup.mui-popup-in{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);transition-duration:400ms}
.popup-tit{font-size: 24px; line-height: 60px; position: relative}
.popup-tit .close-btn{position:absolute; top:0; right: 0; width: 24px; height: 24px; background: url("/static/zc/images/close-icon-black.png");background-size:20px 20px;background-position:center;background-repeat:no-repeat;cursor:pointer;}
.popup-cont{padding: 10px 0}
.popup-cont li{padding: 15px 10px; text-align: center;position: relative}
.popup-cont input[type='text']{width: 100%; line-height: 48px; height: 48px;outline:none;transition:all .4s;padding:0 20px;background:#fcfdfe;border:1px solid #e9edf4;border-radius:7px;box-sizing:border-box}
.popup-cont input[type='text']:hover,.popup-cont input[type='text']:focus{border-color:#006fff !important}
.popup-cont input[type='text'].error,#regbox input.error{border-color:#ed4014 !important}
.popup-cont .more-btn{width: 100%; height: 48px;border-radius:7px;}
.popup-cont .error-tips{display:none;color:#ed4014;text-align:left;font-size:12px;height:8px;position:absolute;bottom:0px;right:10px}
.toast-container{position:fixed;bottom:50px;left:50%;z-index:9999;line-height:17px;opacity:0;transition:opacity .3s;transform:translate(-50%,0);background:rgba(0,0,0,.8);color: #fff;padding: 15px; border-radius: 10px;}
.toast-container.mui-active{opacity:.9}
.foot-butn-box{text-align: center}
.foot-butn{text-align:center;border-radius:50px;background-color:#FFA100;color: #fff;height: 50px; font-size: 18px; width: 200px}

.common-block-wrap{width:100%; padding:50px 0;}
.common-title{font-size:42px; text-align:center; line-height:100px; padding-top: 60px}
.common-content{width:100%; max-width:1200px; margin:0 auto; overflow:hidden}
.com-list-wrap{width:100%; padding:20px 0; overflow:auto; margin:0 auto}
.com-list-text{padding:50px 0 0; max-width:580px;}
.com-list-text dt{font-size:32px; line-height:50px; padding: 25px 0}
.com-list-text dd{color:#666; line-height:35px; font-size: 18px}

.news-feed{width: 1200px; margin:0 auto}
.news-feed *{box-sizing:border-box;padding: 0;margin: 0; line-height: normal}
.newtab{width: 1200px; line-height: 50px; height: 50px; box-shadow:0px 1px 3px rgba(0,0,0,0.2); margin:50px auto 40px; background: #fff; font-weight: bold;}
.newtab span{width: 135px;text-align: center;float: left;display: inline-block;}
.newtab span.active{border-bottom:3px solid #09F;}
.newtab span.active a{color:#09F;}
.news-item{width: 1196px; height: 200px; margin-bottom: 20px; background: #fff; box-shadow:0px 1px 5px rgba(0,0,0,0.1); border-radius: 6px;border-left:4px solid #09F}
.newslf{width: 200px;min-width: 200px;height: 150px;text-align: center;padding-top: 40px;}
.newmid{width: 240px;height: 180px;margin-top: 10px;margin-right: 30px;}
.newmid img{width: 240px;height: 180px;}
.day{font-size: 60px;color: #09F;font-weight: bold;}
.date{font-size: 20px;color: #09F;}
.newslf img{width: 355px;height: 200px;}
.newsrg{width:690px;height: 160px;padding: 20px 30px 20px 0;position: relative;}
.newsrg h4{font-size: 24px;color: #333333;font-weight: normal;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsdiv{font-size: 16px;color: #999999;line-height: 22px;margin-top: 15px;}
.newicon{margin-top: 40px; clear: both; overflow: auto;}
.newicon img{width: 20px;height: 20px;position: relative;top: -2px;}
.w_s_2{display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pagbox{width: 1200px; margin: 0 auto; text-align: center}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li {display: inline;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #F35B1A;border-color: #F35B1A;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #09F;border-color: #09F;}
.pagination>li>a, .pagination>li>span {padding: 8px 20px;margin: 0 10px;color: #333;font-size: 16px;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.news-wrap{width: 1200px; margin: 0 auto; padding: 120px 0 50px; overflow: auto; line-height: normal}
.news-wrap-left{width: 860px; float: left; padding: 0 10px;}
.news-wrap-left h1{font-size: 32px;}
.meta_content{font-size: 14px; color: #999; line-height: 80px;}
.news-body{line-height: 1.667; font-size: 18px;}
.news-right{width: 300px; float: right;}
.news-right h2{height: 60px; font-size: 20px; line-height: 50px;}
.news-card{margin-bottom: 10px;}
.news-card li{height: 95px;}
.news-card .pic{width: 120px; height: 80px; float: left; overflow: hidden}
.news-card .pic img{width: 120px;}
.news-card .txt{width: 168px; height: 80px; float: right; font-size: 14px; line-height: 20px;}


.menu_icon {
  display: none;
  width: 44px;
  height: 44px;
  position: relative;
  float: right;
  margin: 6px;
}
.menu_icon::after,
.menu_icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 20%;
  right: 20%;
  top: 50%;
  height: 3px;
  border-radius: 100px;
  background: currentColor;
  transform: translateY(-50%);
  transition: all ease .3s
}

.menu_icon::after {
  box-shadow: 0 -8px currentColor, 0 8px currentColor
}

.menu_icon.close::after {
  box-shadow: none
}

.menu_icon.close::after {
  transform: translateY(-50%) rotate(45deg)
}

.menu_icon.close::before {
  transform: translateY(-50%) rotate(-45deg)
}

.m-banner{display: none}

.mfsy{display: none}