/*banner*/

.swiper-container{
	height: 745px;
}
.swiper-container .swiper-slide{
	background-size: cover;
	background-position: center;
}
.swiper-container .swt1{
	position: relative;
	top:304px;
	color: #fff;
	font-size: 3.6rem;
	text-align:center;
}
.swiper-container .swt2{
	position:relative;
	top:310px;
	color: #fff;
	font-size: 2.3rem;
	text-align:center;
}

/*main*/
.main{}
.main .ititle{
	text-align: center;
}
.main .ititle span{
	display: block;
	text-transform: uppercase;
	color: #6c8192;
}
.main .ititle h2{
	font-size: 2.4rem;
	font-weight: normal;
	color: #2e3337;
}
.main .ititle i{
	margin:10px auto;
	display: block;
	width: 98px;
	height: 14px;
	background: url(../images/index-i1.png);
}
.main .imore{
	margin:30px;
	text-align: center;
}
.main .imore a{
	display: inline-block;
	padding: 6px 16px;
	border:1px solid #f08b47;
	color: #f08b47;
}
.main .imore a:hover{
	display: inline-block;
	padding: 6px 16px;
	color:#3b736b;
	border:1px solid #3b736b;
	/*animation:rubberBand 1s infinite;*/
	/*-webkit-animation:rubberBand 1s infinite; /*Safari and Chrome*/*/
}

.main .imore1{
	margin-top:50px;
	text-align: center;
}
.main .imore1 a{
	display: inline-block;
	padding: 6px 16px;
	border:1px solid #f08b47;
	color: #f08b47;
}
.main .imore1 a:hover{
	display: inline-block;
	padding: 6px 16px;
	color:#3b736b;
	border:1px solid #3b736b;
	/*animation:rubberBand 1s infinite;*/
	/*-webkit-animation:rubberBand 1s infinite; /*Safari and Chrome*/*/
}


/*about*/
.about{
	background: #f9f9f9;
	padding: 50px 0 50px;
}
.about .info{
	text-align: center;
	line-height: 1.8;
	margin-top: 40px;
	color: #242228;
}
.about .pic img{
	width: 100%;
}
.about .info span{
	display: block;
}

/*lingyu*/
.lingyu{
	padding: 50px 0 20px;
}
.lingyu .piclist{}
.lingyu .piclist .pitem{
	float: left;
	margin:7px 0 0 7px;
	position: relative;

}
.lingyu .piclist .pitem:nth-child(1),.lingyu .piclist .pitem:nth-child(4){
	margin-left: 0;
}
.lingyu .piclist .pitem .p1{
	
}

.lingyu .piclist .pitem .p1m{
	display:none;
	
}

.lingyu .piclist .pitem .p1 img{
	width:360px;
	height: 262px;
}
.lingyu .piclist .pitem:nth-child(4) .p1 img{
	width:727px;
	height: 262px;
}
.lingyu .piclist .pitem .p2{
	position: absolute;
	background: rgba(0,0,0,0.5);
	width:100%;
	height: 100%;
	left:0;
	top:0;
	opacity: 0;
	transition: all 0.35s !important ;
	-webkit-transition: all 0.35s !important;
	-moz-transition: all 0.35s  !important;
}
.lingyu .piclist .pitem .p2 h4{
	width:100%;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color:#fff;
	position: absolute;
	bottom:30px;
}
.lingyu .piclist .pitem:nth-child(4) .p2 h4{
	margin-top: 15%;
	width:100%;
	text-align:center;
}
.lingyu .piclist .pitem:hover .p2{
	opacity: 1;
}


