@charset "gb2312";
/* public */
html { }
body { font-family: "΢ÈíÑźÚ", "ËÎÌå", Arial; font-size: 12px; position: relative; z-index: 0; _overflow: hidden; }
a { color: #666; outline: none; font-family: "΢ÈíÑźÚ"; }
i { font-style: normal; }
#z0 { z-index: 0; position: relative; }
.container { position: relative; }
.content { width: 1000px; position: relative;  }

/*header*/
.header{ background: url(sjd_ztbg_header.jpg) no-repeat center center;}
.heade .head{ height: 320px; overflow: hidden;}
/*banner*/
.banner{ position: relative; width: 490px; height: 265px; overflow: hidden;}
.banner .prev{ width: 15px; height: 24px; background: url(sjd_ztpic_left.png) no-repeat; position: absolute; left: 10px; top: 120px; z-index: 100;}
.banner .next{ width: 15px; height: 24px; background: url(sjd_ztpic_right.png) no-repeat; position: absolute; right: 10px; top: 120px; z-index: 100;}
.banner .hd{ position: absolute; right: 10px; bottom: 17px; z-index: 100; }
.banner .hd ul{ font-size: 0;}
.banner .hd ul li{ width: 9px; height: 9px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; margin: 0 5px 0 0; cursor: pointer; }
.banner .hd ul li.on{ background-color: #cc1c1e;}
.banner .bd{ height: 265px; position: relative; overflow: hidden;}
.banner .bd ul{}
.banner .bd ul li{ height: 265px; position: relative; overflow: hidden;}
.banner .bd ul li .pic{ height: 265px; overflow: hidden;}
.banner .bd ul li .pic img{ width: 490px; height: 265px;}
.banner .bd ul li .mask{ width: 100%; height: 46px; position: absolute; left: 0; bottom: 0; background: url(sjd_ztbg_mask.png) repeat-x;}
.banner .bd ul li .title{ width: 320px; line-height: 46px; position:absolute; left:10px; bottom: 0;}
.banner .bd ul li .title a{ color: #fff; font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner .bd ul li .title a:hover{ text-decoration: underline;}
/*box*/
.box{ width: 490px; overflow: hidden;}
.box .hd{ background: url(sjd_ztbg_hd.jpg) repeat-x center bottom; overflow: hidden;}
.box .hd .title{ position: relative; height: 45px; line-height: 45px; padding: 0 30px 0 20px; font-size: 20px; font-weight: bold; color: #fff; background-color: #fff;}
.box .hd .title .text{ display: block; z-index: 3; position: relative;}
.box .hd .title .bg-top{ display: block; z-index: 2; position: absolute; left: 0; right: 6px; top: 0; height: 40px; background-color: #cc1c1e;}
.box .hd .title .bg-bottom{ display: block; z-index: 1; position: absolute; left: 4px; right: 2px; bottom: 0; height: 40px; background-color: #ffc78b;}
.box .hd .more{ color: #111; font-size: 14px; line-height: 45px; margin-right: 5px;}
.box .hd .more:hover{ color: #cc1c1e;}
.box .bd{}
.box .bd .list{ padding: 10px;}
.box .bd .list li{ background: url(sjd_ztbg_li.jpg) no-repeat left center; padding-left: 17px;}
.box .bd .list li a{ padding-right: 30px; color: #111; font-size: 16px; height: 34px; line-height: 34px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box .bd .list li a:hover{ color: #cc1c1e;}
.box .bd .piclist{ padding-top: 20px; overflow: hidden;}
.box .bd .piclist li{ width: 235px; height: 180px; position: relative; overflow: hidden;}
.box .bd .piclist li .pic{ height: 180px; overflow: hidden;}
.box .bd .piclist li .pic img{ width: 235px; height: 180px;}
.box .bd .piclist li .mask{ width: 100%; height: 46px; position: absolute; left: 0; bottom: 0; background: url(../images/bg_mask.png) repeat-x;}
.box .bd .piclist li .title{ width: 235px; line-height: 46px; position:absolute; left:0; bottom: 0;}
.box .bd .piclist li .title a{ color: #fff; font-size: 14px; padding-left: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box .bd .piclist li .title a:hover{ text-decoration: underline;}
/*blogroll*/
.blogroll{ width: 100%;}
.blogroll .link{ padding-top: 20px; overflow: hidden; margin-right: -10px;}
.blogroll .link li{ float: left; width: 192px; height: 75px; margin-right: 10px;}
.blogroll .link li img{ width: 192px; height: 75px;}
/*footer*/
.footer{ padding: 20px 0 40px; overflow: hidden; border-top: 2px solid #cc1c1e;}
.footer p{ color: #000; font-size: 16px; line-height: 28px;}
.footer p a{ margin: 0 7px;}
.footer p a:hover{ color: #cc1c1e;}