@charset "utf-8";

:root {
    --color: #005CE6;
    --vh: 100vh
}

* {
    padding: 0;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: calc(100vw/19.2);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-width: thin
}

html ::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

html ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    box-shadow: inset 0 0 5px #8598df;
    background: #000f46
}

html ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: #ededed
}

@media (min-width: 1901px) {
    html {
        font-size: 100px
    }
}

@media (max-width: 1580px) {
    html {
        font-size: 66px
    }
}

@media (max-width: 767px) {
    html {
        font-size: calc(100vw/7.5)
    }
}

body {
    min-height: 100%;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background: #fff
}

@media (max-width: 1580px) {
    body {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    body {
        font-size: .28rem
    }
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: top
}

li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: normal
}

a,
a:hover,
a:focus {
    text-decoration: none;
    color: inherit
}

input,
button {
    -webkit-appearance: none;
    border-radius: 0
}

button {
    cursor: pointer
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

textarea {
    resize: none;
    overflow: auto
}

input,
button,
textarea,
select {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    background: transparent
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

table {
    border-collapse: collapse
}

svg path {
    fill: currentColor
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    zoom: 1
}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.container {
    margin: 0 auto;
    width: 85%;
    max-width: 1440px
}

@media (max-width: 1260px) {
    .container {
        width: 90%
    }
}

.bg-color1 {
    background-color: #fff
}

.ptb100 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .ptb100 {
        padding-top: 1.2rem;
        padding-bottom: 1.2em
    }
}

.pt100 {
    padding-top: 1rem
}

@media (max-width: 767px) {
    .pt100 {
        padding-top: 1.2rem
    }
}

.pb100 {
    padding-bottom: 1rem
}

@media (max-width: 767px) {
    .pb100 {
        padding-bottom: 1.2rem
    }
}

.font14 {
    font-size: 14px
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.font20 {
    font-size: 20px
}

.font22 {
    font-size: 22px
}

.font24 {
    font-size: 24px
}

.font26 {
    font-size: 26px
}

.font28 {
    font-size: 28px
}

.font30 {
    font-size: 30px
}

.font32 {
    font-size: 32px
}

.font34 {
    font-size: 34px
}

.font36 {
    font-size: 36px
}

.font40 {
    font-size: 40px
}

.font42 {
    font-size: 42px
}

.font44 {
    font-size: 44px
}

.font46 {
    font-size: 46px
}

.font48 {
    font-size: 48px
}

.font50 {
    font-size: 50px
}

.font52 {
    font-size: 52px
}

.font54 {
    font-size: 54px
}

.font56 {
    font-size: 56px
}

.font60 {
    font-size: 60px
}

.font72 {
    font-size: 72px
}

.font80 {
    font-size: 80px
}

@media (max-width: 1580px) {
    .font16 {
        font-size: 14px
    }

    .font18 {
        font-size: 16px
    }

    .font20 {
        font-size: 18px
    }

    .font22 {
        font-size: 20px
    }

    .font24 {
        font-size: 22px
    }

    .font26 {
        font-size: 24px
    }

    .font28 {
        font-size: 26px
    }

    .font30 {
        font-size: 28px
    }

    .font32 {
        font-size: 30px
    }

    .font34 {
        font-size: 32px
    }

    .font36 {
        font-size: 34px
    }

    .font40 {
        font-size: 38px
    }

    .font42,
    .font44 {
        font-size: 40px
    }

    .font46 {
        font-size: 42px
    }

    .font48 {
        font-size: 44px
    }

    .font50 {
        font-size: 46px
    }

    .font52 {
        font-size: 48px
    }

    .font54 {
        font-size: 48px
    }

    .font56 {
        font-size: 48px
    }

    .font60,
    .font72,
    .font80 {
        font-size: 48px
    }
}

@media (max-width: 1260px) {
    .font16 {
        font-size: 14px
    }

    .font18 {
        font-size: 16px
    }

    .font20 {
        font-size: 18px
    }

    .font22 {
        font-size: 20px
    }

    .font24 {
        font-size: 22px
    }

    .font26 {
        font-size: 24px
    }

    .font28 {
        font-size: 24px
    }

    .font30 {
        font-size: 26px
    }

    .font32 {
        font-size: 28px
    }

    .font34 {
        font-size: 28px
    }

    .font36,
    .font40 {
        font-size: 30px
    }

    .font42,
    .font44 {
        font-size: 32px
    }

    .font46 {
        font-size: 36px
    }

    .font48,
    .font50 {
        font-size: 38px
    }

    .font52,
    .font54,
    .font56,
    .font60,
    .font72,
    .font80 {
        font-size: 44px
    }
}

@media (max-width: 767px) {

    .font14,
    .font16 {
        font-size: .28rem
    }

    .font18,
    .font20 {
        font-size: .3rem
    }

    .font22,
    .font24,
    .font26,
    .font27 {
        font-size: .32rem
    }

    .font28 {
        font-size: .36rem
    }

    .font30,
    .font32,
    .font34 {
        font-size: .4rem
    }

    .font36,
    .font40,
    .font42,
    .font44,
    .font46 {
        font-size: .46rem
    }

    .font48,
    .font50,
    .font52,
    .font54,
    .font56,
    .font60,
    .font72,
    .font80 {
        font-size: .58rem
    }
}

.public-scrollbar {
    scrollbar-width: thin
}

.public-scrollbar ::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.public-scrollbar ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #000f46
}

.public-scrollbar ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: #ededed
}

.public-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.public-btn .a,
.public-btn a {
    height: 40px;
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding: 0 .22rem 0 .2rem;
    transition: all .4s
}

.public-btn .a i,
.public-btn a i {
    display: flex;
    margin-right: .1rem
}

.public-btn .a i svg,
.public-btn a i svg {
    width: 14px;
    transform: rotateZ(-90deg)
}

.public-btn .a i svg path,
.public-btn a i svg path {
    fill: #9f0f26;
    transition: all .4s
}

.public-btn .a span,
.public-btn a span {
    color: #000;
    transition: all .4s
}

@media (min-width: 992px) {

    .public-btn .a:hover,
    .public-btn a:hover {
        background: #9f0f26;
        border: 1px solid #9f0f26
    }

    .public-btn .a:hover i path,
    .public-btn a:hover i path {
        fill: #fff
    }

    .public-btn .a:hover span,
    .public-btn a:hover span {
        color: #fff
    }
}

.public-btn2 {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.public-btn2 .a,
.public-btn2 a {
    height: 40px;
    border: 1px solid #00084c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding: 0 .24rem;
    transition: all .4s
}

.public-btn2 .a i,
.public-btn2 a i {
    display: flex;
    margin-left: .1rem
}

.public-btn2 .a i svg,
.public-btn2 a i svg {
    width: 14px
}

.public-btn2 .a i svg path,
.public-btn2 a i svg path {
    fill: #00084c;
    transition: all .4s
}

.public-btn2 .a span,
.public-btn2 a span {
    color: #00084c;
    transition: all .4s
}

@media (min-width: 992px) {

    .public-btn2 .a:hover,
    .public-btn2 a:hover {
        background: #00084c;
        border: 1px solid #00084c
    }

    .public-btn2 .a:hover i path,
    .public-btn2 a:hover i path {
        fill: #fff
    }

    .public-btn2 .a:hover span,
    .public-btn2 a:hover span {
        color: #fff
    }
}

.public-img {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.public-img::before {
    content: "";
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 100%
}

.public-img>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s
}

.public-content {
    color: #666;
    line-height: 1.8
}

.public-content a {
    color: #666
}

.public-content table {
    max-width: 100%
}

.public-content table td,
.public-content table th {
    padding: 10px 15px;
    border: 1px solid #dbf1ed
}

.public-content li {
    margin-left: 15px;
    list-style: disc
}

.public-content ol {
    margin-left: 15px;
    list-style: decimal
}

.public-content img,
.public-content video {
    max-width: 100%;
    height: auto !important
}

#c-placeholder {
    height: 1.1rem
}

@media (max-width: 991px) {
    #c-placeholder {
        height: 1.2rem
    }
}

.header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: #000f46;
    transition: all .4s
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 991px) {
    .header .container {
        height: 1.2rem
    }
}

.header .container .logo {
    height: .71rem
}

.header .container .logo a {
    height: 100%;
    display: flex
}

.header .container .logo a img {
    height: 100%
}

.header .container .close {
    width: 22px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    display: none
}

@media (max-width: 991px) {
    .header .container .close {
        display: flex
    }
}

.header .container .close span {
    width: 100%;
    height: 2px;
    background: #fff;
    margin: 3px 0;
    border-radius: 2px;
    transition: all .3s
}

.header .container .close span:nth-child(2) {
    width: 60%;
    margin: 3px 0 3px auto
}

.header .container .close.on span:nth-child(1) {
    transform: rotateZ(45deg);
    transform-origin: left center
}

.header .container .close.on span:nth-child(2) {
    opacity: 0
}

.header .container .close.on span:nth-child(3) {
    transform-origin: left center;
    transform: rotateZ(-45deg)
}

.header .container .right {
    display: block
}

@media (max-width: 991px) {
    .header .container .right {
        display: none;
        width: 100vw;
        position: fixed;
        top: 1.2rem;
        left: 0;
        height: calc(100vh - 1.2rem);
        padding: .5rem 5%;
        background: #00084c;
        overflow-y: auto
    }
}

.header .container .right .top {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width: 991px) {
    .header .container .right .top {
        display: none
    }
}

.header .container .right .top .t-menu ul {
    display: flex
}

.header .container .right .top .t-menu ul li .link {
    display: flex;
    align-items: center
}

.header .container .right .top .t-menu ul li .link a {
    color: #9cadee;
    font-size: 14px;
    line-height: .5rem
}

.header .container .right .top .t-menu ul li .link i {
    font-style: initial;
    color: #9cadee;
    font-size: 14px;
    margin: 0 .24rem
}

.header .container .right .top .t-menu ul li:last-child .link a {
    font-weight: bold;
    color: #fff
}

.header .container .right .top .t-menu ul li:last-child .link i {
    display: none
}

.header .container .right .top .search {
    width: .5rem;
    height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .23rem;
    cursor: pointer
}

.header .container .right .top .language {
    display: flex;
    align-items: center;
    margin-left: .23rem;
    cursor: pointer
}

.header .container .right .top .language .icon {
    width: 16px;
    display: flex
}

.header .container .right .top .language span {
    width: 50px;
    padding-left: 8px;
    color: #fff;
    font-size: 14px
}

.header .container .right .top .language i {
    width: 10px;
    display: flex;
    align-items: center
}

.header .container .right .menu {
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

@media (max-width: 991px) {
    .header .container .right .menu {
        border-top: none
    }
}

.header .container .right .menu ul {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 991px) {
    .header .container .right .menu ul {
        flex-wrap: wrap
    }
}

.header .container .right .menu ul li {
    margin-right: .78rem;
    padding: .1rem 0;
    position: relative
}

@media (max-width:1024px) {
    .header .container .right .menu ul li {
        margin-right: .5rem;
        margin: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }
}

@media (max-width: 991px) {
    .header .container .right .menu ul li {
        width: 100%
    }
}

.header .container .right .menu ul li:last-child {
    margin-right: 0
}

.header .container .right .menu ul li .link {
    display: flex;
    position: relative;
    z-index: 3
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .link {
        justify-content: space-between;
        align-items: center
    }
}

.header .container .right .menu ul li .link a {
    color: #fff;
    line-height: .4rem
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .link a {
        line-height: .78rem;
        font-size: 16px
    }
}

.header .container .right .menu ul li .link i {
    width: 1rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    display: none
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .link i {
        display: flex
    }
}

.header .container .right .menu ul li .link i svg {
    width: 14px;
    height: 14px;
    transform: rotateZ(-90deg);
    transition: all .4s
}

.header .container .right .menu ul li .link i svg path {
    fill: #fff
}

.header .container .right .menu ul li .s-menu {
    width: 180px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    z-index: 2;
    display: none;
    border-top: 2px solid #000f46;
    padding: .2rem 0;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.2);
    background: #fff
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .s-menu {
        width: 100%;
        position: relative;
        left: initial;
        transform: translateX(0);
        top: initial;
        border-top: none;
        box-shadow: none;
        background: none;
        padding: 0
    }
}

.header .container .right .menu ul li .s-menu .s-link {
    padding: .1rem .2rem;
    background: #fff;
    transition: all .4s;
    display: flex
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .s-menu .s-link {
        background: none;
        padding: .1rem .25rem
    }
}

.header .container .right .menu ul li .s-menu .s-link a {
    width: 100%;
    color: #333;
    transition: all .4s;
    text-align: center
}

@media (max-width: 991px) {
    .header .container .right .menu ul li .s-menu .s-link a {
        color: #fff;
        text-align: left;
        line-height: .6rem
    }
}

@media (min-width: 992px) {
    .header .container .right .menu ul li .s-menu .s-link:hover {
        background: #eee
    }

    .header .container .right .menu ul li .s-menu .s-link:hover a {
        color: #9cadee
    }
}

@media (min-width: 992px) {
    .header .container .right .menu ul li:hover .s-menu {
        display: block
    }
}

.header .container .right .menu ul li.on .link i svg {
    transform: rotateZ(0)
}

.header.head-move {
    top: -1.2rem
}

.site-menu-tc {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    background: #fff;
    padding: 1rem 0 0;
    display: none
}

.site-menu-tc .box {
    width: 100%
}

.site-menu-tc .box ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.site-menu-tc .box ul li {
    width: calc(100% / 6);
    border-right: 1px solid #eee;
    text-align: center;
    padding: 1.95rem 0 .22rem
}

.site-menu-tc .box ul li:last-child {
    border-right: none
}

.site-menu-tc .box ul li .t1 {
    color: #000;
    margin-bottom: .55rem
}

.site-menu-tc .box ul li .t2 {
    width: 100%;
    margin-bottom: .35rem
}

.site-menu-tc .box ul li .t2 a {
    display: block;
    transition: all .4s;
    color: #666
}

.site-menu-tc .box ul li .t2 a:hover {
    color: #05122b;
    text-decoration: underline
}

.site-menu-tc .box .close {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .5rem auto 0;
    background: #9f0f26;
    cursor: pointer
}

@media (max-width: 1580px) {
    .site-menu-tc .box .close {
        width: .7rem;
        height: .7rem
    }
}

@media (max-width: 767px) {
    .site-menu-tc .box .close {
        width: .8rem;
        height: .8rem
    }
}

.site-menu-tc .box .close svg {
    width: 16px
}

.site-menu-tc .box .close svg path {
    fill: #fff
}

.banner {
    width: 100%;
    height: calc(100vh - 1.1rem)
}

.banner .swiper-container {
    width: 100%;
    height: 100%
}

.banner .swiper-container .swiper-slide {
    position: relative
}

.banner .swiper-container .swiper-slide .img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.banner .swiper-container .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .img img.pc {
        display: none
    }
}

.banner .swiper-container .swiper-slide .img img.mb {
    display: none
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .img img.mb {
        display: block
    }
}

.banner .swiper-container .swiper-slide .img::before {
    content: '';
    width: 100%;
    height: 3.08rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .img::before {
        height: 5rem
    }
}

.banner .swiper-container .swiper-slide .img::after {
    content: '';
    width: 100%;
    height: 3rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0, 15, 70, 0.6), rgba(0, 15, 70, 0))
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .img::after {
        height: 4.9rem
    }
}

.banner .swiper-container .swiper-slide .container {
    position: absolute;
    left: 50%;
    bottom: .68rem;
    transform: translateX(-50%);
    z-index: 2
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .container {
        bottom: 2.2rem
    }
}

.banner .swiper-container .swiper-slide .container .title {
    width: calc(520/1440*100%);
    line-height: calc(60/50);
    color: #fff
}

@media (max-width: 1580px) {
    .banner .swiper-container .swiper-slide .container .title {
        width: 50%
    }
}

@media (max-width: 991px) {
    .banner .swiper-container .swiper-slide .container .title {
        width: 100%
    }
}

.banner .swiper-container .ck {
    width: 100%;
    position: absolute;
    bottom: .7rem;
    right: 0;
    z-index: 2
}

.banner .swiper-container .ck .container {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width: 991px) {
    .banner .swiper-container .ck .container {
        flex-wrap: wrap
    }
}

.banner .swiper-container .ck .container .check {
    display: flex;
    align-items: center;
    padding: 0 .1rem 0 .2rem
}

@media (max-width: 991px) {
    .banner .swiper-container .ck .container .check {
        width: 100%;
        justify-content: center;
        margin-top: .3rem
    }
}

.banner .swiper-container .ck .container .check .swiper-prev,
.banner .swiper-container .ck .container .check .swiper-next {
    width: .5rem;
    height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all .4s
}

@media (max-width: 991px) {

    .banner .swiper-container .ck .container .check .swiper-prev,
    .banner .swiper-container .ck .container .check .swiper-next {
        width: .68rem;
        height: .68rem
    }
}

.banner .swiper-container .ck .container .check .swiper-prev::before,
.banner .swiper-container .ck .container .check .swiper-next::before {
    content: '';
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #9f0f26;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: all .4s
}

.banner .swiper-container .ck .container .check .swiper-prev svg,
.banner .swiper-container .ck .container .check .swiper-next svg {
    width: 16px;
    position: relative;
    z-index: 2
}

.banner .swiper-container .ck .container .check .swiper-prev svg path,
.banner .swiper-container .ck .container .check .swiper-next svg path {
    fill: #fff
}

@media (min-width: 992px) {

    .banner .swiper-container .ck .container .check .swiper-prev:hover,
    .banner .swiper-container .ck .container .check .swiper-next:hover {
        border: 2px solid transparent
    }

    .banner .swiper-container .ck .container .check .swiper-prev:hover::before,
    .banner .swiper-container .ck .container .check .swiper-next:hover::before {
        width: 70px;
        height: 70px
    }
}

.banner .swiper-container .ck .container .check .swiper-prev {
    margin-right: .3rem
}

.banner .swiper-container .ck .container .check .swiper-prev svg {
    transform: rotateZ(180deg)
}

.banner .swiper-container .ck .container .swiper-pagination {
    width: calc(880/1440*100% - 1.6rem);
    position: relative;
    font-size: 0;
    bottom: initial
}

@media (max-width: 1580px) {
    .banner .swiper-container .ck .container .swiper-pagination {
        width: calc(50% - 1.6rem)
    }
}

@media (max-width: 991px) {
    .banner .swiper-container .ck .container .swiper-pagination {
        width: 100%
    }
}

.banner .swiper-container .ck .container .swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    position: relative
}

.banner .swiper-container .ck .container .swiper-pagination .swiper-pagination-bullet::before {
    content: '';
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 0;
    top: 0
}

.banner .swiper-container .ck .container .swiper-pagination .swiper-pagination-bullet-active::before {
    width: 100%;
    transition: all linear 4.5s
}

.index-box1 {
    width: 100%;
    padding: .96rem 0 .6rem
}

@media (max-width: 991px) {
    .index-box1 {
        padding: 1rem 0 1.2rem
    }
}

.index-box1 .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.index-box1 .container .left {
    width: calc(960/1440*100%)
}

@media (max-width: 991px) {
    .index-box1 .container .left {
        width: 100%
    }
}

.index-box1 .container .left .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.index-box1 .container .left .top .title {
    line-height: calc(50/40);
    color: #000
}

.index-box1 .container .left .top .more {
    display: flex
}

.index-box1 .container .left .top .more a {
    height: 40px;
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding: 0 .22rem 0 .2rem;
    transition: all .4s
}

.index-box1 .container .left .top .more a i {
    display: flex;
    margin-right: .1rem
}

.index-box1 .container .left .top .more a i svg {
    width: 14px;
    transform: rotateZ(-90deg)
}

.index-box1 .container .left .top .more a i svg path {
    fill: #9f0f26;
    transition: all .4s
}

.index-box1 .container .left .top .more a span {
    color: #000;
    transition: all .4s
}

@media (min-width: 992px) {
    .index-box1 .container .left .top .more a:hover {
        background: #9f0f26;
        border: 1px solid #9f0f26
    }

    .index-box1 .container .left .top .more a:hover i path {
        fill: #fff
    }

    .index-box1 .container .left .top .more a:hover span {
        color: #fff
    }
}

