/*********** banner ***********/

/* banner蒙版 */
.section .slide.banner1::after,
.section .slide.banner2::after,
.section .slide.banner4::after {
  content: '';
  position: absolute;
  background-color: rgba(0,0,0,.5);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* banner背景 */
.section .slide.banner {
  position: relative;
  background-size: cover!important;
  background: url('../images/banner/banner_01.jpg') no-repeat center center;
}
.section .slide.banner2 {
  background: url('../images/banner/banner_02.jpg') no-repeat center center;
}
.section .slide.banner3 {
  background: url('../images/banner/banner_03.jpg') no-repeat center center;
}
.section .slide.banner4 {
  background: url('../images/banner/banner_04.jpg') no-repeat center center;
}

/* banner内容 */
.section .slide.banner .box .top {
  position: absolute;
	left: 50%;
	top: 38%;
	margin-left: -360px;
	background: url(../images/banner/banner_01_top.png) center center no-repeat;
	width: 720px;
	height: 110px;
	transform: scale(1.4);
	-webkit-transition: all 1s ease-in-out ;
	-moz-transition: all 1s ease-in-out ;
	-ms-transition: all 1s ease-in-out ;
	-o-transition: all 1s ease-in-out ;
	transition:all left 1s ease-in-out ;
	z-index: 10;
}
.section .slide.banner .box .bottom {
  position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -300px;
	width: 600px;
	height: 80px;
	margin-top: 150px;
	background: url(../images/banner/banner_01_bottom.png) center center no-repeat;
	-webkit-transition: all .6s ease-in-out ;
	-moz-transition: all .6s ease-in-out ;
	-ms-transition: all .6s ease-in-out ;
	-o-transition: all .6s ease-in-out ;
	transition:all left .6s ease-in-out ;
	z-index: 10;
}
.section .slide.banner.active .box .top {
  transform: scale(1);
}
.section .slide.banner.active .box .bottom {
  top: 30%;
}
.section .slide.banner2 .box .top {
  background: url(../images/banner/banner_02_top.png) center center no-repeat;
}
.section .slide.banner2 .box .bottom {
  background: url(../images/banner/banner_02_bottom.png) center center no-repeat;
}
.section .slide.banner3 .box .top {
  background: url(../images/banner/banner_03_top.png) center center no-repeat;
}
.section .slide.banner3 .box .bottom {
  background: url(../images/banner/banner_03_bottom.png) center center no-repeat;
}
.section .slide.banner4 .box .top {
  background: url(../images/banner/banner_04_top.png) center center no-repeat;
}
.section .slide.banner4 .box .bottom {
  background: url(../images/banner/banner_04_bottom.png) center center no-repeat;
}

/* 下一页按钮 */
#move-down {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -23.5px;
  display: block;
	width: 47px;
	height: 47px;
	background: url(../images/icons.png) no-repeat 0px -60px;
	cursor: pointer;
	z-index: 99;
}
#move-down:hover {
  background: url(../images/icons.png) no-repeat 0px -112px;
}

/* 小尺寸效果 */
@media(max-width: 768px){
	.section .slide.banner .box .top {
  	top: 26%;
  	margin-left: -100px;
  	background-size: contain;
  	width: 200px;
  }
  .section .slide.banner .box .bottom {
    margin-top: 100px;
		margin-left: -145px;
		width: 290px;
		background-size: contain;
  }
  .section .slide.banner.active .box .bottom {
    top: 20%;
  }
}