.index_banner{
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative;
      }
      
      
      .swiper {
        
        height: 100%;
      }

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

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

     

      .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

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

      .mySwiper2 {
        height: 80%;

     
      }

      .mySwiper2 .swiper-slide .img1{
         position: relative;
      }

      .mySwiper2 .swiper-slide .box{
        width: 600px;
        height: 200px;
        position: absolute;
        left: 400px;
        top: 150px;
        text-align: left;
      }
      .mySwiper2 .swiper-slide .box h4{
        font-size: 36px;
        color: #c2d5ff;
        text-transform: uppercase;
        font-weight: lighter;
        opacity: 0.6;
      }

      .mySwiper2 .swiper-slide .box h2{
        font-size: 56px;
        color:   #0541e2;
        margin: 30px 0 10px 0;
      }
      .mySwiper2 .swiper-slide .box h6{
        font-size: 24px;
        color: #0542e6;
        font-weight: 200;
      }
    



      .mySwiper {
        box-sizing: border-box;
        width: 100%;
        height: 100px;
        line-height: 100px;
        position: absolute!important;
        left: 0;
        bottom: 0;
       
      }

      .mySwiper .swiper-slide {
        background-color: rgba(15, 35, 65, 0.1);
        color: #fff;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        cursor: pointer;

      }

   
      .mySwiper .swiper-slide h5{
        font-size: 25px; 
        margin-right: 10px; 

      }

      .mySwiper .swiper-slide span{
        font-size: 14px;
     
        text-transform: uppercase;
      }
 

      .swiper-slide-thumb-active {
        background-color: #1c4ed5!important;
        opacity: 0.9;
      }





      .swiper-button-prev:after{
        display: none;
        }
       .swiper-button-next:after{
        display: none;
       }





     /*再自定义样式*/
     .swiper-button-prev{
        width: 24px;
        height: 24px;
        background: url('../picture/index/honorss_banner_l.png') no-repeat;
        bottom: 15px; 
        left: 400px;
        top: 550px;
    }
    .swiper-button-next{
        width: 24px;
        height: 24px;
        background:url('../picture/index/honorss_banner_r.png') no-repeat;
        bottom: 15px;
        left: 460px;
        top: 550px;
    }



















.honor {
  width: 100%;
  
  display: block;
   margin: 0 auto;
   background-color: #EFEFEF;
   padding-bottom: 160px;
}

.honor .honors{
   width: 1200px;
   display: block;
   margin: 0 auto;
}

.honor .honors  h2{
  font-size: 38px;
  color: #0536B9;

  text-align: center;
  padding-top: 100px;
}


.honor .honors  h6{
  font-size: 15px;
  color: #5B5B5B;
  text-transform: uppercase;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 80px;
}

.honor .honors  ul li{
   font-size: 23px;
   color: #091943;
   margin-bottom: 30px;
}




.honor_banner{
  width: 100%;

  display: block;
   margin: 0 auto;
  background-color: rgba(56, 56,56, 0.1);

}

.honor_banners{
  width: 1200px;
  height: 830px;
  display: block;
  margin: 0 auto;
}

.honor_banners h2{
  font-size: 38px;
  color: #0536B9;
  text-align: center;
  padding-top: 60px;
}

.honor_banners h6{
  font-size: 15px;
  color: #5B5B5B;
  text-transform: uppercase;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 80px;
}

.honor_banners ul li{
  float: left;
  width: 30%;
  height: 140px;
  margin-right: 3%;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 20px;
  box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
  transition: transform 0.4s ease;
}

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




.honor_corporate{
  width: 100%;
  height: 1100px;
  display: block;
   margin: 0 auto;
   background-color: #EFEFEF;

}

.honor_corporates{
  width: 1200px;
  display: block;
  margin: 0 auto;
}

.honor_corporates h2{
  font-size: 38px;
  color: #0536B9;
  text-align: center;
  padding-top: 60px;
}


.honor_corporates h6{
  font-size: 15px;
  color: #5B5B5B;
  text-transform: uppercase;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 80px;
}


.honor_corporates ul li{
  float: left;
  width: 275px;
  height: 330px;
   background-color:#fff;
   padding-top: 20px;
   text-align: center;
   margin: 0 30px  40px 0;
   box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);

}

.honor_corporates ul li:nth-child(4){
  margin-right: 0;
}
.honor_corporates ul li:nth-child(8){
  margin-right: 0;
}


.honor_corporates ul li .box{
   width: 230px;
   height: 195px;
   line-height: 195px;
   display: block;
   margin: 0 auto;
   background-color: #EFEFEF;
   text-align: center;
   margin-bottom: 20px;

}
.honor_corporates ul li .box img{
   vertical-align: middle;
   transition: transform 0.4s ease;
}

.honor_corporates ul li:hover .box img{
  transform: scale(1.1);
}
.honor_corporates ul li p{
  font-size: 15px;
  font-weight: bold;
}

.honor_corporates ul li span{
  display: inline-block;
  margin-top: 30px;
  font-size: 12px;
}






































.index_banner  ul li:hover .img1{
  content: url(../picture/index/honorss_banner001.jpg);
}