.index-box1 .container .left .list {
    width: 100%;
    margin-top: .45rem
}

.index-box1 .container .left .list ul {
    width: calc(100% + .3rem);
    margin: 0 -0.15rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .index-box1 .container .left .list ul {
        width: 100%;
        margin: 0
    }
}

.index-box1 .container .left .list ul li {
    width: calc(50% - .3rem);
    margin: 0 .15rem .2rem
}

@media (max-width: 767px) {
    .index-box1 .container .left .list ul li {
        width: 100%;
        margin: 0 0 .2rem
    }
}

.index-box1 .container .left .list ul li a {
    display: block
}

.index-box1 .container .left .list ul li a .public-img {
    width: 100%
}

.index-box1 .container .left .list ul li a .public-img::before {
    padding-top: calc(260/465*100%)
}

.index-box1 .container .left .list ul li a .public-img .time {
    width: 95px;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s
}

.index-box1 .container .left .list ul li a .public-img::after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #9f0f26;
    transition: all .4s
}

.index-box1 .container .left .list ul li a .tbox {
    width: 100%;
    padding: .17rem 0 .2rem
}

.index-box1 .container .left .list ul li a .tbox .t1 {
    color: #000;
    line-height: calc(28/20);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-box1 .container .left .list ul li a .tbox .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .15rem;
    background: #ccc;
    transition: all .4s
}

.index-box1 .container .left .list ul li a .tbox .icon svg path {
    fill: #fcfcfc;
    transition: all .4s
}

@media (min-width: 992px) {
    .index-box1 .container .left .list ul li:hover a .public-img img {
        transform: scale(1.05)
    }

    .index-box1 .container .left .list ul li:hover a .public-img::after {
        width: 100%
    }

    .index-box1 .container .left .list ul li:hover a .public-img .time {
        background: #9f0f26;
        color: #fff
    }

    .index-box1 .container .left .list ul li:hover a .tbox .icon {
        background: #9f0f26
    }

    .index-box1 .container .left .list ul li:hover a .tbox .icon svg path {
        fill: #fff
    }
}

.index-box1 .container .right {
    width: calc(450/1440*100%)
}

@media (max-width: 991px) {
    .index-box1 .container .right {
        width: 100%;
        margin-top: .8rem
    }
}

.index-box1 .container .right .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.index-box1 .container .right .top .title {
    line-height: calc(50/40);
    color: #000
}

.index-box1 .container .right .top .more {
    display: flex
}

.index-box1 .container .right .list {
    width: 100%;
    margin-top: .45rem;
    background: #9f0f26;
    padding: .1rem 0 .2rem
}

.index-box1 .container .right .list ul li {
    width: 100%;
    padding: 0 .3rem
}

.index-box1 .container .right .list ul li a {
    display: block;
    border-bottom: 1px solid #ba2139;
    padding: .24rem 0
}
@media (max-width:1600px) {
    .index-box1 .container .right .list ul li a {
        padding: .15rem 0
    }
}

.index-box1 .container .right .list ul li a .time {
    font-size: 14px;
    line-height: 24px;
    color: #f699a8
}

.index-box1 .container .right .list ul li a .news-title {
    color: #fff;
    line-height: calc(28/20);
    margin-top: .12rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: calc(28/20*2em)
}

.index-box2 {
    width: 100%;
    position: relative;
    padding: .95rem 0 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .index-box2 {
        padding: 1.2rem 0 0
    }
}

.index-box2 .bg {
    width: 100%;
    height: 4rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #f2f5ff
}

.index-box2 .container {
    position: relative;
    z-index: 2
}

.index-box2 .container .top {
    width: 100%
}

.index-box2 .container .top .title {
    line-height: calc(48/40);
    color: #000
}

.index-box2 .container .top .txt {
    line-height: calc(28/18);
    color: #666;
    margin-top: .25rem
}

.index-box2 .container .list {
    width: 100%;
    margin-top: .55rem
}

.index-box2 .container .list .swiper-container {
    width: 100%;
    overflow: visible
}

.index-box2 .container .list .swiper-container .swiper-slide a {
    display: block;
    padding-bottom: .33rem;
    border-bottom: 2px solid #eee;
    position: relative
}

.index-box2 .container .list .swiper-container .swiper-slide a::after {
    content: '';
    width: 0;
    height: 2px;
    background: #00084c;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 2;
    transition: all .4s
}

.index-box2 .container .list .swiper-container .swiper-slide a .public-img {
    width: 100%
}

.index-box2 .container .list .swiper-container .swiper-slide a .public-img::before {
    padding-top: calc(300/460*100%)
}

.index-box2 .container .list .swiper-container .swiper-slide a .t1 {
    color: #000;
    line-height: calc(34/24);
    transition: all .4s;
    margin-top: .34rem
}

.index-box2 .container .list .swiper-container .swiper-slide a .more {
    display: flex;
    align-items: center;
    margin-top: .13rem
}

.index-box2 .container .list .swiper-container .swiper-slide a .more span {
    font-size: 14px;
    color: #00084c
}

.index-box2 .container .list .swiper-container .swiper-slide a .more i {
    display: flex;
    align-items: center;
    margin-left: .1rem
}

.index-box2 .container .list .swiper-container .swiper-slide a .more i svg {
    width: 14px;
    transform: rotateZ(-90deg)
}

.index-box2 .container .list .swiper-container .swiper-slide a .more i svg path {
    fill: #00084c
}

@media (min-width: 992px) {
    .index-box2 .container .list .swiper-container .swiper-slide a:hover::after {
        width: 100%
    }

    .index-box2 .container .list .swiper-container .swiper-slide a:hover .public-img img {
        transform: scale(1.05)
    }

    .index-box2 .container .list .swiper-container .swiper-slide a:hover .t1 {
        color: #00084c
    }
}

.index-box2 .container .list .swiper-container .check {
    display: flex;
    align-items: center;
    padding: 0 10px 0 20px;
    position: absolute;
    right: 0;
    top: -0.9rem
}

@media (max-width: 767px) {
    .index-box2 .container .list .swiper-container .check {
        position: relative;
        top: initial;
        right: initial;
        width: 100%;
        padding: 0;
        margin-top: .5rem;
        justify-content: center
    }
}

.index-box2 .container .list .swiper-container .check .swiper-prev,
.index-box2 .container .list .swiper-container .check .swiper-next {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    border: 1px solid #00084c;
    transition: all .4s
}

.index-box2 .container .list .swiper-container .check .swiper-prev svg,
.index-box2 .container .list .swiper-container .check .swiper-next svg {
    width: 16px;
    position: relative;
    z-index: 2
}

.index-box2 .container .list .swiper-container .check .swiper-prev svg path,
.index-box2 .container .list .swiper-container .check .swiper-next svg path {
    fill: #00084c
}

@media (min-width: 992px) {

    .index-box2 .container .list .swiper-container .check .swiper-prev:hover,
    .index-box2 .container .list .swiper-container .check .swiper-next:hover {
        background: #00084c
    }

    .index-box2 .container .list .swiper-container .check .swiper-prev:hover svg path,
    .index-box2 .container .list .swiper-container .check .swiper-next:hover svg path {
        fill: #fff
    }
}

.index-box2 .container .list .swiper-container .check .swiper-prev {
    margin-right: 10px
}

.index-box2 .container .list .swiper-container .check .swiper-prev svg {
    transform: rotateZ(180deg)
}

.index-box2 .container .mores {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: .5rem
}

.index-box3 {
    width: 100%;
    height: 100vh;
    background: url(../images/index-box3-bg.png) left bottom no-repeat;
    background-size: calc(676/1920*100%);
    margin-top: 1rem;
    overflow: hidden
}

@media (max-width: 991px) {
    .index-box3 {
        margin-top: 1.4rem;
        height: auto;
    }
}

.index-box3 .container {
    position: relative;
    z-index: 1;
  }
  .index-box3 .container .top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .index-box3 .container .top .title {
    line-height: calc(48/40);
    color: #000;
    width: calc(435/1440*100%);
  }
  @media (max-width: 991px) {
    .index-box3 .container .top .title {
      width: 100%;
    }
  }
  @media (max-width: 991px) {
    .index-box3 .container .top .menu {
      width: 100%;
      margin-top: 0.5rem;
    }
  }
  @media (max-width: 767px) {
    .index-box3 .container .top .menu {
      font-size: 0.28rem;
    }
  }
  .index-box3 .container .top .menu ul {
    display: flex;
    flex-wrap: wrap;
  }
  .index-box3 .container .top .menu ul li {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 0.8rem;
  }
  .index-box3 .container .top .menu ul li:last-child {
    margin-right: 0;
  }
  @media (max-width: 1580px) {
    .index-box3 .container .top .menu ul li {
      margin-right: 0.5rem;
    }
  }
  @media (max-width: 1260px) {
    .index-box3 .container .top .menu ul li {
      margin-right: 0.3rem;
    }
  }
  .index-box3 .container .top .menu ul li i {
    width: 0.3rem;
    height: 0.3rem;
    display: flex;
    align-items: center;
    margin-right: 0.1rem;
  }
  .index-box3 .container .top .menu ul li i svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .index-box3 .container .top .menu ul li i svg path {
    fill: #222;
    transition: all 0.4s;
  }
  .index-box3 .container .top .menu ul li span {
    color: #333;
    line-height: 1;
    transition: all 0.4s;
  }
  .index-box3 .container .top .menu ul li:hover i svg path,
  .index-box3 .container .top .menu ul li.on i svg path {
    fill: #9f0f26;
  }
  .index-box3 .container .top .menu ul li:hover span,
  .index-box3 .container .top .menu ul li.on span {
    color: #9f0f26;
  }
  .index-box3 .container .down {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
  .index-box3 .container .down .list {
    width: calc(435/1440*100%);
    padding: 0.22rem 0;
    background: #fafafa;
  }
  @media (max-width: 991px) {
    .index-box3 .container .down .list {
      width: 100%;
    }
  }
  .index-box3 .container .down .list ul {
    display: none;
  }
  .index-box3 .container .down .list ul.on {
    display: block;
  }
  .index-box3 .container .down .list ul li {
    display: flex;
    align-items: center;
    padding: 0.22rem 0.2rem 0.22rem 0.25rem;
    position: relative;
  }
  .index-box3 .container .down .list ul li::before {
    content: '';
    width: calc(100% - 0.45rem);
    height: 1px;
    background: rgba(0, 44, 126, 0.1);
    position: absolute;
    left: 0.25rem;
    top: 0;
  }
  .index-box3 .container .down .list ul li::after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    background: #9f0f26;
    transition: all 0.4s;
  }
  .index-box3 .container .down .list ul li a {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .index-box3 .container .down .list ul li .public-img {
    width: calc(140/390*100%);
    position: relative;
    z-index: 2;
  }
  .index-box3 .container .down .list ul li .public-img::before {
    padding-top: calc(90/140*100%);
  }
  .index-box3 .container .down .list ul li .tbox {
    margin-left: 0.3rem;
    position: relative;
    z-index: 2;
  }
  .index-box3 .container .down .list ul li .tbox .t1 {
    color: #000;
    transition: all 0.4s;
  }
  .index-box3 .container .down .list ul li .tbox .t2 {
    color: #cf6c7c;
    margin-top: 7px;
    transition: all 0.4s;
  }
  .index-box3 .container .down .list ul li i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
    width: 15px;
    opacity: 0;
    transition: all 0.4s;
  }
  @media (max-width: 991px) {
    .index-box3 .container .down .list ul li i {
      right: 0.2rem;
    }
  }
  .index-box3 .container .down .list ul li i svg {
    width: 100%;
  }
  .index-box3 .container .down .list ul li i svg path {
    fill: #fff;
  }
  .index-box3 .container .down .list ul li.on::after {
    width: calc(100% + 0.2rem);
  }
  @media (max-width: 991px) {
    .index-box3 .container .down .list ul li.on::after {
      width: 100%;
    }
  }
  .index-box3 .container .down .list ul li.on .tbox .t1 {
    color: #fff;
  }
  .index-box3 .container .down .list ul li.on .tbox .t2 {
    color: rgba(255, 255, 255, 0.3);
  }
  .index-box3 .container .down .list ul li.on i {
    opacity: 1;
  }
  .index-box3 .container .down .right {
    width: calc(1005/1440*100%);
  }
  @media (max-width: 991px) {
    .index-box3 .container .down .right {
      display: none;
    }
  }
  .index-box3 .container .down .right ul {
    /* height: 100%; */
    width: 100%;
  }
  .index-box3 .container .down .right ul li {
    width: 100%;
    /* height: 100%; */
    display: none;
  }
  .index-box3 .container .down .right ul li.on {
    display: block;
  }
  .index-box3 .container .down .right ul li .img {
    width: 100%;
    /* height: 100%; */
    height: 8rem;
    display: none;
  }
  .index-box3 .container .down .right ul li .img.on {
    display: block;
  }
  .index-box3 .container .down .right ul li .img img {
    /* max-width: initial; */
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index-box3 .container .more {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
  }
  @media (max-width: 991px) {
    .index-box3 .container .more {
      position: relative;
      z-index: 1;
      top: initial;
      right: initial;
      margin-top: 0.5rem;
      display: flex;
      justify-content: center;
    }
}
/* 
.index-box3 .container .left {
    width: calc(435/1440*100%);
    padding: 0 .1rem 0 0
}

@media (max-width: 991px) {
    .index-box3 .container .left {
        width: 100%
    }
}

.index-box3 .container .left .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.index-box3 .container .left .top .title {
    line-height: calc(48/40);
    color: #000
}

.index-box3 .container .left .down {
    width: 100%;
    margin-top: .48rem
}

.index-box3 .container .left .down .menu {
    width: 100%;
    position: relative
}

.index-box3 .container .left .down .menu .swiper-container .swiper-slide {
    width: auto;
    height: 36px;
    color: #666;
    display: flex;
    align-items: center
}

.index-box3 .container .left .down .menu .swiper-container .swiper-slide-active {
    color: #9f0f26;
    font-weight: bold;
    font-size: 24px
}

.index-box3 .container .left .down .menu .ck {
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: flex
}

.index-box3 .container .left .down .menu .ck .swiper-prev,
.index-box3 .container .left .down .menu .ck .swiper-next {
    width: 36px;
    height: 36px;
    padding: 0 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-box3 .container .left .down .menu .ck .swiper-prev svg,
.index-box3 .container .left .down .menu .ck .swiper-next svg {
    width: 15px;
    height: 15px;
    transform: rotateZ(-90deg)
}

.index-box3 .container .left .down .menu .ck .swiper-prev svg path,
.index-box3 .container .left .down .menu .ck .swiper-next svg path {
    fill: rgba(153, 153, 153, 0.3);
    transition: all .4s
}

.index-box3 .container .left .down .menu .ck .swiper-prev:hover svg path,
.index-box3 .container .left .down .menu .ck .swiper-next:hover svg path {
    fill: #9f0f26
}

.index-box3 .container .left .down .menu .ck .swiper-prev svg {
    transform: rotateZ(90deg)
}

.index-box3 .container .left .down .list {
    width: 100%;
    background: #fff;
    margin-top: .23rem
}

.index-box3 .container .left .down .list ul {
    display: none
}

.index-box3 .container .left .down .list ul.on {
    display: block
}

.index-box3 .container .left .down .list ul li {
    display: flex;
    align-items: center;
    padding: .22rem 0 .22rem .35rem;
    position: relative
}

.index-box3 .container .left .down .list ul li::before {
    content: '';
    width: calc(100% - .35rem);
    height: 1px;
    background: rgba(0, 44, 126, 0.1);
    position: absolute;
    left: .35rem;
    top: 0
}

.index-box3 .container .left .down .list ul li::after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    background: #9f0f26;
    transition: all .4s
}

.index-box3 .container .left .down .list ul li a {
    width: 100%;
    display: flex;
    align-items: center
}

.index-box3 .container .left .down .list ul li .public-img {
    width: calc(140/390*100%);
    position: relative;
    z-index: 2
}

.index-box3 .container .left .down .list ul li .public-img::before {
    padding-top: calc(90/140*100%)
}

.index-box3 .container .left .down .list ul li .tbox {
    margin-left: .3rem;
    position: relative;
    z-index: 2
}

.index-box3 .container .left .down .list ul li .tbox .t1 {
    color: #000;
    transition: all .4s
}

.index-box3 .container .left .down .list ul li .tbox .t2 {
    color: #cf6c7c;
    margin-top: 7px;
    transition: all .4s
}

.index-box3 .container .left .down .list ul li i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.17rem;
    z-index: 2;
    width: 15px;
    opacity: 0;
    transition: all .4s
}

@media (max-width: 991px) {
    .index-box3 .container .left .down .list ul li i {
        right: .2rem
    }
}

.index-box3 .container .left .down .list ul li i svg {
    width: 100%
}

.index-box3 .container .left .down .list ul li i svg path {
    fill: #fff
}

.index-box3 .container .left .down .list ul li.on::after {
    width: calc(100% + .4rem)
}

@media (max-width: 991px) {
    .index-box3 .container .left .down .list ul li.on::after {
        width: 100%
    }
}

.index-box3 .container .left .down .list ul li.on .tbox .t1 {
    color: #fff
}

.index-box3 .container .left .down .list ul li.on .tbox .t2 {
    color: rgba(255, 255, 255, 0.3)
}

.index-box3 .container .left .down .list ul li.on i {
    opacity: 1
}

.index-box3 .container .right {
	height: 100%;
    width: calc(1005/1440*100%)
}

@media (max-width: 991px) {
    .index-box3 .container .right {
        display: none
    }
}

.index-box3 .container .right .top{
    width: 100%;
}

.index-box3 .container .right .top .menu {
    width: 100%;
    position: relative
}

.index-box3 .container .right .top .menu .swiper-container .swiper-slide {
    width: auto;
    height: 36px;
    color: #666;
    display: flex;
    align-items: center
}

.index-box3 .container .right .top .menu .swiper-container .swiper-slide-active {
    color: #9f0f26;
    font-weight: bold;
    font-size: 24px
}

.index-box3 .container .right .top .menu .ck {
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: flex
}

.index-box3 .container .right .top .menu .ck .swiper-prev,
.index-box3 .container .right .top .menu .ck .swiper-next {
    width: 36px;
    height: 36px;
    padding: 0 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-box3 .container .right .top .menu .ck .swiper-prev svg,
.index-box3 .container .right .top .menu .ck .swiper-next svg {
    width: 15px;
    height: 15px;
    transform: rotateZ(-90deg)
}

.index-box3 .container .right .top .menu .ck .swiper-prev svg path,
.index-box3 .container .right .top .menu .ck .swiper-next svg path {
    fill: rgba(153, 153, 153, 0.3);
    transition: all .4s
}

.index-box3 .container .right .top .menu .ck .swiper-prev:hover svg path,
.index-box3 .container .right .top .menu .ck .swiper-next:hover svg path {
    fill: #9f0f26
}

.index-box3 .container .right .top .menu .ck .swiper-prev svg {
    transform: rotateZ(90deg)
}


.index-box3 .container .right ul {
    height: 100%
}

.index-box3 .container .right ul li {
    width: 100%;
    height: 100%;
    display: none
}

.index-box3 .container .right ul li.on {
    display: block
}

.index-box3 .container .right ul li .img {
    height: 100%;
    display: none
}

.index-box3 .container .right ul li .img.on {
    display: block
}

.index-box3 .container .right ul li .img img {
    max-width: initial;
    height: 100%
}

.index-box3 .container .right .more{

} */

.index-box4 {
    width: 100%;
    padding: .96rem 0
}

@media (max-width: 991px) {
    .index-box4 {
        padding: 1.2rem 0
    }
}

.index-box4 .container .title {
    text-align: center;
    color: #000;
    line-height: calc(48/40)
}

.index-box4 .container .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .45rem
}

