/* 导航 */
.Yd_navBox{
    display: none;
}
header {
    position: absolute;
    top: 0;
    left: auto;
    width: 100%;
    z-index: 11;
}
.pc_navBox{
    width: 100%;
}
.pc_navBoxTT{
    width: 100%;
    background: #1b1b1b;
    color: #fff;
}
.pc_navBoxTTS{
    width: 15rem;
    margin: auto;
    display: flex;
    justify-content: right;
    padding: .03rem 0;
    box-sizing: border-box;
}
.pc_navBoxTTS a {
    color: #ffffff;
    margin-left: .2rem;
    font-size: .14rem;
    display: block;
    display: flex;
    align-items: center;
}
.pc_navBoxTTS a i {
    margin-right: .05rem;
}
.fa{
    display: block;
    width: .14rem;
    height: .14rem;
    background-size: 100% !important;
}
.fa_envelope{
    background: url('../img/1.png') no-repeat;
}
.fa_phone{
    background: url('../img/2.png') no-repeat;
}
.pc_navBoxB{
    width: 100%;
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
}
.pc_navBoxBS{
    width: 15rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
}
.pc_navBoxBS_logo img{
    display: block;
}
.pc_navBoxBS_item{
    display: flex;
    justify-content: space-between;
    width: 70%;
}
.pc_navBoxBS_Li a{
    padding: .25rem .2rem;
    color: #fff;
    font-size: .2rem;
    text-transform: uppercase;
    display: block;
}
.pc_navBoxBS_Li a:hover {
    color: #0386b9;
}
.pc_navBoxBList{
    width: 100%;
    display: flex;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    transition: all .5s;
    overflow: hidden;
    height: 0;
    border-radius: 0 0 .2rem .2rem;
}
.pc_navBoxBListItem{
    width: 2rem;
    margin-right: .4rem;
    margin-top: .1rem;
    margin-bottom: .1rem;
}
.pc_navBoxBListItem:last-child{
    margin-right: 0;
}
.Pc_img{
    width: 100%;
    height: 2rem;
    border-radius: .2rem;
    overflow: hidden;
}
.Pc_img .Pc_imgs{
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}
.Pc_img:hover .Pc_imgs{
    transform: scale(1.1);
}
.Pc_Msg{
    font-size: .2rem;
    color: #000;
    text-align: center;
    padding: .05rem 0;
    transition: all .5s;
}
.pc_navBoxBListItem:hover .Pc_Msg{
    color: #0386b9;
}
/*  */
.index01{
    position: relative;
    height: 9.25rem;
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}
.index01 .swiper {
    width: 100%;
    height: 100%;
}
.index01 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index01 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slide_item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.slide_item img{
    position: absolute;
    top: 0;
    left: 0;
}
.slide_itemMsgB{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slide_itemMsgB h2{
    font-size: .6rem;
    color: #fff;
    text-transform: uppercase;
}
.slide_itemMsgB p{
    font-size: .24rem;
    color: #fff;
    margin-top: .2rem;
    display: block;
}
.slide_itemMsgB a{
    display: block;
    margin: .3rem auto auto;
    width: 2.2rem;
    height: .5rem;
    line-height: .5rem;
    text-transform: uppercase;
    text-align: center;
    background-color: #0386b9;
    border-radius: .3rem;
    color: #ffffff;
}
.mySwiper01 .swiper-button-next,.mySwiper01 .swiper-button-prev{
    width: .6rem;
    height: .6rem;
    font-size: .5rem;
    color: #fff;
    border: .01rem solid #fff;
    border-radius: .5rem;
    text-align: center;
    line-height: .4rem;
}
.mySwiper01 .swiper-pagination .swiper-pagination-bullet{
    width: .1rem;
    height: .1rem;
    background-color: #fff !important;
}
/*  */
.index02{
    width: 100%;
    background: #fff;
}
.index02C{
    width: 15rem;
    padding: .5rem 0;
    margin: auto;
}
.index02C_TT{
    margin-bottom: .4rem;
}
.index02C_TT h2{ 
    color: #272727;
    font-size: .5rem;
    text-transform: uppercase;
    text-align: center;
    font-family: pb;
}
.index02C_TT p{
    font-size: .2rem;
    text-align: center;
    margin-top: .1rem;
}
.index02C_UL{
    display: flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index02C_Li{
    width: 32%;
    margin-bottom: .3rem;
    border-radius: .6rem 0 .6rem 0;
    overflow: hidden;
    box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;
    border: 1px solid #ebeaea;
    cursor: pointer;
    background-color: white;
}
.index02C_LiImg{
    width: 100%;
    height: 4rem;
    overflow: hidden;
}
.index02C_LiImg img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}
.index02C_Li:hover img{
    transform: scale(1.1);
}
.index02C_Limsg{
    padding: .1rem .2rem;
    box-sizing: border-box;
}
.index02C_Limsg h2{
    font-size: .18rem;
    color:#666;
    text-align: center;
}
.index02C_Limsg a{
    width: 2rem;
    margin: auto;
    display: block;
    margin-top: .2rem;
    background-color: #0386b9;
    font-size: .2rem;
    text-align: center;
    padding: .05rem 0;
    color: #fff;
    border-radius: .2rem;
    margin-bottom: .2rem;
}
/*  */
.index03{
    padding: .7rem 0;
    overflow: hidden;
    background: url("../img/sec2bg.jpg") no-repeat center top;
}
.index03_C{
    width: 15rem;
    margin: auto;
}
.index03_C .index02C_TT h2{
    color: #fff;
}
.index03_CMsg{
    font-size: .17rem;
    color: #fff;
}
.index03_CUl{
    overflow: hidden;
    width: 70%;
    margin: .5rem auto;
}
.index03_CUl li{
    width: 33%;
    text-align: center;
    float: left;
    /* position: relative; */
    color: #ffffff;
}
.index03_CLi_counter{
    font-size: .55rem;
    line-height: 1.2;
    position: relative;
    display: block;
    margin: 0 auto;
    color: #0386b9;
}
.index03_CUl li p {
    font-size: .13rem;
    display: block;
    margin: 0 auto;
    text-transform: capitalize;
}
.index03_CBtn{
    display: block;
    width: 2.2rem;
    height: .45rem;
    line-height: .45rem;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    color: #0386b9;
    border-radius: .3rem;
    margin: .3rem auto auto;
    transition: all .3s;
    font-size: .2rem;
}
.index03_CBtn:hover{
    background: #0386b9;
    color: #fff;
}
.index03_CUl1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .35rem;
    background-color: #ffffff;
    border-radius: .2rem;
    box-shadow: 0 0 .2rem rgba(95, 95, 95, 0.1);
    margin-top: 1rem;
}
.index03_CUl1 li{
    width: 48%;
    margin: 0 1%;
    overflow: hidden;
}
.index03_CUl1 li img{
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.index03_CUl1 li:hover img{
    transform: scale(1.1);
}
/*  */
.index04{
    width: 100%;
    background: #fff;
}
.index04T{
    width: 15rem;
    margin: auto;
    margin-bottom: .3rem;
}
.index04T h2{
    font-size: .35rem;
    color: #272727;
    text-transform: uppercase;
}
.index04T p{
    width: 60%;
    font-size: .16rem;
    color: #272727;
    margin-top: .1rem;
}
.index04T a{
    display: block;
    float: right;
    margin-top: -.8rem;
    width: 2.2rem;
    height: .45rem;
    line-height: .45rem;
    text-transform: uppercase;
    text-align: center;
    border-radius: .1rem;
    background-color: #333333;
    color: #ffffff;
    font-size: .2rem;
    transition: all .5s;
}
.index04T a:hover{
    background-color: #0386b9;
    color: #fff;
}
.index04_swiper {
  position: relative;
  height: 100%;
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  /* margin: 0; */
  padding: 0;
  margin-bottom: .5rem;
  margin-top: .5rem;
}
.mySwiper02{
    background: #fff;
}
.index04_swiper .swiper {
  width: 100%;
  height: 100%;
}
.index04_swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index04_swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*  */
.index05{
    width: 100%;
    background: #fff;
}
.index05_C{
    width: 15rem;
    margin: auto;
    padding: .8rem 0;
}
.index05_swiper{
    position: relative;
    width: 100%;
    height: 100%;
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: .6rem 0 0;
    padding: 0;
}
.index05_swiper .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: .8rem;
    background: #fff;
}
.index05_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index05_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index05_swiper .swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    font-size: .16rem;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}
.index05_swiper .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}
.mySwiper05_img{
    width: 50%;
    height: 5rem;
    overflow: hidden;
}
.mySwiper05_img img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}
.mySwiper05_img:hover img{
    transform: scale(1.1);
}
.mySwiper05_Msg{
    width: 50%;
    height: 5rem;
    padding: .5rem .7rem 0;
    box-sizing: border-box;
    border-bottom: .04rem solid #007aff;
}
.mySwiper05_MsgT{
    display: flex;
    width: 100%;
}
.mySwiper05_MImg{
    width: 1.13rem;
    height: 1.13rem;
}
.mySwiper05_MImg img{
    width: 100%;
    height: 100%;
    display: block;
}
.mySwiper05_MText{
    margin-left: .3rem;
    padding: .2rem 0;
    box-sizing: border-box;
}
.mySwiper05_MText p:first-child{
    font-size: .28rem;
    font-family: pb;
    color: #000;
}
.mySwiper05_MText p:last-child{
    font-size: .18rem;
    color: #666;
}
.mySwiper05_Text{
    color: #666;
    font-size: .2rem;
    text-align: left;
    margin-top: .5rem;
    line-height: 1.5;
}
/*  */
.index06{ 
    background: #f7f7f7;
}
.index06_C{
    width: 15rem;
    margin: auto;
    padding: .5rem 0;
    box-sizing: border-box;
}
.index06_CUlB{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.index06_CUlBL{
    width: 42.5%;
}
.index06_CUlBR{
    width: 50%;
}
.index06_CUlBLImg{
    width: 100%;
    overflow: hidden;
    height: 4.7rem;
}
.index06_CUlBLImg img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}
.index06_CUlBLImg:hover img{
    transform: scale(1.1);
}
.index06_CUlBLI1{
    padding: .25rem 0!important;
}
.index06_CUlBLI{
    width: 100%;
    border-bottom: .01rem solid #d7d7d7;
    padding: .4rem 0;
}
.index06_CUlBLI a em {
    display: block;
    float: right;
    width: .36rem;
    height: .36rem;
    background: url("../img/sec71.png") no-repeat center center;
    margin-top: .25rem;
}
.index06_CUlBLI a h3{
    font-size: .16rem;
    width: 80%;
    color: #0b1225;
    margin: .15rem 0;
}
.index06_CUlBLI a span{
    font-size: .16rem;
    color: #666;
    display: block;
}
.I06_CUlBLIData{
    float: left;
    width: 1.1rem;
    text-align: center;
    color: #666666;
    font-size: .16rem;
    color: #666;
}
.index06_CUlBLI .I06_CUlBLIData span {
    display: block;
    font-size: .6rem;
    line-height: 1;
    color: #0b1225;
    margin-bottom: .05rem;
}
.index06_CUlBR .index06_CUlBLI:first-child{
    border-top: .01rem solid #d7d7d7;
}
/*  */
.index07{
    width: 100%;
    background: #fff;
}
.index07_C{
    width: 15rem;
    margin: auto;
    padding: .5rem 0;
    box-sizing: border-box;
}
.index07_swiper{
    position: relative;
    height: 100%;
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .index07_swiper .swiper-container {
    width: 100%;
    height: 100%;
  }
  .index07_swiper .swiper-horizontal{
    background: #fff;
  }
  .index07_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
    height: 5.5rem;
    /* width: 4rem !important; */
    /* margin-right: 0 !important; */
  }
  .index07_swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    display: block;
  }
  .index07_swiper .swiper-slide-active,.index07_swiper .swiper-slide-duplicate-active{
    transform: scale(1) !important;
  }
  .index07_swiper .swiper-backface-hidden .swiper-slide{
    /* transform:translateZ(1px) !important; */
  }
  /*  */
  .index08{
    padding: .5rem 0;
    background: url("../img/messbg.jpg") no-repeat center center;
    background-size: cover;
  }
  .index08_C{
    width: 15rem;
    margin: auto;
  }
  .index08C_TT h2{
    font-size: .5rem;
    color: #fff;
    text-align: center;
  }
  .index08C_TT p{
    font-size: .2rem;
    color: #fff;
    text-align: center;
  }
  .index08C_TT{
    margin-bottom: .5rem;
  }
  .index08_form{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .index08_form input{
    width: 100%;
    background: transparent;
    border: .01rem solid #fff;
    height: .5rem;
    font-size: .18rem;
    color: #fff;
    border-radius: .05rem;
    padding-left: .1rem;
    outline-style: none;
    display: block;
  }
  .index08_form textarea {
    border: 0;
    display: block;
    width: 100%;
    background-color: #f8fbfb;
    clear: both;
    padding: .1rem;
    border-radius: .05rem;
    height: 1.5rem;
    border: .01rem #ffffff solid;
    background-color: transparent;
    color: #ffffff;
    resize: none;
    outline: none;
    font-family: p;
    font-size: .18rem;
}
.input_Style{
    width: 32%;
    margin-bottom: .2rem;
}
.input_Style1{
    width: 49% !important;
}
.input_Style2{
    width: 100%;
    margin-bottom: .2rem;
}
.FromBtn{
    width: 3rem;
    height: .6rem;
    font-size: .25rem;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    margin: auto;
    background: #0386b9;
    display: block;
    margin-top: .2rem;
    border: none;
}
/*  */
footer{
    width: 100%;
    background: #151515;
}
.footerTop{
    width: 100%;
    padding: .5rem 0;
}
.container{
    width: 15rem;
    margin: 0 auto;
}
.footerTop_row{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.col-md-3{
    width: 24%;
}
.footerLogo img{
    display: block;
}
.footerMenu div{
    text-transform: capitalize;
    color: #fff;
    font-size: .28rem;
}
.footerMenu ul,.footerMenu_UL{
    margin-top: .2rem;
}
.footerMenu ul li{
    line-height: 2;
}
.footerMenu ul li a{
    display: block;
    font-size: .16rem;
    color: #bbbaba;
}
.footerMenu ul li a:before {
    content: "";
    display: inline-block;
    width: .05rem;
    height: .05rem;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin-right: .1rem;
}
.footerMenu_UL div{
    display: flex;
}
.footerMenu_UL span,.footerMenu_UL a{
    font-size: .16rem;
    color: #bbbaba;
    display: block;
    line-height: 2;
}
.footerB{
    width: 100%;
    border-top: .01rem solid rgba(255, 255, 255, 0.2);
}
.footerB div{
    width: 15rem;
    margin: auto;
    text-align: center;
    font-size: .18rem;
    color: #fff;
    line-height: 3;
}
#backToTop{
    position: fixed;
    bottom: .2rem;
    right: .2rem;
    color: white;
    border: none;
    border-radius: .5rem;
    cursor: pointer;
    display: none;
    z-index: 1000;
    width: .55rem;
    height: .55rem;
    background: url('../img/3.png') no-repeat center center #007BFF;
    background-size: 80% 80%; 
    transition: all .3s;
}
#backToTop:hover {
    background-color: #0056b3;
}