@charset "utf-8";

/* @import url(reset_m.css); */
/* @import url(layout.css); */
@import url(layout_1.css);
@import url(slick.css);
@import url(web.css);
@import url(tablet.css);



.mu_design #footer{
      padding: 4rem;
      background-color: #1c2c4e;
      background-image: url(/data/skin/front/musign/img/icon/footer_bg.png);
      background-repeat: no-repeat;
      background-position: 75% 0%;
  }
  .mu_design #footer .footer_cont{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  .mu_design #footer .footer_cont .left{
  }
  .mu_design #footer .footer_cont .left .top_menu{
      display: flex;
      flex-direction: row;
      align-items: center;
      column-gap: 2.5rem;
  }
  .mu_design #footer .footer_cont .left .top_menu li{
      position: relative;
  }
  .mu_design #footer .footer_cont .left .top_menu li a{
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
      letter-spacing: -0.064rem;
      color: #fff;
  }
  .mu_design #footer .footer_cont .left .top_menu li + li::before{
      content: "";
      width: .1rem;
      height: 1.2rem;
      background-color: rgba(255, 255, 255, 0.4);
      position: absolute;
      top: 50%;
      right: calc(100% + 1.2rem);
      transform: translate(-50%, -50%);
  }
  .mu_design #footer .footer_cont .left .footer_logo{
      margin-top: 5rem;
  }
  .mu_design #footer .footer_cont .left .shop_info{
      margin-top: 2rem;
  }
  .mu_design #footer .footer_cont .left .shop_info span{
      font-weight: 400;
      font-size: 14px;
      line-height: 170%;
      letter-spacing: -0.064rem;
      color: rgba(255, 255, 255, 0.6);
  }
  .mu_design #footer .footer_cont .left .shop_info span.bar{
      font-weight: 400;
      font-size: 14px;
      line-height: 170%;
      letter-spacing: -0.064rem;
      text-transform: capitalize;
  }
  .mu_design #footer .footer_cont .right{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      text-align: right;
  }
  .mu_design #footer .footer_cont .right .logo_group{
      display: flex;
      flex-direction: row;
      align-items: center;
      column-gap: 1.6rem;
  }
  .mu_design #footer .footer_cont .right .cs_box {
      display: flex;
      align-items: center;
      padding: 1.2rem 2rem;
      background-color: #03163e;
      border-radius: 8px;
      height: 4.4rem;
      border: 1px solid transparent;
      transition: .3s;
  }
  .mu_design #footer .footer_cont .right .cs_box + .cs_box {
      margin-top: .8rem;
  }
  .mu_design #footer .footer_cont .right .cs_box > div {
      width: 8rem;
  }
  .mu_design #footer .footer_cont .right .cs_box .cs_tit {
      font-weight: 500;
      font-size: 14px;
      line-height: 1.3;
      letter-spacing: -0.07rem;
      color: rgba(255, 255, 255, 0.8);
      text-align: left;
  }
  .mu_design #footer .footer_cont .right .cs_box .cs_desc {
      font-size: 12px;
      line-height: 1.7;
      letter-spacing: -0.048rem;
      color: rgba(255, 255, 255, 0.6);
      text-align: left;
  }
  .mu_design #footer .footer_cont .right .cs_box .call_num {
      font-weight: bold;
      font-size: 20px;
      line-height: 1.3;
      color: #fff;
      display: flex;
      align-items: center;
  }
  .mu_design #footer .footer_cont .right .cs_box .call_num::before {
      content: '';
      width: 1px;
      height: 3.2rem;
      background-color: rgba(255, 255, 255, 0.1);
      margin-left: 1.6rem;
      margin-right: 2.4rem;
      display: inline-block;
  }
  .mu_design #footer .footer_cont .right .cs_box .call_num.point_color {
      color: #6293ff;
  }
  .mu_design #footer .footer_cont .right .cs_box:hover {
      border: 1px solid #6293ff;
  }
  
  .mgz-swiper-wrp dl { margin-top: 1rem;}
  
  
  .text-highlight {
      background: none repeat scroll 0 0 #6293ff;
      border-radius: 4px;
      color: #fff!important;
      padding: 5px 5px 3px;
      font-weight: 400;
      font-size: .8rem;
  }    
     

@media screen and (max-width: 900px) {
  .mu_design #footer {
    padding: 1.8rem;
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 720px) {
  .mu_design #footer {
    padding: 2rem;
    font-size: 0.8rem;
  }
  .mu_design #footer .footer_cont .left .footer_logo {
    margin-top: 2rem;
  }
  .mu_design #footer .footer_cont {
    flex-direction: column;
  }
  .mu_design #footer .footer_cont .right{
    margin-top: 20px;
  }
  .mu_design #footer .footer_cont .right .logo_group{
    display: none;
  }
}  
@media screen and (max-width: 430px) {
  .mu_design #footer .footer_cont .right .cs_box {
    padding: 1.2rem 1rem;
  }
  
}