/* css 重置 */
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    background: #fff;
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #1974A1;
}

#mainList,
#mainDetail {
    width: 980px;
    min-height: 100px;
    margin: 0 auto;
    padding: 0 49px;
}


/* 头部页面 */

#header {
    background: #FFFFFF;
}

.newsList {
    height: 36px;
    display: flex;
    justify-content: space-between;
    width: 1280px;
    margin: 0 auto;
}

.newsList_left {
    /* width: 382px; */
    display: flex;
    justify-content: flex-start;
    /* margin: 7px 0; */
}

.a {
    /* width: 91px; */
    height: 36px;
    color: #595959;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.b {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* width: 84px; */
    height: 36px;
    color: #595959;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    margin-right: 24px;
}

.b>img {
    width: 22px;
    height: 22px;
}

.c {
    width: 165px;
    height: 36px;
    color: #116291;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
}

.newsList_right {
    /* width: 323px; */
    height: 36px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* margin: 7px 0; */
}

.newsList_right>span {
    color: #116291;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
    margin-right: 32px;
}

.newsList_right>span a{
    color: #116291;
}

.newsList_right>span a:hover{
    color: #595959;
}

.wza {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* width: 60px; */
    height: 36px;
}

.wza>img {
    width: 22px;
    height: 22px;
    margin-left: 3px;
    margin-right: 7px;
}

.wza>span {
    height: 36px;
    color: #595959;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
    margin-right: 36px;
}

.dl {
    height: 36px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dl>img {
    width: 22px;
    height: 22px;
    margin-right: 7px;
}

.dl>span {
    width: 84px;
    height: 36px;
    color: #595959;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
}

.bj {
    min-width: 1280px;
    height: 148px;
    background-image: url(../img/dhl.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bj>div {
    width: 1280px;
    height: 148px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.tp {
    width: 242px;
    height: 78px;
    margin-top: 33px;
}

.tp>img {
    width: 242px;
    height: 77px;
}

.bj-right {
    width: 437px;
    height: 100%;
}

.text {
    margin: 16px auto 0;
    color: #FFFFFF;
    font-family: OPPOSans;
    text-align: center;
    letter-spacing: 0px;
}

.text>p:nth-child(1) {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}

.text>p:nth-child(2) {
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
}

.input {
    width: 373px;
    height: 40px;
    border: 0;
    outline: none;
    background-color: #FFFFFF;
    padding-left: 36px;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-input-placeholder {
    color: #ccc;
}

input::-ms-input-placeholder {
    color: #ccc;
}

.button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 64px;
    height: 40px;
    color: #FFFFFF;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0px;
    background: #116291;
    border: 1px solid #116291;
    border: 0;
    outline: none;
}

.input-right {
    position: relative;
    margin-top: 12px;
}

.input-right>img {
    position: absolute;
    left: 15px;
    top: 11px;
    width: 18px;
    height: 18px;
}

.list {
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
}

.list>ul {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.list>ul>li {
    list-style: none;
    /* width: 158px; */
    width: 158px;
    height: 90px;
    background: #FFFFFF;
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}

.list>ul>li>a {
    /* width: 158px; */
    width: 158px;
    height: 90px;
    text-align: center;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.list>ul>li>a>img {
    width: 48px;
    height: 48px;
    margin-top: 8px;
    margin-bottom: 1px;
}

.list>ul>li>a>span {
    color: #595959;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;    
}


/* 底部页面 */

footer {
    margin: 100px 0;
}

.footer_bj {
    min-width: 1280px;
    margin-top: 25px;
    background-image: url(../img/Group\ 178.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 20px;
}

.footer_lj {
    width: 1280px;
    margin: 0 auto;
    height: 76px;
    margin-top: 32px;
}

.footer_lj>span {
    width: 80px;
    height: 28px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 25px;
    display: block;
}

.footer_list {
    display: flex;
    justify-content: space-between; 
    position: relative;
}

.footer_list>li {
    list-style: none;
    margin-left: 5px;
}

#a1 {
    /* position: absolute; */
    top: 25px;
    left: 0px;
    width: 1280px;
    height: 120px;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

#a2 {
    /* position: absolute; */
    top: 25px;
    margin: 0 auto;
    left: -124px;
    width: 1280px;
    height: 120px;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

#a2>ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

#a2>ul>li {
    margin: 10px 10px;
}

#a2>ul>li>a {
    font-size: 16px;
    color: #262626;
}

#a3 {
    top: 25px;
    margin: 0 auto;
    left: -124px;
    width: 1280px;
    height: 120px;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

#a3>ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

#a3>ul>li {
    margin: 10px 10px;
}

#a3>ul>li>a {
    font-size: 16px;
    color: #262626;
}

#a4 {
    /* position: absolute; */
    top: 25px;
    left: 375px;
    width: 1280px;
    height: 120px;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

#a5 {
    /* position: absolute; */
    top: 25px;
    right: 375px;
    width: 1280px;
    height: 120px;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

#a6 {
    /* position: absolute; */
    top: 25px;
    right: 230px;
    width: 1280px;
    height: 120px;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

#a7 {
    /* position: absolute; */
    top: 25px;
    right: 125px;
    width: 1280px;
    height: 120px;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

#a8 {
    /* position: absolute; */
    top: 25px;
    right: 0px;
    width: 1280px;
    height: 120px;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 5;
}

.bottom {
    width: 1280px;
    margin: 0 auto;
    /* position: relative; */
}

#b1 {
    /* position: absolute; */
    top: 25px;
    left: 0px;
    /* width: 116px;
    text-align: center; 
    height: 260px;*/
}

#b1>ul>li {
    margin: 10px 10px;
}

