/* 头部 */
body{padding-top: .9rem;}
.md28019.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);}
.md28019.md-header img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28019.md-header .h-main{width: 16rem;max-width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md28019.md-header .h-left{display: flex;align-items: center;font-size: 0;}
.md28019.md-header .h-logo{display: block;cursor: pointer;height: .9rem;line-height: .9rem;}
.md28019.md-header .h-logo img{max-width: 100%;height:40%;}

.md28019.md-header .h-right{display: flex;align-items: center;font-size: 0;height: .9rem;}
.md28019.md-header .h-nav{display: block;font-size: 0;padding-right: .25rem;}
.md28019.md-header .h-item{display: inline-block;vertical-align: top;position: relative;padding: 0 .28rem;}
.md28019.md-header .h-one{display: inline-block;cursor: pointer;position: relative;color: #222222;height: .9rem;line-height: .9rem;}
.md28019.md-header .h-one:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .3s;height: 2px;background-color: var(--theme);}
.md28019.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);}
.md28019.md-header .hs-cont{width: 100%;}
.md28019.md-header .hs-twobox{display: block;}
.md28019.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;}
.md28019.md-header .hs-two:hover{color: #fff;background-color: var(--theme);} 
.md28019.md-header .h-menu {display: none;cursor: pointer;margin-left: .35rem; width: 1.5em;height:.9rem; background-image: url('../images/h-menu.png');background-size:100% auto;background-position: center center;background-repeat: no-repeat;}
.md28019.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;}

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

