@charset "utf-8";
/* CSS Document */

   * {
      margin: 0;
      padding: 0;
    }
 
    ul {
      list-style: none;
    }
 
    .lunbo img {
      display: block;
      width: 100%;
      height: 100%;
	  border-radius: 10px;
    }
 
    .content {
      /*width: 1080px;*/
	  width: 75%;
      margin: 0 auto;
	position: relative;
	
    }
 	
    .lunbo {
	  
      position: relative;
      overflow: hidden;
		margin-top: -6px;
	  
    }
 
    .lunbo>div {
      width: 80%;
      position: absolute;
      transform: translateX(-130px) scale(0.8);
      transform-origin: center bottom;
      transition: .4s;
    }
 
    .lunbo .first_item {
      z-index: 10;
      transform: translateX(150px) scale(1);
    }
 
    .lunbo .second_item {
      z-index: 1;
      transform: translateX(540px) scale(0.8);
    }
 
    .lunbo .last_item {
      z-index: 1;
      transform: translateX(-250px) scale(0.8);
    }
 
@media (max-width: 650px) {
	.lunbo>div {
      width: 80%;
      position: absolute;
      transform: translateX(-43px) scale(0.8);
      transform-origin: center bottom;
      transition: .4s;
    }
 
    .lunbo .first_item {
      z-index: 10;
      transform: translateX(30px) scale(1);
		
    }
 
    .lunbo .second_item {
      z-index: 1;
      transform: translateX(130px) scale(0.8);
	
    }
 
    .lunbo .last_item {
      z-index: 1;
      transform: translateX(-83px) scale(0.8);
    }
	
}



    /* 左右切换按钮 */
    .btn {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 60%;
      margin-top: -20px;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 99999;
      text-align: center;
      color: rgba(255, 255, 255, 0.6);
      line-height: 40px;
      font-size: 20px;
      font-style: normal;
      cursor: pointer;
      user-select: none;
    }
 
    .btn_right {
      right: 0;
    }
 
    .btn:hover {
      background-color: rgba(0, 0, 0, 0.4);
      color: rgba(255, 255, 255, 1);
    }
 
    /* banner状态点 */
    .track {
      display: flex;
      justify-content: center;
      overflow: hidden;
    }
 
    .track>span {
      display: block;
      width: 25px;
      height: 4px;
	  border-radius: 10px;
      background-color: #ccc;
      float: left;
      margin: 10px 6px;
      transition: .4s;
    }
 
    .track .focus {
      background-color: #FDD000;
      transform: scale(1.2);
    }
	
	
/* banner02区域 */
        
        .banner02 {
			padding-top: 100px;
            width: 100%;
            /* 溢出隐藏 */
            overflow: hidden;
            /* translateX中的百分数表示相对于它本身宽度的多少倍 */
            /* transform: translateX(-20%); */
            position: relative;
        }
        /* ul */
        
        .list02 {
            list-style: none;
            width: 500%;
            transition: transform .5s ease 0s;
        }
        
        .list02 li {
            float: left;
            width: 20%;
        }
        
        .list02 li img {
            width: 100%;
            /* height: 750px; */
            vertical-align: middle;
        }
        /* 按钮 */
        
       .banner02 a {
		   	
            color: #fdd000;
            display: inline-block;
            text-decoration: none;
            width: 60px;
            height: 60px;
            line-height: 60px;
            top: 50%;
            margin-top: -30px;
            text-align: center;
            background-color: white;
            position: absolute;
            opacity: 0.4;
            border-radius: 30px;
		   font-weight: 500;
		   font-size: 30px;
        }
        
        .banner02>.left_btn02 {
            left: 30px;
			
        }
        
        .banner02>.right_btn02 {
            right: 30px;
        }
        /* 小圆点 */
        
        .banner02 .circles02 {
			
            width: 132px;
            height: 20px;
            position: absolute;
            bottom: 7.8em;
            left: 50%;
            margin-left: -65px;
            list-style: none;
        }
        
        .banner02 .circles02 li {
            float: left;
            width: 20px;
            height: 20px;
            background-color: #E8E8E8;
            margin-right: 10px;
            border-radius: 10px;
            transition: all .5s ease 0s;
            cursor: pointer;
        }
        
        .banner02 .circles02 .current02 {
            width: 40px;
            background-color: #00D700;
        }
        
        .banner02>.circles02 li:last-child {
            margin-right: 0px;
        }
/*@media (max-width: 1400px) {
	   .banner02 {
		margin-top: 0px;
        }

}*/

	/*banner03*/
      .banner03 {
			margin-top: 2rem;
            width: 100%;
            /* 溢出隐藏 */
            overflow: hidden;
            /* translateX中的百分数表示相对于它本身宽度的多少倍 */
            /* transform: translateX(-20%); */
            position: relative;
        }

@media (max-width: 1600px) {
	.banner02 .circles02 {
            bottom: 6.8em;
        }
	
	}

@media (max-width: 1500px) {
	.banner02 .circles02 {
			
            bottom: 6.5em;
        }
	
	}
@media (max-width: 1400px) {
	.banner02 .circles02 {
            bottom: 6.5em;
        }
	.banner02 {
		padding-top: 60px;
        }
	   .banner03 {
		margin-top: 0px;
        width: 100%;
		 
        }
	.banner03 img{
		width: 100%;
	}
	
}

	
@media (max-width: 1100px) {
	.banner02 .circles02 {
			
            bottom: 5.5em;
        }
	
}
@media (max-width: 900px) {
	.banner02 .circles02 {
			
            bottom: 4.5em;
        }
	
}
@media (max-width: 700px) {
	.banner02 .circles02 {
			
            bottom: 2.5em;
        }
	
}
@media (max-width: 650px) {
	
	.banner02 {
		padding-top: 85px;
        }
}