.index-box4 .container .box .item {
    width: calc(50% - 2px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.index-box4 .container .box .item:nth-child(2) .big {
    order: 3
}

@media (max-width: 991px) {
    .index-box4 .container .box .item {
        width: 100%
    }

    .index-box4 .container .box .item:nth-child(2) .big {
        order: 0
    }
}

.index-box4 .container .box .item .big {
    width: 100%;
    position: relative;
    margin-bottom: 4px
}

.index-box4 .container .box .item .big a {
    display: block
}

.index-box4 .container .box .item .big a .public-img {
    width: 100%
}

.index-box4 .container .box .item .big a .public-img::before {
    padding-top: calc(400/718*100%)
}

.index-box4 .container .box .item .big a .public-img::after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))
}

.index-box4 .container .box .item .big a .play {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #9c2a3d
}

.index-box4 .container .box .item .big a .play img {
    width: 14px
}

.index-box4 .container .box .item .big a .t1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: .27rem .3rem;
    color: #fff;
    line-height: calc(34/24);
    transition: all .4s
}

.index-box4 .container .box .item .big a:hover .public-img img {
    transform: scale(1.05)
}

.index-box4 .container .box .item .big a:hover .t1 {
    color: #9f0f26
}

.index-box4 .container .box .item .small {
    width: calc(50% - 2px);
    position: relative;
    margin-bottom: 4px
}

.index-box4 .container .box .item .small a {
    display: block
}

.index-box4 .container .box .item .small a .public-img {
    width: 100%;
    background: #00084c
}

.index-box4 .container .box .item .small a .public-img::before {
    padding-top: calc(260/357*100%)
}

.index-box4 .container .box .item .small a .public-img::after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))
}

.index-box4 .container .box .item .small a .public-img.nimg::after {
    display: none
}

.index-box4 .container .box .item .small a .more {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: .28rem .3rem;
    display: flex
}

.index-box4 .container .box .item .small a .more span {
    color: #fff;
    line-height: calc(34/24);
    transition: all .4s
}

.index-box4 .container .box .item .small a .more i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #9f0f26;
    margin-left: .15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s
}

.index-box4 .container .box .item .small a .more i svg path {
    fill: #fff
}

.index-box4 .container .box .item .small a:hover .public-img img {
    transform: scale(1.05)
}

.index-box4 .container .box .item .small a:hover .more span {
    color: #9f0f26
}

.index-box4 .container .box .item .small a:hover .more i {
    margin-left: .2rem
}

.small-pop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: none
}

.small-pop .img {
    width: 130px;
    height: 130px;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.1)
}

.small-pop .img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.small-pop .close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin: .2rem auto 0;
    cursor: pointer
}

.small-pop .close svg {
    width: 16px;
    height: 16px
}

.small-pop .close svg path {
    fill: #999
}

.footer {
    width: 100%;
    background: #00084c url(../images/footer-bg.png) center center no-repeat;
    background-size: 100%;
    padding: .6rem 0 0
}

.footer .container .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.footer .container .top .logo {
    height: .71rem;
    display: flex
}

.footer .container .top .logo a {
    height: 100%
}

.footer .container .top .logo a img {
    height: 100%
}

.footer .container .top .share {
    display: flex;
    padding-top: .1rem
}

@media (max-width: 767px) {
    .footer .container .top .share {
        width: 100%;
        margin-top: .5rem
    }
}

.footer .container .top .share a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    position: relative
}

.footer .container .top .share a:last-child {
    margin-right: 0
}

.footer .container .top .share a svg {
    width: 20px;
    height: 20px
}

.footer .container .top .share a svg path {
    fill: #8598df;
    transition: all .4s
}

.footer .container .top .share a:hover {
    border: 1px solid #fff;
    background: none
}

.footer .container .top .share a:hover svg path {
    fill: #fff
}

.footer .container .center {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: .6rem;
    padding-top: .93rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .footer .container .center {
        margin-top: .5rem;
        padding-top: .5rem
    }
}

.footer .container .center .left {
    width: 280px
}

@media (max-width: 991px) {
    .footer .container .center .left {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }
}

.footer .container .center .left .b1 {
    width: 100%
}

@media (max-width: 991px) {
    .footer .container .center .left .b1 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .footer .container .center .left .b1 {
        width: 100%
    }
}

.footer .container .center .left .b1 .tel {
    color: #fff;
    line-height: calc(40/30)
}

.footer .container .center .left .b1 .address {
    line-height: calc(30/16);
    color: #8598df;
    margin-top: 8px
}

.footer .container .center .left .email {
    color: #8598df;
    margin-top: .47rem
}

@media (max-width: 991px) {
    .footer .container .center .left .email {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .footer .container .center .left .email {
        margin-top: .5rem
    }
}

.footer .container .center .left .email .t1 {
    color: #fff;
    margin-bottom: .15rem
}

.footer .container .center .left .email span {
    line-height: calc(36/16);
    display: block
}

.footer .container .center .left .email span a {
    text-decoration: underline
}

.footer .container .center .right {
    width: calc(960/1440*100%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .footer .container .center .right {
        width: 100%;
        margin-top: .6rem
    }
}

@media (max-width: 767px) {
    .footer .container .center .right {
        display: none
    }
}

.footer .container .center .right .boxs .item {
    min-height: 1.8rem
}

@media (max-width:1024px) {
    .footer .container .center .right .boxs .item {
        min-height: 2.3rem
    }
}

.footer .container .center .right .boxs .item .t1 {
    color: #fff;
    margin-bottom: .15rem
}

.footer .container .center .right .boxs .item .t2 {
    line-height: calc(36/16);
    display: flex
}

.footer .container .center .right .boxs .item .t2 a {
    color: #8598df;
    transition: all .4s
}

.footer .container .center .right .boxs .item .t2 a:hover {
    text-decoration: underline
}

.footer .container .down {
    width: 100%;
    margin-top: 1.1rem
}

@media (max-width: 991px) {
    .footer .container .down {
        margin-top: .6rem
    }
}

.footer .container .down .tb1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer .container .down .tb1 .left {
    display: flex
}

@media (max-width: 767px) {
    .footer .container .down .tb1 .left {
        width: 100%
    }
}

.footer .container .down .tb1 .left .ts {
    margin-right: .22rem
}

.footer .container .down .tb1 .left .ts .img {
    width: .78rem;
    height: .78rem;
    border-radius: 5px;
    overflow: hidden
}

.footer .container .down .tb1 .left .ts .txt {
    text-align: center;
    color: #8598df;
    font-size: 14px;
    line-height: calc(18/14);
    margin-top: .18rem
}

.footer .container .down .tb1 .right {
    position: relative;
    margin-top: .4rem
}

.footer .container .down .tb1 .right .friend-link {
    width: 2.8rem;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #8598df;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem;
    cursor: pointer
}

.footer .container .down .tb1 .right .friend-link i {
    width: 10px
}

.footer .container .down .tb1 .right .friend-link i svg path {
    fill: #8598df
}

.footer .container .down .tb1 .right ul {
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #00084c;
    height: 3rem;
    overflow-y: auto;
    display: none
}

.footer .container .down .tb1 .right ul li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.footer .container .down .tb1 .right ul li a {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .2rem;
    color: #8598df;
    transition: all .4s
}

.footer .container .down .tb1 .right ul li a:hover {
    text-decoration: underline
}

.footer .container .down .tb1 .right:hover ul {
    display: block
}

.footer .container .down .tb2 {
    width: 100%;
    margin-top: .25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: .28rem 0 .23rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer .container .down .tb2 .copyRight {
    color: #8598df;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 991px) {
    .footer .container .down .tb2 .copyRight {
        width: 100%;
        text-align: center
    }
}

.footer .container .down .tb2 .smenu {
    display: flex
}

@media (max-width: 991px) {
    .footer .container .down .tb2 .smenu {
        width: 100%;
        justify-content: center
    }
}

.footer .container .down .tb2 .smenu a {
    color: #8598df;
    font-size: 14px;
    line-height: 24px
}

.footer .container .down .tb2 .smenu a i {
    font-style: italic;
    margin: 0 10px
}

.share {
    text-align: center
}

.social-share a:before {
    display: none
}

.social-share a:hover {
    background: transparent
}

.social-share .icon-wechat .wechat-qrcode {
    top: 50px;
    left: 50%;
    transform: translateX(-50%)
}

.social-share .icon-wechat .wechat-qrcode:after {
    display: none
}

@media (max-width:992px) {
    .social-share .icon-wechat .wechat-qrcode h4 {
        display: none
    }

    .social-share .icon-wechat .wechat-qrcode .help {
        display: none
    }

    .social-share .icon-wechat .wechat-qrcode .qrcode {
        width: 100px
    }

    .social-share .icon-wechat .wechat-qrcode {
        top: 50px;
        left: -60px;
        width: 120px;
        height: initial;
        z-index: 999
    }
}

.social-share .icon-facebook:hover path {
    fill: #44619D;
    opacity: 1
}

.social-share .icon-twitter:hover path {
    fill: #55acee;
    opacity: 1
}

.social-share .icon-weibo:hover path {
    fill: #ff763b;
    opacity: 1
}

.social-share .icon-wechat:hover path {
    fill: #7bc549;
    opacity: 1
}

.info-banner {
    width: 100%;
    position: relative
}

.info-banner .bg {
    width: 100%;
    height: 6rem;
    position: relative;
    z-index: 1
}

.info-banner .bg::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 15, 70, 0.3)
}

.info-banner .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 991px) {
    .info-banner .bg img.pc {
        display: none
    }
}

.info-banner .bg img.mb {
    display: none
}

@media (max-width: 991px) {
    .info-banner .bg img.mb {
        display: block
    }
}

.info-banner .container {
    position: absolute;
    top: 2.22rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.info-banner .container .title {
    text-align: center;
    color: #fff;
    line-height: calc(50/40)
}

.info-banner .container .txt {
    text-align: center;
    margin-top: 5px;
    color: #fff
}

.info-banner .public-menu {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3)
}

@media (max-width: 767px) {
    .info-banner .public-menu.add-search {
        bottom: -0.88rem;
        padding-bottom: .1rem
    }
}

.info-banner .public-menu .container {
    position: relative;
    left: inherit;
    top: initial;
    transform: translate(0);
    display: flex;
    align-items: center
}

.info-banner .public-menu .container .home {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1)
}

.info-banner .public-menu .container .home a {
    width: .8rem;
    height: .64rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s
}

@media (max-width: 991px) {
    .info-banner .public-menu .container .home a {
        height: .68rem
    }
}

@media (max-width: 767px) {
    .info-banner .public-menu .container .home a {
        height: .8rem
    }
}

.info-banner .public-menu .container .home a svg {
    width: 16px
}

.info-banner .public-menu .container .home a svg path {
    fill: #fff
}

.info-banner .public-menu .container .home a:hover {
    background: #9f0f26
}

.info-banner .public-menu .container ul {
    width: calc(100% - .82rem);
    display: flex;
    overflow-x: auto;
    clip-path: inset(0 -100vw -100vh 0)
}

.info-banner .public-menu .container ul::-webkit-scrollbar {
    height: 5px
}

.info-banner .public-menu .container ul::-webkit-scrollbar-thumb {
    background: #9f0f26;
    box-shadow: none
}

.info-banner .public-menu .container ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 .3rem
}

.info-banner .public-menu .container ul li:last-child {
    border-right: none
}

.info-banner .public-menu .container ul li>a {
    min-width: 1rem;
    height: .64rem;
    display: flex;
    align-items: center;
    color: #fff;
    transition: all .4s;
    white-space: nowrap
}

@media (max-width: 991px) {
    .info-banner .public-menu .container ul li>a {
        height: .68rem
    }
}

@media (max-width: 767px) {
    .info-banner .public-menu .container ul li>a {
        height: .8rem
    }
}

.info-banner .public-menu .container ul li i {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin-left: .1rem
}

@media (max-width: 991px) {
    .info-banner .public-menu .container ul li i {
        display: none
    }
}

.info-banner .public-menu .container ul li i svg path {
    fill: #9f0f26
}

.info-banner .public-menu .container ul li .sm {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    background: #fff;
    display: none
}

.info-banner .public-menu .container ul li .sm>a {
    width: 100%;
    height: .56rem;
    padding: 0 .3rem;
    color: #333;
    position: relative;
    transition: all .4s;
    display: flex;
    align-items: center
}

.info-banner .public-menu .container ul li .sm>a::before {
    content: '';
    width: calc(100% - .4rem);
    height: 1px;
    background: rgba(0, 8, 76, 0.1);
    position: absolute;
    bottom: 0;
    left: .2rem;
    transition: all .4s
}

@media (max-width: 767px) {
    .info-banner .public-menu .container ul li .sm>a {
        height: .7rem
    }
}

@media (min-width: 992px) {
    .info-banner .public-menu .container ul li .sm>a:hover {
        background: rgba(159, 15, 38, 0.1)
    }

    .info-banner .public-menu .container ul li .sm>a:hover::before {
        opacity: 0
    }
}

@media (min-width: 992px) {
    .info-banner .public-menu .container ul li:hover {
        background: #9f0f26
    }

    .info-banner .public-menu .container ul li:hover .sm {
        display: block
    }
}

.info-banner .public-menu .container ul li.on {
    background: #9f0f26
}

.digital-resource {
    width: 100%;
    padding: 1rem 0 1.1rem
}

.digital-resource .container .list {
    width: 100%
}

.digital-resource .container .list ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    margin-bottom: .3rem;
    transition: all .4s
}

.digital-resource .container .list ul li:last-child {
    margin-bottom: 0
}

.digital-resource .container .list ul li .tbox {
    width: calc(945/1440*100%);
    padding: .42rem .75rem .4rem .4rem;
    transition: all .4s
}

@media (max-width: 991px) {
    .digital-resource .container .list ul li .tbox {
        width: 100%
    }
}

.digital-resource .container .list ul li .tbox .icon {
    height: 60px;
    display: inline-flex;
    align-items: center;
    background: #fff
}

.digital-resource .container .list ul li .tbox .icon img {
    max-height: 100%
}

.digital-resource .container .list ul li .tbox .t1 {
    color: #333;
    line-height: calc(32/22);
    transition: all .4s;
    margin-top: .2rem
}

@media (max-width: 991px) {
    .digital-resource .container .list ul li .tbox .t1 {
        font-size: 20px
    }
}

.digital-resource .container .list ul li .tbox .t2 {
    color: #666;
    margin-top: .22rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s;
    height: 3em
}

.digital-resource .container .list ul li .tbox .more {
    display: inline-flex;
    align-items: center;
    margin-top: .1rem;
    cursor: pointer
}

.digital-resource .container .list ul li .tbox .more span {
    color: #00084c;
    transition: all .4s
}

@media (max-width: 991px) {
    .digital-resource .container .list ul li .tbox .more span {
        font-size: 14px
    }
}

.digital-resource .container .list ul li .tbox .more i {
    display: flex;
    align-items: center;
    margin-left: 5px
}

.digital-resource .container .list ul li .tbox .more i svg {
    width: 10px;
    transition: all .4s
}

.digital-resource .container .list ul li .tbox .more i svg path {
    fill: #00084c;
    transition: all .4s
}

.digital-resource .container .list ul li .tbox2 {
    width: calc(495/1440*100%);
    background: rgba(0, 8, 76, 0.05);
    transition: all .4s;
    padding: .8rem .5rem 0
}

@media (max-width: 991px) {
    .digital-resource .container .list ul li .tbox2 {
        width: 100%;
        padding: .5rem
    }
}

.digital-resource .container .list ul li .tbox2 .a {
    display: inline-flex;
    align-items: center
}

.digital-resource .container .list ul li .tbox2 .a span {
    color: #9f0f26;
    transition: all .4s
}

.digital-resource .container .list ul li .tbox2 .a i {
    width: 10px;
    display: flex;
    align-items: center;
    margin-left: .15rem
}

.digital-resource .container .list ul li .tbox2 .a i svg {
    transform: rotateZ(-45deg)
}

.digital-resource .container .list ul li .tbox2 .a i svg path {
    fill: #9f0f26;
    transition: all .4s
}

.digital-resource .container .list ul li .tbox2 .t1 {
    color: #333;
    margin-top: .22rem;
    transition: all .4s
}

.digital-resource .container .list ul li .tbox2 .t2 {
    color: #333;
    margin-top: .1rem;
    transition: all .4s
}

@media (min-width: 992px) {
    .digital-resource .container .list ul li:hover {
        background: #00084c;
        border: 1px solid #00084c
    }

    .digital-resource .container .list ul li:hover .tbox .t1 {
        color: #fff
    }

    .digital-resource .container .list ul li:hover .tbox .t2 {
        color: #fff
    }

    .digital-resource .container .list ul li:hover .tbox .more span {
        color: #fff
    }

    .digital-resource .container .list ul li:hover .tbox .more i svg path {
        fill: #fff
    }

    .digital-resource .container .list ul li:hover .tbox2 {
        background: #00084c;
        border-left: 1px solid rgba(255, 255, 255, 0.1)
    }

    .digital-resource .container .list ul li:hover .tbox2 .a span {
        color: #fff;
        text-decoration: underline
    }

    .digital-resource .container .list ul li:hover .tbox2 .a i svg path {
        fill: #fff
    }

    .digital-resource .container .list ul li:hover .tbox2 .t1 {
        color: #fff
    }

    .digital-resource .container .list ul li:hover .tbox2 .t2 {
        color: #fff
    }
}

.digital-resource .container .list ul li.on .tbox .t2 {
    -webkit-line-clamp: initial
}

.digital-resource .container .list ul li.on .tbox .more i svg {
    transform: rotateZ(180deg)
}

.news {
    width: 100%
}

.news .box1 {
    width: 100%;
    background: #fff;
    padding: 1rem 0 .75rem
}

.news .box1 .container ul {
    width: calc(100% + .8rem);
    margin: 0 -0.4rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .news .box1 .container ul {
        width: 100%;
        margin: 0
    }
}

.news .box1 .container ul li {
    width: calc(50% - .8rem);
    margin: 0 .4rem
}

@media (max-width: 991px) {
    .news .box1 .container ul li {
        width: 100%;
        margin: 0 0 .3rem
    }
}

.news .box1 .container ul li a {
    display: block
}

.news .box1 .container ul li a .public-img {
    width: 100%
}

.news .box1 .container ul li a .public-img::before {
    padding-top: calc(380/680*100%)
}

.news .box1 .container ul li a .tbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: .25rem 8px .25rem 0
}

.news .box1 .container ul li a .tbox .tleft {
    width: calc(530/680*100%)
}

.news .box1 .container ul li a .tbox .tleft .t1 {
    color: #333;
    line-height: calc(32/22);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news .box1 .container ul li a .tbox .tleft .t2 {
    color: #999;
    margin-top: .24rem
}

.news .box1 .container ul li a .tbox .icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ccc;
    margin-top: .1rem;
    transition: all .4s
}

.news .box1 .container ul li a .tbox .icon svg {
    width: 16px
}

.news .box1 .container ul li a .tbox .icon svg path {
    fill: #fff
}

.news .box1 .container ul li a:hover .public-img img {
    transform: scale(1.05)
}

.news .box1 .container ul li a:hover .tbox .icon {
    background: #00084c
}

.news .box2 {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0
}

.news .box2 .container .select-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .25rem;
    border-bottom: 1px solid #e5e5e5
}

@media (max-width: 991px) {
    .news .box2 .container .select-box .year {
        width: 100%
    }
}

.news .box2 .container .select-box .year ul {
    display: flex
}

@media (max-width: 991px) {
    .news .box2 .container .select-box .year ul {
        padding-bottom: .1rem;
        overflow-x: auto
    }
}

.news .box2 .container .select-box .year ul li {
    flex-shrink: 0;
    margin-right: .15rem
}

.news .box2 .container .select-box .year ul li:last-child {
    margin-right: 0
}

.news .box2 .container .select-box .year ul li a {
    padding: 0 .3rem;
    height: 48px;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    transition: all .4s
}

@media (min-width: 992px) {
    .news .box2 .container .select-box .year ul li:hover a {
        background: #00084c;
        color: #fff
    }
}

.news .box2 .container .select-box .year ul li.on a {
    background: #00084c;
    color: #fff
}

.news .box2 .container .select-box .rbox {
    display: flex
}

@media (max-width: 991px) {
    .news .box2 .container .select-box .rbox {
        width: 100%;
        margin-top: .3rem
    }
}

.news .box2 .container .select-box .rbox .select {
    width: 160px;
    height: 48px;
    border-radius: 24px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    margin-right: .15rem
}

