body{
    background: #ffffff;
}
.fw_container{
    background: url(../images/fw/bmfw_bg.png)no-repeat center top;
    background-size: 100%;
}
.fw_top{
    height: 215px;
    padding:0 32px;
    overflow: hidden;
}
.dqwz{
    margin-top:26px;
    color: #ffffff;
    font-size:14px;
}
.dqwz a{
    color: #ffffff;
}
.fwlist_tit{
margin-top: 40px;
font-size:28px;
font-weight:400;
color:#ffffff;
line-height:44px;
text-indent: 36px;
}
.topul {
    margin-top: 20px;
}
.topul li{
    float: left;
    width:260px;
    height:68px;
    font-size:26px;
    color:rgba(255,255,255,1);
    line-height:68px;
    text-align: center;
    background:rgba(255,255,255,0.3);
    margin-right:30px;
    cursor: pointer;
}
.topul li.on{
    background: #ffffff;
    color: #2A3C54;
}
.fwlist_box{
    overflow: hidden;
    margin-top:40px ;
}
.fw_left{
    width: 31%;
}

.fw_left li{
    width:220px;
    height:80px;
    background:#F4F4F4;
    float: left;
    margin-right:8px;
    text-align: center;
    line-height: 80px;
    color: #000000;
    font-size:18px;
    margin-bottom: 7px;
    cursor: pointer;
}
.fw_left li span{
    color: #0D7AA3;
    font-size: 30px;
    margin-right:20px;
    vertical-align: middle;
}
.fw_left li.on{
    background:#0D7AA3 ;
    color: #ffffff;
}
.fw_left li.on span{
    color: #ffffff;
}
/* 右边 */
.fw_right{
    width: 68.5%;

    padding-bottom:26px;
   
}
.rigth_tit{
    width: 100%;
    height:45px;
    background: #F4F4F4;
    border-right: 1px solid #D6D3D6;
}
.rigth_tit span{
    display: inline-block;
    background: #0D7AA3;
    padding:0 25px;
    line-height: 45px;
    font-size:20px;
    font-weight: 400;
    color: #ffffff;
}
.right_box{
    padding: 20px;
    min-height: 1000px;
    border: 1px solid #D6D3D6;
    border-top:none ;
}
.fw_fun select{
    width:290px;
height:50px;
background:#F4F4F4;
border-radius:6px;
border: none;
outline-style: none;
color: #000000;
padding: 0 16px;
float: left;
}
.fw_searchBox{
    height: 50px;
    line-height: 50px;
}
.fw_searchBox label {
    margin-right: 20px;
}
.fw_searchBox label input{
    background: #ffffff;
    border:none ;
    width: 14px;
    height: 14px;
}
.fw_searchBox label span{
    color: #000000;
    font-size:16px;
}
.fw_search {
    font-size: 0;
}
.fw_search input{
    width: 358px;
    height: 50px;
    border:1px solid#D2D2D2;
    border-right:none ;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size:16px;
    font-weight:400;
    color: #000000;
    vertical-align: top;
    outline-style: none;
    padding-left:14px;
}
.fw_search button{
    width:101px;
    height: 50px;
    border: none;
    font-size:16px;
    border-radius:6px;
    background: #0D7AA3;
    color: #ffffff;
    position: relative;
    left: -6px;
    outline-style: none;
}
.fw_search button span{
    font-size: 24px;
    margin-right:5px;
    vertical-align: middle;
}
.fw_tip{
    background: #F3FAFF;
    padding: 24px 12px;
    margin-top:18px;
}
.fw_tip li{
    float: left;
}
.fw_tip li+li{
    margin-left:64px ;
}
.fw_tip li span{
    font-size:18px;
    margin-left:10px;
    vertical-align: middle;
}
.fw_listLi{
    padding: 15px;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    margin-top:24px ;
    padding-left:56px;
    position: relative;
}
.fw_listLi::before{
    content: '';
    width: 10px;
    height: 10px;
    background: url(../images/fw/fw_listiocn.png)no-repeat;
    position: absolute;
    left: 29px;
    top: 30px;
}
.li_a{
    display: inline-block;
    font-size:18px;
    overflow: hidden;
    line-height: 38px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.li_a:hover{
    color: #000000;
}
.fw_listLi p img{
    margin: 0 6px;
    vertical-align: middle;
    width: 31px;
}
.fw_listLi li{
    float: left;    
    width:126px;
    height:37px;
    border-radius:6px ;
    border: 1px solid #0D7AA3;
    text-align: center;
    line-height: 35px;
}
.fw_listLi li:hover{
    background: #0D7AA3;
    color: #ffffff;
}
.fw_listLi li:hover a{
    color: #ffffff;
}
.fw_listLi li+li{
    margin-left:16px;
}
.fw_listLi ul{
    margin-top:28px;
    display:none;
}
.fw_listLi li a{
    font-size: 16px;
    color: #0D7AA3;
}
.fw_listLi li span{
margin-right:7px;    
font-size: 22px;
vertical-align: middle;
}
.fw_listLi:hover{
    box-shadow: 0 0 10px #d7e1e8;    
}
.fw_listLi:hover ul{
    display: block;
}

/* 便民服务 */
.fw_left .bmfw li{
    width:179px;
    height:146px;
    border-radius:10px;
    font-size:20px;
    line-height:36px;
    padding-top:30px ;
    margin-right: 23px;
    margin-bottom:20px;
}
.fw_left .bmfw li span{
    margin: 0;
    font-size: 42px;
    display: inline-block;
    margin-bottom: 13px;
}
.fw_left .bmfw li.on a{
    color: #ffffff;
}
.fw_bmfw .fw_left{
    width: 27%;
}
.fw_bmfw  .fw_right{
  width: 73%;
}   
.bmfw_li{
    border:1px solid #DEF2FA;    
}
.bmfw_tit{
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size:18px;
    color: #0D7AA3;
    font-weight:bold;
    background:#F3FAFF ;
}
.bmfw_tit i{
    margin-left:23px;
    margin-right:12px;
    display: inline-block;
    width:4px;
    height:15px;
    background: #0D7AA3;
}
.bmfw_li ul{
    padding: 40px;
}
.bmfw_li li{
    float: left;
    width: 33.3%;
    font-size:16px;
    position: relative;
    padding-left: 18px;
    line-height: 40px;
}
.bmfw_li li::before{
    content: "";
    width:6px;
    height:6px;
    background:#0D7AA3;
    border-radius:50%;
    position: absolute;
    left: 0;
    margin-top: -3px;
    top: 50%;
}
.bm{
    display: none;
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .fw_left li{
        width: 47%;
    }
    .fw_fun select{
        width: 170px;
    }
    .fw_tip li+li{
        margin-left:12px ;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .fw_left li{
        width: 47%;
    }
    .fw_left li span{
        margin-right:5px;
    }
    .fw_search input{
        width: 207px;
    }
    .fw_fun select{
        width: 170px;
    }
    .fw_tip{
        padding: 12px;
    }
    .fw_tip li+li{
        margin-left:40px;
    }
    .fw_tip li{
        margin-bottom:10px ;
    }
    .fw_tip li:nth-child(4){
        margin-left:0;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .fw_left{
        width: 40%;
    }
    .fw_right{
        width:59%;
    }
    .fw_left li{
        width: 47%;
    }
    .fw_left li span{
        margin-right:5px;
    }
    .fw_search input{
        width: 240px;
    }
    .fw_searchBox{
        height: auto;
    }
    .fw_fun select{
        width: 170px;
    }
    .fw_tip{
        padding: 12px;
    }
    .fw_tip li+li{
        margin-left:5px;
    }
    .fw_tip li{
        margin-bottom:10px ;
    }
    .fw_tip li img{
            width: 30px;
    }
    .fw_tip li:nth-child(4){
        margin-left:0;
    }
}
@media screen and (max-width: 767px) and (min-width: 320px){
    .fw_left{
        width: 100%;
    }
    .fw_right{
        width:100%;
    }
    .fw_left li{
        width: 47%;
    }
    .fw_left li span{
        margin-right:5px;
    }
    .fw_search{
        width: 100%;
    }
    .fw_search input{
        width: 70%;
    }
    .fw_search button{
        width: 30%;
    }
    .fw_searchBox{
        height: auto;
    }
    .fw_fun select{
        width: 170px;
    }
    .fw_tip{
        padding: 12px;
    }
    .fw_tip li+li{
        margin-left:5px;
    }
    .fw_tip li{
        margin-bottom:10px ;
    }
    .fw_tip li img{
            width: 30px;
    }
    .fw_tip li:nth-child(4){
        margin-left:0;
    }
    .right_box{
        padding: 5px;
    }
    .topul li{
        width: 50%;
        margin: 0;
    }
}