
/* 头部 */ 
.md20682.md-header{position: fixed;top: 0;left: 0;z-index: 288; width: 100%;}
.md20682.md-header img{display: inline-block;vertical-align:middle;max-width: 100%;} 
.md20682.md-header .h-main{width: 14.4rem;max-width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md20682.md-header .h-left{display: block;}
.md20682.md-header .h-logo{display: block;cursor: pointer;}
.md20682.md-header .h-img1{display: block;height: .8rem;line-height: .8rem;}
.md20682.md-header .h-img1 img{max-width: 100%;height:62.5%;}
.md20682.md-header .h-img2{display: none;height: .8rem;line-height: .8rem}
.md20682.md-header .h-img2 img{max-width: 100%;height:62.5%;}
.md20682.md-header .h-right{display: flex;align-items: center;height: .8rem;}
.md20682.md-header .h-nav{font-size: 0;}
.md20682.md-header .h-item{display: inline-block;vertical-align: top;position: relative;padding: 0 .4rem;}
.md20682.md-header .h-one{display: inline-block;cursor: pointer;position: relative;color: #fff;height: .8rem;line-height: .8rem;}
.md20682.md-header .h-one:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .3s;height: 2px;background-color: var(--theme);}
.md20682.md-header .h-sub{display: none;min-width: 1.5rem;position: absolute;left: 50%;top: 100%;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.md20682.md-header .hs-cont{width: 100%;padding: .3rem 0;background-color: #ffffff;border-radius: .1rem;}
.md20682.md-header .hs-twobox{display: block;padding: 0 .3rem;position: relative;}
.md20682.md-header .hs-two{font-style: italic;display: block;cursor: pointer;position: relative;width: 100%;padding-left: .1rem;white-space: nowrap;line-height:1.87;color: #666666;}
.md20682.md-header .hs-two:before{opacity: 0;transition: all .3s;content: '';position: absolute;top: .56em;left: 0;width: .02rem;height: .75em;background-color: var(--theme);}
.md20682.md-header .hs-twobox:hover .hs-two{color: var(--theme);} 
.md20682.md-header .hs-twobox:hover .hs-two:before{opacity: 1;}  
.md20682.md-header .hs-threebox{display: none;position: absolute;top: 0;left: 100%;padding: .3rem;background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.md20682.md-header .hs-three{font-style: italic;display: block;cursor: pointer;position: relative;width: 100%;padding-left: .1rem;white-space: nowrap;line-height:1.87;color: #666666;}
.md20682.md-header .hs-three:before{opacity: 0;transition: all .3s;content: '';position: absolute;top: .56em;left: 0;width: .02rem;height: .75em;background-color: var(--theme);}
.md20682.md-header .hs-three:hover{color: var(--theme);} 
.md20682.md-header .hs-three:hover:before{opacity: 1;}  
.md20682.md-header .hs-twobox:hover .hs-threebox{display: block;}

.md20682.md-header .h-menu {display: none;cursor: pointer;margin-left: .4rem; width: 1.6em;height:.8rem; background-image: url('../images/h-menu.png');background-size:100% auto;background-position: center center;background-repeat: no-repeat;}
.md20682.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;}
.md20682.md-header .h-search{display: block;margin-left: .4rem;}
.md20682.md-header .ha-buttom{position: relative;z-index: 1;display: block;cursor: pointer;width:1.56em;height: .8rem;background-image: url('../images/h2.png');background-size:100% auto;background-position: center center;background-repeat: no-repeat;}
.md20682.md-header .ha-sub{display: none;z-index: 108;white-space: nowrap;position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.md20682.md-header .ha-form{font-size: 0;display: inline-block;} 
.md20682.md-header .ha-input{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #222;}
.md20682.md-header .ha-submitbox{display: inline-block;vertical-align: middle;width: 45px;background-color: var(--theme);}
.md20682.md-header .ha-submit{border: none;display: block;cursor: pointer;width: 100%;height: 45px; background-color: transparent;background-image: url('../images/h2.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}
.md20682.md-header.search-state .ha-sub {display: block;}
.md20682.md-header.search-state .h-opa {display: block;}

@media (min-width: 1200px) {
  .md20682.md-header .h-item:hover .h-one{color: var(--theme);}
  .md20682.md-header .h-item.active .h-one{color: var(--theme);}

  body.no-banner{padding-top: .8rem;}
  body.no-banner .md20682.md-header{background-color: #ffffff;box-shadow: 0px .02rem .1rem 0px rgba(0, 0, 0, 0.1);}
  body.no-banner .md20682.md-header .h-img1{display: none;}
  body.no-banner .md20682.md-header .h-img2{display: block;} 
  body.no-banner .md20682.md-header .h-one{color: #333333;} 
  body.no-banner .md20682.md-header .ha-buttom{background-image: url('../images/h2-b.png');}

  .md20682.md-header.fixed{background-color: #ffffff;box-shadow: 0px .02rem .1rem 0px rgba(0, 0, 0, 0.1);}
  .md20682.md-header.fixed .h-img1{display: none;}
  .md20682.md-header.fixed .h-img2{display: block;} 
  .md20682.md-header.fixed .h-one{color: #333333;} 
  .md20682.md-header.fixed .ha-buttom{background-image: url('../images/h2-b.png');}
 

}
@media(max-width:1200px){ 
  body{padding-top: .8rem;}   
  .md20682.md-header{background-color: #ffffff;box-shadow: 0px .02rem .1rem 0px rgba(0, 0, 0, 0.1);}
  .md20682.md-header .h-img1{display: none;}
  .md20682.md-header .h-img2{display: block;}  
  .md20682.md-header .ha-buttom{background-image: url('../images/h2-b.png');}
  .md20682.md-header .h-main{width: 100%;}   
  .md20682.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;}
  .md20682.md-header .h-item{width: 100%;padding: 0 !important;margin: 0 !important;}
  .md20682.md-header .h-one{padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #222;font-size: 16px;}
  .md20682.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;}
  .md20682.md-header .h-item.has-nav.show:after {background-size: 18px auto;background-image: url('../images/h-down.png');}
  .md20682.md-header .h-sub{position: relative;top: 0;left: 0;width: 100% !important;background-color: #fff;box-shadow: none;transform: translate(0,0);}
  .md20682.md-header .hs-twobox{padding: 0;}
  .md20682.md-header .hs-two{white-space: normal;text-align: left;margin: 10px 0; color: #333;font-size: 14px;} 
  .md20682.md-header .hs-cont{padding: .2rem .2rem .2rem 20px;}
  .md20682.md-header .h-item.active .h-one{color: var(--theme);}
  .md20682.md-header .hs-threebox{display: block;position: relative;left: 0;width: 100%;padding: 0 .15rem;}
  .md20682.md-header .hs-three{white-space: normal;text-align: left;margin: 10px 0; color: #333;font-size: 14px;} 
  /* 菜单 */
  .md20682.md-header .h-menu {display: block;}
  .md20682.md-header.menu-state .h-nav{transform: translate(0, 0);}
  .md20682.md-header.menu-state .h-opa {display: block;}  
}
@media(max-width: 500px) {    
   .md20682.md-header .ha-input{width: 5rem;height: 35px;} 
   .md20682.md-header .ha-submitbox{width: 35px;}   
   .md20682.md-header .ha-submit{height: 35px;}   
}

/* 底部 */
.md20683.md-footer{width: 100%;padding: .3rem 0 .5rem;background-color: #000000;}
.md20683.md-footer .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md20683.md-footer .f-top{width: 100%;padding: .4rem 0;border-bottom: 1px solid rgba(217,217,217,.5); display: flex;align-items: center;justify-content: space-between;}
.md20683.md-footer .f-logo{display: inline-block;cursor: pointer;width: 2.45rem;padding: .15rem 0;}
.md20683.md-footer .f-logo img{width: 100%;}
.md20683.md-footer .f-box{padding: .15rem 0;}
.md20683.md-footer .f-tip{font-style: italic;width: 100%;color: #ffffff;line-height: 1.5;}
.md20683.md-footer .f-phone{display: inline-block;cursor: pointer;color: var(--theme);font-weight: bold;line-height: 1.3;}
.md20683.md-footer .f-center{width: 100%;padding: .7rem 0 .4rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.md20683.md-footer .f-left{width: 4.9rem;}
.md20683.md-footer .f-message{display: block;width: 100%;margin-bottom: .35rem;}
.md20683.md-footer .f-tip{font-style: italic;margin-bottom: .05rem;width: 100%;color: #ffffff;line-height: 1.5;}
.md20683.md-footer .f-intro{font-style: italic;width: 100%;color: rgba(255,255,255,.4);line-height: 1.87;}
.md20683.md-footer .f-right{display: flex;justify-content: space-between;width: 7.3rem;}
.md20683.md-footer .f-item{display: block;padding-right: .65rem;margin-bottom: .35rem;}
.md20683.md-footer .f-one{font-style: italic;display: block;margin-bottom: .05rem;width: 100%;color: #ffffff;line-height: 1.5;}
.md20683.md-footer .f-twobox{display: inline-block;}
.md20683.md-footer .f-two{transition: all  .3s; font-style: italic;display: block;cursor: pointer;color: rgba(255,255,255,.4);line-height: 1.87;}
.md20683.md-footer .f-two:hover{color: #fff;}
.md20683.md-footer .f-bottom{width: 100%;padding:  .15rem 0;border-top: 1px solid rgba(217,217,217,.5);display: flex;flex-wrap: wrap;justify-content: space-between;}
.md20683.md-footer .f-lt{font-size: 0;padding:  .15rem 0;}
.md20683.md-footer .f-link{font-style: italic;display: inline-block;vertical-align: middle;color: #ffffff;line-height: 1.5;}
.md20683.md-footer .f-rt{font-size: 0;padding:  .15rem 0;}
.md20683.md-footer .share{font-size: 0;}
.md20683.md-footer .share_one{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-right: .07rem;}
.md20683.md-footer .share_one:last-child{margin-right: 0;}
.md20683.md-footer .share_link{display: block;}
.md20683.md-footer .share_icon1{display: block;width:1.88em;height:1.88em;border-radius: 50%;background-color: #ffffff;}
.md20683.md-footer .share_icon1 img{vertical-align: top;width: 100%;height: 100%;object-fit: contain;}
.md20683.md-footer .share_icon2{display: none;width:1.88em;height:1.88em;border-radius: 50%;background-color: var(--theme);}
.md20683.md-footer .share_icon2 img{vertical-align: top;width: 100%;height: 100%;object-fit: contain;}
.md20683.md-footer .share_sub {opacity: 0;z-index: -1;visibility: hidden;transition: all ease 0.5s;position: absolute;bottom: 100%;left: 50%;width: 1.8rem;padding-bottom: 0.1rem;transform: translate(-50%, 0);}
.md20683.md-footer .share_code {width: 100%;border-radius: 0.1rem;overflow: hidden;background-color: #fff;box-shadow: 0px 0.1rem 0.2rem 0px rgba(0, 0, 0, 0.06);}
.md20683.md-footer .share_code img{width: 100%;}
.md20683.md-footer .share_one:hover .share_icon1{display: none;}
.md20683.md-footer .share_one:hover .share_icon2{display: block;}
.md20683.md-footer .share_one.show .share_sub{opacity: 1;z-index: 18;visibility: visible;}

@media (max-width: 750px) {
    .md20683.md-footer .f-left{width: 100%;}
    .md20683.md-footer .f-right{width: 100%;flex-wrap: wrap;}
    .md20683.md-footer .f-item{width: 100%;padding-right: 0;}
    .md20683.md-footer .f-twobox{width: 100%;}
    .md20683.md-footer .f-two{display: inline-block;vertical-align: middle;margin-right: .2rem;margin-bottom: .15rem;}
    .md20683.md-footer .f-lt{width: 100%;text-align: center;}
    .md20683.md-footer .f-rt{width: 100%;text-align: center;}
    .md20683.md-footer .share_one{margin-right: .15rem;}
}


.md20683.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;
}
.md20683.md-sideNav {
  opacity: 1;
  right: 0.1rem;
}
.md20683.md-sideNav .sitem {
  display: block;
  font-size: 0;
  position: relative;
  background-color: #19b585;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08);
}
.md20683.md-sideNav .sitem a {
  display: block;
  white-space: nowrap;
  right: 0;
  overflow: hidden;
  font-size: 0;
  width: 0.5rem;
}
.md20683.md-sideNav .sitem .atom {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
}
.md20683.md-sideNav .sitem .atom img {
  width: 100%;
  display: block;
}
.md20683.md-sideNav .sitem .vm {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: auto;
  transition: all ease 0.5s;
  width: 0;
}
.md20683.md-sideNav .sitem.long {
  width: auto;
  background-color: #1593b9;
}
.md20683.md-sideNav .sitem.long a {
  width: auto;
  overflow: auto;
}
.md20683.md-sideNav .sitem.long .vm {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.05rem;
  padding-right: 0.15rem;
}
.md20683.md-sideNav .sitem.long .atom img {
  filter: grayscale(1000%) brightness(2000%);
}
.md20683.md-sideNav .sitem + .sitem {
  margin-top: 0.1rem;
}

.md20683.md-sideNav .imgbox{opacity: 0;visibility: hidden;z-index: -1;transition: all ease .5s; position: absolute;top: 50%;right: 120%;transform: translate(0,-50%);padding-right: 20px;}
.md20683.md-sideNav .img{position: relative;width: 2rem;min-width: 180px;padding: .15rem;text-align: center; background-color: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}
.md20683.md-sideNav .img img{width: 100%;}
.md20683.md-sideNav .sitem.long .imgbox{right: 100%;opacity: 1;visibility: visible;z-index: 38;}

/* 内页banner */
.md20686.md-banner{width: 100%;position: relative;background-color: #000;}
.md20686.md-banner .banner-cont{width: 100%;}  
.md20686.md-banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(800/1920*100%);}
.md20686.md-banner .banner-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md20686.md-banner .banner-text{position: absolute;top:42.5%;left: 50%;transform: translate(-50%,0);width: 14.4rem;max-width: 92%;}
.md20686.md-banner .banner-titles{width: 100%;color: #ffffff;line-height: 1.2;font-weight: bold;}
.md20686.md-banner.center .banner-text{text-align: center;color: #ffffff;font-weight: bold;line-height: 1.16;}
@media (max-width: 750px) {
  .md20686.md-banner .banner-text{top: 50%;transform: translate(-50%,-50%);}
}

/* 面包屑 */
.md20686.md-nav{overflow: hidden;width: 100%;background-color: #ffffff;box-shadow: 0px .03rem .15rem 0px rgba(89, 55, 21, 0.1);}
.md20686.md-nav img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md20686.md-nav .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md20686.md-nav .nav-cont{width: 100%;display: flex;font-size: 0;}
.md20686.md-nav .nav-left{flex: 1;width: 0;}
.md20686.md-nav .nav-swiper{display: inline-block;max-width: 100%;}
.md20686.md-nav .nav-item{transition: all  .3s;font-style: italic;display: block;cursor: pointer;width: auto;position: relative;margin-right: 1rem;color: #333333;line-height: .8rem;}
.md20686.md-nav .nav-item:last-child{margin-right: 0;} 
.md20686.md-nav .nav-item:hover{color: var(--theme);} 
.md20686.md-nav .nav-item.active{color: var(--theme);} 
.md20686.md-nav .nav-right{font-size: 0;margin-left: .25rem;}
.md20686.md-nav .nav-one{font-style: italic;display: inline-block;vertical-align: middle;line-height: .8rem;color: #333333;}
.md20686.md-nav .nav-one:after{content: '>';margin: 0 .05rem;}
.md20686.md-nav .nav-one:last-child:after{display: none;}
.md20686.md-nav .nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-right: .2rem;width:1.56em;height: 2em;background-image: url('../images/a1.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
 
.md20686.md-nav.cont2{box-shadow:none;}
.md20686.md-nav.cont2  .nav-one{line-height: 1rem;}
@media (max-width: 750px) {
  .md20686.md-nav .nav-left{flex: none;width: 100%;text-align: center;}
  .md20686.md-nav .nav-item{margin: 0 .15rem !important;}
  .md20686.md-nav .nav-right{display: none;}
  .md20686.md-nav.cont2 .nav-right{display: block;white-space: nowrap;overflow: auto;}
}
