@charset "utf-8";
html, body { margin: 0px; font-family:'微软雅黑';}
img { border: 0; border-radius: 5px; vertical-align: middle;}
a { text-decoration: none; color: #053367 ;font-family:'微软雅黑';}
a:hover { color: #c00; text-decoration: underline; }
body { font-family: "微软雅黑"; font-size: 12px; line-height: 24px; color: #666 }
select, input { font-size: 12px; font-family: '微软雅黑,宋体'; padding: 1px; margin: 0; color: #000; }
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, p, form, em, spen { margin: 0; padding: 0; list-style: none }

body {
    background: #F6F6F6;
}

.w1200 {
    width: 1200px;
    display: block;
    margin: 0 auto;
}

.w900 {
    width: 900px;
    display: block;
}

.more {
    font-size: 16px;
    color: #9C99A2;
}

/* 弹性盒子布局 */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.between {
    justify-content: space-between;
}

.align-c {
    align-items: center;
}

/* 头部 */

.header {
    background: #FFFFFF;
    width: 100%;
    height: 90px;
}

.header_wrap {
    height: inherit;
}

.header_wrap .logo {
    height: 44px;
}

.header_wrap .back a {
    background: #EBEBEB;
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #C00;
    text-align: center;
    border-radius: 50px;
}

/* banner图 */

.banner {
    position: relative;
    background: url('../images/banner.png') no-repeat;
    background-size: 100%;
    width: 100%;
    height: 14.427083333333334vw;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 5.208333333333334vw 0 0;
}

.banner .title {
    font-size: 4.322916666666667vw;
}

.banner .sub-title {
    font-size: 20px;
    margin-left: 39px;
    letter-spacing: 10px;
}

/* 常用服务 */

.service {
    background: #EEFDFF;
    margin-top: -1.6666666666666667vw;
    padding: 1.6666666666666667vw 0 38px;
}

.head_title {
    color: #3799F0;
    font-size: 26px;
}

.head_title .sub-title {
    font-size: 17px;
    margin-left: 30px;
    letter-spacing: 6px;
}

.service_list {
    flex-wrap: wrap;
}

.service_list_item {
    display: block;
    width: 261px;
    height: 147px;
    margin: 18px 41px 18px 0;
}

.service_list_item:nth-child(4n) {
    margin-right: 0;
}

/* 城市公告 */

.city {
    margin: 55px 0 0;
}

.city_list {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 35px 36px;
    box-sizing: border-box;
    margin: 24px 0 0;
}

.city_list_item {
    border-bottom: 1px solid #E6E6E6;
    padding: 12px 0;
}

.city_list_item .cover, .city_list_item .cover img {
    display: block;
    width: 168px;
    height: 118px;
}

.city_list_item .title {
    font-size: 25px;
    margin-left: 36px;
    color: #272727;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 35px;
}

.city_list_item .title:hover {
    color: #3799F0;
}

.right_list {
    width: 226px;
    margin: 51px 0 0;
}

.right_list_item {
    display: block;
    width: 226px;
    height: 140px;
    margin-bottom: 15px;
}

.right_list_item img {
    display: block;
    width: 226px;
    height: 140px;
}