/* 尾部 */

.md24311.md-footer{position:relative;overflow:hidden;background-color:#111}

.md24311.md-foot-1{position:relative}

.md24311.md-foot-1 .layout{margin-left:auto;margin-right:auto;width:16rem;max-width:92%}

.md24311.md-foot-1 .box{padding-top:0.9rem;padding-bottom:1.3rem;position:relative}

.md24311.md-foot-1 .logo .lo{display:inline-flex}

.md24311.md-foot-1 .logo .ii{height:1em}

.md24311.md-foot-1 .info{width:30%}

.md24311.md-foot-1 .desc{margin-top:0.12rem;margin-bottom:0.4rem}

.md24311.md-foot-1 .ul1 .li1{margin-right:1.6rem}

.md24311.md-foot-1 .ul1 .li1:last-child{margin-right:0;width:auto}

.md24311.md-foot-1 .ul1 .li1:last-child .ul2{padding-right:0}

.md24311.md-foot-1 .ul1 .a1{line-height:1;transition:0.3s}

.md24311.md-foot-1 .ul1 .a1:hover{opacity:0.6;transition:all 0.3s}

.md24311.md-foot-1 .ul1 .ul2{margin-top:0.21rem;position:relative}

.md24311.md-foot-1 .ul1 .li2{margin-bottom:0.12rem}

.md24311.md-foot-1 .ul1 .li2:last-child{margin-bottom:0}

.md24311.md-foot-1 .ul1 .a2{position:relative;opacity:0.45}

.md24311.md-foot-1 .ul1 .a2::before{content:"> ";display:inline}

.md24311.md-foot-1 .ul1 .a2:hover{text-decoration:underline;transition:color 0.3s}

.md24311.md-foot-1 .shares{margin-top:0.32rem;margin-bottom:0.6rem}

.md24311.md-foot-1 .shares .si{position:relative;margin-right:0.15rem}

.md24311.md-foot-1 .shares .si:hover .hd{opacity:1}

.md24311.md-foot-1 .shares .si:hover .bd{opacity:1;pointer-events:auto}

.md24311.md-foot-1 .shares .si:last-child{margin-right:0}

.md24311.md-foot-1 .shares .hd{position:relative;display:inline-flex;justify-content:center;align-items:center;opacity:0.6;transition:0.5s}

.md24311.md-foot-1 .shares .hi{width:1em;height:1em;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:0.3s}

.md24311.md-foot-1 .shares .bd{position:absolute;left:50%;top:calc(100% + 0.15rem);transform:translate(-50%);opacity:0;pointer-events:none;padding-bottom:0.18rem;z-index:30;transition:all 0.3s}

.md24311.md-foot-1 .shares .bd .bbox{background-color:#fff;position:relative}

.md24311.md-foot-1 .shares .bd img{width:1.2rem;min-width:80px;max-width:none}

.md24311.md-foot-1 .contact{width:3.4rem}

.md24311.md-foot-1 .clist{margin-top:0.3rem}

.md24311.md-foot-1 .citem{margin-bottom:0.14rem;line-height:calc( 26 / 16 )}

.md24311.md-foot-1 .citem img{width:1em;height:1em;-o-object-fit:contain;object-fit:contain;flex-shrink:0;opacity:0.6;position:relative;top:0.1em}

.md24311.md-foot-1 .citem .cte{margin-left:0.1rem;opacity:0.45}

@media screen and (max-width:1280px){

  .md24311.md-foot-1 .ul1 .li1{margin-right:0.4rem}

}

@media screen and (max-width:900px){

  .md24311.md-foot-1 .box{flex-wrap:wrap;padding:0.5rem 0 0.3rem

}

.md24311.md-foot-1 .ul1{display:none}

.md24311.md-foot-1 .d11{text-align:center}

.md24311.md-foot-1 .shares{justify-content:center}

.md24311.md-foot-1 .shares .si{margin:0 0.1rem !important}

.md24311.md-foot-1 .shares .hd{width:1.8em;height:1.8em}

.md24311.md-foot-1 .info{width:100%;order:1}

.md24311.md-foot-1 .contact{width:100%;margin-top:0.3rem;order:2}}

.md24311.md-foot-2{position:relative}

.md24311.md-foot-2 .layout{margin-left:auto;margin-right:auto;width:16rem;max-width:92%}

.md24311.md-foot-2 .box{padding-top:0.3rem;padding-bottom:0.32rem;position:relative;border-top:1px solid rgba(255,255,255,0.2)}

.md24311.md-foot-2 .href{opacity:0.3}

.md24311.md-foot-2 .href a:hover{text-decoration:underline}

@media screen and (max-width:900px){

  .md24311.md-foot-2 .box{flex-wrap:wrap;padding:0.2rem 0}

.md24311.md-foot-2 .href{width:100%;text-align:center}

.md24311.md-foot-2 .code{margin-top:0.4rem}

.md24311.md-foot-2 .code .ci{width:1.6rem}

}

.ft-link{position:relative}

.ft-link .fk-tip{padding:0 0.2rem;line-height:3em;background-color:rgba(255,255,255,0.1);color:#888888;cursor:pointer}

.ft-link .fk-tip::before{content:"";width:1em;height:0.5em;position:absolute;right:0.2rem;top:50%;transform:translateY(-50%);background-image:url(../images/a23.png);background-repeat:no-repeat;background-size:contain;background-position:center;opacity:0.5}

.ft-link .fk-sub{position:absolute;bottom:100%;left:0;width:100%;background-color:rgba(51,51,51,0.9);color:rgba(255,255,255,0.6);display:none}

.ft-link .fk-item{display:block;cursor:pointer;width:100%;padding:0.05rem 0.2rem;line-height:2}

.md-sideNav{position:fixed;top:50%;right:0.2rem;transform:translateY(-50%);z-index:60}

.md-sideNav .sn_i{position:relative;margin-bottom:0.1rem}

.md-sideNav .sn_i:hover .hd{background-color:#c9000b}

.md-sideNav .sn_i:hover .hd .i1{display:none}

.md-sideNav .sn_i:hover .hd .i2{display:block}

.md-sideNav .sn_i:hover .hd .ic{filter:brightness(0) invert(1)}

.md-sideNav .sn_i:hover .ht{color:#fff}

.md-sideNav .sn_i:hover .bd{opacity:1;pointer-events:auto;transition:all 0.3s}

.md-sideNav .hd{display:flex;justify-content:center;align-items:center;text-align:center;position:relative;width:1em;height:1em;cursor:pointer;border-radius:0.06rem;background-color:#c9000b;transition:all 0.3s}

.md-sideNav .hd .ic{width:46.2962962963%;height:46.2962962963%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}

.md-sideNav .hd .i2{display:none}

.md-sideNav .hd .ht{margin-top:0.07rem}

.md-sideNav .bd{position:absolute;right:100%;top:0;padding-right:0.12rem;opacity:0;pointer-events:none;transition:all 0.5s}

.md-sideNav .b_box{background-color:#fff;box-shadow:0 0 0.1rem rgba(0,0,0,0.1);border-radius:0.06rem}

.md-sideNav .ph{white-space:nowrap;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:0.15rem;line-height:1.5}

.md-sideNav .ph .d2{color:#c9000b;font-weight:600}

.md-sideNav .wx{padding:0.1rem;text-align:center}

.md-sideNav .wx .d1{line-height:1.8}

.md-sideNav .wx .img{display:block;width:1rem;min-width:100px;max-width:none}

.md-sideNav #goTop{visibility:hidden}

.md-sideNav #goTop.show{visibility:visible}

@media screen and (max-width:1200px){

  .md-sideNav .hd .ht{display:none}

}

@media screen and (max-width:900px){

  .md-sideNav{display:none}

.md-sideNav .wx{width:2rem}

} 

.md24311.md-footer .f-cont{width: 30%;}

.md24311.md-footer .f-item{width: 100%;margin-bottom: .1rem;position: relative;background-color: rgba(255,255,255,.1);}

.md24311.md-footer .f-tip{position: absolute;top: 0;left: 0;width: 100%;line-height: .5rem;padding: 0 .15rem;color: rgba(255,255,255,.6);}

.md24311.md-footer .f-input{position: relative;z-index: 8;background-color: transparent;border: none;width: 100%;padding: 0 .15rem;color: #fff;height: .5rem;}

.md24311.md-footer .f-textarea{position: relative;z-index: 8;background-color: transparent;border: none;width: 100%;padding: .1rem .15rem;color: #fff;line-height: 1.6;height:calc(.2rem + 4.8em);}

.md24311.md-footer .f-code{position: absolute;top: 0;right: 0;z-index: 8; width: 1.5rem;height: 100%;object-fit: contain;cursor: pointer;}

.md24311.md-footer .f-buttom{width: 100%;text-align: center;}

.md24311.md-footer .f-submit{display: inline-block;cursor: pointer;border: none;line-height: .5rem;background-color: #c9000b;border-radius: 1rem;padding: 0 0.25rem;}

.md24311.md-footer .f-item.hide .f-tip{opacity: 0;}

.md24311.md-footer .d11{margin-bottom: .2rem;}



@media screen and (max-width:900px){

  .md24311.md-footer .f-cont{width: 100%;}

  .md24311.md-footer .f-tip{line-height: .6rem;}

  .md24311.md-footer .f-input{height: .6rem;} 

  .md24311.md-footer .f-submit{height: .6rem;line-height: .6rem;} 

}

.md24312.md-head {

  height: 1.4rem;

}

.md24312.md-head.m_show .md-mob_sideNav {

  right: 0;

  opacity: 1;

}

.md24312.md-head.m_show .mob_mask {

  display: block;

}

.md24312.md-head.is-fixed .head-pc, .md24312.md-head.white .head-pc {

  background-color: #fff;

  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);

}

.md24312.md-head.is-fixed .head-pc::before, .md24312.md-head.white .head-pc::before {

  opacity: 0;

}

.md24312.md-head.is-fixed .head-pc .logo .pi, .md24312.md-head.white .head-pc .logo .pi {

  display: none;

}

.md24312.md-head.is-fixed .head-pc .logo .mi, .md24312.md-head.white .head-pc .logo .mi {

  display: block;

}

.md24312.md-head.is-fixed .head-pc .ul1 .a1, .md24312.md-head.white .head-pc .ul1 .a1 {

  color: #333;

}

.md24312.md-head.is-fixed .head-pc .ul1 .on::after, .md24312.md-head.white .head-pc .ul1 .on::after {

  background-color: #c9000b;

}

.md24312.md-head.is-fixed .head-pc .h-lang .hd, .md24312.md-head.white .head-pc .h-lang .hd {

  filter: none;

}

.md24312.md-head.is-fixed .head-pc .h-lang .ic, .md24312.md-head.white .head-pc .h-lang .ic {

  filter: none;

}

.md24312.md-head.is-fixed .head-pc .h-lang .ar, .md24312.md-head.white .head-pc .h-lang .ar {

  filter: none;

}

.md24312.md-head.is-fixed .head-pc .h-user .hd, .md24312.md-head.white .head-pc .h-user .hd {

  color: #333;

}

.md24312.md-head.is-fixed .head-pc .h-login, .md24312.md-head.white .head-pc .h-login {

  box-shadow: 0 0 0 1px inset #c9000b;

  color: #c9000b;

}

.md24312.md-head.is-fixed .head-pc .h-search .hic, .md24312.md-head.white .head-pc .h-search .hic {

  filter: none;

}

.md24312.md-head.white {

  height: 0.9rem;

}

.md24312.md-head.white .head-pc .logo .pi {

  display: none;

}

.md24312.md-head.white .head-pc .logo .mi {

  display: block;

}

.md24312.md-head .mob_mask {

  display: none;

  top: 0;

  left: 0;

  position: fixed;

  z-index: 99;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

}

@media screen and (max-width: 900px) {

  .md24312.md-head {

    height: 1rem !important;

  }

}



.md24312.head-pc {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99;

}

.md24312.head-pc .layout {

  margin-left: auto;

  margin-right: auto;

  width: 16rem;

  max-width: 92%;

}

@media screen and (max-width: 900px) {

  .md24312.head-pc {

    height: 0.9rem;

    background-color: #fff;

    background-image: none !important;

  }

}



.md24312.md-head-1 {

  background-color: #c9000b;

}

.md24312.md-head-1 .box {

  height: 0.4rem;

}

.md24312.md-head-1 .h-contact {

  line-height: 1;

}

.md24312.md-head-1 .h-contact a {

  display: inline-flex;

  align-items: center;

  margin-right: 0.4rem;

}

.md24312.md-head-1 .h-contact img {

  width: 1em;

  height: 1em;

  -o-object-fit: contain;

     object-fit: contain;

  margin-right: 0.5em;

  flex-shrink: 0;

}

.md24312.md-head-1 .shares .si {

  position: relative;

  margin-right: 0.1rem;

}

.md24312.md-head-1 .shares .si:last-child {

  margin-right: 0;

}

.md24312.md-head-1 .shares .hd {

  width: 1em;

  height: 1em;

  position: relative;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  transition: 0.5s;

}

.md24312.md-head-1 .shares .hi {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

  -o-object-position: center;

     object-position: center;

}

.md24312.md-head-1 .shares .bd {

  position: absolute;

  left: 50%;

  top: calc(100% + 0.15rem);

  transform: translate(-50%);

  opacity: 0;

  pointer-events: none;

  padding-bottom: 0.18rem;

  z-index: 30;

  transition: all 0.3s;

}

.md24312.md-head-1 .shares .bd .bbox {

  background-color: #fff;

  position: relative;

}

.md24312.md-head-1 .shares .bd img {

  width: 1.2rem;

  min-width: 80px;

  max-width: none;

}

@media screen and (max-width: 900px) {

  .md24312.md-head-1 {

    display: none;

  }

}



.md24312.md-head-2 .logo {

  display: inline-flex;

  align-items: center;

  flex-shrink: 0;

}

.md24312.md-head-2 .logo img {

  height: 0.5rem;

}

.md24312.md-head-2 .logo .mi {

  display: none;

}

.md24312.md-head-2 .ul1 .li1 {

  position: relative;

  margin-right: 0.6rem;

}

.md24312.md-head-2 .ul1 .li1:last-child {

  margin-right: 0;

}

.md24312.md-head-2 .ul1 .li1:hover .ul2 {

  top: 100%;

  opacity: 1;

  transition: all 0.3s;

  pointer-events: auto;

}

.md24312.md-head-2 .ul1 .li1:hover .head-sub {

  opacity: 1;

  display: block;

  pointer-events: auto;

  transition: opacity 0.2s;

}

.md24312.md-head-2 .ul1 .has-sub {

  position: static;

}

.md24312.md-head-2 .ul1 .a1 {

  display: block;

  white-space: nowrap;

  position: relative;

  line-height: 1rem;

  transition: 0.3s;

}

.md24312.md-head-2 .ul1 .a1:hover {

  color: #c9000b;

}

.md24312.md-head-2 .ul1 .ul2 {

  position: absolute;

  top: 110%;

  left: 50%;

  transform: translate(-50%);

  min-width: 100%;

  width: -moz-max-content;

  width: max-content;

  opacity: 0;

  box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.2);

  pointer-events: none;

  transition: all 0.3s;

}

.md24312.md-head-2 .ul1 .li2 {

  position: relative;

}

.md24312.md-head-2 .ul1 .li2:hover .ul3 {

  display: block;

}

.md24312.md-head-2 .ul1 .a2 {

  display: block;

  text-align: center;

  padding: 0.1rem 0.15rem;

  background-color: white;

  color: #333;

  position: relative;

  transition: all 0.3s;

}

.md24312.md-head-2 .ul1 .a2:hover {

  color: #fff;

  background-color: #c9000b;

}

.md24312.md-head-2 .ul1 .ul3 {

  position: absolute;

  left: 100%;

  top: 0;

  display: none;

}

.md24312.md-head-2 .ul1 .a3 {

  display: block;

  text-align: center;

  padding: 0.15rem;

  background-color: white;

  color: #000;

  white-space: nowrap;

  position: relative;

  transition: all 0.3s;

}

.md24312.md-head-2 .ul1 .a3:hover {

  color: #fff;

  background-color: #c9000b;

}

.md24312.md-head-2 .h-search {

  position: relative;

  cursor: pointer;

  margin-right: 0.25rem;

  display: flex;

  justify-content: center;

  align-items: center;

}

.md24312.md-head-2 .h-search .hic {

  display: block;

  width: 1em;

  height: 1em;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  background-image: url(../images/h-mag-b.png);

}

.md24312.md-head-2 .h-lang {

  position: relative;

}

.md24312.md-head-2 .h-lang:hover .bd {

  top: 100%;

  opacity: 1;

  pointer-events: auto;

  transform: translate(-50%, 0%);

  transition: all 0.3s;

}

.md24312.md-head-2 .h-lang .hd {

  position: relative;

  display: flex;

  align-items: center;

  cursor: pointer;

  line-height: 1;

  padding: 0.5em 0;

  color: #666;

  white-space: nowrap;

}

.md24312.md-head-2 .h-lang .ic {

  width: 1em;

  height: 1em;

  -o-object-fit: contain;

     object-fit: contain;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  background-image: url(../images/h-lang-b.png);

}

.md24312.md-head-2 .h-lang .on {

  color: #c9000b;

}

.md24312.md-head-2 .h-lang .sp {

  margin-left: 0.5em;

}

.md24312.md-head-2 .h-lang .ar {

  width: 0.5em;

  height: 0.5em;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  background-image: url(../images/a6.png);

}

.md24312.md-head-2 .h-lang .bd {

  position: absolute;

  min-width: 100%;

  top: 100%;

  left: 50%;

  opacity: 0;

  pointer-events: none;

  transform: translate(-50%, 10%);

  border-radius: 3px;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);

  background-color: #fff;

  transition: all 0.3s;

  padding: 0.05rem 0;

  z-index: 5;

}

.md24312.md-head-2 .h-lang .b_a {

  display: block;

  text-align: center;

  padding: 0.25em 1em;

  white-space: nowrap;

}

.md24312.md-head-2 .h-lang .b_a img{display: inline-block;vertical-align: middle;height: 1em;margin-right: .1rem;}

.md24312.md-head-2 .h-lang .b_a:hover {

  color: #c9000b;

}

.md24312.md-head-2 .h-lang .bic {

  width: 1em;

  height: 1em;

  -o-object-fit: contain;

     object-fit: contain;

  margin-right: 0.1rem;

  flex-shrink: 0;

}

.md24312.md-head-2 .h-more {

  cursor: pointer;

  display: none;

  margin-left: 0.2rem;

}

.md24312.md-head-2 .h-more .ic {

  display: block;

  width: 1em;

  height: 1em;

  background-image: url(../images/h-more-b.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.md24312.md-head-2 .h-quote {

  margin-right: 0.3rem;

}

.md24312.md-head-2 .h-quote .aa {

  display: block;

  line-height: 2.5;

  background-color: #c9000b;

  border-radius: 1rem;

  padding: 0 0.25rem;

  cursor: pointer;

  white-space: nowrap;

}

@media screen and (max-width: 1280px) {

  .md24312.md-head-2 .ul1 .li1 {

    margin-right: 0.3rem;

  }

  .md24312.md-head-2 .h-quote {

    margin-right: 0.2rem;

  }

}

@media screen and (max-width: 900px) {

  .md24312.md-head-2 .box {

    height: 1rem;

  }

  .md24312.md-head-2 .ul1 {

    display: none;

  }

  .md24312.md-head-2 .h-more {

    display: block;

  }

}



.md24312.md-mob_sideNav {

  position: fixed;

  right: -100%;

  top: 0;

  width: 8rem;

  max-width: 70%;

  height: 100vh;

  background-color: #fff;

  transition: 0.4s;

  z-index: 300;

}

.md24312.md-mob_sideNav .hmob_off {

  padding: 10px 20px;

  height: 50px;

  border-bottom: 1px dashed #eeeeee;

  display: flex;

  justify-content: flex-end;

}

.md24312.md-mob_sideNav .m_off {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  box-shadow: 0 0 0 1px #000;

  background-image: url(../images/m_off1.png);

  background-size: 50% auto;

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

  opacity: 0.8;

}

.md24312.md-mob_sideNav .hmob_top {

  max-height: calc(100% - 50px - 1rem);

  overflow-y: auto;

  scrollbar-width: thin;

}

.md24312.md-mob_sideNav .hmob_top::-webkit-scrollbar {

  width: 5px;

  height: 1px;

}

.md24312.md-mob_sideNav .hmob_top::-webkit-scrollbar-thumb {

  border-radius: 10px;

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

  background: #fff;

}

.md24312.md-mob_sideNav .hmob_top::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  background: #ededed;

}

.md24312.md-mob_sideNav .hmob_bot {

  height: 1rem;

  padding: 0 0.2rem;

}

.md24312.md-mob_sideNav .ul1 .dt {

  position: relative;

  padding: 0.75em 1.5em;

  box-shadow: 0 1px 0 0 #eee;

}

.md24312.md-mob_sideNav .ul1 .dt.show .arrow {

  transform: rotate(180deg);

}

.md24312.md-mob_sideNav .ul1 .li1 {

  position: relative;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  border-bottom: 1px dashed #eeeeee;

}

.md24312.md-mob_sideNav .ul1 .a1 {

  position: relative;

  display: inline-block;

  min-width: 60%;

}

.md24312.md-mob_sideNav .ul1 .ul2 {

  display: none;

  background-color: #ededed;

}

.md24312.md-mob_sideNav .ul1 .a2 {

  width: 90%;

  display: block;

  min-width: 60%;

}

.md24312.md-mob_sideNav .ul1 .a2:hover {

  color: #c9000b;

}

.md24312.md-mob_sideNav .ul1 .arrow {

  position: absolute;

  right: 0.4rem;

  top: calc(50% - 0.1em);

  border-left: 0.5em solid transparent;

  border-right: 0.5em solid transparent;

  border-top: 0.5em solid #333;

  transform-origin: center;

  transition: 0.3s;

}

.md24312.md-mob_sideNav .ul1 .ul3 {

  display: none;

  border-bottom: 1px solid #ddd;

}

.md24312.md-mob_sideNav .ul1 .a3 {

  display: block;

  padding: 0.5em 3em;

}



.md24312.md-search_form {

  position: fixed;

  top: 0rem;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 100;

  opacity: 0;

  pointer-events: none;

  transform-origin: top;

  transition: all 0.2s;

}

.md24312.md-search_form.show {

  transform: scaleY(1);

  transition: all 0.2s;

  display: block;

  opacity: 1;

  pointer-events: auto;

}

.md24312.md-search_form .h_form {

  width: 100%;

  position: relative;

  z-index: 402;

  padding: 0.4rem 0;

  background-color: #fff;

}

.md24312.md-search_form .inp {

  width: 6rem;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  border-bottom: 1px solid #ccc;

}

.md24312.md-search_form .inp input {

  width: 100%;

  height: 0.5rem;

  min-height: 40px;

  border: none;

  outline: none;

  font-family: inherit;

}

.md24312.md-search_form .h_sub {

  position: absolute;

  right: 0rem;

  top: 50%;

  transform: translateY(-50%);

  width: 0.4rem;

  min-width: 30px;

  height: 0.4rem;

  min-height: 30px;

  border-radius: 50%;

  background-color: #c9000b;

  color: #fff;

  cursor: pointer;

  z-index: 10;

  border: none;

  outline: none;

  display: inline-flex;

  justify-content: center;

  align-items: center;

}

.md24312.md-search_form .h_sub svg {

  width: 50%;

  height: 50%;

}

.md24312.md-search_form .mask {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

}



.md24312.md-quoteDialog {

  display: none;

}

.md24312.md-quoteDialog.show {

  display: block;

}

.md24312.md-quoteDialog .dlg-mask {

  position: fixed;

  left: 0;

  top: 0;

  width: 100vw;

  height: 100vh;

  background-color: rgba(0, 0, 0, 0.4);

  z-index: 100;

}

.md24312.md-quoteDialog .dlg-cont {

  position: fixed;

  left: 50%;

  top: 50%;

  z-index: 101;

  transform: translate(-50%, -50%);

  width: 7.8rem;

  max-width: calc(100% - 0.48rem);

  background-color: #fff;

  border-radius: 0.1rem;

  padding: 0.6rem;

}

.md24312.md-quoteDialog .off {

  width: 1em;

  height: 1em;

  position: absolute;

  top: 0.3rem;

  right: 0.3rem;

  transform: translateY(-50%);

  background-image: url(../images/m_off1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  cursor: pointer;

}

.md24312.md-quoteDialog .title {

  line-height: 1;

}

.md24312.md-quoteDialog .intro {

  margin-top: 0.1rem;

}

.md24312.md-quoteDialog .form {

  margin-top: 0.2rem;

}

.md24312.md-quoteDialog .fitem {

  width: calc( 320 / 650 * 100%);

  margin-bottom: 0.2rem;

}

.md24312.md-quoteDialog .ww100 {

  width: 100%;

}

.md24312.md-quoteDialog .inp {

  position: relative;

}

.md24312.md-quoteDialog .ip {

  display: block;

  width: 100%;

  height: 3em;

  border-radius: 0.5em;

  color: #666;

  border: 1px solid #e5e5e5;

  padding: 0 0.2rem;

}

.md24312.md-quoteDialog .ip::-moz-placeholder {

  color: #666;

}

.md24312.md-quoteDialog .ip::placeholder {

  color: #666;

}

.md24312.md-quoteDialog .ta {

  display: block;

  width: 100%;

  height: 1.4rem;

  border-radius: 0.5em;

  color: #666;

  border: 1px solid #e5e5e5;

  padding: 0.2rem;

}

.md24312.md-quoteDialog .ta::-moz-placeholder {

  color: #666;

}

.md24312.md-quoteDialog .ta::placeholder {

  color: #666;

}

.md24312.md-quoteDialog .com-select {

  position: relative;

  padding: 0 0.2rem;

  color: #666;

  border-radius: 0.5em;

  box-shadow: 0 0 0 1px inset #e5e5e5;

}

.md24312.md-quoteDialog .com-select::before {

  content: "";

  width: 0.5em;

  height: 0.5em;

  position: absolute;

  right: 1em;

  top: calc(50% - 0.25em);

  transform: rotate(-45deg);

  border-left: 1px solid #666;

  border-bottom: 1px solid #666;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  pointer-events: none;

}

.md24312.md-quoteDialog .com-select .cs_cur {

  line-height: 3em;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.md24312.md-quoteDialog .com-select select {

  cursor: pointer;

  width: 100%;

  height: 100%;

  padding-left: 0.2rem;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  opacity: 0;

  filter: alpha(opacity=0);

}

.md24312.md-quoteDialog .submit {

  height: 2.4em;

  padding: 0 0.54rem;

  background-color: #c9000b;

  color: #fff;

  border-radius: 1rem;

  border: none;

  cursor: pointer;

}

@media screen and (max-width: 900px) {

  .md24312.md-quoteDialog .dlg-cont {

    padding: 0.3rem;

  }

  .md24312.md-quoteDialog .fitem {

    width: 100%;

  }

}





/* 侧边栏 */

.md24312.sidebar{position: fixed;top: 50%;right: .2rem;z-index: 38;transform: translate(0,-50%);}

.md24312.sidebar .sidebar-item{display: block;margin: .1rem 0;position: relative;}

.md24312.sidebar .sidebar-link{transition: all ease .5s; display: flex;align-items: center;justify-content: center;cursor: pointer;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}

.md24312.sidebar .sidebar-link img{width: 60%;height: 60%;object-fit: contain;} 



.md24312.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;}

.md24312.sidebar .sidebar-codebox{position: relative;padding: .15rem;text-align: center; background-color: #fff;box-shadow: 0 0 .3rem rgba(0,0,0,.1);}

.md24312.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;}

.md24312.sidebar .sidebar-code {display: inline-block;width: 2rem;min-width: 150px;}

.md24312.sidebar .sidebar-code img{width: 100%;}

.md24312.sidebar .sidebar-tip{width: 100%; color: #333;line-height: 1.5;padding-top: .15rem;}

  

.md24312.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);}

.md24312.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;}

.md24312.sidebar .sidebar-phone{white-space: nowrap;color: #333;line-height: 1.6;}



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

.md24314.md-com-banner {

  position: relative;

  z-index: 40;

}

.md24314.md-com-banner .layout {

  margin-left: auto;

  margin-right: auto;

  width: 16rem;

  max-width: 92%;

}

.md24314.md-com-banner .cb_ban {

  position: relative;

}

.md24314.md-com-banner .cb_bg {

  position: relative;

  padding-top: calc(500 / 1920 * 100%);

  overflow: hidden;

}

.md24314.md-com-banner .cb_bg img {

  position: absolute;

  left: 0%;

  top: 0%;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.md24314.md-com-banner .cb_text {

  width: 100%;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 10;

  line-height: 1.2;

  text-align: center;

}

.md24314.md-com-banner .title {

  line-height: 1.25;

}

.md24314.md-com-banner .intro {

  margin-top: 0.16rem;

}

.md24314.md-com-banner .vline {

  width: 1px;

  height: 0.8rem;

  margin: 0 auto;

  margin-top: 0.2rem;

}

.md24314.md-com-banner .video video {

  width: 100%;

}

@media screen and (max-width: 900px) {

  .md24314.md-com-banner .cb_bg {

    padding-top: 40%;

  }

}

@media screen and (max-width: 500px) {

  .md24314.md-com-banner .vline {

    display: none;

  }

}

.md24316.md-com-bread {

  box-shadow: 0 -1px 0 0 inset #e9edf4;

}

.md24316.md-com-bread .layout {

  margin-left: auto;

  margin-right: auto;

  width: 16rem;

  max-width: 92%;

}

.md24316.md-com-bread .bread {

  position: relative;

  padding-top: 0.26rem;

  padding-bottom: 0.26rem;

  color: #666;

  line-height: 1;

}

.md24316.md-com-bread .bread .home {

  margin-right: 0.1rem;

  display: inline-flex;

  align-items: center;

}

.md24316.md-com-bread .bread svg {

  width: 1em;

  height: 1em;

  color: #1473c8;

}

.md24316.md-com-bread .bn-swiper {

  max-width: 50%;

}

.md24316.md-com-bread .bn-swiper .bsa {

  position: relative;

  width: auto;

  white-space: nowrap;

  transition: color 0.5s;

}

.md24316.md-com-bread .bn-swiper .bsa:hover {

  color: #1473c8;

}

.md24316.md-com-bread .bn-swiper .bsa.on {

  color: #fff;

  background-color: #1473c8;

}

.md24316.md-com-bread .bn-swiper .cta {

  min-width: 1.6rem;

  display: block;

  line-height: 0.8rem;

  text-align: center;

  padding: 0 1em;

}

.md24316.md-com-bread .bn-swiper .sp {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

@media screen and (max-width: 900px) {

  .md24316.md-com-bread .bn-swiper {

    width: 100%;

    max-width: none;

    margin-top: 0.1rem;

  }

  .md24316.md-com-bread .bn-swiper .cta {

    line-height: 2.5;

  }

}

.md24317.md-com-bread {

  box-shadow: 0 -1px 0 0 inset #e9edf4;

}

.md24317.md-com-bread .layout {

  margin-left: auto;

  margin-right: auto;

  width: 16rem;

  max-width: 92%;

}

.md24317.md-com-bread .bread {

  position: relative;

  padding-top: 0.26rem;

  padding-bottom: 0.26rem;

  color: #666;

  line-height: 1;

}

.md24317.md-com-bread .bread .home {

  margin-right: 0.1rem;

  display: inline-flex;

  align-items: center;

}

.md24317.md-com-bread .bread svg {

  width: 1em;

  height: 1em;

  color: #1473c8;

}

.md24317.md-com-bread .bn-swiper {

  max-width: 50%;

}

.md24317.md-com-bread .bn-swiper .bsa {

  position: relative;

  width: auto;

  white-space: nowrap;

  transition: color 0.5s;

}

.md24317.md-com-bread .bn-swiper .bsa:hover {

  color: #1473c8;

}

.md24317.md-com-bread .bn-swiper .bsa.on {

  color: #fff;

  background-color: #1473c8;

}

.md24317.md-com-bread .bn-swiper .cta {

  min-width: 1.6rem;

  display: block;

  line-height: 0.8rem;

  text-align: center;

  padding: 0 1em;

}

.md24317.md-com-bread .bn-swiper .sp {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

@media screen and (max-width: 900px) {

  .md24317.md-com-bread .bn-swiper {

    width: 100%;

    max-width: none;

    margin-top: 0.1rem;

  }

  .md24317.md-com-bread .bn-swiper .cta {

    line-height: 2.5;

  }

}

.md24318.md-com-banner {

  position: relative;

  z-index: 40;

}

.md24318.md-com-banner .layout {

  margin-left: auto;

  margin-right: auto;

  width: 16rem;

  max-width: 92%;

}

.md24318.md-com-banner .cb_ban {

  position: relative;

}

.md24318.md-com-banner .cb_bg {

  position: relative;

  padding-top: calc(500 / 1920 * 100%);

  overflow: hidden;

}

.md24318.md-com-banner .cb_bg img {

  position: absolute;

  left: 0%;

  top: 0%;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.md24318.md-com-banner .cb_text {

  width: 100%;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 10;

  line-height: 1.2;

  text-align: center;

}

.md24318.md-com-banner .title {

  line-height: 1.25;

}

.md24318.md-com-banner .intro {

  margin-top: 0.16rem;

}

.md24318.md-com-banner .vline {

  width: 1px;

  height: 0.8rem;

  margin: 0 auto;

  margin-top: 0.2rem;

}

.md24318.md-com-banner .video video {

  width: 100%;

}

@media screen and (max-width: 900px) {

  .md24318.md-com-banner .cb_bg {

    padding-top: 40%;

  }

}

@media screen and (max-width: 500px) {

  .md24318.md-com-banner .vline {

    display: none;

  }

}