﻿@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By 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 { 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 */
html{ width:100%; height:100%;   }
body{ width:100%; height:100%; color:#333;font:14px/28px '微软雅黑',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; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* + html .clearfix { min-height: 1%; }
.hot,.hot a{color:#f60 !important}
.nodata{color:#999;}
.fl{float:left; }
.fr{float:right; }
.hide{display:none; }
.siteWidth{width: 1200px; margin: 0 auto; }

/* frame */
.wrap{ margin:0 auto; text-align:center; overflow: hidden; }
#header{min-width: 1200px;  margin: 0 auto; text-align: center; }
#content{width:1200px; text-align:left;margin:0 auto;position:relative;   }
#content{overflow:hidden; padding:20px 0;}
#footer{min-width: 1200px; }

/* header */
#header{position:relative; z-index:1;  background: url(../img/topbarbg.png) left top repeat-x; }
#header .topBar{position: relative; z-index: 2; height: 40px; line-height: 40px; color: #ddd; width: 1200px; margin: 0 auto; text-align: left; }
#header .topBar .date{width: auto; float: left; height: 40px; line-height: 40px; overflow: hidden; }
#header .topBar span{vertical-align: top;}
.weather{width: auto; float: left; margin: 8px 0 0 18px; display: inline;}
.logoNav{position: relative; z-index: 1; width: 1200px; height: 92px; margin: 0 auto; text-align: center;}
#header h1.logo{ width: auto; float: left; margin-top: 22px; }
#header h1.logo a{display: block;}
#header h1.logo img{max-width:400px; }

/* userPanel */
.userPanel{width: auto; float: right; color: #ddd;}
.userPanel a{ color: #ddd; margin: 0 6px; }
.userPanel a:hover{color: white;}

/* siteSearch */
.s-form{  width:235px; height:27px; overflow:hidden; background: url(../img/searchbg.png) left top no-repeat; float:right; margin-top:5px; }
.s-form #inputkeyword{ width: 200px; height: 21px; line-height: 21px; float: left; padding: 3px 0; text-indent: 10px; color: #f0f0f0; border: none; background: none; outline: none;}
.s-form #inputkeyword::-webkit-input-placeholder{ color:#fff;}
.s-form #inputkeyword::-moz-placeholder{ color:#fff; }
.s-form #inputkeyword:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; }
.s-form #inputkeyword:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; }
.s-form #search{ float:right; display:block;  width:35px; height:27px; border: none; background: none; text-indent: -9999px; overflow: hidden; }

/* 站群导航-公共 */
#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; height: 40px; line-height: 40px; width: auto; float:right; color:#ddd;}
#siteLast dt{height: 40px; line-height: 40px; padding: 0 10px;}
#siteLast a{ padding:0; margin:0;}
#siteLast dd{font-size:12px;border: 3px solid #59b5df;right:0px;left:auto;margin:0px;top: 40px;}
#siteLast li a{ cursor:pointer;}
#siteLast.on dt{ background-color:#59b5df; color:#fff;}

/* navBar */
.navBar{width: auto; float: right; }
.mainNav{}
.mainNav .li1{width: 86px; height: 92px; float: left; text-align: center; border-right: 1px solid #f0f0f0;   position: relative;}
.mainNav .last1{border-right: none;}
.mainNav .a1{display: block; height: 40px; line-height: 40px; font-size: 14px; padding-top: 52px; background:#fff url(../img/navbg.png) 29px 18px no-repeat; transition: all .3s ease;font-weight: bold;}
.mainNav .a1:hover{background-color: #f6931e; padding: 0 0 52px; color: #fff; text-decoration: none;}
.mainNav .top1 .a1{background-position: 29px 18px;}
.mainNav .top2 .a1{background-position: -64px 18px;}
.mainNav .top3 .a1{background-position: -156px 18px;}
.mainNav .top4 .a1{background-position: -248px 18px;}
.mainNav .top5 .a1{background-position: -340px 18px;}
.mainNav .top6 .a1{background-position: -432px 18px;}
.mainNav .top7 .a1{background-position: -524px 18px;}
.mainNav .top8 .a1{background-position: -616px 18px;}
.mainNav .top9 .a1{background-position: -708px 18px;}
.mainNav .top1 .a1:hover{background-position: 29px -86px;}
.mainNav .top2 .a1:hover{background-position: -64px -86px;}
.mainNav .top3 .a1:hover{background-position: -156px -86px;}
.mainNav .top4 .a1:hover{background-position: -248px -86px;}
.mainNav .top5 .a1:hover{background-position: -340px -86px;}
.mainNav .top6 .a1:hover{background-position: -432px -86px;}
.mainNav .top7 .a1:hover{background-position: -524px -86px;}
.mainNav .top8 .a1:hover{background-position: -616px -86px;}
.mainNav .top9 .a1:hover{background-position: -708px -86px;}
.mainNav .ul1{overflow: hidden;line-height: 28px;position: absolute;left: 0;top: 92px;width: 100%;display: none; background-color: #2674b1;}
.mainNav .li2{ vertical-align: top;}
.mainNav .a2{font-size: 14px;display: block;line-height: 30px;padding: 5px;color: #fff;}
.mainNav .a2:hover{background: #2b80d3;text-decoration: none; color: #ff0;}
#li-zyjs .ul1{ width: 140px; margin-left:-24px;}


/* footer */
#footer{text-align:center;  clear:both; padding: 15px 0; background-color: #046aba; }
.footNav{width: 1200px; margin: 0 auto; line-height: 32px; text-align: left; color: white; }
.footNav a{ color:#FFFFFF }
.footNav span{padding:0 6px;}
#footer .copyRight{line-height:24px; text-align:center; color: white;  }
#footer .copyRight a{
    color:#fff;
}

#footer .siteWidth {position:relative; }
#footer .ewm{
    position: absolute;
    top:10px;
    right:20px;
    color:#fff;
}
#footer .ewm .pic img{
    width: 70px;
    height:auto;
}

.footer-links-box,
.qrcode-list {
    display: flex;
    justify-content: flex-end;
    margin: 10px auto 0;
    text-align: center;
    position: absolute;
}
#footer .qrcode-list li{
    float: left;
    margin-left: 20px;
}
#footer .qrcode-list li .pic{
    overflow: hidden;
    padding: 5px;
    background-color: #fff;
}
#footer .qrcode-list li .pic img{
    display: block;
    width: 80px;
    height: 80px;
}
#footer .qrcode-list li .tit{
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: white;
}

/* 友情链接 */
#divselect{width: 264px; float: right; position: relative; z-index: 1; text-align:left; color:#fff;}
#divselect h3{height: 29px; line-height: 29px; padding-left: 12px; font-size: 12px; border: 1px solid #0d4a79;  background: #0563ac url(../img/divselectbg.png) right top no-repeat; cursor: pointer;}
#divselect ul{ position: absolute; z-index: 1; left: 0; bottom: 30px; width: 262px; background-color: #0563ac; border: 1px solid #0d4a79; /*height: 180px; overflow: hidden; overflow-y: scroll;*/}
#divselect ul li{height: 30px; line-height: 30px;}
#divselect ul li a{display: block; padding: 0 10px; color: white;}
#divselect ul li a:hover{background-color: #0e7ed6; text-decoration: none;}


.pageBanner{display: none;}

/*侧栏-应用平台 */
.sideYypt{width: 300px; overflow: hidden;}
.yyptList{width: 310px; margin-right: -10px; position: relative; }
.yyptList li{width: 145px; float: left; height: 124px; margin: 10px 10px 0 0; display: inline;}
.yyptList li a{display: block; height: 44px; padding: 70px 0 10px 0; line-height: 34px; text-align: center; font-size: 16px; color: white;}
.yyptList li a{background: url(../img/yyptlistbg1.png) left top no-repeat; transition: all .5s ease;}
.yyptList li a:hover{color: #333; text-decoration: none;}
.yyptList li.li1 a{background-position: left top;}
.yyptList li.li2 a{background-position: -155px top;}
.yyptList li.li3 a{background-position: left -144px;}
.yyptList li.li4 a{background-position: -155px -144px;}
.yyptList li.li5 a{background-position: left -284px;}
.yyptList li.li6 a{background-position: -155px -284px;}
.yyptList li.li7 a{background-position: left -295px;}
.yyptList li.li8 a{background-position: -155px -395px;}

.yyptList li.li1 a:hover{background-position: -320px top;}
.yyptList li.li2 a:hover{background-position: -474px top;}
.yyptList li.li3 a:hover{background-position: -320px -144px;}
.yyptList li.li4 a:hover{background-position: -474px -144px;}
.yyptList li.li5 a:hover{background-position: -320px -284px;}
.yyptList li.li6 a:hover{background-position: -474px -284px;}
.yyptList li.li7 a:hover{background-position: -320px -295px;}
.yyptList li.li8 a:hover{background-position: -474px -295px;}

/* sideBox */
.sideBox{margin-top: 20px; overflow: hidden;}
.sideBox .hd{height: 43px; line-height: 43px; background-color: #046aba; overflow: hidden;}
.sideBox .hd h3{margin-left: 18px; font-size: 18px; color: white;}
.sideBox .bd{background-color: #f1f1f1; 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;}

/* goTop */
#goTop{position:fixed;  display:none; _display:none !important; bottom:60px;right:5px;z-index: 99;cursor:pointer;margin:5px;width:100px;height:28px;-webkit-box-shadow:0 0 5px #9c9c9c;opacity:.9;background: url(../img/gotop.jpg)  left center no-repeat; }
#goTop::after{ display:block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-15px; content:""; border-color:transparent;  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;}

/* 顶部注册登录 */
.topBar .userLogged{margin-top:7px;}
.user-mainbox .hd h3,
.user-mainbox .top h3{color:#046aba !important;border-bottom:3px solid #046aba !important;}
.user-mainbox .loginBtn {background: #046aba !important;}
.user-mainbox .loginBtn:hover { background: #015597 !important;}

/*-- CSS结束 --*/

