﻿
.visual{width:100%; height:682px; margin-bottom:25px;overflow:hidden;min-width:1050px;}
.visual_pager{top:-45px;  position:relative;z-index:997;}
.visual .newPager{width:100%; background:rgba(40,40,40,0.8);margin-left:0px;}
.visual .newPager:after{content:''; visibility:hidden; display:block; clear:both}
.visual .newPager li{float:left; width:20%; text-align:center;  height:45px; line-height:45px; position:relative;}
.visual .newPager li:after{content:''; display:block; width:1px; height:15px; background:#fff; position:absolute; right:0; top:15px}
.visual .newPager li:last-child:after{display:none}
.visual .newPager li a{display:block; font-size:14px; font-weight:400; color:#fff}
.visual .swiper-container {
    width:100%;
    height:682px; 
}
.visual .swiper-slide {
    height:682px;
    text-align:center;
}

.visual .swiper-slide .inner{height:680px; } 
.visual .swiper-slide.bg1{background:#fff;}
.visual .swiper-slide.bg2{background:#fff;}
.visual .swiper-slide.bg3{background:#fff;} 
 
.visual_btn{left:0px;width:100%;    margin-top: -340px;}
 
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(../../images/pager_visual01.png);
    background-size:25%;background-position:center;margin-left:10px;position:absolute;
    width:40px;height:40px;background-color:rgba(50,50,50,0.8); border-radius:20px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(../../images/pager_visual02.png);
    background-size:25%;background-position:center;margin-right:10px;position:absolute;
    width:40px;height:40px;background-color:rgba(50,50,50,0.8); border-radius:20px;}
.swiper-pagination{ position:absolute;top:0;background:#282828;width:40px;height:40px;line-height:40px;color:#ffffff;font-size:12px;font-weight:lighter;
    opacity:0;}
.swiper-button-next .swiper-pagination{left:-40px; border-top-left-radius:20px;  border-bottom-left-radius:20px; }
.swiper-button-prev .swiper-pagination{left:40px; border-top-right-radius:20px;  border-bottom-right-radius:20px;}
.swiper-button-next:hover { border-top-left-radius:0px;  border-bottom-left-radius:0px; }
.swiper-button-prev:hover { border-top-right-radius:0px;  border-bottom-right-radius:0px; }
.swiper-button-next:hover .swiper-pagination{opacity:0.75;}
.swiper-button-prev:hover .swiper-pagination{opacity:0.75;}
 
.eventBigDiv {width:680px;float:left;margin-right:0px;border:1px solid #d6dadd;} 
.eventSmallDiv {width:684px;float:left;margin-left:-2px;}
.eventSmallIn {float:left;width:340px;height:340px; border:1px solid #d6dadd; margin-left:-1px;} 
.eventSmallIn:nth-child(3) {margin-top:-2px;}
.eventSmallIn:nth-child(4) {margin-top:-2px;}
.eventBigDiv .swiper_spec {
    position: relative; 
    padding: 0px;
    height: 680px;
	line-height:680px;
    white-space: nowrap;
    background: rgba(0,0,0,0.4);
    margin-top: -100%;
	text-align:center;
	font-size: 16px;
	color: #fff;
    zoom: 1;
	display:none;
}
.eventSmallIn .swiper_spec {
    position: relative; 
    padding: 0px;
    height: 340px;
	line-height:340px;
    white-space: nowrap;
    background: rgba(0,0,0,0.4);
    margin-top: -100%;
	text-align:center;
	font-size: 16px;
	color: #fff;
    zoom: 1;
	display:none;
}
@media screen and (max-width:1390px){
  
	.visual{width:100%; height:582px; margin-bottom:25px;overflow:hidden;min-width:1050px;}
	.visual_pager{top:-45px;  position:relative;z-index:997;}
	.visual .newPager{width:100%; background:rgba(40,40,40,0.8);margin-left:0px;}
	.visual .newPager:after{content:''; visibility:hidden; display:block; clear:both}
	.visual .newPager li{float:left; width:20%; text-align:center;  height:45px; line-height:45px; position:relative;}
	.visual .newPager li:after{content:''; display:block; width:1px; height:15px; background:#fff; position:absolute; right:0; top:15px}
	.visual .newPager li:last-child:after{display:none}
	.visual .newPager li a{display:block; font-size:14px; font-weight:400; color:#fff}

	.visual .swiper-container {
		width:100%;
		height:582px;
		box-sizing:border-box;
		box-shadow:0 0 20px #ccc inset;
	}
	.visual .swiper-slide {
		height:582px;
		text-align:center;
	}
	.visual .swiper-slide .inner{height:587px;} 
	.visual .swiper-slide.bg1{background:#fff;}
	.visual .swiper-slide.bg2{background:#fff;}
	.visual .swiper-slide.bg3{background:#fff;} 
 
	.visual_btn{left:0px; margin-top:-283px;}


	.eventBigDiv {width:580px;float:left;margin-right:0px;border:1px solid #d6dadd;} 
	.eventSmallDiv {width:585px;float:left;margin-left:-2px;}
	.eventSmallIn {float:left;width:290px;height:290px; border:1px solid #d6dadd; margin-left:-1px;} 
	.eventSmallIn:nth-child(3) {margin-top:-2px;}
	.eventSmallIn:nth-child(4) {margin-top:-2px;}    
	.eventBigDiv .swiper_spec {
		position: relative; 
		padding: 0px;
		height: 582px;
		line-height:582px;
		white-space: nowrap;
		background: rgba(0,0,0,0.4);
		margin-top: -100%;
		text-align:center;
		font-size: 16px;
		color: #fff;
		zoom: 1;
		display:none;
	}
	.eventSmallIn .swiper_spec {
		position: relative; 
		padding: 0px;
		height: 290px;
		line-height:290px;
		white-space: nowrap;
		background: rgba(0,0,0,0.4);
		margin-top: -100%;
		text-align:center;
		font-size: 16px;
		color: #fff;
		zoom: 1;
		display:none;
	}
} 