
	  .midbox{ width: 100vw;z-index: 100;}
	  .banner{ margin: auto; overflow: hidden}
	  .banner img{ width: 100%; height: auto ;}
	  .swiper-button-next{ right: 5%!important;color: #d8d8d8}
	  .swiper-button-prev{ left: 5%!important;color: #d8d8d8}
	  .top{ width: 90vw;margin: auto; position: relative;}
	  .language{ position: absolute;left: 0;top: 0;font-size: 16px;}
	  .logo{ margin: auto; display: block;width: 300px; display: flex;justify-content: center}
	  .logo img{ height: 50px; width: auto}
	  ul,li{ padding:0;margin:0;list-style:none}
	  .nav{width: 700px; margin: auto; font-size: 18px; display: flex}
	  .nav li{ width: 20%; text-align: center;margin-top: 30px; margin-bottom: 20px ;}
	  .nav li a{ color: #000;text-decoration:none; padding: 8px 16px 8px 16px;}
	  
	  .nav li a {
	    background: none;
	    border: 0;
	    box-sizing: border-box;
	
	    
	    box-shadow: inset 0 0 0 2px rgba(0,0,0,0);
	  
	   
	  
	    position: relative;
	 
	  }
	 .nav li a::before, .nav li a::after {
	    box-sizing: inherit;
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 100%;
	  }
	  .nav li a{
	    transition: color 0.25s;
	  }
	  .nav li a::before, .nav li a::after {
	    border: 2px solid transparent;
	    width: 0;
	    height: 0;
	  }
	  .nav li a::before {
	    top: 0;
	    left: 0;
	  }
	  .nav li a::after {
	    bottom: 0;
	    left: 0;
	  }
	  .nav li a:hover {
	    color: #000;
	  }
	  .nav li a:hover::before, .nav li a:hover::after {
	    width: 100%;
	    height: 100%;
	  }
/*      动画边框颜色*/
/*
	  .nav li a:hover::before {
	    border-top-color: #000;
	    border-right-color: #000;
	    transition: 
	  }
*/
/*      动画边框颜色*/
	  .nav li a:hover::after {
	    border-bottom-color: #000;
/*	    border-left-color: #000;*/
	    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	  }

    html, body {
      position: relative;
      height: 100%;
    }
    body {
      background: #fff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      

      /* 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;
    }

/*    导航*/
    .top_box{height:74px;display: flex;align-items: center; padding: 0 50px}

    .top_box img{ height: 29px;width: auto}
.top_box_right{ margin-left: auto}
.top_box_right img{ margin-right: 40px}