@font-face {
  font-family: "HarmonyOS_Sans_SC_Regular";
  src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Black";
  src: url("../fonts/HarmonyOS_Sans_SC_Black.ttf");
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Bold";
  src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Light";
  src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf");
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Medium";
  src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf");
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Thin";
  src: url("../fonts/HarmonyOS_Sans_SC_Thin.ttf");
}
@font-face {
  font-family: "Ubuntu_Bold";
  src: url("../fonts/Ubuntu-Bold.ttf");
}
@font-face {
  font-family: "Ubuntu_BoldItalic";
  src: url("../fonts/Ubuntu-BoldItalic.ttf");
}
@font-face {
  font-family: "Ubuntu_Italic";
  src: url("../fonts/Ubuntu-Italic.ttf");
}
@font-face {
  font-family: "Ubuntu_Light";
  src: url("../fonts/Ubuntu-Light.ttf");
}
@font-face {
  font-family: "Ubuntu_LightItalic";
  src: url("../fonts/Ubuntu-LightItalic.ttf");
}
@font-face {
  font-family: "Ubuntu_Medium";
  src: url("../fonts/Ubuntu-Medium.ttf");
}
@font-face {
  font-family: "Ubuntu_MediumItalic";
  src: url("../fonts/Ubuntu-MediumItalic.ttf");
}
@font-face {
  font-family: "Ubuntu_Regular";
  src: url("../fonts/Ubuntu-Regular.ttf");
}

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  /*font-size: 5.7vw;*/
  font-size: 5.208vw;
}

