/* 底部 */
.md31286.md-footer{width: 100%;background-color: var(--theme);}
.md31286.md-footer img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md31286.md-footer .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md31286.md-footer .f-top{width: 100%;padding: .6rem 0;display: flex;align-items: center;justify-content: space-between;}
.md31286.md-footer .f-logo{display: block;cursor: pointer;}
.md31286.md-footer .f-logo img{width: 2rem;}
.md31286.md-footer .share{font-size: 0;}
.md31286.md-footer .share_one{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-right: .3rem;}
.md31286.md-footer .share_one:last-child{margin-right: 0;}
.md31286.md-footer .share_link::before{display: none;}
.md31286.md-footer .share_link{display: block;background-color: transparent !important;}
.md31286.md-footer .share_icon{transition: all .3s;display: block;height: 1.25em;opacity: .8;}  
.md31286.md-footer .share_icon img{height: 100%;} 
.md31286.md-footer .share_sub {opacity: 0;z-index: -1;visibility: hidden;transition: all ease 0.5s;position: absolute;bottom: 100%;left: 50%;width: 1rem;min-width: 100px;padding-bottom: calc(.15rem + 5px);transform: translate(-50%, 0);}
.md31286.md-footer .share_code {position: relative;width: 100%;background-color: #fff;border-radius: .1rem;}
.md31286.md-footer .share_code:after{content: '';position: absolute;bottom: -5px;left: 50%;transform: translate(-50%,0);border-top: 6px solid #fff;border-left: 6px solid transparent; border-right: 6px solid transparent;}
.md31286.md-footer .share_code img{width: 100%;border-radius: .1rem;} 
.md31286.md-footer .share_one:hover .share_icon{opacity: 1;}
.md31286.md-footer .share_one.show .share_sub{opacity: 1;z-index: 18;visibility: visible;}  

.md31286.md-footer .f-center{width: 100%;padding: .7rem 0 .6rem;display: flex;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.1);}
.md31286.md-footer .f-item{display: block;padding-right: .2rem;margin-bottom: .15rem;}
.md31286.md-footer .f-item:last-child{padding-right: 0;}
.md31286.md-footer .f-one{display: block;margin-bottom: .25rem;color: #ffffff;line-height: 1.5;}
.md31286.md-footer .f-twobox{display: inline-block;}
.md31286.md-footer .f-two{display: block;cursor: pointer;margin-bottom: .1rem;color: #698cba;line-height: 1.6;}
.md31286.md-footer .f-two:hover{color: #fff;}

.md31286.md-footer .f-bottom{width: 100%;padding: .2rem 0;display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.1);}
.md31286.md-footer .f-lt{font-size: 0;}
.md31286.md-footer .f-rt{font-size: 0;}
.md31286.md-footer .f-link{display: inline-block;vertical-align: middle;padding: .05rem 0;color: #698bba;}
.md31286.md-footer .f-bottom a:hover{color: #fff;cursor: pointer;}

@media (max-width: 900px) {
  .md31286.md-footer .share_sub{left: auto;right: -.15rem;transform: translate(0,0);}
  .md31286.md-footer .share_code:after{display: none;}
}
@media (max-width: 750px) {
   .md31286.md-footer .f-center{flex-wrap: wrap;padding: .5rem 0;}
   .md31286.md-footer .f-item{width: 100%;padding-right: 0;}
   .md31286.md-footer .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;}
   .md31286.md-footer .f-lt{width: 100%;text-align: center;}
   .md31286.md-footer .f-rt{width: 100%;text-align: center;}
}

.md31286.md-footer .f-logobox{flex: 1;width: 0; padding-right: .2rem;font-size: 0;}
.md31286.md-footer .f-name{width: 40em;max-width: 100%;color: #fff;line-height: 1.6;padding-top: .1rem;}
@media (max-width: 750px) {
  .md31286.md-footer .f-name{width: 20em;}
}

/* 内页banner */
.md31287.md-banner{position: relative;z-index: 1;width: 100%;position: relative;background-color: #000;}
.md31287.md-banner .banner-cont{width: 100%;position: relative;}  
.md31287.md-banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/1920*100%);}
.md31287.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;}
.md31287.md-banner .banner-text{position: absolute;top: 31.76%;left: 50%;transform: translate(-50%,0);width: 14.4rem;max-width: 92%; }
.md31287.md-banner .banner-titles{width: 100%;color: #ffffff;line-height: 1.13;font-weight: bold;}
.md31287.md-banner .banner-intro{width: 100%;padding-top: .35rem;max-width: 39em;color: #ffffff;line-height: 2;}
.md31287.md-banner .banner-bottom{position: absolute;bottom: .5rem;left: 0;width: 100%;}
.md31287.md-banner .banner-navbox{display: flex;width: 14.4rem;max-width: 92%;margin: 0 auto; background-color: #ffffff;border-radius: .2rem;}
.md31287.md-banner .banner-nav{transition: all  .3s; flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;min-height: .7rem;padding: .1rem;color: #333333;line-height: 1.5;font-weight: bold;}
.md31287.md-banner .banner-nav:hover{color: var(--theme);}
.md31287.md-banner .banner-nav.active{color: var(--theme);}

@media (max-width: 750px) { 
  .md31287.md-banner .banner-text{top: 50%;transform: translate(-50%,-50%);}
  .md31287.md-banner .banner-intro{line-height: 1.6;padding-top: .15rem;}
  .md31287.md-banner .banner-bottom{position: relative;bottom: 0; width: 100%;background-color: #fff;}
  .md31287.md-banner .banner-navbox{display: block;white-space: nowrap;overflow: auto;text-align: center;}
  .md31287.md-banner .banner-nav{display: inline-block;vertical-align: middle;padding:  .15rem;height: auto;}
}

/* 头部 */
body{padding-top: .9rem;}
.md31288.md-header{position: fixed;top: 0;left: 0;z-index: 288;width: 100%;background-color: #fff;box-shadow: 0px 1px 0px 0px #eeeeee;}
.md31288.md-header img{display: inline-block;vertical-align:middle;max-width: 100%;} 
.md31288.md-header .h-main{width: 16.8rem;max-width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md31288.md-header .h-left{display: flex;align-items: center;height: .9rem;}
.md31288.md-header .h-logo{position: relative;z-index: 8;display: block;cursor: pointer;height: .9rem;line-height: .9rem;}
.md31288.md-header .h-logo img{max-width: none;height: 51.11%;}

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

.md31288.md-header .h-search{display: block;position: relative;}
.md31288.md-header .ha-buttom{position: relative;z-index: 8;display: block;cursor: pointer;width:.5rem;height: .5rem;border-radius: 50%;background-color: var(--theme);background-image: url('../images/h2.png');background-size: 1.12em auto;background-position: center center;background-repeat: no-repeat;}
.md31288.md-header .ha-sub{display: none;z-index: 108;white-space: nowrap;position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.md31288.md-header .ha-form{font-size: 0;display: inline-block;} 
.md31288.md-header .ha-input{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #222;}
.md31288.md-header .ha-submitbox{display: inline-block;vertical-align: middle;width: 45px;background-color: var(--theme);}
.md31288.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;}
.md31288.md-header.search-state .ha-sub {display: block;}
.md31288.md-header.search-state .h-opa {display: block;}
 
.md31288.md-header .h-menu{position: relative;z-index: 8;display: none;cursor: pointer;margin-left: .3rem;width:.6rem;height: .6rem;border-radius: 50%;background-color: var(--theme);background-image: url('../images/h-menu.png');background-size: 1.12em auto;background-position: center center;background-repeat: no-repeat;}
.md31288.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) {  
  .md31288.md-header .h-item.active .h-one:after{width: 100%;} 
  .md31288.md-header .h-item:hover .h-one{color: var(--theme);} 
  .md31288.md-header .h-item:hover .h-one:after{width: 100%;background-color: var(--theme);} 
  .md31288.md-header .h-item.active .h-one{color: var(--theme);} 
  .md31288.md-header .h-item.active .h-one:after{width: 100%;background-color: var(--theme);} 
}

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

  /* 菜单 */
  .md31288.md-header .h-menu {display: block;}
  .md31288.md-header.menu-state .h-nav{transform: translate(0, 0);}
  .md31288.md-header.menu-state .h-opa {display: block;} 
}

/* 面包屑 */
.md31289.md-nav{overflow: hidden;width: 100%;padding: .15rem 0;background-color: #f5f7fb;}
.md31289.md-nav img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md31289.md-nav .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md31289.md-nav .nav-cont{width: 100%;display: flex;font-size: 0;}
.md31289.md-nav .nav-left{width: 100%;}
.md31289.md-nav .nav-one{display: inline-block;vertical-align: middle;line-height: 1.6;color: #333333;}
.md31289.md-nav .nav-one:after{content: '-';margin: 0 .05rem;}
.md31289.md-nav .nav-one:last-child:after{display: none;}  
.md31289.md-nav .nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1.25em;height: 1.5em;background-image: url('../images/a1.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md31289.md-nav.white{background-color: #fff;}
@media (max-width: 750px) {
  .md31289.md-nav .nav-left{white-space: nowrap;overflow: auto;}
}

/* 面包屑 */
.md31360.md-nav{overflow: hidden;width: 100%;padding: .15rem 0;background-color: #f5f7fb;}
.md31360.md-nav img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md31360.md-nav .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;}
.md31360.md-nav .nav-cont{width: 100%;display: flex;font-size: 0;}
.md31360.md-nav .nav-left{width: 100%;}
.md31360.md-nav .nav-one{display: inline-block;vertical-align: middle;line-height: 1.6;color: #333333;}
.md31360.md-nav .nav-one:after{content: '-';margin: 0 .05rem;}
.md31360.md-nav .nav-one:last-child:after{display: none;}  
.md31360.md-nav .nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width: 1.25em;height: 1.5em;background-image: url('../images/a1.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md31360.md-nav.white{background-color: #fff;}
@media (max-width: 750px) {
  .md31360.md-nav .nav-left{white-space: nowrap;overflow: auto;}
}

/* 内页banner */
.md31361.md-banner{position: relative;z-index: 1;width: 100%;position: relative;background-color: #000;}
.md31361.md-banner .banner-cont{width: 100%;position: relative;}  
.md31361.md-banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/1920*100%);}
.md31361.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;}
.md31361.md-banner .banner-text{position: absolute;top: 31.76%;left: 50%;transform: translate(-50%,0);width: 14.4rem;max-width: 92%; }
.md31361.md-banner .banner-titles{width: 100%;color: #ffffff;line-height: 1.13;font-weight: bold;}
.md31361.md-banner .banner-intro{width: 100%;padding-top: .35rem;max-width: 39em;color: #ffffff;line-height: 2;}
.md31361.md-banner .banner-bottom{position: absolute;bottom: .5rem;left: 0;width: 100%;}
.md31361.md-banner .banner-navbox{display: flex;width: 14.4rem;max-width: 92%;margin: 0 auto; background-color: #ffffff;border-radius: .2rem;}
.md31361.md-banner .banner-nav{transition: all  .3s; flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;min-height: .7rem;padding: .1rem;color: #333333;line-height: 1.5;font-weight: bold;}
.md31361.md-banner .banner-nav:hover{color: var(--theme);}
.md31361.md-banner .banner-nav.active{color: var(--theme);}

@media (max-width: 750px) { 
  .md31361.md-banner .banner-text{top: 50%;transform: translate(-50%,-50%);}
  .md31361.md-banner .banner-intro{line-height: 1.6;padding-top: .15rem;}
  .md31361.md-banner .banner-bottom{position: relative;bottom: 0; width: 100%;background-color: #fff;}
  .md31361.md-banner .banner-navbox{display: block;white-space: nowrap;overflow: auto;text-align: center;}
  .md31361.md-banner .banner-nav{display: inline-block;vertical-align: middle;padding:  .15rem;height: auto;}
}