.index_banner{
   width: 100%;
   display: block;
   margin: 0 auto;
}




.index_banner .swiper {
  width: 100%;
  height: 100%;
}

.index_banner .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;


}






.index_banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}


.index_banner .swiper-slide .index_boxs{
  position: absolute;
  top:20%;
  right: 6%;
  transform: translate(-50%,-50%);
  z-index: 666;
  text-align: left;
}


.index_banner .swiper-slide .index_boxs_2{
  position: absolute;
  top:0;
  right: 6%;
  transform: translate(-50%,-50%);
  z-index: 666;
  text-align: left;
}


.index_banner .swiper-slide .index_boxs_3{
  position: absolute;
  top:20%;
  right: 6%;
  transform: translate(-50%,-50%);
  z-index: 666;
  text-align: left;
}







.index_banner .swiper {
  margin-left: auto;
  margin-right: auto;
}


.index_banner .swiper-pagination {
  text-align: center;
  margin-top: 50px;
}
.index_banner .swiper-pagination .swiper-pagination-bullet {
  width: 56px;
  height: 4px;
  display: inline-block;
   background: #0536B9;
  opacity: .2;
  margin: 0 5px;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  width: 56px;
  transition-delay: 0s;
}
@media screen and (max-width: 576px) {
  .index_banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
  }
}


































.index_tit{
  width: 100%;
  display: block;
  margin: 0 auto;

}

.index_tit img{
  width: 100%;
  height: 100%;
}























 .index_tit2{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 150px;
  display: block;
  margin: 0 auto;
  transition: background-color 0.5s ease-in-out;
   text-align: center;
   box-sizing: border-box;
}

.index_tit2  .index_tits2{
  width: 80%;
  display: block;
  margin: 0 auto;
}





.index_tit2  .index_tits2 ul li{
  width: 20%;
  height: 200px;
  float: left;
  text-align: left;

}



.index_tit2  .index_tits2 ul li p span:nth-child(1){
  font-size: 70px;
  color: #2592f9;
}


.index_tit2  .index_tits2 ul li p span{
  font-size: 18px;
}


.index_tit2  .index_tits2 ul li p  img{
   width: 50px;
   height: 50px;
}









.index_city{
  width: 100%;
  display: block;
  margin: 0 auto;
  /* height: 880px; */
  overflow: hidden;
  position: relative;
  background-color: #F5F5F5;
  box-sizing: border-box;
}

.index_city .index_citys{
  width: 80%;
  height: 1000px;
  display: block;
  margin: 0 auto;
  padding-top: 60px;
  box-sizing: border-box;
}


.index_city .index_citys .index_citys_top{
  width: 80%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: block;
  margin: 0 auto;

}


.index_city .index_citys .index_citys_top ul li{
  float: left;
  width: 11%;
  text-align: center;

}

.index_city .index_citys .index_citys_top ul li a{
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 60px;
  font-size: 18px;
  color: #707070;
  cursor: pointer;

}

.index_city .index_citys .index_citys_top ul .on a{
  border-bottom: 1px solid blue;
}






.index_city .index_citys .index_citys_img{
  width: 1500px;
  display: block;
  margin: 0  auto;
  position: relative;

}


.index_city .index_citys .index_citys_img img{
  width: 100%;
  height: 100%;
}





.index_city .index_citys .index_citys_img .index_citys_box{
 position: absolute; 
 right: calc(50% - 580px);
 bottom: 10%;
}



.index_city .index_citys .index_citys_img .index_citys_box  .boxs{
   width: 250px;
   height: 220px;
   padding-left: 25px;
   box-sizing: border-box;
   display: none;
}



.index_city .index_citys .index_citys_img .index_citys_box  .show{
  display: block;
}


