.main{
    width:1200px;
    margin:30px auto;
    padding:30px 50px;
    border:solid 1px #f0f0f0;
    border-radius:6px;
    box-shadow: 5px 5px 10px #ccc
}
.col .location{
    min-height:25px;
    background:url(location.png) no-repeat;
    background-size:25px auto;
    padding-left:25px;
    color:#999;
    line-height: 25px
}
.older .col .location{
    height:30px;
    padding-left:35px;
    line-height: 30px;
    background-size:30px auto;
}
.col .location span{
    display:inline-block;
    float:left;
}
.col .location a{
    color:#999;
}
.older .col .location a{
    font-size:20px;
}
.col .location table{
    float:left;
    width:auto!important;
    display:inline-block;
}

.box{
    width:100%;
    margin:auto;
    font-size:15px;
    padding:30px 0;
    display:flex;
    align-items:top;
	justify-content: space-between;
    flex-wrap: wrap
}
.box .left{
	width:250px;
}
.box .left .fatitle{
    width:100%;
    height:70px;  
    background-color:#0c4f8e;
    text-align:center; 
    line-height:70px;
    overflow:hidden;
    position:relative
}
.older .box .left .fatitle{
    font-size:25px;
    background-position:40px 23px;
}
.box .left .fatitle p{
    display:inline-block;
    color:#fff;
    font-size:20px;
    font-weight:bold;
}
.box .left .fatitle p span{
    display:inline-block;
    width:26px;
    height:26px;
    background:url(col.png) no-repeat;
    background-size:26px;
    position:relative;
    top:5px;
}
.box .left .fatitle i{
    opacity:0;
    display:inline-block;
    width:60px;
    height:70px;
    background:url(zfwlogo.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    right:-10px;
    bottom:-15px;
}
.box .left .fatitle:hover i{
    -webkit-animation-name: yin;
    animation-name: yin;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
}
@-webkit-keyframes yin {
  from {
    opacity:0;
  }

  to {
    opacity:0.6;
  }
}
@keyframes yin {
  from {
    opacity:0;
  }

  to {
    opacity:0.6;
  }
}
.box .left .sontitle{
    padding:20px 0;
    box-shadow: 5px 5px 10px #ccc
}
.box .left .sontitle a{
    display:inline-block;
    width:100%;
    padding:0 30px;
    margin:20px 0;
    color:#666;
    text-align:center;
    font-size:16px;
}
.older .box .left .sontitle a{
    font-size:22px;
}
.box .left .sontitle a.cur{
    color:#0c4f8e;
    font-weight:bold;
    border-left:solid 3px #0c4f8e;
}
.box .left .sontitle a i{
    display:inline-block;
    width:20px;
    height:17px;
    background-image:url(arrow1g.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    float:right;
}
.older .box .left .sontitle a i{
    margin-top:3px;
}
.box .left .sontitle a.cur i{
    background-image:url(arrow1b.png);
}
.box .left .sonson a i{
    background-image:url(arrow2g.png);
}
.box .left .sonson a.cur i{
    background-image:url(arrow2b.png);
}

.box .right{
    width:800px;
}
.box .right .colmore{
    display:block;
    width:100px;
    height:30px;
    margin:10px auto 20px;
    line-height:30px;
    font-size:16px;
    text-align:center;
    background-color:#0c4f8e;
    color:#fff;
    border-radius:15px;
}
.older .box .right .colmore{
    width:120px;
    height:40px;
    font-size:20px;
    line-height:40px;
    border-radius:20px;
}
.box .right .colmore:hover{
    font-weight:bold;
}

.box .lm{
    width:100%;
    border-bottom:solid 1px #ccc;
    line-height:45px;
}
.box .lm h1{
    display:inline-block;
    margin:0;
    font-size:22px;
    font-weight:bold;
    border-bottom:solid 5px #0c4f8e;
}
.older .box .lm h1{
    font-size:30px;
    line-height:55px;
}
/*列表样式*/
.box .list{
    width:100%;
    margin-top:10px;
}
.box .list .li{
    display:flex;
    align-items: center;
    justify-content: space-between;
    font-size:16px;
    padding:10px 5px;
}
.older .box .list .li{
    font-size:22px;
    padding:15px 10px;
}
.box .list .li:nth-child(5n){
    border-bottom:dashed 1px #ccc;
    margin-bottom:10px;
    padding-bottom:20px;
}
.box .list .li p{
    display:inline-block;
}
.box .list .li:hover p{
    color:#0c4f8e;
}
.box .list .li span.time{
    color:#999;
    font-size:15px;
}
.box .list .li span.dian{
    width:10px;
    height:10px;
    margin-right:5px;
    border-radius:3px;
    background-color:#ccc;
    display:inline-block;
    margin-right:10px;
}
/*点动画*/
.box .list .li:hover span.dian{
    background-color:#0c4f8e;
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation-duration:0.5s;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*专题专栏*/
.box .twocol{
    width:100%;
    margin-top:10px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}
.box .twocol .li{
    width:45%;
    display:flex;
    align-items: center;
    justify-content: space-between;
    font-size:16px;
    padding:10px 5px;
    border-bottom:dashed 1px #ccc;
}
.older .twocol .list .li{
    font-size:22px;
    padding:15px 10px;
}
.box .twocol .li:nth-child(5n){
    margin-bottom:0;
    padding:10px 5px;
}
.box .xxgkzt{
    margin:20px 0;
}

/*图集*/
.box .listpic{
    width:100%;
    margin:20px 0;
}
.box .listpic .li{
    display:inline-block;
    float:left;
    width:24%;
    padding:10px;
    margin:10px 0.5%;
    background-color:#f0f0f0;
    position:relative;
}
.box .listpic .li:hover{
    background-color:#c4daf0;
}
.box .listpic .li .img{
    width:100%;
    height:165px;
    background-size:cover;
    overflow:hidden;
}
.box .listpic .li p{
    margin:10px auto 0;
    text-align:center;
    font-weight:600;
}
.older .box .listpic .li p{
    font-size:20px;
}
.box .listpic .li .vplay{
    display:block;
    width:60px;
    height:60px;
    background:url(play.png) no-repeat;
    background-size:100% auto;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-30px;
    margin-top:-30px;
}

/*调查征集*/
.opinion{
    width:100%;
    margin-top:15px;
}
.opinion a{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    font-size:16px;
    line-height:40px;
    padding-bottom:5px;
}
.opinion a:nth-child(5n){
    border-bottom:dashed 1px #ccc;
}
.opinion a h5, .opinion a h6{
    width:80px;
    height:25px;
    border-radius:3px;
    color:#fff;
    font-weight:normal;
    text-align:center;
    line-height:25px;
}
.opinion a h5{
    background-color:#999;
}
.opinion a h5.ing{
    background-color:#478ad0;
}
.older .opinion a h5, .older .opinion a h6{
    font-size:18px;
}
.opinion a:hover h5, .opinion a:hover h6{
    font-weight:bold;
}
.opinion a span{
    width:100px;
    color:#999;
    margin-left:auto;
}
.older .opinion a span{
    width:110px;
    font-size:18px;
}
.opinion a p{
    font-size:18px;
    overflow:hidden;
    margin-left:20px;
}
.older .opinion a p{
    font-size:25px;
}
.opinion a:hover p{
    color:#478ad0;
}

/*机构列表*/
.box .jglm{
    clear:both;
    padding-top:20px
}
.box .jglist{
    width:100%;
    margin-top:10px;
}
.box .jglist .li{
    width:46%;
    float:left;
    display:flex;
    align-items: center;
    justify-content: space-between;
    font-size:16px;
    padding:10px 5px;
    margin:0 2%;
    border-bottom:dashed 1px #ccc;
}
.older .box .jglist .li{
    font-size:22px;
    padding:15px 10px;   
}
.box .jglist .li p{
    display:inline-block;
}
.box .jglist .li:hover p{
    color:#0c4f8e;
}
.box .jglist .li span.dian{
    width:10px;
    height:10px;
    margin-right:5px;
    border-radius:3px;
    background-color:#ccc;
    display:inline-block;
    margin-right:10px;
}
.box .jglist .li:hover span.dian{
    background-color:#0c4f8e;
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation-duration:0.5s;
}


/*领导信息*/
.ldbox{
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom:20px;
}
.ldbox .imgbox{
    width:260px;
    padding:30px;
    float:left;
    background:#eef5fc;
}
.ldbox .imgbox .img{
    width:200px;
    overflow:hidden;
}
.ldbox .imgbox .img img{
    width:100%;
}
.ldbox .imgbox h1{
    font-size:18px;
    text-align:center;
}
.older .ldbox .imgbox h1{
    font-size:24px;
}
.ldbox .imgbox h1 span{
    font-weight:normal;
}
.ldbox .ldmeta{
    width:510px;
    float:right;
}
.ldbox .ldmeta .ldtitle{
    width:100%;
    border-bottom:solid 1px #ccc;
    line-height:40px;
}
.ldbox .ldmeta .ldtitle h3{
    display:inline-block;
    margin:0;
    font-size:20px;
    font-weight:bold;
    border-bottom:solid 5px #0c4f8e;
}
.older .ldbox .ldmeta .ldtitle h3{
    font-size:26px;
    line-height:50px;
}
.ldbox .ldmeta .txt{
    margin:10px 0 20px;
    line-height:35px;
    font-size:16px;
}