.header-module {
  width: 10rem;
  /* height: 345px; */
  height:3.06886rem;
  min-width: 1349px;
  min-height: 400px;
  background: url("./../../image/product-module-bg.png") no-repeat center;
  background-size: cover; 
    
    background-size: cover;
  }
  .header-module .consult {
    display: none;
  }
  .item-router{
    position: relative;
    width: 10rem;
    min-width: 1349px;
    background: #ffffff;
    padding-bottom: 10px;
  }
  .router-heade {
    height: 174px;
    line-height: 174px;
    text-align: center;
    font-size: 36px;
    position: relative;
  }
  .router-heade span {
    width: 56px;
    height: 3px;
    position: absolute;
    display: inline-block;
    background: #6d9be6;
    bottom: 50%;
    left: 50%;
    margin: -30px;
  }
  .item-router .router{
    width: 6.252rem;
    height: 2.84431rem;
    min-width: 850px;
    min-height: 380px;
    margin: auto;
    font-size: 14px;
    position: relative;
  }
  .router-child{
    width: 2.008rem;
    height:2.17065rem;
    /* box-sizing: border-box; */
    min-width: 273px;
    min-height: 290px;
    font-size: 18px;
    margin:  0.07485rem 0.07485rem  0 0;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    float: left;
    position: relative;
  }

  .item-router .router-child:nth-child(3n+4) {
    margin-right: 0;
  }
  
  .item-router .router-child:hover{
    box-shadow: 0 0 6px #d4d5d5;
  }
  .slide-dialog {display: none;}
  .item-router .router-child:hover .slide-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    /* background: #000; */
    display: block;
    background: url("../../image/product-better-card-bg.png");
    background-size:100% 100%;
    overflow: hidden;
  }
  

  .slide-dialog-title {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    position: relative;
    margin-top: 50px;
    text-align: center;
  }
  .slide-dialog-title::after {
    content: "";
    position: absolute;
    left: 43%;
    top: 40px;
    /* bottom: 0; */
    height: 2px;
    width: 30px;
    /* transform: translate(50%,0); */
    background-color: #fff;
  }
  .slide-dialog-con {
    margin-top: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-align: center;
  }
  .router-title{
    margin-top: -20px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    line-height: 40px;
    text-align: center;
  }
  .router-content{
    font-size: 12px;
    color: #403f3f;
    line-height: 24px;
    text-align: center;
  }
  .router-2-child{
    width: 6.252rem;
    min-width: 850px;
    margin: auto;
  }
  .router-2-child img{
    display: block;
    width: 60%;
    margin: auto;
  }
  

/* .swiper-wrapper{
  padding-right: -10px;
} */
  .swiper-slide {
    height: 300px;
    background-color: #fff;
    text-align: center;
    margin: 2px 5px 2px 4px !important;
    /* margin-right: 9px ; */
    /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); */
    /* border: 1px solid rgba(0, 0, 0, 0.3); */
    /* border-image:linear-gradient(#000718,#fff) 1 10; */
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
  }
  .title {
    margin-top: -20px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    line-height: 40px;
  }
  .con {
    font-size: 12px;
    color: #403f3f;
    line-height: 24px;
    padding: 0 8%;
  }

  .swiper-slide:hover .slide-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    /* background: #000; */
    background: url("../../image/product-better-card-bg.png");
    background-size:100% 100%;
    overflow: hidden;
  }

  .slide-dialog-title {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    position: relative;
    margin-top: 50px;
  }
  .slide-dialog-title::after {
    content: "";
    position: absolute;
    left: 43%;
    top: 40px;
    /* bottom: 0; */
    height: 2px;
    width: 30px;
    /* transform: translate(50%,0); */
    background-color: #fff;
  }
  .slide-dialog-con {
    margin-top: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    padding: 0 8%;
  }

  .swiper-button-prev{
    width: 40px;
    height: 40px;
    background: url("../../image/direct-left.png")  no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -8.5%;
    cursor: pointer;
  }

  

  .swiper-button-next{
    width: 40px;
    height: 40px;
    background: url("../../image/direct-right.png")  no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    /* margin-top: 30px; */
    right:-8%;
    cursor: pointer;
  }
  .swiper-button-next:after{
    content: '';
  }
  .swiper-button-prev:after{
    content: '';
  }
  .item-router-2{
    position: relative;
    height: 8.23353rem;
    min-height: 1100px;
  }

  .item-router-2 .consult {
    position: absolute;
    left: 50%;
    bottom: 80px;
    width: 252px;
    border-radius: 30px;
    margin-left: -126px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    background: #008bf7;
    text-align: center;
    font-size: 22px;
    color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 255, 0.6);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }

  .item-router-2  .consult:hover{
    box-shadow: 0 0 6px #6d76a7;
  }
  
  .item-router-2 .consult span {
    width: 14px;
    height: 13px;
    display: inline-block;
    background: url("../../image/jt.png") no-repeat center;
    background-size: cover;
  }


  /* .item-contact {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
  }
  .item-contact-action {
    display: block;
  }
  .contact {
    width: 556px;
    height: 336px;
    background: url("../../image/bouy-bg.png") no-repeat center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .contact-heade {
    width: 100%;
    height: 60px;
  }
  .contact-heade .contact-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 44px;
    height: 44px;
    background: url("../../image/contact-close.png") no-repeat center;
    background-size: cover;
    cursor: pointer;
  }
  .contact-phone {
    float: left;
    width: 254px;
    height: 164px;
    margin: 0 20px 0 60px;
    font-size: 36px;
    color: #008df7;
    border-right: 1px solid #c5c5c5;
  }
  .contact-phone span {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 30px 115px 16px 100px;
    background: url("../../image/contact-phone.png") no-repeat center;
    background-size: cover;
  }
  .contact-code {
    margin-top: 15px;
    width: 143px;
    float: left;
  }
  .contact-footer {
    text-align: center;
    clear: both;
    font-size: 28px;
    color: #6e6e6e;
  }
  .contact-footer span {
    color: #018bf6;
  } */