.news .box2 .container .select-box .rbox .select .t1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.news .box2 .container .select-box .rbox .select .t1 span {
    color: #666
}

.news .box2 .container .select-box .rbox .select .t1 i {
    display: flex;
    align-items: center;
    margin-left: .15rem
}

.news .box2 .container .select-box .rbox .select .t1 i svg path {
    fill: #333
}

.news .box2 .container .select-box .rbox .select ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: .24rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    display: none;
    z-index: 2
}

.news .box2 .container .select-box .rbox .select ul li {
    width: 100%;
    padding: 0 .2rem;
    transition: all .4s
}

.news .box2 .container .select-box .rbox .select ul li a {
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    color: #333;
    transition: all .4s
}

.news .box2 .container .select-box .rbox .select ul li:last-child a {
    border-bottom: none
}

@media (min-width: 992px) {
    .news .box2 .container .select-box .rbox .select ul li:hover {
        background: #00084c
    }

    .news .box2 .container .select-box .rbox .select ul li:hover a {
        color: #fff;
        border-bottom: 1px solid #00084c
    }
}

.news .box2 .container .select-box .rbox .select:hover ul {
    display: block
}

.news .box2 .container .select-box .rbox .search-box {
    width: 240px;
    height: 48px;
    background: #fff;
    border-radius: 24px;
    display: flex;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 4px
}

.news .box2 .container .select-box .rbox .search-box .txt {
    width: 100%;
    height: 100%;
    color: #333;
    padding-left: 10px
}

.news .box2 .container .select-box .rbox .search-box .btn {
    width: 40px;
    height: 40px;
    background: #00084c url(../images/search-w.svg) center center no-repeat;
    background-size: 14px;
    border-radius: 50%;
    flex-shrink: 0
}

.news .box2 .container .list {
    width: 1005
}

.news .box2 .container .list ul li {
    width: 100%;
    position: relative
}

.news .box2 .container .list ul li::before {
    content: '';
    width: 0;
    height: 3px;
    background: #00084c;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all .4s;
    z-index: 2
}

.news .box2 .container .list ul li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: .54rem 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

@media (max-width: 991px) {
    .news .box2 .container .list ul li a {
        flex-wrap: wrap
    }
}

.news .box2 .container .list ul li a .public-img {
    width: calc(340/1440*100%);
    flex-shrink: 0;
    margin-right: .65rem
}

@media (max-width: 991px) {
    .news .box2 .container .list ul li a .public-img {
        width: 100%;
        margin-right: 0
    }
}

.news .box2 .container .list ul li a .public-img::before {
    padding-top: calc(190/340*100%)
}

.news .box2 .container .list ul li a .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: rgba(0, 8, 76, 0.3);
    opacity: 0;
    transition: all .4s
}

.news .box2 .container .list ul li a .tbox {
    width: 100%;
    padding-top: .38rem
}

@media (max-width: 1260px) {
    .news .box2 .container .list ul li a .tbox {
        padding-top: .1rem
    }
}

@media (max-width: 991px) {
    .news .box2 .container .list ul li a .tbox {
        padding-top: .5rem
    }
}

.news .box2 .container .list ul li a .tbox .t1 {
    color: #333;
    line-height: calc(28/22);
    transition: all .4s
}

.news .box2 .container .list ul li a .tbox .t2 {
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em;
    margin-top: .24rem
}

.news .box2 .container .list ul li a .right {
    width: 145px;
    flex-shrink: 0;
    position: relative;
    margin-left: 1.9rem;
    margin-top: .66rem
}

@media (max-width: 1260px) {
    .news .box2 .container .list ul li a .right {
        margin-left: .8rem;
        margin-top: .4rem
    }
}

@media (max-width: 991px) {
    .news .box2 .container .list ul li a .right {
        margin-left: 0;
        margin-top: .1rem
    }
}

.news .box2 .container .list ul li a .right .time {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999
}

@media (max-width: 991px) {
    .news .box2 .container .list ul li a .right .time {
        justify-content: flex-start
    }
}

.news .box2 .container .list ul li a .right .more {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s
}

.news .box2 .container .list ul li a .right .more .public-btn .a {
    border: 1px solid #081056;
    background: #081056
}

.news .box2 .container .list ul li a .right .more .public-btn .a span {
    color: #fff
}

.news .box2 .container .list ul li a .right .more .public-btn .a i {
    margin: 0 0 0 .1rem
}

.news .box2 .container .list ul li a .right .more .public-btn .a i svg path {
    fill: #fff
}

@media (min-width: 992px) {
    .news .box2 .container .list ul li:hover::before {
        width: 100%
    }

    .news .box2 .container .list ul li:hover a .public-img::after {
        opacity: 1
    }

    .news .box2 .container .list ul li:hover a .tbox .t1 {
        color: #00084c
    }

    .news .box2 .container .list ul li:hover a .right .time {
        display: none
    }

    .news .box2 .container .list ul li:hover a .right .more {
        opacity: 1
    }
}

.news .box2 .container .page-list {
    margin-top: .53rem
}

.news-info {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 .7rem
}

.news-info .container .info-box {
    width: 100%;
    background: #fff;
    padding: .95rem 1rem .55rem
}

@media (max-width: 991px) {
    .news-info .container .info-box {
        padding: .95rem .5rem .55rem
    }
}

.news-info .container .info-box .title {
    line-height: calc(48/36);
    color: #000
}

.news-info .container .info-box .tips {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .54rem;
    border-top: 2px solid #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: .25rem 0
}

.news-info .container .info-box .tips .ts {
    color: #999;
    margin-right: .8rem
}

@media (max-width: 991px) {
    .news-info .container .info-box .tips .ts {
        margin-bottom: .1rem
    }
}

.news-info .container .info-box .tips .share {
    color: #999;
    display: flex;
    align-items: center
}

.news-info .container .info-box .tips .share a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 8, 76, 0.1);
    margin-left: .15rem;
    transition: all .4s
}

.news-info .container .info-box .tips .share a svg {
    width: 15px
}

.news-info .container .info-box .tips .share a svg path {
    fill: #999
}

.news-info .container .info-box .tips .share a:hover {
    background: #9f0f26
}

.news-info .container .info-box .tips .share a:hover svg path {
    fill: #fff
}

.news-info .container .info-box .content {
    width: 100%;
    color: #333;
    line-height: calc(26/16);
    padding: .55rem 0 .95rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.news-info .container .info-box .content img {
    display: block;
    margin: auto
}

.news-info .container .info-box .ckbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .57rem
}

@media (max-width: 767px) {
    .news-info .container .info-box .ckbox {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .news-info .container .info-box .ckbox .left {
        width: 100%
    }
}

.news-info .container .info-box .ckbox .left a {
    display: flex;
    line-height: calc(26/16);
    color: #333;
    white-space: nowrap
}

.news-info .container .info-box .ckbox .left a span {
    display: inline-block;
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-info .container .info-box .ckbox .left a:hover span {
    color: #00084c
}

.news-info .container .info-box .ckbox .back {
    display: flex
}

@media (max-width: 767px) {
    .news-info .container .info-box .ckbox .back {
        width: 100%;
        justify-content: center;
        margin-top: .3rem
    }
}

.news-info .container .info-box .ckbox .back a {
    display: flex;
    align-items: center
}

.news-info .container .info-box .ckbox .back a i {
    margin-right: .1rem;
    display: flex;
    align-items: center
}

.news-info .container .info-box .ckbox .back a span {
    color: #00084c
}

.news-info .container .recommended-news {
    width: 100%;
    margin-top: .93rem
}

.news-info .container .recommended-news .title {
    line-height: calc(48/36);
    text-align: center;
    color: #000
}

.news-info .container .recommended-news .list {
    width: 100%;
    margin-top: .53rem
}

.news-info .container .recommended-news .list ul {
    width: calc(100% + .6rem);
    margin: 0 -0.3rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .news-info .container .recommended-news .list ul {
        width: 100%;
        margin: 0
    }
}

.news-info .container .recommended-news .list ul li {
    width: calc(33.33% - .6rem);
    margin: 0 .3rem .3rem
}

@media (max-width: 991px) {
    .news-info .container .recommended-news .list ul li {
        width: 100%;
        margin: 0 0 .3rem
    }
}

.news-info .container .recommended-news .list ul li a {
    display: block
}

.news-info .container .recommended-news .list ul li a .public-img {
    width: 100%
}

.news-info .container .recommended-news .list ul li a .public-img::before {
    padding-top: calc(246/440*100%)
}

.news-info .container .recommended-news .list ul li a .tbox {
    width: 100%;
    padding: .24rem 0 0
}

.news-info .container .recommended-news .list ul li a .tbox .t1 {
    color: #999
}

.news-info .container .recommended-news .list ul li a .tbox .t2 {
    color: #333;
    line-height: calc(28/20);
    margin-top: .1rem;
    transition: all .4s
}

.news-info .container .recommended-news .list ul li a .tbox .more {
    display: flex;
    margin-top: .36rem
}

.news-info .container .recommended-news .list ul li a .tbox .more span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00084c;
    transition: all .4s
}

.news-info .container .recommended-news .list ul li a .tbox .more span svg path {
    fill: #fff
}

@media (min-width: 992px) {
    .news-info .container .recommended-news .list ul li:hover a .public-img img {
        transform: scale(1.05)
    }

    .news-info .container .recommended-news .list ul li:hover a .tbox .t2 {
        color: #9f0f26
    }

    .news-info .container .recommended-news .list ul li:hover a .tbox .more span {
        background: #9f0f26
    }
}

.page-list {
    width: 100%;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .page-list {
        flex-wrap: wrap
    }
}

.page-list a {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222;
    margin: 0 8px;
    transition: all .4s
}

@media (max-width: 767px) {
    .page-list a {
        width: 36px;
        height: 36px;
        margin: 0 4px
    }
}

.page-list a svg path {
    fill: #222;
    transition: all .4s
}

@media (min-width: 992px) {
    .page-list a:hover {
        background: #00084c;
        color: #fff
    }

    .page-list a:hover svg path {
        fill: #fff
    }
}

.page-list a.on {
    background: #00084c;
    color: #fff
}

.page-list a.on svg path {
    fill: #fff
}

.page-list .prev {
    background: #ededed
}

.page-list .prev svg {
    transform: rotateZ(90deg)
}

.page-list .next {
    background: #ededed
}

.page-list .next svg {
    transform: rotateZ(-90deg)
}

.page-list .more {
    border: none;
    background: none
}

@media (min-width: 992px) {
    .page-list .more:hover {
        background: none;
        color: #333
    }
}

.page-list .jump {
    display: flex;
    align-items: center;
    margin: 0 8px;
    color: #222
}

@media (max-width: 767px) {
    .page-list .jump {
        width: 100%;
        margin: .2rem 0 0;
        justify-content: center;
        display: none
    }
}

.page-list .jump .num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    color: #00084c;
    margin: 0 .15rem
}

@media (max-width: 767px) {
    .page-list .jump .num {
        width: 36px;
        height: 36px;
        margin: 0 .1rem
    }
}

.download {
    width: 100%;
    background: #f8f8f8;
    padding: 1.68rem 0 2rem
}

@media (max-width: 767px) {
    .download {
        padding: 1.8rem 0 2rem
    }
}

.download .container .s-menu {
    width: 100%;
    margin-bottom: .5rem;
    display: none
}

@media (max-width: 991px) {
    .download .container .s-menu {
        display: block
    }
}

.download .container .s-menu ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.download .container .s-menu ul li {
    display: flex;
    margin: 0 .2rem .1rem 0
}

.download .container .s-menu ul li a {
    height: .6rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 .2rem;
    display: flex;
    align-items: center
}

.download .container .s-menu ul li.on a {
    border: 1px solid #9f0f26;
    background: #9f0f26;
    color: #fff
}

.download .container .t-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.download .container .t-top .title {
    line-height: calc(48/36);
    color: #000
}

.download .container .t-top .search-box {
    width: 240px;
    height: .5rem;
    background: #fff;
    border-radius: 24px;
    display: flex;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 4px;
    margin-left: auto
}

@media (max-width: 991px) {
    .download .container .t-top .search-box {
        height: .68rem
    }
}

@media (max-width: 767px) {
    .download .container .t-top .search-box {
        width: 100%;
        margin-top: .1rem
    }
}

.download .container .t-top .search-box .stxt {
    width: calc(100% - 40px);
    height: 100%;
    color: #333;
    padding-left: 10px
}

.download .container .t-top .search-box .btn {
    width: 40px;
    height: 100%;
    border-radius: 50%;
    flex-shrink: 0
}

.download .container .t-top .search-box .btn svg path {
    fill: #000f46
}

.download .container .list {
    width: 100%;
    margin-top: .33rem;
    background: #fff
}

.download .container .list ul li {
    width: 100%;
    display: flex;
    padding: .36rem 0 .36rem .6rem;
    border-bottom: 1px solid rgba(0, 8, 76, 0.1)
}

@media (max-width: 767px) {
    .download .container .list ul li {
        padding: .36rem 0 .36rem .3rem
    }
}

.download .container .list ul li:nth-child(1) {
    background: #00084c
}

.download .container .list ul li:nth-child(1) .t1,
.download .container .list ul li:nth-child(1) .t2,
.download .container .list ul li:nth-child(1) .t3,
.download .container .list ul li:nth-child(1) .t4 {
    color: #fff
}

.download .container .list ul li .t1 {
    width: calc(720/1380*100%);
    color: #333
}

@media (max-width: 767px) {
    .download .container .list ul li .t1 {
        width: 100%
    }
}

.download .container .list ul li .t2 {
    width: calc(186/1380*100%);
    color: #999;
    text-align: center
}

@media (max-width: 767px) {
    .download .container .list ul li .t2 {
        display: none
    }
}

.download .container .list ul li .t3 {
    width: calc(276/1380*100%);
    color: #999;
    text-align: center
}

@media (max-width: 767px) {
    .download .container .list ul li .t3 {
        display: none
    }
}

.download .container .list ul li .t4 {
    width: calc(196/1380*100%);
    text-align: center
}

@media (max-width: 767px) {
    .download .container .list ul li .t4 {
        width: 25%;
        flex-shrink: 0
    }
}

.download .container .list ul li .t4 a {
    color: #00084c;
    text-decoration: underline
}

.download .container .page-list {
    margin-top: .8rem
}

.college-profile {
    width: 100%;
    background: #f8f8f8;
    padding: .97rem 0 1.97rem
}

.college-profile .container .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.college-profile .container .top .tbox {
    width: calc(730/1440*100%)
}

@media (max-width: 991px) {
    .college-profile .container .top .tbox {
        width: 100%
    }
}

.college-profile .container .top .tbox .title {
    color: #000;
    line-height: calc(40/36)
}

.college-profile .container .top .tbox .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: .27rem
}

.college-profile .container .top .tbox .txt {
    line-height: calc(26/16);
    color: #333;
    margin-top: .55rem
}

.college-profile .container .top .img {
    width: calc(630/1440*100%)
}

.college-profile .container .top .img img {
    width: 100%
}

@media (max-width: 991px) {
    .college-profile .container .top .img {
        width: 100%;
        margin-top: .3rem
    }
}

.college-profile .container .txts {
    line-height: calc(26/16);
    color: #333;
    margin-top: .53rem
}

@media (max-width: 991px) {
    .college-profile .container .txts {
        margin-top: .3rem
    }
}

.dean-message {
    width: 100%;
    background: #f8f8f8;
    padding: .97rem 0 2rem
}

.dean-message .container .top {
    width: 100%
}

.dean-message .container .top .title {
    color: #000;
    line-height: calc(40/36)
}

.dean-message .container .top .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: .27rem
}

.dean-message .container .down {
    width: 100%;
    margin-top: 1.3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .dean-message .container .down {
        margin-top: .5rem
    }
}

.dean-message .container .down .public-img {
    width: calc(400/1440*100%);
    background: rgba(0, 8, 76, 0.1);
    overflow: visible;
    margin-top: .2rem
}

@media (max-width: 991px) {
    .dean-message .container .down .public-img {
        width: 100%
    }
}

.dean-message .container .down .public-img::before {
    padding-top: calc(533/400*100%)
}

@media (min-width: 992px) {
    .dean-message .container .down .public-img img {
        margin-top: -0.6rem;
        margin-left: .6rem
    }
}

.dean-message .container .down .tbox {
    width: calc(900/1440*100%)
}

@media (max-width: 991px) {
    .dean-message .container .down .tbox {
        width: 100%;
        margin-top: .5rem
    }
}

.dean-message .container .down .tbox .t1 {
    color: #000;
    line-height: calc(40/36);
    display: flex;
    align-items: baseline
}

.dean-message .container .down .tbox .t1 span {
    color: #00084c;
    line-height: calc(22/18);
    margin-left: .3rem
}

.dean-message .container .down .tbox .txt {
    line-height: calc(26/16);
    color: #333;
    margin-top: .4rem;
    border-top: 1px solid #e5e5e5;
    padding-top: .32rem
}

.leading-group {
    width: 100%;
    background: #f8f8f8;
    padding: .97rem 0 2rem
}

.leading-group .container .top {
    width: 100%
}

.leading-group .container .top .title {
    color: #000;
    line-height: calc(40/36)
}

.leading-group .container .top .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: .27rem
}

.leading-group .container .list {
    width: 100%;
    margin-top: .6rem
}

.leading-group .container .list ul {
    width: calc(100% + .36rem);
    margin: 0 -0.18rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .leading-group .container .list ul {
        width: 100%;
        margin: 0
    }
}

.leading-group .container .list ul li {
    width: calc(20% - .36rem);
    margin: 0 .18rem .3rem;
    background: #fff;
    border: 1px solid #eee;
    padding: .3rem 0 .24rem
}

@media (max-width: 1260px) {
    .leading-group .container .list ul li {
        width: calc(25% - .36rem)
    }
}

@media (max-width: 991px) {
    .leading-group .container .list ul li {
        width: calc(50% - .36rem)
    }
}

@media (max-width: 767px) {
    .leading-group .container .list ul li {
        width: 100%;
        margin: 0 0 .3rem
    }
}

.leading-group .container .list ul li .public-img {
    width: 2.1rem;
    border-radius: 50%;
    margin: 0 auto
}

.leading-group .container .list ul li .public-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.leading-group .container .list ul li .t1 {
    text-align: center;
    color: #00084c;
    margin-top: .28rem
}

.leading-group .container .list ul li .t2 {
    color: #000;
    text-align: center;
    margin-top: .1rem
}

.leading-group .container .list ul li .t3 {
    text-align: center;
    margin-top: .1rem
}

.leading-group .container .page-list {
    margin-top: .7rem
}

