﻿/*====================== 
	written by visc
	cnvisc@gmail.com
	20091208
========================*/
body{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	background:#fff;
	color:#444;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	line-height:1.75em;
	text-align:left;
}
div,form,ul,ol,li,dl,dt,dd,cite,p{margin:0; padding:0; border:none;}
h1,h2,h3,h2,h5,h6 { margin:0; padding:0;}
table,td,tr,th { margin:0;padding:0;}
td{ word-break:break-all; word-wrap:break-word;}
img{ margin:0; padding:0; border:none; display:block;}
input,textarea,select{font-size:12px}
ol,ul{ list-style:none;}

a,a:visited{ color:#444; text-decoration:none}
a:hover{ color:#834419; text-decoration:underline}

/*others*/
.clear{ clear:both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float:left}
.fr{float:right}

/*wrap*/
#wrap{ width:910px; height:auto; margin:0 auto}

/*header*/
#topBox{ width:100%; height:51px; background:url(../images/bg_topbox.gif) left top repeat-x; color:#834419}
#topBox .cont{ width:910px; height:auto; margin:0 auto}
#topBox .cont p{ line-height:30px; }
.topLink{ width:255px; height:21px; background:url(../images/bg_toplink.gif) left top no-repeat; margin-top:31px; text-align:center; color:#fff;}
.topLink a,.topLink a:visited{ color:#fff; text-decoration:none}
.topLink a:hover{ color:#fff; text-decoration:underline}

#header { width:100%; height:85px; overflow:hidden;}
#logo{ width:241px}
#nav { width:669px; padding-top:18px;}
#slidingBlock {
	background:url(../images/nav1.gif) right top no-repeat;
	height:68px;
	over-flow:hidden;
	color:#fff;
	letter-spacing:0.1em;
	padding-left:28px;	
}
#slidingBlock h2 {
	float:left;
	width:90px;
	height:38px;
	line-height:38px;
	text-align:center;
	font-size:14px;	
	over-flow:hidden;
	margin-bottom:1px;
	padding-top:3px;
}
#slidingBlock h2 a,#slidingBlock h2 a:visited{color:#fff; text-decoration:none; }
#slidingBlock h2 a:hover{ color: #ba0000; text-decoration:none}
#slidingBlock h2.menuNo { color: #ba0000;}
#slidingBlock h2.menuOn { background:url(../images/navbg.gif) left top no-repeat; color:#ba0000;}
#slidingBlock h2.menuOn a,#slidingBlock h2.menuOn a:visited,#slidingBlock h2.menuOn a:hover{ color: #ba0000; text-decoration:none}
#slidingBlock div.slidingList_none { display:none;}
#slidingBlock div.slidingList { clear: both;}
#slidingBlock div.slidingList ul {
	height: 20px;
	float: left;
	border-top:1px #f50000 solid;
	border-bottom:1px #f50000 solid;
}
#slidingBlock div.slidingList li {
	height:20px;
	line-height:20px;
	float: left;
	padding:0 5px;
}
.slidingList_leftbg{
	float: left;
	width: 10px;
	height: 22px;
	background: url(../images/nav_bg.gif) right top no-repeat;
}
.slidingList_rightbg{
	float: left;
	width: 10px;
	height: 22px;
	background: url(../images/nav_bg1.gif) left top no-repeat;
}

#slide{ width:910px; height:393px; margin:0 auto;}

/*sidebar*/
#sidebar { width: 266px;}
#sidebar h2{
	width:100%;
	background: url(../images/bg_sidebar_tt01.gif) left top no-repeat;
	height:31px;
	line-height: 28px;
	font-size: 13px;
	color: #fff;
	text-indent:4em;	
	margin-top:10px
}
#sidebar h3{
	width:100%;
	background: url(../images/bg_sidebar_tt02.gif) left top no-repeat;
	font-size: 13px;
	color: #FFFFFF;
	text-indent:4em;
	height: 31px;
	line-height: 24px;
	padding-top: 9px;
}
#sidebar h2 a,#sidebar h2 a:visited,#sidebar h3 a,#sidebar h3 a:visited{ color:#fff; text-decoration:none}
#sidebar h2 a:hover,#sidebar h3 a:hover{ color:#fff; text-decoration:underline}
#sidebar .cont{ width:100%; height:auto; background: url(../images/bg_sidebar_cont.gif) left top repeat-y;}
#sidebar .map img{ width:222px; margin:0 auto}
#sidebar .media li{
	margin-left: 35px;
	line-height: 22px;
	background: url(../images/dot.gif) left center no-repeat;
	padding-left: 15px;

}
#sidebar .bot{ width:100%; height:22px;	background: url(../images/bg_sidebar_bot.gif) left top no-repeat;}
#demo5{  width:222px; height:149px; margin:0 auto; overflow:hidden;}
#demo5 ul li{ width:216px; height:143px; overflow:hidden; border:3px #ca0000 solid}