.index_city .index_citys .index_citys_img .index_citys_box  .boxs .box{
  width: 220px;
  height: 220px;
  background-color: #0A84FF;
  position: relative;
  padding: 20px 5px 10px 20px;
  box-sizing: border-box;
  color: #fff;
  border-radius: 10px;
} 
.index_city .index_citys .index_citys_img .index_citys_box  .boxs .box h4{
  font-size: 24px;
  margin-bottom: 10px;
}

.index_city .index_citys .index_citys_img .index_citys_box  .boxs .box .box_box{
  font-size: 12px;
}




.index_city .index_citys .index_citys_img .index_citys_box  .boxs .box .box_box p{
  margin-bottom: 5px;
}




.index_city .index_citys .index_citys_img .index_citys_box  .boxs .jiao{
  width: 0;
  height: 0;
  border-top: 24px solid transparent; 
  border-right: 24px solid #0A84FF;
  border-left: 24px solid transparent;
  border-bottom: 24px solid transparent;


}








.index_city .index_citys .index_citys_img .index_citys_box  .box1{
  position: absolute;
  right: 114px;
  bottom: 327px;
  overflow: hidden;
}

.index_city .index_citys .index_citys_img .index_citys_box  .box1 .jiao{
  position: absolute;
  left: -23px;
  top: 35px;
}




.index_city .index_citys .index_citys_img .index_citys_box  .box2{
  position: absolute;
  right: 8px;
  bottom: 160px;
  overflow: hidden;
}

.index_city .index_citys .index_citys_img .index_citys_box  .box2 .jiao{
  position: absolute;
  left: -23px;
  top: 35px;
}




.index_city .index_citys .index_citys_img .index_citys_box  .box3{
  position: absolute;
  right: 164px;
  bottom: 137px;
  overflow: hidden;
}

.index_city .index_citys .index_citys_img .index_citys_box  .box3 .jiao{
  position: absolute;
  left: -23px;
  top: 35px;
}





.index_city .index_citys .index_citys_img .index_citys_box  .box3 .box  .box_box{
  height: 143px;
  overflow-y:scroll; 
  overflow-x:hidden;
 }
 
 .index_city .index_citys .index_citys_img .index_citys_box  .box3 .box  .box_box::-webkit-scrollbar{
  height: 10px;
  width: 10px;
  background-color: transparent;
 }

 .index_city .index_citys .index_citys_img .index_citys_box  .box3 .box  .box_box::-webkit-scrollbar-thumb{
      /* 圆角 */
      border-radius: 10px;
 
      /* 滑块自身颜色 透明 */
      background-color: transparent;
 }


 .index_city .index_citys .index_citys_img .index_citys_box  .box3 .box:hover  .box_box::-webkit-scrollbar  {
	/* 底色 */
	/* background-color:#FAFAFA!important; */
 }
 
 .index_city .index_citys .index_citys_img .index_citys_box  .box3 .box:hover  .box_box::-webkit-scrollbar-thumb {
	/* 滑块颜色 */
	background-color: #A8A8A8!important;
 }
 











 .index_city .index_citys .index_citys_img .index_citys_box  .box4{
  position: absolute;
  right: 34px;
  bottom:123px;
  overflow: hidden;
}

.index_city .index_citys .index_citys_img .index_citys_box  .box4 .jiao{
  position: absolute;
  left: -23px;
  top: 35px;
}



.index_city .index_citys .index_citys_img .index_citys_box  .box5{
  position: absolute;
  right: 43px;
  bottom: 173px;
  overflow: hidden;
}

.index_city .index_citys .index_citys_img .index_citys_box  .box5 .jiao{
  position: absolute;
  left: -23px;
  top: 35px;
}




.index_city .index_citys .index_citys_img .index_citys_box  .box6{
  position: absolute;
  right: 547px;
  bottom: 130px;
  overflow: hidden;
  padding-left: 0;
}


.index_city .index_citys .index_citys_img .index_citys_box  .box6 .jiao{
  width: 0;
  height: 0;
  border-top: 24px solid transparent; 
  border-right: 24px solid transparent;
  border-left: 24px solid #0A84FF;
  border-bottom: 24px solid transparent;
  position: absolute;
  right: -18px;
  top: 35px;

}







