* { margin:0 auto; padding:0; list-style-type:none; text-decoration:none}
img { border:none}
a:link { color:#FFFFFF}
a:visited { color:#FFFFFF}
a:hover { color:#ccc}
#center h1 a:link { color:#FFFFFF}
#center h1 a:visited { color:#FFFFFF}
#center h1 a:hover { color:#333}
.left a:link { color:#ccc}
.left a:visited { color:#ccc}
.left a:hover { color:#333}
#foot a:link { color:#333}
#foot a:visited { color:#333}
#foot a:hover { color:#ccc}
.nei a:link { color:#333}
.nei a:visited { color:#ccc}
.nei a:hover { color:#CCCCCC}
.cl a:link { color:#666}
.cl a:visited { color:#666}
.cl a:hover { color:#CCCCCC}
html{font-family:Arial;}
body { font-size:12px;background:#ccc; font-family:Arial;}
#content { width:1000px;background:#fff}
#top { width:100%; float:left; background:url(../img/bg.jpg) left top repeat-x;}
.logo { float:left}
.link { float:left; width:70%;}
.link .en { float:right; width:60%}
.link .en li { float:right; margin:5px 5px 0 5px}
.link .dh { width:90%; height:24px; line-height:24px; background:url(../img/dh.jpg) left center no-repeat; float:right; margin:11px 0 0 0; padding:0 0 0 10px;}
.link .dh li { float:left;  text-align:center; margin:0 10px 0 12px; padding:0 0 0 20px;}
.flash { width:100%; float:left}
#center { background:url(../img/center.jpg) center top no-repeat; width:100%; float:left; padding:20px 0 0 0; background-color:#fff;}
.left { width:36%; float:left; margin:0 0 0 5px;  line-height:24px;}
#center h1 {width:90%; float:left; height:30px; line-height:30px; font-size:14px; background:url(../img/icon.jpg) 15px center no-repeat #ccc; padding:0 0 0 30px; color:#fff; margin:0 0 5px 0}
.left img { float:left; padding:2px; border:1px solid #ccc; margin:0 5px 5px 0;}
.main { width:32%; float:left; margin:0 0 0 5px;}]
.main h1 span {100px;background:#000;float:left}
.main li { float:left; width:49%; text-align:center;}
.main img { border:1px solid #ccc;width:150px;height:130px;}
.main ul { float:left; width:100%}
.right { width:28%; float:right; margin:0 5px 0  0; line-height:23px;}
.bottom { border-top:8px solid #ccc; width:100%; margin:10px 0 0 0; padding:10px 0 0 0; clear:both;}
.bottom img {  border:1px solid #ccc;width:150px;}
.bottom li { float:left; margin:0 5px 0 5px; text-align:center; line-height:23px;}
.s-link { background: #444; color:#fff; font-size:14px; width:100%; float:left; height:30px; line-height:30px; margin:10px 0 0 0;}
.s-link li { float:left; margin:0 5px 0 5px; padding:0 0 0 10px;}
.s-link .rr { float:right; padding:0 20px 0 0}
#foot { width:100%; background:url(../img/fot.jpg) top left no-repeat; height:40px; line-height:40px; text-align:center; padding:10px 0 0 0; margin:5px 0 0 0; clear:both;}
.cl { width:231px; float:left; background:url(../img/leftdh_footbg.jpg) right top repeat-y; border-bottom:1px solid #dbd8d8; padding:0 0 20px 0;}
.cl img { padding:15px 0 0 20px;}
.cl h2 { background:url(../img/bt_bg.jpg) left top no-repeat; float:left; width:100%; height:42px; line-height:42px; text-align:center; font-size:16px;}
.cl li { width:80%;padding:2px 0 0 25px;height:30px; line-height:30px; border-bottom:1px solid #dbd8d8; text-align:left; background:url(../img/leftd.jpg) 10px center no-repeat; }
.cr { float:left; background:url(../img/about_r6_c4.jpg) left top  no-repeat; width:75%; margin:5px 0 0 0; border-top:1px solid #f1f1f1}
.cr h2 { width:93%; background:url(../img/ddh.jpg) left top no-repeat; float:right; font-size:12px; height:36px; line-height:44px; padding:0 0 0 40px; margin:10px 0 0 0}
.nei { float:left; width:93%; padding:0 0 0 30px; line-height:22px; margin:10px 0 0 0; display:inline}
.nei li { float:left; width:24%; text-align:center;}
.nei li img { padding:2px; border:1px solid #ccc;width:150px;height:169px;}
.nei .tp img {width:150px;height:129px;}
.page { width:100%; float:left;  text-align:center}
#demo { overflow:hidden; width:988px;  } 
#indemo { float: left; width: 800%; } 
#demo1 { float: left;} 
#demo2 { float: left;} 
.cl2 {margin:0 0 10px 0;}
#center .cl ul{ width:100%; float:left;}