body{}

.slider-outer{
		width:100%;
		height: 770px;
	
		background-color:#1E1E1E;
		position: relative;
	}
	.img-item{
		position: absolute;
		width:100%;
		height:770px;
		background-color: #1E1E1E;
		transition: all 1.5s;
		/*设置子元素在3D空间中呈现*/
		transform-style: preserve-3d;
	}
	/*让图片可以构成一个有四个面的长方体 start*/
	.img{
		width: 100%;
		height: 100%;
		position: absolute;
		background-size: cover;
	}
	.img:nth-child(1){
		background: url(../images/f1.jpg) no-repeat;
		transform: rotateX(0deg) translateZ(150px);
	}
	.img:nth-child(2){
		background: url(../images/f2.jpg) no-repeat;
		transform: rotateX(-90deg) translateZ(150px);
	}
	.img:nth-child(3){
		background: url(../images/f1.jpg) no-repeat;
		transform: rotateX(-180deg) translateZ(150px);
	}
	.img:nth-child(4){
		background: url(../images/f2.jpg) no-repeat;
		transform: rotateX(-270deg) translateZ(150px);
	}
	/*让图片可以构成一个有四个面的长方体 end*/
	.btns{
		position: absolute;
		top: 50%;
		width: 100%;
		height: 70px;
		margin-top: -35px;
	}
	.prev,
	.next{
		width: 70px;
		height: 70px;
		line-height: 70px;
		text-align: center;
		background-color: rgba(0,0,0,.3);
		color: #fff;
		font-size: 30px;
		cursor: pointer;
		position: absolute;
	}
	.prev{
		left: 0;
	}
	.next{
		right: 0;
	}




