/* 头部 */
body{padding-top: 1rem;}
.md21066.md-header{position: fixed;top: 0;left: 0;z-index: 288;width: 100%;background-color: #ffffff;box-shadow: 0px 1px 0px 0px #eeeeee;}
.md21066.md-header img{display: inline-block;vertical-align:middle;max-width: 100%;} 
.md21066.md-header .h-main{width: 16rem;max-width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md21066.md-header .h-left{display: flex;align-items: center;height: 1rem;}
.md21066.md-header .h-logo{display: flex;align-items: center;cursor: pointer;height: 1rem;}
.md21066.md-header .h-box{display: block;text-align: center;}
.md21066.md-header .h-box img{height: .3rem;}
.md21066.md-header .h-text{width: 100%;padding-top: .05rem;color: #111111;line-height: 1.6;} 

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

.md21066.md-header .h-language{display: block;cursor: pointer;position: relative;margin-left: .3rem;}
.md21066.md-header .hl-tip{display: block;color: #666666;line-height:1rem;}
.md21066.md-header .hl-tip:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 1.12em;height: 1.5em;background-image: url('../images/h2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.md21066.md-header .hl-tip:after{content: '';display: inline-block;vertical-align: middle;margin-left: .05rem;width: .56em;height: 1.5em;background-image: url('../images/h3.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.md21066.md-header .hl-list{display: none;position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);width: 100%;min-width: 5em;background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.md21066.md-header .hl-item {display: block;cursor: pointer;padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.md21066.md-header .hl-item:hover{color: #fff;background-color: var(--theme);} 

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

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

}

/* 询价弹框 */
.md21066.xc-main{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;}
.md21066.xc-main.show{opacity: 1;z-index: 388;visibility: visible;}
.md21066.xc-main input::-webkit-input-placeholder,
.md21066.xc-main textarea::-webkit-input-placeholder{color: #666;}
.md21066.xc-main input:-moz-placeholder,
.md21066.xc-main textarea:-moz-placeholder{color: #666;}
.md21066.xc-main input::-moz-placeholder,
.md21066.xc-main textarea::-moz-placeholder{color: #666;}
.md21066.xc-main input:-ms-input-placeholder,
.md21066.xc-main textarea:-ms-input-placeholder{color: #666;}
.md21066.xc-main .xc-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .75;}
.md21066.xc-main .xc-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 11.66rem;max-width: 92%;}
.md21066.xc-main .xc-cont{position: relative;width: 100%;max-height: 95vh;overflow: auto;padding: .65rem 1rem .7rem;background-color: #fff;}
.md21066.xc-main .xc-close{transition: all .3s;position: absolute;top: .3rem;right: .3rem;z-index: 8;display: block;cursor: pointer;width: .4rem;height: .4rem;border-radius: 50%;background-color: #ffffff;border: solid 1px rgba(0,0,0,.08);background-image: url('../images/a41.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md21066.xc-main .xc-close:hover{background-image: url('../images/a41-b.png');border: solid 1px var(--theme);background-color: var(--theme);}
.md21066.xc-main .xc-top{width: 100%;text-align: center;padding-bottom: .45rem;}
.md21066.xc-main .xc-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.2;}
.md21066.xc-main .xc-synopsis{width: 100%;padding-top: .1rem;max-width: 42em;margin: 0 auto;color: #666666;line-height: 1.75;}
.md21066.xc-main .xc-bottom{width: 100%;}
.md21066.xc-main .xc-two{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md21066.xc-main .xc-item{width: 100%;margin-bottom: .2rem;}
.md21066.xc-main .xc-input{width: 100%;border: none;padding: 0 .2rem;height: .5rem;color: #333;background-color: #f3f3f3;}
.md21066.xc-main .xc-textarea{width: 100%;border: none;padding: .15rem .2rem;height: 1.7rem;color: #333;line-height: 1.6; background-color: #f3f3f3;}
.md21066.xc-main .xc-agreement{width: 100%;margin-bottom: .15rem;color: #666666;line-height: 1.75;}
.md21066.xc-main .xc-agreement a{color: #e60012;text-decoration: underline;}
.md21066.xc-main .xc-buttom{width: 100%;padding-top: .25rem;text-align: center;}
.md21066.xc-main .xc-submit{display: inline-block;cursor: pointer;border: none;padding: 0 .5rem;color: #ffffff;height: .5rem;line-height: .5rem;border-radius: .25rem;background-color: var(--theme);}
 
@media (min-width: 750px) {
  .md21066.xc-main .xc-two .xc-item{width: calc(50% - .1rem);}
}
@media (max-width: 750px) { 
  .md21066.xc-main .xc-cont{padding: .6rem .3rem;}
   .md21066.xc-main .xc-input{height: .6rem;}
   .md21066.xc-main .xc-submit{height: .6rem;line-height: .6rem;border-radius: .3rem;} 
}

/* 底部 */
.md21068.md-footer{width: 100%;padding: 0 0;background-color: #111111;}
.md21068.md-footer img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21068.md-footer .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21068.md-footer .f-top{width: 100%;padding: .6rem 0 .4rem;border-bottom: 1px solid rgba(255,255,255,.08); display: flex;align-items: center;justify-content: space-between;}
.md21068.md-footer .f-logo{display: block;cursor: pointer;}
.md21068.md-footer .f-logo img{width: 1.22rem;}
.md21068.md-footer .share{font-size: 0;}
.md21068.md-footer .share_one{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-right: .15rem;}
.md21068.md-footer .share_one:last-child{margin-right: 0;}
.md21068.md-footer .share_link{display: block;width: .5rem;height: .5rem;border-radius: 50%;background-color: rgba(255,255,255,.1);}  
.md21068.md-footer .share_link img{vertical-align: top;width: 100%;height: 100%;object-fit: contain;}
.md21068.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);}
.md21068.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);}
.md21068.md-footer .share_code img{width: 100%;}
.md21068.md-footer .share_one:hover .share_link{background-color: rgba(255,255,255,.2);} 
.md21068.md-footer .share_one.show .share_sub{opacity: 1;z-index: 18;visibility: visible;} 

.md21068.md-footer .f-center{width: 100%;padding: .75rem 0 .9rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.md21068.md-footer .f-left{width: 10.6rem;display: flex;justify-content: space-between;}
.md21068.md-footer .f-item{display: block;padding-right: 0.2rem;}
.md21068.md-footer .f-one{display: block;margin-bottom: .2rem;color: #ffffff;line-height: 1.5;}
.md21068.md-footer .f-twobox{display: inline-block;}
.md21068.md-footer .f-two{display: block;cursor: pointer;margin-bottom: .1rem;color: rgba(255,255,255,.5);line-height: 1.7;}
.md21068.md-footer .f-two:hover{color: #fff;}
.md21068.md-footer .f-right{width: 3.2rem;}
.md21068.md-footer .f-tip{display: block;margin-bottom: .2rem;color: #ffffff;line-height: 1.5;}
.md21068.md-footer .f-tr{width: 100%;}
.md21068.md-footer .f-td{display: flex;width: 100%;margin-bottom: .1rem;}
.md21068.md-footer .f-td_icon{width: 1.38em;height: 1.7em;line-height: 1.7em;margin-right: .1rem;}
.md21068.md-footer .f-td_icon img{max-width: 100%;max-height: 1.38em;}
.md21068.md-footer .f-td_text{flex: 1; color: rgba(255,255,255,.5);line-height: 1.7;}

.md21068.md-footer .f-bottom{width: 100%;padding: .35rem 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md21068.md-footer .f-lt{font-size: 0;}
.md21068.md-footer .f-rt{font-size: 0;}
.md21068.md-footer .f-link{display: inline-block;vertical-align: middle;padding: .05rem 0;color: rgba(255,255,255,.5);line-height: 1.7;}
.md21068.md-footer .f-bottom a:hover{color: #fff;cursor: pointer;}
.md21068.md-footer .f-agreementbox{display: inline-block;vertical-align: middle;margin-left: .3rem;}
.md21068.md-footer .f-agreement{display: inline-block;vertical-align: middle;padding: .05rem 0;color: rgba(255,255,255,.5);line-height: 1.7;}
.md21068.md-footer .f-agreement:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .08rem;width: 1px;height: .9em;background-color: rgba(255,255,255,.5);}
.md21068.md-footer .f-agreement:last-child:after{display: none;}
.md21068.md-footer .f-agreement:hover{color: #fff;}

@media (max-width: 1150px) {
   .md21068.md-footer .f-right{width: 4rem;}
}
@media (max-width: 750px) {
    .md21068.md-footer .share_sub{left: auto;right: -.15rem;transform: translate(0,0);}
    .md21068.md-footer .share_link{width: .6rem;height: .6rem;}
    .md21068.md-footer .f-center{padding: .5rem 0;}
    .md21068.md-footer .f-left{width: 100%;flex-wrap: wrap;}
    .md21068.md-footer .f-item{width: 100%;padding-right: 0;margin-bottom: 0.15rem;}
    .md21068.md-footer .f-one{margin-bottom: .1rem;}
    .md21068.md-footer .f-twobox{width: 100%;}
     .md21068.md-footer .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;}
    .md21068.md-footer .f-right{width: 100%;}
    .md21068.md-footer .f-lt{width: 100%;text-align: center;}
    .md21068.md-footer .f-rt{width: 100%;text-align: center;}
    .md21068.md-footer .f-agreementbox{margin: 0 ;width: 100%;}
}

/* 内页banner */
.md21079.md-banner{width: 100%;position: relative;background-color: #000;}
.md21079.md-banner .banner-cont{width: 100%;}  
.md21079.md-banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(650/1920*100%);}
.md21079.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;}
.md21079.md-banner .banner-text{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;max-width: 92%;}
.md21079.md-banner .banner-titles{width: 100%;margin-bottom: .2rem;color: #ffffff;line-height: 1.2;font-weight: bold;}
.md21079.md-banner .banner-intro{width: 100%;color: #ffffff;line-height: 1.75;}

@media (max-width: 750px) {
   .md21079.md-banner .banner-intro{line-height: 1.3;}
}

/* 面包屑 */
.md21080.md-nav{overflow: hidden;width: 100%;background-color: #ffffff;}
.md21080.md-nav img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21080.md-nav .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21080.md-nav .nav-main{position: relative;z-index: 38;width: 100%;background-color: #ffffff;}
.md21080.md-nav .nav-cont{width: 100%;display: flex;font-size: 0;}
.md21080.md-nav .nav-left{flex: 1;width: 0;}
.md21080.md-nav .nav-swiper{display: inline-block;max-width: 100%;}
.md21080.md-nav .nav-item{transition: all  .3s; display: block;cursor: pointer;width: auto;position: relative;margin-right: .4rem;color: #666666;line-height: .8rem;}
.md21080.md-nav .nav-item:last-child{margin-right: 0;}
.md21080.md-nav .nav-item:after{transition: all  .3s; content: '';position: absolute;bottom: 0;left: 0;width: 0;height: .03rem;background-color: var(--active);}
.md21080.md-nav .nav-item:hover{color: #111111;}
.md21080.md-nav .nav-item:hover:after{width: 100%;}
.md21080.md-nav .nav-item.active{color: #111111;}
.md21080.md-nav .nav-item.active:after{width: 100%;}
.md21080.md-nav .nav-right{font-size: 0;margin-left: .25rem;}
.md21080.md-nav .nav-one{display: inline-block;vertical-align: middle;line-height: .8rem;color: #999999;}
.md21080.md-nav .nav-one:after{content: '-';margin: 0 .05rem;}
.md21080.md-nav .nav-one:last-child:after{display: none;} 
.md21080.md-nav .nav-one:last-child{color: var(--theme);} 
.md21080.md-nav.fixed .nav-main{position: fixed;top: 1rem;}
@media (min-width: 750px) {
  .md21080.md-nav.cont2 .nav-item{margin-right: .25rem;}
  .md21080.md-nav.cont2 .nav-item:last-child{margin-right: 0;}
}
@media (max-width: 750px) {
  .md21080.md-nav .nav-left{flex: none;width: 100%;text-align: center;}
  .md21080.md-nav .nav-item{margin: 0 .15rem !important;}
  .md21080.md-nav .nav-right{display: none;}
}

/* 联系我们-在线留言 */
.md21082.md-online_message{overflow: hidden;position: relative;width: 100%;padding: 1rem 0;}
.md21082.md-online_message img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21082.md-online_message .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21082.md-online_message input::-webkit-input-placeholder,
.md21082.md-online_message textarea::-webkit-input-placeholder{color: #666;}
.md21082.md-online_message input:-moz-placeholder,
.md21082.md-online_message textarea:-moz-placeholder{color: #666;}
.md21082.md-online_message input::-moz-placeholder,
.md21082.md-online_message textarea::-moz-placeholder{color: #666;}
.md21082.md-online_message input:-ms-input-placeholder,
.md21082.md-online_message textarea:-ms-input-placeholder{color: #666;} 
.md21082.md-online_message .my-id{position: absolute;top: -1.8rem;}
.md21082.md-online_message .my-top{width: 100%;padding-bottom: .4rem;}
.md21082.md-online_message .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21082.md-online_message .my-synopsis{width: 100%;margin-top: .1rem;max-width: 44em;color: #666666;line-height: 1.75;}
.md21082.md-online_message .e-cont{width: 100%;position: relative;display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}
.md21082.md-online_message .e-left{width: calc(967/1600*100%);}
.md21082.md-online_message .e-two{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md21082.md-online_message .e-item{width: 100%;margin-bottom: .2rem;}
.md21082.md-online_message .e-input{width: 100%;border: none;padding: 0 .2rem;height: .5rem;color: #333;background-color: #f3f3f3;}
.md21082.md-online_message .e-textarea{width: 100%;border: none;padding: .15rem .2rem;height: 1.7rem;color: #333;line-height: 1.6; background-color: #f3f3f3;}
.md21082.md-online_message .e-agreement{width: 100%;margin-bottom: .15rem;color: #666666;line-height: 1.75;}
.md21082.md-online_message .e-agreement a{color: #e60012;text-decoration: underline;cursor: pointer;}
.md21082.md-online_message .e-buttom{width: 100%;padding-top: .25rem;}
.md21082.md-online_message .e-submit{display: inline-block;cursor: pointer;border: none;padding: 0 .5rem;color: #ffffff;height: .5rem;line-height: .5rem;border-radius: .25rem;background-color: var(--theme);}

.md21082.md-online_message .e-right{width: calc(513/1600*100%);position: relative;}
.md21082.md-online_message .e-right:after{content: '';position: absolute;top: 56%;left: 1rem;width: calc(100% + 1.6rem);height: calc(100% + 1rem);background-color: var(--theme);}
.md21082.md-online_message .e-img{position: relative;z-index: 8;width: 100%;position: relative;overflow: hidden;padding-top: calc(673/513*100%);}
.md21082.md-online_message .e-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md21082.md-online_message .e-logo{z-index: 8;position: absolute;bottom: -.12rem;left: calc(100% + .5rem);width: .62rem;}
.md21082.md-online_message .e-logo img{width: 100%;}

.md21082.md-online_message.gray{background-color: #f7f7f7;}
.md21082.md-online_message.gray .e-input{background-color: #fff;}
.md21082.md-online_message.gray .e-textarea{background-color: #fff;}
@media (min-width: 750px) {
  .md21082.md-online_message .e-two .e-item{width: calc(50% - .1rem);}
}
@media (max-width: 750px) {
   .md21082.md-online_message .e-left{width: 100%;margin-bottom: .3rem;}
   .md21082.md-online_message .e-input{height: .6rem;}
   .md21082.md-online_message .e-submit{height: .6rem;line-height: .6rem;border-radius: .3rem;}
   .md21082.md-online_message .e-right{width: calc(100% - 1.1rem);}
}

/* 侧边栏 */
.md21083.sidebar{position: fixed;bottom: 1.5rem; right: .1rem;z-index: 38; }
.md21083.sidebar .sidebar-item{display: block;margin: .1rem 0;position: relative;}
.md21083.sidebar .sidebar-link{transition: all ease .5s; display: block;cursor: pointer;width: .5rem;height: .5rem;border-radius: 50%;background-color: var(--theme);}
.md21083.sidebar .sidebar-link img{width: 100%;height: 100%;object-fit: contain;}
.md21083.sidebar .sidebar-item:hover .sidebar-link{background-color: var(--active);}

/* 内页banner */
.md21479.md-banner{width: 100%;position: relative;background-color: #000;}
.md21479.md-banner .banner-cont{width: 100%;}  
.md21479.md-banner .banner-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(650/1920*100%);}
.md21479.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;}
.md21479.md-banner .banner-text{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;max-width: 92%;}
.md21479.md-banner .banner-titles{width: 100%;margin-bottom: .2rem;color: #ffffff;line-height: 1.2;font-weight: bold;}
.md21479.md-banner .banner-intro{width: 100%;color: #ffffff;line-height: 1.75;}

@media (max-width: 750px) {
   .md21479.md-banner .banner-intro{line-height: 1.3;}
}

/* 面包屑 */
.md24068.md-nav{overflow: hidden;width: 100%;background-color: #ffffff;}
.md24068.md-nav img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md24068.md-nav .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md24068.md-nav .nav-main{position: relative;z-index: 38;width: 100%;background-color: #ffffff;}
.md24068.md-nav .nav-cont{width: 100%;display: flex;font-size: 0;}
.md24068.md-nav .nav-left{flex: 1;width: 0;}
.md24068.md-nav .nav-swiper{display: inline-block;max-width: 100%;}
.md24068.md-nav .nav-item{transition: all  .3s; display: block;cursor: pointer;width: auto;position: relative;margin-right: .4rem;color: #666666;line-height: .8rem;}
.md24068.md-nav .nav-item:last-child{margin-right: 0;}
.md24068.md-nav .nav-item:after{transition: all  .3s; content: '';position: absolute;bottom: 0;left: 0;width: 0;height: .03rem;background-color: var(--active);}
.md24068.md-nav .nav-item:hover{color: #111111;}
.md24068.md-nav .nav-item:hover:after{width: 100%;}
.md24068.md-nav .nav-item.active{color: #111111;}
.md24068.md-nav .nav-item.active:after{width: 100%;}
.md24068.md-nav .nav-right{font-size: 0;margin-left: .25rem;}
.md24068.md-nav .nav-one{display: inline-block;vertical-align: middle;line-height: .8rem;color: #999999;}
.md24068.md-nav .nav-one:after{content: '-';margin: 0 .05rem;}
.md24068.md-nav .nav-one:last-child:after{display: none;} 
.md24068.md-nav .nav-one:last-child{color: var(--theme);} 
.md24068.md-nav.fixed .nav-main{position: fixed;top: 1rem;}
@media (min-width: 750px) {
  .md24068.md-nav.cont2 .nav-item{margin-right: .25rem;}
  .md24068.md-nav.cont2 .nav-item:last-child{margin-right: 0;}
}
@media (max-width: 750px) {
  .md24068.md-nav .nav-left{flex: none;width: 100%;text-align: center;}
  .md24068.md-nav .nav-item{margin: 0 .15rem !important;}
  .md24068.md-nav .nav-right{display: none;}
}

/* 推荐产品 */
.md21491.md-recommend_products{position: relative;width: 100%;padding: .95rem 0 .9rem;}
.md21491.md-recommend_products img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21491.md-recommend_products .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21491.md-recommend_products .my-top{width: 100%;padding-bottom: .5rem;text-align: center;}
.md21491.md-recommend_products .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21491.md-recommend_products .my-synopsis{width: 100%;margin-top: .1rem;color: #666666;line-height: 1.75;}
.md21491.md-recommend_products .my-id{position: absolute;top: -1rem;}
.md21491.md-recommend_products .wi-cont{width: calc(100% + .2rem);position: relative;left: -.1rem;}
.md21491.md-recommend_products .wi-swiper{width: 100%;}
.md21491.md-recommend_products .wi-item{width: 25%;padding: 0 .1rem;}
.md21491.md-recommend_products .wi-link{display: block;cursor: pointer;width: 100%;}
.md21491.md-recommend_products .wi-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(480/385*100%);}
.md21491.md-recommend_products .wi-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md21491.md-recommend_products .wi-text{width: 100%;padding: .2rem .2rem 0;}
.md21491.md-recommend_products .wi-box{width: 100%;position: relative;padding-bottom: .15rem;margin-bottom: .25rem;}
.md21491.md-recommend_products .wi-box:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0,0,0,.08);}
.md21491.md-recommend_products .wi-box:after{content: '';position: absolute;bottom: 0;left: 0;width: .5rem;height: 3px;background-color: var(--active);}
.md21491.md-recommend_products .wi-classes{width: 100%;margin-bottom: .05rem;color: var(--active);line-height: 1.6;}
.md21491.md-recommend_products .wi-name{transition: all  .3s; width: 100%;margin-bottom: .05rem;color: #111111;font-weight: bold;line-height: 1.4;}
.md21491.md-recommend_products .wi-size{width: 100%;margin-bottom: .05rem;color: #666666;line-height: 1.75;word-break: break-all;}
.md21491.md-recommend_products .wi-intro{width: 100%;color: #666666;line-height: 1.75;}
.md21491.md-recommend_products .wi-link:hover .wi-img img{transform: scale(1.05);}
.md21491.md-recommend_products .wi-link:hover .wi-name{color: var(--theme);}
.md21491.md-recommend_products .wi-prev{transition: all  .3s;top: 2.15rem;margin-top: 0;left:  -.9rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f3f3f3;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21491.md-recommend_products .wi-prev:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}
.md21491.md-recommend_products .wi-next{transition: all  .3s;transform: rotate(-180deg);top: 2.15rem;margin-top: 0;right:  -.9rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #f3f3f3;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21491.md-recommend_products .wi-next:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}
.md21491.md-recommend_products .wi-bottom{width: 100%;text-align: center;padding-top: .7rem;}
.md21491.md-recommend_products .wi-more{transition: all  .3s;display: inline-block;cursor: pointer; padding: 0 .38rem;color: #111111;line-height: .5rem;border-radius: .25rem;background-color: #ffffff;}
.md21491.md-recommend_products .wi-more:hover{color: #fff;background-color: var(--theme);}
/* 首页-推荐产品 */

.md21491.md-recommend_products.gray{background-color: #f5f5f5;padding: .95rem 0 1rem;} 
.md21491.md-recommend_products.gray  .wi-prev{background-color: #fff;}
.md21491.md-recommend_products.gray  .wi-next{background-color: #fff;}

@media (max-width: 1150px) {
   .md21491.md-recommend_products .wi-cont{padding-bottom: .8rem;}
   .md21491.md-recommend_products .wi-prev{top: auto;bottom: 0;left: calc(50% - .8rem);}
   .md21491.md-recommend_products .wi-next{top: auto;bottom: 0;right: calc(50% - .8rem);}
}
@media (max-width: 750px) {
   .md21491.md-recommend_products .wi-item{width: 50%;}
   .md21491.md-recommend_products .wi-more{line-height: .6rem;border-radius: .3rem;}
}

/* 推荐案例 */
.md21492.md-recommend_projects{position: relative;overflow: hidden;width: 100%;padding: .95rem 0 1rem;background-color: #f7f7f7;}
.md21492.md-recommend_projects img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21492.md-recommend_projects .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21492.md-recommend_projects .my-top{width: 100%;padding-bottom: .5rem;text-align: center;}
.md21492.md-recommend_projects .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21492.md-recommend_projects .my-synopsis{width: 100%;margin-top: .1rem;color: #666666;line-height: 1.75;}
.md21492.md-recommend_projects .my-id{position: absolute;top: -1rem;}
.md21492.md-recommend_projects .wj-cont{width: calc(100% + .3rem);position: relative;left: -.15rem;}
.md21492.md-recommend_projects .wj-swiper{width: 100%;overflow: visible;}
.md21492.md-recommend_projects .wj-item{display: block;position: relative;width: 50%;padding: 0 .15rem;}
.md21492.md-recommend_projects .wj-link{display: block;cursor: pointer;width: 100%;}
.md21492.md-recommend_projects .wj-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(490/785*100%);}
.md21492.md-recommend_projects .wj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md21492.md-recommend_projects .wj-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 1.8rem .25rem .3rem;}
.md21492.md-recommend_projects .wj-text:after{opacity:  0;transition: all .3s; content: '';position: absolute;bottom: .35rem;right: .3rem;width: .5rem;height: .5rem;border-radius: 50%;border: solid 1px rgba(255,255,255,.3);background-image: url('../images/a1-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21492.md-recommend_projects .wj-namebox{width: 100%;position: relative;}
.md21492.md-recommend_projects .wj-name{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.4;}
.md21492.md-recommend_projects .wj-intro{width: 100%;color: #ffffff;line-height: 1.75;}
.md21492.md-recommend_projects .wj-link:hover .wj-img img{transform: scale(1.05);}

.md21492.md-recommend_projects .wj-prev{transition: all  .3s;margin-top: -.25rem;left:  -.95rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21492.md-recommend_projects .wj-prev:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}
.md21492.md-recommend_projects .wj-next{transition: all  .3s;transform: rotate(-180deg);margin-top: -.25rem;right:  -.95rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;background-image: url('../images/a16-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.md21492.md-recommend_projects .wj-next:hover{background-image: url('../images/a16.png');background-color: var(--theme) !important;}

.md21492.md-recommend_projects.white{background-color: #fff;}
.md21492.md-recommend_projects.white .wj-prev{background-color: #f3f3f3;}
.md21492.md-recommend_projects.white .wj-next{background-color: #f3f3f3;}


.md21492.md-recommend_projects.product{background-color: #000;}
.md21492.md-recommend_projects.product .my-titles{color: #fff;}
.md21492.md-recommend_projects.product .my-synopsis{color: #fff;} 

@media (min-width: 750px) {
  .md21492.md-recommend_projects .wj-link:hover .wj-text:after{opacity: 1;}
}
@media (max-width: 1150px) {
    .md21492.md-recommend_projects .wj-cont{padding-bottom: .8rem;}
    .md21492.md-recommend_projects .wj-prev{top: auto;margin-top: 0;bottom: 0;left: calc(50% - .8rem);}
    .md21492.md-recommend_projects .wj-next{top: auto;margin-top: 0;bottom: 0;right: calc(50% - .8rem);}
}
@media (max-width: 750px) {
    .md21492.md-recommend_projects .wj-swiper{overflow: hidden;}
    .md21492.md-recommend_projects .wj-item{width: 100%;}
    .md21492.md-recommend_projects .wj-text{padding: .25rem .3rem;}
}