@charset "gb2312"; 
/* CSS Document */
body{margin:0; padding:0; font-family:"宋体"; font-size:12px; background:url(../imgs/bg_body.jpg) repeat-x;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,p,pre,ul,li,form{margin:0; padding:0;}
input,select,textarea{font-size:12px; color:#666;}
ul{list-style:none;}
img{border:0;}
a{text-decoration:none; color:#999;outline:none;/*IE8/火狐浏览器里面的虚线框的*/blr:expression(this.onFocus=this.blur());/*IE6/7浏览器里面的虚线框的*/}
a:hover{color:#FF7E00; text-decoration:underline;}
area {outline:none;/*IE8/火狐浏览器里面的虚线框的*/blr:expression(this.onFocus=this.blur())}

.wrapper{ width:960px; margin:6px auto 0 auto; padding:0 3px; background:#fff;}
/* CSS 头部 */
#header{ height:108px; position:relative;}
#header h1{position:absolute; top:8px; left:19px;}
#header .time{position:absolute; right:8px; top:8px; z-index:120px; letter-spacing:1px; color:#999;} 
#header p{ position:absolute; top:27px; right:8px; z-index:100px;} 
#header .bar{ position:absolute; right:0px; top:56px; color:#999;}
#header .bar a{margin:0 5px; color:#999;}
#header .nav{height:31px; top:78px; left:0; width:100%; background:url(../imgs/nav_bg.jpg) repeat-x; position:absolute;z-index:1000;}
#header .nav span{background:url(../imgs/nav_left.jpg) no-repeat left; width:89px; position:absolute; top:0px; left:0; height:31px;}
#header .nav strong{background:url(../imgs/nav_right.jpg) no-repeat; width:72px; position:absolute; top:0px; right:0; height:31px;}
#header .nav ul{ height:31px; padding:0 0 0 89px; font-size:14px;}
#header .nav li{float:left;display:block; height:31px; font-weight:bold;  text-align:center; background:url(../imgs/nav_libg.gif) no-repeat right; padding:0 2px; position:relative;}
#header .nav li a{display:block; height:21px; float:left; display:block; width:60px; color:#fff; padding:10px 35px 0 35px;}
#header .nav li a:hover{background:url(../imgs/nav_home2.png) no-repeat center; text-decoration:none; color:#FF7E00;}
#header .nav li.home{}
#header .nav li.home a{ width:83px; padding:10px 22px 0 0;}
#header .nav li.home a:hover{ background:url(../imgs/nav_home2.png) no-repeat left;}
#header .nav li.nav04 a{width:105px;}
#header .nav li.nav04 a:hover{background:url(../imgs/nav_05bg2.png) no-repeat center;}
#header .nav li.nav05{ background:none;}
.banner01{height:108px; padding:7px 0;}
#nav {}
#nav li ul {left: -999em; width: 180px; position: absolute;z-index:300;}
#header #nav li ul{ padding-top:7px;}
#header #nav li ul li{ background:none; margin:0; padding:0; height:22px;}
#header #nav li ul a{display: block;text-align:center; background:#fff; border:1px solid #BD2222; padding:0; color:#BD2222; font-weight:normal; width:158px; font-size:12px; line-height:21px; }
#header #nav li ul a:hover {background:#fff; color:#FF9900;}
#nav li:hover ul {left:-90px; top:30px; z-index:300;}
#nav li.sfhover ul {left:-90px; top:30px;z-index:300;}
 /* CSS 首页 */ 
#content{width:100%; float:left; clear:both;}
#content .banner01{height:108px; padding:7px 0;}
#content .banner02{ padding:5px 0 0 0; clear:both;}
#content .banner02 img{width:222px; height:103px; padding:1px; border:1px solid #ccc;}
#content .section01{ height:385px; clear:both;}
#content .box01{border:1px solid #BD2222; padding:1px;}
#content .box02{border:1px solid #C9C9C9; padding:1px;}
#content h1{font-size:14px; background:url(../imgs/bg_ltitle.jpg) right no-repeat #BD2222; height:20px; padding:7px 0 0 10px;color:#fff;}
#content h1 a{color:#fff;}
#content h1 a:hover{ color:#FF7E00;}
#content h2{background:url(../imgs/bg_rtitle.gif) no-repeat;font-size:14px; height:20px; padding:7px 0 0 10px;}
#content h2 a{color:#000;}
#content h2 a:hover{ color:#FF7E00;}
#content .section01 .left{width:238px; float:left;height:380px;}
#content .section01 .left .picchange{height:170px; border-bottom:1px dashed #CCCCCC; text-align:center; padding-top:12px;}
div#MainPromotionBanner{width:219px;height:170px;margin: 0 auto;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{margin: 0;width:219px;height:158px;overflow: hidden;}
#MainPromotionBanner .Slides li {float: left;width:219px;height: 158px;}
#MainPromotionBanner .Slides img{border:0;display: block;width: 215px;height:154px; padding:1px; border:1px solid #ccc;}
#MainPromotionBanner .SlideTriggers{ text-align:right; position: absolute; top:141px;right: 1px;z-index: 10;height: 17px; display:block; background:url(../imgs/bg_newschange.jpg) no-repeat; width:75px; text-align:right;}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #fff;text-align: center;width:16px;height:13px;cursor: pointer;overflow: hidden; margin:0 1px;background:#000;filter:alpha(opacity=60); /* IE */-moz-opacity:0.6; /* Moz + FF */opacity: 0.6; /* 支持CSS3的浏览器（FF 1.5也支持）*/ }
#MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background:#BD2222;}
#content .section01 .left p{padding:15px 10px 0 10px; line-height:20px; text-indent:25px;}
#content .section01 .left p a{color:#FF7E00;}
#content .section01 .mid{width:478px; float:left; margin-left:5px;height:380px;}
#content .section01 .mid dl{background:url(../imgs/bg_mjnh.gif) repeat-x; height:128px; margin-top:20px;}
#content .section01 .mid dl dt{ height:27px; color:#A9A9A9;line-height:26px; padding-right:10px;}
#content .section01 .mid dl dt span{ display:none;}
#content .section01 .mid dl dt a{ color:#000; background:url(../imgs/arrow01.gif) no-repeat 8px 9px; font-size:20px; font-weight:bold; padding-left:18px; display:block;}
#content .section01 .mid dl dt a:hover{color:#FF7E00;}
#content .section01 .mid dl dd{padding:5px 15px 0 23px; line-height:20px;}
#content .section01 .mid dl dd span a{color:#FF7E00;}
#content .section01 .mid ul{padding:10px 10px 0 10px;}
#content .section01 .mid ul li{background:url(../imgs/arrow01.gif) no-repeat 1px 8px; padding:5px 0 2px 10px; position:relative; color:#999; font-size:14px;}
#content .section01 .mid ul li a{color:#000;}
#content .section01 .mid ul li a:hover{color:#FF7E00;}
#content .section01 .mid ul li span{position:absolute; top:5px; right:0;_right:10px;}
#content .section01 .right{width:222px; float:right;height:380px;}
#content .section01 .right ul{ padding:13px 10px 0 10px;}
#content .section01 .right ul li{background:url(../imgs/arrow03.gif) no-repeat 1px 7px; padding:2px 0 5px 10px;}
#content .section02{ height:498px; }
#content .section02 .left{float:left; width:362px;}
#content .section02 .mid{float:left; width:362px; margin-left:5px;}
#content .section02 .right{float:right; width:226px;}
#content .section02 .box01{height:243px; overflow:hidden;}
#content .section02 .box03{margin-top:5px;}
#content .section02 dl{height:122px; border-bottom:1px dashed #ccc; position:relative;}
#content .section02 dl dt{position:absolute; top:14px; left:10px;}
#content .section02 dl dt img{width:131px; height:92px; border:1px solid #ccc; padding:1px;}
#content .section02 dl dd{ padding:14px 10px 0 165px; line-height:18px; background:url(../imgs/arrow01.gif) no-repeat 155px 16px;}
#content .section02 dl dd span a{color:#FF7E00;}
#content .section02 ul{padding:5px 10px 0 6px;}
#content .section02 ul li{background:url(../imgs/arrow02.gif) no-repeat 1px 8px; padding:5px 0 2px 10px; position:relative; color:#999;  }
#content .section02 ul li span{position:absolute; right:0; top:5px;_right:10px;}
#content .section02 ul li a{color:#000;}
#content .section02 ul li a:hover{color:#FF7E00;}
#content .section02 .right .box02{height:383px; overflow:hidden;}
#content .section02 .right ul{ padding:13px 10px 0 10px;}
#content .section02 .right ul li{background:url(../imgs/arrow03.gif) no-repeat 1px 7px; padding:2px 0 5px 10px;}
#content .section02 .right ul li a{color:#999;}
#content .section02 .right ul li a:hover{color:#FF7E00;}
#content .section03{ height:630px; clear:both;}
#content .section03 .l{float:left; width:729px;}
#content .section03 .section02{height:auto;}
#content .section03 .right{float:right; width:226px; margin-top:7px;}
#content .section03 .right .section02{float:none;}
#content .section03 .right .section02 ul{ padding:13px 10px 0 10px;}
#content .section03 .right .section02 ul li{background:url(../imgs/arrow03.gif) no-repeat 1px 7px; padding:2px 0 5px 10px;}
#content .section03 .right .section02 ul li a{color:#999; text-decoration:underline;}
#content .section03 .right .section02 ul li a:hover{color:#FF7E00;}
#content .section03 .right .contact{height:225px; margin-top:5px; background:url(../imgs/bg_contact.jpg) no-repeat left bottom; position:relative;}
#content .section03 .right .contact p{position:absolute; right:8px; top:58px;}

#footer{width:100%; float:left; text-align:center; border-top:1px solid #C9C9C9; padding:10px 0;}
#footer p{padding:5px 0 0 0;}
#footer p a{color:#000;}
#footer p a:hover{color:#FF7E00;}
#footer p.nav a{padding:0 8px;}

 /* CSS 内页 */
#content #main{height:auto; width:100%; float:left; padding-bottom:5px;}
#content #left{width:725px; float:left; height:auto; min-height:879px;_height:879px;} 
#content #right{width:226px; float:right;margin:0;}
#content #main .path{height:13px; background:url(../imgs/arrow04.gif) no-repeat 8px 1px; padding:0 0 4px 25px;}
#content #main .path a{color:#000;margin:0 8px;}
#content #main .path a:hover{color:#FF7E00; }
#content #main #right .contact{height:165px; margin-top:5px; background:url(../imgs/bg_contact.jpg) no-repeat left bottom; position:relative;}
#content #main #right .contact p{top:38px;position:absolute; right:8px; }
#content #main #right .banner02{ padding:5px 0; clear:both;}

/* CSS 内页——关于我们 */
#content #left .about{ padding:25px;} 
#content #left .about p{font-size:14px; padding:5px 0; line-height:20px; text-indent:25px;} 
#content #left .about p img{padding:1px; border:1px solid #ccc;  margin:5px 15px 0 0;}
#content #right ul{ padding:13px 10px 0 10px;}
#content #right ul li{background:url(../imgs/arrow03.gif) no-repeat 1px 7px; padding:2px 0 5px 10px;}
#content #right ul li a{color:#999;}
#content #right ul li a:hover{color:#FF7E00;} 

/* CSS 内页— 新闻列表页 */
#content #left dl{border-bottom:1px dashed #ccc; height:124px; padding:10px 10px 0 10px; position:relative; overflow:hidden; clear:both;}
#content #left dt{position:relative;font-size:14px;background:url(../imgs/arrow01.gif) no-repeat 1px 3px;padding:0 0 0 15px; }
#content #left dt span{ color:#999;  position:absolute; right:15px; top:2px; font-size:12px;}
#content #left dd img{ position:absolute; width:122px; height:81px; top:35px; left:18px; padding:1px; border:1px solid #ccc;}
#content #left dd.text{padding:15px 5px 0 155px; line-height:20px;}
#content #left dd.text a span{color:#FF7E00;}
#content #left .page{padding:15px 10px 0 20px; position:relative;color:#BD2222;}
#content #left .page input{ background:#BD2222; color:#fff; width:45px; text-align:center; height:19px; padding:2px 0 0 0; border:none; cursor:pointer; position:absolute; top:12px;}
#content #left .page input.up{ right:80px;}
#content #left .page input.down{ right:20px;}
#content #left .page div{ right:80px;}
#content #left .page li.down{ right:20px;}

#content #left .about h3{text-align:center; font-size:24px;}
#content #left .about h4{font-size:12px; font-weight:normal; text-align:center; padding:10px 0; border-bottom:1px dashed #ccc;}
#content #left .about hr{*height:1px; border:1px dashed #ccc;}

#content #left .about p.links{text-indent:0; color:#BD2222;}

#content #left .about h5{font-size:14px; padding:20px 0 10px 0;}

/* CSS 内页— 联系我们页 */
#content #left .contact{ position:relative;}
#content #left .contact pre{line-height:22px; position:absolute; top:25px; left:412px; font-size:14px;}
#content #left .contact pre strong{}
#content #left .contact p{position:absolute;  top:25px; left:30px;}
#content #left .contact p img{width:346px; height:232px; padding:1px; border:1px solid #ccc;}
#content #left .contact ul{ padding-top:5px;}
#content #left .contact ul li{width:333px; float:left; border-bottom:1px dashed #ccc;background:url(../imgs/arrow02.gif) no-repeat 15px 10px; *background:url(../imgs/arrow02.gif) no-repeat 15px 8px;padding:6px 0 5px 28px; *padding:4px 0 2px 28px;}
#content #left .contact ul li a{color:#000;}
#content #left .contact ul li a:hover{color:#FF7E00;}
#content #left .contact ul li.none{border:none;}

/* CSS 内页— 站点地图 */
#content #left .contact table{width:80%; margin:0 auto;}

/* CSS 内页——年画购买 */
#content #left ul.buy{width:700px; margin:30px auto 0 auto;}
#content #left ul.buy li{width:233px; float:left; text-align:center; height:200px;}

#content #left ul.buy li img{padding:1px; border:1px solid #ccc;}
#content #left ul.buy li span{display:block; padding:8px 0;}
#content #left div.buy{width:700px; margin:30px auto 0 auto;}
#content #left div.buy h6{text-align:center;}
#content #left div.buy h6 img{}
#content #left div.buy p{padding:20px 20px 0 60px; line-height:20px;}


#content #left ul.buy2{width:700px; margin:30px auto 0 auto;}
#content #left ul.buy2 li{width:233px; float:left; text-align:center; height:20px; color:#F00}

#content #left ul.buy2 li a{color:#f00;}

