/* 底部 */
.md23686.footer{position: relative;margin-top: -.6rem;z-index: 18;width: 100%;border-radius: .6rem .6rem 0 0;background-color: var(--active);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md23686.footer img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md23686.footer .f-top{width: 100%;padding: .6rem 0 .65rem;} 
.md23686.footer .f-cont{width: 16rem;max-width: 92%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md23686.footer .f-left{font-size: 0;max-width:5rem;}
.md23686.footer .f-logo{display: inline-block;cursor: pointer;margin-bottom: .25rem;} 
.md23686.footer .f-logo img{height: .64rem;}
.md23686.footer .f-intro{width: 100%;margin-top: .1rem;color: #ffffff;line-height: 1.6;}
.md23686.footer .f-codebox{width: 100%;font-size: 0;}
.md23686.footer .f-code{display: inline-block;vertical-align: top;margin-right: .25rem;margin-top: .25rem;width: 1rem;min-width: 90px;}
.md23686.footer .f-code:last-child{margin-right: 0;}
.md23686.footer .f-code img{width: 100%;}
.md23686.footer .f-right{width: 9.6rem;display: flex;justify-content: space-between;padding-top: .35rem;}
.md23686.footer .f-item{display: block;padding-right: .2rem;}
.md23686.footer .f-item:last-child{padding-right: 0;}
.md23686.footer .f-one{display: block;margin-bottom: .3rem;color: #ffffff;line-height: 1.5;}
.md23686.footer .f-twobox{display: inline-block;}
.md23686.footer .f-two{transition: all  .3s;display: block;cursor: pointer;margin-bottom: .1rem;color: rgba(255,255,255,.5);line-height: 1.6;}
.md23686.footer .f-two:hover{color: #fff;}
.md23686.footer .f-bottom{width: 100%;padding: .15rem 0;border-top: 1px solid rgba(255,255,255,.1);}
.md23686.footer .f-box{width: 16rem;max-width: 92%;margin: 0 auto;text-align: center;font-size: 0;}
.md23686.footer .f-link{display: inline-block;vertical-align: middle;padding: .05rem .1rem;color: rgba(255,255,255,.5);line-height: 1.6;}
.md23686.footer .f-bottom a:hover{color: #fff;cursor: pointer;}
.md23686.footer .share{font-size: 0;}
.md23686.footer .share_one{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: .1rem .1rem .1rem 0;}
.md23686.footer .share_one:last-child{margin-right: 0;}
.md23686.footer .share_link{display: block;}
.md23686.footer .share_icon{display: flex;align-items: center;justify-content: center;transition: all ease .3s;width: 2.25em;height: 2.25em;border-radius: 50%;background-color: rgba(255,255,255,.4);}
.md23686.footer .share_icon img{opacity: .6;vertical-align: top;width: 50%;height: 50%;object-fit: contain;}
.md23686.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);}
.md23686.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);}
.md23686.footer .share_code img{width: 100%;}
.md23686.footer .share_one:hover .share_icon{background-color: var(--theme); background-image: linear-gradient(90deg, var(--theme) 0%, var(--active) 100%);} 
.md23686.footer .share_one:hover .share_icon img{opacity: 1;} 
.md23686.footer .share_one.show .share_sub{opacity: 1;z-index: 18;visibility: visible;}
@media (max-width: 750px) {
  .md23686.footer .f-left{width: 100%;max-width: 100%;}
  .md23686.footer .f-right{width: 100%;display: none;}
  .md23686.footer .f-item{width: 100%;padding-right: 0;margin-bottom: .2rem;}
  .md23686.footer .f-twobox{width: 100%;}
  .md23686.footer .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;}
  .md23686.footer .share{width: 100%;text-align: center;}
  .md23686.footer .f-codebox{width: 100%;text-align: center;}
}

/* 头部 */
body{padding-top: .9rem;}
.md23687.md-header{position: fixed;top: 0;left: 0;z-index: 288;width: 100%;background-color: #ffffff; box-shadow: 0px 0px .18rem 0px rgba(157, 157, 157, 0.16);}
.md23687.md-header img{display: inline-block;vertical-align:middle;max-width: 100%;} 
.md23687.md-header .h-main{width: 16rem;max-width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md23687.md-header .h-left{display: flex;align-items: center;height: .9rem;}
.md23687.md-header .h-logo{position: relative;z-index: 8;display: block;cursor: pointer;height: .9rem;line-height: .9rem;}
.md23687.md-header .h-logo img{max-width: 100%;height:71.11%;}

.md23687.md-header .h-right{display: flex;align-items: center;height: .9rem;}
.md23687.md-header .h-nav{position: absolute;top: 0;left: 0;width: 100%;text-align: center;font-size: 0;}
.md23687.md-header .h-item{display: inline-block;vertical-align: top;position: relative;margin: 0 .25rem;}
.md23687.md-header .h-one{ display: inline-block;cursor: pointer;position: relative;color: #333333;height: .9rem;line-height: .9rem;}
.md23687.md-header .h-one:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .3s;height: 2px;background-color: var(--theme);background-image: linear-gradient(270deg, var(--active) 0%, var(--theme) 100%);}
.md23687.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);}
.md23687.md-header .hs-cont{width: 100%;}
.md23687.md-header .hs-twobox{display: block;}
.md23687.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;}
.md23687.md-header .hs-two:hover{color: #fff;background-color: var(--theme);background-image: linear-gradient(270deg, var(--active) 0%, var(--theme) 100%);} 

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

.h-language{display: block;position: relative;z-index: 8;margin-left: .5rem;}
.hl-list{display: flex;align-items: center;padding: .05rem;border-radius: calc(1.06em + .05rem);background-color: #f6f6f6;}
.hl-item{transition: all .3s;display: block;cursor: pointer;min-width: 3.37em;text-align: center;padding: 0 .5em;line-height: 2.12;border-radius: 1.06em;color: #333333;}
.hl-item:hover{color: var(--theme);}
.hl-item.active{color: #fff; background-color: var(--theme);background-image: linear-gradient(270deg, var(--active) 0%, var(--theme) 100%);}

.md23687.md-header .h-menu {display: none;cursor: pointer;margin-left: .15rem; width: .8rem;height:.9rem; background-image: url('../images/h-menu.png');background-size: 1.5em auto;background-position: center center;background-repeat: no-repeat;}
.md23687.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) { 
   .md23687.md-header .h-item:hover .h-one{color: var(--theme);} 
   .md23687.md-header .h-item:hover .h-one:after{width: 100%;} 
   .md23687.md-header .h-item.active .h-one{color: var(--theme);} 
   .md23687.md-header .h-item.active .h-one:after{width: 100%;} 
}

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

}

/* 内页-banner */
.md23688.banner{width: 100%;position: relative;}
.md23688.banner img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md23688.banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(640/1920*100%);}
.md23688.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;}
.md23688.banner .banner-text{position: absolute;top: 30.46%;left: 50%;transform: translate(-50%,0);width: 14.4rem;max-width: 92%;text-align: center;}
.md23688.banner .banner-titles{display: inline-block;max-width: 100%;padding: 0 .35rem;position: relative;color: #ffffff;line-height: 1.13;}
.md23688.banner .banner-titles:before{content: '';position: absolute;top: .13em;left: 0;width: .16rem;height: .16rem;background-color: var(--theme);}
.md23688.banner .banner-titles:after{content: '';position: absolute;bottom: .065em;right: 0;width: .16rem;height: .16rem;background-color: var(--active);}
.md23688.banner .banner-intro{width: 100%;padding-top: .2rem;color: #ffffff;line-height: 1.5;}

@media (max-width: 750px) {
  .md23688.banner .banner-text{top: 50%;transform: translate(-50%,-50%);}
}

/* 面包屑 */
.md23689.nav{overflow: hidden;width: 100%;border-bottom: 1px solid #eeeeee;}
.md23689.nav img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md23689.nav .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md23689.nav .nav-cont{width: 100%;text-align: center;font-size: 0;}
.md23689.nav .nav-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;margin: 0 .55rem;color: #333333;line-height: 1rem;}
.md23689.nav .nav-item:after{transition: all  .3s;content: '';position: absolute;bottom: 0;left: 0;width: 0;height: .03rem;background-color: var(--theme);background-image: linear-gradient(270deg, var(--active) 0%, var(--theme) 100%);border-radius: .02rem;}
.md23689.nav .nav-item:hover{color: var(--theme);}
.md23689.nav .nav-item:hover:after{width: 100%;}
.md23689.nav .nav-item.active{color: var(--theme);}
.md23689.nav .nav-item.active:after{width: 100%;}

.md23689.nav.gray{background-color: #f4f5f8;}
@media (max-width: 750px) {
  .md23689.nav .nav-cont{white-space: nowrap;overflow: auto;}
  .md23689.nav .nav-item{margin: 0 .15rem;}
}

/* 内页-banner */
.md23691.banner{width: 100%;position: relative;}
.md23691.banner img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md23691.banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(640/1920*100%);}
.md23691.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;}
.md23691.banner .banner-text{position: absolute;top: 30.46%;left: 50%;transform: translate(-50%,0);width: 14.4rem;max-width: 92%;text-align: center;}
.md23691.banner .banner-titles{display: inline-block;max-width: 100%;padding: 0 .35rem;position: relative;color: #ffffff;line-height: 1.13;}
.md23691.banner .banner-titles:before{content: '';position: absolute;top: .13em;left: 0;width: .16rem;height: .16rem;background-color: var(--theme);}
.md23691.banner .banner-titles:after{content: '';position: absolute;bottom: .065em;right: 0;width: .16rem;height: .16rem;background-color: var(--active);}
.md23691.banner .banner-intro{width: 100%;padding-top: .2rem;color: #ffffff;line-height: 1.5;}

@media (max-width: 750px) {
  .md23691.banner .banner-text{top: 50%;transform: translate(-50%,-50%);}
}

/* 面包屑 */
.md23692.nav{overflow: hidden;width: 100%;border-bottom: 1px solid #eeeeee;}
.md23692.nav img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md23692.nav .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md23692.nav .nav-cont{width: 100%;text-align: center;font-size: 0;}
.md23692.nav .nav-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;margin: 0 .55rem;color: #333333;line-height: 1rem;}
.md23692.nav .nav-item:after{transition: all  .3s;content: '';position: absolute;bottom: 0;left: 0;width: 0;height: .03rem;background-color: var(--theme);background-image: linear-gradient(270deg, var(--active) 0%, var(--theme) 100%);border-radius: .02rem;}
.md23692.nav .nav-item:hover{color: var(--theme);}
.md23692.nav .nav-item:hover:after{width: 100%;}
.md23692.nav .nav-item.active{color: var(--theme);}
.md23692.nav .nav-item.active:after{width: 100%;}

.md23692.nav.gray{background-color: #f4f5f8;}
@media (max-width: 750px) {
  .md23692.nav .nav-cont{white-space: nowrap;overflow: auto;}
  .md23692.nav .nav-item{margin: 0 .15rem;}
}