@charset "UTF-8";
@import url("/css/animate.css");
a:hover{
    color: #4257cc;
}
.swiper-container1,
.swiper-container2{
    overflow: hidden;
}


.zx_container1{
    background-color: #fff;
    height: 370px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 29px 0px rgba(4, 0, 0, 0.09);
}
.zx_container1 .swiper-slide{
    display: flex;
}
.zx_container1 .pic_box{
    width: 660px;
    height: 370px;
}
.zx_container1 img {
    width: 100%;
    height: 100%;
}
.zx_container1 .text_box{
    width: 540px;
    box-sizing: border-box;
    padding: 40px 30px;
}
.zx_container1 .text_box a{
    display: block;
    font-size: 24px;
    margin-bottom: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zx_container1 .text_box p{
    font-size: 18px;
    line-height: 32px;
    text-align: justify;
}

.zx_container1 .swiper-pagination{
    position: relative;
    bottom: 60px;
    left: 830px;
    width: 200px
}

.zx_container1 .swiper-pagination-bullet{
    width: 50px;
    height: 4px;
    border-radius: 0;
}

/* 政务要闻 */
.zx_yaowen {
    height: 120px;
    margin-top: 32px;
    background-color: #4257cc;
    box-shadow: 0px 2px 29px 0px rgba(4, 0, 0, 0.09);
    position: relative;
    display: flex;
    margin-bottom: 20px;
    background: url(/images/toutiao_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.zx_yaowen .touzi_link {
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    box-sizing: border-box;
    align-content: center;
    margin: 0 20px;
    align-items: center;
    padding-left: 20px;
}


.zx_yaowen .touzi_link a {
    font-size: 22px;
    color: #fff;
    display: block;
    font-weight: 700;
}
.zx_yaowen .touzi_link::after{
    content: "";
    border-left: 4px solid #00BA6B;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -63px;
}
.zx_yaowen ul {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    padding-right: 22px;
}

.zx_yaowen ul li {
    display: flex;
    font-size: 18px;
    margin: 0;
    padding: 8px 0;
    width: 48%;
    justify-content: space-between;
    align-items: center;
}

.zx_yaowen ul li a {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    color: #fff;
    font-size: 18px;
}
.zx_yaowen ul li a:hover{
    opacity:0.8
}
.zx_yaowen ul li span {
    width: 94px;
    font-size: 16px;
    color: #fff;
}


.zx_container2,
.zx_container3,
.zx_container4{
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}


.fff_box{
    box-shadow: 0px 2px 29px 0px rgba(4, 0, 0, 0.09);
    background-color: #fff;
    box-sizing: border-box;
    padding: 24px;
}
.zw_fff_box_l{
    width: 740px;
    height: 340px;
}
.zw_fff_box_r{
    width: 440px;
    height: 340px;
}
.zw_fff_box_r .zx_main ul li a{
    margin-right: 0;
}

/* 列表 */
.zx_title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.zx_title h2{
    font-size: 22px;
    font-weight: 700;
    position: relative;

}
.zx_title h2::after{
    content: "";
    border-left: 16px solid #00BA6B;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: -16px;
}
.zx_title i{
    font-size: 20px;
    color: #ADADAD;
    font-weight: 700;
}

.zx_main ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 48px;
}
.zx_main ul li a{
    flex: 1;
    font-size: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
}
.zx_main ul li span{
    font-size: 14px;
    display: block;
    width: 80px;
}


/* 高新视频 */
.zx_video .video{
    width: 392px;
    height: 180px;
    position: relative;
}
.zx_video .video img:first-child{
    width: 100%;
    height: 100%;
}
.zx_video .play{
    position: absolute;
    top: 52px;
    left: 156px;
}
.zx_video p{
    /* display: none; */
    line-height: 40px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zx_container3{
    margin-bottom: 40px;
}
.zx_container3 .swiper-pagination{
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 200px;
    margin: 0 auto;
}

.zx_container3 .swiper-pagination-bullet{
    width: 35px;
    height: 4px;
    border-radius: 0;
}

/* 科技向导报/专题报道 */
.zx_container4{
    background-color: #f7f7f7;
    width: 100%;
    height: 540px;
    box-sizing: border-box;
    padding-top: 43px;
    margin-bottom: 0;
}
.zx_container4 .container{
    display: flex;
    justify-content: space-between;
}
.zx_container4  .zw_fff_box_l,
.zx_container4  .zw_fff_box_r{
    height: 460px;
}
/* 科技向导报 */
.zx_container4 .zw_fff_box_l{
    position: relative;
}
.zx_container4 .mask{
    width: 100%;
    height: 280px;
    background-color: #5c70d1;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.zx_container4 .zx_main{
    position: relative;
    z-index: 9;
    top: 27px;
}
.zx_container4 .keji_pic_list{
    display: flex;
    justify-content: space-between;
}
.zx_container4 .keji_pic a{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.zx_container4 .keji_pic a:hover{
    opacity: 0.7;
}
.zx_container4 .keji_pic img {
    width: 204px;
    height: 285px;
    margin-bottom: 10px;
}
/* 专题报道 */
.zx_container4 .zw_fff_box_r .zt_pic{
    height: 150px;
    margin-bottom: 20px;
    border: 1px solid #F1F1F1;
    padding: 16px 14px;
    box-sizing: border-box;
}
.zx_container4 .zw_fff_box_r .zt_pic img {
    width: 100%;
    height: 100%;
}

/* 融媒体中心 */
.zx_container5{
    width: 100%;
    /* height: 420px; */
    background-color: #fafafa;
    background: url(/images/rmt_bg.png);
    /* background-color: #475bcc; */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1920px;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 30px;
}
.zx_container5 .zx_title h2{
    color: #fff;
    font-size: 28px;
}
.zx_container5  ul {
    display: grid;
    grid-template-columns: repeat(7, 140px);
    justify-content: space-between;
    grid-gap: 20px;
    margin-top: 60px;
}

.zx_container5  ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    /* margin-right: 20px; */
}

.zx_container5  ul li .rmt_img_box {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    outline: 8px solid rgba(255, 255, 255, 0.4);
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 16px;
}

.zx_container5  ul li img {
    width: 100%;
    height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.zx_container5  ul li img.rm_qrCode {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.zx_container5  ul li img:first-child {
    opacity: 1;
}

.zx_container5  ul li:hover img.rm_qrCode {
    opacity: 1;
}

.zx_container5  ul li:hover img:first-child {
    opacity: 0;
}

.zx_container5  ul li:hover .rmt_img_box {
    border-radius: 0;
    outline: none;
}

.zx_container5  ul li p {
    /* position: absolute; */
    color: #fff;
    text-align: center;
}


@media screen and (max-width: 768px) {
    /* 1 */
    .zx_container1{
        height: auto;
        margin-bottom: 14px;
    }
    .zx_container1 .swiper-slide{
        display: block;
    }
    .zx_container1 .pic_box{
        width: 100%;
        overflow: hidden;
        height: 210px;
    }
    .zx_container1 img{
        width: 100%;
        height: auto;
    }
    .zx_container1 .text_box{
        width: 100%;
        padding: 16px 14px;
    }
    .zx_container1 .text_box a{
        font-size: 1.25rem;
        margin-bottom: 10px;
    }
    .zx_container1 .text_box p{
        font-size: .875rem;
        line-height: 1.8em;
    }
    .zx_container1 .swiper-pagination{
        bottom: 10px;
        left: 0;
        width: 100%;
    }
    /* 政务要闻 */
    .zx_yaowen {
        margin-top: 0;
        height: auto;
        padding: 16px 14px;
        margin-bottom: 14px;
        overflow: hidden;
        display: block;
        
    }
    .zx_yaowen .touzi_link{
        margin: 0;
        padding: 0;
        justify-content: flex-start;
    }
    .zx_yaowen .touzi_link a {
        font-size: 1.375rem;
        position: relative;
        margin-bottom: 30px;
    }
    .zx_yaowen .touzi_link a::after{
        content: "";
        border-left: 16px solid #00BA6B;
        height: 3px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        left: 0;
        bottom: -16px;
    }
    .zx_yaowen .touzi_link::after{
        content: none; 
    }
    .zx_yaowen ul {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .zx_yaowen ul li {
        width: 100%;
        line-height: 48px;
        padding: 0;
    }
    .zx_yaowen ul li a{
        padding-right: 0;
    }
    
    /* 通用列表 */
    .zw_fff_box_l,
    .zw_fff_box_r{
        width: 100%;
        height: auto;
        margin-bottom: 14px;
        padding: 16px 14px;
    }
    .zx_container2,
    .zx_container3{
        display: block;
    }
    .zx_title h2{
        font-size: 1.375rem;
    }
    .zx_title i{
        font-size: 1.25rem;
    }

    /* 高新视频 */
    .zx_container3{
        margin-bottom: 0px;
    }
    .zx_video .video{
        width: 100%;
        height: 160px;
        overflow: hidden;
        /* height: 210px; */
    }
    .zx_video .play{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .zx_video .video img:first-child{
        height: auto;
    }
    
    /* 科技向导报 */
    .zx_container4 {
        padding-top: 14px;
    }
    .zx_container4 .container{
        display: block;
    }
    .zx_container4,.zx_container4 .zw_fff_box_l, .zx_container4 .zw_fff_box_r{
        height: auto;
        width: 100%;
    }
    .zx_container4 .mask{
        display: none;
    }
    .zx_container4 .zx_main{
        position: initial;
    }
    .keji_pic{
        width: 48%;
    }
    .zx_container4 .keji_pic img{
        width: 100%;
        height: auto;
    }
    .zx_container4 .keji_pic_list .keji_pic:last-child{
        display: none;
    }
    .zx_container4 .keji_pic a{
        color: #000;
        font-size: .875rem;
    }
    
    /* 专题报道 */
    .zx_container4 .zw_fff_box_r .zt_pic:last-child{
        margin-bottom: 0;
    }

    /* 融媒体中心 */
    .zx_container5{
        height: auto;
        padding: 16px 20px;
        background-size: cover;
        margin-top: 14px;
    }
     .zx_container5 ul {
        grid-template-columns: repeat(3, 110px);
        justify-content: space-evenly;
    }
    .zx_container5 ul li .rmt_img_box{
        width: 66px;
        height: 66px;
    }
}