/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,li{ margin:0 auto; padding:0;}
img{ border:0;}
ul,li{ list-style:none;}

body{ font:12px/180% "microsoft yahei"; color:#3b3b3b;}
a{ color: #3b3b3b; text-decoration:none;}
a:hover{ color:#D20E19; text-decoration:underline;}

/*#mainbody{ margin:0 auto; background: url(../images/page_top.gif) no-repeat right top;}
*/
.page{ background:url(../images/pg_bg.gif) center top;}
#web_body{ background:url(../images/page_top.gif) no-repeat right top;}
#headerbody{ height:50px; background:url(../images/headbg.png) repeat-x; position:absolute; top:15px; left:0; right:0; z-index:99999;}
#header{ width:320px; margin:0 auto}
#logo{ position:absolute;top:50%; margin-top:-37px; z-index:999999;}
#home{ float:right; width:40px; height:40px; margin:3px 7px auto auto;}

.bannerbody{ height:226px; overflow:hidden; background:url(../images/ban.jpg) repeat-x;}
#banner { /*margin: 30px auto 0px auto;*/ padding: 0px; width: 320px; height: 226px; }
.slides { margin: 0px auto; width: 320px; height: 226px; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 320px; overflow: hidden; list-style: none; }
.slide-pic img { width: 320px; height: 226px; }
.slide-pic li { display: none; }
.slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }
.slide-li li { margin: 0px; padding: 0px; width: 160px; height: 10px; float: left; overflow: hidden; list-style: none; }
.slide-li a { width: 160px; height: 10px; color: #000; font-size: 12px; display: block; }
.slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999; filter: alpha(opacity=60); opacity: 0.6; }
.op li.cur { background: #5DA302; }
.slide-txt span { display: none; }


#procatsbody{ background:#FFF;}
#procats{ width:300px; height:90px; padding:10px;/*filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;*/ background:#FFF; border-radius:5px}
/*英文版的.marqueeleft{ overflow:hidden; height:100px; width:320px; float:right; background-color:#FFF;}
.marqueeleft ul{ float:left;}
.marqueeleft li{ float:left; width:95px;}*/
#procats li{ float:left}
#procats li a{ float:left; width:73px; padding: 3px 0 0 20px; text-align:center;}

#procats1{width:300px; height:90px; padding:10px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background:#FFF; border-radius:5px; margin-top:10px}
#procats1 li{ float:left;}
#procats1 li a{ float:left; width:73px; padding: 3px 0 0 20px; text-align:center;}


#menubody{height:150px; background:url(../images/bg_z9o4.png) center repeat-x;}
#menu{ width:320px;}
#menu ul{ padding-top:22px;}
#menu li{ float:left;}
#menu li a{ float:left; width:70px; height:30px; line-height:30px; text-align:center; margin-left:8px; display:block; margin-top:16px; background:url(../images/menubg.png) center no-repeat; color:#ffff00;}
#menu li a:hover{ background:url(../images/menubg_hover.png) center no-repeat; color:#ffff00}

#body_con{ background:#FFF;}
#about{ height:180px; width:320px;}
#title{ width:320px; height:25px; line-height:25px; text-align:center;}
#title span{ font-size:14px;}
#title i{ font-size:11px; color:#999; text-transform:uppercase;}
#title1{ width:320px; height:25px; line-height:25px; text-align:center; color:#d20e19; font-weight:bold}
#title1 span{ font-size:14px; }
#title1 i{ font-size:11px; color:#666; text-transform:capitalize}
#about #cont{ height:125px; padding:22px 5px 15px 5px;}
#about #cont div{ float:left; width:142px;}
#about #cont img{ float:right; border:1px solid #E6E6E6; padding:3px}

#news{ width:320px;}
#news #content{/*background:url(../images/newsbg.png) no-repeat;*/ margin-top:10px; padding:3px 5px 5px 5px;}
#news #content #newslist{ margin-top:3px; border-bottom:1px dotted #B0B0B0;}
#news #content #newslist span{ float:right;}

#footbody{ height:55px; background:url(../images/footerbg.png) center repeat; border-top:1px solid #FFF;}
#foot{ width:320px; height:55px; text-align:center; color:#FFF; line-height:25px;}

/*内页css*/
#pagecats{ width:320px;}
#pagecats ul{ padding-top:10px;}
#pagecats li{ float:left;}
#pagecats li a{ float:left; width:100px; height:30px; line-height:30px; background:url(../images/cats.png) no-repeat;text-align:center; margin:5px 3px; color:#F6E944}
#pagecats li a:hover,#pagecats li .curr{ background:url(../images/cats_hover.png) no-repeat; color:#F6E944}

#mainbody{ height:auto; width:320px; margin:10px auto; background:#FFF; border-radius:8px; overflow:hidden;}
#body{ background-image:url(../images/ab.png); background-repeat:no-repeat; background-position:center bottom; overflow:hidden;}
#body_content{ margin:5px;}
#body_content img{width: expression(this.width > 300 ? '300px': true);max-width:300px; height:auto !important}
#news_title{  text-align:center; font-weight:bold; font-size:14px; padding:5px 0; color:#d20e19}
#news_time{ text-align:center; border-bottom:1px solid #C4B782;}
#news_con{ padding:3px;}
#news_con img{ display:block;}


.catname{ padding:5px 0; border-bottom:1px solid #C4B782;}
.catname a{ float:right; color:#c60;}
.catname h3{ color:#d20e19;}
.newscatul li{ border-bottom:1px dotted #C4B782; padding:2px 0;}
.news_time{ float:right;}
.news_title{ margin-right:100px; width:100%; display:block;}
.news_title a{ background:url(../images/dot.gif) 0px 8px no-repeat; padding-left:12px;}

#body_content .imglist{ width:137px; height:111px; padding:3px; margin:5px; float:left;}
#body_content .imglist .proimg{ border:1px solid #C4B782; padding:2px; border-radius:5px}
#body_content .imglist .proimg:hover{ border:1px solid #D20E19;}
#body_content .imglist .proimg img{ height:90px; max-width:140px;}
#body_content .imglist a{ text-align:center; display:block;}
#body_content .imglist:hover >a{ color:#D20E19}

#canshu{  border-bottom:1px solid #FE9901;}
#canshu span{ display:inline-block; background:#FE9901;padding:3px; border-top-left-radius:5px; border-top-right-radius:5px; color:#FFF; font-weight:bold;}
#detail{  border-bottom:1px solid #FE9901;}
#detail span{ display:inline-block; background:#FE9901;padding:3px; border-top-left-radius:5px; border-top-right-radius:5px; color:#FFF; font-weight:bold;}

#pagelist{ margin:10px auto; min-height: 100px; border-bottom:1px dotted #C4B782; padding-bottom:10px;}
#pagelist img{ float:left; border:2px solid #C4B782}
#pagelist .pagecon{ margin-left:130px; line-height:19px;}
#pagelist .pagecon h3{ color:#d20e19;}
#pagelist .pagecon a{ color:#C60; text-decoration:underline;}

.m_l{ float:left; margin-bottom:20px; padding-top:30px;}
#museum a{ float:left; display:block; width:89px; height:37px; padding-top:28px; line-height:37px; overflow:hidden; text-align:center; font-size:14px; font-family:"microsoft yahei"; color:#222; background:url(../images/m_m.gif) no-repeat; margin-bottom:20px;}
#museum a:hover{ color:#c00; background:url(../images/m_m_h.gif) no-repeat; text-decoration:none;}
.m_r{ float:left; margin-bottom:20px; padding-top:30px;}
.mueseum_wra{ width:155px; float:left;}

/*分页pages*/
#pages{ text-align:center; margin-top:15px; line-height:26px; clear:both; padding-top:2px;}
#pages span{ padding:0 10px; display:inline-block; border:solid 1px #D20E19; color:#fff; background:#D20E19; margin:0 3px;}
#pages a{ display:inline-block; padding:0 10px; border:solid 1px #dfdfdf; color:#333; margin:0 3px;}
#pages a:hover{ border:solid 1px #D20E19; color:#fff; background:#D20E19; text-decoration:none;}
/*分页pages*/