.history {
    width: 100%;
    background: #f8f8f8;
    padding: 0.97rem 0 1rem;
  }
  .history .container .top {
    width: 100%;
  }
  .history .container .top .title {
    color: #000;
    line-height: calc(40/36);
  }
  .history .container .top .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: 0.27rem;
  }
  .history .container .list {
    width: 100%;
    margin-top: 0.7rem;
  }
  .history .container .list ul {
    width: 100%;
    position: relative;
  }
  .history .container .list ul::before {
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(0, 8, 76, 0.1);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  @media (max-width: 767px) {
    .history .container .list ul::before {
      left: 0;
      transform: translateX(0);
    }
  }
  .history .container .list ul li {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 2;
    margin-bottom: 0.63rem;
  }
  @media (max-width: 767px) {
    .history .container .list ul li {
      padding-left: 0.2rem;
      flex-wrap: wrap;
    }
  }
  .history .container .list ul li:last-child {
    margin-bottom: 0;
  }
  .history .container .list ul li::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #020a4d;
    background: #fff;
    box-sizing: border-box;
  }
  @media (max-width: 767px) {
    .history .container .list ul li::before {
      left: -5px;
      transform: translateX(0);
      top: 0.15rem;
    }
  }
  .history .container .list ul li:nth-child(odd) {
    justify-content: flex-end;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(odd) {
      justify-content: flex-start;
    }
  }
  .history .container .list ul li:nth-child(odd) .tbox {
    padding-left: 0.5rem;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(odd) .tbox {
      padding-left: 0;
    }
  }
  .history .container .list ul li:nth-child(odd) .public-img {
    margin-right: 0.5rem;
    order: -1;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(odd) .public-img {
      margin-right: 0;
      order: 2;
    }
  }
  .history .container .list ul li:nth-child(even) .tbox {
    padding-right: 0.5rem;
  }
  @media (max-width: 991px) {
    .history .container .list ul li:nth-child(even) .tbox {
      padding-right: 0;
    }
  }
  .history .container .list ul li:nth-child(even) .tbox .time {
    text-align: right;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(even) .tbox .time {
      text-align: left;
    }
  }
  .history .container .list ul li:nth-child(even) .tbox .txt {
    margin-left: auto;
    text-align: right;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(even) .tbox .txt {
      margin-left: 0;
      text-align: left;
    }
  }
  .history .container .list ul li:nth-child(even) .public-img {
    margin-left: 0.5rem;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(even) .public-img {
      margin-left: 0;
    }
  }
  .history .container .list ul li:nth-child(1) {
    padding-top: 0.2rem;
    padding-left: 0;
    margin-bottom: 1.95rem;
    display: flex;
    flex-direction: row-reverse;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(1) {
      flex-wrap: wrap;
      padding-left: 0.2rem;
      margin-bottom: 0.63rem;
    }
  }
  .history .container .list ul li:nth-child(1)::before {
    display: none;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(1)::before {
      display: block;
    }
  }
  .history .container .list ul li:nth-child(1) .tbox {
    width: calc(750/1440*100%);
    background: url(../images/history-li-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 0.76rem 0.8rem;
    flex-shrink: 0;
    margin-left: -0.6rem;
    margin-bottom: -0.2rem;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(1) .tbox {
      width: 100%;
      margin-left: 0;
      margin-bottom: 0;
      padding: 0.5rem 0.3rem;
    }
  }
  .history .container .list ul li:nth-child(1) .tbox .time {
    color: #fff;
    line-height: calc(40/36);
  }
  .history .container .list ul li:nth-child(1) .tbox .txt {
    color: #fff;
    margin-top: 0.36rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 0.36rem;
  }
  .history .container .list ul li:nth-child(1) .public-img {
    width: calc(750/1440*100%);
    position: relative;
    margin-top: -0.2rem;
    flex-shrink: 0;
    order: 2;
  }
  @media (max-width: 767px) {
    .history .container .list ul li:nth-child(1) .public-img {
      width: 100%;
      margin-top: 0;
    }
  }
  .history .container .list ul li:nth-child(1) .public-img::before {
    padding-top: calc(440/750*100%);
  }
  .history .container .list ul li .tbox {
    width: 50%;
    padding-top: 0.25rem;
  }
  @media (max-width: 767px) {
    .history .container .list ul li .tbox {
      width: 100%;
      padding-top: 0;
    }
  }
  .history .container .list ul li .tbox .time {
    color: #000;
    line-height: calc(40/30);
  }
  .history .container .list ul li .tbox .txt {
    width: 490px;
    max-width: 100%;
    margin-top: 0.2rem;
    color: #666;
  }
  .history .container .list ul li .public-img {
    width: 2.84rem;
  }
  @media (max-width: 767px) {
    .history .container .list ul li .public-img {
      width: 100%;
      margin-top: 0.2rem;
    }
  }
  .history .container .list ul li .public-img::before {
    padding-top: calc(168/284*100%);
  }

.contact {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 2rem
}

.contact .container {
    background: #fff;
    padding: .97rem 1rem 1rem
}

@media (max-width: 991px) {
    .contact .container {
        padding: 1rem .5rem
    }
}

.contact .container .title {
    color: #000;
    line-height: calc(40/36)
}

.contact .container .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: .58rem
}

@media (max-width: 991px) {
    .contact .container .box {
        flex-direction: column-reverse
    }
}

.contact .container .box .tbox {
    width: calc(320/1240*100%)
}

@media (max-width: 1580px) {
    .contact .container .box .tbox {
        width: calc(460/1240*100%)
    }
}

@media (max-width: 991px) {
    .contact .container .box .tbox {
        width: 100%;
        margin-top: .5rem
    }
}

.contact .container .box .tbox .ts {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-items: center;
    padding-bottom: .4rem;
    border-bottom: 1px dashed #cacaca;
    margin-bottom: .4rem
}

.contact .container .box .tbox .ts:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.contact .container .box .tbox .ts i {
    width: 40px;
    height: 40px;
    background: #00084c;
    display: flex;
    justify-content: center;
    align-items: center
}

.contact .container .box .tbox .ts i svg {
    width: 50%
}

.contact .container .box .tbox .ts i svg path {
    fill: #fff
}

.contact .container .box .tbox .ts span {
    margin-left: .27rem;
    line-height: calc(24/18)
}

.contact .container .box .public-img {
    width: calc(700/1240*100%)
}

@media (max-width: 991px) {
    .contact .container .box .public-img {
        width: 100%
    }
}

.contact .container .box .public-img::before {
    padding-top: calc(440/700*100%)
}

.organization {
    width: 100%;
    background: #f8f8f8;
    padding: 1.25rem 0 2.8rem
}

.organization .container {
    position: relative;
    max-width: 1500px
}

@media (max-width:1024px) {
    .organization .container {
        overflow-x: auto;
        padding: .5rem
    }
}

.organization .container .map2 {
    width: 100%;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .organization .container .map2 {
        width: 1100px
    }
}

.organization .container .map2 .title {
    display: flex;
    justify-content: center
}

.organization .container .map2 .title span {
    min-width: 5.5rem;
    height: 1.1rem;
    border-radius: .55rem;
    background: linear-gradient(to bottom, #00084c, rgba(0, 8, 76, 0.8));
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .08rem solid #fff;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1
}

.organization .container .map2 .title span::before {
    content: '';
    width: 1rem;
    height: 1.82rem;
    background: url(../images/organization-icon1.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.5rem;
    z-index: 1
}

.organization .container .map2 .title span::after {
    content: '';
    width: 1rem;
    height: 1.82rem;
    background: url(../images/organization-icon1.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotateY(180deg);
    right: -0.5rem;
    z-index: 1
}

.organization .container .map2 .img {
    width: calc(1290/1500*100%);
    margin: .32rem auto 0
}

.organization .container .map2 .list {
    width: 100%;
    margin-top: .24rem
}

.organization .container .map2 .list ul {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.organization .container .map2 .list ul li a {
    display: flex;
    align-items: center;
    padding: .16rem .37rem .16rem .16rem;
    border-radius: .44rem;
    background: #fff;
    transition: all .4s;
    box-shadow: 0 0 .27rem 0 rgba(0, 8, 76, 0.27)
}

.organization .container .map2 .list ul li a i {
    width: .56rem;
    height: .56rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    background: #050d4f;
    border-radius: 50%;
    border: 1px solid #050d4f;
    margin-right: .2rem;
    position: relative
}

.organization .container .map2 .list ul li a i::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.organization .container .map2 .list ul li a i svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

.organization .container .map2 .list ul li a i svg path {
    fill: #fff
}

.organization .container .map2 .list ul li a span {
    color: #00084c;
    transition: all .4s
}

.organization .container .map2 .list ul li a:hover {
    background: #00084c
}

.organization .container .map2 .list ul li a:hover i {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1)
}

.organization .container .map2 .list ul li a:hover i::before {
    opacity: 1
}

.organization .container .map2 .list ul li a:hover span {
    color: #fff
}

.organization .container .map {
    width: 100%;
    position: relative;
    display: none
}

@media (max-width: 991px) {
    .organization .container .map {
        width: 1000px
    }
}

.organization .container .map .img {
    width: 100%
}

.organization .container .map .img img {
    width: 100%
}

.organization .container .map .box {
    width: 100%;
    position: absolute;
    top: calc(328/770*100%)
}

.organization .container .map .box .item {
    position: absolute;
    top: 0;
    display: flex
}

.organization .container .map .box .item:nth-child(1) {
    left: calc(30/1500*100%)
}

@media (max-width: 1580px) {
    .organization .container .map .box .item:nth-child(1) {
        left: calc(50/1500*100%)
    }
}

@media (max-width:1024px) {
    .organization .container .map .box .item:nth-child(1) {
        left: calc(30/1500*100%)
    }
}

.organization .container .map .box .item:nth-child(2) {
    left: calc(270/1500*100%)
}

@media (max-width: 1580px) {
    .organization .container .map .box .item:nth-child(2) {
        left: calc(290/1500*100%)
    }
}

@media (max-width:1024px) {
    .organization .container .map .box .item:nth-child(2) {
        left: calc(270/1500*100%)
    }
}

.organization .container .map .box .item:nth-child(3) {
    left: calc(652/1500*100%)
}

@media (max-width: 1580px) {
    .organization .container .map .box .item:nth-child(3) {
        left: calc(672/1500*100%)
    }
}

@media (max-width:1024px) {
    .organization .container .map .box .item:nth-child(3) {
        left: calc(652/1500*100%)
    }
}

.organization .container .map .box .item:nth-child(4) {
    left: calc(1215/1500*100%)
}

@media (max-width: 1580px) {
    .organization .container .map .box .item:nth-child(4) {
        left: calc(1235/1500*100%)
    }
}

@media (max-width:1024px) {
    .organization .container .map .box .item:nth-child(4) {
        left: calc(1215/1500*100%)
    }
}

.organization .container .map .box .item a {
    display: flex;
    align-items: center;
    padding: .16rem .48rem .16rem .16rem;
    border-radius: .44rem;
    background: #fff;
    transition: all .4s;
    box-shadow: 0 0 .27rem 0 rgba(0, 8, 76, 0.27)
}

.organization .container .map .box .item a i {
    width: .56rem;
    height: .56rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    background: #050d4f;
    border-radius: 50%;
    border: 1px solid #050d4f;
    margin-right: .2rem;
    position: relative
}

.organization .container .map .box .item a i::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.organization .container .map .box .item a i svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

.organization .container .map .box .item a i svg path {
    fill: #fff
}

.organization .container .map .box .item a span {
    color: #00084c;
    transition: all .4s
}

.organization .container .map .box .item a:hover {
    background: #00084c
}

.organization .container .map .box .item a:hover i {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1)
}

.organization .container .map .box .item a:hover i::before {
    opacity: 1
}

.organization .container .map .box .item a:hover span {
    color: #fff
}

.organizational-structure {
    width: 100%;
    background: #f8f8f8;
    padding: .97rem 0 2rem
}

.organizational-structure .container .top {
    width: 100%
}

.organizational-structure .container .top .title {
    color: #000;
    line-height: calc(40/36)
}

.organizational-structure .container .top .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: .27rem
}

.organizational-structure .container .list {
    width: 100%;
    margin-top: .6rem
}

.organizational-structure .container .list .item {
    width: 100%;
    background: #fff;
    margin-bottom: .6rem
}

.organizational-structure .container .list .item:last-child {
    margin-bottom: 0
}

.organizational-structure .container .list .item .title {
    width: 100%;
    background: #00084c;
    height: .85rem;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: .4rem
}

.organizational-structure .container .list .item .tbox {
    width: 100%
}

.organizational-structure .container .list .item .tbox .ts {
    width: 100%;
    padding: .36rem .4rem;
    border-bottom: 1px solid #eee
}

.organizational-structure .container .list .item .tbox .ts .t1 {
    line-height: calc(32/22);
    color: #000;
    margin-bottom: .2rem
}

.organizational-structure .container .list .item .tbox .ts .t2 {
    display: flex;
    color: #666;
    margin-bottom: 8px
}

@media (max-width: 991px) {
    .organizational-structure .container .list .item .tbox .ts .t2 {
        flex-wrap: wrap
    }
}

.organizational-structure .container .list .item .tbox .ts .t2:last-child {
    margin-bottom: 0
}

.organizational-structure .container .list .item .tbox .ts .t2 .s1 {
    flex-shrink: 0
}

.organizational-structure .container .list .item .tbox2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: .4rem .4rem .2rem
}

.organizational-structure .container .list .item .tbox2 .ts {
    width: 25%;
    color: #000;
    line-height: calc(32/22);
    margin-bottom: .2rem
}

@media (max-width: 991px) {
    .organizational-structure .container .list .item .tbox2 .ts {
        width: 50%
    }
}

@media (max-width: 767px) {
    .organizational-structure .container .list .item .tbox2 .ts {
        width: 100%
    }
}

.party-building {
    width: 100%;
    background: #f8f8f8;
    padding: .97rem 0 2rem
}

.party-building .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
}

.party-building .container .tbox {
    width: calc(725/1440*100%)
}

@media (max-width: 991px) {
    .party-building .container .tbox {
        width: 100%
    }
}

.party-building .container .tbox .title {
    color: #000;
    line-height: calc(40/36)
}

.party-building .container .tbox .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: .27rem
}

.party-building .container .tbox .txt {
    line-height: calc(26/16);
    color: #333;
    margin-top: .55rem
}

.party-building .container .public-img {
    width: calc(630/1440*100%)
}

@media (max-width: 991px) {
    .party-building .container .public-img {
        width: 100%;
        margin-top: .6rem
    }
}

.party-building .container .public-img::before {
    padding-top: calc(420/630*100%)
}

.mass-organization {
    width: 100%;
    padding: .8rem 0 2rem
}

.mass-organization .container .menu {
    width: 100%;
    border-bottom: 1px solid #eee
}

.mass-organization .container .menu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.mass-organization .container .menu ul li {
    display: flex;
    min-width: 1.3rem;
    justify-content: center
}

.mass-organization .container .menu ul li a {
    height: .84rem;
    display: flex;
    align-items: center;
    position: relative;
    color: #666;
    transition: all .4s;
    font-size: 18px
}

.mass-organization .container .menu ul li a::before {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #9f0f26;
    opacity: 0;
    transition: all .4s
}

@media (min-width: 992px) {
    .mass-organization .container .menu ul li:hover a {
        color: #9f0f26
    }
}

.mass-organization .container .menu ul li.on a {
    color: #000;
    font-size: 22px;
    font-weight: bold
}

.mass-organization .container .menu ul li.on a::before {
    opacity: 1
}

.mass-organization .container .list {
    width: 100%;
    margin-top: .8rem
}

.mass-organization .container .list ul {
    width: calc(100% + .4rem);
    margin: 0 -0.2rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .mass-organization .container .list ul {
        width: 100%;
        margin: 0
    }
}

.mass-organization .container .list ul li {
    width: calc(25% - .4rem);
    margin: 0 .2rem .3rem;
    padding-bottom: .24rem
}

@media (max-width: 991px) {
    .mass-organization .container .list ul li {
        width: calc(50% - .4rem)
    }
}

@media (max-width: 767px) {
    .mass-organization .container .list ul li {
        width: 100%;
        margin: 0 0 .3rem
    }
}

.mass-organization .container .list ul li a {
    display: block
}

.mass-organization .container .list ul li a .public-img {
    width: 100%
}

.mass-organization .container .list ul li a .public-img::before {
    padding-top: calc(186/330*100%)
}

.mass-organization .container .list ul li a .title {
    line-height: calc(30/20);
    margin-top: .24rem;
    color: #000;
    transition: all .4s
}

.mass-organization .container .list ul li a .more {
    display: flex;
    align-items: center;
    margin-top: .1rem;
    line-height: calc(24/14)
}

.mass-organization .container .list ul li a .more span {
    color: #00084c;
    font-size: 14px
}

.mass-organization .container .list ul li a .more i {
    margin-left: .05rem;
    display: flex;
    align-items: center
}

.mass-organization .container .list ul li a .more i svg {
    width: 14px;
    transform: rotateZ(-90deg);
    object-fit: contain
}

.mass-organization .container .list ul li a .more i svg path {
    fill: #00084c
}

@media (min-width: 992px) {
    .mass-organization .container .list ul li:hover a .public-img img {
        transform: scale(1.05)
    }

    .mass-organization .container .list ul li:hover a .title {
        color: #00084c
    }
}

.mass-organization .container .page-list {
    margin-top: .52rem
}

.mass-organization-info {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0
}

.mass-organization-info .container .top {
    width: 100%;
    background: #fff;
    padding: .65rem .8rem .8rem
}

@media (max-width: 991px) {
    .mass-organization-info .container .top {
        padding: .65rem .4rem
    }
}

.mass-organization-info .container .top .title {
    color: #222;
    line-height: calc(40/36)
}

.mass-organization-info .container .top .line {
    width: .5rem;
    height: 4px;
    background: #9f0f26;
    margin-top: .27rem
}

.mass-organization-info .container .top .txt {
    color: #222;
    line-height: calc(30/18);
    margin-top: .24rem
}

.mass-organization-info .container .list {
    width: 100%
}

.mass-organization-info .container .list ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    margin-top: .1rem;
    padding: .4rem
}

@media (max-width: 991px) {
    .mass-organization-info .container .list ul li {
        margin-top: .3rem
    }
}

.mass-organization-info .container .list ul li .public-img {
    width: calc(445/1360*100%)
}

@media (max-width: 991px) {
    .mass-organization-info .container .list ul li .public-img {
        width: 100%
    }
}

.mass-organization-info .container .list ul li .public-img::before {
    padding-top: calc(250/445*100%)
}

.mass-organization-info .container .list ul li .tbox {
    width: calc(720/1360*100%);
    padding-top: .12rem;
    margin-left: .85rem
}

@media (max-width: 991px) {
    .mass-organization-info .container .list ul li .tbox {
        width: 100%;
        margin-left: 0;
        margin-top: .3rem
    }
}

.mass-organization-info .container .list ul li .tbox .t1 {
    line-height: calc(34/24);
    color: #000
}

.mass-organization-info .container .list ul li .tbox .t2 {
    line-height: calc(26/16);
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: calc(26/16*3em + .4rem);
    padding-top: .4rem;
    border-top: 1px solid #e5e5e5;
    margin-top: .34rem
}

.wall-of-fame {
    width: 100%;
    background: #f8f8f8
}

.wall-of-fame .menu {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 1.1rem 5% 0
}

.wall-of-fame .menu ul {
    display: flex;
    justify-content: center
}

@media (max-width: 991px) {
    .wall-of-fame .menu ul {
        width: 100%;
        overflow-x: auto;
        padding-bottom: .1rem;
        justify-content: flex-start
    }
}

.wall-of-fame .menu ul li {
    position: relative;
    margin: 0 .36rem;
    padding: 0 0 .3rem
}

@media (max-width: 991px) {
    .wall-of-fame .menu ul li {
        margin: 0 .2rem 0 0
    }
}

.wall-of-fame .menu ul li::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #9f0f26;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
    transition: all .4s
}

@media (max-width: 991px) {
    .wall-of-fame .menu ul li::before {
        bottom: -0.1rem
    }
}

.wall-of-fame .menu ul li::after {
    content: '';
    border-top: 4px solid #9f0f26;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    transition: all .4s;
    opacity: 0
}

@media (max-width: 991px) {
    .wall-of-fame .menu ul li::after {
        display: none
    }
}

.wall-of-fame .menu ul li a {
    padding: 0 .15rem;
    font-size: 18px;
    line-height: 28px;
    color: #666;
    transition: all .4s;
    white-space: nowrap
}

@media (min-width: 992px) {
    .wall-of-fame .menu ul li:hover a {
        color: #000
    }
}

.wall-of-fame .menu ul li.on::before,
.wall-of-fame .menu ul li.on::after {
    opacity: 1
}

.wall-of-fame .menu ul li.on a {
    color: #000;
    font-size: 22px;
    font-weight: bold
}

.wall-of-fame .container {
    padding: .8rem 0 1rem
}

.wall-of-fame .container .select-box {
    width: 100%
}

.wall-of-fame .container .select-box .year {
    width: 100%
}

.wall-of-fame .container .select-box .year ul {
    display: flex;
    justify-content: center
}

