﻿
.visual{width:100%; height:680px; 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.6);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:100%;  } 
.visual .swiper-slide {
    height:100%; 
    text-align:center;
}
.visual .swiper-slide img{ height:100%;  }
.center-img {
    height:100%; 
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    min-height: 100%;
    /*min-width: 100%;*/
}
.visual .swiper-slide .inner{height:680px; max-width:100%;} 
.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: -320px;}
 
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(/images/new/icon_arrow128_left.png);
    background-size:100%;background-position:center;margin-left:10px;position:absolute;
    width:40px;height:40px;background-color:rgba(50,50,50,0); }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(/images/new/icon_arrow128_right.png);
    background-size:100%;background-position:center;margin-right:10px;position:absolute;
    width:40px;height:40px;background-color:rgba(50,50,50,0); }
.swiper-pagination{ 
	position:absolute;top:0;background:#282828;width:50px;height:40px;line-height:40px;color:#ffffff;font-size:12px;font-weight:lighter; padding:0px 0px;
    opacity:0;}
.swiper-button-next .swiper-pagination{left:-56px; }
.swiper-button-prev .swiper-pagination{left:40px; }
.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;}
.swiper-button-prev:hover .swiper-pagination{opacity:0;}
 
.eventBigDiv {width:600px;float:left;margin-right:0px;border:1px solid #d6dadd;} 
.eventSmallDiv {width:604px;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: 600px;
	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:580px; 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:100%;  }  
	.visual .swiper-slide {
		height:100%;
		text-align:center;
	} 
	.visual .swiper-slide.bg1{background:#fff;}
	.visual .swiper-slide.bg2{background:#fff;}
	.visual .swiper-slide.bg3{background:#fff;} 
 
	.visual_btn{left:0px; margin-top:-280px;}


	.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;
	}
} 