@charset "utf-8";
/* CSS Document */
html,body{width:100%;}
html{}
body{ position:relative; font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;letter-spacing: 1px; background: #fafafa; font-size: 13px;}
*{ margin:0; padding:0;}
a{ text-decoration:none;}
ul,li{ list-style:none;}
.c-b{ clear:both;}
/*body::-webkit-scrollbar {display:none}*/
/**/

.headWrap{
	background: url(../images/headbg.png) top center no-repeat;
	background-size:cover;
	position: relative;
	z-index: 9;
	height: 20vh;
}
.header{
	margin:0 50px;
	height: 12vh;
	padding: 2vh 0;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.header .logo{
	float: left;
}
.header .logo img{
	height: 8vh;
}
.header .add{
	float: right;
}
.header .add img{
	height: 5vh;
	margin: 1.5vh 0;
}
.nav{
	height: 8vh;
}
.nav ul{
	margin: 0 50px;
}
.nav ul li{
	float: left;
	text-align: center;
	line-height: 8vh;
	font-size:14px;
	padding: 0 30px;
	position: relative;
}
.nav ul:after{
	display: block;
	content: "";
	clear: both;
}
.nav ul li a{
	color: #fff;
}
.nav ul li ul{
	position: absolute;
	top: 8vh;
	left: 0;
	width: 100%;
	display: none;
	margin: 0;
	background: #fff;
	box-shadow: 1px 1px 2px 1px #eee;
	border-top: 4px solid #f90;
}
.nav ul li ul li{
	float: none;
	line-height: 40px;
	padding: 0;
}
.nav ul li ul li a{
	color: #535353;
}
.nav ul li ul li a:hover{
	color: #0064A6;
}
.nav ul li:hover ul{
	display: block;
}
.nav ul li:hover{
	 background: rgba(255,255,255,0.1);
}

.subnav{
	display: none;
}

.bodyWrap{
	position: relative;
	z-index: 2;
	padding: 3vh 0;
	height: 60vh;
	box-sizing: border-box;
	overflow: hidden;
}

.newsContainer{
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
	padding: 0 30px;
	height: 54vh;
	box-sizing: border-box;
}
.newsTitle{
	padding: 0;
	height: 6vh;
	box-sizing: border-box;
	border-bottom: #1059a8 3px solid;
}
.newsTitle span{
	display: inline-block;
   padding:0 30px;
	font-size: 14px;
	line-height:6vh;
	color: #014DA1;
	font-family: "汉仪中宋简 Regular";
	cursor: pointer;
	position: relative;
}
.newsTitle span:hover{
	color: #FFAE27;
}
.newsTitle span.act{
	color: #fff;
	background: #1059a8;
}
.newsTitle span.act:before{
	display: block;
}
.newsTitle a{
	display: inline-block;
	float: right;
	width: 100px;
	height: 6vh;
	line-height: 6vh;
	text-align: center;
	position: relative;
	color: #7e98ea;
}
.newsTitle a:before{
	    content: "";
	    display:inline-block;
	    width: 0;
	    height: 0;
	    border-top: 8px solid #7e98ea;
	    border-right: 8px solid transparent;
		position: absolute;
		top: 0;
		left: 0;
}
.newsTitle a:hover{
	color: #FFAE27;
}
.newsTitle a:hover:before{
	border-top: 8px solid #FFAE27;
}
.newsContent{
	display: none;
	margin: 1vh 0;
	height: 46vh;
}
.ImgNews{
	float: left;
	width: 445px;
	max-width: 40%;
	height: 100%;
	padding: 2vh;
	position: relative;
	overflow: hidden;
	background: #fff;
	box-shadow: 1px 1px 2px 1px #eee;
	box-sizing: border-box;
}
.ImgNewsBox{
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}
.ImgNewsBox.act{
	display: block;
}
.ImgNewsBox .img{
	width: 100%;
	max-height: 80%;
	overflow: hidden;
}
.ImgNewsBox .img img{
	width: 100%;
	min-height: 100%;
}
.ImgNewsBox a.title{
	display: block;
	width:100%;
	padding: 1vh 0;
	line-height: 1.5;
	color: #004ea2;
}
.ImgNewsBox a.title:hover{
	color: #FF9900;
}
.ImgNewsBox p.intro{
	color: #999;
	line-height:1.5;
	max-height: 3em;
	overflow: hidden;
}
.ImgNews a.fa{
	display: block;
	color: #FFAE27;
	font-size: 4em;
	padding: 0 10px;
}
.ImgNews a.fa-angle-left{
	position: absolute;
	left: 25px;
	top: 35%;
}
.ImgNews a.fa-angle-right{
	position: absolute;
	right: 25px;
	top: 35%;
}
.ImgNews a.fa:hover{
	background: rgba(255,255,255,0.5);
}
.ListNews{
	float: left;
	width: 560px;
	max-width: 50%;
	height: 100%;
	padding: 0 2%;
	box-sizing: border-box;
	overflow: hidden;
}
.ListNews ul{
	padding: 2vh;
	height: 42vh;
	background: #fff;
	box-shadow: 1px 1px 2px 1px #eee;
}
.ListNews ul li{
	box-sizing: border-box;
	height: 4.2vh;
	border-bottom: 1px solid #eee;
	position: relative;
	box-sizing:border-box;
}
.ListNews ul li a.title{
	display: block;
	margin:0 100px 0 0;
	line-height: 4.2vh;
	color: #000;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.ListNews ul li span{
float:right;line-height:4.2vh;
}
.ListNews ul li:hover a,.ListNews ul li:hover span{
	color: #FFAE27;
}

.fastmenu{
	float: left;
	width: 120px;
	max-width: 10%;
	height: 100%;
}
.fastmenu a{
	display: block;
	width: 100%;
	height: 7.5vh;
	line-height: 7.5vh;
	margin-bottom: 2vh;
	background: #4a6acf;
	color: #fff;
	text-align: center;
	box-shadow: 1px 1px 5px 1px #ccc;
	transition: all 0.3s;
}
.fastmenu a:before{
	display: block;
	margin-bottom: 5px;
}
.fastmenu a:hover{
	background: #fff;
	color: #004EA2;
}

.friendlink{
   height: 8vh;
	background: #347bc8;
}
.friendContent{
	width: 1200px;
	margin: 0 auto;
	padding: 1.5vh 30px;
	box-sizing: border-box;
}
.friendlink .fl{
	float: left;
	width: 18%;
	height: 5vh;
	background: #fff;
	text-indent: 10px;
	margin: 0 1%;
	color: #014DA1;
	line-height: 5vh;
	position: relative;
}
.friendlink .fl span{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 5vh;
	height: 5vh;
	line-height: 5vh;
	text-align: center;
	color: #014DA1;
	font-size: 24px;
	cursor: pointer;
}
.friendlink .fl ul{
	display: none;
	background: #f9f9f9;
	width: 100%;
	position: absolute;
	top: 5vh;
	left: 0;
	max-height: 12vh;
	overflow: auto;
}
.friendlink .fl ul li{
	padding: 0 10px;
	text-indent: 0;
	line-height: 4vh;
	box-sizing: border-box;
	border-bottom: 1px dashed #eee;
}
.friendlink .fl ul li a{
	color: #595959;
}
.friendlink .fl ul li a:hover{
	color: #FFAE27;
}
.friendlink .fl ul.act{
	display: block;
}

.footWrap{
	background: #004ea2;
	height: 20vh;
	overflow: hidden;
	font-size: 12px;
}
.foot{
	margin: 0 auto;
	text-align: center;
	height: 12vh;
}
.footContact{
	display: inline-block;
	height: 6vh;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.footContact span{
	display: inline-block;
	height: 6vh;
	line-height: 6vh;
	margin: 0 10px;
}
.bottom{
	height: 6vh;
	line-height: 6vh;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 1550px) {


}

/*内页*/

.inbodyWrap{
	width: 1200px;
	margin: 20px auto;
}
.left{
	float: left;
	width: 215px;
	margin-right: 20px;
	position: relative;
}

.left:after{
	display: block;
	content: "";
	width:0;
	height:0;	
	border-top:45px solid #fff;	
	border-left:45px solid transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.left_nav{
	background: #014DA1;
	padding: 15px;
}
.left_nav.ln-1 {
	background: #014DA1 url(../images/ln1.png) 10px 10px no-repeat;
}
.left_nav.ln-2 {
	background: #014DA1 url(../images/ln2.png) 10px 10px no-repeat;
}
.left_nav.ln-3 {
	background: #014DA1 url(../images/ln3.png) 10px 10px no-repeat;
}
.left_nav.ln-4 {
	background: #014DA1 url(../images/ln4.png) 10px 10px no-repeat;
}
.left_nav span{
	display: block;
	margin-bottom: 15px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
}
.left_nav ul{
	background: #fff;
	padding: 10px 0;
}
.left_nav ul li{
	 text-align: center;
	 padding: 10px;
	 letter-spacing: 1px;
}
.left_nav ul li a{
	display: block;
	color: #333;
}
.left_nav ul li.act a{
	color: #FFAE27;
}
.left_nav ul li a:before{
	margin-left: -20px;
	margin-right: 10px;
}

.randowNews{
	margin: 15px 0 0 0;
}
.randowNews .title{
	line-height: 50px;
	color: #fff;
	background: #FFAE27;
	font-size: 18px;
	letter-spacing: 2px;
}
.randowNews .title span{
	display: inline-block;
	padding: 0 10px;
}
.randowNews .nr{
	padding: 10px;
}
.randowNews .nr ul{
	
}
.randowNews .nr ul li{
	border-bottom: 1px dashed #eee;
	padding: 5px 0;white-space: nowrap;  text-overflow:ellipsis; overflow:hidden;
}
.randowNews .nr ul li span{margin-right:5px;font-size: 12px;}
.randowNews .nr ul li a{
	font-size: 12px;
	color: #535353;
	
}
.randowNews .nr ul li a:hover{
	color: #FFAE27;
}

.right{
    margin: 0 0 0 235px;
}
.right .location{
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	background: #014DA1;
	color: #fff;
	position: relative;
}
.right .location a{
	color: #fff;
}
.right .location:after{
	display: block;
	content: "";
	width:0;
	height:0;	
	border-top:45px solid #014DA1;	
	border-left:45px solid transparent;
	position: absolute;
	top: 0;
	left: -45px;
}
.content{
	background: #f9f9f9;
	padding: 20px;
	margin-top: 15px;
}
.contentHead{
	background: url(../images/ctbg.png) top center no-repeat;
	margin-top: 15px;
	color: #fff;
	padding: 20px;
}
.contentHead h2.title{
	font-weight: normal;
	text-align: center;
}
.contentHead .subtitle{
	text-align: center;
	margin-top: 15px;
}
.contentHead .subtitle span{
	display: inline-block;
	margin: 0 20px;
	font-size: 12px;
}
.contentMain{
	color: #333;
	line-height: 24px;
	font-size: 14px;
}
.contentMain p{
	margin-bottom: 15px;
}
.contentMain img,.contentMain table{
	max-width:100% !important;
}
.contentFoot{
	height:45px;
	line-height: 45px;
	color: #fff;
	font-size: 14px;
}
.contentFoot a{
	color: #fff;
	
}
.contentFoot i{
	margin: 0 10px;
}
.contentFoot .prev{
	float: left;
	width: 48%;
	padding: 0 0 0 2%;
	height:45px;
	background: #186ecd;overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.contentFoot .next{
	float:right;
	width: 48%;
	padding:0 2% 0 0;
	text-align: right;
	height:45px;
	background: #014DA1;
}



/*文字列表*/
.base_TextList{
	
}
.base_TextList li{
    border-bottom: 1px dashed #ddd;	
	height: 50px;
	padding: 20px 0;
	position: relative;
}
.base_TextList li dl{
	float: left;
	width: 70px;
	height: 50px;
	background: #014DA1;
	color: #fff;
	text-align: center;
	position: relative;
}
.base_TextList li dl:after{
	display: block;
	content: "";
	width:0;
	height:0;
	border-top:25px solid transparent;
	border-bottom:25px solid transparent;	
	border-left:15px solid #014DA1;
	position: absolute;
	top: 0;
	right: -15px;
}
.base_TextList li dl dt{
	padding-top: 3px;
	font-size: 22px;
}
.base_TextList li dl dd{
	font-size: 12px;
}
.base_TextList li a.title{
	display: block;
	margin: 0 130px 10px 100px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	letter-spacing: 1px;
}
.base_TextList li p{
	margin: 0 130px 0 100px;
	color: #999;
	font-size: 14px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	letter-spacing: 1px;
}
.base_TextList li a.more{
	position: absolute;
	top: 40%;
	right: 20px;
	color: #333;
	letter-spacing: 1px;
}

/*图片列表*/
.base_PicList{
	
}
.base_PicList:after{
	display: block;
	content: "";
	clear: both;
}
.base_PicList li{
	float: left;
	width: 285px;
	margin: 10px;
}
.base_PicList li .img{
	width: 100%;
	height: 220px;
	overflow: hidden;
}
.base_PicList li a{
	
}
.base_PicList li .img img{
	width: 100%;
	min-height: 100%;
	transition: 0.3s ease;
}
.base_PicList li span{
	display: block;
	padding: 10px;
	text-align: center;
}
.base_PicList li:hover .img img{
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}

/*图文列表*/
.base_PicTextList{
	
}
.base_PicTextList:after{
	display: block;
	content: "";
	clear: both;
}
.base_PicTextList li{
	float: left;
	width: 283px;
	height: 359px;
	border: 1px solid #ccc;
	margin: 10px;
}
.base_PicTextList li .img{
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.base_PicTextList li .img img{
	width: 100%;
	height: auto;
	min-height: 100%;
}
.base_PicTextList li .img dl{
	width: 65px;
	height: 40px;
	text-align: center;
	background: #FFAE27;
	color: #fff;
	position: absolute;
	top: 0;
	left:0;
}
.base_PicTextList li .img dl:after{
	display: block;
	content: "";
	width:0;
	height:0;
	border-left:32.5px solid transparent;
	border-right:32.5px solid transparent;	
	border-top:15px solid #FFAE27;
	position: absolute;
	bottom: -15px;
	right: 0;
}
.base_PicTextList li .img dl dt{
	padding: 5px 0 0 0;
	font-size: 12px;
}
.base_PicTextList li .img dl dd{
	
}
.base_PicTextList li span{
	display: block;
	padding: 10px;
	color: #333;
	letter-spacing: 1px;
	line-height: 24px;
	font-size: 15px;
}
.base_PicTextList li p{
	padding: 0 10px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-family:"宋体";
	letter-spacing: 1px;
}
.base_PicTextList li a{
	display: block;
	margin: 20px auto;
	width: 150px;
	line-height: 35px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	background: #ccc;
}
.base_PicTextList li:hover{
	border: 1px solid #014DA1;
}
.base_PicTextList li:hover a{
	background: #014DA1;
}


/*page*/
.Pager{ padding:10px 0;}
.Pager:after{ content:""; clear:both; display:block;}
.Pager a,.Pager span{ display:inline-block; float:left; border:1px solid #ddd; border-radius:3px; margin:3px 3px; line-height:30px; color:#333; text-align:center;}
.Pager a{width:30px; height:30px;}
.Pager span{ padding:0 10px;}
.Pager a.fa{ padding:0 10px;}
.Pager a.act{ background:#0064a6; color:#fff; font-weight:bold;}
.Pager a:hover{ color:#0064a6; background:#f9f9f9;}
.Pager a.act:hover{ background:#0064a6; color:#fff; cursor:text;}
.Pager a.fa.lcok{ color:#ccc; background:#fff; cursor:text;}


@media screen and (max-width: 768px) {
	.headWrap{
		background: url(../images/headbg.png) top center no-repeat;
		background-size:cover;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9;
		height: auto;
	}
	.header{
		height: auto;
		margin:0 10px;
		padding: 10px 0;
		border-bottom: none;
	}
	.header .logo{
		float: none;
		width: 70%;
	}
	.header .logo img{
		width: 100%;
		height: auto;
	}
	.header .add{
		float: none;
		width: 50%;
		text-align: center;
	}
	.header .add img{
		width: 100%;
		height: auto;
	}
	.navMenu{
		display: block !important;
		color: #fff;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	.nav{
		display: none;
	}
    .subnav{
		display: none;
		position: absolute;
		top: 107px;
		right: 0;
		background: #186ECD;
		width: 200px;
	}
	.subnav.act{
		display: block;
	}
	.subnav ul{
		
	}
	.subnav > ul > li{
		line-height: 40px;
		padding: 0 0 0 20px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		position: relative;
	}
	.subnav ul li a{
		color: #fff;
	}
	.subnav ul li span{
		color:#fff;
		font-size:16px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.subnav ul li ul{
		display: none;
		background: #004EA2;
	}
	.subnav ul li ul li{
		padding: 0 0 0 20px;
	}
	
	.bodyWrap{
		margin-top: 110px;
		padding: 0;
		height: auto;
	}
	.newsContainer{
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 15px auto;
		padding: 0 15px;
	}
	.newsTitle span{
		float: left;
	    width: 33%;
		padding: 0;
		text-align: center;
	}
	.newsTitle:after{
		content: "";display: block;clear: both;
	}
	.newsTitle a{
		display: inline-block;
		float: right;
		width: 33%;
	}
	.newsContent{
		height: auto;
	}
	.ImgNews{
		float: none;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin-right: 0;
		padding: 20px;
	}
	.ImgNewsBox .img{
		width: 100%;
		height: auto;
	}
	.ListNews{
		float: none;
		width: auto;
		max-width: 100%;
		margin-right: 0;
		margin-top: 15px;
		padding: 0;
	}
	
	.fastmenu{
		float: none;
		width: auto;
		max-width: 100%;
		margin-top: 15px;
		text-align: center;
	}
	.fastmenu a{
		display: inline-block;
		width: 48%;
		height: 45px;
		padding-top: 0;
		margin-bottom: 15px;
		line-height: 45px;
	}
	.fastmenu a:before{
		display: inline;
		margin-bottom: 0;
		margin-right: 5px;
	}
	
	.friendlink{
	    height: auto;
	}
	.friendContent{
		width: 100%;
		margin: 0 auto;
		padding: 10px 0;
	}
	.friendlink .fl{
		float: none;
		width: auto;
		height: auto;
		margin: 10px 15px;
	}
	.friendlink .fl ul{
		z-index: 8;
	}
	.footWrap{
		height: auto;
	}
	.footContact{
		padding: 10px 0;
		height: auto;
	}
	.footContact span{
		display: inline-block;
		height: auto;
		line-height: 30px;
		margin: 0 10px;
	}
	.foot{
		height: auto;
	}
	.bottom{
		height: auto;
		line-height: 2;
	}
	
	.inbodyWrap{
		width: auto;
		margin: 107px 0 0 0;
	}
	.left{
		display: none;
	}
	.right{
		margin: 0;
	}
	.content{
		margin-top: 0;
		padding: 10px;
	}
	.contentHead{
		margin-top: 0;
	}
    .contentFoot{
    	height:auto;
    }
    .contentFoot a{
    	color: #fff;
    	overflow: hidden;
    	text-overflow:ellipsis;
    	white-space: nowrap;
    }
    .contentFoot i{
    	display: none;
    }
    .contentFoot .prev{
    	float: none;
    	width: auto;
    	padding: 0 0 0 10px;
    }
    .contentFoot .next{
    	float:none;
    	width: auto;
    	padding:0 0 0 10px;
    	text-align: left;
    }
	
	/*文字列表*/
	.base_TextList li a.title{
		margin: 0 0 10px 100px;
	}
	.base_TextList li p{
		margin: 0 0 0 100px;
	}
	.base_TextList li a.more{
		display: none;
	}
	
	/*图片列表*/
	.base_PicList li{
		float: none;
		width: auto;
		margin: 10px;
	}
	
	/*图文列表*/
	.base_PicTextList li{
		float: none;
		width: auto;
		height: auto;
	}
	.base_PicTextList li .img{
		width: 100%;
		height: auto;
	}

	
	
	/*page-*/
	.Pager{ padding:10px 0; text-align: center;}
	.Pager:after{ content:""; clear:both; display:block;}
	.Pager a,.Pager span{ display:inline-block;  border:1px solid #ddd; border-radius:3px; margin:3px 3px; line-height:30px; color:#333; text-align:center;float: none;}
	.Pager a{width:30px; height:30px;display: none;}
	.Pager span{ padding:0 10px;}
	.Pager a.fa{ padding:0 30px;display: inline-block; border-radius: 20px; width: auto;}
	.Pager a.act{ background:#0064a6; color:#fff; font-weight:bold;}
	.Pager a:hover{ color:#0064a6; background:#f9f9f9;}
	.Pager a.act:hover{ background:#0064a6; color:#fff; cursor:text;}
	.Pager a.fa.lock{ color:#ccc; background:#fff; cursor:text;}

	
}