.pull-left{
    float: left;
}
.pull-right{
    float: right;
}


* {
    margin: 0;
    padding: 0;
    /*font-family: "Microsoft YaHei",微软雅黑;*/
    list-style: none;
    text-decoration: none;
}
h3{
    margin: 0;
    line-height: inherit;
}
.footall {
    width: 1100px;
    height: 110px;
    margin: auto;
}
.footxian {
    width: 1100px;
    height: 8px;
    background-color: rgb(45,102,165);
}
.footmain {
    width: 780px;
    height: 80px;
    margin: 22px 220px 0 180px;
}
.footleft {
    width: 80px;
    height: 80px;
    float: left;
    margin-top: -14px;
}
.footright {
    width: 110px;
    height: 55px;
    float: right;
    margin-top: -5px;
}
.footmid {
    width: 570px;
    height: 80px;
    float: left;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.nav1 {
    width: 570px;
    margin: 0 auto;
    height: 14px;
    line-height: 14px;
    position: relative;
    z-index: 1;
    background: #fff;
}
.nav1 a {
    color: #979797;
}
.nav1 .nLi {
    float: left;
    position: relative;
    display: inline;
    text-align: center;
    border-left: 1px #979797 solid;
}
.nav1 .nLi h3 {
    float: left;
}
.nLi on {
    background: #e5e5e5;
}
.nav1 .nLi h3 a {
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
.nav1 .sub1 {
    display: none;
    width: 730px;
    left: 0;
    top: -76px;
    position: absolute;
    background: #E5E5E5;
    line-height: 26px;
    padding: 5px 0;
    margin-left: -105px;
}
.nav1 .sub1 li {
    zoom: 1;
    width: 120px;
    float: left;
    padding: 15px 0;
    font-size: 12px;
}
#sj {
    width: 60px;
}
#qy {
    width: auto;
    padding: 15px 7px;
}
.nav1 .sub1 a {
    display: block;
    padding: 0 10px;
    color: #000;
}
.nav1 .sub1 a:hover {
    background: #979797;
    color: #fff;
}
.nav1 .on h3 a:hover {
    color: #000;
    background: #e5e5e5;
}
.nav1-box {
    height: 14px;
    width: 570px;
    margin: 0 auto;
}
.triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #979797;
    float: right;
    margin-top: 3px;
    margin-left: 4px;
}
a {
    text-decoration: none;
}
a:hover {
    color: #3990d7;
}
li {
    list-style: none;
}
#gwy {
    width: 128px;
    text-align: left;
}
.qt {
    width: 570px;
    height: 14px;
    margin-top: 5px;
}
.qt li {
    width: 117px;
    border-right: 1px solid #979797;
    height: 14px;
    float: left;
    text-align: center;
    line-height: 12px;
}
.qt li a {
    font-size: 12px;
    color: #979797;
}
.nav_computer .nLi:last-child .sub{
    padding: 10px 22px;
}
.nav_computer>li{position: initial}

