﻿@charset "UTF-8";


/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/

/* Css Reset */
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 { vertical-align: top; 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 */
body { min-width: 1200px; color: #666; font-size: 14px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; background: #fff; }
a { color: #666; text-decoration: none; outline: none; }
a:hover { color: #dd0000; 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 { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
*+html .clearfix { min-height: 1%; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.siteWidth { clear: both; width: 1200px; margin: 0 auto; }
#content { clear: both; width: 1200px; margin: 0 auto; text-align: left; }

/* topBar */
.topBar { height: 40px; background: #690008 }
.topBar .welcome { height: 40px; line-height: 40px; font-size: 14px; color: #fff; float: left; _display: inline; }
.topBar .s-form { width: 180px; height: 26px; float: right; _display: inline; margin-top: 7px; background: #8f4046; overflow: hidden; }
.topBar .s-form .from-control { height: 20px; line-height: 20px; float: left; _display: inline; width: 136px; padding: 3px 0 3px 10px; background: none; border: none; font-size: 12px; outline: none; color: #fff }
.topBar .s-form .from-control::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
.topBar .s-form .from-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
.topBar .s-form .from-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
.topBar .s-form .from-control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }
.topBar .s-form .btn-box { float: right; _display: inline; width: 32px; height: 26px; }
.topBar .s-form .btn-box .search { float: right; _display: inline; width: 32px; height: 26px; line-height: 26px; text-indent: 200%; overflow: hidden; border: none; background: url(../img/icons.png) 7px -265px no-repeat #da1e1e; cursor: pointer; outline: none; }
.topLinks { float: right; _display: inline; height: 40px; line-height: 40px; padding-right: 10px; }
.topLinks .setHome,
.topLinks .collection { float: left; _display: inline; margin-right: 12px; color: #fff; font-size: 14px; padding-left: 20px; background: url(../img/icons.png) 0px 13px no-repeat;cursor: pointer;   }
.topLinks .collection{background-position: 0px -77px;}
.topLinks a:hover { color: #ff0; text-decoration: none; }

/* 站群导航-公共 */
#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{float: left; _display: inline; height: 40px; z-index: 21;}
#siteLast dt{height: 40px; line-height: 40px; color: #fff; font-size: 14px; cursor: pointer; float: left; _display: inline; padding-left: 20px; background: url(../img/icons.png) 0px -166px no-repeat;}
#siteLast a{ padding:0; margin:0;}
#siteLast dd{ font-size:12px;right:0;top: 40px;width: 810px;border: 3px solid #da1e1e;-webkit-box-shadow:0px 4px 8px rgba(0, 0, 0, .3);-moz-box-shadow:0px 4px 8px rgba(0, 0, 0, .3);box-shadow:0px 4px 8px rgba(0, 0, 0, .3);}
#siteLast li a{ cursor:pointer;}

/* header */
#header{height: 113px; background: url(../img/top-bg.jpg) 50% 0px no-repeat #7c0b14; margin-bottom: 20px; }
#header .siteWidth{overflow: visible; height: 112px;}
#header .logo{width: 360px; float: left; _display: inline; padding-top: 28px;}
#header .logo img{max-width:360px; max-height:64px;}

/*导航 */
.nav{ width: 820px; height: 36px; float: right; _display: inline; padding-top: 46px;}
.mainNav a:hover{text-decoration: none; }
.mainNav .spe{width: 1px; height: 36px; line-height: 36px; text-align: center; float: left; _display: inline; color: #fff; font-size: 16px;}
.mainNav .li1{height: 36px; width: 100px; float: left;  _display: inline; position: relative; z-index: 20 }
.mainNav .li1 .a1{display: block; text-align: center; height: 36px; line-height: 36px; font-size:16px; color: #fff;}
.mainNav .on1 .a1{background: #da1e1e;}
.mainNav .ul1{display: none;position: absolute;top: 36px;left: 0px;padding-bottom:10px;background: #690008;width: 100px;}
.mainNav .a2{ color:#fff; padding:4px; display:block; line-height:1.5; text-align: center;  }
.mainNav .a2:hover{background: #a00410;}

/*内容区 */
#content { width: 1200px; margin: 0 auto; overflow: hidden; }
.column { overflow: hidden; }

/*底部 */
#footer { clear: both; padding: 20px 0; background: #f0f0f0; text-align: center;  border-top: 2px solid #920a19;  }
#footer .siteWidth { overflow: hidden; }
#footer .links { padding: 0 0 10px 0; }
#footer .links li { display: inline-block; *display: inline; zoom: 1; margin-right: 15px; }

/* 当前位置 */
.path { height: 34px; line-height: 34px; padding-left: 28px; background: url(../../base/img/path.png) 0px 9px no-repeat; text-align: left; font-size: 14px; color: #888888; }
.path a,
.path span { padding: 0 3px; color: #888888; }
.path a:hover { color: #008fd0 }

/* 盒子 */
.box {}
.box .hd { height: 36px; overflow: hidden; line-height: 36px; background: #f4f4f4; padding-right: 10px; }
.box .hd ul { float: left; _display: inline; }
.box .hd li { float: left; _display: inline; height: 36px; text-align: center; padding: 0 18px; font-size: 16px; color: #333333; cursor: pointer; }
.box .hd li a { color: #333333; display: block; height: 36px; text-align: center; margin: 0 -18px; padding: 0 18px }
.box .hd li a:hover { text-decoration: none; color: #333333 }
.box .hd li.on { background: #920a19; color: #fff }
.box .hd li.on a { color: #fff }
.box .hd li.on a:hover { color: #ff0 }
.box .hd h3 { float: left; _display: inline; height: 34px; padding: 0 18px; background: #920a19; font-size: 16px; color: #fff; }
.box .hd h3 a { color: #fff }
.box .hd h3 a:hover { color: #ff0 }
.box .hd .more { float: right; _display: inline; font-size: 14px; color: #818181 }
.box .hd .more:hover { color: #920a19 }
.box .bd { padding-top: 10px; }

/* 盒子 - 风格A */
.boxA {border: 1px solid #dddddd; }
.boxA .hd { height: 34px; line-height: 34px; border-bottom: 1px solid #dddddd; padding: 0 10px; }
.boxA .hd h3 { float: left; _display: inline; height: 33px; border-bottom: 2px solid #920a19; text-align: center; padding: 0 10px; font-size: 16px; color: #920a19 }
.boxA .hd h3 a { color: #920a19 }
.boxA .hd h3 a:hover { text-decoration: none; color: #dd0000 }
.boxA .hd .more { float: right; _display: inline; font-size: 14px; color: #818181 }
.boxA .hd .more:hover { color: #dd0000 }
.boxA .bd { padding: 10px; }

/* 盒子 - 风格B */
.boxB { }
.boxB .hd{height: 32px; background: #f7f7f7; border-top: 4px solid #7c0b14; padding-right: 10px; }
.boxB .hd h3{float: left; _display: inline; height: 32px; line-height: 28px; font-size: 16px; padding: 0 18px 0px 18px; position: relative; background: #7c0b14; color: #fff}
.boxB .hd h3:after{ content: ""; position: absolute;  top: 0px; right: -24px; width: 0px; height: 0px; border-top: 16px solid #7c0b14;border-left: 16px solid #7c0b14; border-bottom: 16px solid #f7f7f7; border-right: 16px solid #f7f7f7;  }
.boxB .hd h3 a{color: #fff;}
.boxB .hd h3 a:hover{color: #ff0; text-decoration: none; }
.boxB .hd .more { float: right; _display: inline; font-size: 14px; color: #818181; line-height: 32px; }
.boxB .hd .more:hover { color: #dd0000 }
.boxB .bd{padding: 10px 0px}


/* 顶部注册登录 */
.topBar .userLogged{margin-top:7px; color:#ffffff;}
.topBar .userLogged a{color:#ffffff;}
.topBar .userLogged .notlogged .split{margin:0px}
.user-mainbox .hd h3,
.user-mainbox .top h3{color:#920a19 !important;border-bottom:3px solid #920a19 !important;}
.user-mainbox .loginBtn {background: #920a19 !important;}
.user-mainbox .loginBtn:hover { background: #aa1929 !important;}

/*-- CSS结束 --*/

