/*@charset "utf-8";
.slides{width:971px;height:394px;position:relative;overflow:hidden;}
.slideInner{height:394px;position:relative;left:0;}
.slideInner a{display:block;height:394px;z-index:1;}
.nav{width:971px;position:relative;left:0px;display:none;}
.nav a{display:block;width:41px;height:119px;opacity:.8;z-index:9;}
.nav a.prev{position:absolute;left:0px;top:-256px;background:url(../images/ban_pre.png) no-repeat;}
.nav a.next{position:absolute;right:0px;top:-256px;background:url(../images/ban_next.png) no-repeat;}
.navListBox{position:absolute;left:50%;top:374px;z-index:99;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:0 0 5px #fff inset;}
.navListBox li a.active{background-color:#55ddff;}*/

/*导航图片*/
#slides{
	width: 971px;
    height: 394px;
	margin: 0 auto;
	position: relative;
    overflow: hidden;
  }
#slides ul{
	width: 4855px; 
	position: relative;
    height: 394px;
}
#slides ul li{
	float:left;
}
    /*#slides  img:hover{
    /*cursor: pointer;   鼠标变为手势 */
    /*scale: 1.3;   图片放大为1.3倍 */

     /* position: absolute;
      display: flex;
      transition: .5s transform ease-in-out;*/
	
	/*background:url(../images/ban_pre.png) no-repeat;}
 #slides  img:hover{position:absolute;right:0px;top:-256px;background:url(../images/ban_next.png) no-repeat;}*/

    .slide:nth-of-type(1) {
		left: 100%;
    }
    .slide:nth-of-type(2) {
      left: 100%;
    }
    .slide:nth-of-type(3) {
      left: 200%;
    }
    .slide:nth-of-type(4) {
      left: 300%;
    }
    input[type="radio"] {
      position: relative;
      z-index: 100;
      display: none;
    }

    .controls-visible {
      position: absolute;
      width: 100%;
      bottom: 12px;
      text-align: center;
    }

    .controls-visible label {
      display: inline-block;
      width: 10px;
      height: 10px;
      background-color: #ccc;
      border-radius: 50%;
      margin: 0 3px;
      border: 2px solid #ccc;
    }

    .slides input[type="radio"]:nth-of-type(1):checked~.controls-visible label:nth-of-type(1) {
      background-color: #333;
    }

    .slides input[type="radio"]:nth-of-type(2):checked~.controls-visible label:nth-of-type(2) {
      background-color: #333;
    }

    .slides input[type="radio"]:nth-of-type(3):checked~.controls-visible label:nth-of-type(3) {
      background-color: #333;
    }

    .slides input[type="radio"]:nth-of-type(4):checked~.controls-visible label:nth-of-type(4) {
      background-color: #333;
    }
    .slides input[type="radio"]:nth-of-type(1):checked~.slide {
      transform: translatex(0%);
    }

    .slides input[type="radio"]:nth-of-type(2):checked~.slide {
      transform: translatex(-100%);
    }

    .slides input[type="radio"]:nth-of-type(3):checked~.slide {
      transform: translatex(-200%);
    }
	  
    .slides input[type="radio"]:nth-of-type(4):checked~.slide {
      transform: translatex(-300%);
    }

    .navigator {
      position: absolute;
      top: 139px;
      transform: translatey(-10%);
      width: 100%;
      z-index: 100;
      padding: 0 0px;
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      display:none;
    }

    
    .slides input[type="radio"]:nth-of-type(1):checked~.navigator:nth-of-type(1) {
      display: flex;
    }

    .slides input[type="radio"]:nth-of-type(2):checked~.navigator:nth-of-type(2) {
      display: flex;
    }

    .slides input[type="radio"]:nth-of-type(3):checked~.navigator:nth-of-type(3) {
      display: flex;
    }
	  
    .slides input[type="radio"]:nth-of-type(4):checked~.navigator:nth-of-type(4) {
      display: flex;
    }