@font-face {
    font-family: FontAwesome;
    src: url(./fontawesome/fonts/fontawesome-webfont.ttf)
}

.news_box134 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.news_box134 .recommend {
    cursor: pointer;
    height: 2.7rem;
    position: relative;
    margin-right: 0.6rem;
    margin-top: 0.16rem;
    height: 4.27rem;
    width: 4.92rem;
    flex: 1
}

.news_box134 .recommend .img {
    width: 100%;
    height: 100%
}

.news_box134 .recommend .img img {
    width: 100%;
    height: 100%
}

.news_box134 .recommend .word {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.45rem;
    border-radius: 0 0 0.1rem 0.1rem;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.4)
}

.news_box134 .recommend .word p {
    font-size: 0.18rem;
    line-height: 0.45rem;
    font-weight: 400;
    color: #ffffff;
    text-align: center
}

.news_box134 .news_list {
    flex: 0.95
}

.news_box134 .news_list .item {
    border-bottom: 0.01rem solid #f5f5f5;
    width: 100%;
    height: 0.55rem;
    line-height: 0.55rem;
    height: 0.68rem;
    line-height: 0.68rem;
    display: flex;
    padding: 0.16rem 0.3rem;
    height: 1.28rem;
    background: #f8f8f8;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 0.3rem
}

.news_box134 .news_list .item .time {
    color: #28a7e1;
    font-size: 0.14rem;
    padding-right: 0.29rem;
    border-right: #eeeeee solid 0.01rem;
    margin-right: 0.29rem
}

.news_box134 .news_list .item .time .month {
    font-size: 0.28rem;
    color: #006cae;
    font-weight: bold;
    height: 0.32rem;
    color: #008edc
}

.news_box134 .news_list .item .time .day {
    font-size: 0.2rem;
    color: #006cae;
    color: #008edc
}

.news_box134 .news_list .item .main {
    display: flex;
    flex-direction: column;
    height: 1.2rem
}

