@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,span,td,a,img{margin:0;padding:0}
ul,ol,hr{list-style:none}
img{border:0}
body{font-size:14px;font-family:Arial,Helvetica,sans-serif;background:#fff}
.clear{clear:both}
a{color:#000;text-decoration:none;cursor:pointer}
a:hover{color:#f00;text-decoration:underline}
.left{float:left}
.right{float:right}
input[type="button"]{cursor:pointer}
input[type="submit"]{cursor:pointer}
input[type="checkbox"]{vertical-align:middle}
input[type="radio"]{vertical-align:middle}
#header,#footer,#main,#nav,#image,#image_f,#friendlink{width:950px;margin:0 auto;overflow:hidden}
#friendlink{margin:20px auto}
#footer{margin-bottom:20px}
#nav{background:url(../images/nav_bg.gif) repeat-x;height:35px;line-height:35px;vertical-align:middle;text-align:center}
#nav ul{margin-left:5px}
#nav li{padding:0 14px;height:35px;float:left;font-size:14px;line-height:35px;vertical-align:middle;text-align:center}
#nav li:hover{background:url(../images/nav_li1.gif) center no-repeat}
#nav li a{color:#FFF}
#nav li a:hover{text-decoration:none}
#nav .nav_li{height:35px;background:url(../images/nav_li.gif) center no-repeat}
#nav .nav_li:hover{background:url(../images/nav_li.gif) center no-repeat}
#nav .nav_li a{color:#fff;font-size:14px;font-weight:bold}
#nav .nav_li a:hover{color:#fff}
#image{height:150px;margin-bottom:2px;background:url(../images/image.jpg) no-repeat}
#image .name_swf{float:left;margin-left:85px;margin-top:25px}
#image_f{height:159px;margin-top:10px;background:url(../images/Index_17.jpg) no-repeat}
#main .main_left{width:230px;overflow:hidden}
#main .main_left .side{margin-top:8px}
.side .side_top{width:228px;height:29px;overflow:hidden;border:1px solid #99b7d2;background:url(../images/left_bg.gif) repeat-x;line-height:29px;vertical-align:middle;font-size:14px}
.side .side_top p{font-size:12px;font-weight:bold;color:#000;padding-left:40px;background:url(../images/left_icon.gif) no-repeat 10px 5px}
.side .side_bottom{width:218px;overflow:hidden;border:1px solid #99b7d2;border-top:0;background:#f5f9fd;padding:5px}
.side .side_bottom li{line-height:40px;padding-left:25px;background:url(../images/left_icon2.gif) no-repeat 10px center;border-bottom:1px dashed #CCC;font-size:14px}
.side .side_bottom li a{font-weight:bold}
.side .side_bottom li a:hover{color:#f00}
.side .si_li li{background:0;padding-left:10px;line-height:41px;font-family:SimHei;}
#main .main_middle{width:712px;overflow:hidden;margin-left:7px}
#main .main_middle .middle1{margin-top:8px}
.middle1 .middle1_top{width:710px;height:22px;overflow:hidden;border:1px solid #d8d8d8;line-height:22px;vertical-align:middle;background:url(../images/icon3.gif) repeat-x}
.middle1 .middle1_top .span_title{position:absolute;background:url(../images/middle.gif) no-repeat;height:30px;width:94px;color:#FFF;font-size:12px;font-weight:bold;text-align:center;display:inline-black}
.middle1 .middle1_top .span_more{float:right;margin-right:10px}
.middle1 .middle1_bottom{width:684px;padding:20px 8px 17px 18px;overflow:hidden;border:1px solid #d8d8d8;border-top:0}
.middle1 .middle1_bottom p{line-height:22px}
.middle1 .middle1_bottom h3{font-size:14px;font-weight:bold;color:#f00;line-height:30px;vertical-align:middle}
.middle1 .middle1_bottom h4{font-size:14px;font-weight:bold;line-height:30px;vertical-align:middle}
.middle1 .middle1_bottom h5{font-size:14px;font-weight:normal;padding-left:17px;line-height:33px;vertical-align:middle;background:url(../images/icon1.gif) 5px no-repeat}
.middle1 .middle1_bottom .a_link{float:left;margin-left:8px;margin-bottom:8px}
#main .main_right{width:210px;overflow:hidden}
#main .main_right .mass{margin-top:8px;font-size:14px}
.mass .mass_top{width:208px;height:29px;overflow:hidden;border:1px solid #d8d8d8;background:url(../images/right_bg.gif) repeat-x;line-height:29px;vertical-align:middle}
.mass .mass_top p{font-size:12px;font-weight:bold;color:#000;padding-left:25px;background:url(../images/icon1.gif) no-repeat 10px 8px}
.mass .mass_top p span{float:right;margin-right:5px;font-weight:normal}
.mass .mass_bottom{width:198px;overflow:hidden;border:1px solid #d8d8d8;border-top:0;background:#fff;padding-left:8px}
.mass .mass_bottom ul{margin:10px 0}
.mass .mass_bottom li{line-height:25px;vertical-align:middle}
#main .middle_r{width:713px}
.middle1 .middle1_r{width:711px}
.middle1 .bottom{width:681px;min-height:300px;padding:15px}
.side .side_bottom .side_nav{font-size:14px;font-weight:bold;color:#f00}
.middle1 .middle1_bottom .bootom_p{margin-bottom:15px}
.middle1 .middle1_bottom pre{font-size:14px;line-height:25px;vertical-align:middle;border-bottom:1px solid #ccc;margin-top:10px}
.middle1 .middle1_bottom .p_em{margin-bottom:10px}
.middle1 .middle1_bottom .online_all{width:450px;margin:0 auto}
.infotxt_nw{BORDER-BOTTOM:0;BORDER-LEFT:#c2c2c2 1px solid;LINE-HEIGHT:100%;BACKGROUND-COLOR:#f3f3f3;HEIGHT:17px;COLOR:#777;BORDER-TOP:#c2c2c2 1px solid;BORDER-RIGHT:0}
.infotxt{BORDER-BOTTOM:0;BORDER-LEFT:#c2c2c2 1px solid;LINE-HEIGHT:100%;BACKGROUND-COLOR:#f3f3f3;WIDTH:150px;HEIGHT:17px;COLOR:#777;BORDER-TOP:#c2c2c2 1px solid;BORDER-RIGHT:0}
.infotxtarea{BORDER-BOTTOM:0;BORDER-LEFT:#c2c2c2 1px solid;BACKGROUND-COLOR:#f3f3f3;WIDTH:300px;COLOR:#777;BORDER-TOP:#c2c2c2 1px solid;BORDER-RIGHT:0}
.btn_input{BORDER-BOTTOM:0;BORDER-LEFT:0;LINE-HEIGHT:17px;WIDTH:76px;BACKGROUND:url(../images/btn_bg.jpg) no-repeat left center;LETTER-SPACING:3px;HEIGHT:24px;COLOR:#555;BORDER-TOP:0;BORDER-RIGHT:0;PADDING-TOP:2px}
TABLE{COLOR:#666;FONT-SIZE:12px}
hr{line-height:30px;vertical-align:middle}
#style_show{WIDTH:950px;margin:0 auto;overflow:hidden;margin-top:10px}
.dl-950{padding:0 0 5px 0;WIDTH:950px;overflow:hidden;margin:0 auto;BACKGROUND:url(../images/b11-b.jpg) no-repeat 0 bottom}
.dl-950 DT{POSITION:relative;BACKGROUND:url(../images/b11-t.jpg) no-repeat 0 0;HEIGHT:36px;OVERFLOW:hidden}
.dl-950 DT A.more{POSITION:absolute;TOP:16px;RIGHT:13px}
.dl-950 DD{WIDTH:950px;BACKGROUND:url(../images/b11-m.jpg) repeat-y 0 0;FLOAT:left}
.imgs_switch_cnunnet{WIDTH:813px;DISPLAY:inline;HEIGHT:35px}
.hot-templates DT DIV{POSITION:relative;PADDING-BOTTOM:0;MARGIN:-1px 0 0;PADDING-LEFT:0;WIDTH:213px;PADDING-RIGHT:0;DISPLAY:block;BACKGROUND:url(../images/t2.jpg) no-repeat 0 0;FLOAT:left;HEIGHT:0;PADDING-TOP:37px}
.hot-templates DT SPAN{POSITION:absolute;COLOR:#069;TOP:11px;RIGHT:50px}
.hot-templates DD UL{WIDTH:100%;FLOAT:left}
.hot-templates DD LI{TEXT-ALIGN:center;LIST-STYLE-TYPE:none;MARGIN:10px 0 10px 15px;WIDTH:215px;DISPLAY:inline;FLOAT:left;LIST-STYLE-IMAGE:none}
.hot-templates DD LI .li_bg.on{border:1px solid #dbdbdb;background:#ebebeb;padding:5px 0 5px 0}
.hot-templates DD LI DIV.img{PADDING-BOTTOM:0;MARGIN:0 auto;PADDING-LEFT:5px;WIDTH:200px;PADDING-RIGHT:0;BACKGROUND:url(../images/b17.jpg.html) no-repeat 0 0;HEIGHT:137px;PADDING-TOP:5px}
.hot-templates DD LI DIV.img IMG{WIDTH:195px;HEIGHT:122px;OVERFLOW:hidden}
.hot-templates DD LI .title{PADDING-BOTTOM:0;LINE-HEIGHT:16px;PADDING-LEFT:0;font-size:14px;PADDING-RIGHT:0;HEIGHT:16px;PADDING-TOP:2px;color:#596878}
#footer{width:950px;border-top:2px solid #99b7d2;padding-top:10px;margin-top:10px;overflow:hidden}
#footer p{text-align:center;line-height:20px;color:#999}
.listbox{width:950px;overflow:hidden;float:left;clear:both;overflow:hidden;margin-top:5px}
.listbox dl{width:348px;margin-top:2px;float:left}
.listbox ul a{color:#666}
.tbox{margin:0 0 8px 0;border-bottom:1px solid #dadada;overflow:hidden;background:url(../images/green_skin.png) 0 -294px repeat-x}
.tbox dt{height:24px;border:1px solid #dadada;overflow:hidden;clear:both}
.tbox dd{border-left:1px solid #dadada;border-right:1px solid #dadada;overflow:hidden}
.tbox dt strong{height:24px;line-height:24px;!important;line-height:25px;padding-left:8px;padding-right:4px;display:block;float:left;color:#316301;letter-spacing:1px}
.tbox dt strong a{color:#316301}
.tbox dt strong a:hover{color:#596f37;text-decoration:none}
.tbox dt span.more{float:right;position:relative;line-height:25px;padding-right:8px;color:#596f37}
.tbox dt span.more a{color:#596f37;text-decoration:none}
.tbox dt span.more a:hover{color:#f33;text-decoration:underline}
.tbox dt span.label{height:25px;float:right;overflow:hidden;padding-right:1px;padding-top:2px}
.tbox dt span.label a{height:26px;display:block;padding:0 7px 0 8px;line-height:26px;border-left:1px solid #dadada;float:left;color:#666;text-decoration:none;overflow:hidden;letter-spacing:1px}
.tbox dt span.label a:hover{color:#360}
.tbox dt span.label a.thisclass{background:#FFF;color:#333;border-top:3px solid #dadada}
.tbox dt span.linklabel{float:left;margin-left:10px;overflow:hidden;padding-right:1px;padding-top:2px}
.tbox dt span.linklabel a{height:20px;display:block;padding:0 7px 0 8px;margin:0 5px;line-height:20px;border-left:1px solid #dadada;border-top:1px solid #dadada;border-right:1px solid #dadada;float:left;color:#666;text-decoration:none;overflow:hidden;letter-spacing:1px}
.tbox dt span.linklabel a:hover{color:#360}
.tbox dt span.linklabel a.thisclass{background:#FFF;color:#333}
.d1{padding:5px;}
.d1 li{height:27px;line-height:27px;overflow:hidden}
.d1 li span{color:#aba9a2;margin-right:5px;float:left}
.title{height:56px;line-height:56px;text-align:center;overflow:hidden;padding-top:10px}
.title h2{font-size:24px;color:#2b2b2b}
.info{height:24px;line-height:17px;text-align:center;overflow:hidden;color:#666}
.info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px}
.info a{color:#690}
.e2 li{width:670px;overflow:hidden;clear:both;padding:11px 0;border-bottom:1px solid #EEE;color:#aaa}
.e2 li a.title{overflow:hidden;line-height:25px;font-size:14px;margin-left:2px}
.e2 span.info{display:block;width:200px;line-height:23px;color:#555;padding-left:12px}
.e2 span.info small{color:#AAA;font-size:12px;margin-left:3px}
.e2 span.info a{color:#690}
.dede_pages ul{float:left;padding:12px 0 12px 16px}
.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #e9e9e9}
.dede_pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block}
.dede_pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#f8f8f8;padding:2px 4px 2px;font-weight:bold}
.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999}
.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0 2px}

/* new css*/
.middle1 .middle1_top_new{width: 346px;height: 22px;overflow: hidden;border: 1px solid #d8d8d8;line-height: 22px;vertical-align: middle;background: url(../images/icon3.gif) repeat-x;}
.middle1 .middle1_top_new .span_title_new{position: absolute;background: url(../images/middle.gif) no-repeat;height: 30px;width: 94px;color: #FFF;font-size: 12px;font-weight: bold;text-align: center;}
.middle1 .middle1_top_new .span_more_new{float: right;margin-right: 10px;}
.listbox .side .side_bottom{width:228px;float: left;background:none;border:none;padding:0;}