﻿*{
	padding: 0;
	margin: 0;
}
body{
/**	background-color: #e5e5e5;*/
	background-color: #f0f4fd;
	font-size: 13px;
}
#main{
	width: 980px;
	margin: auto;
	padding: 0 20px 40px 20px;
	background-color: #FFFFFF;
}
#header{
	height: 110px;
	position: relative;
	width: 980px;
	padding: 10px 20px 0;
	margin: auto;
/**	background: url(../images/comm/001_02.png) no-repeat center,
				url(../images/comm/jb01.png) ;*/
	background-color: #FFFFFF;
	overflow: hidden;
}
#footer{
	width: 890px;
	margin: auto;
	padding: 28px 0;
	text-align: center;
}
#footer .footer-nav {
	overflow: hidden;
	padding: 15px 0;
}
#footer .footer-nav ul{
	margin-left: 170px;
}
#footer .footer-nav li{
	float: left;
	padding: 0 10px;
}
#footer p{
	padding: 1px 0;
}
.banner{
	width: 100%;
	height: 408px;
	background-color: white;
}
.news{
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.news-box>li{
	width: 300px;
	float: left;
	margin-right: 30px;
	height: 310px;
}
.news-box li:last-child{
	margin-right: 0px;
}

#nav{ width:100%; position: absolute; bottom: 0;}
#navarea{ height:78px; margin:0 auto;}
#navarea ul {clear:both;float:left;width:960px;padding:4px 18px 0 18px;}
#navarea li {float:left;height:37px;font-size:14px;line-height:32px;}
#navarea a {float:left;display:inline-block;height:41px;padding:0 15px;text-decoration: none;color: #515151;}
#navarea .on a:link, #navarea .on a:visited, #navarea .on a:hover, #navarea .on a:active {float:left;display:inline-block;height:41px;padding:0 15px;color:#883161;}
#navarea .on a:link span, #navarea .on a:visited span, #navarea .on a:hover span, #navarea .on a:active span {display:inline-block;height:39px;border-bottom: 2px solid #883161;}
#navarea dl {clear: both; overflow:hidden;   padding:0; padding-top:4px; padding-left: 255px; border-bottom: 1px solid #dfdfdf;}
#navarea dt {float: left; font-size: 19px; line-height: 32px; }
#menu {clear:both; overflow:hidden;  color:#ffe9d6;height:37px; font-size: 16px; }
#menu li {float:left;padding:0 1px 0 1px; font-size:14px; color:#999;line-height:30px;}
#menu ul { width:890px; height:37px;padding:0px; margin:0px; margin-left:335px !important; _margin-left:50px; display:inline; _display:inline;}
#menu ul:nth-child(3) { margin-left:440px !important;}
#menu li a:link,#menu li a:visited {color:#666;text-decoration: none;}
#menu li a:hover,#menu li a:active {color:#883a61;text-decoration: none;}
#menu li strong {font-size:14px;font-weight:normal;}
#menu a {padding:0 12px;}
#menu a:link, #menu a:visited {color: #883a61;}
#menu a:hover, #menu a:active {color: #883a61;}
#menu span a:link, #menu span a:visited {color: #883a61;}
#menu span a:hover, #menu span a:active {color: #883a61;}

/* 本例子css */
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.news-box .title{
	color: #7f3661;
	font-size: 16px;
	padding-left: 10px;
	border-left: 4px solid #818181;
	margin-bottom: 10px;
}
.news-box .title a{
	color: #7f3661;
}
.news-box .xd-jianjie img{
	width: 100px;
	height: 110px;
	float: left;
	margin-right: 10px;
}
.news-box .xd-jianjie {
	line-height: 30px;
	font-size: 12px;
}

.news-box .xd-dongtai,.news-box .xd-guandian{
	border-top: 3px solid #e1e1e1;
}
.news-box .xd-dongtai li{
	border-bottom: 1px solid #bd90a5;
	padding: 5px 0;
	font-size: 14px;
}
.news-box .xd-dongtai li .data{
	font-size: 12px;
	color: #767676;
	padding-bottom: 4px;
}

.news-box .xd-guandian li {
	font-size: 13px;
	padding: 4.5px 0;
	padding-left: 15px;
	background: url(../images/comm/dic.png) no-repeat 6px center;
}

.only-banner{
	height: 160px;
	width: 100%;
	background-color: white;
}
.only-banner img{
	width: 100%;
	height: 100%;
}
.content {
	width: 100%;
	overflow: hidden;
	padding-top: 30px;
}
.content .left {
	width: 150px;
	float: left;
}
.content .right {
	width: 740px;
	float: right;
	padding: 30px 0 0 30px;
}
.content .left .title{
	padding-left: 10px;
	border-left: 4px solid #818181;
	color: #818181;
	margin-bottom: 18px;
}
.content .left .list-nav{
	overflow: hidden;
}
.content .left .list-nav li{
	color: #b5b5b5;
	border-top: 1px dotted #B5B5B5;
	padding: 6px 0;
	padding-left: 15px;
	font-size: 13px;
	background: url(../images/comm/dic.png) no-repeat 6px center;
}
.content .left .list-nav li.on{
	color: #8a3e62;
	font-weight: bold;
}

.alone-page{
	line-height: 30px;
}
.right{
/**	background: url(../images/comm/jb03.png) no-repeat;*/
	min-height: 570px;
}
.right .piclist {
	width: 100%;
}
.right .piclist li{
	margin-bottom: 50px;
}
.right .piclist li img{
/*	width: 160px;*/
	height: 130px;
	margin-right: 20px;
	margin-left: 20px;
}
.right .piclist li .pic-introduce {
	width: 550px;
	float: right;
	font-size: 12px;
	padding-right: 10px;
}
.right .piclist li .pic-introduce p.title{
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #B5B5B5;
	font-weight: bold;
}
.right .piclist li .pic-introduce p.title a{
	color: #8a3e62;
}
.right .piclist li .pic-introduce p.intro{
	line-height: 25px;
	padding-right: 75px;
}
.right .piclist li .pic-introduce p.intro .more{
	color: #8a3e62;
	float: right;
}

.list li{
	padding-bottom: 20px;
	padding-right: 20px;
}
.list li a{
	color: #494949;
}
.list li a:hover{
	color: #753859;
}
.list li span{
	float: right;
	color: #afafaf;
}

.news-content p.title{
	font-size: 22px;
	color: #753859;
}
.news-content p.more-info{
	padding: 15px 0;
}
.news-content p.more-info span{
	color: #afafaf;
	margin-right: 100px;
}
.right.news-content{
	padding-right: 30px;
	width: 710px;
}
.right .piclist-column {
	width: 100%;
}
.right .piclist-column li{
	margin-bottom: 45px;
	float: left;
	width: 50%;
	height: 120px;
}
.right .piclist-column li img{
	width: 170px;
	margin-right: 20px;
}
.right .piclist-column li .pic-introduce {
	width: 510px;
	float: right;
	font-size: 12px;
	padding-right: 10px;
}
.right .piclist-column li .pic-introduce p.title{
	padding-bottom: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.right .piclist-column li .pic-introduce p.title a{
	color: #83355d;
}
.right .piclist-column li .pic-introduce p.intro{
	line-height: 25px;
	padding-right: 75px;
	text-indent: 2em;
	color: #868686;
}
.right .piclist-column li .pic-introduce p.intro .more{
	color: #8a3e62;
}

.pagination{
	text-align: center;
	display: inline-block;
}
.pagination li{
	float: left;
	padding: 0 7px;
}
.pagination .active a{
	color: #8a3e62;
	font-weight: bold;
}
.page{
	text-align: center;
	display: block;
	overflow: hidden;
}
.website{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0 5px;
}
.website li{
	float: left;
	padding: 5px 10px;
}
div.box{
	width: 100%;
}
.form-div{
	float: left;
	width: 50%;
	padding: 0 0 30px 0;
}
.form-div span{
	color: #ADADAD;
	display: inline-block;
	width: 100px;
	text-align: right;
	letter-spacing: 5px;
}
.form-div input{
	height: 30px;
}
.form-div:nth-child(5),.form-div:nth-child(6){
	width: 100%;
}
.form-div:nth-child(5) input{
	width: 510px;
}
.form-div:nth-child(6) textarea{
	width: 510px;
	height: 300px;
	margin-left: 5px;
}
.form-div:nth-child(6) span{
	float: left;
}
.submit-btn-box{
	text-align: center;
}
.submit-btn{
	width: 110px;
	height: 33px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	letter-spacing: 3px;
	color: #913c43;
}