/*main*/
#main{ width:630px; height:auto; margin-top:10px} 
.mainTop{ width:100%; height:12px; overflow:hidden; background:url(../images/bg_main_top.gif) left top no-repeat}
.mainTop2{ width:100%; height:23px; line-height:23px; overflow:hidden; background:url(../images/bg_mainTop2.gif) left top no-repeat; margin-top:10px;}
.mainTop2 h2{ font-size:12px; font-weight:700; color:#bf0603; text-indent:3.5em; padding-top:3px}
.mainTop2 h2 a,.mainTop2 h2 a:visited{ color:#bf0603; text-decoration:none}
.mainTop2 h2 a:hover{ color:#834419; text-decoration:underline}
.mainTop2 span{ padding:8px 15px 0 0}
.mainBot{ width:100%; height:9px; overflow:hidden; background:url(../images/bg_main_bot.gif) left top no-repeat}
.mainCont{ width:100%; overflow:hidden; background:url(../images/bg_main_cont.gif) left top repeat-y}

.mainTop3{ width:100%; height:36px; overflow:hidden; background:url(../images/bg_cont_top.gif) left top no-repeat}
.mainBot3{ width:100%; height:8px; overflow:hidden; background:url(../images/bg_cont_bot.gif) left top no-repeat}
.mainCont3{ width:100%; overflow:hidden; background:url(../images/bg_cont_mid.gif) left top repeat-y}
.crumb{ padding-top:15px; font-size:13px; color:#ba0000; background:url(../images/arr01.gif) left 20px no-repeat; margin-left:20px; text-indent:1.8em}
.crumb a,.crumb a:visited{ color:#ba0000; text-decoration:none}
.crumb a:hover{ color:#444; text-decoration:underline}

.mainCont3 { padding:10px 0 0 0}
.mainCont3 .list ul{ padding:0 25px}
.mainCont3 .list ul li{ font-size:14px; line-height:35px; border-bottom:1px #d3998d dashed; background:url(../images/arr02.gif) left center no-repeat; text-indent:1.5em}
.mainCont3 .list ul li span{ font-size:12px; color:#999}

.pages{ width:100%; text-align:center; padding:20px 0; font-size:14px}
.pages a,.pages a:visited{ margin-left:5px; margin-right:5px; border:1px solid #9b0000; padding:2px 8px;}
.pages a.current{ color: #fff; border:1px #9b0000 solid; background:#ce0000;}
.pages a:hover{	color: #fff; border:1px #9b0000 solid; background:#ce0000; text-decoration:none;}

.mainCont3 .article{ padding:10px 25px 20px 25px}
.mainCont3 .article h1{ font-size:20px; color:#ba0000; background:url(../images/bg_article.gif) left bottom no-repeat; padding-bottom:10px; text-align:center;}
.mainCont3 .article .cont{ font-size:14px}
.mainCont3 .article .cont p{ line-height:28px; margin-top:20px}
.mainCont3 .article .info{ width:100%; border-top:1px #ccc dashed; padding-top:10px; margin-top:10px; text-align:right; color:#999}
.mainCont3 .article .info a,.mainCont3 .article .info a:visited{ color:#999; text-decoration:none}
.mainCont3 .article .info a:hover{ color:#444; text-decoration:underline}
.mainCont3 .article .preview { width:100%; border-top:1px #d3998d solid; background:#fbebe8; margin-top:10px; line-height:30px; font-size:14px}
.mainCont3 .article .preview p{ padding:10px}
.mainCont3 .article .related{ margin-top:10px}
.mainCont3 .article .related h2{ font-size:14px; background:url(../images/bg_related.gif) left center no-repeat; text-indent:2.5em}
.mainCont3 .article .related ul li{ line-height:35px; border-bottom:1px #d3998d dashed; background:url(../images/dot.gif) left center no-repeat; text-indent:1.5em}
.mainCont3 .article .related ul li span{ font-size:12px; color:#999}

.mainCont3 .picList ul{ padding:0 15px 0 25px}
.mainCont3 .picList ul li{ float:left; padding:0 12px 10px 0}
.mainCont3 .picList a img{ width:125px; height:94px; border:1px #ccc solid; padding:4px}
.mainCont3 .picList a:hover img{ border:1px solid #884B21;}

.box01{ width:263px; padding:10px 0 0 15px}
.box01 .tt{ width:100%; height:22px; line-height:23px; background:url(../images/bg_tt01.gif) left top no-repeat}
.box01 .tt h2{ font-size:12px; font-weight:700; color:#fff; text-indent:3em}
.box01 .tt span{ padding:5px 10px 0 0}
.box01 .tt h2 a,.box01 .tt h2 a:visited{ color:#fff; text-decoration:none}
.box01 .tt h2 a:hover{ color:#fff; text-decoration:underline}
.box01 p{ padding:5px; text-indent:2em}
.box01 p span{ color:#f60}

.boxCont01{ margin-top:10px}
.boxCont01 img{ border:1px #d1bda8 solid; padding:2px; float:left; margin-left:3px; width:118px; height:80px;}

.box02,.box03{ width:321px; padding:10px 15px 0 0}
.box02 .tt,.box03 .tt{ width:100%; height:22px; line-height:23px; background:url(../images/bg_tt02.gif) left top no-repeat}
.box02 .tt h2,.box03 .tt h2{ font-size:12px; font-weight:700; color:#fff; text-indent:3em}
.box02 .tt span,.box03 .tt span{ padding:5px 10px 0 0}
.box02 .tt h2 a,.box02 .tt h2 a:visited,.box03 .tt h2 a,.box03 .tt h2 a:visited{ color:#fff; text-decoration:none}
.box02 .tt h2 a:hover,.box03 .tt h2 a:hover{ color:#fff; text-decoration:underline}
.box02 ul{ padding:5px}
.box02 ul li{ background: url(../images/dot.gif) left center no-repeat; text-indent:1em; line-height:25px}
.box02 ul li span{ color:#999; font-size:11px}

.boxCont02{ width:319px; height:86px; overflow:hidden; border:1px #d1bda8 solid; margin-top:10px}
.boxCont02 ul li{ background:none; text-indent:0}

#demo { width:310px; height:80px; margin:0 auto; overflow:hidden;}
#demo ul li{ float: left;}
#demo img { margin:0 3px; width:118px; height:80px;}
#indemo { float: left; width: 800%;}
#demo1 { float: left; margin:0 3px;}
#demo2 { float: left;}

#demo8 { width:600px; height:140px; margin:0 auto; overflow:hidden; margin-top:6px}
#demo8 ul li{ float:left;}
#demo8 img { margin:0 3px; width:200px; height:136px; border-right:2px #e7e6e6 solid; border-bottom:2px #e7e6e6 solid;}
#demo9 { float:left; margin:0 3px;}
#demo10 { float:left;}

/*service*/
.service{ padding-bottom:20px}
.box{ width:290px; height:auto; margin-top:10px; overflow:hidden; float:left; padding-left:15px}
.box .tt{ width:100%; height:22px; line-height:23px; background:url(../images/bg_tt03.gif) left top no-repeat}
.box .tt h2{ font-size:12px; font-weight:700; color:#fff; text-indent:3em}
.box .tt span{ padding:5px 10px 0 0}
.box .tt h2 a,.box .tt h2 a:visited{ color:#fff; text-decoration:none}
.box .tt h2 a:hover{ color:#fff; text-decoration:underline}
.box .cont img{ border:1px #d1bda8 solid; padding:2px; float:left; margin:10px 0 0 10px; width:118px; height:80px;}

.box03{ width:595px; height:auto; margin:0 auto; padding-left:15px}
.box03 .tt{ width:100%; height:22px; line-height:23px; background:url(../images/bg_tt04.gif) left top no-repeat}
.box03 .tt h2{ font-size:12px; font-weight:700; color:#fff; text-indent:3em}
.box03 .tt span{ padding:5px 10px 0 0}
.box03 .tt h2 a,.box03 .tt h2 a:visited{ color:#fff; text-decoration:none}
.box03 .tt h2 a:hover{ color:#fff; text-decoration:underline}
.box03 #demo8{ width:580px; margin-top:10px}

/*taocan*/
.taocan{ padding:10px 25px 20px 25px}
.taocan table{ border-collapse:collapse; width:100%; border:1px #ddd solid; overflow:hidden}
.taocan table th{ height:20px; line-height:20px; background:#f5f5f5}
.taocan table th,.taocan table td{ border:1px #ddd solid; padding:5px;}

/*guestbook*/
.post{ font-size:12px}
.post label{ display:block; margin-top:5px}
.post .input{ width:50%; height:auto; border:1px #ccc solid; padding:5px}
.post .textarea{ width:90%; height:150px; border:1px #ccc solid; padding:5px}
.post .btn{ border-right:1px #ccc solid; border-bottom:1px #ccc solid; padding:5px 3px 2px 5px; margin-top:5px}
.post span{ display:block; color:#666}
.post a,.post a:visited{ color:#834419; text-decoration:underline}
.post a:hover{ color:#444; text-decoration:none}

/*link*/
#link{ width:100%; height:auto; margin-top:10px}
#link .tt{ width:100%; height:23px; line-height:23px; overflow:hidden; background:url(../images/bg_link_top.gif) left top no-repeat}
#link .tt h2{ font-size:12px; font-weight:700; color:#bf0603; text-indent:3.5em; padding-top:3px}
#link .bot{ width:100%; height:8px; background:url(../images/bg_link_bot.gif) left top no-repeat}	
#link .cont{ width:100%; height:120px; overflow:hidden; background:url(../images/bg_link.gif) left top repeat-y}
.linkImg{ padding:0 20px}
.linkImg img{ float:left; padding:10px}
.linkList{ width:870px; margin:0 auto; border-top:1px #ddd dashed; padding:10px 0}
.linkList ul li{ float:left; padding:0 10px 10px 0}

/*footer*/
#footer{ width:910px; height:auto; margin:0 auto; text-align:center; margin-top:10px; padding:0 0 5px 0;}
.footLink{ width:100%; height:30px; line-height:30px; background:#fef7f1}