@charset "utf-8";
* {
margin: 0px;
padding: 0px;
border:0;
font-family: Arial, Helvetica, sans-serif, "";
}
body {
background: #ffffff url(images/bgbody.jpg) repeat-x top;
}
a {color:#000; text-decoration:none;font-size:12px;}
a:hover {color:#900; text-decoration:underline;}
li { list-style-type:none;}



#box {
width:1006px;
height:auto;
margin:0 auto;
}
#header {
width:100%;
height:350px;
position:relative;
}
#logo {
width:auto;
height:auto;
position:absolute;
top:0;
left:0;
z-index:9;
}
#bgswf {
width:100%;
height:300px;
position:absolute;
bottom:30px;
left:0;
z-index:1;
}
#banner {
width:956px;
height:236px;
position:absolute;
bottom:0;
left:25px;
z-index:3;
}
#flower {
width:1006px;
height:214px;
position:absolute;
bottom:-35px;
left:0;
z-index:4;
}
#nav {
width:auto;
height:auto;
position:absolute;
right:30px;
top:45px;
z-index:10;
}
#yun {
width:auto;
height:auto;
position:absolute;
top:0;
right:0;
z-index:2;
}
#header_bot {
width:199px;
height:17px;
line-height:17px;
text-align:center;
position:absolute;
right:40px;
top:10px;
z-index:10;
background: url(images/header01.gif) no-repeat;
}
#header_bot a {
color:#fff;
font-size:12px;
padding:0 14px;
}


