@charset "utf-8";
/***基础***/
body,div, p, ul, li, img, h1, h2, h3, input, span, form { margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
body {  line-height: 22px; color: #333; background-image: url(../images/body-bg.gif); background-repeat: repeat-y; background-position: center 0px; font-family:"", Arial, Helvetica, sans-serif; font-size:12px;  }
input, button, select, textarea { outline:none }
li { list-style-type: none; }
a { font-size: 12px; color: #333; text-decoration: none; }
a:hover { font-size: 12px; color: #333; text-decoration: underline; }
.txt-center { text-align:center; }
.bj_white { background-color: #FFF; }
.buttom_box { text-align: center; padding-top: 10px; padding-bottom: 10px; }
.Clear { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; clear: both; height: 0px; }
.clear_magin10 { margin: 0px; }
.margintop { margin-top: 8px; }
.main { width: 990px; margin-right: auto; margin-left: auto; }
.m-box { border: 1px solid #CCC; }
.nav_box2 { padding-bottom:3px; }
.t-bg { background-image: url(../images/t_bg.jpg); }
.t-zi { height:26px; line-height:26px; }
.t-zi span { font-size:14px; font:"微软雅黑"; font-weight:bold; padding-left:20px; }
.link14 a { font-size: 14px; color: #036; }
.link14 a:hover { font-size: 14px; color: #036; }
.padding { padding: 10px; }
.sh-form { background-image: url(../images/sc.png); background-repeat: no-repeat; height: 37px; width: 252px; }
.sh-form .se-box { padding-top: 6px; padding-left: 35px; }
.sh-form .se-box .sc-txt { float: left; height: 22px; width: 107px; line-height: 22px; color: #999; }
.sh-form .se-box .st { float:left; border: 1px solid #CCC; margin-top:2px; }
.sh-form .se-box .sc-img { line-height: 18px; float: left; height: 23px; width: 41px; }
.ml-12{margin-left:12px;}
/****头部****/
#header { }
#header .headernav { width: 990px; margin-right: auto; margin-left: auto; }
#header .topnav { height: 213px; }
#header .topnav .logo { float: left; }
#header .topnav .guild { line-height: 31px; float: right; padding-right: 10px; color: #000; }
#header .banner { background-repeat: no-repeat; height: 110px; background-image: url(../images/banner.jpg); }
#header .headernav .banner .server { font-size: 12px; color: #333; float: right; padding-right: 5px; padding-left: 5px; }
#header .headernav .banner .server a { color:#003366 }
#header .menu-bg { }
.time { float: right; color: #FFF; font-size: 12px; font-weight: normal; line-height: 37px; }
/****导航条***/
/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu { background-image: url(../images/m-bg.jpg); background-repeat: no-repeat; height: 42px; width: 990px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul { margin:0; list-style-type: none; display: block; }
.menu .padleft { padding-left:20px; }
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li { float:left; position:relative; background-image: url(../images/m-line.jpg); background-repeat: no-repeat; background-position: right top; text-align: center; padding-right: 2px; z-index: 9; }
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul .no-line { background-image: none; }
.menu ul li a { display:block; text-align:center; text-decoration:none; width:150px; height:41px; color:#000; font-size:14px; }
.menu ul li a:hover { background-image: url(../images/m-z.jpg); background-repeat: repeat-x; }
.menu ul li a.hover { background-image: url(../images/m-z.jpg); background-repeat: repeat-x; }
/* make the dropdown ul invisible */
.menu ul li ul { display: none; }
.menu ul li ul li { background-image: none; }
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover ul { display:block; position:absolute; width:270px; top:40px; left:0; color:#036; background-color: #FFF; position:absolute; z-index:10; background-image: url(../images/m-ul-bg.jpg); background-repeat: no-repeat; background-position: left bottom; border-top-width: 3px; border-top-style: solid; border-top-color: #06C; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
.menu ul li:hover ul.right_side li { float:right; border:0; border-left:1px solid #eee; position:relative; z-index:10; }
.menu ul li:hover ul.left_side li { float:left; border:0; border-left:1px solid #eee; position:relative; z-index:10; }
.menu ul li:hover ul li a.hide { background:#bd8d5e url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff; }
.menu ul li:hover ul li:hover a.hide { background:#b3ab79; color:#fff; }
.menu ul li:hover ul li ul { display: none; position:relative; z-index:10; }
.menu ul li:hover ul li a { display:block; color:#036; position:relative; z-index:10; width: 85px; font-size: 12px; line-height: 20px; height: 20px; }
.menu ul li:hover ul li a:hover { color:#000; text-decoration: underline; background-color: #FFF; background-image: none; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; z-index:10; left:0; top:30px; color:#000; background:#dfc184; }
.menu ul li:hover ul.right li { float:right; }
.menu ul li:hover ul li:hover a.hide { background:#dfc184; color:#000; }
.menu ul li:hover ul li:hover ul li a { background:#dfc184; color:#000; position:absolute; z-index:10; }
.menu ul li:hover ul li:hover ul li a:hover { background:#bd8d5e; color:#fff; }
.title01 { background-image: url(../images/yaowen-2.jpg); background-repeat: repeat-x; height: 30px; }
.title01 span { float: left; margin-top: -2px; margin-left: 20px; }
.title01 .more_t { line-height: 30px; float: right; padding-right: 20px; padding-top: 2px; }
.title01 .more_t a { font-size: 12px; color: #C00; text-decoration: none; }
.title01 .more_t a:hover { font-size: 12px; color: #C00; text-decoration: underline; }
.title02 { background-repeat: repeat-x; height: 30px; background-image: url(../images/yaowen-2.jpg); }
.title02 span { font-size: 14px; color: #000; padding-left: 10px; font-weight: bold; float: left; margin-left: 10px; font-family: "微软雅黑"; }
.title02 .more_t { float: right; padding-right: 10px; padding-top: 2px; }
.title03 { height: 30px; line-height: 30px; }
.title03 span { color: #000; padding-left: 10px; font-size: 14px; font-weight: bold; float: left; width: 70px; margin-left: 10px; }
.title03 .more_t { float: right; padding-right: 10px; padding-top: 5px; }
/***滑动门***/
.Menubox { line-height: 30px; background-image: url(../images/yaowen-2.jpg); background-repeat: repeat-x; height: 30px; }
.Menubox ul li { line-height: 26px; margin-left: 20px; height: 26px; float: left; font-size: 14px; font-weight: bold; cursor: pointer; font-family: "微软雅黑"; }
.Menubox ul li a { font-family: "微软雅黑"; font-size: 14px; color: #333; text-decoration: none; }
.Menubox ul .hover { color: #FFF; background-image: url(../images/t-bg.jpg); background-repeat: no-repeat; height: 30px; width: 100px; text-align: center; font-family: "微软雅黑"; }
.Menubox ul .hover a { color: #FFF; }
/***列表***/

.list2 { }
.list2 ul { border-top-width: 1px; border-top-style: solid; border-top-color: #99ccff; border-right-width: 1px; border-right-style: solid; border-right-color: #99ccff; border-left-width: 1px; border-left-style: solid; border-left-color: #99ccff; }
.list2 ul li { line-height: 32px; height: 32px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5D9CEB; padding-left: 10px; font-weight: bold; background-color: #2d88e5; }
.list2 ul li a { background-image: url(../images/pic002.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; display: block; line-height: 29px; color: #FFF; }
.list3 { background-color: #FFF; padding: 10px; }
.list3 ul li { color: #000; display: block; overflow: hidden; background-image: url(../images/point1.gif); background-repeat: no-repeat; background-position: left center; padding-left: 16px; line-height: 26px; height: 26px; }
.list3 ul li span { float: right; color: #666; }
.list3 ul li a { font-size: 14px; color: #333; text-decoration: none; background-image: url(../images/dot.gif); background-repeat: no-repeat; background-position: 0px center; }
.list3 ul li a:hover { text-decoration: underline; font-size: 14px; }
.list3 ul .red-link a { color: #C00; }
.list3s { background-color: #FFF; padding: 10px; }
.list3s ul li { color: #000; display: block; overflow: hidden; background-image: url(../images/point1.gif); background-repeat: no-repeat; background-position: left center; padding-left: 16px; line-height: 26px; height: 26px; float:left; width:320px;}
.list3s ul li span { float: right; color: #666; }
.list3s ul li a { font-size: 14px; color: #333; text-decoration: none; background-image: url(../images/dot.gif); background-repeat: no-repeat; background-position: 0px center; }
.list3s ul li a:hover { text-decoration: underline; font-size: 14px; }
.list3s ul .red-link a { color: #C00; }
.list4 { background-color: #FFF; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; }
.list4 .topnews { }
.list4 .topnews p { color: #666; padding-right: 10px; padding-left: 10px; font-size: 13px; line-height: 22px; height: 90px; }
.list4 ul li { font-size: 12px; color: #039; line-height: 26px; background-image: url(../images/dot-1.jpg); background-repeat: no-repeat; background-position: 8px center; padding-left: 26px; height: 26px; overflow: hidden; }
.list4 ul li a { font-size: 12px; color: #333; text-decoration: none; }
.list4 ul li a:hover { text-decoration: underline; }
.list5 { padding-top: 35px; padding-right: 10px; padding-bottom: 10px; padding-left: 70px; }
.list6 { padding-top: 10px; padding-bottom: 10px; padding-right: 6px; padding-left: 6px; background-color: #FFF; }
.list6 .topnews { }
.list6 .topnews p { color: #666; padding-right: 10px; padding-left: 10px; font-size: 13px; line-height: 22px; height: 90px; }
.list6 ul li { font-size: 12px; color: #333; line-height: 26px; background-image: url(../images/dot-1.jpg); background-repeat: no-repeat; background-position: left 8px; padding-left: 12px; height: 26px; overflow: hidden; }
.list6 ul li a { font-size: 12px; line-height: 24px; color: #333; text-decoration: none; }
.list6 ul li a:hover { text-decoration: underline; }
.list7 { background-color: #FFF; padding: 10px; }
.list7 ul li { color: #000; display: block; overflow: hidden; background-image: url(../images/00_27.gif); background-repeat: no-repeat; background-position: left center; padding-left: 16px; line-height: 30px; height: 30px; }
.list7 ul li span { float: right; color: #7C7979; }
.list7 ul li a { font-size: 14px; color: #7C7979; text-decoration: none; background-image: url(../images/dot.gif); background-repeat: no-repeat; background-position: 0px center; }
.list7 ul li a:hover { text-decoration: underline; font-size: 14px; }
.list8 { padding-top: 10px; padding-bottom: 10px; padding-right: 6px; padding-left: 6px; background-color: #FFF; }
.list8 ul li { font-size: 12px; color: #333; line-height: 26px; background-image: url(../images/dot-1.jpg); background-repeat: no-repeat; background-position: left 8px; padding-left: 12px; height: 26px; overflow: hidden; float: left; width: 100px; }
.list8 ul li a { font-size: 12px; line-height: 24px; color: #333; text-decoration: none; }
.list8 ul li a:hover { text-decoration: underline; }
.news_pic_list { background-color: #FFF; padding: 10px; }
.news_pic_list li { padding-top: 5px; }
.news_pic_list li h1 { line-height: 30px; }
.news_pic_list ul li img { float: left; padding-right: 10px; }
.news_pic_list ul li p { line-height: 22px; color: #666; height: 85px; overflow: hidden; }
.news_pic_list2 { background-color: #FFF; padding: 10px; }
.news_pic_list2 ul li img { padding: 3px; border: 1px solid #CCC; }
.news_pic_list2 ul li { float: left; line-height: 24px; text-align: center; padding-right: 10px; padding-left: 10px; }
.news_pic_list3 { padding-top: 10px; padding-bottom: 6px; padding-right: 10px; padding-left: 10px; }
.news_pic_list3 li h1 { line-height: 26px; }
.e-wrap { line-height: 22px; color: #7d7d7d; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 15px; }
.e-wrap li { position: relative; float: left; overflow: hidden; background: #e9f1f5; margin-left: 7px; margin-right: 7px; margin-top: 5px; margin-bottom: 5px; }
.e-wrap .blk { display: block; color: #7d7d7d; overflow: hidden; }
.e-wrap .blk:hover { text-decoration: underline; }
.e-wrap .blk img { padding: 3px; border: 1px solid #CCC; height: 105px; width: 158px; }
.e-wrap .info { overflow: hidden; color: #fff; line-height: 20px; position: absolute; left: 0; bottom: 0; display: block; height: 20px; cursor: pointer; background: #000; opacity:0.7; filter: alpha(opacity=70); margin-left: 4px; padding-top: 0; padding-right: 6px; padding-bottom: 0; padding-left: 6px; width: 88%; margin-bottom: 3px; }
.e-wrap .tag { display: inline-block; -moz-transition: .3s;
-webkit-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.friend_nav { background-color: #FFF; padding-top: 10px; }
.friend_nav .friend_box { background-image: url(../images/link.jpg); background-repeat: no-repeat; height: 112px; width: 990px; }
#foot { width: 1004px; margin-right: auto; margin-left: auto; text-align: center; font-size: 12px; background-image: url(../images/foot_bg_b.gif); background-repeat: repeat-x;  }
#foot a { font-size: 12px; color: #FFF; }
#foot .about_box { padding-top: 10px; padding-bottom: 10px; background-color: #FFF; color: #999; }
#foot .contact { text-align: center; color: #FFF; padding-top: 10px; padding-bottom: 10px; line-height: 26px; }
#foot2 { width: 1004px; margin-right: auto; margin-left: auto; text-align: center; font-size: 12px;  color: #333; background-color: #EFEFEF; }
#foot2 a { font-size: 12px; color: #333; }
#foot2 .about_box { padding-top: 10px; padding-bottom: 10px; color: #999; }
#foot2 .contact { text-align: center; color: #333; padding-top: 10px; padding-bottom: 10px; line-height: 26px; }
#foot a.hui,#foot2 a.hui{color:#939393}
#foot a.beian,#foot2 a.beian{display:inline-block;text-decoration:none;height:20px;line-height:20px;}
#foot a.beian:hover,#foot2 a.beian:hover{ text-decoration:underline; }