@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: #333;font-size: 14px;line-height: 1.8;font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif;text-align: center;-webkit-text-size-adjust: none;background: #f9f9f9;}
a{ color: #333; text-decoration: none; outline: none;}
a:hover{color: #c00;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;}
.wrap{margin: 0 auto;}
.oh{overflow: hidden;}
.siteWidth{width: 1200px; margin: 0 auto; overflow: hidden;position: relative;}

/*顶部 S*/
#header{position: relative;z-index: 3;background: #0C69B8;}
#header .siteWidth{overflow: visible;height: 120px;position: relative;z-index: 3;}
#header .logo{ position: relative;z-index: 3; float: left; margin:30px 50px 0 0;}
#header .logo img{max-width: 360px;max-height: 80px;}
.topBar{position: absolute; right:0;top: 42px;z-index: 5;height: 36px;line-height: 36px;}
.topBar .siteWidth{overflow: visible;}
.topBar .links{float: right;color: #bbb;z-index: 3;}
.topBar .links>a{margin: 0 5px;color: #fff;cursor: pointer;}
.topBar .links .split{float:left; }
.topBar .links dl{float:left;margin: 0 5px;position:relative;}
.topBar .links dl dt{height:36px;line-height:36px;color:#fff;padding: 0 15px 0 30px;background: #4484c6 url(../img/icons-toplinks.png) -30px -32px no-repeat;border-radius: 18px;}
.topBar .links dl dt a{color:#fff}
.topBar .links dl.phone dt{background-position: -30px -632px;}
.topBar .links dl.barrierFree dt{background-position: -30px -831px;}
.topBar .links dd {clear: both;display: none;padding: 7px;background: #fff;position: absolute;right: 50%;top: 36px;margin-right: -57px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.topBar .links dd img { width: 100px; height: 100px;}
.topBar .links 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; display: none;}
.topBar .links .on dt {}
.topBar .links .on dt a { color: #ffffff;}
.topBar .links .on dd { display: block;}

/* s-form */
.s-form{float: right;*display:inline; zoom:1; margin-left:5px;position: relative;height: 36px; overflow:hidden;}
.s-form .select-box{ display: 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 .input-box input{display: block;width: 140px;height: 26px;line-height: 26px;border: 0;font-size: 14px;outline: none;padding: 5px 50px 5px 15px;background: #fff; border-radius:18px;color: #999;}
.s-form .btn-box{position: absolute;right: 0;top: 0;}
.s-form .btn-box .searchBtn{display: block;width: 50px;height: 36px; text-indent: -999px; text-align: center;outline: none;border: 0;color: #fff; overflow:hidden; background: url(../img/srhicon.png) no-repeat center; }
/*顶部 E*/
.banner{ width: 100%; text-align: center;}
#content{padding: 30px 0;}
#content .siteWidth{  text-align:left;}
#content:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.pageBanner{ height: 250px; background:#d3d2d8 url(../img/pagebanner.jpg) center 0 no-repeat; position: relative; z-index: 0}

/* focusBanner */
.focusBanner{background: #d3d2d8;height: 420px;margin: 0 auto;clear: both;text-align: center;position: relative;z-index: 0;overflow:hidden;}
.focusBanner .con{display: none}
.focusBanner .bd li .pic{position:absolute;left: 50%;margin-left: -960px;z-index: 0}
.focusBanner .hd{ width: 100%; height: 25px; position: absolute; bottom: 0; left: 0; z-index: 1; font-size: 0;}
.focusBanner .hd li{ opacity:0.5; height: 12px; width: 12px; background: #fff; margin: 0 5px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.focusBanner .hd li span{display: none;}
.focusBanner .hd .on{background: #fff; opacity:1}
.focusBanner .prev,.focusBanner .next{left: 50%;top: 50%;margin: -25px 0 0 -650px;width: 50px;height: 50px;background: url(../../base/img/icons.png) center -389px no-repeat #a3a3a4;display: block;position: absolute; filter:alpha(opacity=50);opacity:0.5;}
.focusBanner .next{ margin-left:600px; background-position: center -290px;}
.focusBanner .prev:hover,.focusBanner .next:hover{ filter:alpha(opacity=100);opacity:1;}

/* pageBanner */
.pageBanner{background: #d3d2d8;height: 420px;margin: 0 auto;clear: both;text-align: center;position: relative;z-index: 0;overflow:hidden;}
.pageBanner .con{display: none}
.pageBanner .bd li .pic{position:absolute;left: 50%;margin-left: -960px;z-index: 0}
.pageBanner .hd{ width: 100%; height: 25px; position: absolute; bottom: 0; left: 0; z-index: 1; font-size: 0;}
.pageBanner .hd li{ opacity:0.5; height: 12px; width: 12px; background: #fff; margin: 0 5px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.pageBanner .hd li span{display: none;}
.pageBanner .hd .on{background: #fff; opacity:1}
.pageBanner .prev,.pageBanner .next{left: 50%;top: 50%;margin: -25px 0 0 -650px;width: 50px;height: 50px;background: url(../../base/img/icons.png) center -389px no-repeat #a3a3a4;display: block;position: absolute; filter:alpha(opacity=50);opacity:0.5;}
.pageBanner .next{ margin-left:600px; background-position: center -290px;}
.pageBanner .prev:hover,.pageBanner .next:hover{ filter:alpha(opacity=100);opacity:1;}

/* 站群导航-公共 */
#siteLast{position: relative;z-index: 9;}
#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;font-size: 14px;}
#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{display: inline-block; *display: inline;zoom: 1;}
#siteLast dt{display: inline-block; *display: inline;zoom: 1;color: #fff;}
#siteLast a{ padding:0; margin:0;}
#siteLast dd{ font-size:12px;left: auto;right: 0;top: 36px; margin:0px;width: 810px;border:2px solid #ff8a00;-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 8pxrgba(0, 0, 0, .3);}
#siteLast li a{ cursor:pointer;}
#siteLast.on dt{ background-color:#ff8a00; color:#fff;}

/*导航 */
.nav{ height: 60px;line-height: 60px;position: relative;z-index: 2; background:#045BA5;}
.mainNav a:hover{text-decoration: none}
.mainNav{font-size: 16px;position: relative;zoom: 1; margin:0 auto; width:1200px;}
.mainNav:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.mainNav .li1{text-align: center;float: left;width: 133px;position: relative;}
.mainNav .a1{display: block;zoom: 1; color:#fff;}
.mainNav .a1:hover{ text-decoration: none;}
.mainNav .on1 .a1{background:#16447c;color: #fff;}
.mainNav .ul1{overflow: hidden;line-height: 28px;position: absolute;left: 0;top: 60px;width: 100%;display: none;background: #16447c;}
.mainNav .li2{ vertical-align: top;}
.mainNav .a2{font-size: 14px;display: block;line-height: 20px;padding: 10px;color: #fff;}
.mainNav .a2:hover{background: #225797;text-decoration: none;}

/*侧栏 */
.side{width: 230px;margin-right: 30px;float: left;}
.mainContent{overflow: hidden;padding: 30px;background: #fff;}

/* friendLinks */
.friendLinks {padding: 15px 0;position: relative;z-index: 3;background-color: #f1f1f1; border-top:1px solid #d2d2d2;display: none;}
.friendLinks h3 { float: left; font-size: 18px; line-height: 28px; margin-right: 20px; padding-left: 41px; background: url(../img/icon-link.png) 8px 4px no-repeat; color: #333; vertical-align: top; }
.friendLinks .bd { margin: 0 -15px; overflow: hidden; }
.friendLinks .bd .linksList{overflow:hidden}
.friendLinks .bd .linksList li{float:left; padding-left:20px; line-height:28px }
.friendLinks select { border: 0; width: 242px; padding: 4px; margin: 0 10px; border: 1px solid #ccc; }

/*底部 */
#footer{clear: both;padding: 30px 0;background: #045BA5;color: #74a8e2; line-height:30px;}
#footer a{color: #74a8e2}
#footer .siteWidth{ position: relative; overflow: visible; text-align: left;}
#footer .footerNav {overflow: hidden; text-align:center; }
#footer .footerNav li {display: inline-block; *display: inline;zoom: 1;overflow: hidden;vertical-align: top;margin-right: 5px; color:#fff;}
#footer .footerNav li a { vertical-align: top; color:#fff; }
#footer .footerNav li a:hover { color: #fff; }
#footer .copyRight{text-align:center}


/* 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{ overflow: hidden;}
.box .hd{height: 32px; line-height: 20px; border-bottom:1px solid #eee;}
.box .hd h3{float: left; *display:inline; zoom:1;}
.box .hd h3 a{ display:block;color: #045BA5;font-size: 18px;padding-bottom: 10px;border-bottom: 3px solid #045BA5;font-weight: bold;}
.box .hd .more{float: right;font-size: 12px;overflow:hidden;color: #999;}
.box .hd a:hover.more{ filter:alpha(opacity=60);opacity:0.6;}
.box .hd ul{ overflow:hidden;}
.box .hd ul li{float: left; margin-right:1px;}
.box .hd ul li a{ display:block;padding: 0 20px; background-color:#eee; font-size:18px;}
.box .hd ul li.on a{ background-color:#16447c;color: #fff;}
.box .bd{padding-top: 20px; overflow:hidden;}
.box .bd div{ overflow:hidden;}

/* sideBox */
.sideBox .hd{height: 50px;line-height: 50px; text-align:center;color: #fff;overflow: hidden;background: #045BA5;border-radius: 5px 5px 0 0;}
.sideBox .hd .more{float: right;display: block;width: 40px;height: 30px;overflow: hidden;background: url(../img/icons.png) 14px -523px no-repeat;line-height: 100px; margin-top: 15px;}
.sideBox .hd h3{font-size: 16px;color: #fff;font-weight: bold;}
.sideBox .hd h3 a{color: #fff}
.sideBox .bd{padding: 5px 10px;overflow: hidden;background: #fff;}
.sideBox .bd li { background:none;}
.sideBox .bd li .date { display:none; }

.path a,.path span{padding: 0 5px;color: #666;}
.path em{padding-left: 20px;background: url(../img/icon.png) no-repeat 0 -249px;color: #666;}

/* 顶部登录注册 */
.topBar .userLogged{ color:#fff; line-height:36px;margin: 0 10px 0 0;}
.topBar .userLogged a{color:#fff}
.topBar .userLogged .userDropdown .nickname:hover{color:#fff; text-decoration:underline}
.topBar .userLogged .loggedin .signinSum,
.topBar .userLogged .loggedin .myMsg{ background-image: url(../img/icons-userlogged.png);}
.topBar .userLogged .loggedin .signinSum:hover,
.topBar .userLogged .loggedin .myMsg:hover,
.topBar .userLogged .loggedin .hasMsg { background-image: url(../img/icons-userlogged-on.png);}
.topBar .userLogged .userDropdown .nickname:after{background: url(../img/userlogged-arrow.png) 0px 0px no-repeat;}
.user-mainbox .hd h3{color:#16447c !important; border-bottom-color:#16447c !important;}
.user-mainbox .loginBtn{background-color:#16447c !important; }
.user-mainbox .loginBtn:hover{background-color:#16447c !important;}

/*-- CSS结束 --*/