/* 底部 */
.md28306.md-footer{width: 100%; background-color: var(--theme);}
.md28306.md-footer img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28306.md-footer .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28306.md-footer .f-top{width: 100%;padding: 1rem 0 .9rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.md28306.md-footer .f-left{width: 3.9rem;}
.md28306.md-footer .f-logo{display: inline-block;cursor: pointer;padding: .05rem 0;margin-bottom: .5rem;}
.md28306.md-footer .f-logo img{height: .33rem;}
.md28306.md-footer .f-tr{width: 100%;}
.md28306.md-footer .f-td{display: flex;align-items: flex-start;width: 100%;margin-bottom: .1rem;}
.md28306.md-footer .f-icon{width: 1.12em;height: 1.8em;line-height: 1.8em;}
.md28306.md-footer .f-icon img{width: 100%;}
.md28306.md-footer .f-text{flex: 1;padding-left: .2rem;color: #ffffff;line-height: 1.8;}
.md28306.md-footer .f-right{width: calc(100% - 4.5rem);display: flex;justify-content: space-between;}
.md28306.md-footer .f-item{display: block;padding-right: .15rem;}
.md28306.md-footer .f-item:last-child{padding-right: 0;}
.md28306.md-footer .f-one{display: block;margin-bottom: .35rem;color: #ffffff;line-height: 1.5;}
.md28306.md-footer .f-twobox{display: inline-block;}
.md28306.md-footer .f-two{display: block;cursor: pointer;margin-bottom: .1rem;color: rgba(255,255,255,.4);line-height: 1.6;}
.md28306.md-footer .f-two:hover{color: #fff;}

.md28306.md-footer .f-bottom{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; padding: .27rem 0;border-top: 1px solid rgba(255,255,255,.1);}
.md28306.md-footer .f-lt{font-size: 0;}
.md28306.md-footer .f-rt{font-size: 0;}
.md28306.md-footer .f-link{display: inline-block;vertical-align: middle;padding: .05rem 0;color: rgba(255,255,255,.4);line-height: 1.6;}
.md28306.md-footer .f-bottom a:hover{cursor: pointer;color: #fff;}
.md28306.md-footer .share{display: inline-block;vertical-align: top;font-size: 0;}
.md28306.md-footer .share_one{display: inline-block;vertical-align: middle;position: relative;margin-right: .4rem;}
.md28306.md-footer .share_one:last-child{margin-right: 0;}
.md28306.md-footer .share_link{display: block;cursor: pointer;}
.md28306.md-footer .share_link>img{height: 1.37em;opacity: .3;transition: all  .3s;}
.md28306.md-footer .share_sub{opacity: 0;z-index: -1;visibility: hidden;transition: all .3s; position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);padding-bottom: .1rem;}
.md28306.md-footer .share_code{width: 1.2rem;min-width: 100px;}
.md28306.md-footer .share_code img{width: 100%;}
.md28306.md-footer .share_one:hover .share_link>img{opacity: 1;}
.md28306.md-footer .share_one.show .share_sub{opacity: 1;z-index: 1;visibility: visible;}

@media (max-width: 750px) {
  .md28306.md-footer .f-top{padding: .5rem 0;}
  .md28306.md-footer .f-left{width: 100%;}
  .md28306.md-footer .f-right{width: 100%;display: none;}
  .md28306.md-footer .f-lt{width: 100%;text-align: center;}
  .md28306.md-footer .f-rt{width: 100%;text-align: center;}
}

/* 侧边栏 */
.md28306.sidebar{position: fixed;top: 50%;right: .25rem;z-index: 38;}
.md28306.sidebar .sidebar-item{display: block;margin: .1rem 0;}
.md28306.sidebar .sidebar-link{transition: all  .3s;display: flex;align-items: center;justify-content: center;cursor: pointer; width: .46rem;height: .46rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .54rem 0px rgba(168, 136, 105, 0.24);}
.md28306.sidebar .sidebar-link img{transition: all  .3s;width: 100%;height: 100%;object-fit: contain;}
.md28306.sidebar .sidebar-link:hover{background-color: var(--theme);}
.md28306.sidebar .sidebar-link:hover img{filter: grayscale(100%) brightness(500%);}
@media (max-width: 1150px) {
  .md28306.sidebar{right: .15rem;}
  .md28306.sidebar .sidebar-link{width: .6rem;height: .6rem;}
}

.md28307.md-header{position: relative;top: 0;left: 0;z-index: 288;width: 100%;background-color: var(--theme);} 
.md28307.md-header img{display: inline-block;vertical-align:middle;max-width: 100%;} 
.md28307.md-header .h-top{width: 100%;}
.md28307.md-header .ht-main{width: 17.6rem;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;position: relative;min-height: .5rem;}
.md28307.md-header .ht-left{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);z-index: 28;display: flex;align-items: center;}
.md28307.md-header .ht-store{display: block;cursor: pointer;margin-right: .4rem;color: #ffffff;line-height: .5rem;}
.md28307.md-header .ht-store img{height: 1.25em;margin-right: .1rem;}
.md28307.md-header .h-language{display: block;cursor: pointer;position: relative;z-index: 8;}
.md28307.md-header .hl-tip{display: block;color: #ffffff;line-height:.5rem;}
.md28307.md-header .hl-tip:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1.25em;height: 1.5em;background-image: url('../images/h2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.md28307.md-header .hl-tip:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width:.62em;height: 1.5em;background-image: url('../images/h3.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.md28307.md-header .hl-list{display: none;position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);width: 100%;min-width: 5em;background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.md28307.md-header .hl-item {display: block;cursor: pointer;padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.md28307.md-header .hl-item:hover{color: #fff;background-color: var(--theme);} 
.md28307.md-header .ht-center{width: 100%;text-align: center;}
.md28307.md-header .ht-link{display: block;width: 100%;text-align: center;padding: .05rem .15rem;color: #ffffff;line-height: 1.6;}
.md28307.md-header .ht-link a{cursor: pointer;text-decoration: underline !important;}

.md28307.md-header .h-bottom{width: 100%;}
.md28307.md-header .h-main{position: relative;width: 100%;background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.md28307.md-header .h-cont{width: 17.6rem;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md28307.md-header .h-left{display: flex;align-items: center;height: .8rem;}
.md28307.md-header .h-logo{position: relative;z-index: 8;display: block;cursor: pointer;height: .8rem;line-height: .8rem;} 
.md28307.md-header .h-logo img{max-width: 100%;height:31.2%;}  

.md28307.md-header .h-right{display: flex;align-items: center;height: .8rem;padding-right: .8rem;}
.md28307.md-header .h-nav{display: block;font-size: 0;position: absolute;top: 0;left: 0;z-index: 7;width: 100%;text-align: center;font-size: 0;}
.md28307.md-header .h-item{display: inline-block;vertical-align: top;position: relative;margin: 0 .2rem;}
.md28307.md-header .h-one{ display: inline-block;cursor: pointer;position: relative;color: #333333;height: .8rem;line-height: .8rem;}
.md28307.md-header .h-one:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .3s;height: 2px;background-color: var(--theme);}
.md28307.md-header .h-sub{display: none;min-width: 1.5rem;background-color: #fff;position: absolute;left: 50%;top: 100%;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.md28307.md-header .hs-cont{width: 100%;}
.md28307.md-header .hs-twobox{display: block;}
.md28307.md-header .hs-two{display: block;cursor: pointer;width: 100%;padding: 10px 8px;white-space: nowrap;line-height:1.5;text-align: center;color: #222;transition: background-color .3s;}
.md28307.md-header .hs-two:hover{color: #fff;background-color: var(--theme);} 

.md28307.md-header .h-car {position: relative;z-index: 8; display: inline-flex;align-items: center;cursor: pointer;width: 1.4em;margin-right: .1rem;color: #000;}

.md28307.md-header .h-search{display: block;position: relative;margin-left: .3rem;}
.md28307.md-header .ha-buttom{position: relative;z-index: 8;display: block;cursor: pointer;width:1.25em;height: .8rem;background-image: url('../images/h4.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md28307.md-header .ha-sub{display: none;z-index: 108;white-space: nowrap;position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.md28307.md-header .ha-form{font-size: 0;display: inline-block;} 
.md28307.md-header .ha-input{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #222;}
.md28307.md-header .ha-submitbox{display: inline-block;vertical-align: middle;width: 45px;background-color: var(--theme);}
.md28307.md-header .ha-submit{border: none;display: block;cursor: pointer;width: 100%;height: 45px; background-color: transparent;background-image: url('../images/h4-b.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}
.md28307.md-header.search-state .ha-sub {display: block;}
.md28307.md-header.search-state .h-opa {display: block;}

.md28307.md-header .h-enquiry{transition: all .3s;position: relative;z-index: 8;display: inline-block;cursor: pointer;margin-left: .5rem;padding: 0 .2rem;line-height: .48rem;color: #fff;border-radius:.24rem;background-color: var(--theme);}
.md28307.md-header .h-enquiry img{height: 1.25em;margin-right: .1rem;}
.md28307.md-header .h-enquiry:hover{background-color: var(--active);}

.md28307.md-header .h-bottom.fixed  .h-main{position: fixed;top: 0;}
.md28307.md-header .h-menu {display: none;cursor: pointer;margin-left: .3rem;width: 1.5em;height:1rem;background-image: url('../images/h-menu.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md28307.md-header .h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}
@media (min-width: 1200px) { 
  .md28307.md-header .h-item:hover .h-one{color: var(--theme);} 
  .md28307.md-header .h-item:hover .h-one:after{width: 100%;}  
  .md28307.md-header .h-item.active .h-one:after{width: 100%;} 
  .md28307.md-header .h-item.active  .h-one{color: var(--theme);}  
}
@media(max-width:1200px){  
  .md28307.md-header .ht-main{width: 100%;padding: 0 .3rem;justify-content: space-between;}
  .md28307.md-header .ht-left{position: relative;top: 0;transform: translate(0,0);}
  .md28307.md-header .ht-store{line-height: .6rem;}
 .md28307.md-header .hl-tip{line-height: .6rem;}
  .md28307.md-header .ht-center{flex: 1;padding: 0 !important;text-align: right;}

  .md28307.md-header .h-cont{width: 100%;padding: 0 .3rem;}
  .md28307.md-header .h-left{height: 1rem;} 
  .md28307.md-header .h-logo{height: 1rem;line-height: 1rem;} 
  .md28307.md-header .ha-buttom{height: 1rem;}
  .md28307.md-header .h-enquiry{margin-left: .3rem;line-height: .6rem;border-radius: .3rem;}
  .md28307.md-header .h-right{padding-right: 0;}  
  .md28307.md-header .h-nav{position: fixed;left: auto;right: 0;top: 0;width: 260px;height: 100vh;text-align: left;margin: 0;padding: 10px 0;background-color: #fff;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
  .md28307.md-header .h-item{width: 100%;padding: 0 !important;margin: 0 !important;}
  .md28307.md-header .h-one{padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #222;font-size: 16px;}
  .md28307.md-header .h-item.has-nav:after {content: "";background-image: url('../images/h-right.png');background-size: 16px auto;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
  .md28307.md-header .h-item.has-nav.show:after {background-size: 18px auto;background-image: url('../images/h-down.png');}
  .md28307.md-header .h-sub{position: relative;top: 0;left: 0;width: 100% !important;background-color: #fff;box-shadow: none;transform: translate(0,0);}
  .md28307.md-header .hs-two{white-space: normal;text-align: left;padding-left: 40px;color: #333;font-size: 14px;} 
  .md28307.md-header .h-item.active .h-one{color: var(--theme);}

  /* 菜单 */
  .md28307.md-header .h-menu {display: block;}
  .md28307.md-header.menu-state .h-nav{transform: translate(0, 0);}
  .md28307.md-header.menu-state .h-opa {display: block;}  
}
@media(max-width:500px){ 
  .md28307.md-header .ht-center{display: none;}
}

/* 头部 */

.md28307.xa-main{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.md28307.xa-main.show{opacity: 1;z-index: 388;visibility: visible;}
.md28307.xa-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28307.xa-main .xa-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;}
.md28307.xa-main .xa-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 7.7rem;max-width: 92%;}
.md28307.xa-main .xa-cont{width: 100%;padding: .6rem; max-height: 90vh;overflow: auto;background-color: #ffffff;border-radius: .1rem;}
.md28307.xa-main .xa-top{width: 100%;padding-bottom:  .2rem;}
.md28307.xa-main .xa-titles{width: 100%;line-height: 1;}
.md28307.xa-main .xa-synopsis{width: 100%;padding-top: .1rem;color: #434343;line-height: 1.5;}
.md28307.xa-main .xa-close{position: absolute;top: .2rem;right: .2rem;display: block;cursor: pointer;width: .34rem;height: .34rem;background-image: url('../images/close.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}
.md28307.xa-main .xa-close:hover{background-image: url('../images/close-b.png');}
.md28307.xa-main .xa-bottom{width: 100%;}
.md28307.xa-main .xa-two{display: flex;flex-wrap: wrap;justify-content: space-between;}
.md28307.xa-main .xa-item{display: block;width: 100%;position: relative;margin-bottom: .2rem;}
.md28307.xa-main .xa-input{display: block;width: 100%;padding: 0 .2rem;color: #333;height: .48rem;border-radius: .08rem;border: solid 1px #e5e5e5;}
.md28307.xa-main .xa-textarea{display: block;width: 100%;padding: .15rem .2rem;line-height: 1.6; color: #333;height: 8.9em;border-radius: .08rem;border: solid 1px #e5e5e5;}

.md28307.xa-main .xa-buttom{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.md28307.xa-main .xa-privacy{display: block;margin-top: .1rem;cursor: pointer;color: #999999;line-height: 1.6;text-decoration: underline;}
.md28307.xa-main .xa-privacy:hover{color: var(--theme);text-decoration: underline;}
.md28307.xa-main .xa-submit{display: block;cursor: pointer;border: none;padding: 0 .54rem;height: 2.28em;line-height: 2.28em;text-align: center;border-radius: 1.14em;margin-top: .1rem;color: #ffffff;background-color: var(--theme);}

.md28307.xa-main .selectbox{width: 100%;position: relative;z-index: 8;}
.md28307.xa-main .select-tip{width: 100%;display: block;cursor: pointer;position: relative;padding-left: .2rem; padding-right: .4rem;border-radius: .08rem;border: solid 1px #e5e5e5;}
.md28307.xa-main .select-tip:after{content: "";position: absolute;right: .2rem;top: 0;z-index: 1;width: .15rem;height: 100%;background-image: url('../images/down.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md28307.xa-main .select-cur{display: block; width: 100%;height:.48rem;line-height:.48rem;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.md28307.xa-main .select-cur span{color: #ff0000;}
.md28307.xa-main .select-sub{visibility: hidden;z-index: -1;opacity: 0; position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff; box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.md28307.xa-main .select-cont{width: 100%;max-height: 1.9rem; overflow: auto;}
.md28307.xa-main .select-item{display: block;cursor: pointer; width: 100%; line-height: 1.6;padding: .1rem .15rem .1rem .3rem;color: #666666;}
.md28307.xa-main .select-item:hover{background-color: var(--theme) !important;color: #fff;}
.md28307.xa-main .select-item.select{background-color: #f5f5f5;}
.md28307.xa-main .selectbox.show {z-index: 28;}
.md28307.xa-main .selectbox.show .select-sub{visibility: visible;z-index: 98;opacity: 1;transition: all ease .5s;}
.md28307.xa-main .selectbox.active .select-cur{color: #333;}

@media (max-width: 1150px) {
   .md28307.xa-main .xa-input{height: .6rem;}
   .md28307.xa-main .select-cur{height: .6rem;line-height: .6rem;}
}
@media (min-width: 750px) {
   .md28307.xa-main .xa-two .xa-item{width: calc(50% - .05rem);}
}

.md28309.md-com-banner {
  position: relative;
  z-index: 40;
}
.md28309.md-com-banner .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md28309.md-com-banner .cb_ban {
  position: relative;
}
.md28309.md-com-banner .cb_bg {
  position: relative;
  padding-top: calc(500 / 1920 * 100%);
  overflow: hidden;
}
.md28309.md-com-banner .cb_bg img {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.md28309.md-com-banner .cb_text {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  line-height: 1.2;
  text-align: center;
}
.md28309.md-com-banner .title {
  line-height: 1.25;
}
.md28309.md-com-banner .intro {
  margin-top: 0.16rem;
}
.md28309.md-com-banner .vline {
  width: 1px;
  height: 0.8rem;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.md28309.md-com-banner .video video {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .md28309.md-com-banner .cb_bg {
    padding-top: 40%;
  }
}
@media screen and (max-width: 500px) {
  .md28309.md-com-banner .vline {
    display: none;
  }
}

.md28311.md-com-bread {
  box-shadow: 0 -1px 0 0 inset #e9edf4;
}
.md28311.md-com-bread .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md28311.md-com-bread .bread {
  position: relative;
  padding-top: 0.26rem;
  padding-bottom: 0.26rem;
  color: #666;
  line-height: 1;
}
.md28311.md-com-bread .bread .home {
  margin-right: 0.1rem;
  display: inline-flex;
  align-items: center;
}
.md28311.md-com-bread .bread svg {
  width: 1em;
  height: 1em;
  color: var(--theme);
}
.md28311.md-com-bread .bn-swiper {
  max-width: 50%;
}
.md28311.md-com-bread .bn-swiper .bsa {
  position: relative;
  width: auto;
  white-space: nowrap;
  transition: color 0.5s;
}
.md28311.md-com-bread .bn-swiper .bsa:hover {
  color: var(--theme);
}
.md28311.md-com-bread .bn-swiper .bsa.on {
  color: #fff;
  background-color: var(--theme);
}
.md28311.md-com-bread .bn-swiper .cta {
  min-width: 1.6rem;
  display: block;
  line-height: 0.8rem;
  text-align: center;
  padding: 0 1em;
}
.md28311.md-com-bread .bn-swiper .sp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 900px) {
  .md28311.md-com-bread .bn-swiper {
    width: 100%;
    max-width: none;
    margin-top: 0.1rem;
  }
  .md28311.md-com-bread .bn-swiper .cta {
    line-height: 2.5;
  }
}

.md28312.md-com-bread {
  box-shadow: 0 -1px 0 0 inset #e9edf4;
}
.md28312.md-com-bread .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md28312.md-com-bread .bread {
  position: relative;
  padding-top: 0.26rem;
  padding-bottom: 0.26rem;
  color: #666;
  line-height: 1;
}
.md28312.md-com-bread .bread .home {
  margin-right: 0.1rem;
  display: inline-flex;
  align-items: center;
}
.md28312.md-com-bread .bread svg {
  width: 1em;
  height: 1em;
  color: var(--theme);
}
.md28312.md-com-bread .bn-swiper {
  max-width: 50%;
}
.md28312.md-com-bread .bn-swiper .bsa {
  position: relative;
  width: auto;
  white-space: nowrap;
  transition: color 0.5s;
}
.md28312.md-com-bread .bn-swiper .bsa:hover {
  color: var(--theme);
}
.md28312.md-com-bread .bn-swiper .bsa.on {
  color: #fff;
  background-color: var(--theme);
}
.md28312.md-com-bread .bn-swiper .cta {
  min-width: 1.6rem;
  display: block;
  line-height: 0.8rem;
  text-align: center;
  padding: 0 1em;
}
.md28312.md-com-bread .bn-swiper .sp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 900px) {
  .md28312.md-com-bread .bn-swiper {
    width: 100%;
    max-width: none;
    margin-top: 0.1rem;
  }
  .md28312.md-com-bread .bn-swiper .cta {
    line-height: 2.5;
  }
}

.md28313.md-com-banner {
  position: relative;
  z-index: 40;
}
.md28313.md-com-banner .layout {
  margin-left: auto;
  margin-right: auto;
  width: 16rem;
  max-width: 92%;
}
.md28313.md-com-banner .cb_ban {
  position: relative;
}
.md28313.md-com-banner .cb_bg {
  position: relative;
  padding-top: calc(500 / 1920 * 100%);
  overflow: hidden;
}
.md28313.md-com-banner .cb_bg img {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.md28313.md-com-banner .cb_text {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  line-height: 1.2;
  text-align: center;
}
.md28313.md-com-banner .title {
  line-height: 1.25;
}
.md28313.md-com-banner .intro {
  margin-top: 0.16rem;
}
.md28313.md-com-banner .vline {
  width: 1px;
  height: 0.8rem;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.md28313.md-com-banner .video video {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .md28313.md-com-banner .cb_bg {
    padding-top: 40%;
  }
}
@media screen and (max-width: 500px) {
  .md28313.md-com-banner .vline {
    display: none;
  }
}