﻿@charset "utf-8";
/* ----------- 配置默认样式 ----------- */
body{ background-color: #fff;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { *padding: 0;}
.container{ width: 1200px;}
#content-wrap{ position: relative;  overflow:hidden}
#content-wrap .container{ padding: 0px; width: 1200px;}

/* 配置盒子 */
.box .hd{ background-color: #efefef; border: none;font-size: 20px;}
.box .hd .more{ font-size: 12px; color: #999;}
.box .hd h3, .box .hd .on a{ font-weight: bold;}

/* 盒子-default */
.box-default>.hd{ background: none; border-bottom: 1px solid #ddd;}
.box-default>.hd h3, .box-default>.hd .on{ border-color: #0d67bb; color: #0d67bb;}
.box-default>.hd h3 a, .box-default>.hd .on a{ color: #0d67bb;}

/* 盒子-primary */
.box-primary>.hd{ background: none; border-bottom: 1px solid #ddd; font-size: 20px;}
.box-primary>.hd h3, .box-primary>.hd .on{ border-color: #eee; border-top: 2px solid #0d67bb; color: #417cda}
.box-primary>.hd h3 a, .box-primary>.hd .on a{ color: #0d67bb;}

/* 盒子-block */
.box-block>.hd .on, .box-block>.hd h3{ background: #0d67bb;}

/* 盒子-big */
.box-big>.hd{ line-height: 30px; overflow: hidden;}
.box-big>.hd h3{ float: left;}
.box-big>.hd li a{font-size: 20px;}
.box-big>.hd h3, .box-big>.hd .on{ background: #0d67bb;padding-left: 25px; padding-right: 25px; color: #fff;}
.box-big>.hd h3 a,.box-big>.hd h3 span, .box-big>.hd .on a{ padding-left: 0; padding-right: 0; font-size: 20px; color: #fff;}

/* 友情链接 */
.list-link li{float: left; width: 33.33%;padding-top: 8px; padding-bottom: 8px;}
.list-link li .title{ margin: 0 5px;}
.list-link li i{ margin-right: 5px;}

/* 位置导航 */
.breadcrumb li{*display: inline; zoom: 1;}
.breadcrumb>li+li::before{content: ">";}

/* 分页 */
.pagination{ display: block;}
.pagination li{ display: inline-block; *display: inline; zoom: 1;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #3f73e0; border-color: #3f73e0;}
.pagination>li>a, .pagination>li>span{ color: #333;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ color: #e00;}
.pagination select{ margin: 0 5px; height: 18px; border: none;}
.pagination li .quickJumpInput{ border: none; padding: 0; text-align: center;}

/* 配置图标 */
.icons{width: 4px; height: 4px; background: url(icons/icons.png);}
.icons-arrow{width: 3px; height: 5px; background: url(icons/icons-arrow.png);}
.icons-link{width: 12px; height: 12px; background: url(icons/icons-link.png);}
.icons-path{width: 16px; height: 19px; background: url(icons/icons-path.png);}
.icons-write-msg{width: 15px; height: 15px; background: url(icons/icons-write-msg.png);}
.icons-arrow-top{width: 11px; height: 6px; background: url(icons/icons-arrow-top.png);}
.icons-mailbox{width: 14px; height: 12px; background: url(icons/icons-mailbox.png);}
.icons-prev{width: 9px; height: 17px; background: url(icons/icons-prev.png);}
.icons-next{width: 9px; height: 17px; background: url(icons/icons-next.png);}
.icons-pad{width: 12px; height: 12px; background: url(icons/icons-pad.png);}
.icons-phone{width: 8px; height: 12px; background: url(icons/icons-phone.png);}
.icons-search{width: 16px; height: 16px; background: url(icons/icons-search.png);}
.icons-share{width: 15px; height: 17px; background: url(icons/icons-share.png);}
.icons-sitemap{width: 13px; height: 11px; background: url(icons/icons-sitemap.png);}
.icons-vote{width: 16px; height: 14px; background: url(icons/icons-vote.png);}
.icons-survey{width: 16px; height: 14px; background: url(icons/icons-survey.png);}
.icons-weixin{width: 24px; height: 20px; background: url(icons/icons-weixin.png);}
.icons-weibo{width: 24px; height: 19px; background: url(icons/icons-weibo.png);}

/* 列表 */
.list-intro .t .title a{ font-size: 18px;}

/* ----------- 正文 ----------- */

/* 顶部 */
#top-bar{position: relative;z-index: 13;height: 36px;line-height: 36px; background: url(bg-01.png) 0px 0px repeat;  font-size: 14px; color: #fff;}
#top-bar a{ color: #fff;}
#top-bar a:hover{ color: #ff0;}
#top-bar .row{ overflow: visible;}
#top-bar .user-panel a{ padding: 0 10px;}
#top-bar dl{position: relative;z-index: 2;display: inline-block;*display: inline;zoom: 1; }
#top-bar dl dt{ padding: 0 10px; line-height: 36px; font-weight: normal; cursor: pointer;}
#top-bar dl dd{display: none;position: absolute;top: 36px;right: 50%; margin-right: -50px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);}
#top-bar dl dd:after{display: block; position: absolute; right: 30px; top: -12px; margin-left: -3px; content: ""; border-width: 6px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;}
#top-bar dl dd i{display: none}
#top-bar dl li{ margin-bottom: 0; float: left; width: 33%;}
#top-bar dl li a{ display: block; background: none; padding: 5px 10px; color: #fff}
#top-bar dl li a:hover{ background-color: #0d67bb;}
#top-bar .mailbox{ display: inline-block; *display: inline; zoom: 1;}
#top-bar a:hover.mailbox, #top-bar .on dt{background-color: #1657a3;color: #fff;}
#top-bar .on dd{display: block;}
#top-bar #site-group dd{right: 0px;padding: 10px; width: 540px; margin-right: 0;background-color: #1657a3;}
#top-bar .user-panel dl dd img{width: 100px; height: auto; padding: 4px; background-color: #fff; border: 1px solid #ccc; border-top: none;}
#top-bar .current-date span { font-weight: bold;}

/* 头部 */
#header{position: absolute;top: 36px; z-index: 12; width: 100%; height: 176px; background: url(header-bg.png) repeat; }
#header .container{ position: relative;}
#header #logo{ padding-top: 8px; float: left;}
.topBox { position: relative; z-index: 1;}
.logoBox { height: 125px;}

/* 搜索框 */
.siteSearchBar { z-index: 2; height: 43px; position: absolute; right: 1%;top: 70px;}
.s-form { vertical-align: top; height: 40px; line-height: 40px; float: right; margin-top: 45px;}
.s-form .input-box { float: left}
.s-form .input-box input { width: 210px; vertical-align: top; *margin: -1px 0; height: 38px; font-size: 16px; padding: 0 5px; line-height: 38px; border: 1px solid #ccc; border-right: 0;  outline: none;}
.s-form .btn-box { float: left;}
.s-form .btn-box input { height: 38px; line-height: 100px; overflow: hidden; border: none;  background: url(icons/icons.png) center 8px no-repeat #0d67bb; width: 70px; outline: none;}
.s-form .btn-box input:active { background-color: #0558a5;}
.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;}
.s-form .select-box ul { position: absolute; background: #f7f7f7; border-top: 0; line-height: 1.8; display: none; left: -1px; top: 37px; border: 1px solid #ccc; border-top: 0; width: 380px; padding: 5px 10px;}
.s-form .select-box ul li { cursor: pointer; padding: 4px 5px; font-size: 14px; float: left;width: 175px; 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 .1s ease-in-out;
    transform: translate3d(0, 0, 999px);
    backface-visibility: visible;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    -webkit-transform: translate3d(0, 0, 999px);
    -webkit-backface-visibility: visible;
    -moz-transition: -moz-transform .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;}

/* 主导航 */
#nav-bar { border-top: 1px solid #0d67bb; height: 50px; clear: both; position: relative; box-shadow: 2px 1px 3px #6f9eb7; }
.nav-main{ height: 50px; text-align: center; width: 1200px; margin: 0 auto;}
.nav-main .li1,.nav-main .item{width: 11%; float: left; }
.nav-main .li1 .h1,.nav-main .item .item-name{height:50px;}
.nav-main .li1 .h1 a,.nav-main .item .item-name a{display: block; font-size: 18px; height: 50px; line-height:45px; font-weight: bold; color: #333}
.nav-main .li1 .h1 a:hover,.nav-main .item .item-name a:hover{ text-decoration: none; color: #333}
.nav-main .on1 .h1,.nav-main .selected .item-name{background:#0d67bb; color:#fff;}
.nav-main .on1 .h1 a,.nav-main .selected .item-name a{ color:#fff; margin: 0;}
.nav-main .on1 .h1 a:hover,.nav-main .selected .item-name a:hover{color: #fff;}
.nav-main .ul1{overflow: hidden;position: absolute;top: 50px;left: 0;padding: 10px;background: #0d67bb;width: 270px;display: none;z-index: 10;}
.nav-main .li2{float: left;width: 50%;vertical-align: top;}
.nav-main .a2{display: block;height: 40px;line-height: 40px;overflow: hidden; font-size: 14px; color: #fff;}
.nav-main .a2:hover{background: #3d78d6;color: #fff;text-decoration: none;}
.nav-main .last1 .ul1{ left: auto; right: 0;}
/*.nav-top-fixed{ position: fixed !important; z-index: 2000; top: 0 !important; left: 0; width: 100%; box-shadow: 0px 2px 5px rgba(0, 0, 0, .2);}*/

/* 首页-自定义导航 */
.nav-main .item-sub{ display: none; position: absolute; top: 50px; left: 50%; margin-left: -960px; width: 1920px; background-color: #f8f8f8; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, .2);}
.nav-main .item-sub .container{ padding-top: 40px; padding-bottom: 40px;}
.nav-main .item-sub .pic{ float: right; padding-left: 80px; margin-left: 50px; border-left: 1px dotted #ddd;}
.nav-main .item-sub .pic img{ height: auto !important;}
.nav-main .item-sub .con{ overflow: hidden;}
.nav-main .item-sub .title{ float: left; width: 150px; text-align: left;}
.nav-main .item-sub .title i{ display: block; width: 40px; height: 4px; background-color: #0d67bb;}
.nav-main .item-sub .title h4{ margin: 25px 0; font-size: 24px; color: #0d67bb;}
.nav-main .item-sub .title .click-more a{ display: inline-block; *display: inline; display: none; zoom: 1; padding: 6px 15px; font-size: 12px; color: #0d67bb; border: 1px solid #0d67bb; border-radius: 20px; transition: all 0.25s ease 0s;}
.nav-main .item-sub .title .click-more a:hover{ background-color: #0d67bb; color: #fff; text-decoration: none;}
.nav-main .item-sub .nav{ overflow: hidden;}
.nav-main .item-sub .nav li{ float: left; width: auto;}

/* 职能部门 */
.box-top-znbm {}
#item-znbm .box-top-znbm ul li { width: 180px; text-align: left;}
#item-znbm .box-top-znbm ul li a { padding: 10px 0 10px 15px;}

/* ---------- 底部 ---------- */
#footer{position: relative;z-index: 10; padding-top: 20px; padding-bottom:25px;background: #0d67bb; border-top: 2px solid #0357a5; }
#footer .row{ overflow: visible;}
#footer .row .side{ width: 600px;}
#footer .row .side .side{ float: right; margin: 0 0 0 20px; width: 260px;}
#footer .row .side .main{ border-left: 1px solid #666; border-right: 1px solid #666;}
#footer .col-xs-12{ padding-top: 20px; margin-top: 20px; border-top: 1px dotted #666;}
#footer a, #footer b{}

#footer .pull-right .pic,#footer .pull-right .pic img { width: 110px; height: 110px;}
#footer .pull-right .title { text-align: center; color: #fff; line-height: 30px;} 

/* 事业单位 */
.footLeft { padding-top: 5px;}
.footLeft .picA { padding:0px 20px 0 0;}


/* 网站相关 */
.footLinks { height: 40px; line-height: 40px; background-color: #045096; text-align: center; margin-top: 30px; color: #fff; }
.footLinks ul li{ display: inline-block; *display: inline; zoom: 1;}
.footLinks ul li a{ color: #fff; margin: 0 15px;}

/* 友情链接 */
#friend-link{ overflow: visible; width: 200px;  float: left;}
#friend-link .hd { height: 25px;}
#friend-link .hd h3 { color: #fff; padding-left: 10px; line-height: 14px; font-weight: 800; }
#friend-link dl{ width: 200px; position: relative;}
#friend-link dl dt{ margin-left: 10px; height: 30px;line-height: 30px; margin-bottom: 8px ;overflow: hidden;border: 1px solid #fff;position: relative;cursor: pointer;border-radius: 2px; font-size: 14px; }
#friend-link dl dt i{ right: 12px; top: 50%; margin-top: -2px; border-width: 5px; position: absolute; border-color: transparent; border-style: dashed; border-top-color: #fff;border-top-style: solid; content: "";display: block; font-size: 0;line-height: 0;width: 0;}
#friend-link dl dt span{ display: block; margin: 0 36px 0 10px; color: #333; line-height: 30px;}
#friend-link dl dt span a{ font-weight: normal; color: #fff;}
#friend-link dl.on dt span a{ color: #333;}
#friend-link dd{ margin-left: 10px; bottom: 30px;display: none;position: absolute;left: 0;right: 0;}
#friend-link ul{ max-height: 389px; border: 1px solid #ccc; background: #fff;overflow-y: scroll;}
#friend-link li{line-height: 22px; padding: 8px 10px;border-bottom: 1px dotted #ccc;word-break: keep-all;white-space: nowrap;cursor: pointer;}
#friend-link li a{ color: #333;}
#friend-link li:hover{ color: #CD3333; background-color: #f1f1f1}
#friend-link .last{border-bottom: 0}
#friend-link .on dt{z-index: 9; background-color: #f6f6f6; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
#friend-link .on dt i{ border-top-style: none; border-bottom-color: #333;border-bottom-style: solid;}
#friend-link .on dd{ display: block; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
#friend-link .on dd ul{ border-color: #bbb;}
.copyright{ text-align: left; overflow: hidden; color: #fff; float: left; line-height: 28px; width: 680px;}
.copyright .ba { display:inline-block; width: 24px; height: 24px; background: url(ba.png) no-repeat left center; padding-left: 30px; position: relative; top:5px;}




/* 侧栏固定菜单 */
.sideFixed {
    z-index: 99;
    position: fixed;
    top: 290px;
     right: 0; 
    width: 50px;
    position:fixed; 
    _position: absolute;
}
.sideFixed li {
    position: relative;background: #3366ff; margin-bottom: 1px;
}
.sideFixed li a.a1 {
    height: 50px;
    width: 50px;
    display: block;
    background: url(sideFixedIcon.png) center 14px no-repeat;
}

.sideFixed .shard { display: none;padding:7px 4px 0 10px ; background: #fff; height: 50px;  top:0; left:0;  position: absolute; border: 1px solid #e5e5e5;
 -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all  0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sideFixed .on .shard {display: block; left: -200px;   } 

.sideFixed .wx { background-color: #f90; border-radius:3px 3px 0 0;}
.sideFixed .gt { background-color: #282b2f;  border-radius:0 0 3px 3px ;}
.sideFixed li a.a1:hover {
    text-decoration: none
}
.sideFixed .wb a.a1 {
    background-position: center -80px;
}
.sideFixed .qr a.a1 {
    background-position: center -180px;
}
.sideFixed .gt a.a1 {
    background-position: center -268px;
}
.sideFixed .pic {
    display: none; border-radius:10px;
    -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: 125px ;
    height: 125px ;
}
.sideFixed .on .pic {
    display: block;
    position: absolute;
    left: -143px;
    top: -38px;
    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;
}
/* goTop */
#goTop {
    position: fixed;
    display: none !important;
    _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;
}
.possplit { background: none; text-indent: 0px; text-align: center; width: 15px;}