﻿@charset "utf-8";
/* CSS Document */

/*基础制作页面组件*/
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea,  label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration:underline; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
fieldset, img { border:0; }
.none { display:none; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
q:before, q:after { content:''; }
a img { border:none; }
.overhidden { overflow:hidden; _display:inline-block; }
.align_c { text-align:center; }
.align_l { text-align:left; }
/* =body*/
body { font-family:"微软雅黑"; color: #fff; font-size:12px; background:#fff; line-height:20px; }
h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:100%; }
h2 { font-size:14px; font-weight:700; }

/*内容*/
#main{ width:1024px; height:768px; margin:0 auto; background:url(bg.jpg) 0 0 no-repeat;}
.picarea{width:593px; height:395px; float:left; margin:240px 0 0 36px; display:inline; }
.textarea{width:365px; height:395px; float:right; margin:240px 15px 0 0; display:inline; }

/*=====焦点图=====*/
.fourcePic { width:593px; height:395px; position:relative; overflow:hidden; }
.fourcePic .num { position:absolute; right:3px; bottom:70px; z-index:10; }
.fourcePic .num a { width:16px; height:16px; display:inline-block; text-align:center; line-height:16px; margin:0 3px; cursor:pointer; background:#333; color:#fff; font-family:"宋体";}
.fourcePic .num a:hover { text-decoration:none;}
.fourcePic .num a.cur { background:#ff6700; color:#fff; }
.fourcePic ul li { position:relative; height:395px; }
.fourcePic ul li .bg { background:#000000; border-top: 1px solid #545050; bottom: 0; height: 60px; left: 0; opacity: 0.6; filter:alpha(opacity=60);position: absolute; width: 593px; z-index: 10; }
.fourcePic ul li .tit { bottom: 0; color: #FFFFFF; font-size: 22px; height: 60px; line-height:60px; left: 0;  position: absolute; text-align: center; width: 593px; z-index: 20; }
.fourcePic ul li .tit a { color: #FFFFFF;  }
.fourcePic ul li img { width:593px; height:395px; }

#scrollDiv { height:395px; overflow:hidden; }
#scrollDiv table { width:100%;}
#scrollDiv td { background:url(icon1.gif) 0 12px no-repeat; font-size:24px; padding-left:30px; line-height:38px; height:200px; vertical-align:top;}


