/* visual */
.visualArea {position: relative; float:left; width:100%; height:560px; }
.visualArea .visual { position: absolute;margin-left:-50%; left: 50%; top: 0; width:100%;}
.visualArea .visual .slide {  position: relative; float:left; width:100%; height:560px; overflow:hidden; }
.visualArea .visual .slide ul.slides{ margin:0; padding:0; list-style-type:none; }
.visualArea .visual .slide ul.slides li{width:100%; height:560px;  left: 0px;   position: absolute; top: 0px; display: none;}
.visualArea .visual .slide ul.slides li img{width:100%; height: 100%; border:0; margin:0px; }

@media only screen and (max-width: 1600px) {
    .visualArea {height:500px;}
	.visualArea .visual .slide {height:470px; }
	.visualArea .visual .slide ul.slides li {height:470px; }
}

@media only screen and (max-width: 1200px) {
	.visualArea {height:380px; }
    .visualArea .visual .slide {height:380px; }
	.visualArea .visual .slide ul.slides li {height:380px; }
}


@media only screen and (max-width: 900px) {
	.visualArea {height:300px; }
    .visualArea .visual .slide {height:300px; }
	.visualArea .visual .slide ul.slides li {height:300px; }
}


@media only screen and (max-width: 768px) {
	.visualArea {height:250px; }
    .visualArea .visual .slide {height:250px; }
	.visualArea .visual .slide ul.slides li {height:250px; }
}

@media only screen and (max-width: 480px) {
	.visualArea {height:150px; }
    .visualArea .visual .slide {height:150px; }
	.visualArea .visual .slide ul.slides li {height:150px; }
}


.visualArea .visual .slide .slide-navs {bottom: 20px;  left: 50%;   position: absolute;	list-style-type: none; margin: 0; padding: 0; }
.visualArea .visual .slide .slide-navs li { float: left; height:12px; width:12px; margin-right:5px; margin-left:5px; cursor:pointer; background:url(/main/mainP/img/bullet.png)}
.visualArea .visual .slide .slide-navs li.current-slide{background:url(/main/mainP/img/bullet_on.png)}
.visualArea .visual .slide a.prev{width:50px;	height:95px;	display:block;	cursor:pointer;	position:absolute;	top: 40%; left:10%;  background: url(/main/mainP/img/slide_arrow3.png) no-repeat 0 0;  }
.visualArea .visual .slide a.next{width:50px;	height:95px;	display:block;	cursor:pointer;	position:absolute;	top: 40%; right:10%; background: url(/main/mainP/img/slide_arrow3.png) no-repeat 100% 0;  }
.visualArea .visual .slide a.prev:hover{}  .slide a.next:hover{}


@media only screen and (max-width: 1400px) {
	.visualArea .visual .slide a.prev {left:10%; }
	.visualArea .visual .slide a.next {right:10%;}
}


@media only screen and (max-width: 900px) {
	.visualArea .visual .slide a.prev {display:none;}
	.visualArea .visual .slide a.next {display:none;}
	.visualArea .visual .slide .slide-navs {bottom: 10px;}
}