@charset "utf-8";
#bannertop{ display:none;}

/*幻灯片CSS*/
#banner {width: 100%;position: relative;}
#banner .hd {position: absolute;bottom: 20px;left: 50%;z-index: 2;font-size: 0;transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);}
#banner .hd li {width: 16px;height: 16px;background-color: #ffffff;display: inline-block;margin: 0 7px;cursor: pointer;border-radius: 100%;}
#banner .hd .on {background-color: #0087D5;}
#banner .bd a {display: block;width: 100%;height: 700px;background-repeat: no-repeat;background-position: center;background-size: cover;}

.changjing{ background:#265f86; padding:50px 0px 0px 0px;}
.changjing .title{ color:#FFF; text-align:center; line-height:50px; font-size:28px;}
.changjing .desc{ color:#FFF; text-align:center; line-height:20px; margin-bottom:20px;}
.changjing  ul li{ float:left; width:23%; margin-right:2.6%; margin-bottom:2.6%; position:relative; border-radius:5px; overflow:hidden; font-size:0px;}
.changjing  ul li:nth-child(4n){ margin-right:0px;}
.changjing  ul li {height: 200px; overflow: hidden;}
.changjing  ul li img{ width:100%; transition:all 2s;}
.changjing  ul li p{ position:absolute; bottom:0px; background:rgba(197,197,197,0.7); color:#FFF; width:100%; font-size:14px; line-height:40px; text-align:center;}
.changjing  ul li:hover p{ background:rgba(18,109,202,0.7);}
/*.changjing  ul li:hover img{transform: rotateX(360deg);}*/

.about{padding:50px 0px 0px 0px; margin-bottom:40px;}
.about h2{ text-align:center; font-size:26px;}
.about p{ text-align:center; line-height:30px; color:#636363;}
.about h2 span{ color:#0076fe;}
.about .aboutcon{ background:#FFF; padding:30px 0px 50px 0px; margin-top:20px;}
.about .aboutcon .aboutimg{ float:left; width:505px;}
.about .aboutcon .aboutimg img{ width:100%;}
.about .aboutcon dd{ float:right; width: calc(100% - 545px);}
.about .aboutcon dd p{ text-align:left; text-indent:28px;}
.about .aboutcon dd h2{ text-align:left; margin-bottom:40px; font-size:20px; color:#999999;}
.about .aboutcon dd h2 img{ float:none; margin-left:15px; margin-top:3px;}
.about .aboutcon dd h2 span{ border-bottom:2px solid #999999; padding-bottom:20px;}
.about .aboutcon dd a{ margin-top:20px; display:block;}

.wenhua{ background:url(../images/photo_02.png) no-repeat; 
	background-size:100% 100%;
	padding: 50px 0px;
}
.wenhua h2{ font-size:28px; text-align:center;}
.wenhua h2 span{ color:#fff;}
.wenhua p{ color:#fff; text-align:center; line-height:50px; margin-bottom: 20px;}
.wenhua li{ width:25%; float:left; text-align:center; height:500px; position:relative;}
.wenhua li dl{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); width:65%;}
.wenhua li dl dd{ border:#b9cbdb 2px solid; color:#FFF; border-radius:100%; width:100%; height:0;padding-bottom:100%;overflow:hidden; position:relative;}
.wenhua li dl dd div{position:absolute; left:50%; top:50%;transform: translate(-50%,-50%);}
.wenhua li dl dd h2{ font-size:22px;}
.wenhua li dl p{ color:#FFF; font-size:16px; line-height:27px; margin-top:30px; display:none;}
.wenhua li:nth-child(1){background:rgba(28,28,28,0.1);}
.wenhua li:nth-child(2){background:rgba(28,28,28,0.4);}
.wenhua li:nth-child(3){background:rgba(28,28,28,0.2);}
.wenhua li:nth-child(4){background:rgba(28,28,28,0.1);}
.wenhua li:hover dd{ background:#0076fe; border:none;}
.wenhua li:hover p{ display:block;}

.hezuo{ margin-top:50px; margin-bottom: 50px;}
.hezuo h2{ font-size:28px; text-align:center;}
.hezuo h2 span{ color:#0076fe;}
.hezuo p.neicontent{ color:#636363; text-align:center; line-height:50px; margin-bottom: 20px;}
.hezuo ul{ margin-top:20px;}
.hezuo li{ background:#FFF; width:15%; float:left; text-align:center; 
	margin-right:2%; padding:30px 20px; border-radius:5px;
}
.hezuo li:last-child{ margin-right:0px;}
.hezuo li h2{ font-size:18px; line-height:40px; color:#156ce0; font-weight:bold;}
.hezuo li p{ line-height:20px; color:#6a6a6a; height:60px;}
.hezuo li:hover{box-shadow: 0px 2px 5px 2px #F0F0F0; margin-top:-3px;}
.hezuo a{ text-align:center; display:block; margin-top:30px;}

.indexList1{ margin-top:50px; margin-bottom:50px;}
.indexList1 h1{ font-size:28px; text-align:center; font-weight: bold;}
.indexList1 h1 span{ color:#0076fe;}
.indexList1 p{ text-align:center; line-height:50px; color:#636363;}
.indexList1 ul{}
.indexList1 li{ width:32%; margin-right:2%; float:left; 
	box-shadow: 0px 2px 5px 2px #F0F0F0; border-radius:5px; padding-bottom:20px;
}
.indexList1 li:last-child{ margin-right:0;}
.indexList1 li img{ width:100%; height: 180px;}
.indexList1 li h4{ font-size:18px; text-align:center; line-height:30px; 
	margin-top:10px; margin-bottom: 10px; padding: 0px 15px 0px 15px;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden;}
.indexList1 li p{ color:#656565; line-height:25px;padding: 0px 15px 0px 15px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
}

.more { margin-bottom: 20px; margin-top: -50px; }
.more a{ background: url(../images/left.png) left center no-repeat;
	background-size: 20px; display: block;
	height: 40px; line-height: 40px; padding-left: 30px;
	float: right;
 }
.more2 { margin-bottom: 20px; margin-top: -50px; }
.more2 a{ background: url(../images/left2.png) left center no-repeat;
	background-size: 20px; display: block;
	height: 40px; line-height: 40px; padding-left: 30px;
	float: right;
	color: #fff;
 }

@media (min-width:1024px) and (max-width:1199px) {
	#banner .bd a{
		height: 600px;
	}
}
@media (min-width:768px) and (max-width:1023px) {
	#banner .bd a{
		height: 550px;
	}
}
@media screen and (max-width:767px) {
	/*幻灯片CSS*/
	#bannertop {width: 100%;position: relative; display:block;}
	#bannertop .hd {position: absolute;bottom: 20px;left: 50%;z-index: 2;font-size: 0;transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);}
	#bannertop .hd li {width: 16px;height: 16px;background-color: #ffffff;display: inline-block;margin: 0 7px;cursor: pointer;border-radius: 100%;}
	#bannertop .hd .on {background-color: #0087D5;}
	#bannertop .bd a {display: block;width: 100%;height: 120px;background-repeat: no-repeat;background-position: center;background-size: cover;}

	.topmes{ background:none; height:400px; background-size:auto 100%; display: none;}
	.topmes form{ padding-top:30px;}
	.topmes .mesinput{ width:100%; height:340px; background:rgba(12,10,63,0.7); text-align:center; margin:0 auto;}
	
	.indexList1{ margin-top:30px; margin-bottom:30px;}
	.indexList1 h1{ font-size:20px; text-align:center;}
	.indexList1 h1 span{ color:#0076fe;}
	.indexList1 p{ text-align:center; line-height:20px; color:#636363; margin-bottom:20px; margin-top:10px; padding:0 10px; font-size:14px;}
	.indexList1 li{ width:100%; margin-right:2%; margin-bottom:20px; box-shadow: 0px 2px 5px 2px #F0F0F0; border-radius:5px; padding-bottom:20px;}
	.indexList1 li h4{ font-size:16px; text-align:center; line-height:30px; margin-top:20px;}
	.indexList1 li p{ color:#656565; line-height:25px; margin:0px;}

	.slideBox{ display:none;}
	.xiangmu{ text-align:center; background:#FFF; padding-top:50px;}
	.xiangmu h1{ font-size:20px; text-align:center;}
	.xiangmu h1 span{ color:#0076fe;}
	.xiangmu p{ color:#7c7c7c; text-align:center; line-height:25px; font-size:14px; margin-bottom:10px;}

	.changjing{ background:url(../images/sjbg.jpg) repeat-y top center; padding:50px 0px 0px 0px;}
	.changjing .title{ color:#FFF; text-align:center; line-height:50px;}
	.changjing .desc{ color:#FFF; text-align:center; line-height:20px; margin-bottom:20px;}
	.changjing  ul li{ float:left; width:48.5%; margin-right:3%; margin-bottom:3%; position:relative; border-radius:5px; overflow:hidden; font-size:0px;}
	.changjing  ul li:nth-child(2n){ margin-right:0px;}
	
}