body{ margin:0px; padding:0px; font-size:12px; color:#333333; background:#F2F2F2; font-family:Arial, Helvetica, sans-serif}
ul,li{ margin:0px; padding:0px; list-style:none}
*{ margin:0px; padding:0px;}
img{ vertical-align:middle}
a,a:link,a:visited{ color:#333333; text-decoration:none}
#top{ width:980px; margin:0 auto}
#top .logo {
    float: left;
    width:200px;
    height: 60px; line-height:60px;
}
#top .logo a{overflow: hidden;
    font-size:28px;
    cursor: pointer;
    display: block;

	}
#top .logo img{ height:60px;}

#navBar{ border:1px solid #333}
#navBar ul li:hover,#navBar ul li a:hover{ color: #F00!important;background: #FFF;text-decoration:none;}

.content {
    width: 980px;
    margin: 0 auto;
}

#navBar{ width:980px; margin:0 auto; background:#5D724B}
#navBar ul{height:40px; display:block}
#navBar ul li{ float:left;line-height: 40px; padding:0px 10px; margin:0px 25px;
    text-align: center;
    font-family: ΢ÈíÑźÚ;}
#navBar ul li a,#navBar ul li a:visited{ color:#FFF; display:block!important;
    text-align: center;
    font-size: 14px;
    font-family: ΢ÈíÑźÚ;
    font-weight: bold;}
.banner img{ width:100%; height:360px;}
#slideshow {

	height:360px;
	position: relative;
	margin: 0 auto;

}

#slideshow img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s ease-in-out;
}

#slideshow img.active {
	opacity: 1;
}

#slideshow .controls {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#slideshow .controls button {
	background-color: #fff;
	border: none;
	padding: 10px;
	cursor: pointer;
}
#wrapper{ margin:0 auto; width:980px; margin-top:10px;}


#index-con{ width:980px; margin:0 auto;box-shadow: 1px 0px 5px #717171; background:#FAFAFA}
.index_about{ padding:4px;}
.zcs{ float:left; width:460px;}
.zcs img{ width:100%}
.rcx{ float:right; width:480px; border:1px solid #999; padding:10px;}
.rcx li{ line-height:40px; list-style:disc; margin-left:20px; font-size:16px}
.rcx li a{ color:#69F}
h3.s1{height:30px; line-height:30px; font-size:18px; margin-left:20px;}
P.about_con {padding:15px 20px;text-indent: 2em; line-height:28px; font-size:14px;

}

.pro_xs {
    padding: 10px;
}
.pro_xs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pro_xs ul li {
    float: left;
    width: 228px; margin-right:5px; margin-left:5px;border:1px solid #CCCCCC; border-radius:6px;
    background: #F6F6F6;
}

.pro_xs img {
    width:100%;
    height:180px;
}
.index_product img:hover{ transform: scale(1.2); transition:all 0.6s}
.pro_xs p{
    text-align: center;
    line-height:30px;
    font-size: 14px; text-indent:0;

}
.index_product{margin-top:10px;}
.index_product p{ line-height:26px; font-size:14px; padding:5px 20px; text-indent:2.0em;}
.art_list{ padding-bottom:20px;}
.post_box{ padding:10px 10px; margin:10px 10px; background:#FFFFFF; border-bottom:2px solid #666;}

.post_img{ float:left; height:100px; width:150px; margin-right:10px;}
.post_img img{ width:150px; height:100px;border-radius: 4px;}
.post_body{min-height:100px;}

.post_t{line-height:20px; font-size:17px;overflow: hidden; white-space:nowrap;
text-overflow: ellipsis;}

.post_p{color: #999; min-height:60px;
    font-size: 12px;word-wrap: break-word;
    line-height: 20px; margin-bottom:6px;}
	
.post_meta{ float:right;
    padding:0px 6px;;
    font-size: 12px;
    color: #2E2821;
}
.post_des {
    padding: 2px 6px;
    font-size: 12px;
    background: #469209;
    border: none;
    border-radius: 4px;
    margin: 2px 0px;
    color: #FFF;
}


.art_content {
    background: #F7F7F7;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}

h1.art_title {
    padding: 10px 10px 10px 10px;
    margin: 0;
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: 800;
}

.art_date {
    margin: 0 0 0 0;
    padding: 5px 15px 8px 15px;
    font-size: 12px;
    text-align: center;
    color: #666666;
    border-bottom: 1px dashed #E1D4C0;
}
.mp3{ text-align:center; border:1px solid #666; margin:0px 300px;}
.art_entry { padding:10px;}
.art_entry p{ text-indent:2.0em; font-size:14px; line-height:30px;}
.art_entry li{ line-height:30px; font-size:14px; list-style: square; margin-left:50px;}
.art_entry img{ max-width:100%;}
.art_entry h3{ margin:10px 0px; font-size:16px}
.art_entry h4{ margin:10px 0px; color:#F00; font-size:15px;}
.ctimg{ text-align:center}
.ctimg img{ max-width:600px;}


.artcont{ padding:10px;}
.artcont p{ line-height:30px; font-size:16px; text-indent:2.0em;}
.ctx{ text-align:center}
.rwjs {
	padding:10px;
	margin:12px 5px;
	border:1px solid #333;
	background: #FFF;
	color: #333
}
.rwjs h2 {
	height:30px;
	font-size:14px;
	margin:0;
	padding:0;
	border-bottom:1px solid #8A4933;
	margin-bottom:10px;
}
.rwjs p {
	line-height:26px;
	font-size:14px;
	display:block;
	min-height:100px;
}
.itzp {
	float:right;
	width:160px;
	margin-left:10px;
}
.itzp img {
	width:100%;
	height:100px;
	border-radius:16px;
}
.itzp img:hover{transform:scale(1.2);transition: all 0.6s;}
.lybox{ margin-top:20px; padding-bottom:20px;}
.lybox .p1{ height:26px; width:300px}
.lybox .p2{ height:160px; width:500px; line-height:20px;}
.lybox .p3{ width:16px; height:16px;margin:0px 5px; vertical-align:middle}
.lybtn{ width:100px; height:30px; border:none; background:#666666; color:#FFFFFF}

.regbox{ padding:10px;}
.regbox td{ padding:15px 10px;}
.regbox td:nth-child(1){ text-align:right;}
.regbox .p1{ width:300px; height:24px;}
.regbox .p2{ width:300px; height:30px;}
.regbox td.tj input{ width:120px; height:28px; margin:0px 10px;}
.regbox .p3{ background:#399; color:#FFF}
.regbox .p4{ background: #666; color: #FFF}
#footer{width:980px; margin:0 auto;margin-top:10px; border:1px solid #999;border-top:4px solid #5D724B}
#footer p{ line-height:60px; text-align: center; font-size:14px}