﻿/*
Css for PEL,	ver 1.0
CopyRight  Dongyi Network Technology CO.,Ltd Design Center
*/

/* Css Reset */
pre{white-space: pre-wrap; word-wrap: break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display:block;zoom:1;}

/* Public */
html{ width:100%; height:100%;   }
body{ width:100%; height:100%; color:#333;font:12px/21px '微软雅黑',Arial,sans-serif,Tahoma,Helvetica; text-align:center; }
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#f60;text-decoration:underline; ; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{height:10px;font-size:0px; line-height:0; }
.hot,.hot a{color:#f60 !important}
.nodata{color:#999;}
.fl{float:left; }
.fr{float:right; }
.hide{display:none; }

/* frame */
body{background-color: #e9e9e9;}
.wrap{ width:100%; margin:0 auto; text-align:center; }
#header{min-width: 1000px;  margin: 0 auto; text-align: center; }
#content{width:1000px; text-align:left;margin:0 auto;position:relative;   }
#content{overflow:hidden; padding:2px 0;}
#footer{min-width: 1000px; }
.side{width: 220px;float: left;display: inline;overflow: hidden;margin-right: 10px;}
.mainContent{ overflow: hidden; }

/* header */
#header{position:relative; z-index:3; background-color: #fff;  }
#header .topBar{position: relative; z-index: 3; height: 93px;  color: #ddd; width: 1000px; margin: 0 auto; text-align: left;}
#header h1.logo{ width: auto; float: left; margin-top: 16px; display: inline;}
#header h1.logo a{display: block;}
#header h1.logo img{max-width:700px; max-height:60px}
.logoNav{height: 45px; background-color: #128271;}

/* userPanel */
.userPanel{width: auto; float: right; margin-top: 8px; line-height: 24px; color: #999;}
.userPanel a{ color: #333; margin: 0 6px; }
.userPanel a:hover{color: #c00;}

/* siteSearch */
.s-form{ position:absolute; top:41px; right:5px; width:245px; height:30px; overflow:hidden; background: url(../img/searchbg.png) left top no-repeat; }
.s-form #inputkeyword{ width: 202px; height: 30px; line-height: 30px; float: left; text-indent: 15px; color: #333; border: none; background: none; outline: none;}
.s-form #search{ float:right; display:block;  width:42px; height:30px; border: none; background: none; text-indent: -9999px; overflow: hidden; }

/* topBar */
.topBar{height:30px; line-height:30px; background:#ffffff; color:#333333; border-bottom:1px solid #ccc; text-align:left; position:relative; z-index:50;}
.topBar .siteWidth{overflow: visible; width:1000px; margin:0 auto}
.topBar .welcome{ float:left; color:#333333;}
.topBar .links{float:right; height:30px; font-size:12px}
.topBar .links>dl{color: #3333333; position: relative; float: left; z-index:2;}
.topBar .links>s{ float: left; text-decoration: none; line-height: 32px; width: 5px; overflow: hidden; text-align: center;}
.topBar .links>dl>dt { float: left; height: 30px; line-height: 30px; position: relative; z-index: 11; padding:0 10px}
.topBar .links>dl>dt a{color:#333333; padding:0 3px}
.topBar .links>dl>dd {clear: both;display: none;padding: 7px;width:100px;background: #fff;position: absolute;right: 50%;top: 30px;margin-right: -57px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.topBar .links>dl>dd img { width: 100px; height: 100px;}
.topBar .links>dl>dd>i { z-index: 8; position: absolute; top: -10px; left: 50%; margin-left: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-bottom-color: #fff; border-bottom-style: solid; display: block; font-size: 0; line-height: 0; width: 0;}
.topBar .links>.on dd { display: block;}
.topBar .links .userlogincomment{color: #333}

/* 站群导航-公共 */
#siteLast{position: relative;}
#siteLast dt {cursor: pointer;}
#siteLast dd{display:none; width:900px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px}
#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden;}
#siteLast dd h3.h i{display:none;}
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2;}
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1;}
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; }
#siteLast dd ul{overflow:hidden;}
#siteLast dd ul li{width:18%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden}
#siteLast dd ul li a{color:#333}
#siteLast dd ul li a:hover{color:#c00;}
#siteLast dd table.up{background:#f7f7f7}
#siteLast.on dd{display:block;}

/* 站群导航-个性 */
#siteLast{z-index: 4; height: 30px; line-height: 30px; float:right; margin-top: 0px; color:#333;}
#siteLast dt{height: 30px; line-height: 30px; padding: 0 8px;}
#siteLast a{ padding:0; margin:0;}
#siteLast dd{font-size:12px;border: 3px solid #128271;right:0px;left:auto;margin:0px;top: 30px;}
#siteLast li a{ cursor:pointer;}
#siteLast.on dt{ background-color:#128271; color:#fff;}

/* 导航 */
.logoNav .navBar{width: 1000px; margin: 0 auto; height: 45px;}
.mainNav{}
.mainNav .li1{ width: auto; float: left;}
.mainNav .li1 .a1{display: block; font-size: 18px; color: white; height: 45px; line-height: 45px; padding: 0 24px; }
.mainNav .last1 .a1{border-right: none;}
.mainNav .on1 .a1,
.mainNav .li1 .a1:hover{text-decoration: none; background-color: #066d5d;}

/*菜单效果2*/
.mainNav .li1{ position:relative; z-index: 2;}
.mainNav .ul1{ display:none; position:absolute; top:45px; left:0; background:#f5f8ef; width:100%; text-align:left;}
.mainNav .ul1 .li2{ height: 31px; line-height: 30px; text-align: center; font-size: 14px; }
.mainNav .ul1 .a2{ display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #e5e8e0;}
.mainNav .ul1 .a2:hover{text-decoration: none; background:#e6a848; color:#fff; border-bottom-color: #e6a848}
.mainNav .ul1 .last2 .a2{border-bottom: none;} 



/* footer */
#footer{position:relative; z-index: 1; text-align:center;  clear:both; background-color: #128271; }
.footerBox{width: 1000px; margin: 0 auto; text-align: center; padding: 20px 0;}
.footerLogo{width: auto; float: left;}
.footerLogo a{width: 200px; height: 80px; float: left; margin: 5px 20px 0 10px; overflow: hidden; text-indent: -9999px; background: url(../img/footerlogo1.png) left top no-repeat;    background-size: 100%;}
.footNav{line-height: 28px; text-align: left; color: white; overflow: hidden;}
.footNav a{padding:0 6px; color:#FFFFFF }
#footer .copyRight{padding-left: 6px; overflow: hidden; line-height:24px; text-align:left; color: white;  }

/* 友情链接 */
#divselect{width: 215px; float: right; margin-top: 15px; *display: inline; text-align: left; position: relative; z-index: 1; }
#divselect h3{height: 26px; line-height: 26px; padding-left: 12px; font-size: 12px; color: #333;  background: #f0f0f0 url(../img/divselectbg.png) right top no-repeat; cursor: pointer;}
#divselect ul{ position: absolute; z-index: 1; left: 0; bottom: 26px; width: 215px; background-color: #f0f0f0; }
#divselect ul li{height: 26px; line-height: 26px;}
#divselect ul li a{display: block; padding: 0 10px; color: #333;}
#divselect ul li a:hover{background-color: #ddd;  text-decoration: none;}

/* sideBox */
.sideBox{margin-top: 10px; overflow: hidden;}
.sideBox .hd{height: 41px; line-height: 41px; background-color: #128271; overflow: hidden;}
.sideBox .hd h3{margin-left: 18px; font-size: 18px; color: white;}
.sideBox .bd{background-color: #fff; padding: 10px; overflow: hidden;}
.sideBox .bd .infoList li{height: 30px; line-height: 30px; font-size: 14px;}
.sideBox .bd .infoList li font{font-size: 14px;}

/* 信息列表前缀图标 */
.infoListA li{padding-left: 15px; background: url(../img/dot01.png) left center no-repeat;}
.infoListB li{padding-left: 10px; background: url(../img/dot02.png) left center no-repeat;}


/* 顶部注册登录 */
.topBar .userLogged{margin-top:2px;}
.user-mainbox .hd h3,
.user-mainbox .top h3{color:#2a5851 !important;border-bottom:3px solid #2a5851 !important;}
.user-mainbox .loginBtn {background: #2a5851 !important;}
.user-mainbox .loginBtn:hover { background: #128271 !important;}

/*-- CSS结束 --*/
