ul,li{
    list-style-type: none;
}
body {
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    padding: 0;
}
h2{
    font-size: .4rem;
    color: #333333;
}
.headerImg{
    width: 100%;
    height: 7rem;
    position: relative;
}
.headerImg img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
/*  */
.WTRide01_Box{
    background: url("../img/VCG41171347670.jpg") no-repeat;
    background-size: cover;
}
.WTRide01{
    width: 100%;
    padding: .5rem 0;
}
.WTRide01_C{
    width: 15rem;
    margin: auto;
    display: flex;
    padding: .72rem 0 1.44rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: .1rem;
    background: url("../img/5014271041.jpg") no-repeat;
    background-size: 100%;
}
.WTRide01_CL{
    width: 55%;
    margin-right: 3%;
    box-sizing: border-box;
    border-radius: .1rem;
    overflow: hidden;
}
.WTRide01_CR{
    width: 45%;
    padding: .2rem;
    box-sizing: border-box;
}
.Icon_B{
    width: 1.05rem;
    height: .14rem;
    background: url("../img/icon1.png") no-repeat;
    background-size: 100%;
}
.WTRide01_CRT{
    font-size: .48rem;
    color: #383838;
    margin: .35rem 0 .4rem 0;
    font-family: i;
}
.WTRide01_CRP{
    font-size: .2rem;
    color: #494949;
    margin-top: .2rem;
}
.WTRide01_CRBtn{
    font-size: .2rem;
    color: #fff;
    background: #008ae3;
    border-radius: .3rem 0 .3rem 0;
    width: 2.5rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin-top: .3rem;
}
.WTRide02{
    width: 100%;
    /* padding: .5rem 0; */
}
.WTRide02_C{
    width: 15rem;
    margin: auto;
}
.WTRide02_C .Icon_B{
    margin: auto;
}
.WTRide02_C .WTRide01_CRT{
    text-align: center;
}
.tableBox{
    width: 100%;
    margin-top: .5rem;
    /* border-radius: .25rem; */
    overflow: hidden;
}
body .tableBox table tr:nth-of-type(1) {
    height: 0.52rem !important;
    color: #fff;
    font-size: 0.22rem;
    line-height: 0.52rem !important;
}
.tableBox table tr {
    height: 0.52rem !important;
    line-height: 0.52rem !important;
    background: #eff1f2 ;
}
/* .tableBox table tr:nth-of-type(odd) { */
    /* background: rgba(10, 20, 36, 0.8)  !important; */
/* } */
.tableBox table tr td {
    border: 0.01rem solid #dad9d9;
    color: #757373;
    line-height: 0.6rem;
}
.tableBox table tr:first-child td{
   background: #4987e7;
   font-weight: 600;
   line-height: 0.8rem;
   color: #fff !important;
}
.tableBox table {
    margin: auto;
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: center;
    font-size: 0.22rem;
    /* border-radius: .25rem; */
}
.WTRide03{
    width: 100%;
    padding: .5rem 0;
}
.WTRide02_Con{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 6.9rem;
    margin-top: .5rem;
}
.WTRide02_ConL{
    width: 65%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}
