.hide {
    display: none;
}

.header-bg {
    background: url(../img/home1_top.png) no-repeat;
    /*background-position: calc(0% - 160px) center;*/
    /*background-size: cover;*/
    padding: 0 100px;
    width: 100%;
    background-position: center center;
}

.nav-container {
    width: 100%;
    background-color: rgb(5, 33, 63);
}

.nav .active {
    border-bottom: 4px solid rgb(201, 235, 255);;
}

.logo1 {
    height: 150px;
}

.search {
    background-color: white;
    display: flex;
    align-items: center;
    /* 这个方法有个问题，就是input 输入框，不能有 圆角(border-radius)，而且只适用于纯色背景框 */
    border-radius: 30px;
}

.ico-search-blue {
    width: 42px;
    height: 42px;
    background: url(../img/icon_serach.png) center center no-repeat;
    background-size: 22px 22px;
}

.sub-link-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-link-item {
    padding: 10px 0;
    box-sizing: border-box;
    width: 100%;
}

.sub-link-item img {
    width: 100%;
    /*width: 593px;*/
    height: 120px;
}

.info-title-row {
    display: flex;
    align-items: center;
    border-bottom: 2px solid rgb(230,230,230);
}
.info-icon {
    width: 20px;
    height: 20px;
}
.info-title {
    margin-left: 5px;
    font-weight: bold;
    color: rgb(36, 97, 191);
    font-size: 18px;
}
.info-more {
    margin-left: auto;
    color: rgb(153, 153, 153);
    /*font-size: 12px;*/
}

.info-item-title-row {
    display: flex;
    align-items: center;
}
.info-item-icon {
    width: 15px;
    height: 15px;
}
.info-item-title {
    margin-left: 5px;
    color: rgb(51, 51, 51);
    max-width: 800px;
}
.info-item-description {
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.breadcrumb a {
    color: rgb(51, 51, 51);
}

.banner-title {
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 46px;
    background-color: rgba(0, 0, 0, 0.6);

    text-align: left;
    text-indent: 20px;
    color: white;
    display: flex;
    align-items: center;
}

.swiper-pagination {
    /*position: absolute;*/
    /*top: 50%;*/
    /*right: 10px;  !* For right *!*/
    /*transform: translateY(-50%);*/
}

.swiper-pagination-horizontal {
    left: 90% !important;
}

.swiper-pagination-bullet {
    background-color: rgb(255, 255, 255);;
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    background-color: rgb(242, 196, 124);
}

.article-index-v1 {
    width: 100%;
}

.article-list {
    display: flex;
    padding-top: 20px;
}

.article-list-item {
    padding: 5px 0;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.article-time {
    margin-left: auto;
    min-width: 80px;
    color: rgb(153, 153, 153);
}

.current-cate-list {
    border: 1px solid rgb(5, 65, 123);
}

.parent-cate-name {
    background-color: rgb(5, 65, 123);
    padding: 10px 0;
    color: white;
    font-size: 16px;
    justify-content: center;
}

.current-cate-item {
    display: block;
    margin: 15px 30px;
    text-align: center;
    font-size: 16px;
    border: 1px solid rgb(5, 65, 123);
}

.current-cate-list .active {
    background-color: rgb(5, 65, 123);
    color: white;
}


.contact-org {
    background-color: rgb(255, 255, 255);
    margin-top: 60px;
    padding: 40px 20px;
    border: 5px solid #D8E9FF;
    line-height: 40px;
    font-size: 20px;

    /*background: url(../img/about_bg.png) no-repeat;*/
    background-position: left center;
    background-size: cover;
}

.contact-row {
    margin-left: 10px;
    margin-top: 10px;
    text-indent: 2em;
}


.contact-org li {
    padding-left: 10px;
}

.contact-org li::before {
    content: "●";   /* 或 ①②③、🔷 等 */
    color: black;
    margin-right: 8px;
}

.w-100p {
    border-radius: 6px;
    width: 100%;
}

.ico-slash {
    width: 25px;
    height: 25px;
    background: url(../img/slash.svg) center center no-repeat;
    background-size: 30px 30px;
    /*display: none;*/
}

.category-name {
    margin: 0 50px;
}

.shizhengyaowen {
    background: url(../img/home2_bg_yaowen.png) no-repeat;
    background-position: left center;
    background-size: cover;
    /*padding: 30px 0;*/
}

.haiyangdongtai {
    background: url(../img/home2_bg_haiyangdongtai.png) no-repeat;
    background-position: left center;
    /*padding: 30px 0;*/
}

.jiaoliuhezuo {
    background: url(../img/home2_bg_jiaoliuhezuo.png) no-repeat;
    background-position: left center;
    background-size: cover;
    /*padding: 30px 0;*/
}

.chengguofabu {
    background: url(../img/home2_bg_chengguofabu.png) no-repeat;
    background-position: left center;
}

.dangqunwenhua {
    background: url(../img/home2_bg_dangqunwenhua.png) no-repeat;
    background-position: left center;
    background-size: cover;
    /*padding: 30px 0;*/
}

.article-item {
    width: 30%;
    /*width: 400px;*/
    height: 250px;
    display: inline-block;
    /*margin-right: 20px;*/
}

.ellipsis {
    overflow: hidden;           /* 超出隐藏 */
    white-space: nowrap;        /* 不换行 */
    text-overflow: ellipsis;    /* 省略号 */
}

.article-panel {
    display: flex;
    justify-content: space-around;
}

.article-title {
    word-wrap: break-word;
    background-color: #00478B;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 14px;
    padding: 10px 30px;
}
.article-gap {
    height: 5px;
    background-color: #EBC47D;
}
.article-img {
    width: 100%;
    height: 200px;
    display: block;
}

.link-title {
    color: rgb(36, 97, 191);
    justify-content: left;
    font-size: 20px;
}

.footer-bg {
    width: 100%;
    /*height: 150px;*/
    background: url(../img/home4_bottom.png) no-repeat;
    background-position: left center;
    color: white;
    padding: 30px 100px;
}

.footer-row {
    display: flex;
    margin-bottom: 30px;
}

.footer-item {
    margin-right: 50px;
}