.index_city .index_citys .index_citys_img .index_citys_box  .box7{
  position: absolute;
  right: 500px;
  bottom: 117px;
  overflow: hidden;
  padding-left: 0;
}


.index_city .index_citys .index_citys_img .index_citys_box  .box7 .jiao{
  width: 0;
  height: 0;
  border-top: 24px solid transparent; 
  border-right: 24px solid transparent;
  border-left: 24px solid #0A84FF;
  border-bottom: 24px solid transparent;
  position: absolute;
  right: -18px;
  top: 35px;

}






.index_city .index_citys .index_citys_img .index_citys_box  .box8{
  position: absolute;
  right: 178px;
  bottom: 96px;
  overflow: hidden;
}

.index_city .index_citys .index_citys_img .index_citys_box  .box8 .jiao{
  position: absolute;
  left: -23px;
  top: 35px;
}




.index_city .index_citys .index_citys_img .index_citys_box  .box9{
  position: absolute;
  right: 90px;
  bottom: 176px;
  overflow: hidden;
}

.index_city .index_citys .index_citys_img .index_citys_box  .box9 .jiao{
  position: absolute;
  left: -23px;
  top: 35px;
}

























.index_history{
  width: 100%;
  display: block;
  margin: 0 auto;
  
}







.index_history .swiper {
  width: 100%;
  height: 100%;
}

.index_history .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;
}

.index_history .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_history .swiper {
  margin-left: auto;
  margin-right: auto;
}

.index_history .swiper-pagination {
  text-align: center;
  margin-top: 50px;
}
.index_history .swiper-pagination .swiper-pagination-bullet {
  width: 56px;
  height: 4px;
  display: inline-block;
   background: #0536B9;
  opacity: .2;
  margin: 0 5px;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
}
.index_history .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  width: 56px;
  transition-delay: 0s;
}
@media screen and (max-width: 576px) {
  .index_history .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
  }
}












.index_executive{
   width: 100%;

   display: block;
   margin: 0 auto;
   padding-bottom: 50px;
   box-sizing: border-box;
}


.index_executives{
  width: 1200px;

  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 120px;
  box-sizing: border-box;
  position: relative;
}


.index_executives h4{
  font-size: 42px;
}

.index_executives .xian{
  width: 1200px;
  height: 1px;
  background-color: #808080;
  margin: 60px 0 100px 0;
  box-sizing: border-box;
}
.index_executives  ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.index_executives  ul li{
  width: 31%;
  height: 450px;
  text-align: left;
   border-radius: 10px;
  transition: transform 0.4s ease;

  margin-right: 2%;

}



.index_executives  ul li img{
  width: 100%;
  border-radius: 10px;
}

.index_executives  ul li:nth-child(3){
  margin-right: 0;
}


.index_executives  ul li:nth-child(6){
  margin-right: 0;
}
.index_executives  ul li p{
  color: #1A7FFF;
  margin: 20px 0 12px 0;
  box-sizing: border-box;
}
.index_executives  ul li p span{
 height: 30px;
  color: #1A7FFF;
  border-bottom: 1px solid #1A7FFF;
  word-spacing: -2px;
 
  font-size: 26px;
}

.index_executives  ul li span{
  color: #5B5B5B;
  display: inline-block;
  box-sizing: border-box;
}

.index_executives  ul li a span:nth-child(3){
  width: 310px;
  word-spacing: -2px;
  font-size: 20px;
  line-height: 1.2;
}


.index_executives  ul li:hover  p span{
  border-bottom-width: 1px!important; 
}











.index_jon{
  width: 100%;
  display: block;
  margin: 0 auto;
  font-size: 0;
  position: relative;
}
.index_jon img{
  width: 100%;
}