.WTRide02_ConR{
    width: 34%;
    position: relative;
}
.WTRide02_ConLLi{
    width: 49.2%;
    height: 49%;
    position: relative;
}
.WTRide02_ConLLi img{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.WTRide02_ConLLiP{
    position: absolute;
    font-size: .18rem;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: .15rem 0;
    background: rgba(0, 0, 0, .4);
    bottom: 0;
}
.WTRide02_ConR img{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.WTRide04{
    width: 100%;
    padding: 0 0 .5rem 0;
}
.WTRide04_Con{
    width: 100%;
    display: flex;
    margin-top: .5rem;
}
.WTRide04_ConL{
    width: 60%;
}
.WTRide04_ConR{
    width: 40%;
    box-sizing: border-box;
}
.WTRide04_ConL {
  position: relative;
  height: 100%;
}

.WTRide04_ConL .swiper {
  width:100%;
  height: 6.5rem;
  margin: inherit;
  /* padding-right: 9%; */
}
/* .WTRide04_ConL .swiper-wrapper{ */
    /* overflow: hidden; */
/* } */
.WTRide04_ConL .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  display: flex;
  /* justify-content: center; */
  align-items: center;
}
.WTRide04_ConL .swiper-slide img {
  display: block;
  width: 90%;
  height: 100%;
  object-fit: cover;
}
.WTRide04_ConL .swiper-button-next,.WTRide04_ConL .swiper-button-prev{
    font-size: .3rem;
    color: #fff;
    width: .66rem;
    height: .66rem;
    text-align: center;
    line-height: .66rem;
    border: .01rem solid #fff;
    top: 5.8rem !important;
}
.WTRide04_ConL .swiper-button-next{
    background-color: #008ae3;
}
.WTRide04_ConL .swiper-button-prev{
    right: .92rem !important;
    left: auto !important;
}
.WTRide04_ConRP{
    font-size: .18rem;
    color: #494949;
    line-height: .25rem;
}
.WTRide04_ConRUl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .4rem;
}
.WTRide04_ConRLiB{
    width: 26%;
    margin-bottom: .2rem;
    cursor: pointer;
    transition: all 0.3s ease;
}
.WTRide04_ConRLiB:hover .WTRide04_ConRLi,
.WTRide04_ConRLiB.active .WTRide04_ConRLi{
    background: #008ae3;
    transform: scale(1.05);
    box-shadow: 0 0.05rem 0.15rem rgba(0, 138, 227, 0.3);
}
.WTRide04_ConRLiB:hover .WTRide04_ConRLi img,
.WTRide04_ConRLiB.active .WTRide04_ConRLi img{
    filter: brightness(0) invert(1);
}
.WTRide04_ConRLiB:hover p,
.WTRide04_ConRLiB.active p{
    color: #008ae3;
    font-weight: 600;
}
.WTRide04_ConRLi{
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .01rem solid #e0dfdf;
    transition: all 0.3s ease;
}
.WTRide04_ConRLi img{
    display: block;
}
/* .WTRide04_ConRLiB:first-child p{
    color: #008ae3;
} */
.WTRide04_ConRLiB p{
    font-size: .18rem;
    color: #494949;
    text-align: center;
    line-height: .4rem;
    width: 84%;
}
.WTRide05{
    width: 100%;
    padding: .5rem 0;
}
.WTRide05_C{
    width: 15rem;
    margin: auto;
}
.WTRide05_Con{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .5rem;
}
.WTRide02_ConLi{
    width: 49%;
    border: .01rem solid #cecdcd;
    padding: .2rem;
    box-sizing: border-box;
    display: flex;
    margin-bottom: .2rem;
}
.WTRide02_ConLiImg{
    width: 2.46rem;
    height: 3.32rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
}
.WTRide02_ConLiImg img{
    width: 100%;
    height: 100%;
    display: block;
}
.WTRide02_ConLiMsg{
    padding: .15rem 0 0 .35rem;
    box-sizing: border-box;
    width: 60%;
}
.WTRide02_ConLiMsgT{
    font-size: .24rem;
    color: #4c4c4c;
    font-weight: 600;
}
.WTRide02_ConLiMsgP{
    font-size: .16rem;
    color: #4c4c4c;
    margin-top: .1rem;
    font-weight: 6;
}
.WTRide02_ConLiBtn{
    background: conic-gradient(at 70% -5%, #212e73 42%, #008ae3 39%);
    font-size: .19rem;
    color: #fff;
    /* width: 1.94rem; */
    width: 2.94rem;
    text-indent: .2rem;
    padding: .1rem 0 0.05rem 0;
    margin-top: .2rem;
    cursor: pointer;
    display: flex;
}
.WTRide02_ConLiBtn img{
    width: .26rem;
    height: .26rem;
    margin-left: .18rem;
}
.WTRide06{
    width: 100%;
    padding: 0 0 0.5rem 0;
}
.WTRide06_CP{
    font-size: .18rem;
    color: #999999;
    margin-top: .4rem;
}
.WTRide06_Con{
    width: 100%;
    display: flex;
    margin-top: .5rem;
    justify-content: space-between;
}
.WTRide06_ConLi{
    width: 24%;
    height: 6.18rem;
    border-radius: .2rem;
    overflow: hidden;
    position: relative;
}
.WTRide06_ConLi .swiper{
    width: 100%;
    height: 100%;
}
.WTRide06_ConLi .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.WTRide06_ConLi .swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
}
.WTRide06_ConLi img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.WTRide06_ConLi p{
    font-size: .3rem;
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: .3rem;
    left: 0;
    z-index: 10;
}
.WTRide06_ConLi .swiper-pagination{
    bottom: 0.8rem !important;
    z-index: 10;
}
.WTRide06_ConLi .swiper-pagination-bullet{
    width: 0.12rem;
    height: 0.12rem;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 0.05rem !important;
}
.WTRide06_ConLi .swiper-pagination-bullet-active{
    background: #fff;
    width: 0.2rem;
    border-radius: 0.06rem;
}
.WTRide07{
    width: 100%;
    background: url("../img/ProfeBk.jpg") no-repeat;
    background-size: cover;
    height: 3.74rem;
}
.WTRide07_C{
    width: 15rem;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.WTRide07_CL{
    color: #fff;
}
.WTRide07_CL p:first-child{
    font-size: .48rem;
    font-weight: 600;
}
.WTRide07_CL p:last-child{
    font-size: .36rem;
    font-weight: 600;
}
.WTRide07_CR{
    width: 6.63rem;
    height: 1rem;
    border-radius:  .5rem 0 .5rem .5rem;
    background: #2d2c2c;
    display: flex;
    overflow: hidden;
}
.WTRide07_CRL,.WTRide07_CRR{
    width: 50%;
    height: 100%;
    cursor: pointer;
}
.WTRide07_CRL{
    background: #fff;
    border-radius:  0 0 .5rem 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.WTRide07_CRL img{
    display: block;
    width: .55rem;
    height: .55rem;
}
.WTRide07_CRL p{
    font-size: .32rem;
    color: #008ae3;
    font-weight: 6;
    font-weight: 600;
}
.WTRide07_CRR p{
    font-size: .32rem;
    color: #fff;
    text-align: center;
    line-height: 1rem;
    font-weight: 6;
    font-weight: 6;
}
.well_form{
    width: 100%;
    max-width: 19.2rem;
    height: 6.17rem;
    background: url(../img/customer.jpg);
    background-size: 100% 100%;
}
.well_formcenter{
    width: 15rem;
    height: 6.17rem;
    margin: 0 auto;
}
.form_boxs{
    width: 8.2rem;
    height: 6.17rem;
    margin-left: -1rem;
    /* float: right;
    background-color: #0a79c1; */
}
.gettitle{
    width: 100%;
    font-size: 0.36rem;
    height: 0.36rem;
    text-align: left;
    color: #383838;
    line-height: 0.36rem;
    font-weight: 600;
    text-indent: 0.52rem;
    font-family: pb;
}
.form_boxs .tiao{
    width: 0.38rem;
    height: 0.03rem;
    background: #000;
    margin-left: 0.55rem;
}
.inputbox{
    width: 7.16rem;
    height: 0.5rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
    margin-left: 0.55rem;
}
.inputbox li{
    width: 2.3rem;
    height: 0.5rem;
    float: left;
}
.inputbox li input {
    width: 2.3rem;
    height: 0.5rem;
    float: left;
    text-indent: 0.2rem;
    font-size: 0.16rem;
    color: #000;
    border: none;
           box-shadow: 0.03rem 0.03rem 0.1rem 0.03rem #ccc;
}

.inputbox2{
    width: 7.15rem;
    height: 0.5rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
    margin-left: 0.55rem;
}
.inputbox2 li{
    width: 3.5rem;
    height: 0.5rem;
    float: left;
}
.inputbox2 li input {
    width: 3.5rem;
    height: 0.5rem;
    float: left;
    font-size: 0.16rem;
    text-indent: 0.2rem;
    color: #000;
    border: none;
           box-shadow: 0.03rem 0.03rem 0.1rem 0.03rem #ccc;
}
.inputbox2 li  :-ms-input-placeholder{
    color: #000;
}
.inputtextarea{
    width: 7.15rem;
    height: 1.56rem;
    margin-left: 0.55rem;
    margin-top: 0.2rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
    text-indent: 0.2rem;
    border: none;
    resize: none;
           box-shadow: 0.03rem 0.03rem 0.1rem 0.03rem #ccc;
}
.box_send {
    width: 1.66rem;
    height: 0.5rem;
    background: #0b77c0;
    color: #fff;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.24rem;
    font-weight: 400;
    margin-left: 0.55rem;
}

.box_send button{
    width: 1.66rem;
    height: 0.5rem;
    background: #0b77c0;
    color: #fff;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.24rem;
    font-weight: 400;
    cursor: pointer;
}
.bottom{
    width: 100%;
    height: 3.1rem;
    bottom: 1px solid #323232;
    background: #202020;
}
.bottom_center{
    width: 15rem;
    height: 3.1rem;
    margin: 0 auto;
    color: #666;
}
.bottom_box1{
    width: 3.5rem;
    height: 2.1rem;
    border-right: 1px solid#323232;
    float: left;
    
}
.bottom_box2{
    width: 5.55rem;
    height: 2.1rem;
    border-right: 1px solid#323232;
    float: left;
    margin-left: 0.8rem; padding-right:0.5rem;
}
.bottom_box3{
    width: 3rem;
    height: 2.1rem;
    float: left;
    margin-left: 1.5rem;
}
.bottom_title1{
    font-size: 0.3rem;
    position: relative;
    text-indent: 0.1rem;
    color: #fff;
}
.bottom_box1 .swiper_list li{
    padding: 0px !important;
    margin-top: 0px !important;
    color: #666;
    font-size: 0.16rem;
}
.bottom_box2 .swiper_list li img{
    float: left;
}
.bottom_box2 .swiper_list li{
    padding: 0px !important;
    margin-top: 0px !important;
    font-size: 0.16rem;
    line-height: 0.25rem;
    position: relative;
    height: 0.6rem;
}
.bottom_box3 .swiper_list li{
    padding: 0px !important;
    margin-top: 0px !important;
    float: left;
    width: 50%;
    font-size: 0.16rem;
    text-align: center;
}
.bottom_logo{
    width: 100%;
    height: 0.8rem;
    background: #202020;
    border-top: 1px solid #323232;
}
.bottom_logo_center{
    width: 15rem;
    height: 0.8rem;
    margin: 0 auto;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 0.6);
}



#bkform3{
    position: fixed;
    z-index: 99999;
    top: 0%;
    /* left: 23%; */
    display: none;
}
.form {
    width: 7.71rem;
    padding: 0.2rem 0.1rem;
    background: rgba(75, 74, 73, 0.8);
    box-shadow: 0px 0.03rem 0.2rem 0.01rem rgba(3, 69, 158, 0.03921569);
    font-size: 0.18rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form .dropdown.active .option {
    display: block;
  }
  .form .dropdown {
    position: relative;
    width: 100%;
    height: 0.58rem;
  }
  .form .dropdown input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 19, 35, 0.03);
    border: none;
    outline: none;
    padding: 0 0.2rem;
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #001323;
  }
  .form .dropdown::before {
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 0.15rem;
    z-index: 10000;
    width: 0.14rem;
    height: 0.14rem;
    border: 0.02rem solid #001323;
    border-top: 0.02rem solid transparent;
    border-right: 0.02rem solid transparent;
    transform: rotate(-45deg);
    transition: 0.5s;
    pointer-events: none;
  }
  
  .form .dropdown.active::before {
      top: 0.25rem;
      transform: rotate(-225deg);
  }
  .form .dropdown .option {
    height: 2.32rem;
    display: none;
    position: absolute;
    top: 0.58rem;
    width: 100%;
    background-color: #ffffff;
    overflow-y: auto;
  }
  .form .dropdown .option div {
    height: 0.58rem;
    line-height: 0.58rem;
    padding: 0 0.2rem;
    cursor: pointer;
  }
  .form .dropdown .option div:hover {
    background-color: rgba(0, 19, 35, 0.1);
  }
  .form .contact-way {
    font-size: 0.18rem;
    font-family: Arial-Regular, Arial;
    height: 1rem;
    color: #001323;
    display: flex;
    justify-content: space-between;
  }
  .form .contact-way div {
    width: 2.5rem;
  }
  .form .contact-way input {
    padding-left: 0.2rem;
    margin-top: 0.17rem;
    width: 2.87rem;
    height: 0.46rem;
    background: #fafafa;
    border: 1px solid #cccccc;
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #000;
  }
  .form .Requirement p {
    margin-top: 0.22rem;
    margin-bottom: 0.17rem;
  }
  .form .Requirement textarea {
    width: 100%;
    height: 1.29rem;
    background-color: rgba(0, 19, 35, 0.03);
    resize: none;
    border: 1px solid #ccc;
    padding: 0.2rem;
    font-size: 0.21rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #fff;
  }
  .form .submit {
    text-align: center;
    margin-top: 0.27rem;
  }
  .form .submit button {
    width: 1.97rem;
    height: 0.68rem;
    background: #ffc418;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    font-size: 0.28rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #f9fbfc;
  }
.guanbi{
  float: right;
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;

}
.hint{
  font-size: 0.18rem;
  color: red;
}