/* Css Reset */
body,ul,ol,p,li,h1,h2,h3,h4,h5,h6 {padding:0;margin:0}
body{text-align:left;font-family:"",Helvetica,STHeiti,Droid Sans Fallback;font-size:63%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
li{list-style:none}
a,a:visited{text-decoration:none;color:#333}
a{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.hide{display:none}
/* input { -webkit-appearance: none; } */
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;
}
/* font icon */
@font-face {
    font-family: 'fontello';
    src: url('font/fontello.eot?11372170');
    src: url('font/fontello.eot?11372170#iefix') format('embedded-opentype'),
         url('font/fontello.woff?11372170') format('woff'),
         url('font/fontello.ttf?11372170') format('truetype'),
         url('font/fontello.svg?11372170#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    /* margin-right: .2em; */
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}
.icon-news:before { content: '\e800'; } /* '' */
.icon-video:before { content: '\e801'; } /* '' */
.icon-picture:before { content: '\e802'; } /* '' */
.icon-picture-1:before { content: '\e803'; } /* '' */
.icon-user:before { content: '\e804'; } /* '' */
.icon-search:before { content: '\e805'; } /* '' */
.icon-down-open-mini:before { content: '\e806'; } /* '' */
.icon-left-open-mini:before { content: '\e807'; } /* '' */
.icon-right-open-mini:before { content: '\e808'; } /* '' */
.icon-up-open-mini:before { content: '\e809'; } /* '' */
.icon-menu:before { content: '\e80a'; } /* '' */
.icon-share:before { content: '\e80b'; } /* '' */
.icon-fontsize:before { content: '\e80c'; } /* '' */
.icon-volume-middle:before { content: '\e80d'; } /* '' */
.icon-clock:before { content: '\e80e'; } /* '' */
.icon-chat:before { content: '\e80f'; } /* '' */
.icon-home:before { content: '\e810'; } /* '' */
.icon-play:before { content: '\e811'; } /* '' */

/* focusPic */
.focusPic { position: relative; z-index: 10; background: #000; text-shadow: #000 1px 1px; }
.focusPic .bd { }
.focusPic .bd li {position: relative;z-index: 10;/* display: none; */}
.focusPic .bd li:nth-child(1) { display: block; }
.focusPic .bd .pic { position: relative; z-index: 11; }
.focusPic .bd .pic img { display: block; width: 100%; height: auto; margin: 0 auto; background: #fff; }
.focusPic .bd .title { font-size: 1.4em; height: 2.6em; line-height: 2.6em; overflow: hidden; position: absolute; z-index: 12; width: 100%; left: 0; bottom: 0;
    background: rgba(0,0,0,5);
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)) );
    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
}
.focusPic .bd .title a { display: block; padding: 0 4em 0 10px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.focusPic .hd { display: none; }
.focusPic .counter { position: absolute; right: 10px; bottom: 10px; font-size: 1.2em; z-index: 19; color: #fff; }
.focusPic .counter span { padding: 0 .2em; }

/* infoBox */
.infoBox { background: #fff; border: #B2B2B2 1px solid; margin-bottom: 15px; }
.infoBox:nth-last-child(1) { margin-bottom: 0; }
.infoBox .hd { height: 50px; line-height: 50px; border-top: #008E59 2px solid; border-bottom: #B2B2B2 1px solid; margin-top: -1px; }
.infoBox .hd h3 { font-size: 1.8em; color: #008E59; font-weight: normal; padding: 0 .8em; }
.infoBox .hd h3 i { margin-right: .2em; }
.infoBox .nav { height: 50px; margin: -1px -1px 0; border-bottom: #B2B2B2 1px solid;}
.infoBox .nav li {float: left;text-align: center;padding: 2px .3em 0;font-size: 1.6em;line-height: 48px;}
.infoBox .nav li.on { color: #156145; border: #B2B2B2 solid; border-width: 0 1px; border-top: #008E59 2px solid; background: #fff; padding-top: 0; padding-bottom: 1px;}
.infoBox .bd { overflow: hidden; padding: 0 15px 15px;}
.infoBox .bd .listWrap { overflow: hidden; }
.infoBox .bd.swipe { padding: 0; }
.infoBox .bd.swipe .listWrap>li { float: left; padding: 0 15px 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box; }

/* infoList */
.infoList { padding: 0 0 1em 0; }
.infoList li { font-size: 1.5em; height: 2.4em; line-height: 2.4em; padding: 0 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #D1D1D1 1px solid; color: #242424; }
.infoList em{font-style:normal}

/* topicList */
.topicList { padding: 0 0 1em 0; }
.topicList .t { padding: 2% 0; border-bottom: #9C9C9C 1px solid; overflow: hidden; }
.topicList .t .pic { float: left; margin-right: 1em; width: 120px; height: 90px;}
.topicList .t .pic img { width: 100%; height: auto; }
.topicList .t .con { overflow: hidden; }
.topicList .t .title { color: #333; font-size: 1.5em; height: 1.2em; line-height: 1.2em; font-weight: bold; padding-bottom: .4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topicList .t .intro { font-size: 1.3em; line-height: 1.4em; padding-bottom: .4em; color: #999; }
.topicList .t .title .date{float:right; font-weight:normal; color:#999; }
.topicList .n,
.topicList .noData { padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: #9C9C9C 1px solid; color: #242424; }
.topicList .n .title { color: #333; font-size: 1.5em; height: 1.2em; line-height: 1.2em; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topicList .n .date{ float:right; color:#999}
.topicList .meta { font-size: 1.2em; line-height: 2em; padding-top: 1em; color: #999; }
.topicList .meta .fr span { padding: 0 .3em; }

/* pageArticleList */
.pageArticleList { padding: 0 0 1em 0; }
.pageArticleList li { padding: 2% 0; border-bottom: #9C9C9C 1px solid; overflow: hidden; }
.pageArticleList li .pic { float: left; margin-right: 1em; width: 120px; height: 90px;}
.pageArticleList li .pic img { width: 100%; height: auto; }
.pageArticleList li .con { overflow: hidden; }
.pageArticleList li title { color: #333; font-size: 1.5em; height: 1.2em; line-height: 1.2em; font-weight: bold; padding-bottom: .4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pageArticleList li .intro { font-size: 1.3em; line-height: 1.4em; padding-bottom: .4em; color: #999; }
.pageArticleList li .title .date{float:right; font-weight:normal; color:#999; }
.pageArticleList li,
.pageArticleList .noData {padding: 10px 0;overflow: hidden;border-bottom: #9C9C9C 1px solid;color: #242424;}
.pageArticleList li .title { margin-bottom:10px; color: #333; font-size: 1.5em; height: 1.2em; line-height: 1.2em; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pageArticleList li .date{ float:right; color:#999}
.pageArticleList .meta { font-size: 1.2em; line-height: 2em; padding-top: 1em; color: #999; }
.pageArticleList .meta .fr span { padding: 0 .3em; }

/* friendList */
.friendList {}
.friendList li { float: left; font-size: 1.2em; line-height: 1.2em; margin: 1.2em .8em 0 0; padding-right: .8em; border-right: #d8d8d8 1px solid; }

/* 平板类_头条图文信息列表_自适应 */
.zsyList{ overflow:hidden; }
.zsyList li{ /* width:44%; */ padding:1%;  /* margin: 10px 2%; */ /* height: 114px; */  /* float:left; */ overflow:hidden; border-bottom:1px solid #E7E7E7;  }
.zsyList li .picWrap{ overflow:hidden;  }
.zsyList li .pic{ float:left; padding-right:20px;   }
.zsyList li .pic img{ width:80px; height:60px; display:block;   }
.zsyList li .title{ font-size:16px; line-height: 30px; max-height:60px; overflow:hidden;  color:#333;    }
.zsyList li .intro{ clear:both;  font-size:14px; padding-top: 6px; line-height:22px; height:44px; overflow:hidden;  color:#999;   }

/* picList */
.picList { text-align: center; padding: 2% 0; overflow: hidden; }
.picList li { padding-bottom: .5em; width: 29%; padding: 0 2% 2%; float: left; }
.picList li.noData { width: 96%; }
.picList li:nth-child(3n+1) { clear: both; }
.picList img { width: 180px; height: 135px; display: block; margin: 0 auto; max-width: 280px; max-height: 210px;}
.picList .title { line-height: 2em; height: 4em; padding: 0 .2em; overflow: hidden;}

/* videoList */
.videoList li .pic { position: relative; z-index: 1; }
.videoList li .pic:after { content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(images/video.png) no-repeat; background-size: 100%; }
/* .videoList li .title { height: 2em;  margin-top: -2em; position: relative; z-index: 2; background: rgba(0,0,0,.6); color: #fff; padding: 0 .5em;} */

/* cateBtn */
.cateBtn { display: block; font-size: 1.5em; line-height: 2.2em; text-align: center; color: #666; border: #C5C5C5 1px solid; text-shadow: #fff 1px 1px 1px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));
    background: -moz-linear-gradient(top, #fff, #f6f6f6);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.cateBtn:active,
.cateBtn.touchOn {
    background: -webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),to(#fff));
    background: -moz-linear-gradient(top, #f6f6f6, #fff);
}


/* 提示信息弹出 */
.popTip { position: fixed; z-index: 10000; background: rgba(0, 0, 0, .8); box-shadow: #333 0 0 10px; padding: 10px 15px; border-radius: 5px; white-space: nowrap; }
.popTip .icon { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 10px; background: url(images/icon_notice.png) no-repeat; background-size: 32px 32px; }
.popTip .text { color: #fff; line-height: 32px; }
.popTip .icon.suc { background-image: url(images/icon_success.png); }
.popTip .icon.err { background-image: url(images/icon_error.png); }
.popTip .icon.load { background-image: url(images/tip_loading.gif); background-size: auto; background-position: center; }
/* 弹窗登录 */
.pop-userlogin{display:none;background:#fff;-webkit-border-radius:5px;position:absolute;top:20%;left:50%;margin-left:-250px;width:500px;z-index:1000;
-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);}
.pop-userlogin .hd{}
.pop-userlogin .hd {height:37px;line-height:37px;padding:0px 25px;position:relative;border-bottom:1px solid #ddd;}
.pop-userlogin .hd h3{ font-size:16px; font-weight:normal;}
.pop-userlogin .hd .close { background:url(images/icon.png) -63px -1px no-repeat;display:block;height:24px; width:24px; line-height:24px; text-indent:-999px; overflow:hidden;position:absolute;right:10px;top:6px;}
.pop-userlogin .bd{ padding:10px 20px;}
.pop-userlogin .bd dl{ display:block; padding:10px;height:30px;}
.pop-userlogin .bd dt{ display:block; float:left; width:80px; text-align:right;height:30px; line-height:30px; font-size:14px;}
.pop-userlogin .bd dd{ display:block; margin-left:90px;height:30px;line-height:30px;}
.pop-userlogin .bd dd input{ height:28px; border:1px solid #ccc; border-radius:3px; padding:0 10px; font-size:14px; line-height:28px; width:260px;} 
.pop-userlogin .ft{line-height:40px;padding:0px 0 20px 120px;}
.pop-userlogin .ft .btn {background:#874107;color:#fff;display:inline-block;height:34px;line-height:34px;padding:0 40px; font-size:16px;}
.pop-userlogin .ft .registered{ padding-left:20px;}


/* frame */
body {/* overflow-y: hidden; */height: 100%;}
#wrap { margin-top: 70px; }


/* common */
.touchOn { background-color: #e8e8e8; }
html{height:100%}
body { background: url(data:image/jpg;base64,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); }

.picListWrap{padding:20px 0;}

/* header */
#header { position: fixed; z-index:99; left:0; top:0; width: 100%; height: 68px; border: #B2B2B2 solid; border-width: 1px 0; background: rgba(255,255,255,.95); }
    #logo{ text-indent:-1000px; overflow:hidden; width: 190px; height: 70px; margin-top: -1px; float: left; background: url(images/logo.png) center no-repeat #155E43;
        -webkit-background-size: auto 42px;
           -moz-background-size: auto 42px;
                background-size: auto 42px;
    }
    #logo a{display:block; height:70px;}
    #mainNav { float: left; line-height: 38px; padding: 14px 0 0 14px; }
    #mainNav a { font-size: 1.8em; float: left; padding: 0 .2em; margin: 0 .2em; }
    #mainNav a.on { color: #008E59; border-bottom: #008E59 2px solid; }
    #header .handler { padding: 14px 0 0 0; float: right; }
    #header .handler a { display: inline-block; width: 50px; height: 40px; line-height: 40px; text-align: center; color: #ccc; font-size: 2.2em; border-left: #E8E8E8 1px solid; }
    #header .handler a.on { background: #e8e8e8; color: #999; border-radius: 3px; position: relative;}
    #header .handler a.on:before { content: ""; position: absolute; bottom: -14px; left: 50%; margin-left: -5px; border: 5px solid; border-color: transparent transparent #008E59 transparent; }
    #header .handler .user.on:before { display: none; }
    #mainNav.english { height: 68px; line-height: 68px; overflow: hidden; width: 750px; padding: 0; }
    #mainNav.english { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFFV5DAAAA+P6sngAAAAJ0Uk5T/wDltzBKAAAAKElEQVR42mJgYGRkAGIQCWMyMMKYMIqBESzOgKQKLIbgwPXCzQMIMAAIjQAwcnktLgAAAABJRU5ErkJggg==) no-repeat right center; }
    #mainNav.english #scroller { margin: 0 15px; }
    #mainNav.english #scroller .inner { width: 700px; }

    .panel { position: absolute; z-index: 999; right: 0; top: 68px; width: 30%; padding: 2%; background: #FAFAFA; border-top: #008E59 3px solid; box-shadow: rgba(0,0,0,.4) -2px 2px 3px; display: none; }
    .panel.active { display: block; }
    /* login */
    .panel-user { left: 50%; margin-left: -15%; top: 200px; }
    .panel-user .loginBox { }
    .panel-user .loginBox>div { overflow: hidden; }
    /* .panel-user .loginBox a { color: #fff; } */
    .panel-user .loginBox input { vertical-align: middle; }
    .panel-user .loginBox input[type="text"],
    .panel-user .loginBox input[type="password"] { display: block; width: 95%; height: 40px; margin: 0 auto; border: #ccc 1px solid; color: #868686; padding: 0 2%; outline:none; border-radius: 0; margin-bottom: 2%; }
    .panel-user .loginBox input[type="button"] { display: block; margin: 0 auto; border: none; color: #fff; width: 40%; height: 35px; vertical-align: middle; font-size: 14px;  background: #008E59; border-radius: 0; }
    .panel-user .loginBox .userInfo { display: none; }
    .panel-user .loginBox .userInfo span { float: left; }
    .panel-user .loginBox .userInfo a { float: right; padding: 0 10px; }
    /* search */
    .panel-search { }
    .panel-search .keyword {display: block;width: calc(100% - 65px);height: 38px;float: left;border: #ccc 1px solid;padding: 0 2%;outline:none;border-radius: 0;}
    .panel-search .submit { display: block; height: 40px; width: 50px; float: left; background: none; border: #ccc 1px solid; border-left: none; border-radius: 0; }

/* footer */
#footer { text-align: center; color: #fff; background: #155E43; padding: 15px 0; }
#footer a { color: #fff; }
#footer .footLink { font-size: 1.6em; line-height: 3em; }
#footer .footLink a { }
#footer .footLink a:after { content: ""; display: inline-block; width: 1px; height: .8em; background: #fff; margin: 0 .7em; }
#footer .footLink a:last-child:after { display: none; }
#footer .footAct { font-size: 1.4em; line-height: 2.2em; }
#footer .footAct a { display: inline-block; padding: 0 1em; }
#footer .footAct .on { background: rgba(0,0,0,.2); }
#footer .copyright { font-size: 1.2em; padding: 1.2em 0 2em; }

/* 下拉加载css */
#pullDown,
#pullUp { height:40px; line-height:40px; padding:5px 10px; font-weight:bold; font-size:14px; color:#888; }
#pullDown .pullDownIcon,
#pullUp .pullUpIcon {
    display:block; float:left;
    width:40px; height:40px;
    background:url(images/icon-pull.png) 0 0 no-repeat;
    -webkit-background-size:40px 80px; background-size:40px 80px;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:250ms;  
}
#pullDown .pullDownIcon { -webkit-transform:rotate(0deg) translateZ(0);}
#pullUp .pullUpIcon{-webkit-transform:rotate(-180deg) translateZ(0);}
#pullDown.flip .pullDownIcon{-webkit-transform:rotate(-180deg) translateZ(0);}
#pullUp.flip .pullUpIcon {-webkit-transform:rotate(0deg) translateZ(0);}
#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
    background-position:0 100%;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-transition-duration:0ms;
    -webkit-animation-name:loading;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
}
@-webkit-keyframes loading {from { -webkit-transform:rotate(0deg) translateZ(0); }to { -webkit-transform:rotate(360deg) translateZ(0); }}


/* url_方块样式分页 */
.page {
    font-size: 14px;
    text-align: center;
    padding: 3% 0;
    clear: both;
    line-height: 36px;
    overflow: hidden;
}
.page a {
    display: none;
    float: left;
    border: 1px solid #E1E1E1;
    padding: 0 15px;
    margin: 0 8px 8px 0;
}
.page .current {
    display: none;
}
.page .select {
    display: none;
}
.page .prev,
.page .next,
.page .total {
    display: block;
}
.page .next {
    float: right;
}
/*验证码*/
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: #185E42;
    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: #227554;
}
/* 依申请、信访、咨询等通用 查询页样色 */
.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:70%;
    border:1px solid #ccc;
    padding:6px;
}
.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 {

}
.queryResult .mainBox {
    margin-bottom: 50px;
}
.queryResult .tit h3 {
    text-align: center;
    font-size: 38px;
    line-height: 2;
    margin-bottom: 10px;
}
.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
}

/* detailTable */
.detailTable {
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
    font-size:14px;
}
.detailTable,
.detailTable tr,
.detailTable tr td {
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
}
.detailTable thead tr {
    border-color: #0068B7;
}
.detailTable thead th {
    background: #0068B7;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-color: #0068B7;
}
.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;
}
.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;
}
/* 竖屏 */
@media screen and (max-width: 768px) {
    #mainNav.english{width: 510px;}
    #mainNav { padding-left: 10px; }
    #mainNav a { font-size: 1.5em; }
    #header .handler a { width: 40px; }
    .infoBox .nav li {padding-left: .4em;padding-right: .4em;}
    .picList img { width: 160px; height: 120px; }
}