body {
  font-family: "HarmonyOS_Sans_SC_Regular" !important;
  font-size: 0.16rem;
  font-weight: 400;
  color: #212529;
  background-color: #ffffff;
}
.container {
  width: 15.6rem !important;
  max-width: 15.6rem !important;
}
.nav-top {
  background-color: #0f345b;
  color: #fff;
}
.nav-top .nav-top-tool {
  display: flex;
  justify-content: flex-end;
  padding: 0.16rem 0;
}
.nav-top .nav-top-tool a {
  color: #fff;
  text-decoration: none;
  margin-left: 0.56rem;
  font-size: 0.18rem;
  text-transform: uppercase;
  position: relative;
}
.nav-top .nav-top-tool a:after {
  content: "";
  width: 0.02rem;
  height: 0.12rem;
  background: #fff;
  position: absolute;
  top: calc(50% - 0.07rem);
  right: -0.28rem;
}
.nav-top .nav-top-tool a:last-child:after {
  display: none;
}
.nav-top .nav-top-tool a img {
  width: 0.14rem;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0;
  width: 13.4rem;
  margin: 0 auto;
}
.navbar li {
  list-style: none;
  font-family: "HarmonyOS_Sans_SC_Regular";
  height: 1.58rem;
  padding: 0.3rem 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.navbar li:first-child,
.navbar li:nth-child(2) {
  justify-content: flex-start;
}
.navbar li:nth-last-child(2),
.navbar li:last-child {
  justify-content: flex-end;
}
.navbar li a {
  color: #2d2d2d;
  text-decoration: none;
  font-size: 0.26rem;
  position: relative;
  /* height: 100%; */
}
.navbar li a .nav-triangle{
  width: 0;
  height: 0;
  border-left: 0.15rem solid transparent;
  border-right: 0.15rem solid transparent;
  border-bottom: 0.25rem solid rgba(215, 215, 217, 0.94);
  filter: drop-shadow(0.08rem 0.05rem 0.02rem rgba(0, 0, 0, 0.5));
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
  transform: translate(-50%,0%);
  display: none;
    /*background: rgba(215, 215, 217, 0.94);*/
}

.navbar li > a.active:after {
  content: "";
  display: block;
  height: 0.16rem;
  width: 0.04rem;
  background: #1451ff;
  position: absolute;
  left: -0.14rem;
  top: calc(50% - 0.08rem);
}
.navbar li:hover > a:after {
  /*content: "";*/
  /*display: block;*/
  /*height: 0.16rem;*/
  /*width: 0.04rem;*/
  /*background: #1451ff;*/
  /*position: absolute;*/
  /*left: -0.14rem;*/
  /*top: calc(50% - 0.08rem);*/
}
.navbar li:hover > a .nav-triangle {
  display: block;
}
.navbar li img {
  height: 0.98rem;
}

.sub-nav {
  background: rgba(215, 215, 217, 0.94);
  display: none;
  position: absolute;
  top: 1.58rem;
  z-index: 999;
  width: 100%;
  padding: 0.24rem 0.32rem;
  left: 50%;
  transform: translate(-50%,0%);
}
.sub-nav-left {
  width: 3.5rem;
  font-size: 0.21rem;
  padding-top: 0.6rem;
}
.sub-nav-left h4 {
  color: #1451ff;
  font-size: 0.28rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.sub-nav-right a:nth-child(3n) {
  margin-bottom: 0;
}
.sub-nav-right {
  display: flex;
  flex-direction: column;
  height: 3.5rem;
  flex-wrap: wrap;
  margin-left: 0.48rem;
}
.sub-nav-right a {
  margin-top: 0.6rem;
  display: block;
  margin-right: 1.2rem;
  margin-left: 0.5rem;
}

.navbar li:hover .sub-nav {
  display: flex;
}
.banner {
  position: relative;
  max-height: 7.3rem;
  overflow: hidden;
}
.banner img {
  width: 100%;
}
.banner .banner-text {
  position: absolute;
  left: 0;
  bottom: 0.6rem;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  z-index: 2;
}
.banner .banner-text.center {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  height: 100%;
}
.banner .banner-text h1 {
  font-size: 0.64rem;
  font-family: HarmonyOS_Sans_SC_Medium;
  margin-bottom: 0.1rem;
}
.banner .banner-text h2 {
  font-size: 0.48rem;
}
.banner:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.86;
  background: linear-gradient(0deg, #0d3157 0%, rgba(13, 49, 87, 0.01) 100%);
}

.contact {
  position: relative;
  margin-top: 0.58rem;
}
.contact .contact-bg {
  width: 100%;
  max-height: 9.2rem;
}
.contact .contact-form {
  position: absolute;
  left: 0;
  top: calc(50% - 3.6rem);
  z-index: 2;
  width: 100%;
}
.contact .contact-form-data {
  background: #fff;
  padding: 0.32rem;
  max-width: 6.2rem;
}
.contact .contact-form-data h3 {
  color: #0f345b;
  font-size: 0.32rem;
  font-weight: normal;
  font-family: HarmonyOS_Sans_SC_Medium;
  margin-bottom: 0.3rem;
}
.contact .contact-form-data button {
  width: 100%;
  margin-top: 0.24rem;
  height: 0.48rem;
}
.contact .contact-form-data input {
  margin-bottom: 0.12rem;
  height: 0.48rem;
}

.logis-search {
  background: #fff;
  margin-top: -0.8rem;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.01rem solid #0d3157;
  padding-bottom: 0.32rem;
  margin-bottom: 1.08rem;
}
.logis-search .logis-search-tit {
  display: flex;
  align-items: center;
  padding: 0.12rem 0;
  margin-bottom: 0.12rem;
  font-size: 0.33rem;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.logis-search .logis-search-tit img {
  height: 0.24rem;
  margin-left: 0.04rem;
}
.logis-search button,
.logis-search input {
  height: 0.48rem;
}

.footer-nav {
  display: flex;
  justify-content: space-between;
  padding: 0px 0 1rem;
  border-bottom: 0.01rem solid #0d3157;
  margin-bottom: 0.18rem;
}

.footer-nav-item h4 {
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #0d3157;
}
.footer-nav-item ul {
  font-size: 0.14rem;
  margin: 0;
  padding: 0;
}
.footer-nav-item li {
  list-style: none;
  margin-bottom: 0.15rem;
}
.footer-nav-item a {
  color: #0d3157;
  font-size: 0.21rem;
  text-decoration: none;
  font-family: "HarmonyOS_Sans_SC_Light";
}

.footer-bottom {
  color: #0d3157;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.32rem;
  margin-top: 0.72rem;
}
.footer-bottom .footer-left h5 {
  font-size: 0.22rem;
  font-family: HarmonyOS_Sans_SC_Bold;
  margin-bottom: 0.32rem;
}
.footer-bottom .footer-left .footer-mini-nav {
  border-bottom: 0.01rem solid #0d3157;
  padding: 0;
  padding-bottom: 0.08rem;
  margin-bottom: 0.24rem;
}
.footer-bottom .footer-left .footer-mini-nav li {
  display: inline-block;
  margin: 0;
  margin-right: 0.62rem;
}
.footer-bottom .footer-left .footer-mini-nav li:last-child {
  margin-right: 0;
}
.footer-bottom .footer-left .footer-mini-nav li a {
  font-size: 0.16rem;
  color: #0d3157;
  text-decoration: none;
}
.footer-bottom .copyright {
  font-size: 0.16rem;
  line-height: 2em;
  text-transform: uppercase;
}
.footer-bottom .footer-right {
  display: flex;
}
.footer-bottom .footer-right .contact-list {
  margin: 0;
  padding: 0;
}
.footer-bottom .footer-right .contact-list li {
  list-style: none;
  margin-bottom: 0.24rem;
  font-size: 0.16rem;
  display: flex;
  align-items: center;
  font-family: HarmonyOS_Sans_SC_Medium;
}
.footer-bottom .footer-right .contact-list li:last-child {
  margin-bottom: 0;
}
.footer-bottom .footer-right .contact-list li img {
  margin-right: 0.12rem;
}
.footer-bottom .footer-right .other-contact {
  display: flex;
  align-items: center;
  margin-left: 0.32rem;
  font-size: 0.14rem;
}
.footer-bottom .footer-right .other-contact-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0.24rem;
  font-size: 0.14rem;
}
.footer-bottom .footer-right .other-contact-item img {
  height: 0.29rem;
  margin-top: 0.08rem;
}

/*输入框*/
.form-label {
  margin-bottom: 0.15rem;
  font-size: 0.2rem;
}
.contact .contact-form-data input {
  margin-bottom: 0.12rem;
  height: 0.6rem;
  border-radius: 0.05rem;
  font-size: 0.2rem;
  padding: 0rem 0.1rem;
  line-height: 0.6rem;
  color: #666666;
}

.contact .contact-form-data button {
  width: 100%;
  margin-top: 0.24rem;
  height: 0.6rem;
  font-size: 0.2rem;
  padding: 0;
  margin: 0.2rem 0;
  border-radius: 0.05rem;
}
.logis-search button,
.logis-search input {
  height: 0.6rem;
  font-size: 0.2rem;
  padding: 0 0.1rem;
  border-radius: 0.05rem;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.02rem rgba(13, 110, 253, 0.25);
}

.form-controldz{
    background-image: url('../images/input_dz.png');
    background-repeat: no-repeat;
    background-position: 0.1rem center;
    background-size: 0.26rem;
    padding-left: 0.42rem !important; /* 图标宽度 + 间距 */
}
/*end*/


.web {
  display: block;
}

.mobile {
  display: none;
}



@media (max-width: 1200px) {
  .footer-bottom {
    flex-direction: column-reverse;
  }
  .footer-bottom .copyright br,
  .footer-bottom h5,
  .footer-bottom .footer-mini-nav {
    display: none;
  }
  .footer-bottom .footer-right {
    flex-direction: column-reverse;
    margin-bottom: 0.24rem;
  }
  .footer-bottom .footer-right .other-contact {
    margin: 0;
    margin-bottom: 0.24rem;
    justify-content: center;
  }

  .contact .contact-form {
    top: 25px;
  }
  .contact .contact-form-data {
    width: 100%;
    max-width: 100%;
  }
  .contact .contact-bg {
    height: 520px;
  }
}

/* 手机端 */
@media (max-width: 992px) {
  html {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    font-size: 13.333333vw;
  }

  body {
    font-family: "微软雅黑", Arial;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.8;
    color: #333333;
    background-color: #ffffff;
  }
a {
  outline: none;
  text-decoration: none;
}
  .df{
      display: flex;
  }
.imgh {
    height: 100%;
}
.imgs {
    width: 100%;
    height: 100%;
}
  .web {
    display: none;
  }

  .mobile {
    display: block;
  }

  .container {
    width: 95% !important;
    padding: 0 0.2rem;
  }
  
  
  /* header */
  .mobile_con {
    width: 100%;
    height: 1rem;
  }

  .mobile_con .mobile_type {
    justify-content: space-between;
    align-items: center;
    height: 1rem;
  }

  .mobile_con .mobile_type .mobile_type_item {
    justify-content: space-between;
    align-items: center;
  }

  .mobile_type_item .mobile_logo {
    width: 1.5rem;
    height: 0.55rem;
  }

  .mobile_type_item .mobile_line {
    width: 0.01rem;
    height: 0.45rem;
    margin: 0 0.3rem;
    background-color: #fff;
  }
  /**/
     .mobile_type_item .mobile_head_phone {
      width: 1.5rem;
      height: 0.5rem;
      background: #ffffff;
      cursor: pointer;
      border-radius: 0.1rem;
      margin-right: 0.1rem;
    }
    .mobile_type_item .mobile_head_phone a{
        justify-content: space-evenly !important;
        align-items: center !important;
        flex-direction: row !important;
        height: 0.5rem !important;
        padding-top: 0 !important;
    }

    .mobile_head_phone .mobile_head_phone_num {
      font-family: "HarmonyOS_Sans_SC_Bold";
      font-size: 0.18rem;
      color: #06325b;
      text-align: center;
      line-height: 0.23rem;
    }
    
    .mobile_head_phone .mobile_head_phone_name {
      font-family: "HarmonyOS_Sans_SC_Bold";
      font-size: 0.18rem;
      color: #06325b;
      text-align: center;
    }
    
    .mobile_head_btn_jiameng_icon {
      width: 0.20rem;
      height: 0.20rem;
    }
    
    .mobile_head_phone:hover {
      background: #06325b;
    }
    
    .mobile_head_phone:hover .mobile_head_phone_num {
      color: #fff;
    }
    
    .mobile_head_phone:hover .mobile_head_phone_name {
      color: #fff;
    }
    
    .mobile_head_phone:hover .head_icon_img {
      display: none;
    }
    
    .mobile_head_phone:hover .head_icon_img_hover {
      display: block;
    }
    header .mobile_head_phone {
      background: #06325b;
    }
    header .mobile_head_phone_name {
      color: #fff;
    }
    header .mobile_head_phone .head_icon_img {
      display: none;
    }
    header .mobile_head_phone .head_icon_img_hover {
      display: block;
    }
    
    
    .franchise .franchise_type{
        width: 90%;
    }
/**/



  .mobile_type_item .mobile_info .mobile_info_name1 {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.18rem;
    color: #FFFFFF;
  }

  .mobile_type_item .mobile_info .mobile_info_name2 {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 0.15rem;
    color: #FFFFFF;
  }

  .mobile_con .mobile_type .mobile_type_btn {
    width: auto;
    height: 0.6rem;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.iconss{
      width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.2rem;
}
.icontx{
      width: 0.5rem;
        height: 0.5rem;
         margin-right: 0.2rem;
}
  .mobile_con .mobile_type .mobile_type_btn .caidanlan_1 {
  width: 0.62rem;
        height: 0.62rem;
    display: none;
  }

  .mobile_con .mobile_type .mobile_type_btn .caidanlan_2 {
   width: 0.62rem;
        height: 0.62rem;
    display: block;
  }

  .mobile_con .mobile_type .mobile_type_btn .dacha {
   width: 0.52rem;
        height: 0.52rem;
    display: none;
  }

  .mobile_con .mobile_type .menu_visible .caidanlan_1 {
    display: none !important;
  }

  .mobile_con .mobile_type .menu_visible .caidanlan_2 {
    display: none !important;
  }

  .mobile_con .mobile_type .menu_visible .dacha {
    display: block !important;
  }

  /* header下滑 */

  header .mobile_line {
    background-color: #06325b !important;
  }

  header.active .mobile_info .mobile_info_name1 {
    color: #06325b !important;
  }

  header.active .mobile_info .mobile_info_name2 {
    color: #06325b !important;
  }

  header .mobile_type_btn {
    /*background-color: #06325b !important;*/
  }

  header.active .mobile_type_btn .caidanlan_1 {
    display: block !important;
  }

  header.active .mobile_type_btn .caidanlan_2 {
    display: none !important;
  }

  /* 菜单 */
  header .head_main {
    width: 100%;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 0.8rem;
    left: 0;
    z-index: 9999;
    transition: all 0.5s;
    overflow: hidden;
  }

  .mobile-menu-visible .head_main {
    height: calc(100vh - 0.85rem);
    transition: all 0.5s;
    overflow: scroll !important;
  }

  .head_main .head_mian_type {
    padding: 0 0.2rem;
  }

  .head_main .head_mian_type ul {
    margin-top: 0.8rem;
   padding-left: 0 !important;
    list-style: none;
  }

  .head_main .head_mian_type ul .head_mian_li {
    border-top: 0.01rem solid rgba(216, 216, 216, 0.4);
    height: auto;
  }

  .head_main .head_mian_type ul .head_mian_li:last-child {
    border-bottom: 0.01rem solid rgba(216, 216, 216, 0.4);
  }

  .head_main .head_mian_type ul .head_mian_li .head_mian_nav {
    height: 0.8rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .head_main .head_mian_type ul .head_mian_li .head_mian_nav .nav_title {
    font-size: 0.24rem;
    color: #000;
  }

  .head_main .head_mian_type ul .head_mian_li .head_mian_nav .nav_img {
    width: 0.18rem;
    height: 0.18rem;
  }

  .head_main .head_mian_type ul .head_mian_li .head_mian_nav .nav_img .nav_imgbottom {
    display: none;
  }

  .head_main .head_mian_type ul .head_mian_li .head_mian_nav2 {
    display: none;
  }

  .head_main .head_mian_type ul .head_mian_li .head_mian_nav2 .nav_title {
    font-size: 0.24rem;
    color: rgba(12, 12, 12, 0.8);
    padding-left: 0.2rem;
    line-height: 0.8rem;
  }

  .head_main .head_mian_type ul .active .head_mian_nav .nav_title {
    color: #06325b;
  }

  .head_main .head_mian_type ul .active .head_mian_nav .nav_img .nav_imgright {
    display: none;
  }

  .head_main .head_mian_type ul .active .head_mian_nav .nav_img .nav_imgbottom {
    display: block;
  }

  .head_main .head_mian_type ul .active .head_mian_nav2 {
    display: block;
  }

  .header .head_con .web_nav {
    display: none;
  }
     .logis-search .row .col-3{
        margin-top: 0.2rem;
    }
    
    .footer-bottom .footer-right{
        width: 100%;
    }
    .footer-nav{
        flex-wrap: wrap;
        padding: 0px 0 0rem; 
     border-bottom: none;
    }
    .footer-nav-item{
        width: 50%;
    }
    .footer-nav-item h4{
        border-bottom: 0.01rem solid #ccc ;
        padding-bottom: 0.12rem;
    }
    .footer-bottom{
        flex-direction: column;
    }
    .footer-bottom .copyright br, .footer-bottom h5, .footer-bottom .footer-mini-nav{
        display: block;
    }
    .footer-bottom .footer-right {
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: unset;
        margin-top: 0.24rem;
    }
    
      .contact .contact-form-data {
        padding: 0.45rem 0.7rem;
      }
      .contact .contact-form-data h3{
          font-size: 0.44rem;
      }
      
  .logis-search .row {
    width: 80% !important;
  }
    .logis-search .row {
    flex-direction: column;
  }
  .logis-search .row .col-9,
  .logis-search .row .col-3 {
    width: 100% !important;
  }
  .form-label{
      margin-bottom: 0;
  }
}


@media (max-width: 768px) {


  .banner .banner-text h2 {
    font-size: 0.24rem;
  }

  .banner .banner-text h1 {
    font-size: 0.32rem;
  }
  .sub-nav {
    left: -12px;
    width: calc(100% + 0.24rem);
    padding: 0.12rem;
  }
  .sub-nav-left {
    display: none;
  }
  .sub-nav-right {
    margin-left: 0;
    flex-direction: row;
    height: auto;
  }
}
@media (max-width: 520px) {
  .navbar li:nth-child(3) {
    display: none;
  }

  .nav-top .nav-top-tool {
    justify-content: space-between;
  }

  .nav-top .nav-top-tool a {
    margin-left: 0;
  }




  .navbar {
    margin-top: 0.12rem;
  }
}

/*# sourceMappingURL=common.css.map */