body {font-size: 12px; color:#333;}
body {margin: 0px; padding:0; background:url(images/bg.gif);}
#main{ width:990px; margin:0 auto; background:url(images/main_bg.png) repeat-y;}
.jrsc{padding:0; float:left;}
.lxwm{ padding:5px 0 0 0;float:left;}
#head{ width:990px; height:135px; margin:0 auto; background:url(images/logo.png) 15px 5px no-repeat;}
#nav{ width:970px; height:30px; margin:0 auto; padding:0 0 0 10px; float:left;}
#nav_mid{ width:954px; height:30px; background:url(images/nav_bg.png); float:left;}
#contant{ width:970px;overflow: hidden; margin:0 auto; padding:0 10px 0 10px;}
#footer{ width:970px; height:69px; padding:0; text-align:center;border-top:1px solid #DDD; clear:both; margin:10px auto;}
#nav_mid ul{width:auto; margin:0; padding-left:10px;}
#nav_mid ul li{ line-height:22px; list-style-type:none; float:left; background:url(images/line.png) right 10px no-repeat; padding:6px 21px 0 20px; margin:0;}
#nav_mid ul li a{ color:#FFFFFF; text-decoration:none;letter-spacing:2px;}
#nav_mid ul li a:hover{ color:#FF9900;text-decoration:none;}
#nav_mid .none{ background:none;}
#flash_top{ width:970px; height:150px; padding:0; margin:0 auto;}
#left{ width:280px; height:645px; padding:5px 0 0 0; float:left;}
#middle{ width:400px; height:645px; padding:5px 10px 0 10px; float:left;}
#right{ width:270px; height:645px; padding:5px 0 0 0; float:left;}
#pic{ width:948px; height:129px; margin:10px 0 15px; padding:9px 10px 0 10px; float:left; border:1px solid #d6d6d6;}
#link{ width:960px; height:20px; padding:0 0 0 10px; float:left; background:#6699ff; margin-bottom:15px; color:#fff;}
#link span{display:inline; font-weight:bold; color:#fcdd08;}
#zrzc{ width:280px; height:200px; background:url(images/zhuren_top.png) no-repeat; float:left; margin-bottom:10px;}
#zrzc_m{ width:280px; height:169px; margin-top:25px; background:url(images/zhuren_bg.png) repeat-y; float:left;}
#zrzc_m .zhici{ padding:10px 10px 0 10px;}
#zrzc_m span{ width:130px; color:#333;display: block;padding-top:15px;float:left;letter-spacing: 1px;font-size: 12px;white-space: normal;text-indent: 24px; margin:0; line-height:15px;}
#zrzc_m p a{ color:#333;display: block;padding:15px 10px 0 0;float:right;text-decoration:none; margin:0;}
#webmap{ width:280px; height:365px; background:url(images/webmap_top.png) no-repeat; float:left; margin-bottom:10px;}
#webmap_m{ width:280px; height:334px;margin-top:25px; background:url(images/zhuren_bg.png) repeat-y; float:left;}
#webmap_m ul{ margin:0; padding:7px 0 0 10px; float:left;}
#webmap_m ul li{list-style-type:none; line-height:18px; color:#333;}
#webmap_m ul li a{ text-decoration: none;}
.timu{ color:#408EBC; padding-left:15px; font-weight:bold; background:url(images/icon_1.png) left 1px no-repeat;}
.nr{ color:#333;padding-left:15px; background:url(images/icon_2.png) 5px 0 no-repeat;}
.nrt{ color:#333;padding-left:15px;}
.pt{ color:#333;}
#flash{ width:400px; height:260px; float:left; margin-bottom:10px;}
#news_tit{ width:400px; height:25px; background:#ddd url(images/news.png) 10px 5px no-repeat; float:left;}
.more{ width:37px; height:7px; background:url(images/more.png) no-repeat; margin:9px 10px 0 0; float:right; overflow:hidden;}
#news{ width:378px; height:148px; margin:10px; border:1px solid #BDD3FF; float:left; padding:0; display:inline;}
#news ul{ margin:0; padding:0; float:left;}
#news ul li{ list-style-type:none; line-height:29px;padding-left:15px; }
#news ul li a{ text-decoration:none; color:#333; letter-spacing:1px;}
#news ul li a:hover{ color:#03c; }
#keyan_tit{ width:400px; height:25px; background:#ddd url(images/keyan.png) 10px 5px no-repeat; float:left;}
#keyan{ width:380px; height:145px; margin:10px; float:left; padding:0; display:inline;}
#keyan ul{ margin:0; padding:0; float:left;}
#keyan ul li{line-height:28px; width:365px; padding-left:15px;list-style-type:none; border-bottom:1px #999999 dashed; background:url(images/icon_5.png) 5px 10px no-repeat;}
#keyan ul li a{text-decoration:none; color:#333; letter-spacing:1px;}
#keyan ul li a:hover{color:#03c; }
.riqi{ text-align:left;text-decoration:none; color:#333; letter-spacing:1px;}
#tuijian{ width:268px; height:134px; border:1px solid #ccc; border-top:none; float:left;margin-bottom:15px;}
#liuyan{ width:268px; height:278px; border:1px solid #ccc; background:url(images/liuyan_top.png) 1px 1px no-repeat; float:left;margin-bottom:15px;}
#liuyan ul{ margin:0; padding:25px 10px 0 10px; float:left;}
#liuyan ul li{line-height:30px; width:230px; padding-left:10px;list-style-type:none; border-bottom:1px #999999 dashed;}
#liuyan ul li a{text-decoration:none; color:#333; letter-spacing:1px; padding-left:5px;}
#liuyan span a{ color:#333;display: block;padding:10px 10px 0 0;float:right;text-decoration:none; margin:0;}
#contact{ width:168px; height:128px; border:1px solid #ccc; background:url(images/contact_top.png) 1px 1px no-repeat; float:left; padding-top:25px;}
#contact img{ padding:15px 0 0 5px; float:left; }
#contact1{ width:268px; height:128px; border:1px solid #ccc; background:url(images/contact_top.png) 1px 1px no-repeat; float:left; padding-top:25px;}
#contact1 img{ padding:15px 0 0 10px; float:left;}
#footer p{ padding-top:5px; margin:0; overflow:hidden; text-align:center;}
.di{color: #408EBC;font-weight: bold;}
/*自适应高度*/
#wrap{ width:970px;overflow: hidden; margin:0 auto; padding:20px 0 0 10px;}
#csideleft{ width:180px; float:left; }
#csideright{ width:763px; float:left; padding-left:15px; border-left:2px solid #ddd;}
#wrap:after{ display: block; height: 0; clear: both; visibility: hidden;}
#wrap{display: inline-block;}
/*\*/
#wrap{display: block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom: 0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0;}
}
/*左侧内容*/
#csltop{ width:168px; height:25px; float:left; background:url(images/lmdh.png) no-repeat; padding:0;}
#csnav{ width:160px; clear:both;margin:5px 0 20px 5px;}
#csnav ul{ width:160px; margin:0; padding:0;}
#csnav li{ margin:0; padding:3px 0 0 0; list-style-type:none; width:160px; line-height:42px; background:url(images/csnav_bg.png) 0 10px no-repeat; border-bottom:1px #999 dashed; text-align:center;}
#csnav li a{ color:#FFF; text-decoration:none;}
#csnav li a:hover{ color:#FF6600;}
/*右侧内容*/
#csideright span a{ padding:10px 0 0 15px; margin:0; letter-spacing:2px; color:#408EBC; font-weight:bold; text-decoration:none;}
#csr{ width:753px; border-top:1px solid #ddd; margin-top:10px; padding:10px 5px 5px 5px;}
/*向左滚动*/
#demopicture {
background: #FFF;
overflow:hidden;
width: 948px;
}
#demopicture img {
border: 3px solid #F2F2F2;
}
#indemopicture {
float: left;
width: 800%;
}
#demopicture1 {
float: left;
}
#demopicture2 {
float: left;
}

#demolink {
background:#6699ff;
overflow:hidden;
width: 880px; height:18px;
 padding-top:2px;
 float:left;
}
#demolink a {
border: 3px solid #6699ff; text-decoration:none; color:#fff;
}
#indemolink {
float: left;
width: 800%;
}
#demolink1 {
float: left;
}
#demolink2 {
float: left;
}
/*向上滚动*/
#demotop {
background: #FFF;
overflow:hidden;
height: 100px;
text-align: left;
float: left; 
margin:10px;
}
#demotop a {
display: block; text-decoration:none; color:#333; line-height:20px; padding:2px;
}
.headpic{ width:60px; height:45px; padding:10px 0 15px 900px; float:left;}
#search{ width:260px; height:20px; float:left; padding:0 0 10px 705px; margin:0;}
#search span{ height:16px; padding-top:4px; margin:0; float:left;}
#search .inputTxt{width:150px; color:#049; border:1px solid #B3C8E8;height:18px; float:left; padding:0; margin-right:5px;}
#search .refer{ width:40px; height:20px; background:url(images/search.png) no-repeat; border:0;  cursor:pointer; float:left; margin=:0;}