.md28019.md-header .h-language{display: block;cursor: pointer;position: relative;margin-left: .35rem;}
.md28019.md-header .hl-tip{display: block;color: #222222; line-height: .9rem;}
.md28019.md-header .hl-tip:before{content: '';display: inline-block;vertical-align: middle;margin-right: .06rem;width: 1.1em;height: 1.5em;background-image: url('../images/h2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.md28019.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);}
.md28019.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;}
.md28019.md-header .hl-item:hover{color: #fff;background-color: var(--theme);} 

@media (min-width: 1200px) {
   .md28019.md-header .h-item:hover .h-one:after{width: 100%;}
   .md28019.md-header .h-item:hover .h-one{color: var(--theme);}
   .md28019.md-header .h-item.active .h-one:after{width: 100%;}
   .md28019.md-header .h-item.active .h-one{color: var(--theme);}
}

@media(max-width:1500px){  
  .md28019.md-header .h-item{padding: 0 .15rem;}
}

@media(max-width:1200px){    
   .md28019.md-header .h-main{width: 100%;}   
   .md28019.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;}
   .md28019.md-header .h-item{width: 100%;padding: 0 !important;margin: 0 !important;}
   .md28019.md-header .h-one{padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 16px;}
   .md28019.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;}
   .md28019.md-header .h-item.has-nav.show:after {background-size: 18px auto;background-image: url('../images/h-down.png');}
   .md28019.md-header .h-sub{position: relative;top: 0;left: 0;width: 100% !important;background-color: #fff;box-shadow: none;transform: translate(0,0);}
   .md28019.md-header .hs-two{white-space: normal;text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;} 
   .md28019.md-header .h-item.active .h-one{color: var(--theme);}
   /* 菜单 */
   .md28019.md-header .h-menu {display: block;}
   .md28019.md-header.menu-state .h-nav{transform: translate(0, 0);}
   .md28019.md-header.menu-state .h-opa {display: block;}  

}

@media(max-width: 500px) {    
   .md28019.md-header .ha-input{width: 5rem;height: 35px;} 
   .md28019.md-header .ha-submit{width: 35px;height: 35px;}   
}

/* 底部 */
.md28020.md-footer{width: 100%;padding: 1rem 0 .6rem;background-color: #000;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md28020.md-footer img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28020.md-footer .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28020.md-footer .f-top{width: 100%;padding-bottom: .4rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.md28020.md-footer .f-left{font-size: 0;}
.md28020.md-footer .f-logo{display: inline-block;cursor: pointer;margin-bottom: .33rem;}
.md28020.md-footer .f-logo img{width: 2.46rem;}
.md28020.md-footer .f-tr{width: 100%;padding-bottom: .15rem;}
.md28020.md-footer .f-td{width: 100%;margin-bottom: .18rem;}
.md28020.md-footer .f-tip{width: 100%;margin-bottom: .05rem;color: rgba(255,255,255,.7);line-height: 1.6;}
.md28020.md-footer .f-intro{display: block;width: 100%;color: #ffffff;font-weight: bold;line-height: 1.4;}
.md28020.md-footer .f-intro2{display: block;width: 100%;color: #ffffff;line-height: 1.5;}
.md28020.md-footer .share{width: 100%;display: flex;align-items: center;padding-bottom: .1rem;}
.md28020.md-footer .share_one{display: block;cursor: pointer;position: relative;margin-right: .2rem;margin-bottom: .2rem;}
.md28020.md-footer .share_one:last-child{margin-right: 0;}
.md28020.md-footer .share_link{display: block;}
.md28020.md-footer .share_icon{transition: all  .3s; display: block;width: 2.75em;height: 2.75em;border-radius: 50%;border: solid 1px rgba(255,255,255,.3);}
.md28020.md-footer .share_icon img{transition: all  .3s; opacity: .3;width: 100%;height: 100%;object-fit: contain;}
.md28020.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);}
.md28020.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);}
.md28020.md-footer .share_code img {width: 100%;}
.md28020.md-footer .share_one:hover .share_icon{border: solid 1px var(--theme);background-color: var(--theme);} 
.md28020.md-footer .share_one:hover .share_icon img{opacity: 1;}
.md28020.md-footer .share_one.show .share_sub{opacity: 1;z-index: 18;visibility: visible;}

.md28020.md-footer .f-right{width: 8.15rem;display: flex;justify-content: space-between;}
.md28020.md-footer .f-item{display: block;padding-right: .15rem;margin-bottom: .3rem;}
.md28020.md-footer .f-item:last-child{padding-right: 0;}
.md28020.md-footer .f-one{display: block;margin-bottom: .25rem;color: #ffffff;line-height: 1.5;}
.md28020.md-footer .f-twobox{display: inline-block;}
.md28020.md-footer .f-two{transition: all  .3s;display: block;cursor: pointer;margin-bottom: .1rem;color: rgba(255,255,255,.4);line-height: 1.6;}
.md28020.md-footer .f-two:hover{color: #fff;}

.md28020.md-footer .f-bottom{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: .3rem 0;border-top: 1px solid rgba(255,255,255,.1);}
.md28020.md-footer .f-lt{font-size: 0;}
.md28020.md-footer .f-rt{font-size: 0;}
.md28020.md-footer .f-link{transition: all  .3s;display: inline-block;vertical-align: middle;padding: .05rem .05rem .05rem 0;color: rgba(255,255,255,.4);line-height: 1.7;}
.md28020.md-footer .f-link:last-child{padding-right: 0;}
.md28020.md-footer .f-bottom a:hover{cursor: pointer;color: #fff;}

@media (max-width: 1150px) {
    .md28020.md-footer .f-right{width: 9.5rem;}
}
@media (max-width: 750px) {
  .md28020.md-footer .f-left{width: 100%;}
  .md28020.md-footer .share_sub{left: -.15rem;transform: translate(0,0);}
  .md28020.md-footer .f-item{width: 100%;padding-right: 0;}
  .md28020.md-footer .f-twobox{width: 100%;}
  .md28020.md-footer .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;}
  .md28020.md-footer .f-right{width: 100%;flex-wrap: wrap;}
  .md28020.md-footer .f-lt{width: 100%;text-align: center;}
  .md28020.md-footer .f-rt{width: 100%;text-align: center;}
  .md28020.md-footer .f-link{padding: .05rem !important;}
}

/* 侧边栏 */
.md28020.sidebar{position: fixed;top: 60%;right: .1rem;z-index: 38;transform: translate(0,-50%);}
.md28020.sidebar .sidebar-item{display: block;margin: .1rem 0;position: relative;}
.md28020.sidebar .sidebar-link{transition: all ease .5s; display: block;cursor: pointer;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;box-shadow: .07rem .08rem .3rem 0px rgba(0, 0, 0, 0.06);}
.md28020.sidebar .sidebar-link img{width: 100%;height: 100%;object-fit: contain;}
.md28020.sidebar .sidebar-item:hover .sidebar-link{background-color: var(--theme);}
.md28020.sidebar .sidebar-item:hover .sidebar-link img{filter: grayscale(100%) brightness(500%);} 

.md28020.sidebar .sidebar-sub{opacity: 0;visibility: hidden;z-index: -1;transition: all ease .5s; position: absolute;top: 50%;right: 120%;transform: translate(0,-50%);padding-right: 20px;}
.md28020.sidebar .sidebar-codebox{position: relative;padding: .15rem .1rem;text-align: center; background-color: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}
.md28020.sidebar .sidebar-codebox:after{content: '';position: absolute;top: 50%;right: -9px;transform: translate(0,-50%);border-left: 10px solid #fff; border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.md28020.sidebar .sidebar-code {display: inline-block;width: 2rem;min-width: 150px;}
.md28020.sidebar .sidebar-code img{width: 100%;}
.md28020.sidebar .sidebar-tip{width: 100%; color: #333;line-height: 1.5;padding-top: .1rem;}

.md28020.sidebar .sidebar-phonebox{display: block;cursor: pointer; position: relative;padding: .15rem;text-align: center; background-color: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}
.md28020.sidebar .sidebar-phonebox:after{content: '';position: absolute;top: 50%;right: -9px;transform: translate(0,-50%);border-left: 10px solid #fff; border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.md28020.sidebar .sidebar-phone{white-space: nowrap;color: #333;line-height: 1.6;}

.md28020.sidebar .sidebar-item.show .sidebar-sub{right: 100%;opacity: 1;visibility: visible;z-index: 38;}