.MR10 { margin-right: 10px; }
.ML10 { margin-left: 10px; }
.MB10 { margin-bottom: 10px; }
.MB30 { margin-bottom: 30px; }
.MT10 { margin-top: 10px; }
.ML5 { margin-left: 5px; }
.MR5 { margin-right: 5px; }

* { margin: 0; padding: 0; border: none; }
div { margin: 0; padding: 0; float:left; }
ul,li,ol,dl,dt,dd,img { list-style: none; border: none; }
body { font-family: 'ËÎÌå'; background: url(images/bg.jpg) top no-repeat; }

a { font-size: 12px; line-height: 20px; text-decoration: none; color: #333; }
a:hover { color: blue; }
a.more { display: block; float: right; padding-right: 20px; width: 30px; height: 30px; line-height: 30px; color: #003399; }
a.more:hover { text-decoration: underline; }

.F12C666 { font-size: 12px; color: #666; }

#wrap { margin: 0 auto; float: none; width: 980px; height: 1500px; over-flow: auto; background-color: white; }

/* head
-----------------------------------------------------------------*/
#head { width: 980px;; height: 260px; }
#head img { display: block; width: 100%; }

#img_scroll { float: left; width: 300px; height: 220px; background-color: yellow; }

#news {
float: right;
margin: 0px; 
padding: 15px 0px 0px 0px;
width: 410px !important;
width: 395px;  
background: url(images/news_bg.jpg) no-repeat; }

#news h2 { float: left; display: block; width: 100%; height: 30px; }
.more { float: right; padding-right: 20px; width: 80px; text-align: right; line-height: 30px; font-size: 12px;  } 
.more a { color: white; line-height: 30px; }
.more a:hover { color: red; }
#news ul { width: 100%; }
#news ul li a { padding-left: 25px; line-height: 35px; font-size: 14px; background: url(images/list_arrow.gif) 15px 5px no-repeat; }

#video { float: left; width: 300px; }
#video h2 { margin-bottom: 5px; width; 100%; height: 28px; background: url(images/video_title.jpg) no-repeat; }
#video ul li { padding-left: 15px; float: left; width: 124px; }
#video ul li a img { padding: 1px; width: 120px; height: 90px; border: 1px solid #ccc; }

#info { float: right; width: 240px; height: 417px; }

#pinpai { padding-top: 80px; width: 972px; background: url(images/pinpai_bg.jpg) no-repeat; }
#pinpai ul li { float: left; padding-left: 15px; width: 306px; }
#pinpai ul li img { padding: 0px 5px 0px 0px; float: left; width: 140px; height: 105px; }
#pinpai ul li span { display: inline; color: #666; }

.TextList { float: left; width: 355px; }
.TextList h2 { margin-bottom: 15px; width: 100%; height: 28px; background: url(images/cs_title.jpg) no-repeat; }
.TextList h2#hy { background: url(images/hy_title.jpg) no-repeat; }
.TextList ul li a { padding-left: 25px; line-height: 30px; background: url(images/list_arrow.gif) 15px 3px no-repeat; }

#product_list { float: left; width: 240px; height: 201px; background: url(images/list_bg.jpg) no-repeat; }
#product_list ul li a { padding-left: 40px; line-height: 25px; color: white; }

#family { width: 972px; background: url(images/family_bg.jpg) no-repeat; }
#family  h2 { padding: 20px 0px 30px 20px; }
#family  h2 a { font-size: 14px; line-height: 30px; color: green; }
#family ul li { padding-left: 25px; float: left; width: 164px; }
#family ul li a img { padding: 1px; width: 160px; height: 120px; border: 1px solid #ccc; }

#bottom { padding-top: 25px; width: 980px; background: url(images/bottom_bg.jpg) repeat-x; }
#bottom p { text-align: center; line-height: 25px; }

#scroll_frame { width: 300px; height: 220px; border: none; }
#demo #demo1 td  span{ display: block; width: 130px; height: 50px; }
#demo #demo2 td  span{ display: block; width: 130px; height: 50px; }