@media (max-width: 991px) {
    .wall-of-fame .container .select-box .year ul {
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.wall-of-fame .container .select-box .year ul li {
    margin: 0 3px
}

@media (max-width: 991px) {
    .wall-of-fame .container .select-box .year ul li {
        margin: 0 6px .1rem 0
    }
}

.wall-of-fame .container .select-box .year ul li a {
    min-width: 1.2rem;
    height: .48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .24rem;
    color: #333;
    transition: all .4s
}

@media (max-width: 991px) {
    .wall-of-fame .container .select-box .year ul li a {
        height: .6rem;
        border-radius: .3rem
    }
}

@media (min-width: 992px) {
    .wall-of-fame .container .select-box .year ul li:hover a {
        color: #9f0f26
    }
}

.wall-of-fame .container .select-box .year ul li.on a {
    color: #fff;
    background: #9f0f26
}

.wall-of-fame .container .select-box.s2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.wall-of-fame .container .select-box.s2 .year {
    width: auto
}

@media (max-width: 991px) {
    .wall-of-fame .container .select-box.s2 .year {
        width: 100%
    }
}

.wall-of-fame .container .select-box.s2 .select {
    width: 160px;
    height: .48rem;
    border-radius: .24rem;
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    position: relative
}

@media (max-width: 991px) {
    .wall-of-fame .container .select-box.s2 .select {
        height: .6rem;
        border-radius: .3rem;
        margin-top: .3rem
    }
}

.wall-of-fame .container .select-box.s2 .select i {
    width: 12px;
    height: 12px;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.wall-of-fame .container .select-box.s2 .select i svg path {
    fill: #000
}

.wall-of-fame .container .select-box.s2 .select select {
    width: 100%;
    height: 100%;
    padding-left: .25rem
}

.wall-of-fame .container .list {
    width: 100%;
    margin-top: .6rem
}

.wall-of-fame .container .list ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .4rem;
    background: #fff;
    margin-bottom: .2rem
}

@media (max-width: 991px) {
    .wall-of-fame .container .list ul li {
        margin-bottom: .3rem
    }
}

.wall-of-fame .container .list ul li:last-child {
    margin-bottom: 0
}

.wall-of-fame .container .list ul li .public-img {
    width: calc(400/1360*100%)
}

@media (max-width: 991px) {
    .wall-of-fame .container .list ul li .public-img {
        width: 100%
    }
}

.wall-of-fame .container .list ul li .public-img::before {
    padding-top: calc(3/4*100%)
}

.wall-of-fame .container .list ul li .tbox {
    width: calc(890/1360*100%);
    padding-top: .15rem
}

@media (max-width: 991px) {
    .wall-of-fame .container .list ul li .tbox {
        width: 100%;
        padding-top: .5rem
    }
}

.wall-of-fame .container .list ul li .tbox .t1 {
    line-height: calc(32/22);
    color: #333
}

.wall-of-fame .container .list ul li .tbox .t2 {
    color: #666;
    line-height: calc(30/16);
    margin-top: .35rem;
    padding-top: .35rem;
    border-top: 1px dashed #ddd;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: calc(30/16*3em + .35rem)
}

.wall-of-fame .container .list2 {
    width: 100%;
    margin-top: .6rem
}

.wall-of-fame .container .list2 ul {
    width: calc(100% + .3rem);
    margin: 0 -0.15rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .wall-of-fame .container .list2 ul {
        width: 100%;
        margin: 0
    }
}

.wall-of-fame .container .list2 ul li {
    width: calc(50% - .3rem);
    margin: 0 .15rem .3rem;
    background: #fff;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .wall-of-fame .container .list2 ul li {
        width: 100%;
        margin: 0 0 .3rem
    }
}

.wall-of-fame .container .list2 ul li .public-img {
    width: calc(353/705*100%)
}

@media (max-width: 767px) {
    .wall-of-fame .container .list2 ul li .public-img {
        width: 100%
    }
}

.wall-of-fame .container .list2 ul li .public-img::before {
    padding-top: calc(404/353*100%)
}

.wall-of-fame .container .list2 ul li .public-img .label {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    padding-left: .1rem
}

.wall-of-fame .container .list2 ul li .public-img .label span {
    height: 30px;
    display: flex;
    align-items: center;
    background: #9f0f26;
    border-radius: 15px;
    color: #fff;
    padding: 0 .2rem;
    margin: 0 .1rem .1rem 0
}

.wall-of-fame .container .list2 ul li .tbox {
    width: calc(260/705*100%);
    margin-left: .6rem;
    padding-top: .55rem
}

@media (max-width: 1580px) {
    .wall-of-fame .container .list2 ul li .tbox {
        width: calc(280/705*100%);
        margin-left: .4rem
    }
}

@media (max-width: 767px) {
    .wall-of-fame .container .list2 ul li .tbox {
        width: 100%;
        margin-left: 0;
        padding: .55rem .3rem
    }
}

.wall-of-fame .container .list2 ul li .tbox .t1 {
    width: calc(230/260*100%);
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: .35rem;
    border-bottom: 1px dashed #eee
}

.wall-of-fame .container .list2 ul li .tbox .t1 .name {
    line-height: calc(32/22);
    color: #333
}

.wall-of-fame .container .list2 ul li .tbox .t1 .profession {
    color: #00084c;
    line-height: calc(26/16)
}

.wall-of-fame .container .list2 ul li .tbox .t2 {
    width: 100%;
    margin-top: .36rem
}

.wall-of-fame .container .list2 ul li .tbox .t2 .ts {
    width: 100%;
    display: flex;
    margin-bottom: .25rem
}

.wall-of-fame .container .list2 ul li .tbox .t2 .ts .s1 {
    flex-shrink: 0;
    color: #333
}

.wall-of-fame .container .list2 ul li .tbox .t2 .ts .s2 {
    color: #666
}

.wall-of-fame .container .page-list {
    margin-top: .5rem
}

.international-cooperation {
    width: 100%;
    padding: .96rem 0 2rem
}

.international-cooperation .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.international-cooperation .container .top {
    width: calc(390/1440*100%)
}

@media (max-width: 991px) {
    .international-cooperation .container .top {
        width: 100%
    }
}

.international-cooperation .container .top .title {
    line-height: calc(40/36);
    color: #000
}

.international-cooperation .container .top .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: .26rem
}

.international-cooperation .container .tbox {
    width: calc(1010/1440*100%)
}

@media (max-width: 991px) {
    .international-cooperation .container .tbox {
        width: 100%;
        margin-top: .5rem
    }
}

.international-cooperation .container .tbox ul li {
    width: 100%;
    display: flex;
    background: rgba(0, 8, 76, 0.05);
    border-bottom: 1px solid #fff
}

.international-cooperation .container .tbox ul li:nth-child(1) {
    background: #00084c
}

.international-cooperation .container .tbox ul li:nth-child(1) .ts {
    color: #fff
}

.international-cooperation .container .tbox ul li .ts {
    width: 50%;
    min-height: .68rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    border-right: 1px solid #fff
}

@media (max-width: 767px) {
    .international-cooperation .container .tbox ul li .ts {
        min-height: .78rem
    }
}

.study-aborad {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 2rem
}

.study-aborad .container .top {
    width: 100%
}

.study-aborad .container .top .title {
    line-height: calc(40/36);
    color: #000
}

.study-aborad .container .top .line {
    width: 30px;
    height: 4px;
    background: #9f0f26;
    margin-top: .26rem
}

.study-aborad .container .public-content {
    width: 100%;
    background: #fff;
    color: #000;
    line-height: calc(24/16);
    padding: .55rem .6rem .9rem;
    margin-top: .63rem
}

@media (max-width: 767px) {
    .study-aborad .container .public-content {
        padding: .5rem .3rem
    }
}

.study-aborad .container .public-content img {
    margin: 0 auto;
    display: block
}

.overseas-student {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 2rem
}

.overseas-student .container .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .overseas-student .container .top .menu {
        width: 100%
    }
}

.overseas-student .container .top .menu ul {
    display: flex
}

@media (max-width: 991px) {
    .overseas-student .container .top .menu ul {
        overflow-x: auto;
        padding-bottom: 5px
    }
}

.overseas-student .container .top .menu ul li {
    position: relative;
    margin-right: .95rem
}

.overseas-student .container .top .menu ul li:last-child {
    margin-right: 0
}

.overseas-student .container .top .menu ul li a {
    font-size: 18px;
    color: #666;
    height: .68rem;
    padding: .1rem 0 0;
    display: flex;
    line-height: 28px;
    white-space: nowrap
}

.overseas-student .container .top .menu ul li.on::before {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 100%;
    background: #9f0f26
}

.overseas-student .container .top .menu ul li.on a {
    color: #000;
    font-size: 22px
}

.overseas-student .container .top .search-box {
    width: 5.2rem;
    height: .68rem;
    display: flex;
    border: 1px solid #e5e5e5
}

@media (max-width: 991px) {
    .overseas-student .container .top .search-box {
        width: 100%;
        margin-top: .5rem
    }
}

.overseas-student .container .top .search-box .txt {
    width: 100%;
    height: 100%;
    padding-left: .1rem;
    color: #000
}

.overseas-student .container .top .search-box .btn {
    width: 1.55rem;
    height: 100%;
    flex-shrink: 0;
    background: #00084c url(../images/search-w.svg) 25% center no-repeat;
    background-size: .18rem;
    color: #fff;
    padding-left: .3rem
}

@media (max-width: 991px) {
    .overseas-student .container .top .search-box .btn {
        background-size: .24rem
    }
}

.overseas-student .container .list {
    width: 100%;
    margin-top: .6rem
}

.overseas-student .container .list ul li {
    width: 100%;
    background: #fff;
    margin-bottom: .3rem
}

.overseas-student .container .list ul li:last-child {
    margin-bottom: 0
}

.overseas-student .container .list ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.overseas-student .container .list ul li a .public-img {
    width: calc(450/1440*100%)
}

@media (max-width: 991px) {
    .overseas-student .container .list ul li a .public-img {
        width: 100%
    }
}

.overseas-student .container .list ul li a .public-img::before {
    padding-top: calc(347/450*100%)
}

.overseas-student .container .list ul li a .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 8, 76, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
    transition: all .4s
}

.overseas-student .container .list ul li a .tbox {
    width: calc(990/1440*100%);
    padding: .7rem .6rem;
    position: relative
}

@media (max-width: 991px) {
    .overseas-student .container .list ul li a .tbox {
        width: 100%
    }
}

@media (max-width: 767px) {
    .overseas-student .container .list ul li a .tbox {
        padding: .5rem .3rem
    }
}

.overseas-student .container .list ul li a .tbox::after {
    content: '';
    width: 0;
    height: 3px;
    background: #00084c;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .4s
}

.overseas-student .container .list ul li a .tbox .ttop {
    width: 100%;
    padding-bottom: .3rem;
    border-bottom: 1px solid #eee
}

.overseas-student .container .list ul li a .tbox .ttop .t1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.overseas-student .container .list ul li a .tbox .ttop .t1 .name {
    color: #000;
    display: flex;
    align-items: baseline;
    line-height: calc(30/20)
}

@media (max-width: 767px) {
    .overseas-student .container .list ul li a .tbox .ttop .t1 .name {
        width: 100%
    }
}

.overseas-student .container .list ul li a .tbox .ttop .t1 .name span {
    font-size: 14px;
    color: #999;
    margin-left: .1rem
}

.overseas-student .container .list ul li a .tbox .ttop .t1 .logo {
    width: 1.12rem;
    height: .32rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .overseas-student .container .list ul li a .tbox .ttop .t1 .logo {
        margin-top: .4rem;
        width: 50%;
        height: .5rem
    }
}

.overseas-student .container .list ul li a .tbox .ttop .t1 .logo img {
    object-fit: contain
}

.overseas-student .container .list ul li a .tbox .ttop .tips {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: .2rem
}

.overseas-student .container .list ul li a .tbox .ttop .tips span {
    font-size: 14px;
    line-height: calc(24/14);
    color: #999;
    margin-right: .6rem;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .overseas-student .container .list ul li a .tbox .ttop .tips span {
        width: 100%;
        margin: .05rem 0
    }
}

.overseas-student .container .list ul li a .tbox .ttop .tips span img {
    height: 16px;
    object-fit: contain;
    margin-right: .1rem
}

.overseas-student .container .list ul li a .tbox .txt {
    width: 100%;
    max-width: 750px;
    color: #333;
    line-height: calc(24/16);
    margin-top: .25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: calc(24/16*2em)
}

.overseas-student .container .list ul li a .tbox .more {
    display: flex;
    align-items: center;
    margin-top: .23rem;
    line-height: calc(24/14)
}

.overseas-student .container .list ul li a .tbox .more span {
    color: #00084c;
    font-size: 14px
}

.overseas-student .container .list ul li a .tbox .more i {
    margin-left: .05rem;
    display: flex;
    align-items: center
}

.overseas-student .container .list ul li a .tbox .more i svg {
    width: 14px;
    transform: rotateZ(-90deg);
    object-fit: contain
}

.overseas-student .container .list ul li a .tbox .more i svg path {
    fill: #00084c
}

@media (min-width: 992px) {
    .overseas-student .container .list ul li:hover .public-img::after {
        opacity: 1
    }

    .overseas-student .container .list ul li:hover .tbox::after {
        width: 100%
    }
}

.overseas-student .container .page-list {
    margin-top: 1.06rem
}

.overseas-student-info {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 1.96rem
}

.overseas-student-info .container {
    background: #fff;
    display: flex;
    flex-wrap: wrap
}

.overseas-student-info .container .left {
    width: calc(570/1440*100%);
    padding: .6rem;
    border-right: 1px solid rgba(0, 0, 0, 0.05)
}

@media (max-width: 991px) {
    .overseas-student-info .container .left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}

.overseas-student-info .container .left .public-img {
    width: 100%
}

.overseas-student-info .container .left .public-img::before {
    padding-top: calc(347/450*100%)
}

.overseas-student-info .container .left .logo {
    width: 1.12rem;
    height: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .42rem auto 0
}

@media (max-width: 767px) {
    .overseas-student-info .container .left .logo {
        width: 50%;
        height: .5rem
    }
}

.overseas-student-info .container .left .logo img {
    object-fit: contain
}

.overseas-student-info .container .left .name {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: calc(30/20);
    margin-top: .35rem
}

.overseas-student-info .container .left .name span {
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px
}

.overseas-student-info .container .left .tips {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .3rem
}

.overseas-student-info .container .left .tips span {
    font-size: 14px;
    line-height: calc(24/14);
    color: #999;
    margin: 0 .3rem;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .overseas-student-info .container .left .tips span {
        width: 100%;
        margin: .05rem 0
    }
}

.overseas-student-info .container .left .tips span img {
    height: 16px;
    object-fit: contain;
    margin-right: .1rem
}

.overseas-student-info .container .right {
    width: calc(870/1440*100%);
    padding: .95rem .6rem .6rem
}

@media (max-width: 991px) {
    .overseas-student-info .container .right {
        width: 100%;
        padding: .6rem
    }
}

.overseas-student-info .container .right .tb {
    width: 100%;
    margin-bottom: .52rem
}

.overseas-student-info .container .right .tb:last-child {
    margin-bottom: 0
}

.overseas-student-info .container .right .tb .t1 {
    line-height: calc(32/22);
    color: #000
}

.overseas-student-info .container .right .tb .t2 {
    color: #333;
    margin-top: .1rem
}

.overseas-student-info .back {
    margin-top: .78rem;
    display: flex;
    justify-content: center
}

.overseas-student-info .back a {
    display: flex;
    align-items: center
}

.overseas-student-info .back a i {
    width: 18px;
    height: 12px;
    display: flex;
    align-items: center;
    margin-right: .1rem
}

.overseas-student-info .back a i svg {
    width: 100%;
    height: 100%;
    transform: rotateZ(180deg)
}

.overseas-student-info .back a i svg path {
    fill: #00084c
}

.overseas-student-info .back a span {
    color: #00084c;
    text-decoration: underline
}

.research-center {
    width: 100%;
    background: #f8f8f8;
    padding: .97rem 0 2rem
}

.research-center .container .top {
    width: 100%
}

.research-center .container .top .title {
    color: #000;
    line-height: calc(40/36)
}

.research-center .container .top .line {
    width: 30px;
    height: 4px;
    margin-top: .27rem;
    background: #9f0f26
}

.research-center .container .list {
    width: 100%;
    margin-top: .6rem
}

.research-center .container .list ul {
    width: calc(100% + .6rem);
    margin: 0 -0.3rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .research-center .container .list ul {
        width: 100%;
        margin: 0
    }
}

.research-center .container .list ul li {
    width: calc(50% - .6rem);
    margin: 0 .3rem .55rem
}

@media (max-width: 991px) {
    .research-center .container .list ul li {
        width: 100%;
        margin: 0 0 .55rem
    }
}

.research-center .container .list ul li a {
    display: block
}

.research-center .container .list ul li a .public-img {
    width: 100%
}

.research-center .container .list ul li a .public-img::before {
    padding-top: calc(420/690*100%)
}

.research-center .container .list ul li a .txt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .22rem
}

.research-center .container .list ul li a .txt .t1 {
    color: #000;
    line-height: calc(34/24);
    transition: all .4s
}

.research-center .container .list ul li a .txt .more {
    display: flex;
    align-items: center;
    line-height: calc(24/14)
}

.research-center .container .list ul li a .txt .more span {
    color: #00084c;
    font-size: 14px
}

.research-center .container .list ul li a .txt .more i {
    margin-left: .05rem;
    display: flex;
    align-items: center
}

.research-center .container .list ul li a .txt .more i svg {
    width: 14px;
    transform: rotateZ(-90deg);
    object-fit: contain
}

.research-center .container .list ul li a .txt .more i svg path {
    fill: #00084c
}

@media (min-width: 992px) {
    .research-center .container .list ul li:hover a .public-img img {
        transform: scale(1.05)
    }

    .research-center .container .list ul li:hover a .txt .t1 {
        color: #00084c
    }
}

.research-center .container .page-list {
    margin-top: .43rem
}

.research-center-info {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 2rem
}

.research-center-info .container .top {
    width: 100%;
    background: #fff;
    padding: .53rem .6rem .6rem
}

@media (max-width: 767px) {
    .research-center-info .container .top {
        padding: .53rem .3rem .3rem
    }
}

.research-center-info .container .top .title {
    line-height: calc(34/24);
    color: #000
}

.research-center-info .container .top .img {
    width: 100%;
    background: #00084c;
    padding: .2rem;
    margin-top: .25rem
}

.research-center-info .container .top .img img {
    width: 100%
}

.research-center-info .container .down {
    width: 100%;
    background: #fff;
    margin-top: .3rem;
    padding: .56rem .6rem .94rem
}

@media (max-width: 991px) {
    .research-center-info .container .down {
        padding: .5rem .3rem
    }
}

.research-center-info .container .down .ts {
    width: 100%;
    margin-bottom: .52rem
}

.research-center-info .container .down .ts .t1 {
    color: #000;
    line-height: calc(32/22);
    padding-left: .2rem;
    position: relative;
    font-weight: bold
}

.research-center-info .container .down .ts .t1::before {
    content: '';
    width: 3px;
    height: .2rem;
    background: #00084c;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.research-center-info .container .down .ts .t2 {
    color: #666;
    margin-top: .2rem;
    padding-left: .2rem
}

.undergraduater {
    width: 100%;
    background: #f8f8f8;
    padding: .96rem 0 2rem
}

.undergraduater .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.undergraduater .container .top {
    width: calc(380/1440*100%) !important;
  }
  @media (max-width: 991px) {
    .undergraduater .container .top {
      width: 100% !important;
    }
  }
  .undergraduater .container .top .title {
    color: #000;
    line-height: calc(40/36);
  }
  .undergraduater .container .top .line {
    width: 30px;
    height: 4px;
    margin-top: 0.27rem;
    background: #9f0f26;
  }
  .undergraduater .container .top .select-box {
    width: 100%;
    margin-top: 0.3rem;
  }
  .undergraduater .container .top .select-box .select span {
    color: #000;
    line-height: 0.48rem;
    flex-shrink: 0;
    display: block;
  }
  @media (max-width: 991px) {
    .undergraduater .container .top .select-box .select span {
      line-height: 0.68rem;
    }
  }
  @media (max-width: 767px) {
    .undergraduater .container .top .select-box .select ul {
      width: 100%;
      margin-top: 0.2rem;
      display: flex;
      flex-wrap: wrap;
    }
  }
  .undergraduater .container .top .select-box .select ul li {
    display: flex;
    margin-bottom: 0.1rem;
  }
  @media (max-width: 767px) {
    .undergraduater .container .top .select-box .select ul li {
      margin-right: 0.1rem;
      margin-bottom: 0.1rem;
    }
  }
  .undergraduater .container .top .select-box .select ul li a {
    min-width: 1.2rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    padding: 0 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    transition: all 0.4s;
    border: 1px solid #e5e5e5;
  }
  @media (max-width: 991px) {
    .undergraduater .container .top .select-box .select ul li a {
      height: 0.68rem;
      border-radius: 0.34rem;
    }
  }
  .undergraduater .container .top .select-box .select ul li:hover a {
    background: #00084c;
    border: 1px solid #00084c;
    color: #fff;
  }
  .undergraduater .container .top .select-box .select ul li.on a {
    background: #00084c;
    border: 1px solid #00084c;
    color: #fff;
  }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.undergraduater .container .down {
    width: calc(1013/1440*100%);
    padding-top: 4px
}

