body {
    background: black;
}

.centerBox {
    width: 1200rem;
}


/*导航*/
.navTopBox {
    height: 144rem;
}

.navPeople > .navBox ul li a {
    height: 144rem;
    line-height: 144rem;
}

/*banner*/
.bannerBox img {
    display: block;
    width: 100%;
}

/*图表行*/
.echartsHang {
    background: url("./../images/bg-right.jpg") no-repeat;
    background-size: 100% 100%;
    height: 640rem;
    padding-top: 64rem;
    box-sizing: border-box;
}

.dataBox {
    width: 390rem;
    margin-right: 45rem;
    float: left;
}

#dataEcharts,
#dataEcharts2 {
    width: 380rem;
    height: 434rem;
}

.wordBox {
    width: 450rem;
    float: left;
}

#wordEcharts {
    width: 450rem;
    height: 424rem;
    border-radius: 120rem;
    overflow: hidden;
    box-shadow: 0px 0px 15px -1px #d8d8d8;
}

.paperImg {
    width: 296rem;
    float: right;
}

.paperImg a {
    display: block;
}

.paperImg a img {
    width: 100%;
    height: 424rem;
    padding: 8rem;
    border: 1rem solid #BAD3FF;
    box-sizing: border-box;
}

/*新闻1行*/
.news1Hang {
    height: 666rem;
    background: url("./../images/bg-news.jpg") no-repeat;
    background-size: 100% 100%;
    padding-top: 48rem;
    box-sizing: border-box;
}

.news1Hang .indexHead h4:hover em,
.news1Hang .indexHead h4:hover span,
.news1Hang .indexHead > a:hover {
    color: #9DEAFF !important;
}

.indexHead .tabHead {
    overflow: hidden;
}

.indexHead .tabHead div {
    margin-right: 48rem;
    color: #ffffff;
    font-size: 24rem;
    cursor: pointer;
    float: left;
}

.indexHead .tabHead div h4 {
    font-size: 24rem;
    font-weight: normal;
    color: #ffffff;
}

.indexHead .tabHead div h4 em {
    display: inline-block;
}

.indexHead .tabHead div h4 em,
.indexHead .tabHead div h4 span {
    color: #ffffff;
    padding-top: 28rem;
    line-height: 36rem;
}

.indexHead .tabHead div h4 span {
    vertical-align: bottom;
}

.indexHead div h4:hover em,
.indexHead div h4:hover span,
.indexHead div h5:hover,
.indexHead div h5:hover span,
.indexHead div h5:hover span {
    color: #0151E5 !important;
}

.indexHead .tabHead div p {
    display: none;
}

.indexHead .tabHead div.current em {
    background: url("./../images/imgNewsTop.png") no-repeat;
    background-size: 100% 12rem;
}

.indexHead .tabHead div.current h4 {
    font-weight: 600;
}

.indexHead .tabHead div.current span,
.indexHead .tabHead div.current p {
    display: inline-block;
}

.imgNewsBox {
    display: flex;
    overflow: hidden;
}

.imgNewsBox .firstBox {
    flex: 1;
    overflow: hidden;
}

.imgNewsBox .firstBox a {
    display: block;
    width: 100%;
}

.imgNewsBox .firstBox a img {
    width: 100%;
    height: 392rem;
    margin-bottom: 16rem;
    object-fit: cover;
}

.imgNewsBox .imgList {
    flex: 1;
    overflow: hidden;
    margin-left: 24rem;
}

.imgNewsBox .imgList a {
    width: 282rem;
    display: block;
    margin-right: 24rem;
    margin-bottom: 36rem;
    float: left;
}

.imgNewsBox .imgList a:nth-child(2n) {
    margin-right: 0;
}

.imgNewsBox .imgList a img {
    width: 100%;
    display: block;
    height: 158rem;
    object-fit: cover;
    margin-bottom: 16rem;
}

