/* CSS Document */
#main {width: 100%;float: left;margin: 0 auto 10px auto; background-color: #FFF;}
#sidebar {float: left;width: 249px;height: 650px;display: inline;background: url("../img/common/sidebar.jpg") no-repeat 0 0;}
#sidebar ul {margin: 0;padding: 0;width: 249px;}
#sidebar ul li {width: 249px;height: 30px;}
#sidebar ul li a {font-size:14px;color: #777;line-height: 30px;height: 30px;display: block;background: url("../img/common/sidebar_li.jpg") no-repeat left center;padding-left:5em;}
#sidebar ul li a:hover {color: #333;display: block;height: 30px;background: url("../img/common/sidebar_lih.jpg") no-repeat left center;}


#content {float: right;width: 700px;min-height:400px;margin: 10px 0;background: url("../img/common/content_bg.jpg") no-repeat right top;}
#content h2 {width: 560px;font-size: 14px;height: 32px;line-height: 32px;border-bottom: 1px #ddd solid;padding-left: 10px;color: #333;}
#content h2 span {float: right;margin-right: 10px;color:#666;font-size: 12px;font-weight: normal;}
#content h2 a {color: #666;}
#content h2 a:hover {color: #000;}




.img03 {width:600px;}
.img03 li {float: left;width:160px;margin:10px; text-align:center;}
.img03 li img {display:block;margin:4px;width:150px;border: 1px solid #CCC;}
.img03 li a:hover img {display:block;-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;}


.img01 table td{border-bottom: dotted 1px #CCC;}
.img01 li a{color:#000;}
.img01 li a:hover{color:#666;}
.img01 a img {display:block;padding:4px;margin:5px 5px 5px 0;width:100px;height:75px;border: 1px solid #CCC; background-color:#FFF; float:left;}
.img01 a:hover img {display:block;padding:3px;border:2px solid #333; background-color:#EEE;}


.e_main{}
.e_main ul{ padding:20px 0px; margin-left:-6px; }
.e_main ul li{ float:left; width:180px; margin:0 7px 10px 7px; height:210px}
.e_main ul li a img{ width:180px; height:135px;}
.e_main ul li .e_p_title{ line-height:26px; font-weight:bold; background:url(../img/common/e_p_bg.png) no-repeat left center; padding-left:18px;}
.e_main ul li .e_title{ line-height:22px;}


.d_list{ width:620px; overflow:hidden; margin-left:-10px; margin-top:60px;}
.box1{ width:100%; overflow: hidden; float:left; position:relative;}
.box1 ul li{ width:110px; height:60px; margin-right:14px; float:left; position:relative;}
.box1 ul li span{ width:110px; height:60px; line-height:60px; font-size:16px; font-weight:bold; color:#fff; font-family:"微软雅黑"; text-align:center; margin-top: -60px; display: inline-block; }
.box1 ul li img{ width:110px; height:60px; margin-right:14px; display:block; background:#ccc;}

.box2{ width:234px; overflow:hidden; float:left; position:relative; margin-right:14px;}
.box2 .h1{ width:234px; height:110px; margin-top:14px; float:left;}
.box2 .h2{ width:234px; height:180px; margin-top:14px; float:left;}
.box2 .h3{ width:234px; height:110px; margin-top:14px; float:left;}

.box3{ width:110px; overflow:hidden; float:left; margin-right:14px;}
.box3 .h1{ width:110px; height:304px; background:#B0CDC9; margin-top:14px; float:left;}
.box3 .h2{ width:110px; height:110px; background:#B0CDC9; margin-top:14px; float:left;}

.box4{ width:234px; overflow:hidden; float:left;}
.box4 .h1{ width:234px; height:110px; margin-top:14px; float:left;}
.box4 .h2{ width:234px; height:110px; margin-top:14px; float:left;}
.box4 .h3{ width:234px; height:180px; margin-top:14px; float:left;}


#gallery ul li {float: left;width:120px;margin:10px; text-align:center;}
#gallery ul li a {color:#555;}
#gallery ul li a:hover {color:#000;}
#gallery ul li img {display:block;padding:4px;background-color:#fff;width:110px;height:110px;border: 1px solid #ccc;}
#gallery ul li a:hover img { display:block;padding:4px;width:110px;height:110px;background-color:#FFF;border:solid 1px #000;}


.newslist {width: 560px;}
.newslist ul li {padding: 5px;height: 20px;line-height: 20px;font-size: 12px;}
.newslist ul li a {display: block;background: url("../img/common/art02.jpg") no-repeat left center;border-bottom: 1px #ddd solid ;}
.newslist ul li a span {float: right;font-size: 12px;font-weight: normal;}
.news_detail { width:560px; text-align: center; clear:both;margin-top:10px;}
.news_detail img{ vertical-align: middle;margin-top:10px;width:auto;max-width:560px;}
.news_detail p{ text-align:left;}


.media{ position:relative;width:796px;height:571px;margin:10px auto; background: url("../img/sub/media_bg.gif") no-repeat 0 0; text-indent:-9999em;}
.media_p01 a{ position:absolute;left:55px;top:230px;width:120px;height:85px;}
.media_p02 a{ position:absolute;left:30px;top:90px;width:165px;height:55px;}
.media_p03 a{ position:absolute;left:35px;top:465px;width:145px;height:75px;}
.media_p0302 a{ position:absolute;left:540px;top:465px;width:145px;height:75px;}
.media_p04 a{ position:absolute;left:285px;top:360px;width:115px;height:35px;}
.media_p05 a{ position:absolute;left:625px;top:100px;width:165px;height:200px;}