@charset "utf-8";
img{border:0;}
*{padding:0;margin:0;list-style:none;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
.slides{width:100%;height:700px;position:relative;overflow:hidden;}
.slideInner{height:700px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:700px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.slideInner a div.img1{width:1070px;position:absolute;left:50%;margin-left:-535px;}
.slideInner a div.img2{width:1070px;position:absolute;top:557px;left:50%;margin-left:-535px;}
.slideInner .slide3 .img2{top:200px;}
.slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}
.nav{width:80%;height:40px;position:relative;top: -320px;z-index: 99;/*层级显示不出来*/margin: 0 auto;}
.nav a{display:block;width:40px;height:40px;z-index:9;position:relative;}
.nav a.prev{z-index:99;position:absolute;left:0;background:url(../images/222.png) center no-repeat;transition: all .3s ease .1s;
	-webkit-transition: all .3s ease .1s;/*谷歌和safari*/
	-moz-transition: all .3s ease .1s;/*火狐*/
	-ms-transition: all .3s ease .1s;/*ie*/
	-o-transition: all .3s ease .1s;/*opera*/
}
.nav a.next{z-index:99;position:absolute;right:0;background:url(../images/111.png) center no-repeat;transition: all .3s ease .1s;
	-webkit-transition: all .3s ease .1s;/*谷歌和safari*/
	-moz-transition: all .3s ease .1s;/*火狐*/
	-ms-transition: all .3s ease .1s;/*ie*/
	-o-transition: all .3s ease .1s;/*opera*/}
.navListBox{position:absolute;left:50%;bottom:30px;z-index:99;}
.navListBox li{width:10px;height:10px;float:left;margin-left:21px;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;background:url(../images/icon5.png) no-repeat;}
.navListBox li a.active{background:url(../images/icon4.png) no-repeat;}
/*这是轮播图里面箭头的动画*/
/*.nav a.prev:after{
	content:"PREV";
	color: rgba(255,255,255,0);
	background-color: rgba(0,0,0,0.6);
	font-size: 14px;
	font-family: "SOURCESANSPRO";
	width:40px;
	height:40px;
	display: block;
	z-index: 98;
	transition: all .3s ease .1s;
	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	line-height: 40px;
	text-indent: -5px;
}
.nav a.next:after{
	content:"NEXT";
	background-color: rgba(0,0,0,0.6);
	color: rgba(255,255,255,0);
	font-size: 14px;
	font-family: "SOURCESANSPRO";
	width:40px;
	height:40px;
	display: block;
	z-index: 98;
	transition: all .3s ease .1s;
	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	line-height: 40px;
	text-indent: 15px;
}
.nav a.next:hover:after{
	color: rgba(255,255,255,1);
	padding-right: 40px;
}
.nav a.next:hover{
	padding-right: 40px;
	background:url(../images/ban_next.png) right 10px center no-repeat;
}
.nav a.prev:hover:after{
	color: rgba(255,255,255,1);
	padding-left: 40px;
}
.nav a.prev:hover{
	background:url(../images/ban_pre.png) left 10px center no-repeat;
}*/