﻿.header .nav ul li.index {
    background: #349cdf;
}

.main {
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
}

.main .news {
    margin: 50px auto 20px;
    width: 1200px;
}

/*新闻大图*/
.main .news .newsPic {
    width: 622px;
    height: 386px;
    position: relative;
}

.main .news .newsPic .swiper-newsPic {
    width: 622px;
    height: 386px;
}

.main .news .newsPic .section {
    width: 622px;
    height: 386px;
    position: relative;
    overflow: hidden;
}

.main .news .newsPic .section img {
    width: 622px;
    height: 386px;
}

.main .news .newsPic .section p {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 70px;
    line-height: 70px;
    text-indent: 10px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-right: 100px;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.7);
}

.main .news .newsPic .pagination {
    position: absolute;
    text-align: right;
    bottom: 24px;
    z-index: 2;
    right: 6px;
}

.main .news .newsPic .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 6px;
    margin: 0 4px;
    display: inline-block;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.main .news .newsPic .pagination .swiper-active-switch {
    background: #006fb7;
}

.main .news .jkyw {
    width: 550px;
}

.main .newsList .moduleNav {
    font-size: 26px;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 20px;
}

.main .newsList.jkyw .moduleNav {
    margin-bottom: 24px;
}

.main .newsList .moduleNav li {
    display: inline-block;
    margin-right: 30px;
    cursor: pointer;
    padding-bottom: 18px;
    color: #80AAD2;
    position: relative;
}

.main .newsList .moduleNav li.active {
    font-weight: bold;
    color: #006fb7;
}

.main .newsList .moduleNav li.active:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #006fb7;
}

.main .newsList ul.list {
    position: relative;
}

