
/* 头部 */
body{padding-top: 1rem;}
.md17623.md-header{position: fixed;top: 0;left: 0;z-index: 288;width: 100%;background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.md17623.md-header img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md17623.md-header .h-main{width: 17.4rem;max-width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md17623.md-header .h-left{display: flex;align-items: center;font-size: 0;}
.md17623.md-header .h-logo{display: block;cursor: pointer;height: 1rem;line-height: 1rem;}
.md17623.md-header .h-logo img{max-width: 100%;height: 64%;}
.md17623.md-header .h-right{display: flex;align-items: center;font-size: 0;}
.md17623.md-header .h-nav{display: block;font-size: 0;padding-right: .45rem;}
.md17623.md-header .h-item{display: inline-block;vertical-align: top;position: relative;padding: 0 .22rem;}
.md17623.md-header .h-one{display: inline-block;cursor: pointer;position: relative;color: #222222;height: 1rem;line-height: 1rem;}
.md17623.md-header .h-one:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .3s;height: 3px;background-color: #c3171d;border-radius: 1px;}
.md17623.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);}
.md17623.md-header .hs-cont{width: 100%;}
.md17623.md-header .hs-twobox{display: block;}
.md17623.md-header .hs-two{display: block;cursor: pointer;width: 100%;padding: 10px 8px;white-space: nowrap;line-height:1.5;text-align: center;color: #666;transition: background-color .3s;}
.md17623.md-header .hs-two:hover{color: #fff;background-color: #c3171d;} 
.md17623.md-header .h-menu {display: none;cursor: pointer;margin-left: .45rem; width: 1.2em;height:1rem; background-image: url('/static/home/images/h-menu.png');background-size:100% auto;background-position: center center;background-repeat: no-repeat;}
.md17623.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;}

.md17623.md-header .h-inquiry{display: block;cursor: pointer;margin-left: .45rem;width: 1.11em;height: 1rem;line-height: 1rem;}
.md17623.md-header .h-inquiry img{width: 100%;}
.md17623.md-header .h-enquiry{display: inline-block;vertical-align: middle;cursor: pointer;padding: 0 .26rem;margin-left: .45rem;color: #ffffff;line-height:  .4rem;background-color: #c3171d;border-radius: .2rem;}

.md17623.md-header .h-search{display: block;margin-left: .45rem;}
.md17623.md-header .ha-buttom{display: block;cursor: pointer;width: .95em;height: 1rem;background-image: url('/static/home/images/a2.png');background-size:100% auto;background-position: center center;background-repeat: no-repeat;}
.md17623.md-header .ha-sub{display: none;z-index: 108;white-space: nowrap;position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.md17623.md-header .ha-form{font-size: 0;display: inline-block;} 
.md17623.md-header .ha-input{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.md17623.md-header .ha-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #c3171d;background-image: url('/static/home/images/a2-b.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}
.md17623.md-header.search-state .ha-sub {display: block;}
.md17623.md-header.search-state .h-opa {display: block;}

.md17623.md-header .h-language{display: block;cursor: pointer;position: relative;margin-left: .45rem;}
.md17623.md-header .hl-tip{display: block;width: .95em;height: 1rem;background-image: url('/static/home/images/a4.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.md17623.md-header .hl-list{display: none;position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.md17623.md-header .hl-item {display: block;cursor: pointer;min-width: 5em; padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.md17623.md-header .hl-item:hover{color: #fff;background-color: #c3171d;} 

@media (min-width: 1200px) {
   .md17623.md-header .h-item:hover .h-one:after{width: 100%;}
   .md17623.md-header .h-item.active .h-one:after{width: 100%;}
}

@media(max-width:1500px){  
   .md17623.md-header .h-nav{padding-right: 0;}
   .md17623.md-header .h-item{padding: 0 .15rem;}
}  
@media(max-width:1300px){  
   .md17623.md-header .h-language{margin-left: .3rem;}
   .md17623.md-header .h-search{margin-left: .3rem;}
   .md17623.md-header .h-enquiry{margin-left: .3rem;}
}
@media(max-width:1200px){    
   .md17623.md-header .h-main{width: 100%;}  
   .md17623.md-header .h-enquiry{line-height: .5rem;border-radius: .25rem;}
   .md17623.md-header .h-nav{position: fixed;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;}
   .md17623.md-header .h-item{width: 100%;padding: 0 !important;margin: 0 !important;}
   .md17623.md-header .h-one{padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 16px;}
   .md17623.md-header .h-item.has-nav:after {content: "";background-image: url('/static/home/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;}
   .md17623.md-header .h-item.has-nav.show:after {background-size: 18px auto;background-image: url('/static/home/images/h-down.png');}
   .md17623.md-header .h-sub{position: relative;top: 0;left: 0;width: 100% !important;background-color: #fff;box-shadow: none;transform: translate(0,0);}
   .md17623.md-header .hs-two{white-space: normal;text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;} 
   .md17623.md-header .h-item.active .h-one{color: #c3171d;}
   /* 菜单 */
   .md17623.md-header .h-menu {display: block;}
   .md17623.md-header.menu-state .h-nav{transform: translate(0, 0);}
   .md17623.md-header.menu-state .h-opa {display: block;}  

}

@media(max-width: 500px) {    
   .md17623.md-header .ha-input{width: 5rem;height: 35px;} 
   .md17623.md-header .ha-submit{width: 35px;height: 35px;}   
}

.md17623.xa-main{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.md17623.xa-main.show{opacity: 1;z-index: 388;visibility: visible;}
.md17623.xa-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md17623.xa-main .xa-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;}
.md17623.xa-main .xa-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 7.7rem;max-width: 92%;}
.md17623.xa-main .xa-cont{width: 100%;padding: .6rem; max-height: 90vh;overflow: auto;background-color: #ffffff;border-radius: .1rem;}
.md17623.xa-main .xa-top{width: 100%;padding-bottom:  .2rem;}
.md17623.xa-main .xa-titles{width: 100%;line-height: 1;}
.md17623.xa-main .xa-synopsis{width: 100%;padding-top: .1rem;color: #434343;line-height: 1.5;}
.md17623.xa-main .xa-close{position: absolute;top: .2rem;right: .2rem;display: block;cursor: pointer;width: .34rem;height: .34rem;background-image: url('/static/home/images/close.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}
.md17623.xa-main .xa-close:hover{background-image: url('/static/home/images/close-b.png');}
.md17623.xa-main .xa-bottom{width: 100%;}
.md17623.xa-main .xa-two{display: flex;flex-wrap: wrap;justify-content: space-between;}
.md17623.xa-main .xa-item{display: block;width: 100%;position: relative;margin-bottom: .2rem;}
.md17623.xa-main .xa-input{display: block;width: 100%;padding: 0 .2rem;color: #333;height: .48rem;border-radius: .08rem;border: solid 1px #e5e5e5;}
.md17623.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;}

.md17623.xa-main .xa-buttom{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.md17623.xa-main .xa-privacy{display: block;margin-top: .1rem;cursor: pointer;color: #999999;line-height: 1.6;text-decoration: underline;}
.md17623.xa-main .xa-privacy:hover{color: #c3171d;text-decoration: underline;}
.md17623.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: #c3171d;}

.md17623.xa-main .selectbox{width: 100%;position: relative;z-index: 8;}
.md17623.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;}
.md17623.xa-main .select-tip:after{content: "";position: absolute;right: .2rem;top: 0;z-index: 1;width: .15rem;height: 100%;background-image: url('/static/home/images/down.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md17623.xa-main .select-cur{display: block; width: 100%;height:.48rem;line-height:.48rem;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.md17623.xa-main .select-cur span{color: #ff0000;}
.md17623.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);}
.md17623.xa-main .select-cont{width: 100%;max-height: 1.9rem; overflow: auto;}
.md17623.xa-main .select-item{display: block;cursor: pointer; width: 100%; line-height: 1.6;padding: .1rem .15rem .1rem .3rem;color: #666666;}
.md17623.xa-main .select-item:hover{background-color: #c3171d !important;color: #fff;}
.md17623.xa-main .select-item.select{background-color: #f5f5f5;}
.md17623.xa-main .selectbox.show {z-index: 28;}
.md17623.xa-main .selectbox.show .select-sub{visibility: visible;z-index: 98;opacity: 1;transition: all ease .5s;}
.md17623.xa-main .selectbox.active .select-cur{color: #333;}

@media (max-width: 1150px) {
   .md17623.xa-main .xa-input{height: .6rem;}
   .md17623.xa-main .select-cur{height: .6rem;line-height: .6rem;}
}
@media (min-width: 750px) {
   .md17623.xa-main .xa-two .xa-item{width: calc(50% - .05rem);}
}



/* 底部 */
.md17625.md-footer{width: 100%;background-color: #222222;}
.md17625.md-footer img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md17625.md-footer .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md17625.md-footer .f-top{width: 100%;padding: .85rem 0 .6rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md17625.md-footer .f-left{display: flex;justify-content: space-between;width:11.65rem;}
.md17625.md-footer .f-item{display: block;padding-right: .15rem;}
.md17625.md-footer .f-one{display: block;margin-bottom: .3rem;color: #ffffff;line-height: 1.5;}
.md17625.md-footer .f-twobox{display: inline-block;}
.md17625.md-footer .f-two{transition: all ease .3s;margin-bottom: .12rem;display: block;cursor: pointer;color: #6e6e6e;line-height: 1.7;}
.md17625.md-footer .f-two:hover{color: #fff;}
.md17625.md-footer .f-right{font-size: 0;}
.md17625.md-footer .f-tip{width: 100%;margin-bottom: .05rem;color: #6e6e6e;line-height: 1.7;}
.md17625.md-footer .f-phone{display: inline-block;cursor: pointer;margin-bottom: .55rem;font-weight: bold;color: #ffffff;line-height: 1.3;}
.md17625.md-footer .f-attentionbox{display: block;}
.md17625.md-footer .f-hint{width: 100%;margin-bottom: .1rem;color: #6e6e6e;line-height: 1.7;}
.md17625.md-footer .f-attentionlist{width: 100%;}
.md17625.md-footer .f-attention{display: inline-block;vertical-align: top;position: relative;margin-right: .2rem;margin-bottom: .2rem;}
.md17625.md-footer .f-attention:last-child{margin-right: 0;}
.md17625.md-footer .f-icon{transition: all ease .3s;display: inline-block;cursor: pointer;width: .42rem;height: .42rem;border-radius: 50%;background-color: rgba(255,255,255,.2);}
.md17625.md-footer .f-icon1{opacity: 1;transition: all ease .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.md17625.md-footer .f-icon2{opacity: 0;transition: all ease .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.md17625.md-footer .f-sub{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .3s;position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);padding-bottom: .1rem;}
.md17625.md-footer .f-code{display: block;width: 1.2rem;min-width: 100px; padding: .15rem;background-color: #fff;border-radius: .1rem;}
.md17625.md-footer .f-code img{width: 100%;}
.md17625.md-footer .f-attention:hover .f-icon{background-color: #c3171d;}
.md17625.md-footer .f-attention:hover .f-icon1{opacity: 0;}
.md17625.md-footer .f-attention:hover .f-icon2{opacity: 1;}
.md17625.md-footer .f-attention.show .f-sub{opacity: 1;z-index: 18;visibility: visible;}
.md17625.md-footer .f-bottom{width: 100%;padding: .28rem 0; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid rgba(255,255,255,.1);}
.md17625.md-footer .f-lt{font-size: 0;}
.md17625.md-footer .f-rt{font-size: 0;}
.md17625.md-footer .f-link{transition: all  .3s;display: inline-block;vertical-align: middle;color: rgba(255,255,255,.2);line-height: 1.6;}
.md17625.md-footer .f-bottom a:hover{color: #fff;}

@media (max-width: 750px) {
   .md17625.md-footer .f-left{width: 100%;flex-wrap: wrap;}
   .md17625.md-footer .f-item{width: 100%;padding-right: 0;}
   .md17625.md-footer .f-one{margin-bottom: .15rem;}
   .md17625.md-footer .f-twobox{width: 100%;}
   .md17625.md-footer .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;}
   .md17625.md-footer .f-right{width: 100%;}
   .md17625.md-footer .f-attentionbox{text-align: center;}
   .md17625.md-footer .f-lt{width: 100%;text-align: center;}
   .md17625.md-footer .f-rt{width: 100%;text-align: center;}
}

.md17626.md-sideNav {
  position: fixed;
  right: -1rem;
  top: 50%;
  z-index: 10;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition: all ease 0.5s;
}
.md17626.md-sideNav.show {
  opacity: 1;
  right: 0.1rem;
}
.md17626.md-sideNav .sitem {
  display: block;
  font-size: 0;
  position: relative;
  background-color: #034991;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);
}
.md17626.md-sideNav .sitem a {
  display: block;
  white-space: nowrap;
  right: 0;
  overflow: hidden;
  font-size: 0;
  width: 0.5rem;
}
.md17626.md-sideNav .sitem .atom {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
}
.md17626.md-sideNav .sitem .atom img {
  width: 100%;
  display: block;
}
.md17626.md-sideNav .sitem .vm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: auto;
  transition: all ease 0.5s;
  width: 0;
}
.md17626.md-sideNav .sitem.long {
  width: auto;
  background-color: #11b763;
}
.md17626.md-sideNav .sitem.long a {
  width: auto;
  overflow: auto;
}
.md17626.md-sideNav .sitem.long .vm {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.05rem;
  padding-right: 0.15rem;
}
.md17626.md-sideNav .sitem.long .atom img {
  filter: grayscale(1000%) brightness(2000%);
}
.md17626.md-sideNav .sitem + .sitem {
  margin-top: 0.1rem;
}

.md17627.md-com-banner {
  position: relative;
  z-index: 40;
}
.md17627.md-com-banner .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14rem;
  max-width: 92%;
}
.md17627.md-com-banner .cb_ban {
  position: relative;
}
.md17627.md-com-banner .cb_bg {
  position: relative;
  padding-top: calc(500 / 1920 * 100%);
  overflow: hidden;
}
.md17627.md-com-banner .cb_bg img {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.md17627.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;
}
.md17627.md-com-banner .title {
  line-height: 1.25;
}
.md17627.md-com-banner .intro {
  margin-top: 0.1rem;
}
.md17627.md-com-banner .video video {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .md17627.md-com-banner .cb_bg {
    padding-top: 40%;
  }
}

.md17628.md-com-bread .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14rem;
  max-width: 92%;
}
.md17628.md-com-bread .bread {
  position: relative;
  padding-top: 0.36rem;
  padding-bottom: 0.3rem;
  color: #81838e;
}
.md17628.md-com-bread .bread a:first-child {
  color: #222434;
}

.md17629.md-com-banner {
  position: relative;
  z-index: 40;
}
.md17629.md-com-banner .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14rem;
  max-width: 92%;
}
.md17629.md-com-banner .cb_ban {
  position: relative;
}
.md17629.md-com-banner .cb_bg {
  position: relative;
  padding-top: calc(500 / 1920 * 100%);
  overflow: hidden;
}
.md17629.md-com-banner .cb_bg img {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.md17629.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;
}
.md17629.md-com-banner .title {
  line-height: 1.25;
}
.md17629.md-com-banner .intro {
  margin-top: 0.1rem;
}
.md17629.md-com-banner .video video {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .md17629.md-com-banner .cb_bg {
    padding-top: 40%;
  }
}