.index_jon .index_jon_box{
    width: 800px;
    height: 170px;
    position: absolute;
    left: calc(50% - 423px);
    bottom: 25%;
}



.index_jon .index_jon_box  a{
  display: flex;
  align-items: center;
  width: 300px;
  height: 85px;
  line-height: 60px;
  padding-left: 30px;
  font-weight: bold;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;


}



















.index_new{
  width: 100%;
  display: block;
  margin: 0 auto;
  font-size: 0;
  background-color: #F5F5F7;
}


.index_new  .index_new_t{
  width: 1200px;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
  box-sizing: border-box;
}







.index_new  .index_new_t .box{
  width: 1200px;
  height: 400px;
  padding-top: 30px;
  box-sizing: border-box;
}


.index_new  .index_new_t .box ul li{
  float: left;
  width: 22%;
  height: 310px;
  padding-top: 30px;
  margin-right: 2%;
  text-align: left;
  border: 1px solid #fff;
  transition: transform 0.4s ease;
  padding-left: 30px;
  box-sizing: border-box;
  border-radius: 10px;
  cursor: pointer;
 background-color: #fff;



}





.index_new  .index_new_t .box ul li:hover{
  transform: translate(-10px,-10px);
}


















.index_new  .index_new_t .box ul li:nth-child(4){
  margin-right: 0;
}



.index_new  .index_new_t .box ul li p{
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 8px;
}

.index_new  .index_new_t .box ul li img:nth-child(3){
   width: 37px;
   height: 3px;
   display: block;
   margin: 0 auto;
}

.index_new  .index_new_t .box ul li span{
  display: inline-block;
  font-size: 14px;
  color: #565656;
  height: 18px;
  
}

.index_new  .index_new_t .box ul li span:nth-child(6){
  margin-top: 3px;
}















.index_new2  {
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}

.index_new2  .index_new2s{
  width: 1200px;
  display: block;
  margin: 0 auto;


}

.index_new2  .index_new2s   h2{
   font-size: 60px;

}


.index_new2  .index_new2s  .xian{
   width: 1200px;
   height: 1px;
   background-color: #808080;
   margin: 60px 0 90px 0;
   box-sizing: border-box;
}


.index_new2  .index_new2s  .index_new2s_t{
   width: 100%;
   position: relative;


}
.index_new2  .index_new2s  .index_new2s_t a{
  border: 0;
  position: absolute;
  right: 125px;
  bottom: 50px;
  cursor: pointer;
}


















.index_new2  .index_new2s  ul{
  padding-top: 20px;

}
.index_new2  .index_new2s  ul li{
  float: left;
    width: 30%;
   margin-right: 3%;
   position: relative;
}

.index_new2  .index_new2s  ul li a{
  border: 0;
  position: absolute;
  right: 30px;
  bottom: 30px;
  cursor: pointer;

}

.index_new2  .index_new2s button{
  border: 0;
  height: 82px;
  margin: 80px 0 160px 0;
  cursor: pointer;
}











 .mu1{
  width: 100%;
  height:100%;
  backdrop-filter: blur(20px);
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
}




.mu1 .mu1_box{
  width: 800px;
  height: 500px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 10px  10px  0  20px;
  border-radius: 20px;
}


.mu1 .mu1_box  .cha{
  width: 38px;
  height: 38px;
  background-color: black;
  border-radius: 20px;
   float: right;
   cursor: pointer;


}
.mu1 .mu1_box  .cha img{
  width: 100%;
  height: 100%;
}









/* 
#mu2{
  width: 100%;
  height:100%;
  backdrop-filter: blur(20px);
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
}




#mu2 .mu2_box{
  width: 800px;
  height: 500px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 10px  10px  0  20px;
}


#mu2 .mu2_box  .cha{
  width: 38px;
  height: 38px;
  background-color: black;
  border-radius: 20px;
   float: right;
}
#mu2 .mu2_box  .cha img{
  width: 100%;
  height: 100%;
}
 */