﻿@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: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
time {
    margin: 0;
    padding: 0;
    display: block;
    zoom: 1;
}

/* Public */
body {
    color: #000;
    font-size: 16px;
    line-height: 2;
    font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;
    text-align: center;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    position: relative;
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto;
}
@media screen and (max-width: 1400px) {
    body {
        overflow-x: visible;
    }
}

body * {
    outline: none;
}
a {
    color: #000;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #2F6EA4;
}
.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: 15px;
    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 !important;
}
.fr {
    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 {
    max-width: 1200px;
    margin: 0 auto;
}
#content {
    clear: both;
    background: #fff;
    margin: 0 auto 20px;
    width: 1200px;
    position: relative;
    min-height: 250px;
    z-index: 1;
    text-align: left;
}
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* top-bar ------ */
.top-bar { line-height: 50px; height: 50px; font-size: 14px; color: #fff; position: absolute; z-index: 7; top: 0px; left: 0; width:100%; }
.top-bar a { color: #fff; cursor: pointer; }
.top-bar a:hover { color: #ff0; }
.top-bar a.a1 { background-color:#ea9327; padding:4px 15px; border-radius :20px; color:#;}
.top-bar a.a1:hover { background-color:#d88319; color: #fff;}
.top-bar .spe { padding: 0 8px; opacity: 0.5; font-family: "SimSun";}
.top-bar .userLogged { margin-top: 12px; margin-right: 0;}
.toplinks .qr { position: relative; }
.toplinks .qr .pic { position: absolute; display: none; left: 50%; margin-left: -55px; top: 50px;}
.toplinks .qr .pic img { width: 100px; height: 100px; border: 5px solid #fff;}
.toplinks .qr:hover .pic { display: block; }
.top-bar .robot a { background:url(../img/icons-jqr.png) no-repeat left center; padding-left: 25px;}


/* toplinks */
.toplinks ul.clearfix>li { float: left; }
.userLogged .notlogged .split { opacity: 0.5; font-family: "SimSun"; margin: 0 4px;}

/* s-form */
.s-form {
    vertical-align: top;
    margin: 0 auto;
    height: 45px;
    width: 500px;
    border-radius: 6px;
    padding: 4px;
    background-color: rgba(255,255,255,0.3);
}
.s-form .input-box {
    float: left;
}
.s-form .input-box input {
    width: 380px;
    vertical-align: top;
    height: 45px;
    font-size: 15px;
    padding: 0 15px;
    line-height: 45px;
    outline: none;
    border: none;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
}
.s-form .btn-box {
    float: left;
    width: 90px;
    overflow: hidden;
}
.s-form .btn-box input {
    height: 45px;
    width: 90px;
    overflow: hidden;
    border: none;
    background:#2F6EA4 url(../img/icons-search1.png) no-repeat 63px center;
    outline: none;
    font-size: 16px;
    vertical-align: top;
    text-align: left;
    color: #fff;
    transition: all 0.5s;
    padding-left: 20px;
    border-radius: 0 5px 5px 0;
}
.s-form .btn-box input:hover { background-color: #347cb9; }

.s-form .link-box {
    text-align: center;
    font-size: 14px;
}
.s-form .select-box {
    float: left;
    width: 100px;
    height: 38px;
    border: none;
    background: #fff;
    border: 1px solid #ccc;
    border-right: none;
    position: relative;
    display: none;
}
.s-form .select-box ul {
    position: absolute;
    background: #f7f7f7;
    border-top: 0;
    line-height: 1.8;
    display: none;
    left: -1px;
    top: 39px;
    border: 1px solid #ccc;
    border-top: 0;
    width: 301px;
    padding: 5px 10px;
}
.s-form .select-box ul li {
    cursor: pointer;
    padding: 4px 5px;
    font-size: 14px;
    float: left;
    width: 90px;
    text-align: left;
}
.s-form .select-box ul li:hover {
    color: #e20500;
    background: #f1f1f1;
}
.s-form .select-box .s-option {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 38px;
    line-height: 38px;
    width: 80px;
    text-align: center;
}
.s-form .select-box a:hover {
    text-decoration: none;
}
.s-form .select-box .arrow-dn {
    display: inline-block;
    top: 16px;
    height: 0;
    width: 0;
    font-size: 0;
    overflow: hidden;
    border: 5px solid transparent;
    border-color: #666 transparent transparent;
    position: absolute;
    right: 10px;
    top: 18px;
    transition: -webkit-transform 0.1s ease-in-out;
    transform: translate3d(0, 0, 999px);
    backface-visibility: visible;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    -webkit-transform: translate3d(0, 0, 999px);
    -webkit-backface-visibility: visible;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -moz-transform: translate3d(0, 0, 999px);
    -moz-backface-visibility: visible;
}
.s-form .select-box .arrow-hover {
    border-color: transparent transparent #666 transparent;
    top: 11px;
}
.s-hot-search {
    position: absolute;
    padding-top: 50px;
    z-index: -1;
    margin-top: -10px;
    font-size: 12px;
    display: none;
}
.s-hot-search a {
    color: #666;
}


.top-sign { float: left; font-size: 14px; line-height: 28px; color: #fff; }
.top-sign a { color: #fff; }
.top-sign .userLogged .split { margin: 0 5px; }

.weather .tempWrap {  width: 305px !important; overflow: hidden; }


/* header */
#header {
    text-align: left;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    background:#fff url(../img/header-bg.jpg) no-repeat center bottom;
        padding-top: 0px;
}
.headerTop {
    height: 348px;
}
#header #logo {
    text-align: center; 
    padding-top: 90px;
    margin-bottom:40px;
}
#header #logo img {
    max-width: 500px;
}


/* 登录会员重置 */
.userLogged .userDropdown .nickname { font-weight: normal !important; }
.userLogged .loggedin .myMsg { background: url(../img/icons-userlogged.png) -37px -237px no-repeat !important; }
.userLogged .userDropdown .nickname:after { background: url(../img/userlogged-arrow.png) 0px 0px no-repeat  !important; }
.userLogged .userDropdown .avatar { display: none; }



.userlogincomment .hd .on {
    border-color: #2F6EA4 !important;
}

.userlogincomment .hd .on a,.login-tip .registerlink a {
    color: #2F6EA4 !important;
}
.user-mainbox .hd h3, .user-mainbox .top h3 {
    color: #2F6EA4 !important; border-color: #2F6EA4 !important;
}
.loginBtn {
    background-color: #2F6EA4 !important;
}
.loginBtn:hover {
    background-color: #003b55 !important;
}

/* 主导航 */
.topNav {
    position: relative;
    min-width: 1200px;
    border-bottom: 6px solid #3f6ea4;
    /* height: 60px; */
}
.mainNav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.mainNav>.item,
.mainNav>.li1 {
    float: left;
}
.mainNav .itemName a,
.mainNav .a1 {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    padding: 0 18px;
    position: relative;
}
.mainNav .itemName a::after,
.mainNav .a1::after {
    width: 0;
    height: 6px;
    background-color: #fff;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    transition: all 0.5s;
    opacity: 0;
    filter: alpha(opacity=);
}
.mainNav .itemName a:hover,
.mainNav .a1:hover {
    text-decoration: none;
}
.mainNav .currentItem .itemName a::after,
.mainNav .on1 .a1::after {
    width: 100%;
    left: 0;
    display: block;
    opacity: 1;
}
/*.mainNav .currentItem#item-home a::after,
.mainNav #li-home a.a1::after { display: none; }*/
.mainNav .currentItem#item-home:hover a::after { display: block; }
.mainNav #li-xjtczdkfkfsyq1 .a1,.mainNav #item-xjtczdkfkfsyq1 .itemName a { color: #ff0; }

.mainNav .itemSub {
    width: 100%;
    min-width: 1200px;
    height: 315px;
    padding-top: 15px;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 66px;
    background: #FAFCFF;
    left: 0;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.46);
}

/* 要闻动态 -----------------------*/

/* navBox */
.navBox .hd { line-height: 50px; border-bottom: 1px solid #dadada; height: 50px; margin-bottom: 5px;  font-size: 20px; }
.navBox .hd h3 a,.navBox .hd h3 span {color: #0A60A7; }

.mainNav #sub-ywdt { margin-right: -20px; overflow: hidden; }
.mainNav #sub-ywdt .navBox { width: 380px; float: left; margin-right: 20px; }


/* 政府信息公开 -----------------------*/
#sub-zfxxgk .subSide { float: left; width: 670px; }
#sub-zfxxgk .subMain { float: right; width: 500px; }

/* sub-leader */
.sub-leader .bd { padding: 15px 10px 0; }
.sub-leader-top { float: left; width: 380px; margin-right: 25px; position: relative; overflow: hidden; min-height: 196px;}
.sub-leader-top .pic { float: left; width: 120px; margin-right: 30px; }
.sub-leader-top .pic img { width: 120px; height: 166px; }
.sub-leader-top .con { float: right; width: 230px;}
.sub-leader-top .title { position: absolute; width: 120px; height: 30px; line-height: 30px; background-color: #dedede; text-align: center; font-size: 12px; left: 0; top: 166px; }
.sub-leader-top .title a { color: #1A4F97; }

.sub-leader-top .con .job {color: #4f94cd;font-weight: bold; font-size: 16px;}
.sub-leader-top .con .intro { font-size: 15px; line-height: 30px; }
.sub-leader-top .con .work { display: block; margin: 10px 0 0;padding: 10px 0 0; font-size: 16px; line-height: 30px; color: #f60; border-top: 1px dashed #ddd; }


/* sub-leader-list */
.sub-leader-list { float: right; width: 230px; } 
.sub-leader-list h3.hd-title { height: 30px; line-height: 30px; border-bottom: 1px dashed #ddd; color: #4f94cd; font-weight: bold; font-size: 16px; margin-bottom: 5px;}
.sub-leader-list h3.hd-title a { color: #4f94cd; }
.sub-leader-list li { float: left; padding:0 15px; height: 30px; line-height: 30px; font-size: 14px; }
.sub-leader-list .title a { color: #666; font-weight: bold; }
.sub-leader-list .job { display: none; }

/* open-menu-fl */
.open-menu-fl { width: 260px; padding-top: 10px; float: left; }
.open-menu-fl li { float: left; margin-right: 10px; margin-bottom: 20px;}
.open-menu-fl li a { display: block; background-color: #eee; border: 1px solid #e1e1e1; border-radius: 5px; padding-left: 29px; width: 89px; height: 74px; line-height: 74px; position: relative; transition: all 0.5s; }
.open-menu-fl li a::before { display: block; content: ""; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #9a9a9a; position: absolute; left: 15px; top: 50%; margin-top: -5px; transition: all 0.5s;}
.open-menu-fl li a:hover { background-color: #3069b8; border-color: #3069b8; color: #fff; }
.open-menu-fl li:hover a::before { border-left-color: #fff; }

/* .open-menu-fr */
.open-menu-fr { float: right; width: 225px; }
.open-menu-fr li { border-bottom: 1px dotted #ddd; line-height: 40px; height: 40px; font-size: 14px; position:relative; padding-left: 48px; }
.open-menu-fr li:before { content:""; position:absolute; top:4px; left:8px; width:32px; height:32px; background:#e7eced url(../img/icons-xxgk.png) no-repeat; border-radius:100%; transition:.5s all;}
.open-menu-fr .li1:before { background-position: 0 0;}
.open-menu-fr .li2:before { background-position: 0 -32px;}
.open-menu-fr .li3:before { background-position: 0 -64px;}
.open-menu-fr .li4:before { background-position: 0 -96px;}
.open-menu-fr .li5:before { background-position: 0 -128px;}
.open-menu-fr .li6:before { background-position: 0 -160px;}
.open-menu-fr .li7:before { background-position: 0 -192px;}
.open-menu-fr li:hover:before { transform: rotateY(180deg);}


/* 新疆塔城重点开发开放试验区 -----------------------*/
.mainNav #sub-xjtczdkfkfsyq img {  max-width: 1200px; max-height: 300px;}

/* 政民互动 -----------------------------*/
.mainNav .sub-petition { float: left; width: 450px; margin-right: 20px; }
.mainNav .sub-petition span.date{ display: none; }
.mainNav .sub-ft { float: left; width: 280px; margin-right: 20px; }
.mainNav .sub-ft .bd { padding: 10px 5px; }
.mainNav .sub-ft .interviewItem .interviewPic { margin-bottom: 10px; }
.mainNav .sub-ft .interviewItem .interviewPic img { width: 270px; height: 136px; }
.mainNav .sub-ft .interviewLink,.mainNav .sub-ft .intro { display: none; }
.mainNav .sub-ft .interviewCon { font-size: 12px;  }
.mainNav .sub-ft .interviewCon>div { line-height: 26px; height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mainNav .sub-ft .interviewCon .label { font-weight: bold; }
.mainNav .sub-ft .interviewCon .title .con a { font-weight: bold; color: #f60; }
.mainNav .sub-yjzj { float: right; width: 420px; }

/* 走进塔城 -----------------------------*/
#sub-zjtc .sub-map { float: left;  width: 330px; }
#sub-zjtc .sub-about { float: right; width: 860px; }

#sub-zjtc .sub-about .in { width: 550px; float: left; padding-top: 10px; margin-right: 20px; }

#sub-zjtc .sub-about .intro { line-height: 32px; text-indent: 2em; font-size: 16px; color: #666; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
#sub-zjtc .sub-about .intro a { color: #d60e00; font-size: 14px; }
#sub-zjtc .sub-about .sub-about-menu { width:100%; overflow:hidden; padding:15px 0 0;  }
#sub-zjtc .sub-about .sub-about-menu li{ float:left; width:16.66%; text-align:center; background:#eee; }
#sub-zjtc .sub-about .sub-about-menu li a { font-size:15px; border-right:1px solid #ddd; display: block; }
#sub-zjtc .sub-about .sub-about-menu li.last a { border-right: none; }

.sub-about-side { overflow: hidden; }
.sub-about-side li {float: left; width: 120px; height: 90px; margin-top: 15px; margin-right: 20px;}
.sub-about-side li a {display: block; width: 120px;height: 40px;line-height: 40px; padding: 50px 0 0;background: #EEF5F9 url(../img/label-zjtc.png) no-repeat 40px 18px; text-align: center; font-size: 16px;color: #666;}
.sub-about-side li a:hover {background-color: #E1EEF4;}
.sub-about-side li.li2 a {background-position: 40px -98px;}
.sub-about-side li.li3 a {background-position: 40px -232px;}
.sub-about-side li.li4 a {background-position: 40px -360px;}
.sub-about-side li.li5 a {background-position: 40px -460px;}
.sub-about-side li.li6 a {background-position: 40px -552px;}


/* 主栏 和 侧栏 */
.mainContent {
    width: 75%;
    zoom: 1;
    float: right;
    position: relative;
}
.side {
    font-size: 14px;
    width: 23%;
    float: left;
}
.sidexg {
    font-size: 14px;
    width: 100%;
    float: left;
}

/* 位置导航 */
.path { height: 20px;line-height: 20px; color: #454545; border: 1px solid #ddd; padding: 10px 40px; background: url(../img/path.png) no-repeat 20px center ; font-size: 14px; width: 1118px; margin: 15px auto; text-align: left;}
.path a {color: #454545; margin: 0 3px;}

/*footer*/
#footer {
    background: #e6e7e8;
    position: relative;
    text-align: left;
    border-top: 10px solid #2F6EA4;
}
/* footer-con */
.footer-con { padding: 30px 0 30px 10px; }
.footer-con .red { float: left; width: 72px; text-align: left; padding-top: 14px; }
#footer .copyRight { float: left; width: 700px;}
#footer .copyRight img {
    vertical-align: text-bottom;
}
#footer .copyRight p {
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    font-size: 14px;
}
#footer .pics {
    float: right;
    padding-top: 14px;
}
#footer .pics>div { float: left; margin-left: 10px; }
#footer .pics img {
    height: 60px;
}


/* 友情链接 */
.friendLinks { border-bottom: 1px solid #BCBEC0; padding: 20px 0;}
.friendLinks .hd { line-height: 36px; height: 36px; }
.friendLinks .hd li { float: left; width: 184px; padding-right: 38px; margin-right: 22px; background: url(../img/linkbg2.png) no-repeat; text-align: center; cursor: pointer; }
.friendLinks .hd li.on { background: url(../img/linkbg.png) no-repeat; }
.friendLinks .hd li.last { margin-right: 0; }
.friendLinks .bd ul { padding: 15px 0 15px 100px; border: 1px solid #ddd; background-color: #fff; display: none; overflow: hidden;}
.friendLinks .bd li{float: left; font-size:12px; font-size-adjust:inherit; direction:ltr; outline-width:thin; background-image:none; play-during:mix;}
.friendLinks .bd li a{line-height:30px;float: left; width: 165px; padding-left: 12px; font-size:14px; word-wrap: break-word; background:url(../img/icons.png) no-repeat 0 14px;}


/* 侧栏固定菜单 */
.sideFixed {position:fixed; right:5px; bottom:10px; padding-bottom:73px; z-index:9; }
.sideFixed li { margin-bottom:1px; cursor:pointer; position:relative; background-color: #bbb; width: 50px; }
.sideFixed li a.a1 { height: 50px; line-height: 50px; display: block; width: 50px; font-size: 0 !important; background: url(../img/icons-side.png) no-repeat 0 0; overflow: hidden; }
.sideFixed li.wb a.a1 {}
.sideFixed li.wx a.a1 { background-position: 0 -50px; }
.sideFixed li.tg a.a1 { background-position: 0 -100px; }
.sideFixed li.jc a.a1 { background-position: 0 -150px; }
.sideFixed li.gt a.a1 { background-position: 0 -200px; }
.sideFixed li.gd a.a1 { background-position: 0 -250px; }


.sideFixed li.qr a { font-size: 0; height: 50px; display: block; width: 50px; background: url(../img/icons-phone.png) no-repeat center; -webkit-background-size: auto 65%; background-size:auto 65% ;}

.sideFixed li.wb:hover { background-color: #488bc7; }
.sideFixed li.wx:hover { background-color: #58a81c; }
.sideFixed li.tg:hover { background-color: #AE1E4F; }
.sideFixed li.jc:hover { background-color: #ff811b; }
.sideFixed li.gt:hover { background-color: #444; }
.sideFixed li.gd:hover { background-color: #0068c3; }
.sideFixed li.qr:hover { background-color: #2F6EA4; }


.sideFixed .pic {
    display: none;
    -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);
    position: absolute;
}
.sideFixed .pic img {
    width: 140px;
    height: 140px;
}
.sideFixed .on .pic {
    display: block;
    position: absolute;
    left: -168px;
    top: -45px;
    padding: 9px;
    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 .intro { display: none; position: absolute; top: 0; right: 100%;}
.sideFixed .intro a { display: block; line-height: 50px; height: 50px; background-color: #ff811b;  color: #fff; text-align: center; font-size: 18px; width: 160px;}
.sideFixed .on .intro { display: block; }

/* 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: 0.9;
    background: rgba(0, 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;
}

.getPhone { display: none; position:fixed; bottom:10%; right:5%;  z-index:99; text-align:center;  }
.getPhone a{color:#fff;font-size: 1rem;display: block;width: 70px;height: 40px;border-radius:5px;background: #fd8628 url(../img/icons-phone.png) no-repeat center 10px;background-size: auto 20px;padding-top: 30px;}
.getPhone a:hover { text-decoration: none;}

@media screen and (max-width: 750px) {
    /*.getPhone{ display: block; }*/
}


/* winMark */
#winMark {
    z-index: 1;
    width: 100%;
    display: none;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
}

/* 侧栏-栏目菜单 */
#sideMenu .hd { height: 50px; background: #3F6EA4; line-height: 50px; text-align: center; font-size: 22px; color: #fff; }
#sideMenu .hd h3 { font-weight: bold; }
#sideMenu .hd h3.title { font-size: 20px; }
#sideMenu .bd { overflow: hidden;  border: 1px solid #ddd; border-bottom: none; border-right: none;}

/* 多级菜单 */
#sideMenu .menulists .li1 { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#sideMenu .menulists .li1 .h1 { position:relative; line-height:24px;  }
#sideMenu .menulists .li1 .h1 .a1 { display: block; padding:18px 15% 18px 20%;  font-size: 18px; position: relative; z-index: 1; cursor: pointer;}
#sideMenu .menulists .on1 .h1,#sideMenu .menulists .li1:hover { background: #F6F7FB; }
#sideMenu .menulists .li1 i { display: block; height: 20px;width: 20px;background: url(../../base/img/arr.png) no-repeat center center;background-size:80% 80%;position: absolute;right: 12px;top: 50%;margin-top: -10px;transition: all 0.3s ease-out;transform: rotate(-90deg);}
#sideMenu .menulists .hasUl1 i { transition: all 0.3s ease-out; transform: rotate(0deg); }
#sideMenu .menulists .hasUl1.on1 i { transition: all 0.3s ease-out; transform: rotate(180deg); }

#sideMenu .menulists ul.ul1 { display: none; background: #fff; overflow:hidden;}
#sideMenu .menulists ul.ul1 .li2 { padding: 8px 0px 8px 40px; line-height: 30px;  font-size: 15px; font-weight: 400; cursor: pointer; border-top: 1px solid #ddd;}
#sideMenu .menulists ul.ul1 .on2 { color:#2F6EA4; font-size:16px; background-color:#f3f3f3;}
#sideMenu .menulists ul.ul1 .a2 { display: block; padding: 5px; font-size: 16px; text-align: center; background: transparent; border-top:none; position: relative; }
#sideMenu .menulists ul.ul1 .li2.on,#sideMenu .menulists ul.ul1 .li2:hover,#sideMenu .menulists ul.ul1 .li2:hover a {background: #f3f3f3;}

#sideMenu .menulists ul.ul1 .a2:after { display:block; content:" "; position:absolute; right:7%; top:50%; width:6px; height:11px; margin-top:-5px; background:url(../../base/img/subnav-icon.png) no-repeat;}
#sideMenu .menulists .on1 ul.ul1 { display: block; }

/* 单级菜单 */
#sideMenu .menuList li a { position:relative; line-height:24px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; display: block; padding:18px 15% 18px 20%;  font-size: 18px;  }
#sideMenu .menuList li.on a,#sideMenu .menuList li.on1 a,#sideMenu .menuList li:hover a{ background: #F6F7FB; }
#sideMenu .menuList li a:after { display:block; content:" "; position:absolute; right:7%; top:50%; width:6px; height:11px; margin-top:-5px; background:url(../../base/img/subnav-icon.png) no-repeat;}
#sideMenu .menuList li.on a,#sideMenu .menuList li.on1 a{ background:#F6F7FB; }


/* 左右格式菜单 */
.sideMenu-lenght .bd .menuList li { width:136px; float:left; text-align:center; border-right: 1px solid #ddd; height: 61px;}
.sideMenu-lenght .bd .menuList li a { padding: 5px 15px 5px 10px !important; font-size: 15px !important; height: 50px; width: 116px; display: table-cell !important; vertical-align: middle; border-right: none !important;}



/* box-block */
.box-block .hd { height: 40px; background-color: #f1f1f1; }
.box-block .hd li { float: left; font-size: 18px;  }
.box-block .hd li a { display: block; line-height: 40px;  padding: 0 49px; }
.box-block .hd li.on a { background-color: #2F6EA4; color: #fff; }

/* box-border */
.box-border .hd {border-bottom: 1px solid #ddd;height: 39px;line-height: 39px;}
.box-border .hd h3 {font-size: 18px; font-weight: bold;border-bottom: 2px solid #3a68b6;height: 38px;padding: 0 15px;display: inline-block;}
.box-border .hd a.more {font-size: 16px; color: #666;float: right;}
.box-border .bd { padding: 10px 5px 0; overflow: hidden; }


/* in-service ------------ */
.in-service {  position: relative; border: 1px solid #e5e5e5; padding: 20px;}

.main-service .shd { height: 40px; overflow: hidden; margin-bottom: 5px;}
.main-service .shd li { float: left; font-size: 24px; font-weight: bold; color: #666; padding-right: 30px; padding-left: 55px; position: relative; line-height: 40px; margin-right: 15px; cursor: pointer; background: url(../../base/img/icons-zwfw.png) 5px 0 no-repeat;}
.main-service .shd li:after { display: block; content: ""; width: 1px; height: 20px; background-color: #d9d9d9; right: 0; top: 50%; margin-top: -10px; position: absolute;}
.main-service .shd li:last-child:after { display: none; }
.main-service .shd li.on { color: #015293; }
.main-service .shd li.li2 { background-position: 5px -80px; }
.main-service .shd li.li1.on { background-position: 5px -40px; }
.main-service .shd li.li2.on { background-position: 5px -120px; }


.main-service { float: left; width: 915px;}
.main-service .node-list li { float: left; margin-right: 17px; margin-top: 15px; }
.main-service .node-list li a { display: block; width: 133px; height: 42px; border: 1px solid #e5e5e5; transition: all 0.5s; letter-spacing: 0; border-radius: 5px; text-align: center; line-height: 42px; }
.main-service .node-list li:hover a { border-color: #015293; background-color: #015293; color: #fff; letter-spacing: 1px; } 

.side-service { float: right; width: 240px; }
.side-service li { border: 1px solid #ececec; margin-bottom: 20px; border-radius: 5px; transition: all 0.5s ease-out 0s; transform: none; overflow: hidden;}
.side-service li img { width: 238px; height: 98px; }
.side-service li:hover { box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15); transform: translateY(-5px); border-color: #ddd;}
.side-service li:last-child { margin-bottom: 0; }

/* echar */
#echar,#echars { width: 300px; height: 200px; float: left; }
#echars { height: 250px; }

.box-echar { height: 240px; overflow: hidden; }
.box-echar .hd { margin-bottom: 10px; position: relative; top: -5px; }
.box-echar .hd button { border: none; background-color: #888; color: #fff; line-height: 34px; padding: 0 10px; height: 30px;  overflow: hidden;-webkit-box-sizing:border-box; -moz-box-sizing:boder-box;  }
.box-echar .hd button.on { background-color: #3E95D0; }

/* box */
.box {
    margin-bottom: 15px;
}
.box .hd {
    margin-bottom: 5px;
    height: 38px;
    line-height: 38px;
    position: relative;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
}
.box .hd .more {
    position: absolute;
    right: 0;
    color: #999;
    font-size: 14px;
}
.box .hd .more a {
    color: #999;
}
.box .hd h3 {
    border-bottom: 2px solid #1a4f97;
    line-height: 33px;
    position: absolute;
    color: #1a4f97;
    padding: 0 12px 4px 12px;
}
.box .hd h3 a {
    color: #1a4f97;
}
.box .hd h3 a:hover {
    text-decoration: none;
}
.box .hd ul {
    position: absolute;
    height: 39px;
    line-height: 33px;
    overflow: hidden;
}
.box .hd li {
    float: left;
    padding: 0 12px 4px 12px;
    position: relative;
}
.box .hd li a:hover {
    text-decoration: none;
}
.box .hd .on {
    border-bottom: 2px solid #1a4f97;
}
.box .hd .on a {
    color: #1a4f97;
}
.box .bd {
    padding: 5px;
    overflow: hidden;
}

/* boxA */
.boxA {
    margin-bottom: 15px;
}
.boxA .hd {
    height: 39px;
    line-height: 39px;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    background: #f9f9f9;
}
.boxA .hd .more {
    font-size: 14px;
    position: absolute;
    right: 10px;
    color: #999;
}
.boxA .hd h3 {
    position: absolute;
    color: #1a4f97;
    font-size: 18px;
    line-height: 38px;
    padding: 0 20px;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-top: 3px solid #1a4f97;
    border-bottom: 0;
}
.boxA .hd h3 a {
    color: #1a4f97;
}
.boxA .hd h3 a:hover {
    text-decoration: none;
}
.boxA .hd ul {
    position: absolute;
    height: 40px;
    overflow: hidden;
}
.boxA .hd li {
    float: left;
    font-size: 18px;
    height: 39px;
    line-height: 39px;
    background: #f9f9f9;
}
.boxA .hd li a {
    display: block;
    float: left;
    padding: 0 30px;
}
.boxA .hd li a:hover {
    text-decoration: none;
}
.boxA .hd .on {
    border: 1px solid #e1e1e1;
    border-top: 3px solid #1a4f97;
    border-bottom: 0;
}
.boxA .bd {
    padding: 5px;
    overflow: hidden;
}

/* boxB */
.boxB {
    background: #fff;
}
.boxB .hd {
    height: 39px;
    line-height: 39px;
    position: relative;
    border: 1px solid #e1e1e1;
}
.boxB .hd .more {
    font-size: 14px;
    position: absolute;
    right: 10px;
    color: #666;
}
.boxB .hd h3 {
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
    background: #1a4f97;
    position: absolute;
    height: 41px;
    line-height: 41px;
    left: -1px;
    top: -1px;
}
.boxB .hd h3 a {
    color: #fff;
}
.boxB .bd {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e9e9e9;
    border-top: 0;
}

/* boxC */
.boxC {
    margin-bottom: 15px;
    overflow: hidden;
}
.boxC .hd {
    height: 30px;
    line-height: 30px;
    background: #fafafa;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}
.boxC .hd .more {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
}
.boxC .hd .more a {
    color: #666;
}
.boxC .hd ul {
    overflow: hidden;
}
.boxC .hd ul li {
    float: left;
}
.boxC .hd ul a {
    display: block;
    float: left;
    line-height: 16px;
    padding: 0 20px;
    margin: 9px 0;
    border-right: 1px solid #ccc;
}
.boxC .hd ul a:hover {
    text-decoration: none;
}
.boxC .hd ul li:last-child a {
    border-right: 0;
}
.boxC .hd .on a {
    color: #1a4f97;
}
.boxC .bd {
    overflow: hidden;
    padding: 8px 5px;
}

/* boxD */
.boxD {
    margin-bottom: 20px;
}
.boxD .hd {
    height: 40px;
    line-height: 40px;
    background: #1a4f97;
}
.boxD .hd h3 {
    font-size: 18px;
    color: #fff;
}
.boxD .hd h3 a {
    color: #fff;
}
.boxD .hd h3 i {
    display: block;
    float: left;
    width: 42px;
    height: 40px;
    background: url(../img/icons-zwgk.png) #00599d 10px 10px no-repeat;
    margin-right: 10px;
}
.boxD .bd {
    background: #fff;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-top: 0;
}

/* boxE */
.boxE {
    margin-bottom: 15px;
}
.boxE .hd {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 2px solid #1a4f97;
}
.boxE .hd h3 {
    float: left;
    padding: 0 20px;
    background: #1a4f97;
    color: #fff;
    font-size: 18px;
}
.boxE .hd h3 a {
    color: #fff;
    display: block;
    float: left;
}
.boxE .hd .more {
    float: right;
}
.boxE .bd {
    padding: 10px;
    overflow: hidden;
}

/* 侧栏盒子模型 */
.sideBox {
    margin-bottom: 20px;
    border: 1px solid #ececec;
    padding: 10px 18px 15px 18px;
    background: #fff;
    border-top: 2px solid #1a4f97;
}
.sideBox .hd {
    overflow: hidden;
    padding: 0px 0 10px 0;
}
.sideBox .hd .more {
    float: right;
}
.sideBox .hd h3 {
    font-size: 20px;
    color: #1a4f97;
}
.sideBox .hd h3 a {
    color: #fff;
}
.sideBox .hd h3 a:hover {
    text-decoration: none;
}

/*节点归档信息样式*/
.archived-info {
    float: right;
}
.archived-info span {
    margin: 0 5px;
}

/* infoListA */
.infoListA li {
    padding: 0 0 10px 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    line-height: 1.5;
    background: url(../img/icons.png) 0 -387px no-repeat;
    position: relative;
}
.infoListA .date {
    color: #999;
    float: right;
}
.infoListA .last {
    border-bottom: 0;
}


/* 信件列表 */
.letterList {
    width: 100%;
    border: none;
}
.letterList th,
.letterList td {
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    line-height: 26px;
    padding: 5px 5px;
}
.letterList th {
    background: #eff4f7;
}
.letterList th {
    color: #1a72bd;
    height: 35px;
    line-height: 35px;
    padding: 0px;
    border-bottom: 1px solid #becedc;
}
.letterList th.title {
    text-align: left;
    padding-left: 38px;
}
.letterList .even td {
    background: #fdfdfd;
}
.letterList .num {
    display: none;
}
.letterList td.title {
    text-align: left;
    padding-left: 5px;
    white-space: normal;
    word-break: break-all;
}
.letterList .ico {
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}
.letterList .ico img {
    vertical-align: middle;
}
.letterList .dep {
    width: 90px;
}
.letterList .state {
    width: 90px;
}
.letterList .open,
.letterList .handle {
    display: none;
}
.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;
}
.letterList td.date {
    color: #999999;
}
.letterList .clicks {
    width: 90px;
    display: none;
}

/* detailTable */
.detailTable {
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
}
.detailTable,
.detailTable tr,
.detailTable tr td {
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
}
.detailTable thead tr {
    border-color: #1a4f97;
}
.detailTable thead th {
    background: #1a4f97;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-color: #1a4f97;
}
.detailTable tbody td {
    padding: 10px 15px;
}
.detailTable tbody td.tdName {
    font-weight: bold;
    background: #f7f7f7;
    text-align: center;
    width: 20%;
    font-size: 14px;
}
.detailTable .trTitle .tdCon {
    font-weight: bold;
    white-space: normal;
    word-break: break-all;
}
.detailTable .trName td:nth-child(2),
.detailTable .trUnit td:nth-child(2) {
    width: 160px;
}
.detailTable .trName td:nth-child(3),
.detailTable .trUnit td:nth-child(3) {
    width: 160px;
}
.detailTable .preDiv {
    /*width: 670px;*/
    overflow: auto;
}
.detailTable .preDiv pre {
    font-size: 14px;
    font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

/* mainBox */
.mainBox .mHd {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    height: 50px;
    margin-bottom: 15px;
}
.mainBox .mHd .list {
    overflow: hidden;
}
.mainBox .mHd .list li {
    float: left;
    padding: 0 4%;
}
.mainBox .mHd .list a {
    font-size: 20px;
    color: #888;
}
.mainBox .mHd .list a:hover {
    text-decoration: none;
}
.mainBox .mHd .list .on a {
    color: #1a4f97;
}
.mainBox .mHd h3 {
    margin-right: 20px;
}
.mainBox .mHd h3,
.mainBox .mHd .list .on {
    position: relative;
    float: left;
    zoom: 1;
    padding: 0 20px;
    height: 49px;
    line-height: 49px;
    border-bottom: 2px solid #3F6DA4;
    color: #1a4f97;
    font-size: 20px;
}
.mainBox .mHd h3 a {
    color: #1a4f97;
}



/* 右菜单 */
.mainBox .mHd .menu-list { padding: 10px 0 0 0; overflow: hidden; }
.mainBox .mHd .menu-list li { float: left; line-height: 40px; height: 40px;}
.mainBox .mHd .menu-list li a,.mainBox .mHd .menu-list li span { display: block; padding: 0 15px; cursor: pointer; font-size: 14px; }
.mainBox .mHd .menu-list li.on a,.mainBox .mHd .menu-list li.on span { background:#3F6EA4; color:#fff; }


.mainBox .mHd .menu-list-bg li.on a { background-color: #eee; color: #2F6EA4; }

.mainBox .mHd-2 { height: 40px; }
.mainBox .mHd-2 h3 { display: none; }
.mainBox .mHd-2 .menu-list { padding-top: 0; }

/* 右下菜单 */
.sub-hd { line-height:30px; font-size:16px; padding: 10px 10px 0; overflow: hidden;}
.sub-hd li { float:left; padding:0 25px; cursor:pointer; margin-bottom: 10px; }
.sub-hd li.on{  background:#eee; color:#2F6EA4;}

/* 右下菜单样式二 */
.zd-list h3 { display: none; }
.zd-list .menu-list { overflow: hidden;border-bottom: 1px solid #eee; margin-bottom: 10px;}
.zd-list .menu-list li{float: left; margin:0 -1px -1px 0;}
.zd-list .menu-list li a {display: block; padding: 0 30px;background: #fefeff;border: 1px solid #eee;font-size: 14px; cursor:pointer;  line-height: 32px;}
.zd-list .menu-list li.on a { background:#fff; color:#f60; border-bottom: 1px solid #fff;}


/* pub-tab */
.pub-tab { border-collapse: collapse; border: 1px solid #ddd; font-size: 14px; width: 100%; margin-top: 10px; }
.pub-tab th { background-color: #ffffec; }
.pub-tab th,.pub-tab td { line-height: 20px; padding: 10px 5px; border: 1px solid #ddd; text-align: center; }
.pub-tab td.title { text-align: left; }
.pub-tab .node,.pub-tab .date { width: 15%; }
/*.pub-tab .node a { color: #999; }*/
.pub-tab .num { width: 24%; }



/* 公开信息搜搜 */
#gkxx-search { text-align: center; height: 24px; margin-bottom: 20px;}
#gkxx-search h3 { display: inline-block; font-size: 14px; }
#gkxx-search .bd,#gkxx-search .bd li { display: inline-block; }
#gkxx-search select { border: 1px solid #ddd; line-height: 24px; width: 100px; height: 24px; color: #999;}
#gkxx-search .keyword { border: 1px solid #ddd; line-height: 22px; width: 290px; padding: 0 10px; height: 22px; }
#gkxx-search #keywordsearch { height:24px; line-height:24px; padding:0 15px; background:#f60; color:#fff; cursor:pointer; border:none;}
#gkxx-search #keywordsearch:hover { background-color: #e75c00; }


.pub-tab-search .title em { color: #c00; background-color: #ff0; }


.column {
    margin-bottom: 20px;
    overflow: hidden;
}

/* 热点专题 */
.indRdzt {
    overflow: hidden;
    zoom: 1;
}
.indRdzt ul {
    margin-right: -20px;
    overflow: hidden;
}
.indRdzt li {
    float: left;
    margin-right: 15px;
    width: 254px;
}
.indRdzt li a {
    display: block;
}
.indRdzt li img {
    width: 100%;
    height: 66px;
}
.indRdzt .tit {
    display: block;
    font-size: 14px;
    text-align: center;
    height: 25px;
    overflow: hidden;
}


/* 问卷调查 */
.surveyCommonList .tit { font-size: 16px;}
.surveyCommonList .dates { line-height: 30px; height: 30px; font-size: 14px;}

.surveyCommonList .btns,.voteCommonList .btns { margin-top: 5px;}

/* 在线投票 */
.voteCommonList { padding:15px 20px; }
.voteCommonList .tit { font-size: 16px; }
.voteCommonList .dates { line-height: 30px; height: 30px; font-size: 14px; }

/* 侧栏-栏目内搜索 */
#sideSearch .bd li {
    padding: 0 0 10px 0;
    overflow: hidden;
}
#sideSearch .nodes,
#sideSearch input,
#sideSearch button {
    height: 32px;
    line-height: 32px;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 14px;
    font-family: "microsoft yahei";
    outline: none;
}
#sideSearch .keyword {
    width: 60%;
    padding: 0 5px;
}
#sideSearch button {
    line-height: 28px;
    width: 32%;
    float: right;
    background: #1a4f97;
    border-color: #1a4f97;
    color: #fff;
}

/*验证码*/
div.codeinp input[type="text"] {
    width: 100px !important;
    float: left;
    margin-right: 10px;
    line-height: 26px;
}

/* 通用底部按钮 */
.bot {
    text-align: center;
    padding: 0 0 20px 0;
}
.bot a,
.bot button {
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 5%;
    font-size: 16px;
    background: #1a4f97;
    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: #11458b;
}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm {
    background: #fff;
    padding: 3% 0;
    width: 80%;
    margin: 30px auto;
    font-size: 16px;
}
.queryForm .queryTitle{
    text-align:center;
    font-size:24px;
    margin-bottom:20px;
}
.queryForm td {
    padding: 8px 0;
}
.queryForm .tdlab {
    width: 40%;
    text-align: right;
}
.queryForm input[type="text"] {
    border: 1px solid #ccc;
    width: 56%;
    height: 30px;
    padding:0 5px;
}
.queryForm input[type="text"]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
}
.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;
}

.piaohong{display: none;}
/*.top-bar{top: 98px;} */
.bodyOpen .top-bar{top: 0;}


/*--
颜色代码
#1a4f97 深蓝色标题
#ddd 淡蓝色边框
--*/