@media (max-width: 991px) {
    .undergraduater .container .down {
        width: 100%;
        padding-top: .5rem
    }
}

.undergraduater .container .down .select-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width:1024px) {
    .undergraduater .container .down .select-box {
        flex-direction: column-reverse
    }
}

.undergraduater .container .down .select-box .select {
    display: flex
}

@media (max-width: 767px) {
    .undergraduater .container .down .select-box .select {
        flex-wrap: wrap
    }
}

.undergraduater .container .down .select-box .select span {
    color: #000;
    line-height: .48rem;
    margin-right: .22rem;
    flex-shrink: 0
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .select span {
        line-height: .68rem
    }
}

.undergraduater .container .down .select-box .select ul {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .undergraduater .container .down .select-box .select ul {
        width: 100%;
        margin-top: .2rem
    }
}

.undergraduater .container .down .select-box .select ul li {
    margin-right: .1rem;
    margin-bottom: .1rem
}

.undergraduater .container .down .select-box .select ul li a {
    min-width: 1.2rem;
    height: .48rem;
    border-radius: .24rem;
    padding: 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    transition: all .4s;
    border: 1px solid #e5e5e5
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .select ul li a {
        height: .68rem;
        border-radius: .34rem
    }
}

.undergraduater .container .down .select-box .select ul li.on a {
    background: #00084c;
    border: 1px solid #00084c;
    color: #fff
}

.undergraduater .container .down .select-box .sright {
    display: flex;
    margin-bottom: .1rem
}

@media (max-width:1024px) {
    .undergraduater .container .down .select-box .sright {
        width: 100%;
        margin-bottom: .3rem
    }
}

.undergraduater .container .down .select-box .sright .time {
    width: 1.6rem;
    height: .48rem;
    position: relative;
    margin-right: .15rem
}

@media (max-width: 1260px) {
    .undergraduater .container .down .select-box .sright .time {
        width: 2rem
    }
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .sright .time {
        height: .68rem
    }
}

@media (max-width: 767px) {
    .undergraduater .container .down .select-box .sright .time {
        width: 45%
    }
}

.undergraduater .container .down .select-box .sright .time span {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    border-radius: .24rem;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
    cursor: pointer;
    padding-right: .25rem
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .sright .time span {
        border-radius: .34rem
    }
}

.undergraduater .container .down .select-box .sright .time i {
    width: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .25rem;
    display: flex;
    align-items: center;
    pointer-events: none
}

.undergraduater .container .down .select-box .sright .time i svg {
    width: 100%;
    object-fit: contain
}

.undergraduater .container .down .select-box .sright .time i svg path {
    fill: #333
}

.undergraduater .container .down .select-box .sright .time ul {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: .24rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    z-index: 2;
    display: none
}

.undergraduater .container .down .select-box .sright .time ul li {
    width: 100%;
    height: .48rem;
    padding: 0 .2rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    position: relative;
    color: #333
}

.undergraduater .container .down .select-box .sright .time ul li::after {
    content: '';
    width: calc(100% - .4rem);
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .4s
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .sright .time ul li {
        height: .68rem
    }
}

.undergraduater .container .down .select-box .sright .time ul li:last-child::after {
    display: none
}

.undergraduater .container .down .select-box .sright .time ul li:hover {
    background: #00084c;
    color: #fff
}

.undergraduater .container .down .select-box .sright .time ul li:hover::after {
    background: #00084c
}

.undergraduater .container .down .select-box .sright .time:hover ul {
    display: block
}

.undergraduater .container .down .select-box .sright .search-box {
    width: 2.4rem;
    height: .48rem;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
    border-radius: .24rem;
    padding: .04rem;
    display: flex;
    background: #fff
}

@media (max-width:1024px) {
    .undergraduater .container .down .select-box .sright .search-box {
        width: 45%
    }
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .sright .search-box {
        height: .68rem;
        border-radius: .34rem
    }
}

@media (max-width: 767px) {
    .undergraduater .container .down .select-box .sright .search-box {
        width: calc(55% - .15rem)
    }
}

.undergraduater .container .down .select-box .sright .search-box .t1 {
    width: calc(100% - .4rem);
    height: 100%;
    padding-left: .15rem
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .sright .search-box .t1 {
        width: calc(100% - .6rem)
    }
}

.undergraduater .container .down .select-box .sright .search-box .btn {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #00084c url(../images/search-w.svg) center center no-repeat;
    background-size: 14px
}

@media (max-width: 991px) {
    .undergraduater .container .down .select-box .sright .search-box .btn {
        width: .6rem;
        height: .6rem
    }
}

.undergraduater .container .down .list {
    width: 100%;
    /* margin-top: .2rem */
}

.undergraduater .container .down .list ul li {
    width: 100%;
    background: #fff;
    margin-bottom: .3rem
}

.undergraduater .container .down .list ul li:last-child {
    margin-bottom: 0
}

.undergraduater .container .down .list ul li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem
}

@media (max-width: 991px) {
    .undergraduater .container .down .list ul li a {
        flex-wrap: wrap
    }
}

.undergraduater .container .down .list ul li a .public-img {
    width: calc(448/953*100%);
    flex-wrap: wrap;
    margin-right: .6rem;
    flex-shrink: 0
}

@media (max-width: 991px) {
    .undergraduater .container .down .list ul li a .public-img {
        width: 100%;
        margin-right: 0
    }
}

.undergraduater .container .down .list ul li a .public-img::before {
    padding-top: calc(310/448*100%)
}

.undergraduater .container .down .list ul li a .tbox {
    width: 100%;
    padding: .54rem 0
}

.undergraduater .container .down .list ul li a .tbox .title {
    line-height: calc(32/22);
    color: #000;
    font-weight: bold
}

.undergraduater .container .down .list ul li a .tbox .txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: .23rem;
    height: 4.5em
}

.undergraduater .container .down .list ul li a .tbox .more {
    display: flex;
    align-items: center;
    line-height: calc(24/14);
    margin-top: .52rem
}

.undergraduater .container .down .list ul li a .tbox .more span {
    color: #00084c;
    font-size: 14px
}

.undergraduater .container .down .list ul li a .tbox .more i {
    margin-left: .05rem;
    display: flex;
    align-items: center
}

.undergraduater .container .down .list ul li a .tbox .more i svg {
    width: 14px;
    transform: rotateZ(-90deg);
    object-fit: contain
}

.undergraduater .container .down .list ul li a .tbox .more i svg path {
    fill: #00084c
}

.undergraduater .container .down .page-list {
    margin-top: 1rem
}

.undergraduater-info {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 2rem
}

.undergraduater-info .container {
    background: #fff;
    padding: .88rem .6rem
}

.undergraduater-info .container .title {
    color: #000;
    line-height: calc(40/30)
}

.undergraduater-info .container .txt {
    width: 100%;
    margin-top: .9rem;
    color: #666
}

.teacher {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 2rem
}

.teacher .container .top {
    width: 100%
}

.teacher .container .top .title {
    color: #000;
    line-height: calc(40/36)
}

.teacher .container .top .line {
    width: 30px;
    height: 4px;
    margin-top: .27rem;
    background: #9f0f26
}

.teacher .container .list {
    width: 100%;
    margin-top: .8rem
}

.teacher .container .list ul {
    width: calc(100% + .6rem);
    margin: 0 -0.3rem;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .teacher .container .list ul {
        width: 100%;
        margin: 0
    }
}

.teacher .container .list ul li {
    width: calc(33.33% - .6rem);
    background: #fff;
    margin: 0 .3rem .6rem;
    padding: .54rem .54rem .76rem
}

@media (max-width: 991px) {
    .teacher .container .list ul li {
        width: 100%;
        margin: 0 0 .6rem
    }
}

@media (max-width: 767px) {
    .teacher .container .list ul li {
        padding: .5rem .3rem
    }
}

.teacher .container .list ul li a {
    display: block
}

.teacher .container .list ul li .public-img {
    width: 100%;
    border-radius: 50%;
    border: .06rem solid #e3e4eb
}

.teacher .container .list ul li .t1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .28rem;
    flex-wrap: wrap
}

.teacher .container .list ul li .t1 .name {
    color: #000;
    line-height: calc(32/22)
}

.teacher .container .list ul li .t1 .ts {
    color: #9f0f26
}

.teacher .container .list ul li .t2 {
    margin-top: .22rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 6em
}

.teacher .container .page-list {
    margin-top: .4rem
}

.announcement-info {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0 2rem
}

.announcement-info .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .announcement-info .container {
        flex-direction: column-reverse
    }
}

.announcement-info .container .relevant-recommendation {
    width: calc(430/1440*100%);
    background: #fff;
    padding: .88rem 0 0
}

@media (max-width: 991px) {
    .announcement-info .container .relevant-recommendation {
        width: 100%
    }
}

.announcement-info .container .relevant-recommendation .top {
    width: 100%;
    padding: 0 .5rem 0 .4rem
}

@media (max-width: 991px) {
    .announcement-info .container .relevant-recommendation .top {
        padding: 0 .3rem
    }
}

.announcement-info .container .relevant-recommendation .top .title {
    color: #000;
    line-height: calc(40/36)
}

.announcement-info .container .relevant-recommendation .top .line {
    width: 30px;
    height: 4px;
    margin-top: .27rem;
    background: #9f0f26
}

.announcement-info .container .relevant-recommendation .list {
    width: 100%;
    margin-top: .3rem
}

.announcement-info .container .relevant-recommendation .list ul li {
    width: 100%;
    padding: .25rem .5rem .24rem .4rem;
    border-bottom: 1px solid #f8f8f8
}

@media (max-width: 991px) {
    .announcement-info .container .relevant-recommendation .list ul li {
        padding: .25rem .3rem
    }
}

.announcement-info .container .relevant-recommendation .list ul li a {
    display: block
}

.announcement-info .container .relevant-recommendation .list ul li a .time {
    color: #666;
    line-height: calc(24/14)
}

.announcement-info .container .relevant-recommendation .list ul li a .t1 {
    width: 100%;
    color: #333;
    line-height: calc(24/18);
    font-weight: bold;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.announcement-info .container .relevant-recommendation .list ul li a .t2 {
    width: 100%;
    color: #666;
    line-height: calc(24/14);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: calc(24/14*2em);
    margin-top: 8px
}

.announcement-info .container .relevant-recommendation .list ul li a .more {
    display: flex;
    align-items: center;
    line-height: calc(24/14);
    margin-top: .2rem
}

.announcement-info .container .relevant-recommendation .list ul li a .more span {
    color: #00084c;
    font-size: 14px
}

.announcement-info .container .relevant-recommendation .list ul li a .more i {
    margin-left: .05rem;
    display: flex;
    align-items: center
}

.announcement-info .container .relevant-recommendation .list ul li a .more i svg {
    width: 14px;
    transform: rotateZ(-90deg);
    object-fit: contain
}

.announcement-info .container .relevant-recommendation .list ul li a .more i svg path {
    fill: #00084c
}

.announcement-info .container .content {
    width: calc(1008/1440*100%);
    background: #fff;
    padding: 1rem .6rem .95rem
}

@media (max-width: 991px) {
    .announcement-info .container .content {
        width: 100%;
        padding: 1rem .3rem
    }
}

.announcement-info .container .content .title {
    width: 100%;
    color: #000;
    line-height: calc(40/30);
    font-weight: bold
}

.announcement-info .container .content .tips {
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: .24rem 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .53rem
}

.announcement-info .container .content .tips .time {
    color: #999;
    line-height: calc(24/14);
    margin-right: 1rem
}

.announcement-info .container .content .tips .share {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .announcement-info .container .content .tips .share {
        width: 100%;
        margin-top: .1rem
    }
}

.announcement-info .container .content .tips .share span {
    color: #999
}

.announcement-info .container .content .tips .share a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 8, 76, 0.1);
    margin-left: .15rem;
    transition: all .4s
}

.announcement-info .container .content .tips .share a svg {
    width: 15px
}

.announcement-info .container .content .tips .share a svg path {
    fill: #999
}

.announcement-info .container .content .tips .share a:hover {
    background: #9f0f26
}

.announcement-info .container .content .tips .share a:hover svg path {
    fill: #fff
}

.announcement-info .container .content .public-content {
    color: #666;
    line-height: calc(26/16);
    margin-top: .55rem
}

.announcement-info .container .content .public-content a {
    color: #00084c;
    text-decoration: underline
}

.announcement-info .container .content .ck {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .9rem
}

.announcement-info .container .content .ck .left {
    width: calc(740/907*100%)
}

@media (max-width: 991px) {
    .announcement-info .container .content .ck .left {
        width: 100%
    }
}

.announcement-info .container .content .ck .left .t1 {
    width: 100%;
    display: flex;
    margin-bottom: 8px
}

.announcement-info .container .content .ck .left .t1:last-child {
    margin-bottom: 0
}

.announcement-info .container .content .ck .left .t1 span {
    flex-shrink: 0;
    color: #333;
    line-height: calc(26/16)
}

.announcement-info .container .content .ck .left .t1 a {
    color: #333;
    line-height: calc(26/16);
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.announcement-info .container .content .ck .left .t1 a:hover {
    color: #00084c
}

.announcement-info .container .content .ck .back {
    display: flex
}

@media (max-width: 991px) {
    .announcement-info .container .content .ck .back {
        width: 100%;
        justify-content: center;
        margin-top: .5rem
    }
}

.announcement-info .container .content .ck .back a {
    display: flex;
    align-items: center
}

.announcement-info .container .content .ck .back a i {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    margin-right: 8px
}

.announcement-info .container .content .ck .back a span {
    color: #00084c
}

.notFound {
    width: 100%;
    padding: 1.35rem 0 2rem;
    background: #f8f8f8
}

.notFound .img {
    width: 4.28rem;
    margin: 0 auto;
    display: flex
}

.notFound .t1 {
    text-align: center;
    color: #333;
    line-height: calc(34/24);
    margin-top: 14px
}

.notFound .tb {
    margin-top: .9rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.notFound .tb a {
    width: 2.05rem;
    height: .58rem;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #00084c
}

@media (max-width: 767px) {
    .notFound .tb a {
        height: .8rem
    }
}

.notFound .tb .tips {
    width: 100%;
    text-align: center;
    color: #333;
    margin-top: .15rem
}

.privacyPolicy {
    background: #f8f8f8;
    padding: 1.95rem 0 1.75rem
}

.privacyPolicy .container .top .title {
    text-align: center;
    color: #00084c;
    font-weight: bold;
    line-height: calc(50/40)
}

.privacyPolicy .container .top .tips {
    text-align: center;
    color: #666;
    margin-top: .18rem;
    line-height: calc(26/16)
}

.privacyPolicy .container .top .tips span {
    margin: 0 .15rem
}

.privacyPolicy .container .public-content {
    width: 100%;
    margin-top: .7rem;
    color: #000;
    line-height: calc(28/16)
}

.privacyPolicy .container .public-content ul {
    padding-left: 5px
}

.sitemap {
    width: 100%;
    background: #f8f8f8;
    padding: .93rem 0 2rem
}

@media (max-width: 991px) {
    .sitemap {
        padding: 1rem 0
    }
}

.sitemap .container .title {
    width: 100%;
    text-align: center;
    color: #00084c;
    font-weight: bold;
    line-height: calc(50/40)
}

.sitemap .container .list {
    width: 100%;
    margin-top: .7rem
}

.sitemap .container .list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.sitemap .container .list ul li {
    width: calc(100% / 7)
}

@media (max-width: 991px) {
    .sitemap .container .list ul li {
        width: calc(100% / 3);
        margin-bottom: .8rem
    }
}

@media (max-width: 991px) {
    .sitemap .container .list ul li {
        width: 100%
    }
}

.sitemap .container .list ul li .t1 {
    width: 100%;
    text-align: center;
    line-height: calc(30/20);
    color: #000
}

@media (max-width: 767px) {
    .sitemap .container .list ul li .t1 {
        text-align: left
    }
}

.sitemap .container .list ul li .tb {
    width: 100%;
    margin-top: .54rem
}

.sitemap .container .list ul li .tb .ts {
    display: flex;
    justify-content: center;
    margin-bottom: .36rem
}

@media (max-width: 767px) {
    .sitemap .container .list ul li .tb .ts {
        justify-content: flex-start
    }
}

.sitemap .container .list ul li .tb .ts:last-child {
    margin-bottom: 0
}

.sitemap .container .list ul li .tb .ts a {
    color: #666;
    line-height: calc(24/16);
    transition: all .4s
}

.sitemap .container .list ul li .tb .ts a:hover {
    color: #05122b;
    text-decoration: underline
}

.job {
    width: 100%;
    padding: 1rem 0 2rem
}

.job .container .select {
    display: flex
}

@media (max-width: 767px) {
    .job .container .select {
        flex-wrap: wrap
    }
}

.job .container .select span {
    color: #000;
    line-height: .48rem;
    margin-right: .22rem;
    flex-shrink: 0
}

@media (max-width: 991px) {
    .job .container .select span {
        line-height: .68rem
    }
}

.job .container .select ul {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .job .container .select ul {
        width: 100%;
        margin-top: .2rem
    }
}

.job .container .select ul li {
    margin-right: .1rem;
    margin-bottom: .1rem
}

.job .container .select ul li a {
    min-width: 1.2rem;
    height: .48rem;
    border-radius: .24rem;
    padding: 0 .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    transition: all .4s;
    border: 1px solid #e5e5e5
}

@media (max-width: 991px) {
    .job .container .select ul li a {
        height: .68rem;
        border-radius: .34rem
    }
}

.job .container .select ul li.on a {
    background: #00084c;
    border: 1px solid #00084c;
    color: #fff
}

.job .container .list {
    width: 100%;
    margin-top: .7rem
}

.job .container .list ul li {
    width: 100%;
    border-bottom: 2px solid #fff
}

.job .container .list ul li .tb1 {
    width: 100%;
    height: .64rem;
    display: flex;
    align-items: center;
    color: #fff;
    padding: .15rem 0;
    background: #00084c
}

@media (max-width: 991px) {
    .job .container .list ul li .tb1 {
        height: .78rem
    }
}

.job .container .list ul li .tb1 .t1 {
    width: calc(460/1440*100%);
    padding-left: .3rem
}

@media (max-width: 1260px) {
    .job .container .list ul li .tb1 .t1 {
        width: calc(560/1440*100%)
    }
}

@media (max-width: 767px) {
    .job .container .list ul li .tb1 .t1 {
        width: 100%
    }
}

.job .container .list ul li .tb1 .t2 {
    width: calc(430/1440*100%)
}

@media (max-width: 1260px) {
    .job .container .list ul li .tb1 .t2 {
        width: calc(330/1440*100%)
    }
}

@media (max-width: 767px) {
    .job .container .list ul li .tb1 .t2 {
        display: none
    }
}

.job .container .list ul li .tb1 .t3 {
    width: calc(370/1440*100%)
}

@media (max-width: 767px) {
    .job .container .list ul li .tb1 .t3 {
        display: none
    }
}

.job .container .list ul li .tb1 .t4 {
    width: calc(180/1440*100%);
    flex-shrink: 0
}

@media (max-width: 767px) {
    .job .container .list ul li .tb1 .t4 {
        width: 20%
    }
}

.job .container .list ul li .tb2 {
    width: 100%;
    height: .64rem;
    display: flex;
    align-items: center;
    background: #f8f8f8;
    padding: .15rem 0;
    transition: all .4s;
    position: relative
}

@media (max-width: 991px) {
    .job .container .list ul li .tb2 {
        height: .78rem
    }
}

.job .container .list ul li .tb2::before {
    content: '';
    width: 0;
    height: 2px;
    background: #00084c;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .4s
}

.job .container .list ul li .tb2 .t1 {
    width: calc(460/1440*100%);
    padding-left: .3rem;
    color: #333;
    transition: all .4s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1260px) {
    .job .container .list ul li .tb2 .t1 {
        width: calc(560/1440*100%)
    }
}

@media (max-width: 767px) {
    .job .container .list ul li .tb2 .t1 {
        width: 100%
    }
}

.job .container .list ul li .tb2 .t2 {
    width: calc(430/1440*100%);
    transition: all .4s;
    color: #333
}

@media (max-width: 1260px) {
    .job .container .list ul li .tb2 .t2 {
        width: calc(330/1440*100%)
    }
}

@media (max-width: 767px) {
    .job .container .list ul li .tb2 .t2 {
        display: none
    }
}

.job .container .list ul li .tb2 .t3 {
    width: calc(370/1440*100%);
    transition: all .4s;
    font-size: 14px;
    color: #999
}

@media (max-width: 767px) {
    .job .container .list ul li .tb2 .t3 {
        display: none
    }
}

.job .container .list ul li .tb2 .more {
    width: calc(180/1440*100%);
    display: flex;
    align-items: center;
    line-height: calc(24/14);
    flex-shrink: 0
}

@media (max-width: 767px) {
    .job .container .list ul li .tb2 .more {
        width: 20%
    }
}

.job .container .list ul li .tb2 .more span {
    color: #00084c;
    font-size: 14px
}

.job .container .list ul li .tb2 .more i {
    margin-left: .05rem;
    display: flex;
    align-items: center
}

.job .container .list ul li .tb2 .more i svg {
    width: 14px;
    transform: rotateZ(-90deg);
    object-fit: contain
}

.job .container .list ul li .tb2 .more i svg path {
    fill: #00084c
}

@media (min-width: 992px) {
    .job .container .list ul li:hover .tb2::before {
        width: 100%
    }

    .job .container .list ul li:hover .tb2 .t1 {
        font-size: 18px;
        color: #00084c
    }

    .job .container .list ul li:hover .tb2 .t2 {
        color: #00084c
    }

    .job .container .list ul li:hover .tb2 .t3 {
        color: #00084c
    }
}

.job .container .page-list {
    margin-top: .8rem
}

.job-info {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem 0
}

.job-info .container {
    background: #fff
}

.job-info .container .box1 {
    width: 100%;
    background: #00084c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: .78rem .6rem
}

@media (max-width: 767px) {
    .job-info .container .box1 {
        padding: .5rem .3rem
    }
}

.job-info .container .box1 .tb {
    width: 70%
}

@media (max-width: 991px) {
    .job-info .container .box1 .tb {
        width: 100%
    }
}

.job-info .container .box1 .tb .t1 {
    color: #fff;
    line-height: calc(40/30)
}

.job-info .container .box1 .tb .t2 {
    color: #fff;
    margin-top: .1rem
}

.job-info .container .box1 .get-job {
    height: .56rem;
    background: #fff;
    display: flex;
    align-items: center;
    color: #00084c;
    padding: 0 .35rem;
    cursor: pointer
}

@media (max-width: 991px) {
    .job-info .container .box1 .get-job {
        margin-top: .4rem;
        height: .68rem
    }
}

.job-info .container .box1 .get-job i {
    width: 21px;
    display: flex;
    align-items: center;
    margin-right: .1rem
}

.job-info .container .box2 {
    width: 100%;
    padding: .75rem .6rem
}

@media (max-width: 767px) {
    .job-info .container .box2 {
        padding: .5rem .3rem
    }
}

.job-info .container .box2 .tb {
    width: 100%
}

.job-info .container .box2 .tb .ts {
    margin-bottom: .7rem
}

.job-info .container .box2 .tb .ts:last-child {
    margin-bottom: 0
}

.job-info .container .box2 .tb .ts .t1 {
    color: #000;
    line-height: calc(32/22)
}

.job-info .container .box2 .tb .ts .t2 {
    color: #666;
    margin-top: .1rem
}

.job-info .container .box2 .back {
    width: 100%;
    display: flex;
    margin-top: 1.5rem
}

@media (max-width: 991px) {
    .job-info .container .box2 .back {
        justify-content: center
    }
}

.job-info .container .box2 .back a {
    display: flex;
    align-items: center
}

.job-info .container .box2 .back a i {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    margin-right: 8px
}

.job-info .container .box2 .back a span {
    color: #00084c
}

.job-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.6);
    display: none
}