#footbg {
width:100%;
height:auto;
background: url(images/bgfoot.gif) no-repeat center bottom;
}
#main {
width:940px;
height:auto !important;
min-height:300px;
height/**/:300px;
margin:0 auto;
}
#left {
width:290px;
height:auto;
float:left;
}
#right {
width:640px;
height:auto;
float:right;
}
.notice {
width:290px;
height:270px;
position:relative;
}
.notice h1, .link h1 {
width:100%;
height:25px;
position:relative;
margin:26px auto 0;
border-bottom:2px solid #62A4C3;
}
.notice .more1 {
width:auto;
height:auto;
line-height:29px;
position:absolute;
right:0;
}
.more1 a {color:#62A4C3;font-size:12px; font-weight:normal;}
.notice .notice_img {
width:120px;
height:80px;
padding:5px;
position:absolute;
left:5px;
top:30px !important;
top/**/:60px;
background: url(images/noticeimg.jpg) no-repeat left top;
}
.notice .notice_txt {
width:140px;
height:90px;
float:right;
margin:10px 3px 0 0;
font-size:12px;
}
.notice_txt h1 {
width:100%;
height:24px;
font-size:16px;
font-family: "黑体";
font-weight:normal;
border:0;
margin:0;
text-align:center;
}
.notice_txt p {
line-height:18px;
margin:0 auto 5px;
}
.notice ul {
width:100%;
height:100px;
margin:10px auto 0;
border-top:1px dashed #62A4C3;
}
.notice li {
width:100%;
height:24px;
line-height:24px;
border-bottom:1px dashed #62A4C3;
position:relative;
}
.newsdate2 {
width:70px;
height:24px;
line-height:24px;
position:absolute;
top:0;
right:5px;
text-align:right;
font-size:12px;
}
.link ul {
width:260px;
height:auto;
margin:15px auto 0;
}
.link li {
width:90px;
height:30px;
padding:2px 20px;
float:left;
margin:0;
}

.right_com {
width:520px;
height:130px;
line-height:21px;
padding:30px 20px 0 80px;
float:right;
background: url(images/bgrightcom.jpg) no-repeat left top;
font-size:12px;
overflow:hidden;
}
.right_pro {
width:605px;
height:190px;
float:right;
background: url(images/bgrightpro.gif) no-repeat left top;
font-size:12px;
overflow:hidden;
}
.right_pro ul {
width:94%;
height:150px;
overflow:hidden;
margin:30px auto 0;
}
.right_pro li {
width:166px;
height:150px;
overflow:hidden;
line-height:25px;
float:left;
text-align:center;
padding:0 10px;
}
.right_pro img {
width:160px;
height:110px;
padding:3px;
border:1px solid #1D7490;
}
.right_pro a {
color:#176782;
}
.right_news {
width:605px;
height:156px;
float:right;
background: url(images/bgrightnews.jpg) no-repeat left top;
font-size:12px;
overflow:hidden;
}
.right_news ul {
width:470px;
height:120px;
float:right;
padding-right:30px;
overflow:hidden;
margin:15px auto 0;
}
.right_news li {
width:100%;
height:25px;
line-height:25px;
position:relative;
}
.newsdate2 {
width:70px;
height:25px;
line-height:25px;
position:absolute;
top:0;
right:0;
text-align:right;
}
.nav_left {
width:180px;
height:auto !important;
min-height:200px;
height/**/:200px;
margin:30px auto 10px;
background: url(images/navleft02.gif) no-repeat left bottom;
}
.nav_left h2 {
width:100%;
height:64px;
background: url(images/nav_left01.jpg) no-repeat left top;
text-align:center;
line-height:60px;
color:#177EAE;
font-size:14px;
text-indent:10px;
}

.nav_left ul {
width:140px;
height:auto;
margin:0 auto 10px;
text-align:center;}
.nav_left li { 
margin: 3px 0 0; width:100%;
height:28px;
line-height:28px;
}
.nav_left li a { 
display: block; width: 140px; text-decoration: none;color:#666;
font-size:14px;line-height: 29px;height:29px;background: none;border-bottom: 1px dashed #999; }
.nav_left li a:hover { background: url(images/nav_left.jpg); border:0;color:#fff; }



.right_page {
width:610px;
height:auto !important;
min-height:400px;
height/**/:400px;
border:5px solid #48A6D2;
float:right;
margin:30px 10px 0 0;
position:relative;
}
.map {
position:absolute; width:auto;
height:auto;font-size:12px;
top:-23px;left:5px;color:#2680AB;
}
.map a {color:#2680AB;
}
.right_about {
width:560px;
height:auto;
margin:20px auto 10px;}
.left_swf {
width:280px;
height:98px;
margin:30px auto 10px;
}
.about_banner {
width:510px;
height:90px;
padding:48px 0 0 100px;
overflow:hidden;
background: url(images/about_banner.jpg) top center;
}
.about_banner p {
width:180px;
height:20px;
font-size:18px;
font-family:"黑体";
color:#147FB1;
border-bottom:3px solid #147FB1;
}

.news {
font-size:12px;
}
.news h4 {
width:100%;
height:24px;
overflow:hidden;
font-size:16px;
font-weight:normal;
border-bottom:2px solid #ccc;
color:#CC0000;
text-align:center;
}
.news h5 {
width:100%;
height:35px;
line-height:24px;
overflow:hidden;
font-size:12px;
font-weight:normal;
color:#999;
text-align:center;
}
.news ul {
width:85%;
margin:0 auto;
color:#666;
font-size:12px;
}
.news li {
width:90%;
height:27px;
line-height:27px;
position:relative;
padding-right:80px;
border-bottom:1px dashed #999;
}
.news a {font-size:12px;color:#666;}
.news a:hover {color:#900;}
.newsdate2 {
width:70px;
height:25px;
line-height:25px;
position:absolute;
top:0;
right:0;
text-align:right;
color:#666;
}
.gopage {
font-size:12px;
width:90%;
height:30px;
line-height:30px;
margin:10px auto 0;
text-align:center;
color:#666;
}
.pro h4 {
width:100%;
height:24px;
overflow:hidden;
font-size:16px;
font-weight:normal;
border-bottom:2px solid #ccc;
color:#CC0000;
text-align:center;
}
.pro h5 {
width:100%;
height:35px;
line-height:24px;
overflow:hidden;
font-size:12px;
font-weight:normal;
color:#999;
text-align:center;
}
.pro ul {
width:100%;
height:auto;
margin:0 auto;
color:#666;
font-size:12px;
}
.pro li {
width:166px;
height:160px;
line-height:25px;
float:left;
text-align:center;
padding:0 9px;
}
.pro li img {
width:160px;
height:110px;
padding:3px;
border:1px solid #1D7490;
}
.pro a {font-size:12px;color:#666;}
.pro a:hover {color:#900;}


#footer {
width:100%;
height:80px;
margin:10px auto 0;
}
#nav_f {
width:953px;
height:29px;
line-height:26px;
margin:0 auto;
text-align:center;
background: url(images/bgnav_f.jpg) no-repeat center top;
}
#nav_f a {
width:auto;
height:auto;
padding:0 10px;
}
#copyright {
width:80%;
height:auto;
text-align:center;
margin:15px auto 0;
font-size:12px;
}

.book {
font-size:12px;
line-height:20px;
}



.clear {clear:both;}
.input {border:#999 1px solid;}


#demo { 
overflow:hidden; 
width: 760px; 
} 
#indemo { 
float: left; 
width: 800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
}