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


.imagemap{
	min-width:1200px;
	width:100%;
	position:relative;
}

.imglist{
	margin:0;
	padding:0;
	overflow:inherit;
}

.imglist li{
	display:block;
	position:absolute;
	top:0;
	width:100%;
    text-align: center;	
}

/*.imglist li:not(:first-child){
	display:none;
}*/


/*.imglist li:first-child{
	display:block;
}
*/
.imglist img{
	width:100%;
}

.arrow{
	position:absolute;
	width:100%;
	top:40%;
	left:0;
}

.arrow div{
	width:40px;
	height:80px;
	background-color:rgba(0,0,0,0.5);
	background-size:30%;
	background-repeat:no-repeat;
	background-position:center;
	margin:0 50px;
}


.arrow div:hover{
	background-color:#0d5a30;
}

.leftrow{
	background-image:url(img/dowleft.png);
	float:left;
}

.rightrow{
	background-image:url(img/dowright.png);
	float:right;
}

.dowframe{
	position:absolute;
	bottom:20px;
	text-align:center;
	width:100%;
}

.dow{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:#f1f1f1;
    margin: 5px;	
}

.hotdow{
	background-color:#0d5a30;
}


.swiperbox{
	position: relative;
    overflow: hidden;
}


.swiperbox .arrow{
    position: absolute;
    top: 50%;
    margin-top: -14px;
    width: 16px;
    height: 28px;
    z-index: 99;
	cursor:pointer;
}

.swiperbox .left{
    background: url(img/left.png) no-repeat left center;	
    left: 10px;	
}

.swiperbox .right {
    background: url(img/right.png) no-repeat right center;
    right: 10px;
	left:auto;
}

.swiperbox .swiperwin{
	width:90%;
	margin:auto;
	overflow:hidden;
	position: relative;
	height:100%;
}

.swiperbox .wrapper{
	white-space:nowrap;
	position:absolute;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
}

.swiperbox .box{
	display:inline-block;
	text-align: center;	
	vertical-align: top;
    white-space: normal;	
}

.swiperbox .picture{
    display: table-cell;
    vertical-align: middle;
}

.swiperbox .box p{
	text-align:center;
    font-size: 14px;
    color: #aaa;	
}

.swiperbox .box h2{
	font-weight:normal;
	margin:0;
}