.imgNewsBox a p {
    font-size: 18rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*新闻2行*/
.news2Hang {
    height: 824rem;
    background: #ffffff;
    padding-top: 64rem;
    box-sizing: border-box;
}

.newsList {
    display: flex;
    flex: 1;
}

.newsList .listBox {
    width: 282rem;
}

.newsList .listBox > a {
    display: block;
}

.newsList .listBox > a img {
    width: 100%;
    height: 158rem;
    border-radius: 4rem;
    object-fit: cover;
}

.newsList .listBox ul {
}

.newsList .listBox ul li {
    padding: 15rem 0;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1rem solid #DDDDDD;
}

.newsList .listBox ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.newsList .listBox ul li a {
    font-size: 18rem;
    font-weight: 600;
    color: #333333;
    line-height: 25rem;
    text-align: justify;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10rem;
}

.newsList .listBox ul li p {
    font-size: 14rem;
    color: #999999;
    line-height: 20rem;
    height: 40rem;
    text-align: justify;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsList .centerImgBox {
    flex: 1;
    overflow: hidden;
    margin: 0 24rem;
    border-left: 1rem solid #DDDDDD;
    border-right: 1rem solid #DDDDDD;
    border-radius: 12rem 12rem 0 0;
}

.artMessBoxBox {
    padding: 0 25rem;
    box-sizing: border-box;
}

.artMessBoxBox > h5 {
    font-size: 20rem;
    line-height: 27rem;
    height: 54rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 16rem;
    text-align: center;
}

.artMessBoxBox > p {
    font-size: 16rem;
    color: #999999;
    line-height: 22rem;
    height: 66rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
    margin-bottom: 39rem;
}

.artMessBoxBox > p a:hover {
    color: #333333 !important;
}

.centerImgBox .swiper-slide img {
    width: 100%;
    height: 392rem;
    border-radius: 12rem;
    display: block;
}

.centerImgBtn {
    display: flex;
    overflow: hidden;
    height: 32rem;
    padding: 0 15rem 0 25rem;
}

.centerImgBtn div {
    background: transparent;
    position: initial;
}

.centerImgBtn div img {
    width: 32rem;
    height: 32rem;
    cursor: pointer;
}

.centerImgBtn .indexBtn {
    flex: 1;
    overflow: hidden;
    text-align: center;
    padding-top: 10rem;
}

.swiper-pagination-bullet {
    width: 8rem;
    height: 8rem;
    margin-right: 8rem;
    background: #999999;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #0056E6;
    width: 32rem;
    border-radius: 8rem;
}

/*科普视频*/
.videoHang {
    height: 470rem;
    padding-top: 64rem;
    background: url("./../images/bg-video.jpg") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.videoHang .indexHead h5 a {
    color: #ffffff;
}

.videoHang .indexHead h5:hover a,
.videoHang .indexHead > a:hover,
.videoTitle:hover {
    color: #9DEAFF !important;
}

.video-prev,
.video-next {
    display: block;
    position: absolute;
    width: 80rem;
    height: 80rem;
    line-height: 80rem;
    text-align: center;
    background: rgba(255, 255, 255, .6);
    border-radius: 50%;
    color: #2e2c2c;
    top: 68rem;
    z-index: 10;
    cursor: pointer;
}

.video-prev i,
.video-next i {
    font-size: 35rem;
    color: #2e2c2c;
    line-height: 80rem;

}

.video-prev {
    left: -100rem;
}

.video-next {
    right: -100rem;
}

.twoLine h5 {
    color: #ffffff;
    margin-bottom: 16rem;
}

/*.videoBtn {*/
/*    display: flex;*/
/*    overflow: hidden;*/
/*}*/

/*.videoBtn i {*/
/*    color: #ffffff;*/
/*    font-size: 20rem;*/
/*}*/

/*科普图片*/
.imgHang {
    background: url("./../images/bg-left.jpg") no-repeat;
    background-size: 100% 100%;
    height: 690rem;
    padding-top: 56rem;
    box-sizing: border-box;
}

/*底部*/
.bottomBox {
    padding-top: 54rem;
    background: url("./../images/bg-bottom.jpg") no-repeat;
    background-size: 100% 100%;
}

/*相关链接*/
.linkBox {
    overflow: hidden;
    padding-top: 25rem;
    margin-bottom: 16rem;
}

.linkBox h5 {
    font-size: 16rem;
    color: #FFFFFF;
    margin-bottom: 10rem;
    font-weight: normal;
}

.linkBox a {
    font-size: 14rem;
    color: #FFFFFF;
    margin-right: 20rem;
    margin-bottom: 5rem;
    line-height: 30rem;
    display: block;
    float: left;
}

.linkBox a:hover {
    color: #9DEAFF !important;
}

/*版权*/
.footerBox {
    background: transparent;
    padding-top: 0;
    padding-bottom: 20rem;
}

.footerBox p {
    color: #ffffff;
}

.footerBox p a {
    color: #ffffff;
}

.footerBox p a:hover {
    color: #9DEAFF !important;
}

/*浮动图标*/
.floatImg {
    width: 160rem;
    position: fixed;
    right: 100rem;
    bottom: 140rem;
    z-index: 100;
}

.floatImg img {
    display: block;
    width: 100%;
    border-radius: 10rem;
}