/*
    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, 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{color: #333;font-size: 14px;line-height: 28px;font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;-webkit-text-size-adjust: none;}
a{ color: #333; 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: 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{ 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;}
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: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;}

/* frame */
body{ min-width: 1200px; background: #f0f0f0 url("/zjjxcwgysjcom/Content/zjj/Base/img/headerBg_new.jpg") no-repeat center top;}
.wrap{position: relative;}
.mainContent{overflow: hidden;}
.side{float: left;margin-right: 20px;width: 320px;}
.row{margin-bottom: 30px;}
#content{margin-top: 20px;width: 1200px; margin: 0 auto;}
.container{ width: 1200px; margin: 0 auto;}
#header{position: relative;z-index: 11;}

/* topBar */
.topBar{height: 30px;line-height: 30px;position: relative; z-index: 12; font-size: 12px;}
.topBar a{cursor: pointer;}
.topBar .zfLink{float: left; padding-left: 25px; background: url("/zjjxcwgysjcom/Content/zjj/Base/img/iconDate.png") no-repeat left center;}
.topBar .zfLink span{ margin-left: 10px;}

.topBar .site{position:relative;float:right;margin-left:5px;}
.topBar .site dt i{margin-right:5px; display:none;}
.topBar .site dd{box-shadow:1px 1px 3px rgba(0,0,0,.2);background: #fff;display: none;position:absolute;padding: 10px;width: 570px;top:38px;right:0;margin-right:0;-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, .15);box-shadow:2x 2px 5px rgba(0, 0, 0, .15);}
.topBar .site dd i{ display:none}
.topBar .site dt{height:38px;padding: 0 10px;cursor:pointer;}
/* 站群导航 S */
.topBar .site dd { display: none; padding: 10px; color: #fff; }
.topBar .site dd a { margin: 0; color: #fff; }
.topBar .site dd h3 { text-align: left; margin: 0 10px; position: relative; font-size: 14px; font-weight: bold; line-height: 34px; }
.topBar .site dd h3 i { content: ""; display: block; height: 1px; line-height: 0; font-size: 0; background: #4fbcff; top: 17px; right: 0; width: 88%; position: absolute; }
.topBar .site dd ul { overflow: hidden; padding: 0 0 0 10px; }
.topBar .site dd li { float: left; width: 110px; text-align: left; overflow: hidden; height: 30px; line-height: 30px; }
.topBar .site dd li a { }
.topBar .site dd li a:hover { color: #ff0; }
.topBar .site li a { cursor: pointer; }
.topBar .site.on { background-color: #2ba7f3; color: #fff; }
.topBar .site.on dd { display: block; width: 790px; padding-bottom: 10px; background: #2ba7f3; -webkit-box-shadow: box-shadow: 0px 4px 8px rgba(0, 0, 0, .3); -moz-box-shadow: box-shadow: 0px 4px 8px rgba(0, 0, 0, .3); box-shadow: 0px 4px 8px rgba(0, 0, 0, .3); }
/* 站群导航 E */

/* 顶部快捷链接 */
.userPanel{ float: right;}
.userPanel li{ position: relative; padding: 0 4px;float: left; line-height: 30px;}
.userPanel li span{ cursor: pointer;}
.userPanel li.phone{ border: none;}
.userPanel li .pic{ display: none; box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.userPanel li .pic img{ width: 100px; height: 100px;}
.userPanel li.on .pic{ display: block; position: absolute; left: 16px; top: 40px; padding: 4px; background: #fff; margin-left: -50px;}
.userPanel li.on .pic 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;}

/* logoBar */
.logoBar{height: 155px;margin: 0 auto;position: relative;overflow: hidden;}
.logoBar #logo{position: absolute; z-index: 11; top: 35px; left: 0;}
.logoBar .slogan-index{position: absolute; z-index: 11; top: 25px; left: 640px;}
.slider .timer{ position: absolute; z-index: 1; left: 0; bottom: 0; height: 4px; width: 0; background: #000; filter: alpha(opacity=40);opacity: 0.4; font-size: 0; overflow: hidden;}

/* 主导航 */
.topNav{position: relative;margin: 0 auto;}
.mainNav{position: relative; z-index: 11; background: #2790d1;height: 52px;}
.mainNav .li1{height: 52px;float: left;_display: inline;line-height: 52px; width: 14.24%; text-align: center;}
.mainNav .spe{ display: none;}
.mainNav .h1{ display: inline-block; *display: inline; zoom: 1; text-align: left;}
.mainNav .a1{display: block; width: 80px; padding: 0 10PX 0 40px; background: url("/zjjxcwgysjcom/Content/zjj/Base/img/iconFont.png") no-repeat 17px 16px;text-align: center;font-size: 16px; color: #fff;}
.mainNav .a1:hover{ text-decoration: none;}
.mainNav .on1 .h1 a{ background-color: #0a62ad;}
.mainNav #li-zwgk .a1{ background-position: 17px -52px;}
.mainNav #li-xwzx .a1{ background-position: 17px -121px;}
.mainNav #li-ztzl .a1{ background-position: 17px -192px;}
.mainNav #li-wlwz .a1{ background-position: 17px -261px;}
.mainNav #li-hyfw .a1{ background-position: 17px -329px;}
.mainNav #li-bmfw .a1,
.mainNav #li-bsfw .a1{ background-position: 17px -401px;}
.mainNav .subNav{ display: none; position: absolute; top: 52px; left: 0; right: 0; border: 2px solid #2790d1; padding: 20px; background-color: #fff; line-height: 30px; text-align: left;}
.mainNav .subNavList{ float: left; width: 300px; margin-right: 40px;min-height: 247px; border-right: 1px solid #ddd;}
.mainNav .subNavList .hd h3{ font-weight: bold; display: inline-block; *display: inline; zoom: 1; padding-left: 10px; border-left: 3px solid #2589d6; line-height: 14px; color: #2589d6;}
.mainNav .subNavList .bd{ padding: 10px;}
.mainNav .subNavList .bd li{ float: left; width: 49.9%;}
#li-ztzl .subNavList .bd li{ width: 100%;}
.mainNav .topicList{ overflow: hidden;}
.mainNav .topicList .t .tit{ color: #2589d6;}
#searchGroup .subSite{ float: left;}
#searchGroup .subSite li{ float: left; margin-left: 1px;}
#searchGroup .subSite li a{ display: block; height: 40px; line-height: 40px; padding: 0 25px 0 50px; font-size: 16px; background: #fff url("/zjjxcwgysjcom/Content/zjj/Base/img/subSiteIcon.png") no-repeat; transition: all 0.25s ease 0s;}
#searchGroup .subSite li a:hover{ background-position: 0 5px; margin-top: -10px; height: 50px; line-height: 50px;}
#searchGroup .subSite li.li2 a{ background-position: 0 -40px;}
#searchGroup .subSite li.li2 a:hover{ background-position: 0 -35px;}
#searchGroup .subSite li.li3 a{ background-position: 0 -80px;}
#searchGroup .subSite li.li3 a:hover{ background-position: 0 -75px;}
.s-form{ position: relative; float: right; height: 38px; overflow: hidden;}
.s-form .input-box{float: left;padding: 8px 70px 8px 10px; border: 1px solid #2790d1; background-color: #fff; height: 20px;width: 200px;overflow: hidden;}
.s-form .from-control{border: none;background: none;vertical-align: top; width: 200px;}
.s-form .btn-box{position: absolute;top: 0;right: 0;}
.s-form .btn-box .btn{margin: 0 0 0 5px;width: 66px;height: 38px;background-color: #2790d1; color: #fff; border: none;overflow: hidden;}

/* 位置导航 */
.path{ margin-bottom: 15px; text-align: left;display: block;overflow: hidden;color: #666;font-size: 16px;}
.path a, .path span{ padding: 0 3px; color: #666;}
.path em{ margin-right: 5px; padding: 5px 10px; background-color: #c71e1e; color: #fff;}

/*footer*/
#footer{ background-color: #fff; position: relative;padding: 20px 0 20px;}
#footer .container{overflow: hidden;}
#footer .pic{ float: right; margin-top: 30px;}
#footer .pic img{ height: 45px;}
#footer .footNav{margin-bottom: 10px; overflow: hidden;}
#footer .footNav a{margin: 0 5px;}
#footer .copyRight{ overflow: hidden;}

/* 侧栏固定菜单 */
.sideFixed{margin-left: 600px;z-index: 12;position: fixed;top: 80px;left: 50%;width: 59px;font-size: 12px;_position: absolute;}
.sideFixed li{margin-bottom: 5px;position: relative;}
.sideFixed li span{line-height: 65px;color: #fff;display: block;height: 65px; overflow: hidden; background: #2790d1;text-align: center;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; text-indent: -999px;}
.sideFixed .pic{display: none;position: absolute;right: 65px;top: -45px;padding: 4px;background: #fff; -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: 150px;height: 150px;}
.sideFixed .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 .on .pic{display: block;}
.sideFixed .qr a span{ background: url("/zjjxcwgysjcom/Content/zjj/Base/img/phone.png") no-repeat right center;}
.sideFixed .wb a span{ background: url("/zjjxcwgysjcom/Content/zjj/Base/img/weibo.png") no-repeat;}
.sideFixed .wx a span{ background: url("/zjjxcwgysjcom/Content/zjj/Base/img/weixin.png") no-repeat;}
.sideFixed .share a span{ background: url("/zjjxcwgysjcom/Content/zjj/Base/img/fenxiang.png") no-repeat;}
.sideFixed .share .pic{top: 12px;right: 60px;width: 190px;}
.sideFixed .goTop a span{ background: url("/zjjxcwgysjcom/Content/zjj/Base/img/gotop.png") no-repeat;}

/* 信息公开链接组 */
.xxgkBtns{overflow: hidden;}
.xxgkBtns ul{overflow: hidden;}
.xxgkBtns ul li{margin-bottom: 10px; font-size: 16px;overflow: hidden; text-align: center;}
.xxgkBtns ul li a{display: block; padding: 10px 5px; line-height: 20px; border-radius: 20px;position: relative;-webkit-transition: 200ms;-o-transition: 200ms;-moz-transition: 200ms;transition: 200ms;border: 1px solid #ddd;}
.xxgkBtns ul li a:hover{ text-decoration: none;border: 1px solid #2790d1;background-color: #2790d1;color: #fff;}

/* box */
.box{ border: 1px solid #dbdbdb;}
.box .hd{ border-bottom: 1px solid #dbdbdb; line-height: 38px; height: 38px;}
.box .hd h3{float: left; font-size: 16px;}
.box .hd .more{ float: right; margin-right: 10px;}
.box .hd h3 span, .box .hd h3 a{ color: #fff; display: inline-block; *display: inline; zoom: 1; padding: 0 35px; background-color: #0792e3; border-radius: 4px 4px 0 0;}
.box .bd{ padding: 10px;}

/* TabBox */
.TabBox .hd{ height: 38px; background-color: #f3f3f3; overflow: hidden;}
.TabBox .hd li{ float: left; height: 38px; line-height: 38px; text-align: center;font-size: 16px; width: 50%;}
.TabBox .hd li.li1{ margin-left: -1px;}
.TabBox .hd li a{ display: block; margin-top: -1px;}
.TabBox .hd li.on a{ background-color: #0792e3; height: 38px; line-height: 38px; color: #fff;}
.TabBox .hd h3{ float: left; background-color: #0792e3; padding: 0 15px;height: 38px; line-height: 38px; font-size: 16px; text-align: center;}
.TabBox .hd h3 a{ color: #fff;}
.TabBox .bd{ overflow: hidden;}
.TabBox .bd ul{ padding: 10px;}

/* sideBox */
.sideBox{ margin-bottom: 20px;}
.sideBox .hd{position: relative;height: 40px;overflow: hidden;}
.sideBox .hd i.iconArrowRight2{position: absolute;top: 20px;right: 10px;}
.sideBox .hd i{margin: 0;float: left;}
.sideBox .hd h3{padding-left: 20px;line-height: 40px;font-size: 16px;background-color: #2790d1;}
.sideBox .hd h3 a, .sideBox .hd h3 span{color: #fff;}
.sideBox .bd {}


/* mainBox */
.mainBox .mHd{ margin-bottom: 10px; background-color: #f5f5f5;}
.mainBox .mHd h3{ line-height: 40px; display: inline-block; *display: inline; zoom: 1; padding: 0 10px; font-size: 18px;color: #2790d1;}
.mainBox .mHd .write{ float: right; margin: 8px 10px 0 0;}
.mainBox .mBd{ overflow: hidden}

/* 信件列表 */
.letterList{width: 100%;}
.letterList th, .letterList td{text-align: center;font-size: 14px;vertical-align: middle;line-height: 25px;padding: 6px 5px;}
.letterList th{background: #f1f1f1;}
.letterList .even{background: #f9f9f9;}
.letterList th{color: #2D97E8;}
.letterList th.title{text-align: left; padding-left: 38px;}
.letterList .num{display: none;}
.letterList td.title{text-align: left; padding-left: 5px;}
.letterList .ico{width: 30px; text-align: center; vertical-align: middle; padding: 0px}
.letterList .ico img{ vertical-align: middle;}
.letterList .dep{width: 70px;}
.letterList .state{width: 70px;}
.letterList .state .s0{ color: #333;}
.letterList .state .s1{ color: #f70;}
.letterList .state .s2{ color: #f00;}
.letterList .state .s3{ color: #390;}
.letterList .state .s4{ color: #333; text-decoration: line-through;}
.letterList .date{border-right: none; width: 90px;}

/* 友情链接 */
.friendLinks{margin-bottom: 15px;background: #fff;padding: 15px 20px;}
.friendLinks h3{float: left;font-size: 16px;color: #0068b7;padding-left: 31px;background: url("/zjjxcwgysjcom/Content/zjj/Base/img/icons.png") 0 -414px no-repeat;}
.friendLinks .con{overflow: hidden;}
.friendLinks select{background: #FBFBFB;padding: 6px;float: left;width: 18.4%;_width: 18.2%;_display: inline;margin-left: 1.6%;border: 1px solid #CFCFCF;}


/* 通用底部按钮 */
.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: 80%; border: 1px solid #ccc; height: 30px; line-height: 30px; padding: 0 10px; vertical-align: middle;}
.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}