﻿@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; }
html, body { width: 100%; height: 100%; }
h1, h2, h3, h4, p { margin: 0; padding: 0; }
span { display: inline-block; }

.paging_tool { height: 17px; line-height: 17px; font-size: 16px; position: relative; text-align: center; padding: 10% 0; }
.paging_tool button { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; height: 17px; line-height: 17px; cursor: pointer; border: none; background: none; color: #fafafa; }
.turnPage { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.paging_tool .first-page, .paging_tool .last-page { color: #fafafa; height: 17px; line-height: 17px; -webkit-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; text-align: left; }
.paging_tool .last-page { text-align: right; }
.paging_tool .pageWrap { height: 17px; line-height: 17px; width: 150px; overflow: hidden; text-align: center; width:180px; }
.paging_tool .pageWrap ul { width: 100%; height: 17px; line-height: 17px; float: left; color: #fafafa; }
.paging_tool .pageWrap ul li { width: 60px; height: 17px; border: none; line-height: 17px; border-right: 1px solid #d2d2d2; cursor: pointer; float: left; color: #a0a0a0; font-size: 16px; }
.paging_tool .pageWrap ul .sel-page { color: #2E71F7; }
.paging_tool .total-pages, .paging_tool .total-count { margin-left: 10px; float: left; font-size: 14px; }

/* 下面这个是content的样式 */
.content { width: 100%; max-width: 1920px;    /* min-width: 1320px; */ }

/* conten的样式到此结束 */

/* 下面这个是content的导航栏的样式 */

.news_nav { width: 84%; max-width: 1320px; font-size: 0; margin: 0 auto; }
.news_nav_item { font-size: 15px; width: 100px; height: 30px; line-height: 30px; margin: 5px 0; color: #a0a0a0; text-align: center; cursor: pointer; }
.news_nav_item > a { color: #a0a0a0; }
.news_nav_item:not(:last-of-type) { border-right: 1px solid #a0a0a0; }
.news_nav .checked { color: #0069C8; position: relative; }
.news_nav .checked::after { width: 80px; height: 1px; background: #0069C8; content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }

/* content的导航栏样式到此结束 */

/* 下面这个是新闻列表的样式内容 */

.news_list { background: white; width: 100%; margin: 0 auto;max-width: 1320px}

/* 下面是第一行新闻 */
.news_list_item { width: 100%; font-size: 0; }
.list_item_words, .news_img { display: inline-block; font-size: 16px; width: 50%; vertical-align: top; }
.news_img img { width: 100%; }
.list_item_words { text-align: right; padding-right: 5%; padding-top: 5%; }
.item_title_box h1 { opacity: 0.25; font-family: "Cambria"; font-size: 140px; color: #0069C8; font-style: italic; font-weight: bold; }
.item_title_box h2 { font-family: "Cambria"; font-size: 75px; color: #505050; font-style: italic; font-weight: bold; margin-top: 0; }
.item_title_box p { font-family: "Cambria"; font-size: 45px; color: #A0A0A0; text-align: left; height: 40px; font-style: italic; font-weight: bold; margin-bottom: 0; }
.news_month { padding-left: 5px; }
.item_title_box h1, .item_title_box { display: inline-block; }
.block_div p, .block_div h2 { display: inline-block; }
.block_div p { font-family: "Cambria"; font-size: 30px; color: #505050; font-style: italic; font-weight: bold; }
.item_subTitle_box { font-family: XinGothic-Regular; font-size: 24px; color: #0069C8; letter-spacing: 1px; }
.item_subTitle_box h3 { margin: 10px 0; }
.item_words_box { text-align: right; padding-top: 5%; }
.item_words_box p { font-size: 14px; width: 70%; min-width: 400px; height: 40px; display: inline-block; overflow: hidden; margin-bottom: 0; }
.words_box_more { width: 17px; height: 11px; background-image: url("../images/moreIcon.png"); background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; margin: 5px 0; }
.left_words { text-align: left; padding-right: 0; padding-left: 5%; }
.left_words .item_words_box { text-align: left; }
.flex_layout { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex_box { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
div.paging_tool { padding: 5% 0; max-width: 1320px; margin: 0 auto; font-size: 1em}
div .paging_tool .first-page, div .paging_tool .last-page, div .paging_tool button, div .paging_tool .pageWrap ul li { color: #282828; }
.bottom_position .list_item_words { padding-top: 2%; }
.bottom_position .item_subTitle_box { margin-top: 13%; }
.bottom_position .news_img { position: relative; }
.video_btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 80px; height: 80px; border-radius: 50%; background-image: url("../images/playButton.png"); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }

/* 下面是点击出现新闻详情页 */
.close_btn { width: 40px; height: 40px; background-image: url("../images/backButin.png"); background-repeat: no-repeat; background-size: contain; background-position: center; }
.float_news_detail { display: none; background: #fafafa; }
.float_news_detail .item_title_box { height: 140px; display: inline-block; vertical-align: middle; width: 49%; }
.news_banner { width: 100%;    /* height: 350px; */ overflow: hidden; position: relative; background: #000000; }
.news_banner_img { width: 100%; opacity: 0.5; }
.news_banner_words { width: 84%; max-width: 1320px; margin: 0 auto;    /* height: 230px; */ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; padding-top: 15%; }
.news_banner_words .item_title_box { position: relative;    /* width: 100%; */ display: inline-block; }
.close_btn { position: absolute; right: 0; top: 80px; margin: auto; }
.news_banner_words .news_year { color: #0069C8; opacity: 0.6 }
.news_banner .news_month, .news_banner .news_day, .news_banner p { color: #fff; opacity: 0.7; }
.banner_subTitle { color: #fafafa; letter-spacing: 1px; display: inline-block; vertical-align: middle; width: 50%; }
.news_banner .news_month { opacity: 0.9; }
.text_right { text-align: right; }
.news_content_details { widows: 84%; max-width: 1320px; margin: 0 auto; font-size: 16px; }
.news_content_details p { line-height: 36px; }
.news_more, .video_play { cursor: pointer; }

/* 新闻详情页结束 */

/* 新闻列表的样式内容到此结束 */
@media screen and (max-width:1440px) {
    .item_words_box { padding: 0; }
    .bottom_position .item_subTitle_box { margin-top: 5%; }
}
.video_case { width: 100%; height: 45vw; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 999; background: rgba(0, 0, 0, 0.3); display: none }
.main_video { width: 81%; height: 100%; margin: 0 auto; }
.btn_video { position: absolute; top: 4%; right: 4%; cursor: pointer; width: 40px; height: 40px; background: url("../images/news/backButin.png") no-repeat 50% 50%; background-repeat: no-repeat; background-size: contain; background-position: center; }
.video-one { width: 100%; height: 100%; }
@media screen and (max-width:980px) {
    img { max-width: 100%; }
    body { background-color: #f7f7f7; }
    .news_nav { width: 100%; background-color: #2d2d2f; }
    .news_nav_item { margin: 0; width: 33.3333333%; height: 36px; line-height: 36px; font-size: 12px; }
    .news_nav .checked::after { content: ""; display: none; }
    .news_nav .checked { color: #fff; background-color: #0069c8; cursor: pointer; }
    .news_nav .checked > a { color: #fff; }
    .news_nav_item:not(:last-of-type) { border: 0; }
    .list_item_words { padding: 4%; text-align: left; }
    .list_item_words, .news_img { width: 100%; }
    .news_list #news_1 { padding: 0 3%; }
    .news_list_item { display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; margin-top: 3%; background-color: #fff; }
    .news_list_item:nth-child(2n) { flex-direction: column; -webkit-flex-direction: column; }
    .item_title_box h1 { color: #bebebe; opacity: 1; font-size: 50px; }
    .item_title_box p { color: #000; font-size: 16px; height: 16px; }
    .item_title_box h2 { color: #000; font-size: 30px; }
    .item_words_box p { width: 100%; min-width: auto; height: auto; font-size: 10px; text-align: left; }
    .item_subTitle_box { color: #000; }
    .item_subTitle_box h3 { font-size: 12px; margin: 8px 0; }
    .left_words .item_words_box { text-align: right; }
    .news_content_details { font-size: 12px; padding: 3% 3% 0 3%; }
    .news_banner_words { width: 88%; }
    .news_banner_words .news_year { opacity: 1; }
    .news_content_details p { line-height: 22px; }
    .float_news_detail .item_title_box { width: 100%; height: auto; }
    .banner_subTitle h3 { color: #bebebe; text-align: left; }
    .close_btn { width: 24px; height: 24px; top: 20px; right: -10px; cursor: pointer; }
    div.paging_tool { align-items: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; padding: 5% 3%; margin-bottom: 20px; }
    .paging_tool .first-page, .paging_tool .last-page { flex: 1; font-size: 10px; }
    .paging_tool button { font-size: 10px; }
    .paging_tool .pageWrap{ width: 84px }
    .paging_tool .pageWrap ul li { width: 28px; font-size: 10px; }
}

