.fl {
    float: left;
}

.nav {
    margin: 0 auto;
    width: 1270px;
    height: 720px;
}

.nav ul {
    width: 1100px;
    margin: 0 auto;
    padding-top: 680px;
}

.nav li {
    float: left;
    padding: 0 40px;
}

.nav li a {
    font-size: 19px;
    color: aliceblue;
}

.nav li a:hover {
    color: #de3131;
}

.w1270 {
    width: 1270px;
    margin: 40px auto 0;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.toutiao .toutiao_top {
    padding: 25px 120px 35px;
}

.toutiao .toutiao_top img {
    margin-right: 165px;
    vertical-align: text-bottom;
}

.toutiao .toutiao_top b {
    font-size: 28px;
    text-align: center;
}

.toutiao_bottom {
    width: 100%;
    height: 600px;
    padding: 0 30px;
}

.toutiao_bottom_l,
.toutiao_bottom_r {
    float: left;
}

.toutiao_bottom_l {
    width: 790px;
    height: 595px;
    margin-right: 30px;
}

.toutiao_bottom_r {
    width: 380px;
    height: 100%;
}

.toutiao_bottom_r li {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.toutiao_bottom_r li b {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

.toutiao_bottom_r li:hover,
.toutiao_bottom_r li:hover b {
    color: #de3131;
}

.toutiao_bottom_r .gd a {
    font-size: 16px;
    color: #1056a7;
}

.zjxc {
    width: 100%;
    margin-top: 45px;
}

.zjxc_cont {
    padding: 0 30px;
}

.zjxc_cont_l,
.zjxc_cont_z,
.zjxc_cont_r {
    float: left;
}

.zjxc_cont_t,
.zjxc_cont_b {
    position: relative;
    width: 289px;
}

.zjxc_cont_t {
    margin-bottom: 5px;
}

.zjxc_cont_t img,
.zjxc_cont_b img {
    width: 289px;
    height: 168px;
}

.zjxc_cont_z {
    position: relative;
    margin: 0 15px;
}

.zjxc_wz {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #12111189;
    color: #fff;
    font-size: 16px;
    text-indent: 1em;
}

.kpxc_cont_l {
    width: 590px;
    height: 480px;
}


/* 科普宣传 */

.kpxc {
    width: 100%;
}

.four .all-title-box {
    margin-top: 76px;
}

.four .con-four-box {
    height: 480px;
    padding: 0 30px;
}

.four .con-four-box .left {
    width: 590px;
    height: 480px;
    margin-right: 45px;
}

.four .con-four-box .right {
    width: 555px;
    height: 480px;
}

.four .con-four-box .right .r-four-top {
    width: 100%;
    height: 215px;
}

.four .con-four-box .right .r-four-top ul {
    width: 110%;
}

.four .con-four-box .right .r-four-top ul li {
    width: 275px;
    height: 215px;
    float: left;
    margin-right: 40px;
    position: relative;
}

.four .con-four-box .right .r-four-top ul li img {
    width: 100%;
    height: 215px;
}

.four .con-four-box .right .r-four-top ul li:last-child {
    margin-right: 0px;
}

.four .con-four-box .right .r-four-top ul li:after {
    content: '';
    background: url("10010169.png") no-repeat center rgba(0, 0, 0, 0.5);
    background-size: 30%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.four .con-four-box .right .r-four-top ul li:hover:after {
    display: none;
}

.four .con-four-box .right .r-four-bottom {
    width: 100%;
    margin-top: 15px;
}

.four .con-four-box .right .r-four-bottom ul li {
    width: 100%;
    line-height: 35px;
    text-align: left;
    color: #020202;
    font-size: 16px;
    text-indent: 1em;
    position: relative;
}

.four .con-four-box .right .r-four-bottom ul li:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b12121;
}

.four .con-four-box .right .r-four-bottom ul li a {
    color: #020202;
}

.four .con-four-box .right .r-four-bottom ul li a:hover {
    color: #de3131;
}

.four .con-four-box .right .r-four-bottom ul li span {
    font-size: 12px;
    color: #505154;
}


/* 延伸视角 */

.yssj_cont {
    padding: 0 30px;
}

.yssj_cont ul li {
    width: 550px;
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #eeeeee;
}

.yssj_cont ul li a {
    font-size: 18px;
}

.yssj_cont ul li a:hover {
    color: #de3131;
}

.yssj_cont ul li .rq {
    font-size: 16px;
    color: #bfbfbf;
}

.yssj_cont_l {
    margin-right: 80px;
}


/* 历程回溯 */

.lchs_cont {
    padding: 0 30px;
    position: relative;
    width: 1200px;
    height: 635px;
}

.lchs_cont a {
    color: #fff;
    font-size: 16px;
}

.lchs_cont span {
    position: absolute;
}

.lchs_2016 {
    top: 136px;
    left: 689px;
}

.lchs_2017 {
    top: 179px;
    left: 406px;
}

.lchs_2018 {
    top: 248px;
    left: 128px;
}

.lchs_2019 {
    top: 503px;
    left: 126px;
}

.lchs_2020 {
    top: 499px;
    left: 447px;
}

.lchs_2021 {
    top: 476px;
    left: 711px;
}

.lchs_2022 {
    top: 416px;
    left: 975px;
}