.gh{ width:70px; height:75px; margin-top:28px; float:left}
.wz{ width:456px; float:left;}
.jg{ width:456px; height:54px; margin:37px 0 0 17px; float:left;line-height:54px;color:white;}
.header-top{width:100%; height:580px;background-image:url(../img/header-top.jpg);background-size:100%  100%;}
.top-title{width:100%;clear:both;text-align: center;}
.top-title span{ font-size:100px; color:white; text-shadow: 5px 2px 6px rgb(130,135,134);}
.top-line{width:488px;height:2px;background-color:white; margin: 0 auto; margin-right: 158px;}
.ss{ width:270px; height:47px; float:right; margin-top:44px; float:right;}
.nowtime{ width:228px; height:13px;}
.ssk{width:270px; height:30px; margin-top:4px; float:right;}
.ssk_left{ width:170px; height:25px; border:1px solid #b9b9b9; border-right:none; float:left;}
.header-sousuo{ height:218px;     display: flex;
    align-items: center;
    justify-content: space-between;
}
.sousuo-line{
	width:240px;
	height:1px;
	background-color:#B5B5B5;
}
#sousuo{
	height:46px;
	padding-right:30px;
/* 	width:510px;
	height:50px;
	border-radius:9px;
    border: 2px solid rgb(45,102,165); */
}
.open-list{
	position: absolute;
    right: 30px;
}
.right-title{
	width:80px;
	line-height:1.2;
}
.bsfw a{color:#fff;}
.bsfw a:hover{color:#fff;}
.side-bar a{background-color:#0084cc;}
.side-bar a:hover{ background-color:#019df2;}
.side-bar a,.chat-tips i {
    background-image: url(http://www.spb.gov.cn/images/wxwb41.png);
    background-repeat: no-repeat;
}
.side-bar .icon-weibo {
    background-position: 0 -147px;
    position: relative;
}
.side-bar .icon-weibo:hover .chat-tips {
    display: block;
}

/* 导航css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav_computer{ width:1100px; margin:0 auto; height:40px;  background:#0084CC;  position:relative; z-index:99;display: flex  }
.nav_computer a{ color:#fff;  }
.nav_computer .nLi{float: left; width: 10%;text-align:center;}
.nav_computer .nLi:first-child h3 a{
    border-left:1px solid #fff;}
.nav_computer .nLi h3 a{ line-height:40px;display:block; font-size:20px; font-weight:bold; text-align:center; font-family:"Microsoft YaHei UI"; font-weight:bolder; border-right:1px #fff solid;}
.nav_computer .sub{ display:none; width:1100px; left:0; top:40px;  position:absolute; background:#fef7ef; line-height:26px; padding:10px 30px; height:260px; }
.nav_computer .sub li{ zoom:1; width:auto; float:left; padding:15px 0; font-family:"Microsoft YaHei UI"; font-size:16px; font-weight:bolder;}
#leader-name{ font-weight:200;}
#leader{float:left; padding-left:10px;}
.nav_computer .sub a{ display:block; padding:0 10px; color:#000; }
.nav_computer .sub a:hover{ color:#0084cc;  }
.nav_computer .on { background-color:#019df2;}
.nav_computer .on h3 a{ color:#fff;   }
.nav-box{ height:40px; background-color:#0084CC;}
/*#sub1{left:-114px;}		#sub2{left:-223px;}		#sub3{left:-224px;}		#sub4{left:-332px;}                 #sub10{left:-991px;}*/
/*#sub5{left:-441px;}		#sub6{left:-550px;}		#sub7{left:-659px;}		#sub8{left:-768px;}		#sub9{left:-882px;}*/
#label{ color:#fff;}
#sub5 .dh1 .zf a img{
    max-width: 100%;
}
/* 导航内部css */
.dhlb{ width:500px; height:220px; padding-right:10px; border-right:1px #5e5e5e solid; float:left;}
.dhlb ul{ margin-left:20px;}
.dhlb li{ height:30px; line-height:30px; color:#06C; list-style-image:url(../img/fkd_1.jpg); font-size:15px; float:left; width:480px;}
.dhbt{color:#5e5e5e;font-size:18px;font-family:"Microsoft YaHei UI";font-weight:bold;padding-bottom:5px; border-bottom:1px #5e5e5e solid; letter-spacing:2px;margin-bottom:10px; width:480px;text-align:left;}
.dhlb2{ width:500px; height:110px; float:right;}
.dhlb2 ul{ margin-left:20px;}
.dhlb2 ul li{ height:30px; line-height:30px; color:#06C; list-style-image:url(../img/fkd_1.jpg); font-size:15px; float:left; width:480px;text-align:left;}
.dhbt2{color:#5e5e5e;font-size:18px;font-family:"Microsoft YaHei UI";font-weight:bold;padding-bottom:5px; border-bottom:1px #5e5e5e solid; letter-spacing:2px;margin-bottom:10px; width:480px;text-align:left;}
.dhbt2 ul li{ height:30px; line-height:30px; color:#06C; list-style-image:url(../img/fkd_1.jpg); font-size:15px; float:left; width:480px;text-align:left;}
.dhbt3{ color:#5e5e5e;font-size:18px;font-family:"Microsoft YaHei UI";font-weight:bold; border-bottom:1px #5e5e5e solid; letter-spacing:2px;width:1000px;text-align:left;height:30px;}
.dhbt3 ul li{ height:30px; line-height:30px; color:#06C; list-style-image:url(../img/fkd_1.jpg); font-size:15px; float:left; width:480px;text-align:left;}
.dh1{width:316px;float:left;border-right:1px #5e5e5e solid;padding-right:20px; height:240px;}
.w2{letter-spacing:2em;}
.w3{letter-spacing:0.5em;}
td{text-align:left;}


.zt a{padding:0px;}
.zl{ width:340px; height:240px; float:left; margin-right:10px;}
.zr{ width:340px; height:240px; float:right;}
.z1{ width:340px; height:160px; margin-bottom:0px;}
.z2{ width:340px; height:70px;}
.z3{ width:340px; height:115px; margin-bottom:10px;}
.z4{ width:340px; height:115px;}
.z5{ width:340px; height:70px; margin-bottom:20px;}
.z6{ width:340px; height:160px;}
.zt{width:1040px; height:240px; border:0px; }
.ztup{width:1060px; height:140px; margin-bottom:10px;}
.ztbottom{width:1060px; height:90px;}
#zt11{width:310px; height:140px; padding:45px 15px; float:left; margin-right:10px; background-color:#0084cc;}
/*#zt12{width:300px; height:70px; padding:35px 10px; float:left; margin-right:10px; background-color:#3c90f3; }*/
#zt13{width:300px; height:140px; padding:35px 20px; float:left; margin-right:10px; background-color:#3c90f3;}
#zt14{width:270px; height:140px; padding:35px 15px;  float:left; background-color:#c6395f;}
#zt15{width:150px; height:140px; padding:35px 15px;  float:left; margin-right:10px; background-color:#0084cc;}
#zt21{width:150px; height:90px; padding:20px 15px; float:left; margin-right:10px; background-color:#c6395f;}
#zt22{width:150px; height:90px; padding:20px 15px; float:left; margin-right:10px; background-color:#3c90f3;}
#zt23{width:300px; height:90px; padding:20px 15px; float:left; margin-right:10px; background-color:#17a2b7;}
#zt24{width:150px; height:90px; padding:20px 15px; float:left; margin-right:10px; background-color:#0084cc;}
#zt25{width:270px; height:90px; padding:20px 12px; float:left; background-color:#3c90f3;}
#zta{ display:block; font-family:"Microsoft YaHei UI"; font-size:16px; color:#FFF; font-weight:bold; text-align:center; letter-spacing:2px; text-decoration:none; padding:0px;}

.jld{width:230px; height:220px;float:left;}
.ldjh{width:230px; height:220px; float:left; margin-left:10px;}

.zcul{
    width: 286px;
    height: 200px;
    padding-left: 20px;
}
.zc{
    width: 286px;
    height: 80px;
    padding-left: 20px;
}
.xxgkimg{ float:left; margin:5px;}
.xxgkimg a{ padding:0px;}
.fw {
    width: 192px;
    height: 200px;
    float: left;
    margin-right: 20px;
}
.fw img {
    width: 192px;
    height: 95px;
    margin: 10px 0px;
    background-color: #000;
}
.picbox-sj {
    width: 400px;
    height: 170px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}
.picbox-sj .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.picbox-sj .bd img {
    width: 340px;
    height: 170px;
    display: block;
}
.picbox-sj .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}
.picbox-sj .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    margin-top: 4px;
}
.picbox-sj .hd ul li{
    float: left;
    margin-right: 2px;
    width: 20px;
    height: 6px;
    text-align: center;
    background: #e8e8e8;
    cursor: pointer;
}
.picbox-sj .hd ul li.on{
    background: #0084cc;
}
.pic-bt-sj {
    position: absolute;
    background: #0084cc;
    opacity: 0.7;
    color: #fff;
    bottom: 0px;
    left: 0px;
    text-align: left;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    width: 400px;
    padding-left: 5px;
}
.tp-box-sj {
    width: 400px;
    height: 170px;
    float: left;
    margin-left: 35px;
}
.picbox-sj .bd li{
    zoom: 1;
    list-style: none;
    padding: 0;
}
#hdleft {
    width: 205px;
    height: 60px;
    float: left;
    padding: 0px;
    margin: 5px 0;
    list-style: none;
    margin-right: 10px;
}
.hdbot {
    width: 346px;
    margin: 5px 0px;
    float: left;
}
.hdbt {
    width: 20px;
    font-size: 14px;
    line-height: 17px;
    float: left;
    font-family: "Microsoft YaHei UI";
}
.hdpic {
    width: 296px;
    margin: 0 10px;
    height: 70px;
    float: left;
}
.hdpic img {
    width: 143px;
    height: 70px;
    background-color: #000;
    float: left;
}
.phone_nav{
    display: none;
}
.mobile_header{
    display: none;
}
@media screen and (min-width: 992px) and (max-width:1199px) {
	
.top{
	width: 100%;
}
.nav ul{
	width: 100% !important;
}
.footall{
	width: 100%;
}
.footxian{
	width: 100%;
}
.footmain{
	width: 80%;
	margin: 22px auto;
}


}
@media screen and (max-width: 768px){
    .row{
        margin: 0;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
    html{
        width: 100%;
        height: 100%;
    }
    body{
        height: 100%;
        width: 100%;
    }
    header{
        display: none;
    }
    .center_top{
        display: none;
    }
    .phone_nav{
        display: block;
    }
    footer{
        display: none;
    }
    article{
        width: 100% !important;
        margin: 73px 0 0 !important;
    }
    .center_nav{
        display: none;
    }
    .mobile_header{
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: #0084cc;
        color: #fff;
    }
    .mobile_header ul{
        width: 100%;
        position: relative;
        height: 40px;
        margin-bottom: 0;
    }
    .mobile_header ul li{
        font-size: 18px;
        line-height: 40px;
        text-align: center;
    }
    .mobile_header li:first-child{
        position: absolute;
        padding: 0 10px;
    }

}