.main .newsList ul.list li {
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main .newsList ul.list li span.point {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #7ecef4;
    margin-right: 10px;
    vertical-align: 3px;
}

.main .newsList ul.list li a:hover {
    color: #076fd0;
}
.main .newsList ul.list li span.time {
    color: #444;
    float: right;
}
.main .newsList ul.list a.more {
    position: absolute;
    width: 66px;
    height: 26px;
    border-radius: 13px;
    line-height: 26px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    background: #006fb7;
    right: 0;
    top: -60px;
}

.main .newsList.jkyw ul.list a.more {
    top: -64px;
}

.main .ztzl {
    width: 1200px;
    margin: 30px auto;
    position: relative;
}

.main .ztzl .swiper-ztzl {
    width: 1120px;
    margin: 0 auto;
    height: 138px;
}

.main .ztzl .swiper-ztzl img {
    margin: 0 auto;
    top: 30px;
    width: 268px;
    height: 138px;
    display: block;
}

.main .ztzl .arrow-left {
    position: absolute;
    top: 24px;
    left: 0;
    cursor: pointer;
    background: #f2f2f2;
    z-index: 2;
    width: 36px;
    height: 88px;
    box-sizing: border-box;
    padding: 30px 0 0 13px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.main .ztzl .arrow-left:hover {
    background: #ecf4f8;
}

.main .ztzl .arrow-right {
    position: absolute;
    top: 24px;
    right: 0;
    cursor: pointer;
    background: #f2f2f2;
    z-index: 2;
    width: 36px;
    height: 88px;
    box-sizing: border-box;
    padding: 30px 0 0 13px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.main .ztzl .arrow-right:hover {
    background: #ecf4f8;
}

.main .zw {
    width: 1200px;
    margin: 50px auto;
}


/*政务公开*/
.main .zwgk {
    width: 560px;
}

.main .zwgk .title {
    background: url("../images/title_zwgk.png") no-repeat center left;
    width: 551px;
    height: 53px;
    margin-bottom: 30px;
    position: relative;
}

.main .zwgk .title a {
    width: 128px;
    height: 53px;
    position: absolute;
    display: inline-block;
    left: 34px;
}

.main .zwgk .ndbb {
    margin-top: 36px;
}

.main .zwgk .ndbb img {
    display: block;
    width: 560px;
    height: 131px;
}

/*政务服务*/
.main .zwfw {
    width: 600px;
}

.main .zwfw .title {
    background: url("../images/title_zwfw.png") no-repeat center left;
    width: 595px;
    height: 53px;
    margin-bottom: 30px;
    position: relative;
}

.main .zwfw .title a {
    width: 128px;
    height: 53px;
    position: absolute;
    display: inline-block;
    left: 34px;
}

.main .zwfw .fwcx {
    background: url("../images/zwfw_fwcx.jpg") no-repeat center left;
    width: 600px;
    height: 236px;
    padding: 60px 10px 0 220px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.main .zw .zwfw .fwcx .list li{
    font-weight: bold;
}
.main .zwfw .adBanner .slxt {
    width: 290px;
    margin-top: 12px;
}

.main .zwfw .adBanner .slxt img {
    display: block;
    width: 290px;
    height: 131px;

}

.main .zwfw .adBanner .mtfw {
    width: 290px;
}

.main .zwfw .adBanner .mtfw img {
    display: block;
    margin-top: 12px;
    width: 290px;
    height: 59px;
}

/*健康教育*/
.main .jkjy {
    background: #ecf4f8;
    padding: 10px 0;
    width: 100%;
}

.main .jkjy .title {
    background: url("../images/title_jkjy.png") no-repeat center left;
    width: 1200px;
    height: 53px;
    margin: 30px auto;
    position: relative;
}

.main .jkjy .title a {
    width: 128px;
    height: 53px;
    position: absolute;
    display: inline-block;
    left: 34px;
}

.main .jkjy .con {
    width: 1200px;
    margin: 30px auto;
}

.main .jkjy .con .jkts {
    background: #FFFFFF;
    padding: 26px 26px 2px;
    width: 578px;
    height: 380px;
    box-sizing: border-box;
}

.main .jkjy .con .jkzt {
    background: #FFFFFF;
    padding: 26px 0 2px;
    width: 578px;
    height: 380px;
    box-sizing: border-box;
}

.main .jkjy .con .jkzt h4 {
    font-size: 26px;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    line-height: 26px;
    width: 526px;
    margin: 0 auto 20px;
    color: #006fb7;
    position: relative;
    padding-bottom: 18px;
}

.main .jkjy .con .jkzt h4:after {
    width: 104px;
    height: 2px;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #006fb7;
}

.main .jkjy .con .jkzt h4 a {
    position: absolute;
    width: 66px;
    height: 26px;
    border-radius: 13px;
    line-height: 26px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    background: #006fb7;
    right: 0;
    top: 4px;
}

.main .jkjy .con .jkzt .jkztIcon .icon {
    float: left;
    width: 160px;
    text-align: center;
    font-weight: bold;
    margin: 13px 16px;
}

.main .jkjy .con .jkzt .jkztIcon .icon a {
    display: block;
    padding: 10px 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.main .jkjy .con .jkzt .jkztIcon .icon a:hover {
    background: #ecf4f8;
}

.main .jkjy .con .jkzt .jkztIcon .icon p {
    margin-top: 12px;
}

.main .jkjy .jbzdd {
    background: url("../images/jbzdd.jpg") no-repeat;
    width: 1200px;
    height: 104px;
    box-sizing: border-box;
    margin: 30px auto;
    padding-left: 276px;
}

.main .jkjy .jbzdd ul li {
    float: left;
    color: #FFFFFF;
    line-height: 104px;
    margin-right: 24px;
    font-weight: bold;
}

/*互动交流*/
.main .hdjl {
    width: 1200px;
    margin: 40px auto;
}

.main .hdjl .title {
    background: url("../images/title_hdjl.png") no-repeat center left;
    width: 1192px;
    height: 53px;
    margin-bottom: 30px;
    position: relative;
}

.main .hdjl .title a {
    width: 128px;
    height: 53px;
    position: absolute;
    display: inline-block;
    left: 34px;
}

.main .hdjl .ldxx {
    width: 298px;
}

.main .hdjl .ldxx .hdjlBanner {
    margin-bottom: 26px;
}

.main .hdjl .lyxd {
    width: 870px;
}

.main .link {
    background: #E0EDF6;

}

.main .link .linkCon {
    margin: 0 auto;
    width: 1200px;
}

.main .link .linkCon .shu {
    width: 2px;
    height: 22px;
    background-color: #333333;
    margin: 0 40px 0 14px;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    vertical-align: middle;
}

.main .link .linkCon .cusSelect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    _zoom: 1;
    _display: inline;
}

.main .link .linkCon .cusSelect .cusTitle {
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    padding-right: 22px;
    background: url("../images/select.png") no-repeat right 33px;
}

.main .link .linkCon .cusSelect .cusOpSet {
    min-width: 100%;
    max-height: 316px;
    display: none;
    list-style: none;
    margin: 0;
    border: 1px solid #E0EDF6;
    position: absolute;
    left: -20px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 100;
}

.main .link .linkCon .cusSelect .cusOpSet .cusOption {
    width: auto;
    line-height: 32px;
    font-size: inherit;
    border-bottom: 1px solid #E0EDF6;

    box-sizing: border-box;
    background-color: inherit;
    min-width: 100%;
    white-space: nowrap;
}

.main .link .linkCon .cusSelect .cusOpSet .cusOption a {
    display: block;
    padding: 10px;
}

.main .link .linkCon .cusSelect .cusOpSet .cusOption:hover {
    background: #E0EDF6;
}

/* 20230316 */
.ad_wrap{ position: relative; width: 1200px; margin: 40px auto;}
.swiper-ad{ width: 1200px;  height: 318px; overflow: hidden}
.ad_wrap .pagination {
    position: absolute;
    text-align: right;
    bottom: 10px;
    z-index: 2;
    right: 10px;
}
.ad_wrap .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 6px;
    margin: 0 4px;
    display: inline-block;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.ad_wrap .pagination .swiper-active-switch {
    background: #006fb7;
}