#b1>ul>li>a {
    font-size: 16px;
    color: #262626;
}

#b2 {
    /* position: absolute; */
    top: 35px;
    left: 230px;
    /* width: 116px; */
    /* text-align: center; */
    padding-left: 285px;
}

#b2>ul>li {
    margin: 10px 10px;
}

#b2>ul>li>a {
    font-size: 16px;
    color: #262626;
}

#b3 {
    /* position: absolute; */
    top: 35px;
    left: 455px;
    /* width: 116px; */
    text-align: center;
}

#b3>ul>li {
    margin: 10px 10px;
}

#b3>ul>li>a {
    font-size: 16px;
    color: #262626;
}

#b4 {
    /* position: absolute; */
    top: 35px;
    right: 260px;
    /* width: 116px; */
    text-align: center;
    padding-left: 560px;
}

#b4>ul>li {
    margin: 10px 10px;
}

#b4>ul>li>a {
    font-size: 16px;
    color: #262626;
}

#b5 {
    /* position: absolute; */
    top: 35px;
    right: 20px;
    /* width: 116px; */
    text-align: right;
}

#b5>ul>li {
    margin: 10px 10px;
}

#b5>ul>li>a {
    font-size: 16px;
    color: #262626;
}

.CityHall {
    width: 129px;
    height: 24px;
    display: flex;
}

.CityHall>span {
    width: 98px;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.CityHall>img {
    width: 24px;
    height: 24px;
}

.DistrictGovernment {
    width: 100px;
    height: 24px;
    display: flex;
}

.DistrictGovernment>span {
    width: 70px;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.DistrictGovernment>img {
    width: 24px;
    height: 24px;
}

.major {
    width: 143px;
    height: 24px;
    display: flex;
}

.major>span {
    width: 112px;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.major>img {
    width: 24px;
    height: 24px;
}

.Management {
    width: 154px;
    height: 24px;
    display: flex;
}

.Management>span {
    width: 123xp;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.Management>img {
    width: 24px;
    height: 24px;
}

.zyzf {
    width: 200px;
    height: 24px;
    display: flex;
}

.zyzf>span {
    width: 168px;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.zyzf>img {
    width: 24px;
    height: 24px;
}

.dfzf {
    width: 115px;
    height: 24px;
    display: flex;
}

.dfzf>span {
    width: 84px;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.dfzf>img {
    width: 24px;
    height: 24px;
}

.zycs {
    width: 143px;
    height: 24px;
    display: flex;
}

.zycs>span {
    width: 112px;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.zycs>img {
    width: 24px;
    height: 24px;
}

.yqlj {
    width: 86px;
    height: 22px;
    display: flex;
}

.yqlj>span {
    width: 56px;
    height: 22px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.yqlj>img {
    width: 24px;
    height: 24px;
}

#div {
    width: 1280px;
    border-bottom: 1px solid #F0F0F0;
    margin: 30px auto;
}

.footer_bottom {
    width: 1280px;
    margin: 0 auto;
}

.footerList {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
}

.footerList>li {
    list-style: none;
    display: flex;
    width: 116px;
    height: 28px;
    align-items: center;
}

.footerList>li>span {
    width: 80px;
    height: 28px;
    color: #262626;
    font-family: OPPOSans;
    font-weight: medium;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}

.footerList>li>img {
    width: 24px;
    height: 24px;
}

.footerbj {
    min-width: 1280px;
    background-color: #116291;
    display: flex;
    height: 124px;
    align-items: center;
}

.footerbj>div {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerd {
    width: 850px;
    height: 60px;
    display: flex;
    justify-content: space-between;
}

.footerd>li {
    list-style: none;
}

.footerd>li>div {
    width: 239px;
    height: 60px;
    color: #FFFFFF;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

.footerd>li>div>span {
    display: block;
}

.footerd:nth-child(2)>div {
    width: 303px;
    height: 40px;
    color: #FFFFFF;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

.footerd:nth-child(2)>div>span {
    display: block;
}

.footerd:nth-child(3)>div {
    width: 180px;
    height: 60px;
    color: #FFFFFF;
    font-family: OPPOSans;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}


/* .CityHall>.aaa {
    display: none;
}

.CityHall:hover>.aaa {
    display: block;
} */

.footerd:nth-child(3)>div>span {
    display: block;
}

.footerbj>div>div {
    display: flex;
    width: 290px;
    justify-content: space-around;
}
.footerd>li>div>a {
    color:#fff;
}

.footerbj>div>div>a:nth-child(1)>img {
    width: 96px;
    height: 48px;
}

.footerbj>div>div>a:nth-child(2)>img {
    width: 96px;
    height: 48px;
}

.footerbj>div>div>a:nth-child(3)>img {
    width: 48px;
    height: 48px;
}


/*list页面*/