@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; }
input:focus{outline: 0;}
/* Public */
body { min-width: 1200px; color: #333; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; background: #f0f0f0; width: 100%; overflow-x: hidden; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #2c61af; 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%; }
pre { font-size: 14px; font-family: "Microsoft YaHei"; white-space: pre-wrap; word-wrap: break-word; }
.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, .container { clear: both; max-width: 1200px; margin: 0 auto; }
.wrap { max-width: 1920px; margin: 0 auto; background-color: #fff; position: relative; z-index: 0; }

/*头部 */
#header {position: relative;z-index: 9;text-align: left;background: url(../img/headerbg-red.jpg) no-repeat center top;min-width: 1200px;width: 100%;}
.logoBox {position: relative;width: 1200px;margin: 0 auto;height: 253px;}
.logoBox .logo {padding-top: 60px;float: left;}
.logoBox .logo img { max-width: 900px; }
.logoBox .links {font-size: 14px;color: rgb(44 97 175 / 18%);float: right;text-align: right;}
.logoBox .links .spe { padding: 0 10px; }
.logoBox .links a {color: #2c61af;cursor: pointer;overflow: hidden;}
.logoBox .links .ft{display: inline-block;margin-left: 15px;}

.logoBox .links dl{display:inline-block;margin: 0 5px; position:relative}
.topbar {height:40px;line-height:40px;color: #fff;position: relative;z-index: 9;}
.topbar .date{float:left;font-size: 14px;color: #2c61af;color:#fff;opacity: 0.8;}
.topbar .date i{width: 22px;height: 20px;display:inline-block;background: url(../img/icon-top.png) no-repeat 0px 4px;float: left;margin-top: 10px;}
.logoBox .links dt i{width: 23px;height: 40px;display:inline-block;background: url(../img/icon-top.png) no-repeat 0px 15px;float: left;}
.logoBox .links .wx dt i{background-position: 0px -59px;}
.logoBox .links .wb dt i{background-position: 0px -95px;}
.logoBox .links .phone dt i{background-position: 0px -132px;}
.logoBox .links .ft a:after{content:'';width: 23px;height: 40px;display:inline-block;background: url(../img/icon-top.png) no-repeat 0px -23px;float: left;}
.logoBox .links a{color:#fff;opacity: 0.8;}
.logoBox .links dd{display:none;position:absolute;top: 38px;left: -30px;padding: 9px;background: #fff;border: 1px solid #f0f0f0;}
.logoBox .links .on dd{ display:block}
.logoBox .links dd i{content: "";position: absolute;top: -18px;left: 55px;border-width: 9px;border-color: transparent;border-style: dashed;border-bottom-color: #ffffff;border-bottom-style: solid;display: block;font-size: 0;line-height: 0;width: 0;}
.logoBox .links .phone dd{ left:-20px}
.logoBox .links .phone dd i{ left:40px}

.logoBox .links .wx dd{padding:0; left:-20px}
.logoBox .links .wx dd img{ width:95px; height:95px;}
.logoBox .links .wx dd i{ left:40px}

/*导航 */
.nav { position: relative; height: 54px; padding-bottom: 4px; background: #d4241b url(../img/nav-bg-red.png) repeat-x center bottom; }
.nav .mainNav { width: 1200px; margin: 0 auto; }
.nav a:hover { text-decoration: none }
.nav .li1 {float: left;width: 16.5%;text-align: center;position: relative;}
.nav .li1 .a1 { display: block; font-size: 18px; font-weight: bold; line-height: 54px; height: 54px; color: #fff; }
.nav li.on1 .a1 {color: white;background: #aa140c;}
.nav .ul1 { display: none; width: 100%; position: absolute; left: 0; top: 54px; background: #d4241b; }
.nav .ul1 li { border-bottom: 1px solid #d4241b; }
.nav .ul1 .a2 { color: #fff; display: block; line-height: 24px; padding: 6px 5px; font-size: 13px; }
.nav .ul1 li a:hover { background-color: #aa140c; }

/*内容区 */
#content { clear: both; text-align: left; position: relative; z-index: 1; }
.side { width: 260px; float: left; margin-right: 30px; margin-bottom: 20px; }
.mainContent { overflow: hidden; background-color: #fff; }

/*底部 */
#footer {clear: both;text-align: left;min-width: 1200px;width: 100%;font-size: 15px;margin-top: 20px;z-index: 2;position: relative;}

/* friendLinks */
.friendLinks {padding: 12px 0;background-color: #f2f2f2;}
.friendLinks .bd { margin: 0 -15px; overflow: hidden; }
.friendLinks select { border: 0; width: 212px; *width: 210px; padding: 8px 4px; margin: 0 15px; border: 1px solid #678cc3; background: #2c61af; color: #fff; }
.footNav { text-align: center; overflow: hidden; margin-bottom: 10px; }
.footNav li { display: inline; }
.footNav li.spe { padding: 0 5px; }

#footer .wx{position:absolute;top: 47px;right:0;text-align:center;font-size:12px;}

#footer .wx img{ height:95px; width:95px; border:1px solid #f0f0f0; }


#indYqlj{background: #f2f2f2;padding: 12px 0;color: #fff;z-index: 0;position: relative;}
#indYqlj .hd{float:left;margin-right: 90px;line-height: 36px;}
#indYqlj .hd h3{ font-size:20px; font-weight:400}

#indYqlj .bd{height: 36px; text-align:center}
#indYqlj .bd:after{ content:'';clear:both;}
#indYqlj .bd .linkbox{display:inline-block;width: 240px;margin-right: 36px;cursor: pointer;position: relative;box-sizing: border-box;/* background:rgb(255 255 255 / 58%) */}
#indYqlj .bd .linkbox .lhd{text-align:center;height: 36px;line-height: 36px;color: #333;}
#indYqlj .bd .linkbox .lbd{display:none;position:absolute;bottom: 36px;left:0;width: 240px;min-height: 68px;max-height: 387px;overflow-y:auto;background: rgb(255 255 255);color: #000;box-sizing: border-box;box-shadow: inset 1px -4px 10px rgb(0 0 0 / 6%);box-sizing: border-box;}
#indYqlj .bd .linkbox .lhd i{width:20px;height:20px;background: url(../img/icon-arrow.png) no-repeat center;display:inline-block;position:absolute;top: 8px;right: 20px; transition:0.5s}
#indYqlj .bd .linkbox.on .lhd i{transform:rotate(180deg);}
#indYqlj .bd .linkbox.on .lbd{ display: block; }
#indYqlj .bd .linkbox.on{background: rgb(255 255 255);}
#indYqlj .bd .linkbox .lbd a{color: #333;display:block;padding: 2px 15px;transition: 0.3s;}
#indYqlj .bd .linkbox .lbd a:hover{background: #0068b7;text-decoration:none;color: #ffffff;letter-spacing: 1.2px;}




/* foot-info */
.foot-info {position: relative;padding: 45px 0;}
.foot-info .blue {position: absolute;left: 50px;top: 64px;}
.foot-info .copyRight { text-align: center; line-height: 24px; padding: 0 180px; }

/* 侧栏固定菜单 */
.sideFixed { margin-left: 620px; z-index: 9; position: fixed; top: 350px; left: 50%; width: 50px; text-align: center; _position: absolute; }
@media screen and (max-width:1366px) {
    .sideFixed { left: auto; right: 0; margin-left: 0; }
}
.sideFixed li { position: relative; }
.sideFixed li a { height: 48px; line-height: 48px; display: block; background: #fff url(../img/icons-side.png) center 0 no-repeat; font-size: 0; border: 1px solid #306dc7; border-bottom: none; transition: all 0.5s; }
.sideFixed li a:hover, .sideFixed li.on a { background-color: #306dc7; text-decoration: none; }
.sideFixed .wx a { border-radius: 5px 5px 0 0; }
.sideFixed .wx.on a { background-position: center -48px; }
.sideFixed .wb a { background-position: center -96px; }
.sideFixed .wb.on a { background-position: center -144px; }
.sideFixed .qr a { background-position: center -192px; }
.sideFixed .qr.on a { background-position: center -240px; }
.sideFixed .sh a { background-position: center -288px; }
.sideFixed .sh.on a { background-position: center -336px; }
.sideFixed .gt a { overflow: hidden; background-position: center -384px; border-bottom: 1px solid #306dc7; border-radius: 0 0 5px 5px; }
.sideFixed .gt.on a { background-position: center -432px; }
.sideFixed .pic { display: none; -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); }
.sideFixed .pic img { width: 95px; height: 95px; }
.sideFixed .on .pic { display: block; position: absolute; left: -118px; top: -25px; padding: 4px; background: #fff; }
.sideFixed .on .pic i { z-index: 8; position: absolute; right: -10px; top: 50%; margin-top: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-left-color: #fff; border-left-style: solid; display: block; font-size: 0; line-height: 0; width: 0; }
.sideFixed .sh .s-form { display: none; -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); }
.sideFixed .sh.on .s-form { display: block; }


/* 搜索框 */
.s-form {height: 40px;border-radius: 5px;float: right;margin-top: 71px;position: relative;}
.s-form .select-box { display: none; }
.s-form .input-box { float: left; }
.s-form .input-box input {height: 40px;line-height: 40px;padding: 0 19px;background: #fff;border-radius: 30px 0 0 30px;border-right: none;width: 200px;box-sizing: border-box;border: none;}
.s-form .btn-box {float: left;border-radius: 0 3px 3px 0;overflow: hidden;height: 40px;}
.s-form .btn-box input {height: 40px;width: 50px;background: #aa140c url(../img/icon-search.png) no-repeat center;border: none;font-size: 0;border-radius: 0 35px 35px 0;transition: all 0.5s;}
.s-form .btn-box input:hover {background-color: #dc3a3a;}

/* goTop */
#goTop { position: fixed; 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; box-shadow: 0 0 5px #9c9c9c; -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; }

/* 当前位置 */
.path { height: 30px; line-height: 30px; color: #aa140c; padding: 10px 0; min-width: 1200px; width: 100%; font-size: 14px; background-color: #f4e2e2bd; text-align: left; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.path em { background: url(../img/icons-path-red.png) no-repeat 10px center; padding-left: 35px; }
.path a, .path span { margin: 0 5px; color: #aa140c; }

/* 盒子 */
.box { }
.box .hd { height: 50px; line-height: 50px; border-bottom: 2px solid #d9d9d9; }
.box .hd .more { float: right; }
.box .hd h3 { float: left; border-bottom: 2px solid #046cbb; }
.box .hd h3 a { display: block; font-size: 24px; }
.box .hd li { display: inline-block; *display: inline; zoom: 1; }
.box .hd li span, .box .hd li a { display: block; font-size: 24px; cursor: pointer; }
.box .hd li.on { height: 48px; border-bottom: 2px solid #ff9f40; }
.box .hd li.on span, .box .hd li.on a { color: #ff9f40; }
.box .bd { padding-top: 20px; }

/*验证码*/
div.codeinp input[type=text] { width: 100px !important; float: left; margin-right: 10px; border: 1px solid #ccc; height: 30px; padding: 0 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: #2c61af; 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: #3670c6; }

/* 依申请、信访、咨询等通用 查询页样色 */
.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 淡蓝色边框
--*/