.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 div{
  position: absolute;
  top:40%;
  transform: translate(-50%,-50%);
  text-align: left;
}
.index_banner .swiper-slide div h2{
  font-size: 37px;
  font-weight: 100;
}
.index_banner .swiper-slide div  h6{
  font-size: 15px;
  color: #091943;
  text-transform: uppercase;
  font-weight: 100;
}

.index_banner  .swiper-slide  .index_boxs{
  right: 16%;
}

.index_banner  .swiper-slide   .index_boxs  h2{
  color: #fff;
}


.index_banner  .swiper-slide  .index_boxs h6{
  color: #fff;
  margin: 10px 0 20px 0;
}




.index_banner  .swiper-slide  .index_boxs_2{
  left: 21%;
}

.index_banner  .swiper-slide  .index_boxs_2 h6{
  margin-top: 10px;
}


.index_banner  .swiper-slide  .index_boxs_3{
  left: 21%;
}

.index_banner  .swiper-slide  .index_boxs_3 h6{
  margin-top: 10px;
}











.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%;
  padding-top: 90px;
  padding-bottom: 150px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.index_tits{
    display: flex;
    gap: 50px;
    width: 80%;
  
}

.index_tits  .index_tits_l{
  width: 40%;
  padding-top: 30px;
   flex: auto;
}

.index_tits  .index_tits_l h2{
  font-size: 40px;
}
.index_tits  .index_tits_l h4{
  font-size: 15px;
  color: #666666;
  text-transform: uppercase;
  margin: 10px 0 30px 0;
}


.index_tits  .index_tits_l  span{
  font-size: 14px;
  color: #666666;
  display: inline-block;



}

.index_tits  .index_tits_l  button{
  width: 105px;
  height: 35px;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  background-color: #BC9E6D;
  border: 0;
}

.index_tits  .index_tits_l ul{
   width: 100%;
   height: 65px;
}

.index_tits  .index_tits_l ul li{
  float: left;
  width: 90px;
  margin-right: 90px;
}

.index_tits  .index_tits_l ul li:nth-child(5){
  margin-right: 0px;
}

.index_tits  .index_tits_l  p{
  display: inline-block;


}

.index_tits  .index_tits_l .peo{
   font-size: 25px;
   color: #0536B9;
   font-weight: bold;
}

.index_tits  .index_tits_l  i{
  display: inline-block;
  width: 2px;
  height: 32px;
   background: url(../picture/index/index_tit.png)no-repeat no-repeat center;
}


.index_tits  .index_tits_r{
  width: 27%;
  margin-top: 30px;
  flex: auto;

}

.index_tits  .index_tits_r img{
  object-fit: contain;
}














.index_city{
  width: 100%;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}






.index_city .swiper-slide {
  background-position: center;
  background-size: cover;
}

.index_city .swiper-slide img {
  display: block;
  width: 100%;
}


.index_city .swiper-pagination{

  top: 4%;
}

.index_city .swiper-pagination-bullet{
  width: 80px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 22px;
  color: #444444;
  opacity: 1;
  border-radius:0;
  font-weight: bold;
  background-color: #F5F5F5;
}

.index_city .swiper-pagination-bullet-active{
  border-bottom:3px solid  #0536B9;

}








.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;
  display: flex;
  justify-content: center;
  align-items: center;
}



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


.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{
    padding-bottom: 50px;

}


.index_executives{
 width: 1200px;
 margin: 0 auto;
 text-align: center;
 padding-top: 120px;

}


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

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

.index_executives  ul li{
 width: 31%;
 height: 450px;
 text-align: left;
 transition: transform 0.4s ease;
 margin-right: 2%;

}
.index_executives  ul li a{
  display: block;
  height: 450px;
}


.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: 35px;
 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%;
  font-size: 0;
  position: relative;
}
.index_jon img{
  width: 100%;
}


.index_jon .index_jon_box{
    width: 400px;
    height: 60px;
    position: absolute;
    left: calc(50% - 201px);
    bottom: 35%;
}

.index_jon .index_jon_box button{
   width: 160px;
   height: 60px;
   line-height: 60px;
   margin-right: 80px;
   cursor: pointer;
   border: 0;

  background-color: #BC9E6D;
  font-size: 16px;
  transition: transform 0.4s ease;
}


.index_jon .index_jon_box button:hover{
  transform: translate(-2px,-2px);
  box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
  
  
}








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


}

.index_jon .index_jon_box button a  img{
  width: 27px;
  height: 27px;
  margin-right: 5px;

}





.index_jon .index_jon_box button:nth-child(2){
  margin-right: 0;
}








.index_new{
  width: 100%;

  margin: 0 auto;
  font-size: 0;
  background-color: #F5F5F5;
}


.index_new  .index_new_t{
  width: 1200px;
 
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;

}



.index_new  .index_new_t h2{
   font-size: 36px;

}


.index_new  .index_new_t h4{
   font-size:16px ;
   color: #666666;
   text-transform: uppercase;
   margin-bottom: 20px;
}


.index_new  .index_new_t .box{

  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%;
  box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
  transition: transform 0.4s ease;
}





.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: #666666;
  margin-top: 6px;
}

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



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



.index_new  .index_new_b h2{
   font-size: 36px;

}


.index_new  .index_new_b h4{
   font-size:16px ;
   color: #666666;
   text-transform: uppercase;
   margin: 10px 0 30px 0;
}



.index_new  .index_new_b .box{
  width: 1200px;
  height: 650px;
  display: block;
  margin: 0 auto;
}



.index_new  .index_new_b .box .mySwiper{
   width: 610px;
   height: 370px;
   float: left;
   background-color: #fff;

}

.index_new  .index_new_b .box .mySwiper img{
 margin: 10px 10px; 
 transition: transform 0.4s ease;
}

.index_new  .index_new_b .box .mySwiper img:hover{
  transform: scale(1.1);
}









.index_new  .index_new_b .box  ul li{
  float: left;
  width: 580px;
  height: 180px;
  background-color: #fff;
  text-align: left;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-left: 10px;
}


.index_new  .index_new_b .box  ul li p{
  font-size: 17px;
  margin: 25px 0 20px 0;
  font-weight: bold;
}


.index_new  .index_new_b .box  ul li span{
  font-size: 14px;
  color: #666666;
  display: inline-block;

}

.index_new  .index_new_b .box  ul li span:nth-child(2){
    margin-bottom: 35px;
}


.index_new  .index_new_b .box  ul li span:nth-child(3){
  float: left;
}

.index_new  .index_new_b .box  ul li span:nth-child(4){
  float: right;
}

.index_new  .index_new_b .box  ul li   span:nth-child(4) i{
   width: 12px;
   height: 12px;
   display: inline-block;
   background: url(../picture/index/index_new_dian.png)no-repeat no-repeat center;
} 


.index_new  .index_new_b .box  ul  a li:hover p{
  color: #0536B9;
}