﻿@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:#eeeeee;}
a { color: #666; text-decoration: none; outline: none; }
a:hover {color: #E20500;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;}

/* topBar */
.topBar{height:40px; background:#203d53; position:relative; z-index:10; }
.topBar .siteWidth{height:40px}
.topBar .welcome{float:left; height:40px; line-height:40px; color:#fff; margin-right:20px}
.topBar .userLogin{float:left; height:40px;}
.topBar .topLinks{float:right; height:40px; line-height:40px}
.topBar .topLinks a{float:left; *display:inline;padding: 0 10px 0 35px;color:#fff;background: url(../img/icons-topbar.png) -5px -30px no-repeat;}
.topBar .topLinks a.collection{background-position: -5px -130px;}
.topBar .phone{float:right; position:relative}
.topBar .phone dt{height:40px; line-height:40px; color:#fff}
.topBar .phone dt a{color:#fff}
.topBar .phone dd{position:absolute; display:none}

.topBar .phone>dd {clear: both;display: none;padding: 7px;width:100px;background: #fff;position: absolute;right: 50%;top: 40px;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 .phone>dd img { width: 100px; height: 100px;}
.topBar .phone>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 .on dd{display:block}

/*顶部 S*/
#header{ position: relative;z-index: 3; background:#fff; height:90px; border-bottom:1px solid #d0d6db; margin-bottom:20px}
#header .logo{ float:left; width:330px; height:55px; padding-top:17px}
#header .logo img{max-width:330px; max-height:55px}

/* 站群导航-公共 */
#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: 2;float:right; margin-right:10px}
#siteLast dt{padding: 0 10px 0 35px;background: url(../img/icon-site.png) 10px 15px no-repeat;height:40px;line-height: 40px;color:#fff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
#siteLast.on dt{ background-color:#da1e1e; color:#fff; -webkit-border-radius:0;-moz-border-radius:0;border-radius: 0;}
#siteLast.on dd{right:0;top: 40px;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);}


/* s-form */
.s-form{margin-top: 7px;width:190px;height: 28px;float:right;padding: 0px;overflow:hidden;position: relative;z-index: 3;background:#586e7e;}
.s-form .select-box{ display:none }
.s-form .input-box{ float:left; }
.s-form .input-box input{display:block;width: 142px;height: 22px;line-height: 22px;border:0;font-size:12px;outline: none; padding:3px 0px 3px 10px; background:none;}
.s-form .input-box input::-webkit-input-placeholder {color:#fff;}
.s-form .input-box input:-moz-placeholder {color:#fff;}
.s-form .input-box input::-moz-placeholder {color:#fff;}
.s-form .input-box input:-ms-input-placeholder {color:#fff;}
.s-form .btn-box{ float:right; }
.s-form .btn-box .search{display:block;width: 28px;height: 28px;line-height: 28px;background: url(../img/icons-topbar.png) no-repeat -11px -236px #da1e1e;text-align:center;outline:none;border:0;}
/*顶部 E*/

.banner{width:100%; text-align:center;}
#content{text-align:left;position:relative;z-index:1;padding: 20px;overflow: hidden; background:#fff; width:1160px; margin:0 auto 20px;}

/*导航 */
.topNav{height:40px; line-height:40px; position: relative;z-index: 0; padding-top:25px; width:870px; float:right;}
.mainNav {height:40px;}
.mainNav .li1{float:left; height:40px; line-height:40px; position:relative;}
.mainNav .li1 .h1{display:block; height:40px; text-align:center; font-size:16px; color:#333; font-weight:bold}
.mainNav .li1 .h1 a{color:#333; display:block; height:40px; padding:0 14px; }
.mainNav .li1 .h1 a:hover{text-decoration:none}
.mainNav .spe{display:none}
.mainNav .on1 .h1 .a1{background:#203d53; color:#fff}
.mainNav .ul1{overflow:hidden;line-height:28px;position:absolute;left:0;top:40px;width: 100%;display:none;background: #30516a;}
.mainNav .li2{ vertical-align:top; }
.mainNav .a2{ font-size: 14px; display:block; border-top: 1px solid #203d53; line-height: 20px; padding: 8px;color:#fff;}
.mainNav .a2:hover{background: #466a85;text-decoration:none;}


/*侧栏 */
.side{width:270px; float:left; margin-right:20px; position:relative; z-index:1;}
.mainContent{overflow:hidden;}

/*底部 */
#footer{clear: both; padding:10px 0 30px;background: #fff;text-align:center; border-top:2px solid #203d53}
#footer .siteWidth{font-size: 12px;overflow:hidden;}
#footer .links{padding:20px 0 10px 0;}
#footer .links li{ display:inline-block; *display:inline; zoom:1; margin-right:15px;}
#footer .links li a{color:#333}

/* 当前位置 */
.path{ height:49px; line-height:49px;color:#666;padding-left: 26px;background: url(../img/icons.png) 0 -806px no-repeat;}
.path a,.path span{margin:0 5px; color:#666}

/* goTop */
#goTop{position:fixed;  display:none; _display:none !important; width:50px;height:50px;bottom:60px;right:5px;z-index: 99;cursor:pointer;margin:5px;width:40px;height:40px;border-radius:2px;-webkit-box-shadow:0 0 5px #9c9c9c;opacity:.9;background:rgba(0,0,0,.5); }
#goTop::after{ display:block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-15px; content:""; border-width:10px; border-color:transparent; border-bottom-color:#fff; border-bottom-style:solid; border-style:dashed; display:block; font-size:0; line-height:0; width:0;  }
/* winMark */
#winMark{ z-index: 1;width: 100%;display:none; height:100%; position:fixed; background:rgba(0,0,0,.8) ;left: 0;top: 0;}

/* box */
.box{margin-bottom:20px;}
.box .hd{height:42px;line-height:42px;overflow:hidden;background:#203d53;margin-bottom:10px;}
.box .hd h3{float:left; height:42px; line-height:42px; padding-left:20px; font-weight:bold; font-size:16px}
.box .hd h3 a{color:#fff;}
.box .hd .more{float:right; font-size:12px; color:#fff; margin-right:10px}
.box .hd .bd{overflow:hidden; padding-top:15px;}

/* boxA */
.boxA{}
.boxA>.hd{height:42px; border-bottom:1px solid #e0e0e0; padding-right:10px;}
.boxA>.hd .more{float:right; line-height:42px; color:#999}
.boxA>.hd h3{height:40px; float:left; padding:0 10px; line-height:40px; font-weight:bold; border-bottom:2px solid #203d53; color:#203d53; font-size:16px;}
.boxA>.hd h3 a{color:#203d53}
.boxA>.hd ul{float:left; overflow:hidden}
.boxA>.hd ul li{float:left; font-size:16px; font-weight:bold; height:40px; line-height:40px;}
.boxA>.hd ul li.on{border-bottom:2px solid #203d53; color:#203d53}
.boxA>.hd ul li.on a{color:#203d53}
.boxA>.bd{padding-top:20px}

/* 顶部注册登录 */
.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:#203d53 !important;border-bottom:3px solid #203d53 !important;}
.user-mainbox .loginBtn {background: #203d53 !important;}
.user-mainbox .loginBtn:hover { background: #40647f !important;}


/*--
颜色代码
#0068B7 深蓝色标题
#ddd 淡蓝色边框
--*/