.index_banner  ul li:hover .img2{
  content: url(../picture/index/honorss_banner002.jpg);
}


.index_banner  ul li:hover .img3{
  content: url(../picture/index/honorss_banner003.jpg);
}


.index_banner  ul li:hover .img4{
  content: url(../picture/index/honorss_banner004.jpg);
}






























.honors01 {
   font-size: 0;
}
.honors01 img{
    width: 100%;
}

.honors02 {
   font-size: 0;
 }
 .honors02 img{
    width: 100%;

}
 .honors03 {
   font-size: 0;
 }

 .honors03 img{
    width: 100%;
}
 .honors04 {
   font-size: 0;
 }
 .honors04 img{
    width: 100%;
}





.brand{
  width: 100%;
  height: 780px;
  font-size: 0;
  background-color: #EFEFEF;
}

.brand .brands{
  width: 1200px;
  height: 780px;
  display: block;
  margin: 0 auto;
}

.brand .brands .brands_t .appointment {
    display: none;
}
.brand .brands .brands_t .appointment  img{
   width: 1200px;
   height: 651px;
}


.brand .brands .brands_b{
  width: 1200px;
  height: 100px;
  line-height: 100px;
  background-color: #0536B9;
}

.brand .brands .brands_b ul{
   width: 780px;
   height: 100px;
   display: block;
   margin: 0 auto;

}
.brand .brands .brands_b ul li{
  float: left;
   width: 130px;
   height: 100px;
   text-align: center;
   cursor: pointer;
  
}

.brand .brands .brands_b ul li a{
  font-size: 34px;
  color: rgb(255, 255, 255,0.5);
}

.brand .brands .brands_b .currents a{
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}











.honor_img{
   width: 100%;
   display: block;
   margin: 0 auto;
   background-color: #EFEFEF;
}
.honor_imgs{
  width: 1200px;
  height: 450px;
  display: block;
  margin: 0 auto;
}


.honor_imgs .honor_imgs1{
   width: 970px;
   height: 100px;
   display: block;
   margin: 0 auto;

   
}
.honor_imgs .honor_imgs1 ul li{
  float: left;
  width: 220px;
  height: 60px;
  border: 1px solid #A8A8A8;
  box-shadow: 2px 2px 6px rgba(67, 72, 84, 0.5);
  margin-right: 20px;
  box-sizing: border-box;
}

.honor_imgs .honor_imgs1 ul li .box{

  line-height: 60px;
  text-align: center;
}

.honor_imgs .honor_imgs1 ul li .box img{
  vertical-align: middle;
  transition: transform 0.4s ease;
}

.honor_imgs .honor_imgs1 ul li:hover .box img{
  transform: scale(1.1);
}




.honor_imgs .honor_imgs2{
  width: 1200px;
  height: 100px;
  display: block;
  margin: 0 auto;

}
.honor_imgs .honor_imgs2 ul li{
 float: left;
 width: 220px;
 height: 60px;
 border: 1px solid #A8A8A8;
 box-shadow: 2px 2px 6px rgba(67, 72, 84, 0.5);
 margin-right: 20px;
 box-sizing: border-box;
}
.honor_imgs .honor_imgs2 ul li:nth-child(5){
  margin-right: 0;
}

.honor_imgs .honor_imgs2 ul li .box{
 width: 220px;
 height: 60px;
 line-height: 60px;
 text-align: center;
}

.honor_imgs .honor_imgs2 ul li .box img{
 vertical-align: middle;
 transition: transform 0.4s ease;
}

.honor_imgs .honor_imgs2 ul li:hover .box img{
 transform: scale(1.1);
}





.honor_imgs .honor_imgs3{
  width: 970px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.honor_imgs .honor_imgs3 ul li{
 float: left;
 width: 220px;
 height: 60px;
 border: 1px solid #A8A8A8;
 box-shadow: 2px 2px 6px rgba(67, 72, 84, 0.5);
 margin-right: 20px;
 box-sizing: border-box;
}

.honor_imgs .honor_imgs3 ul li .box{
 width: 220px;
 height: 60px;
 line-height: 60px;
 text-align: center;
}

.honor_imgs .honor_imgs3 ul li .box img{
 vertical-align: middle;
 transition: transform 0.4s ease;
}

.honor_imgs .honor_imgs3 ul li:hover .box img{
 transform: scale(1.1);
}




.honor_imgs .honor_imgs4{
 width: 1200px;
 height: 100px;
 display: block;
 margin: 0 auto;
}
.honor_imgs .honor_imgs4 ul li{
float: left;
width: 220px;
height: 60px;
border: 1px solid #A8A8A8;
box-shadow: 2px 2px 6px rgba(67, 72, 84, 0.5);
margin-right: 20px;
box-sizing: border-box;

}
.honor_imgs .honor_imgs4 ul li:nth-child(5){
  margin-right: 0;
}
.honor_imgs .honor_imgs4 ul li .box{
width: 220px;
height: 60px;
line-height: 60px;
text-align: center;
}

.honor_imgs .honor_imgs4 ul li .box img{
vertical-align: middle;
transition: transform 0.4s ease;
}

.honor_imgs .honor_imgs4 ul li:hover .box img{
transform: scale(1.1);
}