@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	background:#edf0f0;
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#333;
}
.banner {
	padding-top:80px;
}
.banner h1 {
	font-size:36px;
	text-align:center;
	font-weight:normal;
}
.banner h2 {
	font-size:18px;
	color:#535353;
	text-align:center;
	font-weight:normal;
	margin:20px 0 60px;
}
.banner .swiper {
	width:100%;
	margin:0 auto;
	position:relative;
}
.current-swiper {
	width:50%;
	height:370px;
	border-radius:10px;
	margin:0 auto;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
	position:relative;
	z-index:99;
}
.left-swiper {
	position:absolute;
	left:-26%;
	top:52px;
	z-index:1;
}
.right-swiper {
	position:absolute;
	right:-26%;
	left:auto;
	top:52px;
	z-index:1;
}
.nocurrent-swiper {
	width:50%;
	height:273px;
	border-radius:8px;
	box-shadow:0 0 20px rgba(0,0,0,0.05);
}
.nocurrent-swiper:before {
	content:'';
	position:absolute;
	top:0;
	left:0%;
	width:100%;
	height:100%;
	background:rgba(237,240,240,0.5);
	z-index:99;
}
.slide1 {
	background:url(../images/p1.jpg) no-repeat right 50%/auto 100% #fff;
}
.slide2 {
	background:url(../images/p2.jpg) no-repeat right 50%/auto 100% #e2e3e8;
}
.slide3 {
	background:url(../images/p3.jpg) no-repeat right 50%/auto 100% #f0faf9;
}
.title {
	margin-left:30px;

	padding-top:70px;
	font-size:18px;
	color:#666;
}
.nocurrent-swiper .title {
	/* padding-top:44px; */
	margin-left:30px;
	font-size:16px;
	height:25px;
	line-height:25px;
}
.name {
	width: 50%;
	margin: 20px 0;
	padding-left:30px;
	font-size:36px;
	color:#0A1F44;
}
.nocurrent-swiper .name {
	margin-top: 30px !important;
	margin-left: 0 !important;
	font-size:30px;
}

.detail {
	margin-left:30px;
	line-height:24px;
	color:rgba(10, 31, 68, 0.5);
	padding: 8px 0px;
	border: 1px solid rgba(10, 31, 68, 0.1);
	border-radius: 6px;
	width: 20%;
	text-align: center;
	font-size:14px;
}
.nocurrent-swiper .detail {
	font-size:12px;
	line-height:20px;
	width: 20%;
	margin-left:30px;
}
.swiper-button-prev {
	width:46px;
	height:46px;
	background:url(../images/curr_prev.png) no-repeat center center;
}
.swiper-button-next {
	width:46px;
	height:46px;
	background-size:auto;
	background-image:url(../images/curr_next.png);
}
.swiper-slide:hover {
	text-decoration: none;
}