.news_box134 .news_list .item .main .tit {
    color: #313131;
    font-size: 0.18rem;
    height: 0.64rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.news_box134 .news_list .item .main .detail {
    color: #999999;
    font-size: 0.16rem;
    line-height: 0.26rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .news_box134 {
        flex-direction: column
    }

    .news_box134 .recommend {
        flex: 1;
        width: 100%;
        margin-bottom: 0.3rem
    }

    .news_box134 .recommend .img {
        height: 4.5rem
    }

    .news_box134 .recommend .word {
        height: 0.65rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .news_box134 .recommend .word p {
        font-size: 0.25rem;
        height: auto
    }

    .news_box134 .news_list .item {
        height: 1.8rem !important;
        margin-bottom: 0.3rem !important
    }

    .news_box134 .news_list .item .time .month {
        font-size: 0.36rem !important;
        margin-bottom: 0.2rem
    }

    .news_box134 .news_list .item .time .day {
        font-size: 0.24rem !important
    }

    .news_box134 .news_list .item .main .tit {
        font-size: 0.28rem
    }

    .news_box134 .news_list .item .main .detail {
        font-size: 0.24rem
    }
}

.cardboxlist_5555 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.cardboxlist_5555 .listitem {
    background-color: white;
    width: calc((100% - 0.4rem) / 2);
    border-radius: 0.2rem;
    overflow: hidden
}

.cardboxlist_5555 .listitem .img {
    width: 100%;
    height: 3.26rem
}

.cardboxlist_5555 .listitem .img img {
    display: block;
    width: 100%
}

.cardboxlist_5555 .listitem .textbox {
    padding: 0.4rem
}

.cardboxlist_5555 .listitem .textbox .tit {
    font-size: 0.22rem;
    color: #313131;
    text-align: center;
    margin-bottom: 0.4rem
}

.cardboxlist_5555 .listitem .textbox .main {
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #7d7d7d;
    text-align: left
}

@media screen and (max-width: 768px) {
    .cardboxlist_5555 {
        display: flex;
        flex-direction: column
    }

    .cardboxlist_5555 .listitem {
        width: calc((100%));
        margin-bottom: 0.3rem
    }

    .cardboxlist_5555 .listitem .img {
        width: 100%;
        height: 3.6rem
    }

    .cardboxlist_5555 .listitem .img img {
        display: block;
        width: 100%
    }

    .cardboxlist_5555 .listitem .textbox {
        padding: 0.5rem 0.4rem
    }

    .cardboxlist_5555 .listitem .textbox .tit {
        font-size: 0.28rem;
        margin-bottom: 0.4rem
    }

    .cardboxlist_5555 .listitem .textbox .main {
        font-size: 0.24rem;
        line-height: 0.32rem
    }

    .cardboxlist_5555 .listitem:last-child {
        margin-bottom: 0
    }
}

.card_gray {
    background: #fbfbfb;
    padding: 0.32rem;
    margin-bottom: 0.4rem
}

.card_gray .img {
    flex: 0.2;
    width: 1.15rem;
    height: 1.15rem;
    margin-bottom: auto
}

.card_gray .main {
    flex: 0.7
}

.card_gray .img img {
    width: 100%
}

.card_gray .main p {
    font-size: 0.2rem;
    color: #313131;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.card_gray .main .tip {
    font-size: 0.16rem;
    color: #999999;
    margin-top: 0.28rem;
    margin-bottom: 0.29rem
}

@media screen and (max-width: 768px) {
    .card_gray .main p {
        font-size: 0.28rem
    }

    .card_gray .main .tip {
        font-size: 0.24rem
    }

    .card_gray .main a text {
        font-size: 0.24rem
    }

    .card_gray .main a .changecolor {
        font-size: 0.24rem
    }
}

.card_gray {
    background: white;
    border: 0.01rem #eeeeee solid;
    justify-content: start;
    justify-content: space-between
}

.card_gray .img {
    margin-right: 0.3rem;
    flex: 0.3;
    flex: 0.35;
    flex: 0.4
}

.card_gray .main {
    flex: 1;
    flex: 0.65
}

.card_gray .main .tip {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.morebtndiv {
    margin: 0 auto;
    text-align: center;
    margin-top: 0.8rem
}

.morebtn_template {
    color: #004578;
    border: #004578 solid 0.01rem;
    border-radius: 0.05rem;
    font-size: 0.18rem;
    text-align: center;
    padding: 0.12rem 0.44rem;
    background: none;
    display: block;
    background: #006cae;
    color: white;
    border-radius: 0.23rem;
    border: none;
    transition: background-color 0.2s ease;
    background: #008edc;
    background: #093e8e;
    border: #093e8e;
    margin: 0 auto
}

.morebtn_template:hover {
    background: #004578;
    color: white;
    background-color: #004578;
    background: #0078c2;
    background: #13376d
}

.textbox_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.textbox_1 .text {
    font-size: 0.18rem;
    line-height: 0.4rem;
    width: 5.81rem;
    text-indent: 2em
}

.textbox_1 .img {
    border-radius: 183222707169.6rem;
    width: 5.5rem;
    height: 3rem;
    height: 3.5rem;
    border-radius: 0.2rem;
    overflow: hidden
}

.textbox_1 .img img {
    width: 100%
}

@media screen and (max-width: 768px) {
    .textbox_1 {
        display: flex;
        flex-direction: column
    }

    .textbox_1 .img {
        width: 6.89rem;
        height: 3.76rem;
        border-radius: 0.3rem;
        align-items: end;
        order: 1;
        margin-bottom: 0.46rem
    }

    .textbox_1 .text {
        width: 100%;
        font-size: 0.26rem !important;
        line-height: 0.4rem !important;
        order: 2
    }
}

.sectiontit_1 {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.56rem
}

.sectiontit_1 .tit {
    font-size: 0.36rem;
    text-align: center
}

.sectiontit_1 .img {
    width: 0.03rem;
    height: 0.03rem
}

.sectiontit_1 .img img {
    width: 100%
}

.sectiontit_1 .tip {
    font-size: 0.18rem;
    font-weight: 400;
    color: #bfbfbf;
    line-height: 0.5rem;
    text-align: center
}

@media screen and (max-width: 768px) {
    .sectiontit_1 {
        margin-bottom: 0.4rem;
        margin-bottom: 0.7rem
    }

    .sectiontit_1 .tit {
        font-size: 0.48rem;
        font-size: 0.38rem;
        font-weight: 500;
        color: #333333;
        text-align: center;
        line-height: 0.43rem;
        margin-bottom: 0.39rem;
        margin-bottom: 0.3rem;
        margin-bottom: 0.2rem;
        margin-top: 0.7rem
    }

    .sectiontit_1 .img {
        display: none
    }

    .sectiontit_1 .tip {
        color: #999999;
        text-align: center;
        font-size: 0.3rem;
        line-height: 0.36rem
    }
}

.sectiontit_1 .tit {
    margin-top: 0.8rem
}

@media screen and (max-width: 768px) {
    .sectiontit_1 .tit {
        margin-top: 0.7rem
    }
}

.sectiontit_1 .tip {
    font-size: 0.26rem
}

.zzb-indexbanner {
    width: 100%;
    background: white
}

.zzb-indexbanner .nav {
    border-bottom: #00a0e9 solid 1px;
    background: none;
    position: absolute;
    width: 100%;
    z-index: 9999999
}

.zzb-indexbanner .nav .navbox {
    height: 1.6rem;
    height: 1.5rem;
    height: 1.45rem;
    width: 12rem;
    padding: 0.2rem 0 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row
}

.zzb-indexbanner .nav .navbox .logo {
    width: 0.97rem;
    height: 1.22rem;
    margin-right: 0.6rem
}

.zzb-indexbanner .nav .navbox .navmain {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.zzb-indexbanner .nav .navbox .navmain .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.24rem;
    font-weight: bold;
    color: white
}

.zzb-indexbanner .nav .navbox .navmain .top p img {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.15rem
}

.zzb-indexbanner .nav .navbox .navmain .top p span {
    font-size: 0.24rem;
    font-weight: bold;
    color: white
}

.zzb-indexbanner .nav .navbox .navmain .top .img img {
    display: inline;
    margin-right: 0.15rem
}

.zzb-indexbanner .nav .navbox .navmain .btm {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.14rem
}

.zzb-indexbanner .nav .navbox .navmain .btm a {
    color: white;
    font-size: 0.16rem
}

.zzb-indexbanner .bannerbox {
    position: relative
}

.zzb-indexbanner .bannerbox .swiperbox {
    z-index: 999;
    width: 15.56rem;
    width: 80%;
    height: 2.54rem;
    height: auto;
    margin: 0 auto;
    padding: 0.4rem;
    box-sizing: border-box;
    position: absolute;
    transform: translate(-50%, 0%);
    transform: translate(-50%, -2%);
    left: 50%;
    bottom: 0;
    background: rgba(16, 9, 100, 0.5);
    background: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.35);
    border-radius: 0.3rem 0.3rem 0px 0px
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide img {
    border-radius: 0.2rem;
    filter: blur(1.5px);
    transition: all 0.2s linear
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: burlywood
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide img:hover {
    filter: blur(0px)
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg {
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg:hover .content666 {
    top: 1.6rem;
    top: 2rem
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg:hover .content777 {
    bottom: 0
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg:hover img {
    filter: blur(0px)
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg img {
    border-radius: 0 !important;
    filter: blur(1px);
    transition: all 0.25s linear
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 {
    position: absolute;
    width: 100%;
    height: auto;
    height: 100%;
    padding: 0.2rem;
    background: rgba(16, 9, 100, 0.3);
    background: none;
    color: white;
    top: 0;
    transition: all 0.25s linear;
    display: flex;
    flex-direction: row
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .icon {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.1rem;
    margin-top: auto
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .icon img {
    width: 0.4rem;
    height: 0.4rem;
    width: 0.32rem;
    height: 0.32rem
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .tip {
    margin-top: auto
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .tip p {
    font-size: 0.16rem
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .tip span {
    font-size: 0.12rem;
    overflow: hidden;
    display: block;
    height: 0.2rem
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 0.45rem;
    color: white;
    font-size: 0.16rem;
    padding: 0.12rem 0.2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -0.6rem;
    transition: all 0.3s linear
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .name {
    display: flex;
    flex-direction: row
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .name .img {
    width: 0.2rem;
    display: block;
    margin-right: 0.1rem
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .name .img img {
    display: block
}

.zzb-indexbanner .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .arrow img {
    display: block
}

.zzb-phonenavbar111 {
    display: none
}

@media screen and (max-width: 768px) {
    .zzb-phonenavbar111 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: fixed;
        top: 0;
        background: #dcdcdc;
        background: rgba(0, 71, 156, 0);
        padding: 0.22rem 0.29rem 0.09rem;
        z-index: 999999;
        width: 100%;
        /* border-bottom: rgba(0, 160, 233, 0.5) solid 1px; */
        transition: background-color 0.2s ease
    }

    .zzb-phonenavbar111 .logo {
        width: 0.66rem;
        height: 0.83rem
    }

    .zzb-phonenavbar111 .logo img {
        width: 90%;
        height: 90%
    }

    .zzb-phonenavbar111 .content {
        width: auto !important;
        margin-left: 0 !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .zzb-phonenavbar111 .content div img {
        width: 0.24rem;
        height: 0.24rem;
        margin-right: 0.1rem
    }

    .zzb-phonenavbar111 .content div span {
        font-size: 0.22rem;
        color: white;
        font-weight: bold
    }

    .zzb-phonenavbar111 .navbtn {
        position: relative;
        width: 0.5rem;
        height: 0.5rem;
        margin-top: 0.1rem
    }

    .zzb-phonenavbar111 .navbtn::before {
        font-family: "FontAwesome";
        content: "\f0c9";
        font-size: 0.5rem;
        display: block;
        color: gray;
        position: absolute
    }

    .navShow .zzb-phonenavbar111 {
        background: #00479c !important
    }

    .zzb-phonenavbar111.blue {
        background: white !important
    }
}

.btm>li {
    position: relative;
    padding-bottom: 0.2rem
}

.btm>li ul {
    position: absolute;
    margin-top: 0.2rem;
    margin-top: 0.21rem;
    width: 1.25rem;
    max-height: 0;
    overflow: hidden;
    transform: translate(-50%, 0);
    left: 50%;
    transition: max-height 0.3s
}

.btm>li ul li {
    padding: 0.15rem 0.2rem;
    padding: 0;
    font-size: 0.14rem;
    text-align: center;
    background: #fafafa;
    color: #00479d;
    border-bottom: #eee solid 1px
}

.btm>li ul li a {
    display: block;
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem
}

.btm>li:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    width: 0.56rem;
    height: 3px;
    background-color: #0542a5;
    left: 50%;
    transform: translate(-50%, 0)
}

.btm>li:hover a {
    color: #0542a5 !important
}

.btm>li:hover ul {
    max-height: 4rem
}

.btm>li ul li:hover {
    background: #00a0e9;
    color: white;
    cursor: pointer
}

.morebtnbox {
    width: 100%;
    padding: 0.8rem 0
}

@media screen and (max-width: 768px) {
    .morebtnbox {
        padding: 0.7rem 0
    }

    .morebtnbox .morebtn {
        padding: 0;
        width: 2.15rem;
        height: 0.65rem;
        background: #1c99e9;
        border-radius: 0.1rem;
        font-size: 0.28rem;
        line-height: normal
    }
}

.zzb-indexbanner.otherpage-header {
    width: 100%;
    background: white
}

.zzb-indexbanner.otherpage-header .nav {
    border-bottom: none;
    background: none;
    position: absolute;
    width: 100%;
    z-index: 9999999
}

.zzb-indexbanner.otherpage-header .nav .navbox {
    height: 1.6rem;
    height: 1.5rem;
    height: 1.45rem;
    width: 12rem;
    padding: 0.2rem 0 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row
}

.zzb-indexbanner.otherpage-header .nav .navbox .logo {
    width: 0.97rem;
    height: 1.22rem;
    margin-right: 0.6rem
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.24rem;
    font-weight: bold;
    color: white
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .top p img {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.15rem
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .top p span {
    font-size: 0.24rem;
    font-weight: bold;
    color: white;
    color: #0542a5
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .top .img img {
    display: inline;
    margin-right: 0.15rem
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .btm {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.14rem
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .btm a {
    color: white;
    color: #626262;
    font-size: 0.16rem
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .btm a li a {
    display: block;
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem
}

.zzb-indexbanner.otherpage-header .bannerbox {
    position: relative
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox {
    width: 15.56rem;
    width: 80%;
    height: 2.54rem;
    height: auto;
    margin: 0 auto;
    padding: 0.4rem;
    box-sizing: border-box;
    position: absolute;
    transform: translate(-50%, 0%);
    transform: translate(-50%, -2%);
    left: 50%;
    bottom: 0;
    background: rgba(16, 9, 100, 0.5);
    background: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.35);
    border-radius: 0.3rem 0.3rem 0px 0px
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide img {
    border-radius: 0.2rem;
    filter: blur(1.5px);
    transition: all 0.2s linear
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: burlywood
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide img:hover {
    filter: blur(0px)
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg {
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg:hover .content666 {
    top: 1.6rem;
    top: 2rem
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg:hover .content777 {
    bottom: 0
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg:hover img {
    filter: blur(0px)
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg img {
    border-radius: 0 !important;
    filter: blur(1px);
    transition: all 0.25s linear
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 {
    position: absolute;
    width: 100%;
    height: auto;
    height: 100%;
    padding: 0.2rem;
    background: rgba(16, 9, 100, 0.3);
    background: none;
    color: white;
    top: 0;
    transition: all 0.25s linear;
    display: flex;
    flex-direction: row
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .icon {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.1rem;
    margin-top: auto
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .icon img {
    width: 0.4rem;
    height: 0.4rem;
    width: 0.32rem;
    height: 0.32rem
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .tip {
    margin-top: auto
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .tip p {
    font-size: 0.16rem
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content666 .tip span {
    font-size: 0.12rem;
    overflow: hidden;
    display: block;
    height: 0.2rem
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 0.45rem;
    color: white;
    font-size: 0.16rem;
    padding: 0.12rem 0.2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -0.6rem;
    transition: all 0.3s linear
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .name {
    display: flex;
    flex-direction: row
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .name .img {
    width: 0.2rem;
    display: block;
    margin-right: 0.1rem
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .name .img img {
    display: block
}

.zzb-indexbanner.otherpage-header .bannerbox .swiperbox .mySwiper4 .swiper-slide .imgBg .content777 .arrow img {
    display: block
}

.otherpagebanner {
    width: 100%
}

.otherpagebanner img {
    width: 100%;
    height: auto;
    display: block
}

.otherpage-headerHeight {
    height: 1.45rem;
    background-color: white
}

@media screen and (max-width: 768px) {
    .otherpage-headerHeight {
        height: 1.16rem;
        height: 1.08rem
    }
}

@media screen and (max-width: 768px) {
    .otherpagebanner {
        width: 100%;
        height: 2.5rem;
        height: 3.5rem
    }

    .otherpagebanner img {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover
    }
}

body.navShow .g-nav2 {
    opacity: 1;
    visibility: visible;
    padding-bottom: 0.16rem;
    border-radius: 0.1rem
}

.g-nav2 {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../image/nav-bg.jpg) center no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease
}

.g-nav2 {
    background: white;
    overflow-y: auto
}

.g-nav2 .scroll {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0.13rem;
    bottom: 0;
    overflow-y: auto
}

.g-nav2 .scroll {
    position: static;
    padding-top: 0.22rem;
    padding-top: 1.1rem
}

.g-nav2 .scroll ul {
    margin: 0 auto
}

.g-nav2 .scroll li {
    width: 100%;
    text-align: left;
    padding-top: 0;
    color: black;
    border-bottom: rgba(255, 255, 255, 0.13) solid 1px
}

.g-nav2 .scroll li h2 {
    font-size: 0.06rem;
    line-height: 0.16rem;
    padding-left: 0.08rem;
    position: relative;
    font-size: 0.36rem;
    line-height: 1rem;
    padding-left: 0.29rem;
    position: relative;
    color: #313131
}

.g-nav2 .scroll li h2::before {
    font-family: "FontAwesome";
    margin-right: 0.16rem;
    color: #7d7d7d;
    transition: all 0.3s
}

.g-nav2 .scroll li.on h2::before {
    color: #01479d
}

.g-nav2 .scroll li .list {
    display: none;
    background: #f8f8f8
}

.g-nav2 .scroll li .list h3 {
    font-size: 0.05rem;
    line-height: 0.15rem;
    border-top: rgba(255, 255, 255, 0.13) solid 0.01rem;
    font-size: 0.3rem;
    line-height: 0.96rem;
    padding-left: 0.5rem;
    font-family: auto;
    border-bottom: 1px solid #f3f3f3
}

.g-nav2 .scroll li .list h3::before {
    content: "·";
    color: #7d7d7d;
    padding-right: 0.16rem
}

.g-nav2 .scroll li .list h3>a {
    color: #7d7d7d;
    width: 100%;
    display: inline-block
}

.g-nav2 .scroll li h2.h2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0.08rem;
    font-size: 0.05rem;
    font-family: "FontAwesome";
    content: "\f107";
    color: #999999;
    right: 0.5rem;
    right: 0.32rem;
    font-size: 0.3rem;
    transition: All 0.5s ease
}

.g-nav2 .scroll li.on h2.h2:after {
    color: #01479d
}

@media screen and (max-width: 768px) {
    .zzb-top {
        height: 0.96rem
    }

    .zzb-top .logo {
        width: 1.93rem;
        min-width: 97px
    }

    .zzb-top .navA:after {
        font-size: 0.46rem
    }

    .zzb-top.cur .logo {
        width: 1.28rem
    }
}

.pc-show {
    display: block
}

.mobile-show {
    display: none
}

@media screen and (max-width: 768px) {
    .pc-show {
        display: none
    }

    .mobile-show {
        display: block
    }
}

@media screen and (max-width: 768px) {
    .zzb-footer .footer-content .f-center>.mobile-show {
        color: #556fb5;
        margin-bottom: 0.6rem
    }

    .zzb-footer .footer-content .f-center>.mobile-show span {
        text-align: center;
        font-size: 0.26rem;
        margin-bottom: 0.15rem
    }

    .zzb-footer .footer-content .f-center>.mobile-show span span {
        margin-bottom: 0
    }

    .zzb-footer .footer-content .f-center>.mobile-show p {
        font-size: 0.36rem
    }

    .zzb-footer .footer-content .f-center>.img {
        width: 1.68rem;
        height: 1.68rem
    }

    .zzb-footer .footer-content .f-center p {
        font-size: 0.24rem;
        text-align: center
    }

    .zzb-footer .footer-content .f-right {
        font-size: 0.24rem
    }

    .zzb-footer .footer-content .f-right p {
        font-size: 0.24rem;
        line-height: 0.36rem
    }

    .zzb-footer .footer-content .f-right p a {
        font-size: 0.24rem
    }

    .zzb-footer .footer-content .f-center {
        margin-bottom: 0.6rem;
        margin-top: 0.55rem
    }

    .g-nav2 .scroll li h2 {
        font-size: 0.26rem;
        height: 0.85rem;
        line-height: 0.85rem
    }

    .g-nav2 .scroll li .list h3 {
        font-size: 0.24rem;
        line-height: 0.72rem;
        height: 0.72rem;
        display: flex
    }
}

.g-nav2 .scroll {
    position: relative
}

.g-nav2 .scroll::after {
    content: "1";
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.7;
    z-index: 9999999999;
    pointer-events: none;
    transition: all 0.3s
}

body.navShow {
    overflow: hidden
}

.g-nav2 .scroll ul li:nth-child(1) h2::before {
    content: "\f015"
}

.g-nav2 .scroll ul li:nth-child(2) h2::before {
    content: "\f0ea"
}

.g-nav2 .scroll ul li:nth-child(3) h2::before {
    content: "\f016"
}

.g-nav2 .scroll ul li:nth-child(4) h2::before {
    content: "\f1c0"
}

.g-nav2 .scroll ul li:nth-child(5) h2::before {
    content: "\f2b9"
}

.g-nav2 .scroll ul li:nth-child(6) h2::before {
    content: "\f019"
}

.g-nav2 .scroll ul li:nth-child(7) h2::before {
    content: "\f095"
}

.newsleftbox {
    flex: 0.4
}

.newsleftbox .newshead {
    height: auto;
    border-radius: 0.10rem;
    margin-bottom: 0.30rem
}

.newsleftbox .newsmain {
    margin-bottom: 0
}

.newsleftbox .newsmain .data {
    margin-right: 0.48rem;
    text-align: center;
    flex: 0.2
}

.newsleftbox .newsmain .data .year {
    font-size: 0.24rem;
    color: black
}

.newsleftbox .newsmain .data .month {
    font-size: 0.16rem;
    color: #aaaaaa;
    margin-top: 0.14rem;
    margin-bottom: 0.20rem
}

.newsleftbox .newsmain .data .type {
    font-size: 0.14rem;
    color: white;
    background: #ef8d2b;
    border-radius: 0.05rem;
    width: 0.45rem;
    height: 0.23rem;
    text-align: center;
    line-height: 0.23rem;
    margin: 0 auto
}

.newsleftbox .newsmain .newsdetail {
    width: 3.27rem;
    width: 4.16rem;
    flex: 1
}

.newsleftbox .newsmain .newsdetail .tit {
    font-size: 0.20rem;
    margin-bottom: 0.38rem;
    color: #313131;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsleftbox .newsmain .newsdetail .main {
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #7D7D7D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 768px) {
    .newsleftbox .newsmain {
        margin-bottom: 1.00rem;
        margin-bottom: 0.40rem;
        padding-bottom: 0.40rem;
        border-bottom: 0.01rem solid #F5F5F5
    }

    .newsleftbox .newsmain .data {
        padding-right: 0.30rem;
        margin-right: 0.48rem;
        text-align: center;
        flex: 0.2
    }

    .newsleftbox .newsmain .data .year {
        font-size: 0.32rem
    }

    .newsleftbox .newsmain .data .month {
        font-size: 0.26rem
    }

    .newsleftbox .newsmain .data .type {
        width: 0.68rem;
        height: 0.35rem;
        line-height: 0.31rem;
        font-size: 0.24rem
    }

    .newsleftbox .newsmain .newsdetail .tit {
        margin-bottom: 0.39rem;
        font-size: 0.28rem
    }

    .newsleftbox .newsmain .newsdetail .main {
        font-size: 0.24rem;
        line-height: 0.36rem
    }
}

.zzb-indexbanner .nav .navbox .navmain .btm li>ul li a {
    color: #00479D !important
}

.zzb-indexbanner .nav .navbox .navmain .btm li>ul li:hover a {
    color: white !important
}

.content-main {
    padding-bottom: 0.3rem
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain>.btm>li.list_item_isThisPage>a {
    color: #0542a5 !important
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain>.btm>li.list_item_isThisPage::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    width: 0.56rem;
    height: 3px;
    background-color: #0542a5;
    left: 50%;
    transform: translate(-50%, 0)
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .top p span {
    color: #0167A9
}

.btm>li:hover a {
    color: #00A0E9
}

.btm>li:hover::after {
    background-color: #00A0E9
}

.zzb-indexbanner .nav {
    border-bottom: 1px solid rgba(126, 206, 244, 0.4)
}

.margin-morebtnbox {
    padding-bottom: 0.8rem !important
}

@media screen and (max-width: 768px) {
    .margin-morebtnbox {
        padding-bottom: 0.7rem !important
    }
}

.sectiontit_1 .tit {
    font-size: 0.3rem
}

.sectiontit_1 .tip {
    font-size: 0.18rem
}

@media screen and (max-width: 768px) {
    .sectiontit_1 .tit {
        font-size: 0.36rem
    }

    .sectiontit_1 .tip {
        font-size: 0.24rem
    }
}

.btm>li:hover a {
    color: #00A0E9 !important
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .btm {
    width: 72%
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .btmbox>.input {
    width: 22%
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .btmbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.keywords img {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: 0.39rem
}

.graysearch .input {
    border-radius: 1.09rem
}

.graysearch .tosearchicon {
    background: none;
    color: white
}

.graysearch .tosearchicon .search-icon {
    width: 1rem;
    height: 1rem;
    margin-left: 1rem
}

.input .search_btn {
    background: none !important
}

.search .input {
    background: #FFFFFF;
    border-radius: .3125rem;
    display: flex;
    align-items: center;
    border-radius: .3125rem;
    overflow: hidden
}

.graysearch .input {
    width: 2.2rem;
    border: none
}

.graysearch>.input>form input {
    border: none;
    padding-right: 0;
    border-radius: 100px
}

.graysearch>.input>form .input {
    border: 1.5px solid #dcdcdc;
    border-radius: 100px
}

.search_input {
    height: 0.3rem !important
}

.input .search_btn {
    height: 0.3rem !important
}

.input .search_btn img {
    width: 0.15rem;
    height: 0.15rem
}

@media screen and (max-width: 768px) {
    .g-nav2 .scroll li .list>div>div {
        height: auto;
        display: flex;
        flex-direction: column
    }

    .g-nav2 .scroll li .list>div>div>a {
        height: 0.6rem;
        line-height: 0.6rem;
        padding-left: 0.9rem;
        font-size: 0.2rem;
        color: #7d7d7d;
        font-family: Microsoft YaHei
    }
}

.btm>li ul li {
    text-align: left;
    padding-left: 0.25rem;
    padding-right: 0.25rem
}

.zzb-indexbanner.otherpage-header .nav .navbox .navmain .btm a {
    white-space: nowrap
}

.btm>li ul {
    width: auto
}

.zzb-indexbanner .nav .navbox .navmain .btm li>ul li a {
    white-space: nowrap
}