.xdh{ padding-top:35px;}
.dh{  width:1200px; margin:0 auto;}
.dh li{ float:left; width:260px; height:160px; background:url(../images/dh.png) no-repeat; margin-right:20px; padding-top:40px;}
.dh li a{ color:#258B87; text-align:center; font-size:20px; line-height:35px;display:block; font-weight:bold;transition:all 300ms ease;}
.dh li a:hover{-webkit-transform:translateY(-14px); transform:translateY(-14px);}
.dh li a span{ color:#258B87; text-align:center; font-size:14px; line-height:35px; display:block;}


.jj{ margin-top:45px; width:100%;}

.pic{ float:left; width:400px; height:400px; margin-top:70px;}

.jjn{float:left; margin-left:150px; width:600px; height:400px;}
.jjdh{width:600px; color:#fff; font-size:30px;font-weight:bold; line-height:50px;}
.jjdh span{ color:#258B87; font-size:30px;font-weight:bold;line-height:50px;}
.jjdh i{display:block;color:#258B87; font-size:20px;height:50px; font-style:normal;}
.jjnw{ font-size:13px; color:#959595; line-height:50px;}


.ys{width:100%; background: url(../images/ys.jpg) no-repeat; height:575px;margin-top:60px;}

.ysdh{ width:500px; margin:0 auto; line-height:50px; color:#fff; font-size:35px; padding-top:40px; font-weight:bold;text-align:center;}
.ysdh span{color:#258B87;}
.ysdh i{display:block;color:#258B87; font-size:16px;height:25px; font-style:normal; text-align:center;}


.yslie{ width:550px; float:left; margin-left:30px; margin-top:40px; margin-bottom:25px;}

.yslie dt{width:76px; height:76px; float:left;}

.yslie dd{float:left; margin-left:20px; font-size:13px; color:#fff; line-height:25px; width:400px;}
.yslie dd span{font-size:17px; color:#258B87; line-height:30px; display:block; font-weight:bold;}

.cp{width:100%;margin-top:30px;}

.cpl{ margin-top:60px;}
.cpl li{ width:280px; height:511px; float:left; margin-left:5px;overflow:hidden;border-radius:25px;}
.cpl li img{width:280px; height:511px; border-radius:25px;-webkit-transition: all 0.3s ease-in-out;  
	-moz-transition: all 0.3s ease-in-out;  
	-ms-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out;  
	transition: all 0.3s ease-in-out; }
	
.cpl li img:hover{
	transform: scale(1.2);
}	
	
.sp{width:100%; background: url(../images/sp_bj.jpg) no-repeat; height:595px;margin-top:70px;}	
	
.spn{height:595px; width:1099px; margin:0 auto;}	
	
.spn img{height:595px; width:1099px;}	
	
	



.clear{ clear:both;}




.n_banner{ width:100%; height:300px; margin:0 auto; }

.n_left{width:142px; float:left; margin-top:45px;}
.ldh{width:142px; height:60px; font-size:20px; font-weight:bold;line-height:35px; color:#fff;}
.ldh span{ font-size:15px; font-weight:bold; color:#fff; line-height:30px;}

.lnlie{ padding-top:35px; padding-bottom:8px;width:142px; margin:0 auto;}
.lnlie li{width:142px; height:50px;line-height:45px; background:url(../images/l1.png) no-repeat; margin-bottom:8px; }
.lnlie li:hover{width:142px;
 height:50px;line-height:50px; background:url(../images/l2.png) no-repeat;}
.lnlie li a{ line-height:45px; display:block;
font-size:14px; text-align:right; padding-right:8px;
font-family:"微软雅黑";
color:#333;}
.lnlie li a:hover{  color:#fff; }


.n_right{ float:left; width:975px; background:#000; margin-top:45px;}


.prlist1{ width:975px; margin-top:30px; padding-bottom:30px;}
.prlist1 li{
	float: left; margin-right:15px; margin-left:16px;
	width:290px;
	padding: 0 0px;
	margin-bottom:25px;
	overflow: hidden; background:#000;-webkit-box-shadow: 0 0 10px 4px rgba(51,51,51,0.2); -moz-box-shadow: 0 0 10px 4px rgba(51,51,51,0.2); box-shadow: 0 0 10px 4px rgba(51,51,51,0.2);
}


.prlist1 li a{ color:#fff;
	display: block;
	position: relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.prlist1 li .pic1 img{
	width:290px; height:210px;
	display: block;
}


.prlist1 li a .hover{
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;font-size:20px; line-height:45px;
	/*display: none;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.prlist1 li .hover b,.prlist1 li .hover .txt,.prlist-img1 .hover b,.prlist-img1 .hover .txt{
	display: inline-block;
	vertical-align: middle;
}
.prlist1 li .hover b,.prlist1 .hover b{
	width: 0;
	height: 100%;
}
.prlist1 li a:hover .hover{
	/*display: block;*/
	top: 0;
}

.prlist1 li span{ width:290px; line-height:30px; font-size:15px; color:#fff; text-align:center; overflow:hidden; background:#000;}
.prlist1 li span b{ display:block;line-height:25px; font-size:15px; color:#fff; font-weight: normal;}

.pagebox{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	clear:both; color:#fff;
}
.pagebox a{color:#fff;}



.x_q{ width:787px; margin:0 auto; padding-top:25px; padding-bottom:25px;}



.in_news{ width:100%;background:#000; margin-top:35px;}
.in_news ul li{overflow:hidden;border-bottom:solid 1px #333; padding-bottom:15px;}
.in_news ul li a{display:block;overflow:hidden;padding:30px 10px;position:relative;}
.in_news ul li a:before{content:"";position:absolute;top:61px;left:196px;width:0px;height:1px;background:#258B87;}
.in_news ul li a:hover:before{width:70px;}
.in_news ul li .in_nl{overflow:hidden;float:left;width:198px;height:128px; margin-left:10px;}
.in_news ul li .in_nl img{width:198px;height:128px;}
.in_news ul li .in_nm{width:600px;float:left;margin-left:25px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.in_news ul li .in_nm h4{font-size:17px;color:#fff;font-weight:normal;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0; text-align:left;}
.in_news ul li .in_nm p{overflow:hidden;-webkit-line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:moz-box;display:-o-box;display:box;font-size:13px;color:#888;line-height:26px; }
.in_news ul li a:hover .in_nm{margin-left:70px;}
.in_news ul li a:hover .in_nm h4{color:#258B87;}
.in_news ul li .in_nr{float:right;overflow:hidden;margin-top:12px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.in_news ul li .in_nr .in_date{float:left;text-align:right;font-family:helv;margin-right:20px;}
.in_news ul li .in_nr .in_date p{color:#888;font-size:20px;}
.in_news ul li .in_nr .in_date span{display:inline-block;color:#888;font-size:13px;margin-top:3px;}
.in_news ul li .in_nr .in_arrow{float:left;width:36px;height:36px;background:url(../images/in_arrow.png) no-repeat center 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border-left:solid 1px #444;margin-top:5px;}
.in_news ul li a:hover .in_nr{margin-right:30px;}
.in_news ul li a:hover .in_arrow{border:none;background:#258B87 url(../images/in_arrow.png) no-repeat center -36px;}


.dhx_bj{width:100%; background:#333; margin-top:-3px;
height:35px;
}

.dhx{ width:1200px; height:35px; margin:0 auto;}


.dhx span{ 
margin-top:15px;
font-size:13px;
line-height:30px;

color:#ccc;}
.dhx span a{color:#ccc;}
.dhx span a:hover{color:#ccc;}


h4{font-size:20px;
	font-weight:normal;
	line-height:40px;
	text-align:center;
	color:#258B87;
	margin-top:6px;
}












.content{
	line-height:35px;
	color:#666;
	padding:20px;
	font-size:14px;
	margin:0px auto;
	width:92%;}



.sx{
	text-align:center;
	border-top:1px solid #333;
	margin-top:20px;
	line-height:40px;
}
.sx a:link,.sx a:visited{
	color:#333;
}
.sx a:hover{
	color:#258B87;}
	.tt{
		color:#aaa;
		font-size:12px;
		line-height:45px;
		text-align:center;
		border-top:1px solid #333;margin-top:10px;
	}
	.tt p{width:92%;}





.c_l{ width:350px; height:360px; float:left; margin-top:30px; margin-left:30px;background:#999; margin-bottom:35px;}
.c_l ul{ padding:25px;}
.c_l ul li{ list-style:none; line-height:40px; font-size:14px; color:#333; border-bottom: none; }

.c_r{ width:600px; height:360px; float:left; margin-top:30px; margin-left:30px;background:#999; margin-bottom:35px;}