/*news*/
.news{
	padding: 50px 0 50px;
}
.news .nlist{
	margin-top:40px;
}
.news .nlist .nitem{
	float: left;
	width:344px;
	margin-left:28px;
	border: 1px solid #d7dfe2;
	padding:0 0 20px 0;
}
.news .nlist .nitem:nth-child(1){
	margin-left: 0;
}
.news .nlist .nitem .pic{
	position: relative;
	display: block;
	overflow: hidden;
}
.news .nlist .nitem .pic img{
	width:344px;
	height: 210px;
	transition: all 0.35s !important ;
	-webkit-transition: all 0.35s !important;
	-moz-transition: all 0.35s  !important;
}
.news .nlist .nitem .pic i{
	display: block;
	position: absolute;
	right: 0;
	bottom:0;
	background: #dc441d;
	color: #fff;
	padding: 4px 8px;
	font-style: normal;
}
/*.news .nlist .nitem:hover .pic img{
	opacity: 0.8;
	transform: scale(1.2,1.2);
}*/
.news .nlist .nitem h2{
	line-height: 2;
	font-weight: 600;
	font-size: 1rem;
	padding:12px 20px;
}
.news .nlist .nitem p{
	padding: 0 20px;
	font-size: 0.875rem;
	color: #607179;
}
.news .nlist .nitem .tip{
	display: block;
	padding: 10px 20px;
	font-size: 0.875rem;
	color: #a6a6a6;
}
.news .nlist .nitem .tip span{
	display: inline-block;
	padding-left: 16px;
	background: url(../images/index-i9.png) no-repeat;
	background-position: left center;
	margin-left: 10px;
}


/*当屏幕尺寸小于600px时，应用下面的CSS样式*/
@media screen and (max-width: 600px) { 

	.swiper-container{
		height: 18rem;
	}
	.swiper-container .swt1{
		padding-left:20px;
		padding-right:20px;
		top:7rem;
		font-size: 1.2rem;
		font-weight:bold;
		text-align:center;
	}
	.swiper-container .swt2{
		padding-left:20px;
		padding-right:20px;
		top:8rem;
		font-size: 0.9rem;
		text-align:center;
	}
	
	.swiper-button-next{
		display:none;
		}
		
	.swiper-button-prev{
		display:none;
		}
	
	.main .ititle h2{
		font-size:1.6rem;
	}
	.about .info{
		margin-left:0.8rem;
		margin-right: 0.8rem;
	}
	.lingyu .piclist{
		margin-left:0.8rem;
		margin-right: 0.8rem;
	}
	.lingyu .piclist .pitem{
		margin-left: 0;
		width:100%;
	}
	.lingyu .piclist .pitem .p1 img,.lingyu .piclist .pitem:nth-child(4) .p1 img{
		width:100%;
		height: auto;
	}
	.lingyu .piclist .pitem .p2 img,.lingyu .piclist .pitem:nth-child(4) .p2 img{
		width:100%;
		height: auto;
	}
	.news .nlist{
		margin-left:0.8rem;
		margin-right: 0.8rem;
	}
	.news .nlist .nitem{
		width:100%;
		margin-left: 0;
		margin-top:1rem;
	}
	.news .nlist .nitem .pic img{
		width:100%;
		height: auto;
	}


}

/*当屏幕尺寸小于768px时，应用下面的CSS样式*/
@media screen and (max-width: 768px) { 

	.lingyu .piclist .pitem .p2{
		width:100%;
		height: 100%;
		opacity: 1;
		background:none;
	}
	

	.lingyu .piclist .pitem .p2 img{
		display:none;
	}

	.lingyu .piclist .pitem .p2 h4{
		width:100%;
		text-align:center;
		font-size:24px;
		height:50px;
		line-height:50px;
		color:#fff;
		position: absolute;
		bottom:0;
		background: rgba(0,0,0,0.5);
	}
	
	
	.lingyu .piclist .pitem:nth-child(4) .p2 h4{
		margin-top:25%;
		width:100%;
		text-align:center;
		font-size:24px;
		height:50px;
		line-height:50px;
		color:#fff;
		position: absolute;
	}
	.about .info span{
		display:inline;
	}
	.lingyu .piclist .pitem .p1m{
		display:block;	
	}
	
	.lingyu .piclist .pitem .p1m img{
		width:100%;	
	}
	
	.lingyu .piclist .pitem:nth-child(4) .p1{
		display:none;	
	}
}