@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;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 1.8;
    font-family:"PingFangSC-Regular","Heiti SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
time {
    margin: 0;
    padding: 0;
    display: block;
    zoom: 1;
}
/* Public */
body {
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    font-family:"PingFangSC-Regular","Heiti SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    text-align: center;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
a {
    color: #333;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #09f;
    /*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: 20px;
    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,.pull-left {
    float: left !important;
}
.fr,.pull-right {
    float: right !important;
}
.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;
}
/* frame */
body {
    text-align: center;
    min-width: 1200px;
}

.siteWidth,.container {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
}
#header { height: 180px; background: url(../img/png-blue.png) repeat center top; min-width: 1400px;  position: absolute; top: 0; left: 0; width: 100%; z-index: 3; }
#header .bg-left,#header .bg-right { position: absolute; top: 0; width: 163px; height: 180px; display: block; }
#header .bg-left { left: 0; background: url(../img/top-left.png) no-repeat left top; }
#header .bg-right { right: 0; background: url(../img/top-right.png) no-repeat right top; }
#content {
    clear: both;
    position: relative;
    min-height: 300px;
    text-align: left;
    width: 1400px;
    margin: 0 auto;
}
#content:after
#content .container:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* 搜索框 */
.siteSearch { width: 320px; height: 40px; float: right; padding-top: 42px; padding-right: 30px; position: relative; z-index: 1; }
.siteSearch input.keyWord { background: #fff; border: none; outline: none; width: 250px; padding: 0 10px; height: 40px; line-height: 40px; color: #b9b5ce; font-family: "Microsoft Yahei"; float: left;}
.siteSearch .btn { width: 50px; height: 40px; float: right; background:#09f url(../img/icons/icons-search.png) no-repeat center; border: none; outline: none; font-size: 0; display: block;}
.siteSearch .btn:hover { background-color: #008eed; }
/* notlogged */
.userLogged { float: right; height: 40px; margin-top: 42px; margin-right: 10px; line-height: 40px; }
.notlogged a { display: block; margin-left: 10px; border-radius: 3px; width: 88px; height: 38px; line-height: 38px; border: 1px solid #09f; color: #09f; background-color: #fff; text-align: center; float: left; font-size: 16px;}
.notlogged a:hover { border-color: #1d69ab; background-color: #09f;color: #fff; text-decoration: none; }
.notlogged .spe { display: none;}
.loggedin { color: #fff;}
.loggedin a { color: #fff; }
.loggedin .spe { padding: 0 10px;}

/* logoBox */
.logoBox { height: 129px; border-bottom: 1px solid #4185c2 }

/* logo */
#logo { float: left; position: relative; z-index: 2; padding-top: 30px; padding-left: 30px;}
#logo img { max-width: 500px;}


/* 导航 */
.topNav { position: relative; height: 50px;}
.mainNav { position: relative;  }
.mainNav .li1{ height: 50px;float: left; position:relative; width: 11.11%; *width: 11.09%;}
.mainNav .a1{display: block;color: #fff;text-align:center;font-size: 18px; position: relative; line-height: 50px; height: 50px; overflow: hidden;}
.mainNav .a1:hover { text-decoration: none; color:#fff;  }
.mainNav .on1 { background:url(../img/png-2.png) repeat;  }
.mainNav .on1 .h1 {  background: url(../img/bk.png) no-repeat center;}
.mainNav .on1 .a1{color: #dda829; }
.mainNav .ul1{ left: 0; overflow:hidden; line-height:28px; position:absolute; top: 50px; width: 100%; display:none; background: #f8f8f8; z-index: 10;}
.mainNav .li2{ vertical-align:top; }
.mainNav .a2{ border-bottom: 1px solid #e0e0e0;font-size: 14px;display:block;line-height: 26px;padding:8px 10px;color: #0b64b3;text-align: center;}
.mainNav .a2:hover{background: #0b64b3;text-decoration:none; color: #fff; font-weight: bold;}
.mainNav .last2 .a2 { border-bottom: none; }
.mainNav #li-home a.a1 { background: url(../img/icons-nav-path.png) no-repeat 25px center; padding-left: 30px; }

/* 位置导航 */
.path { color: #999; text-align: left; line-height: 59px; height: 59px;  padding:0 30px; font-size: 14px; border-bottom: 1px solid #eee;}
.path a,.path span { padding: 0 3px; color: #333;}
.path em { background:url(../img/icons/icons-path.png) no-repeat left center; padding-left: 24px; }

/*footer*/
#footer { background: #0056a6; min-width: 1400px; clear: both; font-size: 12px; line-height: 26px; color: #fff; text-align: left;}
.copyRight { border-top: 1px solid #3378b8; padding: 12px 0;  color: #a7c5e0; text-align: center;}
.copyRight a { color: #a7c5e0;}
.copyRight a.ba { background: url(../img/ba.png) no-repeat left center; padding:5px 0 5px 25px; }
.copyRight a:hover { text-decoration: underline; }
.massges {  float: left;  }
.massges .p1 { background: url(../img/icons/icons-dz.png) no-repeat 3px center; padding-left: 25px; }
.massges .p2 { background: url(../img/icons/icons-yb.png) no-repeat left center; padding-left: 25px; }
.foot-intro { padding-top: 30px; }
/* .foot-intro .qr-wx { float: right; position: relative; }
.foot-intro .qr-wx dt { background: #036 url(../img/icons/icons-wx.png) no-repeat center; border-radius: 3px; width: 40px; height: 40px; margin-top: 8px; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.foot-intro .qr-wx dd { display: none; position: absolute; bottom: 40px; left: -37px; }
.foot-intro .qr-wx:hover dt { opacity: 1; filter: alpha(opacity=100); transform: rotate(180deg); }
.foot-intro .qr-wx:hover dd { display: block; }
.foot-intro .qr-wx img { width: 105px; border: 4px solid #fff; } */

.foot-intro .qr-wx { position: absolute; right: 0; top:-15px; border: 1px solid #3378b8; padding: 5px; text-align: center; font-size: 12px; line-height: 24px; color: #a7c5e0; background-color: #0056a6;}
.foot-intro .qr-wx img { width: 84px; border: 3px solid #fff;}
.foot-intro .pic-blue { float: right; padding-left: 20px; }
.foot-intro .pic-blue img { width: 45px; height: 55px; }

.foot-logo { float: left; width: 270px; margin-right: 50px;}
.foot-logo img { max-width: 100%; }

/* friendLinks */
.friendLinks { background-color: #91a1af; padding: 20px 0; min-width: 1400px; text-align: left; }
.friendLinks .hd { float: left; color: #fff; font-size: 18px; padding-top: 1px;}
.friendLinks .hd a { color: #fff; }
.friendLinks .bd { overflow: hidden; }
.friendLinks .bd li { line-height: 30px; font-size: 14px; display: inline; padding: 0 20px; white-space:nowrap;}
.friendLinks .bd li a { color: #fff; }
.friendLinks .bd li a:hover { color: #fff; text-decoration: underline; }

/* 图片经过效果 */
ul li .pic a{ display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
ul li .pic a:hover{filter: alpha(opacity=80);opacity: .8;}
ul li .pic a:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);transform: skewX(-30deg);}
ul li .pic a:hover:before{left: 150%;transition: left 1s ease 0s}


/* box */
.box>.hd { border-bottom: 3px solid #f1f1f1; margin-bottom: 30px; height: 60px; position: relative;}
/*.box>.hd a.more { float: right;  border: 1px solid #cacac9; font: 20px/18px "宋体"; display: block; width: 18px; height: 18px; text-align: center; color: #cacaca; margin-top: 20px;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
 .box>.hd a.more:hover { background-color: #09f; border-color: #09f; color: #fff; } */
.box>.hd a.more { float: right; margin-top: 20px;}
.box>.hd h3 { font-size: 24px; font-weight: bold; line-height: 60px; float: left;}
.box>.hd h3 span { color: #09f; }
.box>.hd i.bg { position: absolute; bottom: -3px; left: 0; width: 46px; height: 3px; background: #09f; }
.box>.bd { clear: both; }


/* goTop */
#goTop {
    display: none !important;
}
#gotop {
    position: fixed;
    _display: none !important;
    width: 50px;
    height: 50px;
    bottom: 10px;
    right: 0;
    z-index: 99;
    background:#fff url(../img/icons-top.png) no-repeat 0 0;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    transition:0.5s;
    -moz-transition:0.5s;   
    -webkit-transition: 0.5s;   
    -o-transition:0.5s;
}
#gotop:hover {  background:#004585 url(../img/icons-top.png) no-repeat 0 -50px; border-color: #004585;}

/* winMark */
#winMark {
    z-index: 1;
    width: 100%;
    display: none;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
}

/* side */
.side { width: 280px; float: right; margin-left: 40px;  }


/* 侧栏-栏目菜单 */
#sideMenu { margin-bottom: 30px;}
#sideMenu .hd { display: none; }
#sideMenu .bd { height: 60px; background-color: #f8f8f8; line-height: 58px; font-size: 17px; padding: 0 30px; }
#sideMenu .bd li { float: left; margin-right: 30px;}
#sideMenu .bd li a { color: #666; }
#sideMenu .bd li a:hover { color: #0056a6; }
#sideMenu .bd li.on { border-bottom: 2px solid #0056a6; }
#sideMenu .bd li.on a { font-weight: bold; color: #0056a6; }

/* side-menu */
.side-menu li { width: 280px; height: 60px; margin-bottom: 10px; }
.side-menu li a { display: block; border: 1px solid #e5e5e5; line-height: 58px; padding-left: 120px; width: 158px; position: relative; color: #666; }
.side-menu li:hover a { background-color: #0056a6; border-color: #0056a6; color: #fff; }
.side-menu li i { display: block; position: absolute; width: 32px; left: 68px; top: 17px; height: 26px; background: url(../img/side-icons.png) no-repeat 0 0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all  0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.side-menu li.li2 i { background-position: 0 -112px;}
.side-menu li.li3 i { background-position: 0 -220px;}
.side-menu li.li4 i { background-position: 0 -328px;}
.side-menu li.li5 i { background-position: 0 -436px;}
.side-menu li.li6 i { background-position: 0 -544px;}
.side-menu li.li7 i { background-position: 0 -644px;}
.side-menu li.li1:hover i { background-position: 0 -56px;}
.side-menu li.li2:hover i { background-position: 0 -166px;}
.side-menu li.li3:hover i { background-position: 0 -274px;}
.side-menu li.li4:hover i { background-position: 0 -382px;}
.side-menu li.li5:hover i { background-position: 0 -490px;}
.side-menu li.li6:hover i { background-position: 0 -594px;}
.side-menu li.li7:hover i { background-position: 0 -698px;}


/* mainContent */
.mainContent { overflow: hidden; }


/*验证码*/
div.codeinp input[type=text] {
    width: 100px !important;
    float: left;
    margin-right: 10px;
}
/* 通用底部按钮 */
.bot {
    text-align: center;
    padding: 0 0 20px 0;
}
.bot a,
.bot button {
    cursor: pointer;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    padding: 0 5%;
    font-size: 16px;
    background: #0068B7;
    border: 0;
    color: #fff;
    margin: 0 2%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.bot a:hover,
.bot button:hover {
    text-decoration: none;
    background: #077BD4;
}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm {
    background: #fff;
    padding: 3% 0;
    width: 80%;
    margin: 30px auto;
    border: 1px solid #e2e2e2;
    font-size: 16px;
}
.queryForm td {
    padding: 8px 0
}
.queryForm .tdlab {
    width: 40%;
    text-align: right;
}
.queryForm input[type=text] {
    width: 56%;
    border: 1px solid #ccc;
    height: 30px;
    padding: 0 10px;
}
.queryForm .bot {
    text-align: left;
}
.queryForm .bot a {
    margin: 0
}
.queryForm .required strong {
    color: #f00;
    margin-right: 5px;
}
.queryForm .errorMessage {
    color: #f00;
}
.queryForm table {
    width: 100%;
    border: 0;
}
/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult {
    width: 80%;
    margin: 30px auto;
}
.queryResult .mainBox {
    margin-bottom: 50px;
}
.queryResult .tit h3 {
    text-align: center;
    font-size: 38px;
    line-height: 2;
    margin-bottom: 30px;
}
.queryResult .tips {
    text-align: center;
    font-size: 16px;
    margin-bottom: 50px;
    border-top: 1px solid #ddd;
    padding: 50px 0 20px 0;
}
.queryResult .number {
    font-weight: bold;
    color: #f00
}

/*--
颜色代码
#0068B7 深蓝色标题
#ddd 淡蓝色边框
--*/