@charset "utf-8";
#wrap{background: #f1f1f1;}
#header .menu ul li.nav2{color: #fff; background: #bc292f; }

#banner{ width: 100%; min-width: 1200px; height: 5rem; margin-top: 0; min-height: 500px; position: relative;}

#main{	position: relative; z-index: 1; }
#main .nav{
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	box-shadow: 0 0 25px rgba(0,0,0,.2);
	position: relative;
	top: -40px;
}
#main .nav a{
	position: relative;
	background: #f1f1f1;
	display: block;
	float: left;
	height: 80px;
	line-height: 80px;
	text-align: center;
	width: 400px;
	color: #bc292f;
	font-size: 24px;
}
#main .nav a span{
	display: none;
}
#main .nav a.on{
	background: #BC292F;
	color: #fff;
}
#main .nav a.on span{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	width: 100%;
	opacity: .1;
	color: #fff;
	font-size: 90px;
}
#main .con{
	padding: 50px 0;
}
#main .con h4{
	color: #B4262C;
	margin-bottom: .5em;
}
#main .con p{
	margin-bottom: 1em;
	font-size: 16px;
	line-height: 1.6em;
}
#main .con img{
	width: 100%;
}

#main .box{position: relative; padding: 0px 0px 50px;}
#main .swiper-slide .pic img{
	display: block;
	width: 100%;
}
#main .swiper-slide .pic{
	opacity: .3;
	transition: all 0.2s ease-out;
	transform: scale(1);
}
#main .swiper-slide-prev .pic,
#main .swiper-slide-next .pic{
	opacity: .6;
}
#main .swiper-slide-active  .pic{
	opacity: 1;
	transform: scale(1.1);
}

#main .swiper-slide h2{
	font-size: 18px;
	color: #888;
	padding-top: 0px;
	font-weight: normal;
	margin-bottom: .1rem;
	text-align: center;
	opacity: 0;
	transition: all 0.2s ease-out;
}
#main .swiper-slide-active h2{
	color: #555;
	opacity: 1;
}
#main .swiper-button-prev,
#main .swiper-button-next{ position: absolute; z-index: 9; width: 40px; height: 55px;  z-index: 1; text-indcnt:-99em; overflow: hiddcn; top: 42%; margin-top: -7px;  background: rgba(0,0,0,0.5) url(../img/prev.png) no-repeat center center; border-radius: 5px; z-index: 8;  transition: all 0.2s ease-out; }
#main .swiper-button-next{ background-image: url(../img/next.png);}
#main .swiper-button-next::after, #main .swiper-button-prev::after{ display: none !important;}
#main .swiper-slide-shadow-left,
#main .swiper-slide-shadow-right{
	background-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0));
}
@media screen and (max-width: 768px) {
	
	#header .menu ul li.nav2{color: #bc292f; border-top: 0; background:none;}
	#banner{ width: 100%; min-width: 100%; height: 50vw; margin-top: 50px; min-height: 50vw; position: relative;}
	
	
	#main{	position: relative; z-index: 1; }
	#main .nav{
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		box-shadow: 0 0 25px rgba(0,0,0,.2);
		position: relative;
		top: 0px;
	}
	#main .nav a{
		position: relative;
		background: #f1f1f1;
		display: block;
		float: left;
		height: 2rem;
		line-height: 2rem;
		text-align: center;
		width: 33.3%;
		color: #bc292f;
		font-size: .7rem;
	}
	#main .nav a span{
		display: none;
	}
	#main .nav a.on{
		background: #BC292F;
		color: #fff;
	}
	#main .nav a.on span{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		width: 100%;
		opacity: .1;
		color: #fff;
		font-size: 90px;
	}
	#main .con{
		padding: 20px;
	}
	#main .con h4{
		color: #B4262C;
		margin-bottom: .5em;
	}
	#main .con p{
		margin-bottom: 1em;
		font-size: 16px;
		line-height: 1.6em;
	}
	#main .con img{
		width: 100%;
	}
	
	#main .box{position: relative; padding: 0px 0 20px;}
	#main .box img{
		width: 100%;
	}
	#main .swiper-slide .pic img{
		display: block;
		width: 100%;
	}
	#main .swiper-slide .pic{
		opacity: .3;
		transition: all 0.2s ease-out;
		transform: scale(1);
	}
	#main .swiper-slide-prev .pic,
	#main .swiper-slide-next .pic{
		opacity: .6;
	}
	#main .swiper-slide-active  .pic{
		opacity: 1;
		transform: scale(1.1);
	}
	
	#main .swiper-slide h2{
		font-size: 18px;
		color: #888;
		padding-top: 0px;
		font-weight: normal;
		margin-bottom: .1rem;
		text-align: center;
		opacity: 0;
		transition: all 0.2s ease-out;
	}
	#main .swiper-slide-active h2{
		color: #555;
		opacity: 1;
	}
	#main .swiper-button-prev,
	#main .swiper-button-next{ position: absolute; z-index: 9; width: 40px; height: 55px;  z-index: 1; text-indcnt:-99em; overflow: hiddcn; top: 42%; margin-top: -7px;  background: rgba(0,0,0,0.5) url(../img/prev.png) no-repeat center center; border-radius: 5px; z-index: 8;  transition: all 0.2s ease-out; }
	#main .swiper-button-next{ background-image: url(../img/next.png);}
	#main .swiper-button-next::after, #main .swiper-button-prev::after{ display: none !important;}
	#main .swiper-slide-shadow-left,
	#main .swiper-slide-shadow-right{
		background-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0));
	}
	
	
}