.job-pop .box {
    width: 1168px;
    max-width: 90%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: .95rem 1.2rem .9rem
}

@media (max-width: 991px) {
    .job-pop .box {
        padding: .6rem
    }
}

@media (max-width: 767px) {
    .job-pop .box {
        padding: .5rem .3rem
    }
}

.job-pop .box .close {
    width: .5rem;
    height: .5rem;
    background: rgba(153, 153, 153, 0.2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: .2rem;
    right: .2rem
}

@media (max-width: 767px) {
    .job-pop .box .close {
        width: .68rem;
        height: .68rem
    }
}

.job-pop .box .close svg {
    width: 14px;
    height: 14px
}

.job-pop .box .close svg path {
    fill: #666
}

.job-pop .box .title {
    color: #333;
    line-height: calc(46/36);
    text-align: center;
    font-weight: bold
}

.job-pop .box .txt {
    color: #666;
    text-align: center;
    margin-top: .1rem
}

.job-pop .box form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .4rem
}

.job-pop .box form .item {
    width: calc(440/930*100%);
    position: relative;
    margin-bottom: .28rem
}

@media (max-width: 991px) {
    .job-pop .box form .item {
        width: 100%
    }
}

.job-pop .box form .item .t1 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
    padding-left: .1rem;
    color: #999;
    transition: all .4s
}

.job-pop .box form .item .dian {
    position: absolute;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background: #999;
    transition: all .4s
}

.job-pop .box form .item .t2 {
    width: 100%;
    height: .6rem;
    padding-left: .1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    transition: all .4s;
    color: #333
}

.job-pop .box form .item select {
    border-radius: 0
}

.job-pop .box form .item i {
    width: 14px;
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    pointer-events: none
}

.job-pop .box form .item i svg {
    width: 100%;
    object-fit: contain
}

.job-pop .box form .item i svg path {
    fill: #999
}

.job-pop .box form .item.on .t1 {
    top: -10%
}

.job-pop .box form .item.on .dian {
    background: #b1282a
}

.job-pop .box form .item.on .t2 {
    border-bottom: 1px solid #00084c
}

.job-pop .box form .item2 {
    width: 100%;
    position: relative;
    margin-bottom: .28rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.job-pop .box form .item2 .left {
    width: calc(440/930*100%);
    position: relative
}

@media (max-width: 991px) {
    .job-pop .box form .item2 .left {
        width: 100%
    }
}

.job-pop .box form .item2 .right {
    width: calc(440/930*100%);
    position: relative;
    display: flex;
    align-items: flex-end
}

@media (max-width: 991px) {
    .job-pop .box form .item2 .right {
        width: 100%;
        margin-top: .2rem
    }
}

.job-pop .box form .item2 .right .upload {
    width: 1.6rem;
    height: .55rem;
    border-radius: 6px;
    background: #e5e6ed;
    border: 1px solid #00084c;
    opacity: .1;
    position: relative
}

@media (max-width: 767px) {
    .job-pop .box form .item2 .right .upload {
        height: .78rem
    }
}

.job-pop .box form .item2 .right .upload::before {
    content: '+';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #00084c;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    pointer-events: none
}

.job-pop .box form .item2 .right .upload .file {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.job-pop .box form .item2 .right .tbox {
    min-width: 1.6rem;
    height: .55rem;
    border-radius: 6px;
    background: rgba(102, 107, 148, 0.1);
    border: 1px solid rgba(0, 8, 76, 0.1);
    position: relative;
    margin-left: .2rem;
    display: none
}

.job-pop .box form .item2 .right .tbox span {
    width: 100%;
    height: 100%;
    padding: 5px;
    color: #00084c;
    display: flex;
    justify-content: center;
    align-items: center
}

.job-pop .box form .item2 .right .tbox .sclose {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #00084c;
    position: absolute;
    top: -3px;
    right: -3px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.job-pop .box form .item2 .right .tbox .sclose svg {
    width: 10px;
    height: 10px
}

.job-pop .box form .item2 .right .tbox .sclose svg path {
    fill: #fff
}

.job-pop .box form .item2 .tips {
    font-size: 14px;
    color: #cfcfcf;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

@media (max-width: 767px) {
    .job-pop .box form .item2 .tips {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .job-pop .box form .item2 .tips.ts {
        top: 100%;
        transform: translateY(10px)
    }
}

.job-pop .box form .item3 {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: .4rem
}

@media (max-width: 767px) {
    .job-pop .box form .item3 {
        padding-top: 1.2rem
    }
}

.job-pop .box form .item3 .btn {
    min-width: 1.6rem;
    height: .64rem;
    background: #00084c;
    color: #fff;
    border-radius: 3px
}

.search-pop {
    width: 100%;
    padding: 1rem 0;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.1);
    display: none
}

.search-pop .container {
    position: relative;
    z-index: 1;
    display: block
}

.search-pop .container .close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: -0.6rem;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s
}

@media (max-width: 991px) {
    .search-pop .container .close {
        width: 26px;
        height: 26px;
        top: -0.8rem;
        right: -0.2rem
    }
}

.search-pop .container .close svg {
    width: 16px;
    height: 16px
}

.search-pop .container .close svg path {
    fill: #fff
}

.search-pop .container .close:hover {
    background: #000f46
}

.search-pop .container .search-box {
    width: 100%;
    height: 50px;
    padding: 2px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    display: flex
}

@media (max-width: 767px) {
    .search-pop .container .search-box {
        width: 100%
    }
}

.search-pop .container .search-box .txt {
    width: calc(100% - 50px);
    height: 100%
}

.search-pop .container .search-box .btn {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-pop .container .search-box .btn svg path {
    fill: #000
}

.search-pop .container .hot {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .2rem;
    font-size: 14px
}

.search-pop .container .hot span {
    color: #999
}

.search-pop .container .hot a {
    color: #666;
    transition: all .4s;
    margin-right: .2rem
}

.search-pop .container .hot a:hover {
    color: #000f46
}

.search-end {
    width: 100%;
    padding: 1.4rem 0
}

.search-end .container .top {
    width: 100%;
    text-align: center
}

.search-end .container .top .title {
    text-align: center;
    color: #000;
    line-height: calc(50/40)
}

.search-end .container .top .txt {
    text-align: center;
    margin-top: 5px;
    color: #333
}

.search-end .container .menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .5rem
}

@media (max-width: 767px) {
    .search-end .container .menu {
        flex-direction: column-reverse
    }
}

.search-end .container .menu ul {
    display: flex
}

@media (max-width: 767px) {
    .search-end .container .menu ul {
        width: 100%;
        margin-top: .2rem;
        padding: .1rem 0;
        overflow-x: auto
    }
}

.search-end .container .menu ul li {
    margin-right: .3rem
}

.search-end .container .menu ul li:last-child {
    margin-right: 0
}

.search-end .container .menu ul li a {
    color: #666;
    transition: all .4s;
    white-space: nowrap
}

.search-end .container .menu ul li:hover a {
    color: #000f46
}

.search-end .container .menu ul li.on a {
    color: #000f46;
    border-bottom: 1px solid #000f46
}

.search-end .container .menu .search-box {
    width: 400px;
    height: 50px;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 25px;
    overflow: hidden;
    display: flex
}

@media (max-width: 767px) {
    .search-end .container .menu .search-box {
        width: 100%
    }
}

.search-end .container .menu .search-box .txt {
    width: calc(100% - 50px);
    height: 100%;
    padding-left: 20px
}

.search-end .container .menu .search-box .btn {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-end .container .menu .search-box .btn svg path {
    fill: #000
}

.search-end .container .list {
    width: 100%;
    margin-top: .5rem
}

.search-end .container .list .items {
    width: 100%;
    margin-bottom: .5rem
}

.search-end .container .list .items:last-child {
    margin-bottom: 0
}

.search-end .container .list .items .title {
    color: #000
}

.search-end .container .list .items ul {
    width: 100%
}

.search-end .container .list .items ul li {
    width: 100%
}

.search-end .container .list .items ul li .load {
    width: 100%;
    padding: .36rem 0;
    border-bottom: 1px solid rgba(0, 8, 76, 0.1)
}

.search-end .container .list .items ul li .load .tbox {
    width: 100%;
    display: flex
}

.search-end .container .list .items ul li .load .tbox .t1 {
    width: calc(720/1380*100%);
    color: #333
}

@media (max-width: 767px) {
    .search-end .container .list .items ul li .load .tbox .t1 {
        width: 100%
    }
}

.search-end .container .list .items ul li .load .tbox .t2 {
    width: calc(186/1380*100%);
    color: #999;
    text-align: center
}

@media (max-width: 767px) {
    .search-end .container .list .items ul li .load .tbox .t2 {
        display: none
    }
}

.search-end .container .list .items ul li .load .tbox .t3 {
    width: calc(276/1380*100%);
    color: #999;
    text-align: center
}

@media (max-width: 767px) {
    .search-end .container .list .items ul li .load .tbox .t3 {
        display: none
    }
}

.search-end .container .list .items ul li .load .tbox .t4 {
    width: calc(196/1380*100%);
    text-align: center
}

@media (max-width: 767px) {
    .search-end .container .list .items ul li .load .tbox .t4 {
        width: 25%;
        flex-shrink: 0
    }
}

.search-end .container .list .items ul li .load .tbox .t4 a {
    color: #00084c;
    text-decoration: underline
}

.search-end .container .list .items ul li .load .tbox:hover .t1 {
    color: #000f46
}

.search-end .container .list .items ul li .news {
    width: 100%;
    padding: .36rem 0;
    border-bottom: 1px solid rgba(0, 8, 76, 0.1)
}

.search-end .container .list .items ul li .news .tbox a .time {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    color: #999
}

@media (max-width: 991px) {
    .search-end .container .list .items ul li .news .tbox a .time {
        justify-content: flex-start
    }
}

.search-end .container .list .items ul li .news .tbox a .t1 {
    color: #333;
    line-height: calc(28/22);
    transition: all .4s
}

.search-end .container .list .items ul li .news .tbox a .t2 {
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em;
    margin-top: .2rem
}

.search-end .container .list .items ul li .news .tbox a:hover .t1 {
    color: #000f46
}

.search-end .container .list .items ul li .school {
    width: 100%;
    padding: .36rem 0;
    border-bottom: 1px solid rgba(0, 8, 76, 0.1)
}

.search-end .container .list .items ul li .school .tbox {
    width: 100%
}

.search-end .container .list .items ul li .school .tbox a .ttop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.search-end .container .list .items ul li .school .tbox a .ttop .name {
    color: #000;
    line-height: calc(30/20)
}

@media (max-width: 767px) {
    .search-end .container .list .items ul li .school .tbox a .ttop .name {
        width: 100%
    }
}

.search-end .container .list .items ul li .school .tbox a .ttop .name span {
    font-size: 14px;
    color: #999;
    display: block;
    margin-top: 10px
}

.search-end .container .list .items ul li .school .tbox a .ttop .tips {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: .2rem
}

.search-end .container .list .items ul li .school .tbox a .ttop .tips span {
    font-size: 14px;
    line-height: calc(24/14);
    color: #999;
    margin-right: .6rem;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .search-end .container .list .items ul li .school .tbox a .ttop .tips span {
        width: 100%;
        margin: .05rem 0
    }
}

.search-end .container .list .items ul li .school .tbox a .ttop .tips span img {
    height: 16px;
    object-fit: contain;
    margin-right: .1rem
}

.search-end .container .list .items ul li .school .tbox a .txt {
    width: 100%;
    color: #333;
    line-height: calc(24/16);
    margin-top: .2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: calc(24/16*2em)
}

.search-end .container .list .items ul li .school .tbox a:hover .ttop .name {
    color: #000f46
}

.search-end .container .list .items ul li .tj {
    width: 100%;
    padding: .36rem 0;
    border-bottom: 1px solid rgba(0, 8, 76, 0.1)
}

.search-end .container .list .items ul li .tj .tbox {
    width: 100%
}

.search-end .container .list .items ul li .tj .tbox a .t1 {
    line-height: calc(32/22);
    color: #000;
    font-weight: bold;
    transition: all .4s
}

.search-end .container .list .items ul li .tj .tbox a .t2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: .2rem;
    height: 3em
}

.search-end .container .list .items ul li .tj .tbox a:hover .t1 {
    color: #000f46
}

.search-end .container .list .items ul li .way {
    margin-top: .15rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px
}

.search-end .container .list .items ul li .way a {
    color: #999;
    transition: all .4s
}

.search-end .container .list .items ul li .way i {
    width: .1rem;
    height: .1rem;
    display: flex;
    align-items: center;
    margin: 0 5px
}

.search-end .container .list .items ul li .way i svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: rotateZ(-90deg)
}

.search-end .container .list .items ul li .way i svg path {
    fill: #999
}

.email-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.4);
    display: none;
  }
  .email-pop .box {
    width: 800px;
    max-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    display: flex;
    flex-wrap: wrap;
  }
  .email-pop .box .close {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: -18px;
    top: -18px;
    border: 2px solid rgba(0, 0, 0, 0.4);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .email-pop .box .close svg {
    width: 14px;
    height: 14px;
  }
  .email-pop .box .close svg path {
    fill: rgba(0, 0, 0, 0.4);
  }
  .email-pop .box .item {
    width: 50%;
    height: 100%;
    padding: 1.13rem 0 1.2rem;
  }
  @media (max-width: 767px) {
    .email-pop .box .item {
      height: auto;
      padding: 0.3rem 0;
    }
  }
  .email-pop .box .item:nth-child(2) {
    background: rgba(0, 15, 70, 0.05);
  }
  .email-pop .box .item:nth-child(2) a .icon {
    background: #9f0f26;
  }
  .email-pop .box .item:nth-child(2) a .icon::before {
    background: rgba(159, 15, 38, 0.1);
  }
  .email-pop .box .item a {
    display: block;
  }
  .email-pop .box .item a .icon {
    width: 1.14rem;
    height: 1.14rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    background: #000f46;
  }
  .email-pop .box .item a .icon::before {
    content: '';
    width: 1.34rem;
    height: 1.34rem;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background: rgba(0, 15, 70, 0.1);
  }
  @media (max-width: 767px) {
    .email-pop .box .item a .icon img {
      width: 0.5rem;
    }
  }
  .email-pop .box .item a .txt {
    text-align: center;
    line-height: calc(32/22);
    color: #333;
    margin-top: 0.38rem;
  }
  .email-pop.email-pop2 .box {
    width: 900px;
  }
  .email-pop.email-pop2 .box .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .email-pop.email-pop2 .box .list .item {
    width: 33.33%;
  }
  @media (max-width: 767px) {
    .email-pop.email-pop2 .box .list .item {
      width: 100%;
    }
  }
  .email-pop.email-pop2 .box .list .item a .icon svg {
    width: 40%;
    height: auto;
  }
  .email-pop.email-pop2 .box .list .item a .icon svg path {
    fill: #fff;
  }
  .email-pop.email-pop2 .box .list .item:nth-child(2) {
    background: #fff;
  }
  .email-pop.email-pop2 .box .list .item:nth-child(2) a .icon {
    background: #000f46;
  }
  .email-pop.email-pop2 .box .list .item:nth-child(2) a .icon::before {
    background: rgba(0, 15, 70, 0.1);
  }
  .email-pop.email-pop2 .box .list .item:nth-child(odd) {
    background: rgba(0, 15, 70, 0.05);
  }
  .email-pop.email-pop2 .box .list .item:nth-child(odd) a .icon {
    background: #9f0f26;
  }
  .email-pop.email-pop2 .box .list .item:nth-child(odd) a .icon::before {
    background: rgba(159, 15, 38, 0.1);
  }