@charset "utf-8";
/* CSS Document */
html{ margin:0; padding:5px 0 0 0;overflow-x: hidden;}
body{ margin:0; padding:5px 0 0 0;overflow-x: hidden; background:url(../images/ecc-bg.jpg) repeat-x #E4E5E0; font-size:13px; color:#5D5345; font-family:"微软雅黑"}
a{color:#444444; text-decoration:none}
a:visited{color:#444444; text-decoration:none}
a:hover{color:#776F65; text-decoration:none}
.after:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}.clear{clear: both;}
img{ border:0}
li,dl,ul,dd,dt{list-style: none;}
*{padding: 0;margin: 0;}
.mid948{
	width: 948px;
	margin: 0 auto;
}
.headerImg img{
	display: block;
	width: 100%;
}
.nav{ background:url(../images/ecc-button.jpg) no-repeat ; 
height:34px;margin:0 auto; padding-top:3px}
.nav ul{ margin:0;padding-left:220px; line-height:22px; list-style:none;}
.nav li{ float:left; font-family:'黑体'; font-size:14px; color:#891F14;margin:0 6px;padding:0 12px 0 12px }
.nav li.active{background:url(../images/nav-bg.jpg) repeat-x top #E7D4AC; border:#D6A970 1px solid;}
.nav li.kongzhi a{ color:#00646D; font-family:'楷体'}
.nav li a{color:#891F14; text-decoration:none}
.nav li a:hover{color:#B75F00; text-decoration:none}

.pubnav .menu{
	position: relative;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: none;
	z-index: 10;
	margin-top: 2px;
}
.pubnav .menu:before,.pubnav .menu:after{
	content: "";
	width: 30px;
	height: 3px;
	background: #fff;
	position: absolute;
	top: 12px; 
	margin: 0;
	-webkit-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.pubnav .menu:after{
	top: auto;
	bottom: 12px;
}
.pubnav .menu.on:before{
	top: 48%;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	
}
.pubnav .menu.on:after{
	bottom: 45%;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	background: #fff;
}
@media screen and (max-width: 768px){
	.mid948{
		width: 100%;
		padding: 0 3%;
		box-sizing: border-box;
	}
	html,body,.header{
		padding: 0;
	}
	.nav{ background-size: 100% auto;height: 15px;}
	.pubnav{
		position: fixed;
		top: 0;
		right: 0;
		height: 40px;
		z-index: 10;
	}
	.pubnav .menu{
		display: block;
	}
	.pubnav>ul {
		display: block;
		width: 300px;
		position: fixed;
		background: rgba(0,0,0,.6);
		height: 100%;
		padding: 0;
		right: -330px;
		top: 0;
		padding-top: 40px;
		-weblot-transition: all .5s;
		transition: all .5s;
		overflow-y: auto;
		z-index: 8;
	}
	.pubnav.on>ul{
		right: 0;
	}
	.pubnav ul li{
		height: auto;
		float: none;
	}
	.pubnav>ul>li>a {
		color: #fff;
		padding: 0 8px;
		display: block;
		line-height: 35px;
	}
	.nav li.kongzhi a{
		color: #8E7A36;
	}
}


#top{ background:url(../images/ecc-header-1.jpg) no-repeat; 
width:949px;margin:0 auto;
}


#content{
	padding:0px;
	border-left:#D0CDC4 solid 1px; 
	border-right:#D0CDC4 solid 1px;
	background:#fff; 
	display:block;
	padding-bottom: 20px;
}

#ecc-left{ width:670px;float:left;margin-left:10px;}

#about{ 
	margin:10px 0; 
	height:220px;
	display: flex;
	justify-content: space-between;
}
#about .img img{
	width: 151px;
	height: 216px;
}
.abouttx{ background:url(../images/main-aboutbg.jpg) no-repeat top;height: 220px;}
p.aboutx{ padding:10px 22px 0 22px; margin:0; line-height:21px; text-indent:2em}

.newslist{ margin:10px 0;}

.newslist p{ display:block;; float:left; width:162px; margin:5px; padding:0}

.newslist ul{ display:block; float:left; margin:5px 0; padding:14px 5px; width:480px; height:160px; background:url(../images/newslistbg.jpg) repeat-x bottom #fff; border:#CECEC4 1px solid}
.newslist li{ list-style:none; height:23px}
.newslist li span{ color:#8E8E8E; padding-left:10px; font-family:Arial}

.abouttx em{ text-align:right; float:right; font-style:normal}

.redtxt{ color:#891F14;}
.redtxt a:link{ color:#891F14; text-decoration:none}
.redtxt a:hover{ color:#891F14; text-decoration:none}
.redtxt a:visited{ color:#891F14; text-decoration:none}

#ecc-right{ width:240px;float:left;margin-left:10px;}
#organ{ background:url(../images/right-b.jpg) no-repeat top; width:214px; height:605px; margin-top:10px; padding:35px 5px 5px 19px; line-height:18px;}
#organ h3{ padding:0; margin:7px 0 0 0; font-size:13px; color:#BD6E21; line-height:18px;}
#organ h4{ padding:0 5px; margin:7px 0 4px 0; font-size:12px;color:#9E4F16; line-height:23px; background:url(../images/manbg.jpg) no-repeat left}
#organ h5{ padding-left:6px; font-size:12px; font-weight:normal; margin:0; line-height:23px}
#organ span.nnt{ width:200px; text-align:center; font-size:12px; display:block; font-family:Arial}
#organ em{ text-align:right; float:right; font-style:normal}
#contect{ height:74px; background:url(../images/right-cont.jpg) no-repeat top; padding-left:30px; padding-top:48px; font-size:16px; color:#891F14; font-family:"微软雅黑" }
#contect a{ font-size:16px; color:#891F14; font-family:"微软雅黑" }

#footer{ width:946px; height:55px; padding-top:10px; margin:0 auto;  font-size:12px; color:#7B6053;border:#D0CDC4 solid 1px; background:url(../images/down-bg.jpg) repeat-x; text-align:center; line-height:22px}


.advImgList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 15px;
}
.advImgList li{
	width: 49.5%;
	height: 120px;
	margin-bottom: 15px;
}
.advImgList li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.jianjieBox{
	padding: 20px;
	box-sizing: border-box;
}
.jianjieBox *{box-sizing: border-box;}
.doc-side{ width:100%; border:#CFCDC4 1px solid;margin:0 auto;  padding:30px; background-color:#F2F3ED;color:#524E4D; font-size:14px; line-height:32px}
.doc-side h4{ margin:0; padding:0; font-size:18px; text-align:center; font-weight:normal; font-family:"微软雅黑" ; color:#000}
.doc-side p{ text-indent:2em}
.txtblue{ color:#0A6198; font-family:Arial}
.txtblue a:link{ color:#0A6198; font-family:Arial}
.txtblue a:visited{ color:#0A6198; font-family:Arial}
.txtblue a:hover{ color:#0A6198; font-family:Arial}

.doc-side-title{
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	color: #AE0000;
}
.doc-side-subtitle{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}
.doc-side-subtitle2{
	text-align: center;
	font-size: 14px;
	margin-bottom: 30px;
}

.docnew-list{width:624px; border:#CFCDC4 1px solid;font-size:14px; line-height:34px; margin-top:10px; padding:25px 20px; background-color:#F2F3ED;}
.docnew-list ul{ margin:0; padding:0}
.docnew-list li{list-style:none; height:34px}
.docnew-list li span{ color:#8E8E8E; padding-left:10px; font-family:Arial}
.docnew-list li{display: flex;align-items: center;}
.docnew-list li a{
	flex: 1;
	margin: 0 5px;
	box-sizing: border-box;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.mdlist1 li{
	margin-bottom: 10px;
}
.mdlist2{
	max-width: 430px;
}
.mdlist2 li{
	margin: 10px 0;
	width: 75px;
	float: left;
}
.wyBox{
	padding: 20px 0;
}
.wytitleBox{
	text-align: center;
}
.wytitleBox a{
	display: inline-block;
	margin: 0 10px;
}
.wyttile{
	display: block;
	margin: 0 auto 15px;
}
.wyBox .list{
	max-width: 852px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.wyBox .list li {
	margin: 0 5px 15px;
}
.wyBox .list li a{
	padding: 7px;
	display: block;
	text-align: center;
}
.wyBox .list li img{
	width: 94px;
	height: 101px;
	object-fit: cover;
}
.wyBox .list li a{ background:url(../images/wei-bg.jpg) repeat-x #FFF0C5; border:#E3C295 1px solid}
.wyBox .list li p{
	color: #3E403F;
	font-weight: bold;
	padding: 5px;
}
.txtren{ color:#3E403F}
.txtren a:link{ color:#3E403F}
.txtren a:active{ color:#3E403F}
.txtren a:hover{ color:#3E403F}


.pubPage{
	text-align: center;
	padding: 30px 0;
}
.pubPage *{
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
}
.pubPage a{
	width: 30px;
	height: 30px;
	font-size: 12px;
	color: #595858;
	text-align: center;
}
.pubPage .center{
	border: 1px solid #595858;
	font-size: 0;
}
.pubPage a.prev{
	border-right: 1px solid #595858;
	border-left: 0;
}
.pubPage a.next{
	border-left: 1px solid #595858;
}
.pubPage a{
	border-left: 1px solid #595858;
}
.pubPage a:nth-child(2){border-left: 0;}
.pubPage a.prev,.pubPage a.next{
	width: 75px;
}
.pubPage a.on,.pubPage a:hover{
	color: #fff;
	background: #011763;
}
.pubPage .topage{
	margin-left: 5px;
}
.pubPage .topage input{
	width: 45px;
	background: none;
	outline: 0;
	border: 1px solid #595858;
	text-align: center;
}
.pubPage button{
	border: 1px solid #595858;
	width: 45px;
	background: none;
	outline: 0;
}
.laiyuan{color: red;font: 12px;margin-top: 15px;}
@media screen and (max-width: 768px){
	#ecc-left{
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	#about table{
		width: 100% !important;
		height: auto !important; 
	}
	#about{
		height: auto;
		background: url(../images/main-aboutbg.jpg) no-repeat top;
		background-size: cover;
	}
	#about .img img{
		width: 100px;
		height: auto;
	}
	.abouttx *{
		box-sizing: border-box;
	}
	.abouttx{
		height: auto !important;
		padding: 10px;
		height: auto;
		box-sizing: border-box;
		background: none;
	}
	p.aboutx{
		padding: 5px;
	}
	.newslist{
		display: flex;
	}
	.newslist>p{
		width: 100px !important;
	}
	.newslist>p>img{
		width: 100px !important;
		height: auto !important; 
	}
	.newslist ul{
		width: auto;
		flex: 1;
		overflow: hidden;
		padding: 10px 5px;
		background-size: cover;
	}
	.newslist li{
		display: flex;
	}
	.newslist li a{
		flex: 1;
		overflow: hidden;
		white-space:nowrap; 
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
	}
	.newslist ul>span{
		text-align: right;
	}
	#ecc-right{
		width: 100%;
		margin: 0;
	}
	#organ{
		width: 100%;
		background: #eaebe3;
		height: auto;
		padding: 15px 3%;
		box-sizing: border-box;
	}
	#organ em{
		float: none;
	}
	#footer{
		width: 100%;
		margin: 0;
		background-size: 100% 100%;
		height: auto;
		padding-bottom: 10px;
	}
	.advImgList{
		display: block;
	}
	.advImgList li{
		width: 100%;
		height: auto;
	}
	.advImgList li img{
		height: auto;
	}
	#contect{
		width: 234px;
		margin: 0 auto;
	}
	.wyfc img{
		display: block;
		margin: 10px auto;
		height: auto;
	}
	.wyBox .list li{
		width: 31.33%;
		margin: 0 1% 10px;
	}
	.jianjieBox{
		padding: 10px;
	}
	.doc-side{
		padding: 20px 10px;
	}
	.pubPage *{
		display: none;
	}
	.pubPage .center{
		display: flex;
		justify-content: space-between;
		border: 0;
	}
	.pubPage .center .prev,.pubPage .center .next{
		display: inline-block;
		height: 30px;
		line-height: 30px;
		border: 1px solid #595858 !important;
	}
	.pubPage{
		padding: 15px;
	}
	.docnew-list {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
    
}