/*................................................*/

/*by -huanxi*/
/*8.10 - 11.40修改下拉右侧超出边距 已测试教务处*/
/*8.14 修改导航鼠标滑过效果*/


/*................................................*/
/*v1学校办公室*/
/*v2人事处*/
/*v3财务处*/
/*v4发展规划处*/
/*v5安全工作处*/
/*v6基建处*/
/*v7招标办*/
/*v8教师发展中心*/
/*v9师德师风*/
/*v10党委办公室*/
/*v11校团委*/
/*v12教务处*/
/*v13校友会*/
/*v14图文信息中心*/
/*v15网络安全中心子栏目*/
/*v16后勤资产处*/
/*v17学生工作处*/
/*v18体育学院*/
/*................................................*/

@font-face {
    font-family: 'sy';
    src: url('../fonts/sy.ttf') format("truetype");
}

@font-face {
    font-family: 'syblod';
    src: url('../fonts/sybold.ttf') format("truetype");
}

@font-face {
    font-family: 'din';
    src: url('../fonts/din.ttf') format("truetype");
}

@font-face {
    font-family: 'fzl';
    src: url('../fonts/fzl.ttf') format("truetype");
}

.wp-video{
        margin: 0 auto;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'sy';
    font-size: 16px;
    overflow-x: hidden;
}

table,
td,
tr,
ul,
ol,
li,
dl,
dd,
dt,
p,
input,
form,
em,
p,
img,
h1,
h2,
h3,
h4,
h5 {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #000000;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

.clear {
    clear: both
}


/*幻灯*/

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-slide img {
    width: 100%;
    height: 1080px;
}

.new_swiper {
    width: 100%;
    position: absolute;
    bottom: 49px;
    left: 0px
}

.new_swiper .ok_swiper {
    width: 79%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start
}

.swiper-pagination {
    position: relative;
    text-align: left;
    display: flex
}

.swiper-pagination-fraction {
    left: 45px;
    font-weight: bold;
    font-size: 24px
}

.new_swiper .swiper-pagination-bullet {
    width: 60px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background: none;
    text-align: center;
    opacity: 1;
    color: white
}

.new_swiper .swiper-pagination-bullet-active {
    background: #4A90E2
}

.swiper-button-prev {
    display: inline-block;
    padding-top: 0;
    margin-top: 0;
    top: 0
}

.swiper-button-next {
    position: relative;
    z-index: 10
}

.swiper-button-next,
.swiper-button-prev {
    top: 0;
    width: 60px;
    height: 72px;
    margin-top: 0
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    display: block;
    position: relative;
    width: 60px;
    height: 72px;
    color: white;
    left: 0
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0
}

.swiper-button-next:after,
.swiper-button-prev:after {
    width: 0;
    height: 0;
    font-size: 0
}


/*幻灯结束*/


/*s4幻灯*/

.s4swiper {
    position: absolute;
    bottom: 10px;
    z-index: 999;
    text-align: center;
    width: 100%
}

.s4ok_swiper {
    margin: 0 auto
}

.s4ok_swiper .swiper-pagination-bullet {
    padding: 2px;
}

.s4ok_swiper .swiper-pagination-bullet:not(:first-of-type) {
    margin-left: 15px
}

.s4ok_swiper .swiper-pagination-bullet-active {
    background-color: white
}


/*s4幻灯*/


/*导航*/

.head {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    background: url(../images/hbj.png) top no-repeat;
    background-size: 100% 100%;
}

.head_top,
.main_body,
.w79 {
    width: 79%;
    margin: 0 auto;
    padding-bottom: 69px;
}

.head_top img {
    display: block;
    width: 578px;
}

.head_top.ss1 img {
    width: unset;
}

.head_top .nav>ul {
    display: flex;
    justify-content: space-between;
}

.head_top .nav>ul>li {
    transition: all ease .2s;
    height: 55px;
}

.head_top .nav>ul>li:hover {
    border-bottom: 4px solid #ffffff;
}


.head_top .nav>ul a {
    color: white;
    font-size: 1.5rem;
}

.head_top .nav>ul a:hover {
    color: #8cbcfd;
}

.head .nav {
    padding-top: 27px;
}
.head_wai.dangwei.topbg03{background: unset}
.head_wai.dangwei.on{background-color:#ad343d}
.head_wai.dangwei .head_top .nav>ul>li.active a,.head_wai.dangwei .head_top .nav>ul a:hover{color: #a92c35}
.head_wai.dangwei.on .head_top .nav>ul>li.active a{color: #fff}
.head_wai.dangwei .search button{background-color: #ad343d;}
.head_wai.dangwei .search button.ons02{color: #ad343d;background-color: #fff;}
.new_swiper.dangwei .swiper-pagination-bullet-active{background-color: #ad343d;}
.mblogo {
    display: none;
    overflow: hidden;
}

.pclogo {
    display: none;
}


/*悬浮开始*/

.head.on {
    top: 0
}

.head_wai.on {
    position: fixed;
    width: 100%;
    height: 200px;
    background-color: #4A90E2
}

.head_top.on {
    padding-top: 26px
}

.head_wai03.on {
    position: fixed;
    width: 100%;
    height: 324px;
    z-index: 55;
}

.head_wai03 .nav>ul>li a.active {
    font-weight: bold;
    color: #A7232D;
}


/*悬浮结束*/

.main {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.main .color_bg {
    position: absolute;
    height: 100%;
    width: 65%;
    background-color: #F0F2F3;
    z-index: -1;
    right: 0;
}

.main_body {
    display: flex;
}

.main_body_left {
    width: 39.5%;
}

.main_body_left>img {
    width: 100%;
    padding-top: 146px;
    height: 400px;
}

.main_body_left a img {
    width: 100%;
    padding-top: 146px;
    height: 400px;
}

.main_body_left>p:nth-of-type(1) {
    padding-left: 18.5%;
    font-size: 4.3rem;
    font-family: 'din';
    text-transform: uppercase;
    margin: 2.8rem 0 0 0;
    opacity: 0.1;
}

.main_body_left>p:nth-of-type(2) {
    padding-left: 11.7rem;
    font-size: 1.875rem;
    font-family: 'sy';
    margin-top: -3.2rem;
}

.main_body_left>p:nth-of-type(2):after {
    content: '';
    background-color: #4A90E2;
    height: 4px;
    width: 60px;
    display: block;
    margin-left: 2rem;
    margin-top: 20px;
}

.main_body_left.s3>p:nth-of-type(2):after {
    background-color: #A7232D;
}

.main_body_right {
    padding-left: 66px;
    width: 60%;
    box-sizing: border-box;
}

.main_body_right>ul {
    display: flex;
    justify-content: center;
    font-size: 1.62rem;
    padding-top: 60px;
    font-weight: 500;
    cursor: pointer;
}

.main_body_right>ul>li.active {
    color: #4A90E2;
    font-weight: bold
}

.main_body_right.s3>ul>li.active {
    color: #A7232D;
    font-weight: bold
}

.main_body_right.index_main_body02>ul {
    justify-content: unset;
}

.main_body_right.index_main_body02>ul>li {
    color: black;
    font-weight: bold;
}

.main_body_right>ul li:nth-of-type(2) {
    padding-left: 6.12rem;
}

.main_body_right_list {
    padding-top: 54px;
}

.main_body_right_list>ul>li>a {
    display: flex;
}

.main_body_right_list>ul>li>a:hover .nr>h3 {
    color: #4A90E2;
}

.main_body_right_list.s3>ul>li>a:hover .time {
    color: unset;
}

.main_body_right_list.s3>ul>li>a:hover .nr>h3 {
    color: #A7232D;
}

.main_body_right_list>ul>li>a:hover .time {
    color: #4A90E2;
}

.main_body_right_list>ul>li:not(:first-of-type) {
    padding-top: 36px;
}

.main_body_right_list>ul>li a .time {
    display: flex;
    flex-direction: column;
    width: 7.841%;
    align-items: center;
}

.main_body_right_list>ul>li a .time i,
.main_body_right_list>ul>li a .time em {
    font-style: normal;
}

.main_body_right_list>ul>li a .time i {
    font-size: 2.625rem;
    font-family: Arial;
    font-weight: bold;
}

.main_body_right_list>ul>li a .nr {
    padding-left: 25px;
    width: 89.355%;
    min-height: 79px;
}

.main_body_right_list>ul>li a .nr h3 {
    font-size: 1.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main_body_right_list>ul>li a .nr p {
    font-size: 1rem;
    line-height: 27px;
}

.main_body_right_list .more {
    font-weight: bold;
    float: right;
    margin-top: 36px;
}

.main_body_right_list .more:hover a {
    color: #007aff;
}

.tzbg .more:hover a {
    color: #007aff;
}

.n_body_right_list2.s10 .more:hover a {
    color: #007aff;
}

.foot {
    background-color: #25252F;
}

.foot .foot_left {
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
    color: white;
    letter-spacing: 1px
}

.foot .foot_left a {
    color: white;
}

.foot .foot_left img {
    width: 100%;
    padding-bottom: 15px;
}

.foot .foot_right {
    margin-left: auto;
    display: flex;
    color: white;
}

.foot .foot_right>div {}

.foot .foot_right h2 {
    font-weight: normal;
    font-size: 20px;
}

.foot .foot_right .link>div {
    margin-left: -12px;
}

.foot .foot_right ul {
    padding-top: 27px;
}

.foot .foot_right .link ul {
    width: 317px;
}

.foot .foot_right .link li {
    float: left;
    padding-left: 12px;
    padding-top: 11px;
}

.foot .foot_right li a {
    font-size: 18px;
    color: white;
}

.foot .foot_right .contact li {
    position: relative
}

.foot .foot_right .contact li>div {
    position: absolute;
    left: -157px;
    top: -55px;
    display: none;
}

.foot .foot_right .contact li:hover>div {
    display: block;
}

.m_nav {
    display: none;
}


/*内页开始*/

.n_top_banner {
    width: 100%;
    margin: 0;
    padding: 0;
}

.n_top_banner img {
    display: block;
    width: 100%;
}

.n_w79 {
    width: 79%;
    margin: 0 auto;
    position: relative;
}

.n_left_topnav {
    position: absolute;
    top: -120px;
    left: 0;
    width: 21%;
    height: 120px;
    background-color: #4A90E2;
    line-height: 120px;
    text-align: center;
    color: white;
    font-size: 1.875rem;
}

.n_body {
    display: flex;
    align-items: flex-start
}

.n_left_nav {
    width: 21%;
    background-color: #4A90E2;
}

.n_left_nav ul li {
    margin-left: 10px;
    height: 99px;
    line-height: 99px;
    padding-left: 20%;
    background-color: #F2F2F2;
    border-bottom: 1px solid #FFFFFF;
}

.n_left_nav ul li.active a {
    font-weight: bold;
    color: #4A90E2;
}

.n_left_nav ul li a {
    color: #999999;
    font-size: 1.625rem;
}

.n_left_nav ul li .fa-chevron-right {
    color: #999999;
    padding-left: 84px
}

@media all and (min-width: 980px) {
    .n_left_nav ul li {
        position: relative;
        margin-left: 10px;
        height: 99px;
        line-height: unset;
        padding-left: 20%;
        background-color: #F2F2F2;
        border-bottom: 1px solid #FFFFFF;
    }
    .n_left_nav ul li a {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%)
    }
    .n_left_nav ul li i {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translate(0, -50%)
    }
    .main_body .tit {
        position: relative;
        text-align: center
    }
    .main_body .tit h2 {
        padding-top: 78px;
    }
    .main_body .titbg:before {
        width: 100%;
        content: attr(data-tit);
        font-size: 70px;
        color: #4A90E2;
        opacity: 0.2;
        position: absolute;
        top: 55px;
        font-family: din;
        text-transform: uppercase;
        left: 50%;
        transform: translate(-50%)
    }
    .main_body .titbg:after {
        content: '';
        position: absolute;
        top: 125px;
        display: block;
        width: 60px;
        height: 3px;
        background-color: #4A90E2;
        left: 50%;
        transform: translate(-50%)
    }
    .head_top {
        padding-top: 36px;
        transition: all 0.5s;
    }
    .n_left_nav ul li:hover {
        /*background-color: #4A90E2;*/
    }
    .n_left_nav ul li:hover a {
        font-weight: bold;
        color: #4A90E2;
    }
    .n_left_nav ul li:hover .fa-chevron-right {
        color: #4A90E2;
    }
    .n_body_right_top {
        margin-top: 38px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        border-bottom: #e8e8e8 1px solid;
        padding-bottom: 30px;
    }
    .n_body_right_top h2 {
        font-size: 36px;
        display: block;
        flex: 1;
    }
    .n_body_right_top h2:after {
        bottom: -30px;
        position: relative;
        content: '';
        height: 4px;
        background: #4A90E2;
        display: block;
        width: 203px;
        text-align: center;
    }
    .n_body_right {
        width: 72%;
        padding-left: 80px;
    }
    .n_body_right_postion {
        font-size: 20px;
    }
    .n_body_right_list {
        margin-top: 80px;
    }
    .n_body_right_list>ul>li {
        border-bottom: #e8e8e8 1px solid;
    }
    .n_body_right_list>ul>li>a {
        display: flex;
        box-sizing: border-box;
        padding-top: 36px;
        padding-left: 41px;
    }
    .n_body_right_list>ul>li>a:hover {
        background-color: #4A90E2;
        box-sizing: border-box;
        color: white;
    }
    .n_body_right_list>ul>li>a:hover .time {
        color: white;
    }
    .n_body_right_list>ul>li>a:hover .img {
        display: none;
    }
    .n_body_right_list>ul>li a .time {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .n_body_right_list>ul>li a .time i,
    .n_body_right_list>ul>li a .time em {
        font-style: normal;
    }
    .n_body_right_list>ul>li a .time i {
        font-size: 2.625rem;
        font-family: Arial;
        font-weight: bold;
    }
    .n_body_right_list>ul>li a .nr,
    .n_body_right_list>ul>li a img {
        padding-left: 25px;
        box-sizing: border-box
    }
    .n_body_right_list>ul>li a .nr h3 {
        font-size: 1.25rem;
    }
    .n_body_right_list>ul>li a .nr p {
        font-size: 1rem;
        line-height: 2rem;
        padding-top: 24px;
        padding-bottom: 40px;
    }
    .n_body_right_list>ul>li .img {
        width: 260px;
        height: 174px
    }
    .n_body_right_list>ul>li .img img {
        width: 260px;
        height: 174px
    }
    .n_body_right_list2 {
        margin-top: 89px;
    }
    .n_body_right_list2>ul>li:not(:first-of-type) {
        padding-top: 48px
    }
    .n_body_right_list2>ul>li>a {
        display: flex;
        padding-left: 41px;
    }
    .n_body_right_list2>ul>li a .time {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #4A90E2;
        color: white;
        padding: 0 20px
    }
    .n_body_right_list2>ul>li a .time i,
    .n_body_right_list2>ul>li a .time em {
        font-style: normal;
    }
    .n_body_right_list2>ul>li a .time i {
        font-size: 2.625rem;
        font-family: Arial;
        font-weight: bold;
    }
    .n_body_right_list2>ul>li a .nr,
    .n_body_right_list2>ul>li a img {
        padding-left: 25px;
    }
    .n_body_right_list2>ul>li a .nr h3 {
        font-size: 1.25rem;
        color: #000000;

    }
    .n_body_right_list2>ul>li:hover a .nr h3 {
        font-size: 1.25rem;
        color: #4A90E2
    }
    .ptb30:hover h3 a {
        color: #4A90E2
    }
    .s3index_xx:hover a h2 {
        color: #4A90E2
    }
    .n_body_right_list2>ul>li a .nr p {
        font-size: 1rem;
        line-height: 2rem;
        display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;
        min-height: 123px;
    }
    .n_body_right_list2.s3 {
        margin-top: unset;
        border-bottom: 2px dashed #D9D9D9;
        padding-bottom: 29px
    }
    .n_body_right_list2.s3>ul>li>a {
        padding-left: unset;
        align-items: center
    }
    .n_body_right_list2.s3>ul>li a .nr h3 {
        color: #000000
    }
    .n_body_right_list2.s3>ul>li a:hover .nr h3 {
        color: #A7232D
    }
    .n_body_right_list2.s3>ul>li a .time {
        background-color: #A7232D
    }
    .n_body_right_list2.s3>ul>li a .time {
        padding: 21px 6px
    }
    .n_body_right_list3 {
        margin-top: 89px;
    }
    .n_body_right_list3>ul>li {
        border-bottom: #e8e8e8 2px dashed;
        padding-bottom: 15px
    }
    .n_body_right_list3>ul>li:not(:first-of-type) {
        padding-top: 25px
    }
    .n_body_right_list3>ul>li span {
        float: right
    }
    .n_body_right_list3>ul>li a:hover {
        color: #4A90E2
    }
    .n_body_right_nr {
        margin: 89px 0;
    }
    .n_body_right_nr h2,
    p.ly {
        text-align: center;
        padding-bottom: 15px;
    }
    .n_body_right_nr>div {
        margin-top: 25px;
    }
    .n_body_right_nr>div>p {
        line-height: 28px;
    }
    .n_body_right .page {
        width: 50%;
        margin: 0 auto;
    }
    .n_body_right .page>div {
        text-align: center;
    }
    /*后增加通用*/
    .new79 {
        width: 79%;
        margin: 0 auto
    }
    .blue {
        color: #4A90E2
    }
    .head_top .logo {
        max-height: 80px
    }
    .head_top img {
        width: unset
    }
    /*后增加通用 end*/
    /*02燕京教师发展中心*/
    .top02 {
        display: flex;
        justify-content: flex-end
    }
    .search {
        display: inline-block;
        float: right
    }
    .search_flex {
        display: flex;
    }
    .search_flex>div:nth-of-type(2) {
        padding-left: 24px;
    }
    .search input.s02 {
        width: 216px;
        height: 44px;
        border: 1px solid #FFFFFF;
        border-radius: 25px;
        outline: none;
        background: url("../images/02search_ico.png") no-repeat;
        background-size: 16px 16px;
        background-position: 10px center;
        color: white;
        text-indent: 2rem
    }
    .search input.s02::-webkit-input-placeholder {
        color: white
    }
    .search button {
        width: 96px;
        height: 46px;
        border-radius: 25px;
        background-color: #4A90E2;
        color: white;
        border: none;
        font-size: 16px
    }
    .search button.s03 {
        width: 96px;
        height: 48px;
        border-radius: 25px;
        background-color: #A7232D;
        color: white;
        border: none;
        font-size: 16px
    }
    .search button.s03.ons02 {
        background-color: white;
        color: #A7232D
    }
    .search button.ons02 {
        background-color: white;
        color: #4A90E2
    }
    #logo {
        display: inline-block;
        flex: 1
    }
    .tzbg {
        width: 100%;
        background: url("../images/02index_tz_bg.png");
        height: 524px
    }
    .tzbg .new79 .tit h2 {
        text-align: center;
        font-size: 36px;
        padding-top: 80px;
        font-size: 36px
    }
    .tzbg .list>ul {
        display: flex;
        justify-content: space-between
    }
    .tzbg .list>ul li {
        width: 23%
    }
    .tzbg .list>ul>li>a {
        display: flex
    }
    .tzbg .list>ul>li>a:hover .nr>h3 {
        color: #4A90E2
    }
    .tzbg .list>ul>li>a:hover .time {
        color: #4A90E2
    }
    .tzbg .list>ul>li {
        padding: 64px 0 56px 0
    }
    .tzbg .list>ul>li a .time {
        display: flex;
        flex-direction: column
    }
    .tzbg .list>ul>li a .time i,
    .tzbg .list>ul>li a .time em {
        font-style: normal
    }
    .tzbg .list>ul>li a .time i {
        font-size: 2.625rem;
        font-family: Arial;
        font-weight: bold
    }
    .tzbg .list>ul>li a .nr {
        padding-left: 25px
    }
    .tzbg .list>ul>li a .nr h3 {
        font-size: 1.25rem
    }
    .tzbg .list>ul>li a .nr p {
        font-size: 1rem;
        line-height: 27px
    }
    .tzbg .more {
        text-align: center;
        font-size: 18px;
        font-weight: bold
    }
    /*02燕京教师发展中心end*/
    /*003党建园地*/
    .s3index {
        background-color: white;
        padding-top: 80px;
    }
    .s3dx,
    .s3index_xuexi_1,
    .s3index_xuexi_2 {
        display: flex;
        justify-content: space-between;
        padding-bottom: 136px;
    }
    .s3index_xuexi_2 {
        padding-bottom: 80px;
    }
    .s3dx .tits3 h2,
    .s3index_xuexi_1 .tits3 h2,
    .s3index_xuexi_2 .tits3 h2 {
        font-size: 36px;
        color: #A7232D;
        display: inline-block
    }
    .s3dx>div,
    .s3index_xuexi_1>div {
        width: 48%
    }
    .s3dx .tits3,
    .s3index_xuexi_1 .tits3,
    .s3index_xuexi_2 .tits3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 56px
    }
    .s3dx .tits3 em,
    .s3index_xuexi_1 .tits3 em,
    .s3index_xuexi_2 .tits3 em {
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
    }
    .tits3 a:hover em {
        color: #007aff;
    }
    .s3dx .first {
        display: flex;
        align-items: center;
        border-bottom: 2px dashed #D9D9D9;
        padding-bottom: 29px;
    }
    .s3dx .first img {
        width: 244px;
        height: 122px;
    }
    .s3dx .first div:nth-of-type(2) {
        padding-left: 32px;
    }
    .s3dx .first h3 {
        font-size: 22px;
        line-height: 33px;
    }
    .s3dx .first p,
    .n_body_right_list2.s3 .nr p {
        display: block;
        height: 63px;
        padding-top: 5px;
        overflow: hidden;
        font-size: 16px;
        line-height: 30px;
    }
    .s3indexlist {
        margin-top: 32px;
    }
    .s3indexlist>ul>li {
        font-size: 22px;
        line-height: 32px;
    }
    .s3indexlist>ul>li>a {
        width: 100%;
        display: grid;
        justify-content: space-between;
        grid-template-columns: 3% 77.2% 18.91%;
        align-items: center;
    }
    .s3indexlist>ul>li>a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
    }
    .s3indexlist>ul>li i,
    .s3index_list_right>ul>li i {
        display: inline-block;
        width: 7px;
        height: 10px;
        background-color: #999999;
        margin-right: 16px;
    }
    .s3indexlist>ul>li:not(:first-of-type) {
        padding-top: 28px;
    }
    .s3indexlist>ul>li a:hover {
        color: #A7232D;
    }
    .s3indexlist>ul>li a:hover em {
        color: #A7232D;
    }
    .s3indexlist>ul>li a:hover i {
        background-color: #A7232D;
    }
    .s3indexlist>ul>li em {
        font-style: normal;
        font-size: 22px;
        color: #999999;
        flex-grow: 2;
    }
    /*s3四图*/
    .s3index_lit_ban {
        padding-bottom: 56px
    }
    .s3index_lit_ban>ul {
        display: flex;
        justify-content: space-between;
    }
    .s3index_lit_ban>ul img {
        display: block
    }
    /*s3四图end*/
    .s3index_xuexi {
        padding-top: 84px;
        background: url("../images/03index_xuexi_bg.png")
    }
    .s3index_xuexi_2>div:first-of-type {
        width: 60%
    }
    .s3index_xuexi_2>div:nth-of-type(2) {
        width: 36%
    }
    .s3index_xx {
        padding: 32px;
        background-color: #FFFFFF;
        display: flex;
    }
    .s3index_xx .index_xx_img {
        width: 304px;
        height: 304px;
    }
    .s3index_xx .index_xx_img img {
        width: 304px;
        height: 304px;
    }
    .s3index_xx>div:nth-of-type(2) {
        padding-left: 40px;
        padding-top: 10px
    }
    .s3index_xx h2 {
        font-size: 22px
    }
    .s3index_xx p {
        font-size: 16px;
        line-height: 47px;
        padding: 16px 0 44px 0;
    }
    .s3index_xx .time {
        margin-bottom: 0
    }
    .s3index_list_right {
        padding: 60px 40px;
        background-color: #FFFFFF;
    }
    .s3index_list_right ul li {
        font-size: 22px;
        line-height: 63px;
        border-bottom: 1px dashed #D9D9D9;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*s3foot*/
    .foot .foot_right.s3 {
        float: right;
        display: flex;
        justify-content: flex-end;
        color: white
    }
    .foot .foot_right.s3 .link ul {
        width: 191px
    }
    .foot .foot_right.s3 {
        width: 49%
    }
    .foot .foot_right.s3 .link li {
        float: unset
    }
    .foot .foot_right.s3 .link {
        text-align: center
    }
    .foot .foot_right.s3 .link:nth-of-type(2) h2 {
        border-right: #FFFFFF 1px solid;
        border-left: #FFFFFF 1px solid;
    }
    /*s3foot end*/
    .topbg03 {
        background: url("../images/03topbg.png") repeat-x;
        height: 343px;
    }
    /*s3内页*/
    .n_left_topnav.s3 {
        background-color: #A7232D
    }
    .n_left_nav.s3 {
        background-color: #A7232D
    }
    .n_left_nav.s3 .active a {
        color: #A7232D
    }
    .n_left_nav.s3 ul li:hover a {
        color: #A7232D
    }
    .n_left_nav.s3 ul li:hover .fa-chevron-right {
        color: #A7232D;
    }
    .n_body_right.s3 .n_body_right_top h2:after {
        background: #A7232D;
    }
    .n_body_right.s3 .n_body_right_postion a:hover {
        color: #A7232D;
    }
    .n_body_right.s3 .n_body_right_list>ul>li>a:hover {
        background: #A7232D;
    }
    .n_body_right.s3 .n_body_right_list2>ul>li a .time {
        background-color: #A7232D
    }
    .n_body_right.s3 .n_body_right_list2>ul>li a .nr h3 {
        color: black;
    }
    .n_body_right.s3 .n_body_right_list2>ul>li:hover a .nr h3 {
        color: #A7232D;
    }
    .n_body_right.s3 .n_body_right_list3>ul>li a:hover {
        color: #A7232D;
    }
    .n_body_right.s3 .n_body_right_top h2 {
        color: #A7232D
    }
    /*s3内页 end*/
    /*  s4搜索style*/
    .s4search {
        position: absolute;
        top: 322px;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }
    .new56 {
        width: 56%;
        margin: 0 auto
    }
    .search_body {
        width: 100%;
        height: 220px
    }
    .search_body ul {
        display: flex
    }
    .search_body ul li {
        cursor: pointer;
        color: white;
        padding: 18px 16px;
        font-size: 24px
    }
    .search_body ul li.active {
        background-color: rgba(74, 144, 226, 0.8);
        color: white;
        padding: 18px 16px
    }
    .search_body ul li:not(:first-of-type) {}
    .search_input_n {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .search_input_n>div:first-of-type {
        width: 70%
    }
    .search_input {
        width: 100%;
        padding: 50px 0;
        background-color: rgba(74, 144, 226, 0.8)
    }
    .search_input input {
        width: 100%;
        height: 64px;
        outline: none;
        padding-left: 10px;
        font-size: 24px;
        border: 1px solid #FFFFFF
    }
    .search_input input::-webkit-input-placeholder {
        font-size: 24px;
        color: #DEDEDE
    }
    .search_btn {
        display: block;
        width: 15.7%;
        height: 64px;
        background-color: #4A90E2;
        position: relative;
        border: 1px solid #FFFFFF;
        border-left: none;
        cursor: pointer
    }
    .search_btn img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    /*  s4搜索style end*/
    /*s4导航下拉*/
    .navone {
        position: relative
    }
    .dropdown {
        position: absolute;
        top: 63px;
        left: -250px;
        width: 1000px;
        display: none
    }
    .dropdown {
        background-image: url("../images/04navbg.png");
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        background-position: bottom right;
        z-index: 9999;
        width: 900px;
    }
    .dropdown:before {
        position: absolute;
        left: 285px;
        content: '';
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px
    }
    .dropdown img {
        width: 300px;
        height: 220px
    }
    .drflex {
        display: flex;
        padding: 50px
    }
    .drflex .mb_img {
        width: 33%
    }
    .dr_list {
        padding-left: 50px;
        width: 66%;
    }
    .drflex ul {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        justify-content: space-between;
        width: 100%;
        padding-left: 50px
    }
    .dr_list li:nth-of-type(n+4) {
        padding-top: 30px
    }
    .head_top .dr_list ul>li>a {
        color: #2d6a88
    }
    .head_top .nav>ul li:hover .dropdown {
        display: block
    }
    .head_top .nav>ul>li>a {
        padding: 15px
    }
    /*s4导航下拉 end*/
    /*s4首页*/
    .nav.s4>ul>li>a.active {
        color: #4A90E2;
        font-weight: unset
    }
    .s4_n_left_topnav {
        position: absolute;
        z-index: 2;
        top: -100px;
        left: 0;
        width: 21%;
        height: 100px;
        background-color: rgba(74, 144, 226, 0.8);
        line-height: 100px;
        text-align: center;
        color: white;
        font-size: 1.875rem
    }
    .s4_index_bg_color {
        background: #F0F2F3;
    }
    .s4_index_body {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
    .s4_index_left_nav {
        width: 21%;
        background-color: rgba(74, 144, 226, 0.8);
    }
    .s4_index_right {
        width: 77%;
        margin-left: 16px;
    }
    .s4_index_left_nav_list {
        width: 95%;
        margin: 0 auto;
        padding: 20px 0
    }
    .s4_index_left_nav_list:not(:first-of-type) {
        border-top: 1px solid #FFFFFF
    }
    .s4_index_left_nav_list h2 {
        font-size: 24px;
        color: #FFFFFF;
        padding: 0 0 5px 10px
    }
    .s4_index_left_nav_list ul {
        display: grid;
        grid: auto / auto auto;
    }
    .s4_index_left_nav_list ul>li>a {
        color: #FFFFFF;
        padding: 5px 9px;
        display: block
    }
    .s4_index_left_nav_list ul>li>a:hover {
        color: #007aff;
    }
    .s4_index_left_nav_list ul.other {
        display: unset
    }
    .s4_index_fastway {
        background-color: #FFFFFF;
        padding: 30px 20px;
        margin-top: 41px
    }
    .s4_index_fastway h2 {
        font-size: 24px;
        color: #4A90E2;
        border-bottom: 2px solid #F0F2F3;
        padding-bottom: 19px
    }
    .s4_index_fastway_ul {
        display: grid;
        grid: auto / auto auto auto auto auto auto;
        padding-top: 20px;
        justify-content: space-evenly
    }
    .s4_index_fastway_ul>li {
        line-height: 47px
    }
    .s4_index_fastway_ul>li>a {
        font-size: 18px;
        padding-left: 16px
    }
    .s4_index_fastway_ul>li>a:hover {
        color: #007aff;
    }
    .s4_index_three {
        display: flex
    }
    .s4_index_three .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #F0F2F3;
        padding: 20px 0
    }
    .s4_index_three .tit h2 {
        font-size: 24px;
        color: #4A90E2;
    }
    .s4_index_three .tit em {
        font-style: normal;
        color: #000000;
        font-weight: bold
    }
    .s4_index_three .tit em a:hover {
        color: #007aff;
    }
    .s4_index_three>div {
        width: 33%;
        background-color: #FFFFFF;
        margin-top: 41px;
        padding: 0 20px
    }
    .s4_index_three>div:not(:first-of-type) {
        margin-left: 16px
    }
    .s4_index_three>.one ul>li {
        line-height: 54px;
        border-bottom: 1px dashed #F0F2F3;
        display: flex;
        justify-content: space-between;
    }
    .s4_index_three>.one ul>li:hover a {
        color: #007aff;
    }
    .s4_index_three>.one ul>li:hover span {
        color: #007aff;
    }
    .s4_index_three>.one ul>li a {
        font-size: 1rem;
        display: block;
        width: 70%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .s4_index_three>.one ul>li span {
        width: 29%;
    }
    .s4_index_three>.two .img {
        overflow: hidden;
        box-sizing: border-box;
    }
    .s4_index_three>.two img {
        text-align: center;
        width: 100%;
        height: 222px;
    }
    .s4_index_three>.two img:hover {
        transition: all 0.5s;
        transform: scale(1.05);
    }
    .s4_index_three>.two p {
        font-size: 22px;
        letter-spacing: 0.1rem;
        padding: 17px 0 24px 0
    }
    .s4_index_three>.two span {
        font-size: 16px;
    }
    .s3index_lit_ban.s4 li {
        box-sizing: border-box;
        overflow: hidden;
    }
    .s3index_lit_ban.s4 li img {
        width: 356px;
        height: 168px;
    }
    .s3index_lit_ban.s4 li img:hover {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .s4_index_fourpic h2 {
        font-size: 36px;
        text-align: center;
        margin: 80px 0 56px 0
    }
    .s3index_lit_ban.s4 {
        padding-bottom: 96px
    }
    .foot .foot_right.s4 {
        width: 74%
    }
    .foot .link.s4 {
        width: 25%
    }
    .foot .link.s4 h2 {
        text-align: center
    }
    .foot .link.s4:not(:last-of-type) h2 {
        border-right: #FFFFFF 1px solid
    }
    .foot .link.s4 ul li:first-of-type {
        border-right: #FFFFFF 1px solid;
        padding-top: unset
    }
    .foot .link.s4>div>ul {
        width: unset
    }
    .foot .link.s4>div>ul>li {
        float: unset;
        text-align: center
    }
    /*s4首页end*/
    /*s4网络安全宣传页*/
    .s4top_banner img {
        width: 100%;
        display: block
    }
    .s4_p_top {
        position: absolute;
        top: 0;
        left: 0
    }
    .s4logo {
        margin-top: 36px
    }
    .s4_wlaq_bg {
        background-color: #1681FF
    }
    .s4_top_nav {}
    .s4_top_nav>ul {
        display: flex;
        justify-content: space-between;
    }
    .s4_top_nav>ul>li {
        padding: 25px 0;
    }
    .s4_top_nav>ul>li>a {
        color: #FFFFFF;
    }
    .s4_top_nav>ul>li>a:hover {
        font-weight: bold;
    }
    .s4_wlaq_bg2 {
        background-color: #F9FCFF
    }
    .s4_wlaq_news h2,
    .s4_wlaq_news .more,
    .explain>div>h2,
    .s4wlaq h2 {
        font-size: 36px;
        text-align: center;
        padding: 80px 0 56px 0
    }
    .s4_wlaq_news img {
        width: 600px
    }
    .s4_wlaq_news_div {
        display: flex;
        justify-content: space-between
    }
    .s4_wlaq_news_div>div:nth-of-type(2) {
        margin-left: 66px
    }
    .s4_wlaq_news_div li,
    .s4_wlaq_pufa_r .list li {
        display: flex;
        border-bottom: 1px dashed #EEEEEE
    }
    .s4_wlaq_news_div li:not(:nth-of-type(1)) {
        padding-top: 26px;
    }
    .s4_wlaq_news_div li .s4_wlaq_time,
    .s4_wlaq_pufa_r.list li .s4_wlaq_time {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
        padding-right: 15px
    }
    .s4_wlaq_news_div li .s4_wlaq_time i,
    .s4_wlaq_pufa_r .list li .s4_wlaq_time i {
        font-style: normal;
        font-size: 42px;
        color: #999999;
        font-weight: bold
    }
    .s4_wlaq_news_div li .s4_wlaq_time em,
    .s4_wlaq_pufa_r .list li .s4_wlaq_time em {
        font-style: normal;
        font-size: 16px;
        color: #999999
    }
    .s4_wlaq_news_div li h3,
    .s4_wlaq_pufa_r .list li h3 {
        font-size: 20px;
        color: #666666
    }
    .s4_wlaq_news_div li p,
    .s4_wlaq_pufa_r .list li p {
        font-size: 16px;
        color: #999999;
        line-height: 27px;
        padding: 17px 0
    }
    .s4_wlaq_news .more {
        font-size: 18px
    }
    .explain>div>h2 {
        padding-bottom: 27px
    }
    .explain .more {
        float: right;
        font-size: 18px;
        color: #666666;
        padding-bottom: 80px
    }
    .n_body_right_list2.s4_wlan {
        margin-top: unset
    }
    .n_body_right_list2.s4_wlan>ul>li {
        padding-top: 29px
    }
    .n_body_right_list2.s4_wlan>ul>li>a {
        padding-left: unset
    }
    .n_body_right_list2.s4_wlan>ul {
        display: grid;
        grid-template-columns: 45% 45%;
        justify-content: space-between
    }
    .n_body_right_list2.s4_wlan>ul .nr {
        padding-top: 12px
    }
    .n_body_right_list2.s4_wlan>ul .nr p {
        height: 77px;
        overflow: hidden;
        padding-top: 12px;
        line-height: 35px
    }
    .s4_wlaq_bg3 {
        background-image: url("../images/04wlaq_pufa_bg.png");
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 100%;
    }
    .s4_wlaq_pufa {
        display: flex;
        align-items: center;
        padding-bottom: 80px
    }
    .s4_wlaq_pufa_r {
        width: 56%;
        min-height: 718px;
    }
    .s4_wlaq_pufa_l {
        width: 40%
    }
    .s4_wlaq_pufa_l img {
        width: 100%
    }
    .s4_wlaq_pufa_r>div {
        width: 100%;
        position: relative;
        padding-left: 58px
    }
    .s4_wlaq_pufa_r .topnav {
        display: flex;
        justify-content: center;
        padding: 80px 0 56px 0
    }
    .s4_wlaq_pufa_r .topnav li {
        font-size: 36px;
        color: #9DBBFF;
        padding: 0 32px;
        cursor: pointer;
    }
    .s4_wlaq_pufa_r .topnav li.active {
        font-size: 36px;
        color: #FFFFFF;
    }
    .s4_wlaq_pufa_r .list li .s4_wlaq_time i,
    .s4_wlaq_pufa_r .list li .s4_wlaq_time em,
    .s4_wlaq_pufa_r .list li h3,
    .s4_wlaq_pufa_r .list li p {
        color: #9DBBFF
    }
    .s4_wlaq_pufa_r .list li:hover .s4_wlaq_time i {
        color: white;
    }
    .s4_wlaq_pufa_r .list li:hover .s4_wlaq_time em {
        color: white;
    }
    .s4_wlaq_pufa_r .list li:hover h3 {
        color: white;
    }
    .s4_wlaq_pufa_r .list li:hover p {
        color: white;
    }
    .s4_wlaq_pufa_r .list li:not(:nth-of-type(1)) {
        padding-top: 27px
    }
    .s4_wlaq_pufa_r .list {
        display: none
    }
    .s4_wlaq_pufa_r .list .more {
        position: absolute;
        top: -90px;
        right: 0;
    }
    .s4_wlaq_pufa_r .list .more a {
        color: white;
        font-weight: bold;
    }
    .s4_wlaq_pufa_r .list.active {
        display: block
    }
    .s4wlaq .video {
        display: flex;
        justify-content: space-between
    }
    .s4wlaq .video li {
        position: relative;
        width: 480px;
        height: 313px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .s4wlaq .video li>a>img {
        width: 480px;
        height: 313px;
    }
    .s4wlaq.list .video li>a>img {
        width: 100%;
        height:235px;
    }
    .s4wlaq.list .video li>a {
        width: 100%;
        height:235px;
        overflow: hidden;
        display: block;
        box-sizing: border-box;
    }
    .s4wlaq.list .video li {
        width:100%;
        height: 313px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .s4wlaq .video li>a>img:hover{
        transition: all 0.5s;
        transform: scale(1.05);
    }
    .s4wlaq .video li i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer
    }
    .main.s4_wlaq_bg3 {
        margin-bottom: 80px
    }
    .s4wlaq .more {
        text-align: center;
        padding: 56px 0 80px 0
    }
    .s4wlaq .more a:hover,
    .s4_wlaq_news .more a:hover,
    .explain .more a:hover,
    .s4_wlaq_pufa_r .more a:hover {
        color: #007aff;
    }
    .s4_wlaq_news_div li a:hover h3 {
        color: #4A90E2
    }
    .n_body_right_list2.s4_wlan>ul>li a .nr h3 {
        color: black
    }
    .n_body_right_list2.s4_wlan>ul>li a:hover .nr h3 {
        color: #4A90E2
    }
    /*s4网络安全宣传页*/
    /*s4视频列表*/
    .head_wai04 .head_top img {
        width: unset
    }
    .head_wai04 .top02 {
        justify-content: normal;
        align-items: center
    }
    .s4_wlaq_top {
        background-color: #4A90E2;
        width: 100%;
        height: 128px;
    }
    .s4_wlaq_top .h100 {
        height: 100%
    }
    .s4wlaq.list {
        width: 100%;
        margin-top: 79px
    }
    .s4wlaq.list li p {
        text-align: center;
    }
    .s4wlaq.list .video {
        display: grid;
        grid-template-columns: 33% 33% 33%
    }
    .s4wlaq.list li img {
        width: 100%
    }
    .new_logo {
        display: flex;
        align-items: center;
        height: 100%
    }
    .new_logo h2 {
        font-family: 'fzl';
        color: #FFFFFF;
        font-size: 48px;
        margin-left: 40px
    }
    .s4_wlaq_top2 {
        background-color: #327ED8;
        width: 100%;
    }
    .new_nav {
        display: flex;
        justify-content: space-between;
    }
    .new_nav>li {
        padding: 15px 15px;
    }
    .new_nav>li>a {
        color: #FFFFFF;
        font-size: 24px;
    }
    .new_nav>li.active a{
        color: #A2CDFF
    }
    /*s4视频列表*/
    .s4_wlaq_top #logo {
        flex: unset
    }
    /*s5*/
    .head_wai03.s5 .nav>ul>li a.active {
        color: #8cbcfd
    }
    .first.s5,
    .n_body_right_list2.s5 {
        height: 111px
    }
    .tits3.s5>div>h2 {
        color: black
    }
    .n_body_right_list2.s5>ul>li>a>div.time {
        background-color: #4A90E2
    }
    .n_body_right_list2.s5>ul>li a:hover .nr h3 {
        color: #4A90E2
    }
    .n_body_right_list2.s5>ul>li a .nr h3 {
        font-size: 22px
    }
    .s3indexlist.s5>ul>li a:hover {
        color: #4A90E2
    }
    .s3indexlist.s5>ul>li a:hover i {
        background-color: #4A90E2
    }
    .s3indexlist.s5>ul>li a:hover em {
        color: #4A90E2
    }
    .s5tab_nav_f {
        margin-bottom: 45px;
    }
    .s5tab {
        display: flex;
        justify-content: space-evenly
    }
    .s5tab>li {
        display: flex;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
    }
    .s5tab>li>p {
        font-size: 22px;
        padding-top: 28px
    }
    .s5tab>li {
        width: 20%
    }
    .s5_bgline {
        width: 100%;
        height: 4px;
        background-color: #4A90E2;
    }
    .s5_tab_line {
        display: flex;
    }
    .s5_tab_line>div {
        width: 20%;
        display: flex;
        justify-content: center;
        position: relative
    }
    .s5_tab_line>div>i {
        position: absolute;
        top: -20px;
        /*text-align: center;*/
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #4A90E2;
    }
    .main.s5_index_picbbg {
        background-color: #F0F2F3;
        padding-top: 48px
    }
    .s5tab_list>ul {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 24% 24% 24% 24%
    }
    .s5tab_list>ul>li>div:first-of-type{overflow: hidden;height: 180px}
    .s5tab_list>ul>li>div:first-of-type img{width: 100%;object-fit: cover;height: 180px}
    .s5tab_list>ul>li:hover img{transform: scale(1.05);transition: all 0.5s}
    .s5tab_list>ul>li:hover p{color:#4A90E2 }
    .s5tab_list {
        display: none
    }
    .s5tab_list.active {
        display: block
    }
    .s5_tab_line>div {
        visibility: hidden
    }
    .s5_tab_line>div.active {
        visibility: unset
    }
    .s5tab_list p {
        font-size: 22px;
        padding: 32px 0
    }
    .s5tab_list span {
        font-size: 18px;
        padding-bottom: 48px;
        display: inline-block
    }
    .s3index_xuexi_2.s5 {
        padding-top: 160px
    }
    .s3index_xuexi_2.s5>div:first-of-type {
        width: 60%
    }
    .s3index_xuexi_2.s5>div:nth-of-type(2) {
        width: 37%
    }
    .s3index_xuexi_2.s5 .tits3 h2 {
        color: black
    }
    .s3index_xuexi_2.s5 .s3index_xx {
        background-color: #F0F2F3
    }
    .s3index_xuexi_2.s5 .s3index_xx .time {
        color: #999999
    }
    .s5_index_right {
        display: flex;
        justify-content: space-between
    }
    .s5_index_right_erwei {
        position: relative
    }
    .s5_index_right_erwei>ul {
        display: flex;
        flex-direction: column;
        height: 100%
    }
    .s5_index_right_erwei>ul>li {
        position: absolute;
    }
    .s5_index_right_erwei>ul>li img {
        display: inline-block
    }
    .s5_index_right_erwei>ul>li:first-of-type {
        top: 0;
        right: 0;
    }
    .s5_index_right_erwei>ul>li:nth-of-type(2) {
        bottom: 0;
        right: 0;
    }
    .s5_index_lithd {
        width: 410px;
        height: 368px;
        overflow: hidden
    }
    .swiper-container5 {
        width: 410px;
        height: 368px;
        --swiper-theme-color: #FFFFFF;
    }
    .s5swiper {
        position: relative;
        display: flex;
        justify-content: center
    }
    .s5ok_swiper {
        position: absolute;
        top: -35px;
        z-index: 2;
    }
    .s5newpage .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        margin-left: 5px
    }
    .foot_right.s5 {
        width: 70%;
        justify-content: space-around;
    }
    .link.s5.one li {
        padding-right: 6px
    }
    .link.s5:nth-of-type(3) {
        padding-left: 35px
    }
    .head_wai03.s5.on {
        background: url("../images/03topbg.png") repeat-x;
        height: 203px
    }
    /*s5end*/
    /*s6*/
    .s6_index {
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px;
        padding-top: 84px
    }
    .s6_index h2 {
        font-size: 36px;
        font-weight: bold
    }
    .s6_index .s6_index_left {
        width: 60%
    }
    .s6_index .s6_index_left_img {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s6_index .s6_index_left_img img {
        width: 100%;
        display: block;
        padding-top: 32px
    }
    .s6_index .s6_index_right {
        width: 38%;
    }
    .n_body_right_list2.s6 {
        margin-top: 32px
    }
    .s6_index_right .tit {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .s6_index_right .tit span {
        font-size: 16px;
        font-weight: bold
    }
    .s6_index_right .tit span:hover a {
        color: #4A90E2;
    }
    .n_body_right_list2.s6>ul {
        display: flex;
        flex-direction: column
    }
    .n_body_right_list2.s6>ul>li a .nr p {
        height: 60px;
        overflow: hidden;
        padding-top: 18px
    }
    .n_body_right_list2.s6>ul>li a .nr h3 {
        padding-top: 5px;
        color: black
    }
    .n_body_right_list2.s6>ul>li a:hover .nr h3 {
        padding-top: 5px;
        color: #4A90E2
    }
    .n_body_right_list2.s6>ul>li:not(:first-of-type) {
        padding-top: 4rem
    }
    .n_body_right_list2.s6>ul>li>a {
        padding-left: 32px
    }
    .foot .foot_right.s6 .link {
        position: relative
    }
    .foot .foot_right.s6 .link:after {
        content: '';
        height: 30px;
        display: block;
        position: absolute;
        width: 1px;
        background-color: #FFFFFF;
        top: 0;
        right: 0;
    }
    .foot .foot_right.s6 .s6footcon {
        padding-left: 50px
    }
    .foot .foot_right.s6 .link li {
        float: unset
    }
    .foot .foot_right.s6 .s6footcon li {
        padding-top: 11px;
        font-size: 18px
    }
    /*s6end*/
    /*s7*/
    .index_pinggu_bg {
        background-image: url("../images/07index_pinggu_bg.png");
        padding-top: 80px
    }
    .index_pinggu_bg h2,
    .s7_index_bottom h2 {
        font-size: 36px;
        text-align: center;
        color: #FFFFFF;
        padding-bottom: 56px
    }
    .s7_index_pg>ul {
        display: flex;
        justify-content: space-between
    }
    .s7_index_pg>ul li {
        width: 31.6%;
        height: 320px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .s7_index_pg>ul li a:hover {
        color: #007aff;
    }
    .s7_index_pg>ul li img {
        width: 100%;
        display: block;
        height: 320px;
    }
    .s7_index_pg>ul li img:hover {
        transition: all 0.5s;
        transform: scale(1.05);
    }
    .s7_index_pg>ul li p {
        font-size: 20px;
        padding: 24px 0 10px 0
    }
    .s7_index_pg>ul li span {
        font-size: 14px
    }
    .s7_index_pg>ul li a {
        color: #FFFFFF
    }
    .index_pinggu_bg em {
        color: #FFFFFF;
        font-size: 18px;
        font-style: normal;
    }
    .index_pinggu_bg .more {
        text-align: center;
        padding: 47px 0 79px 0
    }
    .index_pinggu_bg .more a {
        color: white;
        font-size: 18px;
        font-weight: bold
    }
    .index_pinggu_bg_son .more a:hover {
        color: #007aff;
    }
    .s7_index_pg>ul li span:after {
        content: '';
        background-image: url("../images/07index_jiantou.png");
        display: block;
        float: right;
        height: 5px;
        width: 36px
    }
    .s7_index_bottom h2 {
        color: black;
        padding-top: 80px
    }
    .s7_index_bottom_pic>ul {
        display: grid;
        grid-template-columns: 31% 31% 31%;
        justify-content: space-between;
        padding-bottom: 80px
    }
    .s7_index_bottom_pic>ul li:nth-of-type(n+4) {
        margin-top: 32px
    }
    .s7_index_bottom_pic>ul a {
        font-size: 25px;
        color: #FFFFFF;
    }
    .s7_index_bottom_pic>ul li {
        background-image: url("../images/07_index_bottom_bg.png");
        background-repeat: no-repeat;
        padding: 24px 0;
        text-align: center;
    }
    .foot_right.s7 {
        width: 50%
    }
    .foot_right.s7>.link.s7>div>ul>li {
        float: left
    }
    .foot_right.s7>.link.s7>h2 {
        border-right: 2px solid #837e7e
    }
    .s7footcon {
        padding-left: 10%
    }
    .s7footcon {
        font-size: 18px
    }
    .s7footcon li {
        padding-top: 11px
    }
    /*s7 end*/
    /*s8*/
    .s8_index_hot {
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px
    }
    .s8_index_hot_left {
        width: 60%
    }
    .s8_index_hot_left ul {
        display: flex;
        justify-content: space-between
    }
    .s8_index_hot_left ul li {
        width: 48%;
    }
    .s8_index_hot_left ul li img {
        width: 100%;
        height: 320px;
    }
    .s8_index_hot_left ul li:hover img {
        transform: scale(1.05);
        transition: all 0.5s
    }
    .s8_index_hot_left ul li:hover p {
        color: #007aff
    }
    .s8_index_hot_left_list p {
        font-size: 20px;
        margin: 20px 0 9px 0
    }
    .s8_index_hot_left_list span {
        font-size: 14px;
    }
    .s8_index_hot_left_list span:after {
        content: '';
        background-image: url("../images/07index_jiantou.png");
        display: block;
        float: right;
        height: 5px;
        width: 36px
    }
    .s8_index_hot .tit,
    .s8foot_slide .tit,
    .s14index_case .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 85px 0 31px 0
    }
    .s8_index_hot .tit h2,
    .s8foot_slide .tit h2,
    .s14index_case .tit h2 {
        font-size: 36px
    }
    .s8_index_hot .tit i,
    .s8foot_slide .tit i,
    .s14index_case .tit i {
        font-size: 18px;
        font-style: normal;
        font-weight: bold
    }
    .s8foot_slide .more {
        color: #FFFFFF
    }
    .s8_index_hot_right {
        width: 36%
    }
    .s8_index_hot_right .n_body_right_list2 {
        margin-top: unset
    }
    .s8_index_hot_right .n_body_right_list2.s6>ul>li:not(:first-of-type) {
        padding-top: 2.4rem
    }
    .s8_index_hot_right .n_body_right_list2.s6>ul>li>a {
        padding-left: 0;
        width: 100%;
        overflow: hidden;
    }
    .swiper-container.swiper8 {
        width: 100%
    }
    .swiper8 .swiper-wrapper {
        width: 18%
    }
    .swiper8 .swiper-wrapper .swiper-slide {
        width: 18%
    }
    .swiper8 .swiper-wrapper .swiper-slide img {
        width: 100%
    }
    .s8foot_slide {
        background-image: url("../images/08index_foot_slide_bg.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .s8foot_slide .tit {
        color: #FFFFFF;
        padding: 80px 0 62px 0
    }
    /*s8首页底部幻灯*/
    .slidewarp {
        position: relative;
        width: 100%;
    }
    .slidewarp .silide {
        width: 85%;
        margin: 0 auto
    }
    .slidewarp .ulslide {
        display: flex;
        height: 278px;
        width: 100%;
    }
    .slidewarp .ulslide li {
        line-height: 278px;
    }
    .slidewarp .ulslide li.active {
        display: block
    }
    .slidewarp .ulslide li img {
        width: 100%;
    }
    .slidewarp .ulslide li a{display: block;width: 100%;height: 100%}
    .slidewarp .jiantou .prev {
        width: 60px;
        height: 72px;
    }
    .slidewarp .jiantou .next {
        width: 60px;
        height: 72px;
        /*border-left: 30px solid red;*/
        /*border-top: 20px solid transparent;*/
        /*border-bottom:20px solid transparent;*/
    }
    .slidewarp .jiantou .prev {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        cursor: pointer
    }
    .slidewarp .jiantou .next {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        cursor: pointer
    }
    .s8foot_slide .slide_point {
        margin: 0 auto;
        padding: 56px 0 80px 0;
    }
    .s8foot_slide .slide_point ul {
        display: flex;
        justify-content: center
    }
    .s8foot_slide .slide_point ul li {
        width: 18px;
        height: 18px;
        border-radius: 18px;
        background-color: rgb(255, 255, 255);
        cursor: pointer
    }
    .s8foot_slide .slide_point ul li:not(:first-of-type) {
        margin-left: 5px
    }
    .s8foot_slide .slide_point ul li.active {
        background-color: white
    }
    .s8foot_slide i.more:hover {
        color: #007aff;
    }
    .swiper-container3 {
        width: 1306px;
        margin: 0 auto;
        overflow: hidden;
    }
    .slidewarp .ulslide li img:hover {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .slide_point_list {
        --swiper-theme-color: #FFFFFF;
    }
    /*s8首页底部幻灯end*/
    /*s8foot*/
    .foot_right.s8 {
        width: 70%;
        justify-content: flex-end
    }
    .foot_right.s8 .contact {
        width: 55%
    }
    .foot_right.s8 .contact ul li {
        float: left;
        padding: 11px 35px 0 0
    }
    /*s8footend*/
    /*s8pic list */
    .n_body_right_list4 {
        margin-top: 80px
    }
    .n_body_right_list4 ul {
        display: grid;
        grid-template-columns: 32% 32% 32%;
        justify-content: space-between
    }
    .n_body_right_list4 ul li:nth-of-type(n+4) {
        padding-top: 41px
    }
    .n_body_right_list4 ul li {
        overflow: hidden;
        box-sizing: border-box
    }
    .n_body_right_list4 ul li img {
        display: block;
        width: 100%;
    }
    .n_body_right_list4 ul li:hover img {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    /*s8pic list end */
    /*s8end*/
    /*s9*/
    .s9head {
        position: relative;
        width: 100%;
        z-index: 55;
        top: 0
    }
    .s9head.on {
        position: fixed;
        width: 100%;
        z-index: 55;
        padding-bottom: 3px;
        transition: all 0.3s;
    }
    .s9headnei {
        position: absolute
    }
    .s9topbg {
        background-color: #4A90E2
    }
    .s9topbg .head_top {
        padding-bottom: 36px
    }
    .search .s09button {
        background-color: white;
        color: #4A90E2
    }
    .s9topnav_bg {
        background-color: #327ED8
    }
    .s9topnav_bg .s9nav>ul {
        display: flex;
        justify-content: space-between
    }
    .s14nav {
        padding-top: 0
    }
    .s9topnav_bg .s9nav>ul>li {
        /*.s14nav>ul>li */
        line-height: 72px;
        position: relative
    }
    .s9topnav_bg .s9nav>ul>li>a {
        font-size: 24px;
        color: white;
        line-height: 72px;
        display: block
    }
    .s9topnav_bg .s9nav>ul>li>a.active {
        color: #A2CDFF
    }
    .s9topnav_bg .s9nav>ul>li div.s9dropdown {
        background-color: #FFFFFF;
        z-index: 3;
        position: absolute;
        left: -250px;
        top: 70px;
        display: none
    }
    /*8.10重新定义教务处下拉,避免间隙过高问题  */
    .s14nav .s9dropdown {
        background-color: #FFFFFF;
        z-index: 3;
        position: absolute;
        left: -250px;
        top: 50px;
        display: none
    }
    /*8.10重新定义教务处下拉,避免间隙过高问题 end*/
    /*8.10修改下拉右侧超出边距*/
    .s14nav>ul>li:last-of-type .s9dropdown {
        background-color: #FFFFFF;
        z-index: 3;
        position: absolute;
        left: -700px;
        top: 50px;
        display: none
    }
    .s14nav>ul>li:nth-last-of-type(2) .s9dropdown {
        background-color: #FFFFFF;
        z-index: 3;
        position: absolute;
        left: -534px;
        top: 50px;
        display: none
    }
    .s14nav .s9dropdown:before {
        position: absolute;
        left: 303px;
        content: '';
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px
    }
    .s14nav>ul>li:last-of-type .s9dropdown:before {
        position: absolute;
        left: 753px;
        content: '';
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px
    }
    .s14nav>ul>li:nth-last-of-type(2) .s9dropdown:before {
        position: absolute;
        left: 587px;
        content: '';
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px
    }
    /*8.10修改下拉右侧超出边距 end*/
    .s9topnav_bg .s9nav>ul>li:hover .s9dropdown,
    .s14nav>ul>li.navone:hover .s9dropdown {
        display: block
    }
    .s9dropdown:before {
        position: absolute;
        left: 273px;
        content: '';
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px
    }
    .s9topnav_bg .s9nav>ul>li div.s9dropdown_n,
    .s14nav div.s9dropdown_n {
        display: flex;
        width: 900px;
        padding: 50px;
        justify-content: space-between
    }
    .s9topnav_bg .s9nav>ul>li div.s9dropdown_n>div,
    .s14nav div.s9dropdown_n>div {
        width: 33%
    }
    .s9topnav_bg .s9nav>ul>li div.s9dropdown_n>div img,
    .s14nav div.s9dropdown_n>div img {
        display: block;
        width: 100%
    }
    .s9topnav_bg .s9nav>ul>li div.s9dropdown_n ul,
    .s14nav div.s9dropdown_n ul {
        width: 100%;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    justify-content: space-between;
    padding-left: 50px;
    }
    .s9topnav_bg .s9nav>ul>li div.s9dropdown_n ul li a {
        font-size: 24px
    }
    .s9topnav_bg .s9nav>ul>li div.s9dropdown_n ul li a:hover {
        color: #007aff;
    }
    .s9_notice_bg {
        height: 98px;
        background-color: #F0F2F3
    }
    .s9_notice {
        display: flex;
        justify-content: space-between
    }
    .notice_left {
        display: flex;
        width: 8%;
        align-items: center
    }
    .notice_left h2 {
        font-size: 24px
    }
    .notice_right {
        width: 90%
    }
    .s9scroll {
        display: flex;
        justify-content: space-between;
    }
    .s9scroll>li {
        line-height: 98px;
        position: relative;
        width: 26.5%;
        overflow: hidden;
    }
    .s9scroll>li:nth-of-type(2) {
        padding: 0 50px
    }
    .s9scroll>li:nth-of-type(2):before {
        content: '';
        width: 1px;
        display: block;
        background-color: #D9D9D9;
        margin-left: -50px;
        position: absolute;
        height: 70px;
        top: 16px
    }
    .s9scroll>li:nth-of-type(2):after {
        content: '';
        width: 1px;
        display: block;
        background-color: #D9D9D9;
        position: absolute;
        height: 70px;
        top: 16px;
        right: 0px;
    }
    .s9scroll>li a {
        line-height: 98px;
        font-size: 18px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .s9scroll>li a:hover {
        color: #4A90E2;
        font-weight: bold;
    }
    /*qucik*/
    .s8quicknews .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 80px 0 56px 0
    }
    .s8quicknews .tit h2 {
        font-size: 36px;
        color: #4A90E2
    }
    .s8quicknews .tit span {
        font-size: 18px;
        color: black;
    }
    .s8quicknews .tit span:hover {
        color: #4A90E2
    }
    .s8quicknews .list>ul {
        display: flex;
        justify-content: space-between
    }
    .s8quicknews .list ul li {
        width: 31.6%;
        border-bottom: 4px #E4994B solid;
    }
    .s8quicknews .list ul li.color2 {
        width: 31.6%;
        border-bottom: 4px #35619D solid;
    }
    .s8quicknews .list ul li.color3 {
        width: 31.6%;
        border-bottom: 4px #B73B36 solid;
    }
    .s8quicknews .list ul li h2 {
        font-size: 22px;
        line-height: 72px
    }
    .s8quicknews .list ul li p,
    .s8quicknews .list ul li span {
        font-size: 16px;
        color: #999999
    }
    .s8quicknews .list ul li span {
        padding: 32px 0;
        display: block
    }
    .s8quicknews .list ul li img {
        width: 100%;
        height: 320px
    }
    /*qucik end*/
    /*index mien*/
    .s8index_mien {
        display: flex;
        justify-content: space-between;
    }
    .s8index_mien_left {
        width: 65.8%
    }
    .s8index_mien_left .s3index_xx {
        background-color: #F0F2F3
    }
    .s8index_mien_left .tit,
    .s8index_right .tit,
    .s8_index_hot_right.s14 .tit,
    .s12index_state_left .tit,
    .s12index_state_right .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 80px 0 56px 0
    }
    .s8index_mien_left .tit h2,
    .s8index_right .tit h2,
    .s8_index_hot_right.s14 .tit h2,
    .s12index_state_left .tit h2,
    .s12index_state_right .tit h2 {
        font-size: 36px;
        color: #4A90E2
    }
    .s8index_mien_left .tit span,
    .s8index_right .tit span,
    .s8_index_hot_right.s14 .tit span,
    .s12index_state_left .tit span,
    .s12index_state_right .tit span {
        font-size: 18px;
    }
    .s8index_mien_left .tit span:hover,
    .s8index_right .tit span:hover,
    .s8_index_hot_right.s14 .tit span:hover,
    .s12index_state_left .tit span:hover,
    .s12index_state_right .tit span:hover {
        font-size: 18px;
        color: #007aff;
    }
    .s8index_right .body {
        display: flex;
        flex-direction: column;
    }
    .s8index_right .body img {
        width: 480px;
        height: 320px;
        box-sizing: border-box;
    }
    .s8index_right .body img:hover {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .s8index_right .body a {
        font-size: 20px;
        padding-top: 27px;
        display: block
    }
    /*index mien end*/
    /*index video*/
    .s8index_video {
        display: flex;
        justify-content: center;
        overflow: hidden;
        margin-top: 86px
    }
    .s8index_video .s8index_mien_left {
        width: 883px;
        height: 650px
    }
    .s8index_video .s8index_mien_left img {
        display: block
    }
    .s8index_video .s8index_video_right {
        width: 637px;
        height: 650px
    }
    .s8index_video .s8index_video_right ul {
        display: flex;
        flex-direction: column
    }
    .s8index_video .s8index_video_right ul li {
        position: relative
    }
    .s8index_video .s8index_video_right ul img {
        display: block
    }
    .s8index_video_left {
        position: relative
    }
    .s8index_video_left .img span,
    .s8index_video .s8index_video_right ul li span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    /*index video end*/
    /*foot*/
    .s9footbg {
        background-color: #EDEDED;
        padding: 35px 0;
        margin-top: 79px
    }
    .s9newfoot {
        display: flex;
        justify-content: space-between
    }
    .s9newfoot_left {
        width: 23.8%
    }
    .s9newfoot_left {
        font-size: 18px;
        color: #666666;
    }
    .s9newfoot_left p {
        padding: 10px 0
    }
    .s9newfoot_right {
        width: 70.6%;
        display: flex
    }
    .s9newfoot_right>div:nth-of-type(1) {
        width: 88.5%;
    }
    .s9newfoot_right>div:nth-of-type(2) {
        width: 11.2%;
    }
    .s9newfoot_right .nav>ul {
        display: flex;
        justify-content: space-between;
    }
    .s9newfoot_right .nav>ul>li {
        position: relative
    }
    .s9newfoot_right .nav>ul>li h2 {
        color: #a36b69;
    }
    .s9newfoot_right .nav>ul>li ul {
        padding-top: 20px
    }
    .s9newfoot_right .nav>ul>li ul li {
        line-height: 50px
    }
    .s9newfoot_right .nav>ul>li ul li a {
        color: #666666;
    }
    .s9newfoot_right .nav>ul>li:nth-of-type(n+2) h2:before {
        content: '';
        display: block;
        width: 2px;
        background-color: #837e7e;
        height: 26px;
        position: absolute;
        left: -45px;
        top: 5px
    }
    .s9newfoot_right .ico {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px
    }
    .s9newfoot_right .ico {
        margin-top: 22px
    }
    .s9newfoot_right .ico li {
        margin-top: 22px;
        position: relative;
        cursor: pointer;
    }
    .s9newfoot_right .ico li:hover:before {
        content: '';
        display: block;
        width: 154px;
        height: 143px;
        position: absolute;
        right: 68px;
        background-image: url("../images/wx.png");
        top: -34px
    }
    .s9newfoot_right .ico li img {
        display: block
    }
    .s9foot_copyright_bg {
        background-color: #D8D8D8
    }
    .s9foot_copyright {
        text-align: center
    }
    .s9foot_copyright p {
        color: #666666;
        font-size: 18px;
        line-height: 56px
    }
    .s9_foot_erwei {
        display: none
    }
    .layer_div {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(43, 43, 43, 0.2);
        top: 0;
        transform: scale(0);
    }
    .layer_div.none {
        -webkit-transition: 1s;
        transform: scale(0);
    }
    .layer_div.active {
        transform: scale(1);
        display: block;
        -webkit-transition: 1s;
    }
    .layer_div .video_bg {
        height: 100%;
        width: 50%;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    .layer_div .video_bg .video_open {
        width: 100%;
    }
    .layer_div .video {
        width: 750px;
        height: 500px;
        margin: 0 auto;
        position: relative;
        background-color: #FFFFFF
    }
    .layer_div .video i {
        position: absolute;
        right: 20px;
        top: 20px;
        background-color: #FFFFFF;
    }
    .layer_div video {
        width: 600px;
        height: 400px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    /*footend*/
    /*s9 end*/
    /*s10*/
    .s10_job .job>ul {
        display: flex;
        justify-content: center;
        margin-top: 80px
    }
    .s10_job .job>ul li {
        font-size: 36px;
        color: #000000;
        cursor: pointer;
        font-weight: bold;
    }
    .s10_job .job>ul li.active {
        color: #666666;
    }
    .s10_job .job>ul li:nth-of-type(1) {
        font-size: 36px;
        margin-right: 114px
    }
    .n_body_right_list2.s10>ul {
        ;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between
    }
    .n_body_right_list2.s10>ul>li {
        width: calc(95% /2);
    }
    .n_body_right_list2.s10>ul>li:not(:first-of-type) {
        padding-top: unset
    }
    .n_body_right_list2.s10>ul>li:nth-of-type(n+3) {
        padding-top: 4rem;
    }
    .n_body_right_list2.s10>ul>li a {
        padding-left: unset;
    }
    .n_body_right_list2.s10>ul>li a .nr {
        width: 86.8%;
    }
    .n_body_right_list2.s10>ul>li a .nr h3 {
        color: black;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .n_body_right_list2.s10>ul>li:hover a .nr h3 {
        color: #4A90E2
    }
    .n_body_right_list2.s10 {
        display: none
    }
    .n_body_right_list2.s10.active {
        display: block
    }
    .s10down {
        margin-bottom: 73px
    }
    .s10index_fourpic {
        width: 60%
    }
    .s10index_down {
        width: 37.9%
    }
    .s10index_fourpic .tit,
    .s10index_down .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 85px 0 31px 0
    }
    .s10index_fourpic .tit h2,
    .s10index_down .tit h2 {
        font-size: 36px
    }
    .s10index_fourpic .tit i,
    .s10index_down .tit i {
        font-size: 18px;
        font-style: normal;
        font-weight: bold
    }
    .s10index_fourpic .tit i:hover a {
        color: #007aff;
    }
    .s10index_down .tit i:hover a {
        color: #007aff;
    }
    .s10down {
        display: flex;
        justify-content: space-between
    }
    .s10index_fourpic .piclist>ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s10index_fourpic .piclist li {
        width: 100%;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
    }
    .s10index_fourpic .piclist li:hover img {
        transform: scale(1.05);
        transition: all 0.3s
    }
    .s10index_fourpic .piclist li:hover p {
        color: #007aff
    }
    .s10index_fourpic .piclist li:nth-of-type(n+3) {
        margin-top: 32px
    }
    .s10index_fourpic .piclist li img {
        width: 100%
    }
    .s10index_fourpic .piclist li {
        text-align: center
    }
    .s10index_fourpic .piclist li p {
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.26) 0%, #000000 100%);
        color: #FFFFFF;
        font-size: 24px;
        line-height: 72px
    }
    .s10index_down .list ul li {
        line-height: 93px;
        background-color: #F0F2F3;
        padding: 0 32px;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
    }
    .s10index_down .list ul li:hover a {
        color: #007aff
    }
    .s10index_down .list ul li:not(:first-of-type) {
        margin-top: 32px;
    }
    .s10index_down .list ul li a {
        font-size: 20px;
        width: 74%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .s10index_down .list ul li span {
        float: right
    }
    .n_body_right_list2.s10 {
        padding-bottom: 93px
    }
    .n_body_right_list2.s10 .more {
        font-weight: bold;
        font-size: 18px;
        text-align: right
    }
    /*s10 end*/
    /*s11*/
    .s8quicknews.s11 .tit .titbg,
    .s8_index_hot .tit .titbg,
    .s11index_special .tit .titbg {
        position: relative;
    }
    .s8quicknews.s11 .tit .titbg h2,
    .s8_index_hot .tit .titbg h2,
    .s11index_special .tit .titbg h2 {
        padding-left: 22px;
        color: black
    }
    .s8quicknews.s11 .tit span {
        color: black;
        font-weight: bold
    }
    .s8quicknews.s11 .tit .titbg:after,
    .s8_index_hot .tit .titbg:after,
    .s11index_special .tit .titbg:after {
        content: attr(data-tit);
        font-size: 70px;
        color: #4A90E2;
        opacity: 0.2;
        position: absolute;
        top: -23px;
        left: 0;
        font-family: din;
        text-transform: uppercase;
    }
    .n_body_right_list2.s11>ul>li a .nr h3 {
        color: black;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .n_body_right_list2.s11>ul>li:hover a .nr h3 {
        color: #4A90E2
    }
    .s11index_special_bg {
        background-color: #F0F2F3;
        padding: 97px 0 80px 0
    }
    .s11index_special .pic>ul {
        display: flex;
        justify-content: space-between
    }
    .s11index_special .pic>ul li img {
        display: block
    }
    .s11index_special .tit .titbg {
        text-align: center
    }
    .s11index_special .tit .titbg:after {
        left: 50%;
        transform: translate(-50%)
    }
    .s11index_special .tit .titbg h2 {
        padding-bottom: 37px;
        font-size: 36px;
    }
    .foot .foot_right.s6 .link.s11 {
        padding-right: 55px
    }
    .foot .foot_right.s6 .link.s11 ul li:nth-of-type(n+3) {
        float: left
    }
    .foot .foot_right.s6 .link.s11:after {
        left: 285px
    }
    .s9topnav_bg .s9nav.s11>ul>li:nth-of-type(1) div.s9dropdown {
        left: 0
    }
    .s9topnav_bg .s9nav.s11>ul>li:nth-of-type(1) div.s9dropdown:before {
        left: 37px
    }
    /*s11 end*/
    /*12*/
    .s12topbg {
        background-color: #C92C38
    }
    .s12topbg .head_top {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .s9topnav_bg.s12 {
        background-color: #A7232D
    }
    .s9topnav_bg.s12 .s9nav>ul>li>a.active {
        color: #FFBFC4
    }
    .new_swiper.s12 .swiper-pagination-bullet-active {
        background-color: #A7232D
    }
    .s12index_state .tit h2,
    .s12index_state .tit span {
        color: #000000
    }
    .s12index_state {
        display: flex;
        justify-content: space-between
    }
    .s12index_statebg {
        background-color: #F0F2F3
    }
    .s12index_state_left {
        width: 66%;
    }
    .s12index_state_right {
        width: 31.6%;
    }
    .s12index_state_right_bg {
        background-color: #FFFFFF;
        padding: 40px
    }
    .s12index_state_left_no1 {
        display: grid;
        grid-template-columns: 50% 50%;
        justify-content: space-between;
        background-color: #FFFFFF
    }
    .s12index_state_left_no1 img {
        display: block;
        width: 500px;
        height: 320px;
    }
    .s12index_state_left_no1 .img {
        box-sizing: border-box;
        overflow: hidden;
    }
    .s12index_state_left_no1 .img:hover img {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .s12index_state_left_no1_son2 {
        padding-left: 40px
    }
    .s12index_state_left_no1_son2 h2 {
        font-size: 22px;
        padding-top: 48px
    }
    .s12index_state_left_no1_son2 p,
    .s12index_state_left_no1_son2 span {
        font-size: 16px;
    }
    .s12index_state_left_no1_son2 p {
        padding: 24px 20px 45px 0;
        line-height: 45px
    }
    .s12index_state_left_no2>ul {
        display: flex;
        justify-content: space-between;
        padding-top: 40px
    }
    .s12index_state_left_no2>ul li {
        box-sizing: border-box;
        overflow: hidden
    }
    .s12index_state_left_no2>ul li:hover img {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .s12index_state_left_no2 img {
        width: 480px;
        height: 302px;
    }
    .s12index_state_right .first,
    .s12three_body .body_right .first {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed #D9D9D9;
        padding-bottom: 32px
    }
    .s12index_state_right .first .time,
    .s12three_body .body_right .first .time {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #A7232D;
        color: #FFFFFF;
        justify-content: center;
        width: 80px
    }
    .s12index_state_right .first .time p,
    .s12three_body .body_right .first .time p {
        font-size: 20px
    }
    .s12index_state_right .first .time span,
    .s12three_body .body_right .first .time span {
        font-size: 16px
    }
    .s12index_state_right .nr {
        padding-left: 32px
    }
    .s12index_state_right .nr h3 {
        font-size: 22px;
        color: #A7232D
    }
    .s12index_state_right .nr p {
        line-height: 32px;
        padding-top: 10px;
        height: 72px;
        overflow: hidden;
    }
    .s3indexlist.s12 {
        margin-top: 45px
    }
    .s3indexlist.s12>ul>li {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 42px
    }
    /*三个切换*/
    .s12threetabbg {
        background-color: #A7232D
    }
    .s12threetabbg .toptab>ul {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .s12threetabbg .toptab>ul li {
        display: flex;
        align-items: center;
        padding: 47px 0;
        position: relative
    }
    .s12threetabbg .toptab>ul li.active:after {
        content: '';
        position: absolute;
        border-bottom: 40px solid #FFFFFF;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        display: block;
        top: 115px;
        left: 60px
    }
    .s12threetabbg .toptab>ul li a {
        font-size: 36px;
        color: #FFFFFF;
    }
    .s12threetabbg .toptab>ul li img {
        width: 36px;
        height: 36px
    }
    .s12three_body {
        display: none
    }
    .s12three_body.active {
        display: flex;
        justify-content: space-between;
        margin-top: 102px
    }
    .s12three_body .body_left {
        width: 48.8%
    }
    .s12three_body .body_right {
        width: 48.8%
    }
    .s12three_body .body_left_ok {
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }
    .s12three_body .body_left_ok img {
        width: 100%;
        height: 486px;
    }
    .s12three_body .body_left_ok:hover img {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .s12three_body .font {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.11) 0%, #000000 100%);
    }
    .s12three_body .font {
        position: absolute;
        bottom: 0;
        padding: 40px
    }
    .s12three_body .font h2 {
        font-size: 22px;
        color: #FFFFFF
    }
    .s12three_body .font p {
        font-size: 16px;
        color: #FFFFFF;
        padding-top: 20px
    }
    .s12three_body .body_right {
        position: relative
    }
    .s12three_body .body_right li div.img {
        box-sizing: border-box;
        overflow: hidden;
    }
    .s12three_body .body_right li div.img:hover img {
        transition: all 0.5s;
        transform: scale(1.05);
    }
    .s12three_body .body_right>.list>ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s12three_body .body_right .first {
        border-bottom: unset
    }
    .s12three_body .body_right .first .time {
        padding: 0px 7px;
    }
    .s12three_body .body_right .first .nr {
        padding-left: 13px;
        background-color: #F0F2F3
    }
    .s12three_body .body_right .first .nr p {
        height: 70px;
        overflow: hidden;
        line-height: 33px;
        padding-top: 7px
    }
    .s12three_body .body_right .first .nr h3 {
        padding: 16px 0 5px 0
    }
    .s12three_body .body_right .list img {
        display: block;
        width: 100%;
        height: 230px;
    }
    .s12three_body .body_right .more {
        height: 68px;
        background-color: #F0F2F3;
        text-align: center;
        position: absolute;
        bottom: 0;
        width: 100%
    }
    .s12three_body .body_right .more a {
        line-height: 68px;
        padding: 0 105px
    }
    /*三个切换 end*/
    .s12index_deed_body .tit {
        height: 50px;
        padding: 80px 0 56px 0
    }
    .s12index_deed {
        background-image: url("../images/12index_deed.png");
        padding-bottom: 80px;
        margin-top: 80px
    }
    .s12index_deed .list li:not(:first-of-type) a p {
        display: none
    }
    .s12index_deed .s12index_deed_left {
        width: 60.9%
    }
    .s12index_deed .s12index_deed_right {
        width: 36.5%
    }
    .s12index_deed_body {
        display: flex;
        justify-content: space-between
    }
    .s12index_deed_body .s12index_deed_left .tit {
        display: flex;
        justify-content: end;
        align-items: center
    }
    .s12index_deed_body .s12index_deed_left .tit a {
        font-weight: bold
    }
    .s12index_deed_body .s12index_deed_left .s12index_deed_tab {
        flex: 1
    }
    .s12index_deed_body .s12index_deed_left .s12index_deed_tab>ul li {
        float: left;
        font-size: 36px;
        color: #999999;
        font-weight: bold;
        padding-right: 64px;
        cursor: pointer;
    }
    .s12index_deed_body .s12index_deed_left .s12index_deed_tab>ul li.active {
        color: black
    }
    .s12index_deed .s12index_deed_left_body {
        display: none
    }
    .s12index_deed .s12index_deed_left_body img {
        display: block;
        width: 300px;
        height: 420px;
    }
    .s12index_deed_left_body.active {
        display: flex;
        justify-content: space-between;
        background-color: #FFFFFF;
    }
    .s12index_deed .s12index_deed_left_body .list .title {
        display: flex;
        justify-content: space-between
    }
    .s12index_deed .s12index_deed_left_body .list .title h3 {
        float: left;
        font-size: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 74%;
    }
    .s12index_deed .s12index_deed_left_body .list .title span {
        float: right;
        color: #666666
    }
    .s12index_deed .s12index_deed_left_body .list li:hover h3 {
        color: #A7232D;
    }
    .s12index_deed .s12index_deed_left_body .img {
        width: 32.50%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .s12index_deed .s12index_deed_left_body .img:hover img {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .s12index_deed .s12index_deed_left_body .list,
    .s12index_deed_right .list {
        padding: 40px 40px 0px 40px;
    }
    .s12index_deed .s12index_deed_left_body .list {
        width: 67.49%;
        box-sizing: border-box;
    }
    .s12index_deed .s12index_deed_left_body .list li:first-of-type span,
    .s12index_deed_right .list li:first-of-type span {
        display: none
    }
    .s12index_deed .s12index_deed_left_body .list li:not(:first-of-type),
    .s12index_deed_right .list li:not(:first-of-type) {
        line-height: 55px
    }
    .s12index_deed_right .list li:hover h3 {
        color: #A7232D;
    }
    .s12index_deed .s12index_deed_left_body .list p,
    .s12index_deed_right .list p {
        font-size: 16px;
        line-height: 35px;
        color: #666666;
        height: 96px;
        overflow: hidden;
        display: block;
        margin: 17px 0
    }
    .s12index_deed_right .tit {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .s12index_deed_right .tit h2 {
        font-size: 36px
    }
    .s12index_deed_right .tit span {
        font-weight: bold
    }
    .s12index_deed_right .list {
        background-color: #FFFFFF
    }
    /*12end*/
    /*s13*/
    .s9topbg.s13 {
        background-color: #C92C38
    }
    .s9topbg.s13 .head_top {
        padding-bottom: 25px;
        padding-top: 25px;
    }
    .s9topnav_bg.s13 {
        background-color: #A7232D
    }
    .s9topnav_bg.s13 .navone a.active {
        color: #FFBFC4
    }
    .s13index {
        display: flex;
        justify-content: space-between;
        padding: 80px 0;
        background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 32%, #F0F2F3 32%, white 100%);
    }
    .s13index .s13index_left {
        width: 39.5%
    }
    .s13index .s13index_right {
        width: 56.3%
    }
    .s13index .tit {
        text-align: center;
        position: relative
    }
    .s13index .tit h2 {
        padding-top: 78px
    }
    .s13index .tit .titbg:before {
        content: attr(data-tit);
        font-size: 70px;
        color: #4A90E2;
        opacity: 0.2;
        position: absolute;
        top: 55px;
        font-family: din;
        text-transform: uppercase;
        left: 50%;
        transform: translate(-50%)
    }
    .s13index_right .content {
        margin-top: 26px
    }
    .s13index_right .content p {
        line-height: 55px
    }
    .n_body_right_list2.s13>ul>li a .nr h3 {
        color: black
    }
    .n_body_right_list2.s13>ul>li:hover a .nr h3 {
        color: #4A90E2
    }
    /*s13end*/
    /*s14*/
    .s14indexbg {
        background-color: #FFFFFF
    }
    .s14index_department {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .s8index_mien_left.s14 {
        width: 60%
    }
    .tit span a:hover {
        color: #007aff;
    }
    .tit i a:hover {
        color: #007aff;
    }
    .s12index_state_left .tit span a:hover {
        color: #A7232D;
    }
    .s12index_state_left .tit i a:hover,
    .s12index_state_left .tit span a:hover,
    .s12index_state_right .tit span a:hover,
    .s12index_deed_body .tit a:hover {
        color: #A7232D;
    }
    .main_body_right.s3 .more a:hover {
        color: #A7232D;
    }
    .s3dx .tits3 em a:hover,
    .s3index_xuexi .tits3 em a:hover {
        color: #A7232D;
    }
    .s8index_right {
        width: 32%
    }
    .s14index_department_right {
        width: 36%
    }
    .s14index_department .tit h2 {
        color: black
    }
    .s14index_department .tit span {
        color: black
    }
    .s14index_department .s8_index_hot_right .n_body_right_list2.s6>ul>li:not(:first-of-type) {
        padding-top: 21px
    }
    .s14index_case {
        background-image: url("../images/08index_foot_slide_bg.png");
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px;
        margin-top: 80px
    }
    .s14index_case_body {
        display: flex;
        justify-content: space-between
    }
    .s14index_case .s14index_case_left {
        width: 60%
    }
    .s14index_case .s14index_case_right {
        width: 37.9%
    }
    .s14index_case .s14index_case_left ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s14index_case .s14index_case_left ul li {
        box-sizing: border-box;
        overflow: hidden
    }
    .s14index_case .s14index_case_left ul li:hover img {
        transform: scale(1.05);
        transition: all .5s;
    }
    .s14index_case .s14index_case_left ul li:nth-of-type(n+3) {
        margin-top: 32px
    }
    .s14index_case .s14index_case_left ul img {
        display: block;
        width: 100%;
        height: 220px;
    }
    .s14index_case .tit,
    .s14index_case .tit a {
        color: #FFFFFF;
    }
    /*s14 end*/
    /*s16*/
    .head_top .s9dropdown_n>ul>li>a {
        color: black
    }
    .s7_index_bottom_pic ul li {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .s7_index_bottom_pic ul li a {
        padding-left: 32px
    }
    .s7_index_bottom_pic ul li a:hover {
        color: #9DBBFF;
    }
    /*s16end*/
    /*后增加通用*/
    .n_body_right_nr img {
        margin-left: 50%;
        transform: translate(-50%);
        display: block
    }
    .n_body_right .n_body_right_top h2 {
        color: #4A90E2
    }
    .foot {
        padding-top: 63px;
    }
    .foot>.w79 {
        background-color: #25252F;
        display: flex;
        align-items: center;
    }
    .foot a:hover,
    .foot .foot_right li a:hover {
        color: #4A90E2;
    }
    .foot.djyd a:hover,
    .foot.xtw a:hover {
        color: #A7232D;
    }

    /*学校办事新增学校首页*/
    .head_top.s796{position: relative}
    .head_top.s796 .index_link{position: absolute;top:69px;right: 15px;}
    .head_top.s796 .index_link a{font-size: 24px;color: white;font-weight: bold}


    .head_top .nav>ul>li.active {
        border-bottom: 4px solid #ffffff;
    }

    .head_top .nav>ul>li.active a {
        color: #8cbcfd;
    }
    .head_waidjyd.on.topbg03{background: unset}

    .head_waidjyd.on.topbg03{
        position: fixed;
        width: 100%;
        height: 200px;
        background-color: #A11E23;
    }
    .head_waidjyd .search button.ons02{color:#A11E23}
    .head_waidjyd .search button{background-color:#A11E23}
    .head_waidjyd .head_top .nav>ul>li.active a{color:#A11E23}
    .head_waidjyd .head_top .nav>ul a:hover{color:#A11E23}
    .head_waidjyd.on.topbg03 .nav>ul>li.active a{color:#cc595e}
    .head_waidjyd.on.topbg03 .head_top .nav>ul a:hover{color: #cc595e}
    .head_waidjyd.on.topbg03 .xxsy a:hover{color: #cc595e}
    .head_waidjyd .xxsy a:hover{color: #A11E23}
    .first.ptb30.djyd:hover h3 a{color:#A11E23}
    .s3index_list_right.djyd li:hover a{color:#A11E23}
    .s3index_xx.djyd:hover a h2{color:#A11E23}
    .foot.djyd a:hover, .foot.djyd .foot_right li a:hover{color:#A11E23}
    .s3index_lit_ban li{overflow: hidden;box-sizing:border-box}
    .s3index_lit_ban li img:hover{transform: scale(1.05);transition: all 0.5s}


}


/*pcend*/

/*手机开始*/
@media screen and (max-width:980px) {
    .wp-video {
    width: 100% !important;
}
 .wp-video video{
    width: 100% !important;
    height: auto!important;
}

    .head {
        top: 5px;
    }
    .head_top {
        padding-bottom: unset;
    }
    .head_top img {
        width: 8rem !important;
    }
    /*燕京教师发展中心*/
    .head_top .search {
        display: none;
    }
    /*燕京教师发展中心 end*/
    .new_swiper {
        bottom: 0;
    }
    .new_swiper .ok_swiper {
        justify-content: center;
    }
    /*手机导航*/
    .m_nav {
        position: absolute;
        right: 5px;
        top: 5px;
        display: block;
        width: 50px;
        height: 30px;
    }
    .m_nav span {
        position: relative;
        background: #ffffff;
        display: block;
        width: 40px;
        height: 2px;
        right: 15px;
        transition: all ease 0.35s;
    }
    .m_nav span:nth-of-type(1) {
        top: 0px
    }
    .m_nav span:nth-of-type(2) {
        top: 10px
    }
    .m_nav span:nth-of-type(3) {
        top: 20px
    }
    .m_nav_x {
        position: absolute;
        right: 20px;
        top: 50px;
    }
    .m_nav_x span:nth-of-type(1) {
        top: 13px;
        transform: rotate(45deg);
        background: #4A90E2
    }
    .m_nav_x span:nth-of-type(2) {
        width: 0;
        color: #4A90E2
    }
    .m_nav_x span:nth-of-type(3) {
        top: 9px;
        transform: rotate(-45deg);
        background: #4A90E2
    }
    /*红色手机叉叉*/
    .m_nav_x.s3 span:nth-of-type(1) {
        top: 13px;
        transform: rotate(45deg);
        background: #A7232D
    }
    .m_nav_x.s3 span:nth-of-type(3) {
        top: 9px;
        transform: rotate(-45deg);
        background: #A7232D
    }
    /*红色手机叉叉 end*/
    .head_m {
        height: 100vh;
        background-color: white;
        top: 0;
    }
    .head_top .nav {
        display: none;
    }
    .head_top .nav>ul {
        flex-direction: column;
        align-items: center
    }
    .head_top .nav>ul a {
        color: black;
        font-size: 1rem;
    }
    .head_top .nav>ul>li {
        text-align: center;
        width: 100%;
        border-bottom: 1px solid #837e7e;
        padding-bottom: 1rem;
        padding-top: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /*手机导航end*/
    .main_body_left>img {
        padding-top: 2rem;
    }
    .main_body {
        display: block;
        width: 100%;
    }
    .main_body_left {
        width: 90%;
        margin: 0 auto;
    }
    .main_body_right {
        width: 90%;
        margin: 0 auto;
        padding-left: 0;
    }
    .main .color_bg {
        width: 50%;
    }
    .main_body_left>p:nth-of-type(1),
    .main_body_left>p:nth-of-type(2) {
        text-align: center;
        padding-left: 0
    }
    .main_body_left>p:nth-of-type(2):after {
        margin: 0 auto;
        width: 80px;
        margin-top: 20px;
    }
    /*手机底部*/
    .foot .foot_left {
        padding: 3rem 0;
        display: block;
        height: unset;
        text-align: center;
        margin: 0 auto;
        float: none;
    }
    .foot .foot_right {
        display: block;
        background-color: #F0F2F3;
        float: none;
        margin: 0 auto;
    }
    .w79 {
        width: 100%;
        padding-bottom: 0;
    }
    .link {
        width: 90%;
        /*margin: 0 auto;*/
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px dashed saddlebrown;
        padding-bottom: 35px;
    }
    .contact {
        background-color: #f0f2f3;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }
    .foot .foot_right {
        background-color: #F0F2F3;
        color: black;
        padding-top: 20px;
    }
    .foot .foot_right>div {
        padding-top: unset;
    }
    .foot .foot_right .contact ul {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between
    }
    .foot .foot_right .contact li {
        width: 45%;
    }
    .foot .foot_right .contact li a {
        text-align: center;
        display: block;
    }
    .foot .foot_right .contact li>div {
        position: relative;
        /*position: unset;*/
        display: block;
        left: unset;
        top: unset;
        width: 100%;
        overflow: hidden;
    }
    .foot .foot_right .contact li>div img {
        /*position: absolute;*/
        width: 108%;
        display: block;
    }
    /*.foot .foot_right .contact li>div:after{*/
    /*    content: '';*/
    /*    width: 90%;*/
    /*    display: block;*/
    /*    border: 3px solid #4A90E2;*/
    /*    border-right-width: 15px;*/
    /*    border-right-color: #d21212;*/
    /*    right: -31px;*/
    /*}*/
    .foot .foot_right li a {
        color: black;
    }
    .foot .foot_right .link ul {
        width: auto;
    }
    .foot .foot_right h2 {
        font-weight: bolder;
    }
    /*内页 mobile*/
    .n_left_topnav {
        position: unset;
        width: 100%;
        height: unset;
        line-height: unset;
        padding: 2% 0;
        font-size: unset;
    }
    .n_left_topnav>span {
        font-size: 20px;
    }
    .n_body {
        display: unset;
    }
    .n_left_nav {
        width: 100%;
        background-color: white;
    }
    .n_left_nav ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .n_left_nav ul li {
        width: calc(100% / 2);
        margin-left: unset;
        height: unset;
        line-height: unset;
        padding: 10px 0;
        background-color: unset;
    }
    .n_left_nav ul li.active {
        background-color: #4A90E2;
        color: white;
    }
    .n_left_nav ul li.active a {
        color: white;
    }
    .n_left_nav ul li.active i {
        color: white;
    }
    .n_left_nav ul li {
        text-align: center;
    }
    .n_left_nav ul li a {
        font-size: 16px;
    }
    .n_left_nav ul li .fa-chevron-right {
        padding-left: 20px;
    }
    .n_w79 {
        width: 90%;
        margin: 0 auto;
    }
    .n_body_right_top {
        margin-top: 25px;
    }
    .n_body_right_top h2 {
        border-bottom: #4A90E2 4px solid;
        padding-bottom: 14px;
    }
    .n_body_right_postion {
        font-size: 20px;
        border-bottom: #837e7e 1px solid;
        padding: 10px 0;
    }
    .n_body_right_list ul li {
        padding: 20px 0;
        border-bottom: #837e7e 1px solid;
    }
    .n_body_right_list ul li img {
        width: 100%;
        margin: 0 auto;
    }
    .n_body_right_list .time {
        display: inline-block;
        width: 100%;
        color: #999999;
    }
    .n_body_right_list .time i,
    .time em {
        font-style: normal;
        font-size: 24px;
    }
    .n_body_right_list .time i {
        float: left;
    }
    .n_body_right_list .time em {
        float: right;
    }
    .n_body_right_list .nr {
        display: block;
    }
    .n_body_right_list .nr h3 {
        line-height: 63px;
    }
    .n_body_right_list .nr p {
        color: #999999;
        line-height: 30px;
    }
    .n_body_right_list2 ul li {
        padding: 20px 0;
        border-bottom: #837e7e 1px solid;
    }
    .n_body_right_list2 ul li img {
        width: 100%;
        margin: 0 auto;
    }
    .n_body_right_list2 .time {
        display: inline-block;
        width: 100%;
        color: #999999;
    }
    .n_body_right_list2 .time i,
    .time em {
        font-style: normal;
        font-size: 24px;
    }
    .n_body_right_list2 .time i {
        float: left;
    }
    .n_body_right_list2 .time em {
        float: right;
    }
    .n_body_right_list2 .nr {
        display: block;
    }
    .n_body_right_list2 .nr h3 {
        line-height: 63px;
    }
    .n_body_right_list2 .nr p {
        color: #999999;
        line-height: 30px;
    }
    .n_body_right_list_m ul li {
        padding: 20px 0;
        border-bottom: #837e7e 1px solid;
    }
    .n_body_right_list_m ul li img {
        width: 100%;
        margin: 0 auto;
    }
    .n_body_right_list_m .time {
        display: inline-block;
        width: 100%;
        color: #999999;
    }
    .n_body_right_list_m .time i,
    .time em {
        font-style: normal;
        font-size: 24px;
    }
    .n_body_right_list_m .time i {
        float: left;
    }
    .n_body_right_list_m .time em {
        float: right;
    }
    .n_body_right_list_m .nr {
        display: block;
    }
    .n_body_right_list_m .nr h3 {
        line-height: 63px;
    }
    .n_body_right_list_m .nr p {
        color: #999999;
        line-height: 30px;
    }
    .tzbg {
        background: linear-gradient(to right, #f0f2f3 0%, #f0f2f3 50%, white 50%, white 100%);
    }
    .tzbg .tit {
        padding-top: 25px
    }
    .tzbg .new79 {
        width: 90%;
        margin: 0 auto;
    }
    .tzbg .more {
        padding: 10px 0;
        font-weight: bold
    }
    .n_body_right_list3 ul li {
        padding: 20px 0;
        border-bottom: #837e7e 1px dashed;
    }
    .n_body_right_list3 ul li span {
        float: right
    }
    .n_body_right_nr {
        margin: 25px 0;
    }
    .n_body_right_nr img {
        width: 100%;
        height: auto;
        display: block
    }
    .n_body_right_nr h2,
    p.ly {
        padding-bottom: 10px;
        text-align: center;
    }
    .n_body_right_nr p.ly {
        color: #837e7e;
    }
    .n_body_right_nr>div {
        color: #2b2b2b;
        line-height: 28px;
    }
    /*后增加通用*/
    .new79 {
        width: 90%;
        margin: 0 auto
    }
    .ptb30 {
        padding: 30px 0
    }
    .main_body .titbg {
        position: relative;
        width: 100%
    }
    .main_body .titbg h2 {
        text-align: center;
        padding-top: 20px
    }
    .main_body .titbg:before {
        display: inline-block;
        white-space: nowrap;
        content: attr(data-tit);
        font-size: 70px;
        color: #4A90E2;
        opacity: 0.2;
        position: absolute;
        font-family: din;
        text-transform: uppercase;
        left: 50%;
        transform: translate(-50%)
    }
    .main_body .titbg:after {
        content: '';
        position: absolute;
        top: 78px;
        display: block;
        width: 60px;
        height: 3px;
        background-color: #4A90E2;
        left: 50%;
        transform: translate(-50%)
    }
    /*后增加通用 end*/
    /*s3首页党校培训 mobile*/
    .s3index {
        background-color: #FFFFFF
    }
    .s3dx>div {
        padding: 30px 0
    }
    .tits3 {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .tits3 h2 {
        display: inline-block
    }
    .tits3>div:first-of-type>img {
        width: 20px
    }
    .tits3 em {
        font-style: normal;
        font-size: 16px;
        font-weight: bold
    }
    .first {
        display: flex;
        align-items: center;
        flex-direction: column;
        border-bottom: 2px dashed #D9D9D9
    }
    .first>div:nth-of-type(2) {
        padding-top: 20px
    }
    .first>div:nth-of-type(2)>p {
        padding-top: 20px
    }
    .s3indexlist {
        padding-top: 20px;
    }
    .s3indexlist>ul>li,
    .s3index_list_right>ul>li {
        font-size: 16px;
        line-height: 32px;
    }
    .s3indexlist>ul>li i,
    .s3index_list_right>ul>li i {
        display: inline-block;
        width: 7px;
        height: 10px;
        background-color: #A7232D;
        margin-right: 16px;
    }
    .s3indexlist>ul>li em {
        font-style: normal;
        font-size: 16px;
        color: #999999;
        float: right;
    }
    /*s3首页党校培训 mobile*/
    /*s3四张图片 mobile*/
    .s3index_lit_ban>ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
    .s3index_lit_ban>ul>li {
        width: calc(95%/2);
        padding-top: 10px
    }
    .s3index_lit_ban>ul>li img {
        width: 100%;
        height: auto
    }
    /*s3四张图片 mobile*/
    .main.s3index_xuexi {
        background-color: #FFFFFF
    }
    .s3index_xuexi_1>div:first-of-type {
        padding: 40px 0
    }
    .s3index_xuexi_2 {
        padding-top: 40px
    }
    .s3indexlist a {
        color: #A7232D
    }
    .s3index_xx {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .s3index_xx h2 {
        font-size: 18px
    }
    .s3index_xx p,
    .s3index_xx .index_xx_img {
        padding: 20px 0;
    }
    .s3index_xx .index_xx_img img {
        width: 100%
    }
    .s3index_xx p,
    .s3index_xx .time {
        line-height: 30px;
        color: #999999
    }
    .s3mdown {
        padding: 40px 0 20px 0
    }
    .s3index_list_right {
        padding: 20px 0
    }
    .s3index_list_right>ul>li {
        border-bottom: #837e7e 1px dashed
    }
    .foot .foot_right.s3>div {
        padding: 20px 0
    }
    .foot .foot_right.s3 {
        height: unset
    }
    /*s3内页*/
    .n_left_topnav.s3 {
        background-color: #A7232D
    }
    .n_left_nav.s3 ul li.active {
        background-color: #A7232D
    }
    .n_body_right.s3 .n_body_right_top h2 {
        border-bottom: #A7232D 4px solid
    }
    /*s3内页 mobile*/
    /*s4开始 mobile*/
    .s4search {
        display: none
    }
    .s4_n_left_topnav,
    .s4_index_fastway h2,
    .s4_index_fourpic h2 {
        width: 100%;
        background-color: #4A90E2;
        color: #FFFFFF;
        padding: 10px 0;
        text-align: center
    }
    .s4_index_left_nav_list {
        width: 100%
    }
    .s4_index_left_nav_list h2 {
        text-align: center;
        color: #4A90E2
    }
    .s4_index_left_nav_list ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between;
    }
    .s4_index_left_nav_list ul>li {
        background-color: rgba(74, 144, 226, 0.4);
        width: 98%;
        margin: 5px
    }
    .s4_index_left_nav_list ul>li>a {
        color: #FFFFFF;
        width: 100%;
        display: block;
        padding: 8px 0;
        text-align: center
    }
    .s4_index_fastway_ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between;
    }
    .s4_index_fastway_ul li {
        border: 1px solid #4A90E2;
        border-radius: 25px;
        padding: 5px 0 5px 15px;
        margin: 5px 0
    }
    .s4_index_fastway_ul li i img {
        width: 15px
    }
    .s4_index_fastway_ul li a {
        padding-left: 15px
    }
    .s4_index_three .tit {
        display: flex;
        justify-content: space-between;
        background-color: #4A90E2;
        padding: 10px
    }
    .s4_index_three .tit h2 {
        color: #FFFFFF
    }
    .s4_index_three .tit em {
        color: #FFFFFF;
        font-style: normal
    }
    .s4_index_three .one ul li {
        line-height: 38px;
        padding: 0 10px
    }
    .s4_index_three .one ul span {
        float: right
    }
    .s4_index_three .two {
        margin: 0 auto
    }
    .s4_index_three .two img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin: 10px 0
    }
    .s4_index_three .two>div:nth-of-type(3) p {
        margin: 10px 0;
        font-size: 18px
    }
    .s4_index_three .two>div:nth-of-type(4) {
        padding-bottom: 15px;
        color: #837e7e
    }
    .foot_right.s4 {
        height: unset
    }
    .link.s4 h2 {
        padding-top: 20px
    }
    .drflex .mb_img {
        display: none
    }
    .dr_list ul {
        display: grid;
        grid-template-columns: 45% 45%;
        justify-content: space-between
    }
    .dr_list ul li {
        background-color: #837e7e;
        padding: 5px 0;
        margin-top: 5px;
    }
    .drflex>.dr_list>ul>li>a {
        color: #FFFFFF
    }
    .dropdown.none {
        display: none
    }
    /*s4end*/
    /*    s4网络安全宣传页*/
    .s4top_banner img {
        width: 100%;
        display: block
    }
    .s4_p_top {
        position: absolute;
        top: 0;
        left: 0
    }
    .s4_p_top img {
        position: absolute;
        top: 0;
        left: 0;
        width: 8rem
    }
    .s4_top_nav>ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s4_top_nav>ul>li {
        background-color: #4A90E2;
        margin-top: 15px;
        padding: 15px 0;
        text-align: center
    }
    .s4_top_nav>ul>li>a {
        color: #FFFFFF;
    }
    .s4_wlaq_news .s4_wlaq_news_div img {
        width: 100%
    }
    .s4_wlaq_news_div>div>ul>li,
    .s4_wlaq_pufa_r>.list>ul>li {
        display: flex;
        margin-top: 30px
    }
    .s4_wlaq_news_div>div>ul>li .s4_wlaq_time,
    .s4_wlaq_pufa_r>.list>ul>li .s4_wlaq_time {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-right: unset;
        padding: 5px
    }
    .s4_wlaq_news_div li .s4_wlaq_time,
    .s4_wlaq_pufa_r>.list>ul>li .s4_wlaq_time {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
        padding-right: 15px;
        background-color: #4A90E2
    }
    .s4_wlaq_news_div li .s4_wlaq_time i,
    .s4_wlaq_pufa_r>.list>ul>li .s4_wlaq_time i {
        font-style: normal;
        font-size: 28px;
        color: #FFFFFF;
        font-weight: bold
    }
    .s4_wlaq_news_div li .s4_wlaq_time em,
    .s4_wlaq_pufa_r>.list>ul>li .s4_wlaq_time em {
        font-style: normal;
        font-size: 16px;
        color: white
    }
    .s4_mb_wlaq_list {
        width: 80%
    }
    .s4_mb_wlaq_list p {
        padding: 10px;
        line-height: 24px;
        font-size: 13px;
        height: 40px;
        overflow: hidden
    }
    .s4_wlaq_news_div li h3,
    .s4_wlaq_pufa_r>.list>ul>li h3 {
        font-size: 15px;
        color: #000000;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .s4_mb_h2 h2 {
        font-size: 24px;
        margin: 15px 0;
        border-bottom: 2px solid #4A90E2;
        padding-bottom: 17px
    }
    .s4_wlaq_news {
        position: relative
    }
    .s4_wlaq_news .more,
    .explain .more,
    .s4wlaq .more {
        position: absolute;
        right: 0;
        top: 5px
    }
    .s4_mb_list {
        margin-bottom: 30px;
    }
    .img.s4_wlaq_pufa_l img {
        width: 100%;
    }
    .topnav {
        display: flex;
        justify-content: space-evenly
    }
    .topnav li {
        background-color: #4A90E2;
        padding: 10px 25px;
        color: #FFFFFF;
    }
    .topnav li {
        cursor: pointer
    }
    .topnav li.active {
        font-weight: bold
    }
    .s4_wlaq_pufa_r .list {
        display: none
    }
    .s4_wlaq_pufa_r .list.active {
        display: block
    }
    .video li {
        position: relative
    }
    .video li a>img {
        width: 100%
    }
    .s4wlaq .video li i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer
    }
    /*    s4网络安全宣传页*/
    /*    s4网络安全列表页*/
    .new_logo {
        display: flex;
        align-items: center;
        padding: 10px 0;
    }
    .new_logo .img img {
        width: 8rem
    }
    .new_logo h2 {
        display: none
    }
    .s4_wlaq_top .m_nav {
        top: 15px;
    }
    .s4_wlaq_top .m_nav_x {
        z-index: 3;
        right: 0
    }
    .s4_wlaq_top {
        background-color: #4A90E2
    }
    .s4_wlaq_top2 {
        height: 100vh;
        width: 100%;
        z-index: 2;
        background-color: #FFFFFF;
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }
    .s4_wlaq_top2.active {
        display: block
    }
    .s4_wlaq_top2 ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        margin-top: 55px
    }
    .s4_wlaq_top2 ul li {
        line-height: 4rem;
        border-bottom: 1px solid #000000;
        width: 100%;
        text-align: center
    }
    /*    s4网络安全列表页 mobile*/
    /*s5*/
    .s3indexlist.s5 a {
        color: black;
    }
    .s3indexlist.s5>ul>li i {
        background-color: #837e7e
    }
    .s5_index .s5tab {
        display: flex;
        justify-content: space-between
    }
    .s5_index .s5tab li {
        width: 20%
    }
    .s5_index .s5tab li:not(:first-of-type) {
        padding-left: 5px
    }
    .s5_index .s5tab li img {
        width: 100%;
        border: 1px dashed #4A90E2;
        border-radius: 100px
    }
    .s5_index .s5tab li p {
        font-size: 13px;
    }
    .s5tab_list {
        display: none
    }
    .s5tab_list.active {
        display: block
    }
    .s5tab_list>ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s5tab_list>ul>li img {
        width: 100%
    }
    .s5tab_list>ul>li p,
    .s5tab_list>ul>li span {
        padding: 0 5px
    }
    .s5tab_list>ul>li p {
        font-size: 14px
    }
    .s5tab_list>ul>li span {
        font-size: 12px
    }
    .s5_index_lithd {
        width: 100%;
        overflow: hidden
    }
    .s5_index_lithd img {
        width: 100%
    }
    .swiper-container5 {
        --swiper-theme-color: #FFFFFF;
    }
    .s5swiper {
        position: relative;
        display: flex;
        justify-content: center
    }
    .s5ok_swiper {
        position: absolute;
        top: -35px;
        z-index: 2;
    }
    .s5newpage .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        margin-left: 5px
    }
    .s5_index_right_erwei>ul {
        display: flex;
        justify-content: space-between
    }
    .foot .foot_right.s5 {
        height: unset
    }
    .foot .foot_right .link.s5:nth-of-type(3) li {
        float: unset
    }
    .foot .foot_right .link.s5:nth-of-type(3) h2 {
        display: none
    }
    .foot .foot_right .link.s5:nth-of-type(2) h2 {
        padding-top: 35px
    }
    /*s5 end*/
    /*s6*/
    .s6_index h2 {
        font-size: 1.5rem;
        font-weight: bold;
        padding: 25px 0
    }
    .s6_index .s6_index_left_img {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s6_index .s6_index_left_img img {
        width: 100%;
        display: block
    }
    .s6_index .s6_index_left_img li:nth-of-type(n+3) img {
        padding-top: 12px
    }
    .foot_right.s6 .s6footcon {
        width: 90%;
        margin: 0 auto
    }
    .foot_right.s6 .s6footcon h2 {
        text-align: center;
        padding-top: 20px;
    }
    .foot_right.s6 .s6footcon {
        font-size: 15px
    }
    /*s6end*/
    /*s7*/
    .index_pinggu_bg_son {
        position: relative
    }
    .index_pinggu_bg_son .top {
        margin-top: 25px
    }
    .index_pinggu_bg_son h2 {
        border-bottom: 2px solid #4A90E2;
    }
    .index_pinggu_bg_son h2:after {
        content: '';
        width: 30%;
        display: block;
        height: 6px;
        background-color: #4A90E2;
        margin-bottom: -4px;
    }
    .index_pinggu_bg_son .more {
        position: absolute;
        top: 6px;
        right: 0
    }
    .s7_index_pg {
        padding-top: 15px
    }
    .s7_index_pg>ul>li {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between;
        align-items: center
    }
    .s7_index_pg>ul>li:not(:first-of-type) {
        padding-top: 15px
    }
    .s7_index_pg>ul>li img {
        width: 100%
    }
    .s7_index_pg>ul>li p {
        font-size: 1rem
    }
    .s7_index_pg>ul>li span {
        font-size: .8rem;
        color: #837e7e
    }
    .tzbg.s7 .tit {
        padding-top: unset
    }
    .index_pinggu_bg .more {
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        padding: 10px 0
    }
    .tzbg.s7 {
        background: unset
    }
    .s7_index_bottom_pic>ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between;
        margin: 15px 0
    }
    .s7_index_bottom_pic>ul li {
        background-color: #4A90E2;
        padding: 10px 0;
        text-align: center
    }
    .s7_index_bottom_pic>ul li a {
        color: #FFFFFF;
        font-size: 14px;
    }
    .s7_index_bottom_pic>ul li:nth-of-type(n+3) {
        margin-top: 5px
    }
    .foot_right.s7 {
        height: unset;
        padding-bottom: 45px
    }
    .foot_right.s7 .s7footcon {
        width: 90%;
        margin: 0 auto;
    }
    .foot_right.s7 .s7footcon h2 {
        text-align: center;
        padding-top: 20px;
    }
    .foot_right.s7 .s7footcon {
        font-size: 15px
    }
    /*s7end*/
    /*s8 mobile*/
    .s8_index_hot_left {
        position: relative;
    }
    .s8_index_hot_left .tit,
    .s8_index_hot_right .tit,
    .s8foot_slide .tit,
    .s14index_case_body .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #4A90E2;
        padding-bottom: 8px
    }
    .s8_index_hot_left h2,
    .s8_index_hot_right h2,
    .s8foot_slide .tit h2,
    .s14index_case_body .tit h2 {
        font-size: 1.62rem;
    }
    .s8_index_hot_left i,
    .s8_index_hot_right i,
    .s8foot_slide .tit i,
    .s14index_case_body .tit span {
        font-size: 1rem;
        font-style: normal;
        font-weight: bold
    }
    .s8_index_hot_left_list {
        margin-top: 15px
    }
    .s8_index_hot_left_list img {
        width: 100%
    }
    .s8_index_hot_left_list li p {
        font-size: 1rem;
    }
    .s8_index_hot_left_list li span {
        font-size: 12px;
        color: #837e7e
    }
    /*s8footslide mobile*/
    .s8foot_slide .slidewarp {
        position: relative
    }
    .s8foot_slide .silide li {
        display: none;
        text-align: center
    }
    .s8foot_slide .silide li.active {
        display: block
    }
    .s8foot_slide .slidewarp .jiantou .prev {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%)
    }
    .s8foot_slide .slidewarp .jiantou .next {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }
    /*s8footslide new swiper*/
    .swiper-container3 {
        width: 60%;
        margin: 0 auto;
        overflow: hidden;
    }
    .slidewarp .ulslide li img:hover {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    .slide_point_list {
        display: none;
    }
    /*s8footslide  mobileend*/
    .foot_right.s8 .contact>ul {
        display: unset
    }
    .foot_right.s8 .contact>ul li {
        float: left;
        width: unset;
        padding-right: 15px
    }
    /*s8pic list*/
    .n_body_right_list4 {
        margin-top: 20px
    }
    .n_body_right_list4 ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .n_body_right_list4 ul li:nth-of-type(n+3) {
        padding-top: 10px
    }
    .n_body_right_list4 ul img {
        display: block;
        width: 100%
    }
    /*s8pic list end*/
    /*s8end*/
    .s9topbg {
        position: absolute;
        z-index: 5;
        top: 5px
    }
    .s9topnav_bg {
        position: absolute;
        top: 0;
        background-color: #FFFFFF;
        z-index: 3
    }
    .s9head {
        width: 100%
    }
    .s9head .m_nav {
        z-index: 55;
        margin-top: 5px
    }
    /*手机新导航*/
    .s9nav {
        height: 100vh;
        display: none;
        padding-top: 70px
    }
    .s9nav>ul {
        width: 100%;
    }
    .s9nav>ul>li {
        border-bottom: 1px solid #000000;
        width: 100%;
        text-align: center;
        padding: 1rem 0
    }
    .s9dropdown_n .mb_img {
        display: none;
    }
    .s9dropdown.none {
        display: none
    }
    .s9dropdown_n>ul {
        display: grid;
        grid-template-columns: 45% 45%;
        justify-content: space-between
    }
    .s9dropdown_n>ul li {
        background-color: #837e7e;
        margin: 5px 0;
        padding: 5px 0
    }
    .s9dropdown_n>ul li a {
        color: #FFFFFF
    }
    /*手机新导航*/
    #notice_right {
        height: 22px;
        overflow: hidden;
        width: 213px;
    }
    .s9_notice {
        position: relative;
        overflow: hidden
    }
    .s9scroll {
        width: 1920px
    }
    .s9_notice .notice_left {
        display: flex;
        position: relative;
        left: 0;
        width: 80px;
        overflow: hidden
    }
    .notice_right {
        position: absolute;
        left: 110px;
        top: 10px
    }
    .s9scroll li {
        float: left;
        padding-left: 20px;
    }
    .s8quicknews .tit,
    .s8index_mien_left .tit,
    .s8index_right .tit,
    .s12index_state_left .tit,
    .s12index_state_right .tit,
    .s12index_deed_right .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #4A90E2;
        padding-bottom: 8px
    }
    .s8quicknews .list {
        margin-top: 20px
    }
    .s8quicknews .list img {
        width: 100%
    }
    .s8quicknews .list h2 {
        font-size: 20px
    }
    .s8quicknews .list p {
        font-size: 15px;
        color: #837e7e;
        padding: 8px 0
    }
    .s8quicknews .list span {
        font-size: 14px;
        color: #837e7e;
        padding-bottom: 20px;
        display: block
    }
    .s8index_right .body {
        margin-top: 20px
    }
    .s8index_right .body img {
        width: 100%
    }
    .s8index_right .body a {
        font-size: 15px;
        font-weight: bold;
        margin: 10px 0 25px 0;
        display: block
    }
    .s8index_video_left img,
    .s8index_video_right img {
        width: 100%;
        display: block;
    }
    .s8index_video_left .img {
        position: relative;
        display: block
    }
    .s8index_video_left .img span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .s8index_video_right {
        margin-bottom: 25px
    }
    .s8index_video_right>ul>li>a {
        position: relative;
        display: block
    }
    .s8index_video_right>ul>li>a span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .mobnewfoot {
        width: 100%;
    }
    .s9newfoot_left {
        width: 100%;
        background-color: #837e7e;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .s9newfoot_left .logo {
        padding: 25px 0;
    }
    .s9newfoot_left>div:nth-of-type(2) {
        padding-bottom: 25px
    }
    .s9newfoot_left p {
        color: #FFFFFF;
        line-height: 35px;
    }
    .s9newfoot_right {
        width: 100%;
    }
    .s9newfoot_right .nav {
        width: 90%;
        margin: 0 auto;
        padding: 20px 0
    }
    .s9newfoot_right .nav>ul h2 {
        text-align: center;
        display: inline-block;
        padding: 20px 0 10px 0;
        border-bottom: 2px solid #4A90E2;
        margin: 0 auto
    }
    .s9newfoot_right .nav>ul>li {
        clear: both;
        text-align: center
    }
    .s9newfoot_right .nav>ul>li>ul.son_ul {}
    .s9newfoot_right .nav>ul>li>ul.son_ul li {
        float: left;
        line-height: 50px
    }
    .s9newfoot_right .nav>ul>li>ul.son_ul li a {
        font-size: 18px;
        padding-right: 20px;
    }
    .ico ul {
        display: flex;
        justify-content: space-evenly
    }
    .s9foot_copyright_bg {
        width: 100%;
        background-color: #D8D8D8;
        text-align: center
    }
    .s9foot_copyright_bg p {
        padding: 25px 0
    }
    .s9_foot_erwei {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        background-color: rgba(43, 43, 43, 0.7);
        -webkit-transition: 1s;
        transform: scale(0)
    }
    .s9_foot_erwei.show_none {
        transform: scale(1);
    }
    .s9_foot_erwei_pb {
        width: 50%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center
    }
    .s9erweima {
        width: 100%;
        text-align: center
    }
    /*s10*/
    #s10job {
        display: flex;
        justify-content: space-evenly
    }
    #s10job li {
        background-color: #748dab;
        color: #FFFFFF;
        padding: 20px 10px
    }
    #s10job li.active {
        background-color: #4A90E2;
        color: #FFFFFF;
        padding: 20px 10px
    }
    .n_body_right_list2.s10 {
        display: none
    }
    .n_body_right_list2.s10.active {
        display: block
    }
    .n_body_right_list2.s10 .nr p {
        height: 58px;
        overflow: hidden
    }
    .s10index_fourpic .piclist {
        margin-top: 25px
    }
    .s10index_fourpic .piclist ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s10index_fourpic .piclist li {
        width: 100%;
        position: relative;
        text-align: center
    }
    .s10index_fourpic .piclist li:nth-of-type(n+3) {
        margin-top: 15px
    }
    .s10index_fourpic .piclist li img {
        width: 100%;
        display: block
    }
    .s10index_fourpic .piclist li p {
        position: absolute;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.26) 0%, #000000 100%);
        display: block;
        width: 100%;
        color: #FFFFFF;
        line-height: 30px
    }
    .s10index_down,
    .s10index_fourpic,
    .s10_job {
        margin-top: 25px
    }
    .s10index_down .list {
        margin: 25px 0
    }
    .s10index_down .list li {
        line-height: 40px
    }
    .s10index_fourpic .tit,
    .s10index_down .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #4A90E2;
        padding-bottom: 8px
    }
    .s10index_fourpic h2,
    .s10index_down h2 {
        font-size: 1.62rem;
    }
    .s10index_fourpic i,
    .s10index_down i {
        font-size: 1rem;
        font-style: normal;
        font-weight: bold
    }
    .s8_index_hot_left_list {
        margin-top: 15px
    }
    /*s10 end*/
    /*s11*/
    .s11index_special {
        padding-bottom: 25px;
        margin-top: 20px
    }
    .s11index_special ul li img {
        width: 100%;
        display: block;
        margin-top: 25px;
    }
    /*s11end*/
    /*s12*/
    .s12topbg {
        position: absolute;
        z-index: 5;
        top: 5px
    }
    .s12index_state_left_no1 {
        display: grid;
        grid-template-columns: 40% 59%;
        justify-content: space-between;
        align-items: center;
        margin-top: 35px
    }
    .s12index_state_left_no1 {
        background: #FFFFFF;
        box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.08);
    }
    .s12index_state_left_no1 img {
        width: 100%
    }
    .s12index_state_left_no1 img {
        display: block
    }
    .s12index_state_left_no1 .s12index_state_left_no1_son2 h2 {
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .s12index_state_left_no1 .s12index_state_left_no1_son2 p {
        height: 37px;
        overflow: hidden;
        font-size: 14px;
        padding: 3px 0
    }
    .s12index_state_left_no2 {
        margin-top: 15px
    }
    .s12index_state_left_no2 ul {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between
    }
    .s12index_state_left_no2 ul li {
        background: #FFFFFF;
        box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.08);
    }
    .s12index_state_left_no2 img {
        width: 100%;
        display: block
    }
    .s12index_state_right_bg .first {
        padding: 15px 0
    }
    .s12index_state_right_bg .first .time {
        display: flex;
        justify-content: space-between;
        width: 100%;
        color: #A7232D;
        font-size: 18px
    }
    .s12index_state_right_bg .first .time .nr p {
        display: flex;
        justify-content: space-between;
        width: 100%;
        color: #A7232D;
        font-size: 18px;
    }
    .s3indexlist.s12 li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .body_left_ok {
        position: relative;
        background: #FFFFFF;
        box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.08);
    }
    .s12three_body .img img {
        width: 100%;
        display: block
    }
    .body_left_ok .font {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.11) 0%, #000000 200%)
    }
    .body_left_ok .font h2 {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .body_left_ok .font p {
        font-size: 14px;
        height: 37px;
        overflow: hidden;
        display: block;
        position: relative;
    }
    .s12three_body.noneblock {
        display: none
    }
    .s12three_body .body_right .list img {
        width: 100%
    }
    .s12three_body .body_right .list li {
        margin: 15px 0;
    }
    .s12three_body .body_right .list li {
        background: #FFFFFF;
        box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.08);
        padding: 0;
    }
    .s12three_body .body_right .list li .first {
        display: flex;
        padding: 0 15px 10px 15px;
        border-bottom: unset;
    }
    .s12three_body .body_right .list li .first .time {
        order: 2;
        padding-top: 15px;
        width: 100%;
        color: #666666;
        font-size: 13px
    }
    .s12three_body .body_right .list li .first .nr {
        order: 1
    }
    .s12three_body .body_right .list li .first .time {
        display: flex
    }
    .s12three_body .body_right .list li .first span {
        order: 1
    }
    .s12three_body .body_right .list li .first p:before {
        content: '.'
    }
    .s12three_body .body_right .list li .first p {
        order: 2
    }
    .s12three_body .body_right .list li .first span:before {
        content: '发布时间:'
    }
    .s12threetabbg {
        margin-top: 25px
    }
    .body_left_ok {
        margin-top: 15px
    }
    .s12threetab .toptab ul {
        display: flex;
        justify-content: space-between
    }
    .s12threetab .toptab ul li {
        background-color: #A7232D;
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .s12threetab .toptab ul li img {
        width: 20px
    }
    .s12threetab .toptab ul li a {
        color: white
    }
    .s12threetab .toptab ul li.active a {
        font-weight: bold
    }
    .s12index_deed_left .s12index_deed_tab ul {
        display: flex;
        justify-content: center
    }
    .s12index_deed_left .s12index_deed_tab ul li {
        background-color: #A7232D;
        display: flex;
        align-items: center;
        padding: 15px;
        margin-right: 15px;
        color: white
    }
    .s12index_deed_left .s12index_deed_tab ul li.active {
        font-weight: bold;
    }
    .s12three_body .more,
    .s12index_deed_left .more,
    .s12index_deed_left_body .img,
    .s12index_deed_left_body.none {
        display: none
    }
    .s12index_deed_left_body .list li,
    .s12index_deed_right .list li {
        background: #FFFFFF;
        box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.08);
        padding: 10px 6px;
        margin-top: 15px
    }
    .s12index_deed_left_body .list h3,
    .s12index_deed_right .list h3 {
        font-size: 16px
    }
    .s12index_deed_left_body .list span,
    .s12index_deed_right .list span {
        font-size: 13px;
        color: #666666
    }
    .s12index_deed_left_body .list p,
    .s12index_deed_right .list p {
        font-size: 15px;
        height: 50px;
        line-height: 25px;
        overflow: hidden
    }
    .s12index_state_right .tit,
    .s12index_state_left .tit,
    .s12index_deed_right .tit {
        border-bottom: 2px solid #A7232D;
        margin-top: 20px
    }
    .new_swiper.s12 .swiper-pagination-bullet-active {
        background: #A7232D
    }
    /*s12 end*/
    /*s13*/
    .s13index {
        position: relative
    }
    .s13index .tit {
        position: absolute;
        top: 20px
    }
    .s13index img {
        position: relative;
        width: 100%;
        margin-top: 66px
    }
    .s13index .s13index_right {
        padding: 25px 0
    }
    .s13index .content p {
        line-height: 30px;
    }
    /*s13 end*/
    /*s14*/
    .s14index_case_body .list {
        padding-top: 25px
    }
    .s14index_case_body .list img {
        width: 100%
    }
    /*s14 end*/
}


/*980end*/


/**2021-8-9 号加 去除页面顶部距离  刘***/

html {
    margin-top: 0px !important;
}

* html body {
    margin-top: 0px !important;
}

@media screen and ( max-width: 782px) {
    html {
        margin-top: 0px !important;
    }
    * html body {
        margin-top: 0px !important;
    }
}


/**********结束**********/


/**2021-8-12 后勤处-机构设置页面代码  马***/

@media screen and (min-width:980px) {
    /*后修改的后勤资产处封面列表*/
    .n_body_right_list3 {
        margin-top: 40px
    }
    .n_body_right_list3_tit {
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px
    }
    .n_body_right_list3_tit h3 {
        font-size: 30px;
        color: #4A90E2
    }
    .n_body_right_list3_tit a {
        font-size: 20px;
        color: #666666
    }
    /*后修改的后勤资产处封面列表 end*/
}

@media screen and (max-width:980px) {
    /*后修改的后勤资产处封面列表*/
    .n_body_right_list3 {
        margin-top: 20px
    }
    .n_body_right_list3_tit {
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px
    }
    .n_body_right_list3_tit h3 {
        font-size: 20px;
        color: #4A90E2
    }
    .n_body_right_list3_tit a {
        font-size: 16px;
        color: #666666
    }
    .head_top .xxsy {
        display: none
    }
    /*后修改的后勤资产处封面列表 end*/

    .head_top.s796 .index_link{display:none}
    .main_body_right_list>ul>li a .time{width: 19.84%}
    .main_body_right_list>ul>li a .nr{width: 69.355%}
    .main_body_right_list>ul>li a .time i{font-size: 1.625rem}
    .n_body_right_list_m .time i, .time em{font-size: 15px}
}


/**********结束**********/


/*******列表右上角面包屑伪类   刘  ***********/

.n_body_right_postion a:hover {
    color: #4A90E2
}


/*******结束***********/


/*******顶部 学校首页样式   刘  ***********/

.xxsy,
.xxsy a {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 700;
    line-height: 44px;
}

.xxsy a:hover {
    color: #4A90E2
}

/* 学生工作部伪类样式  刘 */

.list>ul>li:hover a h2 {
    color: #4A90E2;
}


/*******结束***********/


/*******结束***********/


/* 分页样式   刘 */

.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 7px;
    margin: 2px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: #000;
}

.wp-pagenavi span.current {
    font-weight: bold;
}


/*******结束***********/

@media screen and (min-width:980px) {
    .index_link_new{display: flex;align-items: center}
    .index_link_new a{font-size: 24px;color: white;font-weight: bold;}

    .list_pic_paper{
        margin-top: 80px;
    }
    .list_pic_paper>ul{
        display: grid;
        grid-template-columns:31.785% 31.785% 31.785%;
        justify-content: space-between;
    }
    .list_pic_paper>ul>li p{
        font-size: 16px;
        line-height: 24px;
        margin-top: 27px;
        text-align: center;
    }
    .list_pic_paper>ul>li .img{
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        height:497px;
    }

    .list_pic_paper>ul>li img{
        width: 100%;
        height:497px;
        object-fit: cover;
        display: block;
    }
    .list_pic_paper>ul>li img:hover{
        transition: all 0.5s;
        transform: scale(1.05);
    }
    .list_pic_paper>ul>li:nth-of-type(n+4){
        margin-top:59px
    }
    .list_pic_paper>ul>li a:hover >p{color: #4A90E2}

    .link.s96 h2{text-align: center}
    .foot .foot_right .link.s96 ul{width: 100%}
    .link.s96:nth-of-type(1){width: 22.176%}
    .link.s96:nth-of-type(2){width: 15.336%}
    .link.s96:nth-of-type(3){width: 26.321%}
    .link.s96:nth-of-type(4){width: 25.181%}
    .contact.s96:nth-of-type(5){width:11.813%}
    .link.s96:nth-of-type(-n+3) ul{display: flex;flex-direction: column}
    .link.s96:nth-of-type(-n+3) ul li{text-align:center}

    .v14 .head_wai03.on{height:unset}
    .v14 .topbg03{height:unset}
    .v14 .head_top{padding-bottom: unset}
    .v14 .head.on{z-index: 6}
}
@media screen and (max-width:980px) {
    .index_link_new{display: none}
    .list_pic_paper{
        margin-top: 30px;
    }
    .list_pic_paper>ul>li{
        margin-bottom: 20px;
    }
    .list_pic_paper>ul>li img{
        width: 100%;
        height:360px;
        object-fit: cover;
    }
    .list_pic_paper>ul>li p{
        font-size: 16px;
        line-height: 24px;
        margin-top: 27px;
        text-align: center;
    }
    .link.s96 h2{text-align: center;}
    .link.s96:nth-of-type(n+2) h2{margin-top: 20px}
}


@media all and (min-width: 999px) {
    .v18_index1{padding: 80px 0}
    .v18_index1 .tit{padding-left: 688px;font-size: 36px;color: #000000;font-family: sy;font-weight: bold;}
    .v18_index1_son{display: flex;margin-top: 44px;}
    .v18_index1 .img{width: 600px;height: 400px;overflow: hidden}
    .v18_index1 .img img{width: 600px;height: 400px;object-fit: cover}
    .v18_index1 .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .v18_index1 .right{flex: 1;width: 0;margin-left: 39px;display: flex;flex-direction: column;justify-content: space-between}
    .v18_index1 .right ul{display: grid;grid-template-columns: 48.013% 48.013%;justify-content: space-between;grid-row-gap: 47px;}
    .v18_index1 .right li a{display: flex;align-items: flex-start}
    .v18_index1 .right li .img{display: none}
    .v18_index1 .right li .v18_time{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 50px;}
    .v18_index1 .right li .v18_time em{font-size: 40px;color: #000000;font-family: din;font-style: normal}
    .v18_index1 .right li .v18_time i{font-size: 16px;color: #000000;font-family: din;font-style: normal}
    .v18_index1 .right li .nr{flex: 1;width: 0;margin-left: 24px;}
    .v18_index1 .right li .nr h3{font-size: 22px;color: #000000;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .v18_index1 .right li .nr p{font-size: 16px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 17px;line-height: 32px;}
    .v18_index1 .right li:hover .nr h3{color: #4A90E2}
    .v18_index1 .right a.more{font-size: 18px;color: #000000;text-align: right}
    .v18_index1 .right a.more:hover{color: #4A90E2;}

    .v18 .s14indexbg{background-color: #F0F2F3;}
    .v18 .n_body_right_list2.s6>ul>li a .nr p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;min-height: unset}

    .v18 .n_body_right_list2>ul>li a .time{width: 80px;height: 120px;padding: unset}
    .v18 .n_body_right_list2>ul>li a .nr{flex: 1;width: 0;}
    .v18 .s8index_mien_left .s3index_xx{background-color: #fff;}
    .v18 .s14index_department{padding-bottom: 84px;}
    .v18 .s8index_mien_left.s14{display: flex;flex-direction: column}
    .v18 .s3index_xx{height: 100%;}
    .v18 .s3index_xx .index_xx_img{width: 345px;height: 345px;overflow: hidden;}
    .v18 .s3index_xx .index_xx_img img{width: 345px;height: 345px;object-fit: cover}
    .v18 .s3index_xx>div:nth-of-type(2){flex: 1;width: 0;}
    .v18 .s3index_xx .more{text-align: right}
    .v18_index2{padding: 85px 0}
    .v18_index2 .tit{display: flex;justify-content: space-between}
    .v18_index2 .tit h2{font-size: 36px;color: #000000;font-family: sy;font-weight: bold;}
    .v18_index2 .tit a.more{font-size: 18px;color: #000000;text-align: right}
    .v18_index2 .tit a.more:hover{color: #4A90E2;}
    .v18_index2 ul{display:flex;justify-content: space-between;margin-top: 40px;}
    .v18_index2 ul li{width: 31.578%;}
    .v18_index2 ul li .img{position: relative;width: 100%;height: 313px;overflow: hidden}
    .v18_index2 ul li .img img{width: 100%;height: 313px;object-fit: cover}
    .v18_index2 ul li .button{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
    .v18_index2 ul li .button img{width: 50px;height: 50px;}
    .v18_index2 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .v18_index2 ul li .nr{margin-top: 20px;}
    .v18_index2 ul li .nr p{font-size: 20px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-weight: bold;}
    .v18_index2 ul li .nr span{font-size: 14px;color: #000000;display: block;margin-top: 20px;}

    .v18new_foot{background-color: #25252F;padding: 60px 0}
    .foot_body{display: flex}
    .foot_body .left{width: 300px;}
    .foot_body .left .img{width:100%;}
    .foot_body .left .text{line-height: 30px;margin-top: 15px;}
    .foot_body .left .text p{font-size: 18px;color: #ffffff;}
    .foot_body .left .text a{font-size: 18px;color: #ffffff;}
    .foot_body .left .text a:hover{color: #4a90e2;}
    .foot_body .right{margin-left: auto;display: flex}
    .foot_body .link_foot{padding: 0 32px;position: relative}
    .foot_body .link_foot::before{content: '';display: block;width: 2px;height: 20px;background-color: #CCCCCC;top: 5px;left: 0;position:absolute;}
    .foot_body .link_foot h4{font-size: 20px;color: #ffffff;text-align: center}
    .foot_body .link_foot ul{margin-top: 38px;display: flex;flex-direction: column;justify-content: center;align-items: center}
    .foot_body .link_foot li{margin-top: 20px;}
    .foot_body .link_foot li a{font-size: 18px;color: #ffffff;}
    .foot_body .link_foot.nth ul{display: grid;grid-template-columns: 50% 50%;}
    .foot_body .link_foot.nth ul li a{white-space: nowrap}
    .foot_body .link_foot li a:hover{color: #4a90e2;}
    .v18 .n_body_right_list>ul>li a .nr p{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .v18 .n_body_right_list>ul>li .img img{height:unset;max-height: 100%;}
    .v18 .n_body_right_list>ul>li{height: 201px;}
    .v18 .n_body_right_list>ul>li a .nr p{padding-bottom: unset;}
    .v18 .n_body_right_list>ul>li>a:hover{height: 100%;}

    .foot_body .e_w_m li{position: relative;}
    .foot_body .e_w_m li .l{position: absolute;left:-157px;top: -55px;display: none}
    .foot_body .e_w_m li:hover .l{display: block}

    .v18_list1{margin-top: 80px;}
    .v18_list1 ul{display: grid;grid-template-columns: 31.578% 31.578% 31.578%;justify-content: space-between;grid-row-gap: 41px}
    .v18_list1 ul li{width:100%;}
    .v18_list1 ul li .img{position: relative;width: 100%;height: 230px;overflow: hidden}
    .v18_list1 ul li .img img{width: 100%;height:230px;object-fit: cover}
    .v18_list1 ul li .button{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
    .v18_list1 ul li .button img{width: 50px;height: 50px;}
    .v18_list1 ul li:hover .img img{transform: scale(1.05);transition: all 0.5s}
    .v18_list1 ul li .nr{margin-top: 20px;}
    .v18_list1 ul li .nr p{font-size: 20px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-weight: bold;}
    .v18_list1 ul li .nr span{font-size: 14px;color: #000000;display: block;margin-top: 20px;}

    .v18_list2{margin-top: 80px;}
    .v18_list2 ul li a{display: flex}
    .v18_list2 ul li{padding-bottom: 40px;border-bottom: 1px dashed #000000}
    .v18_list2 ul li .img{width: 220px;height: 318px;overflow: hidden}
    .v18_list2 ul li .img img{width: 220px;height: 318px;object-fit:cover;}
    .v18_list2 ul li .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .v18_list2 ul li .nr{flex: 1;width: 0;margin-left: 52px;}
    .v18_list2 ul li .nr h3{font-size: 30px;color: #000000;margin-top: 14px;}
    .v18_list2 ul li .nr p{font-size: 20px;color: #000000;line-height: 32px;margin-top: 37px;}
    .v18_list2 ul li:nth-of-type(n+2){margin-top: 40px;}
}

@media all and (max-width: 1000px) {
    .v18_index1{padding: 20px 0}
    .v18_index1_son .img img{width: 100%;margin-top: 15px;}
    .v18_index1{position: relative}
    .v18_index1 .tit{font-size: 20px;font-weight: bold;}
    .v18_index1 .right .more{position: absolute;top: 25px;right: 0;}
    .v18_time{display: flex;padding: 10px}
    .v18_time em,.v18_time i{font-size: 14px;font-style: normal;}
    .v18_time em{order: 1}
    .v18_time em::before{content: '.'}
    .v18_index1 li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 15px;}
    .v18_index1 .nr{padding:0 10px 10px}
    .v18_index1 .nr h3{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .v18_index1 .nr p{font-size: 14px;color: #666666;margin-top: 8px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;line-height: 20px;}
    .v18 .s14index_department{margin-top: 20px;}
    .v18 .s14index_department .tit h2{font-size: 20px;}

    .v18_index2{margin-top: 20px;}
    .v18_index2 .tit{display: flex;justify-content: space-between}
    .v18_index2 .tit h2{font-size: 20px;font-weight: bold;}
    .v18_index2 li{margin-top: 15px;}
    .v18_index2 .img{position:relative;}
    .v18_index2 .img img{width: 100%;}
    .v18_index2 .img .button{position:absolute;top: 50%;left: 50%;transform:translate(-50%,-50%)}
    .v18_index2 .nr p{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .v18_index2 .nr span{font-size: 14px;color: #666666}

    .v18 .s3index_xx h2{font-size: 16px;padding: 0 10px}
    .v18 .s3index_xx p{font-size: 14px;padding: 10px 10px}
    .v18 .s3index_xx .index_xx_img{padding: unset;width: 100%;}
    .v18 .s3index_xx{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 10px;}
    .v18 .s3index_xx .more{text-align: right;padding: 0 10px 10px 0;font-size: 14px;color: #666666}
    .v18 .s8_index_hot_right{margin-top: 15px;}

    .v18new_foot{background-color: #25252F;padding: 20px 0;margin-top: 20px;}
    .v18new_foot .left .img{text-align: center}
    .v18new_foot .left .text{display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 30px;}
    .v18new_foot .left .text p{color: #FFFFFF;}
    .v18new_foot .left .text a{color: #FFFFFF}
    .v18new_foot .link_foot{margin-top: 15px;}

    .v18new_foot .link_foot h4{font-size: 16px;color: #FFFFFF;text-align: center;position: relative;padding-bottom: 10px;}
    .v18new_foot .link_foot h4::after{content: '';display: block;width: 10%;height: 2px;background-color: #4a90e2;left: 50%;transform: translate(-50%,0);position: absolute;bottom: 3px;}
    .v18new_foot .link_foot li a{display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 14px;line-height: 25px;}
    .v18new_foot .link_foot .e_w_m{display: flex;justify-content: space-between}
    .v18new_foot .link_foot .e_w_m li{width: 33%;}
    .v18new_foot .link_foot .e_w_m li img{width: 100%; clip-path: inset(0px 8px 0px 0px)}
    .v18 .n_body_right_list2 .nr h3{font-size: 16px;line-height: 32px;}
    .v18 .n_body_right_list2 .nr p{font-size: 14px;}
    .v18 .head_top .nav>ul>li{padding: 0 0 0 0}
    .v18 .head_wai03 .nav>ul>li a.active{color: #007aff}
    .v18 .head_top .nav>ul>li{padding: 0 0 0 0}
    .v18 .head_top .nav>ul>li a.active{color: #007aff}


    .v18_list1 li{margin-top: 15px;}
    .v18_list1 .img{position:relative;}
    .v18_list1 .img img{width: 100%;}
    .v18_list1 .img .button{position:absolute;top: 50%;left: 50%;transform:translate(-50%,-50%)}
    .v18_list1 .nr p{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .v18_list1 .nr span{font-size: 14px;color: #666666}

    .v18_list2 li{margin-top: 15px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
    .v18_list2 li .img img{width: 100%;}
    .v18_list2 li .nr{padding: 10px}
    .v18_list2 li .nr h3{font-size: 16px;}
    .v18_list2 li .nr p{font-size: 14px;line-height: 25px;margin-top: 15px;}
    .v18 .n_body_right_list3 ul li a{width: 60%;display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .v18 .n_body_right_list3 ul li{display: flex;align-items: center;justify-content: space-between}

}






/*by huanxi 2022-2-16*/
@media all and (min-width: 980px){
    .foot_index_new{padding:63px 0;background-color:#25252f}
    .foot_index_new>.w79{display:flex;align-items:center;width:79%;margin:0 auto;}
    .foot_index_new .foot_right li a:hover,.foot a:hover{color:#4a90e2}
    .foot_index_new .foot_left{width:300px;display:flex;flex-direction:column;justify-content:center;font-size:18px;color:#fff;letter-spacing:1px}
    .foot_index_new .foot_left a{color:#fff}
    .foot_index_new .foot_left img{width:100%;padding-bottom:15px}
    .foot_index_new .foot_left p{line-height: 30px;}
    .foot_index_new .foot_right{margin-left:auto;display:flex;color:#fff;flex: 1;width: 0;}
    .foot_index_new .link:first-child{margin-left: auto;}
    .foot_index_new .link{padding: 0 20px;text-align: center;position: relative}
    .foot_index_new .link::after {content: "";width: 2px;height: 20px;background: #fff;position: absolute;right: 0;top: 2px;}
    .foot_index_new .link h2{text-align:center;font-size: 20px;font-weight: normal;}
    .foot_index_new .link ul{margin-top: 20px}
    .foot_index_new .link a{color: white;font-size: 18px;line-height: 32px;}
    .foot_index_new .link .grid_foot a{padding: 0 15px}
    .foot_index_new .link .grid_foot a:hover{color:#4a90e2}
    .foot_index_new .link.no_center{width: 15%;}
    .foot_index_new .link.no_center ul{display: flex;flex-wrap: wrap}
    .foot_index_new .link.no_center li{width: 50%}
    .foot_index_new .link.no_center li:nth-of-type(n+9){width: 100%;}
    .foot_index_new .foot_right .contact li {position: relative}
    .foot_index_new .foot_right .contact li>div {position: absolute;left: -157px;top: -55px;display: none;}
    .foot_index_new .foot_right .contact li:hover>div {display: block;}
    .foot_index_new .foot_right .contact img{width: 153px}

}

@media all and (max-width: 981px){
    .foot_index_new{background-color:#25252f}
    .foot_index_new .foot_left{width:300px;font-size:18px;color:#fff;letter-spacing:1px;align-items: center;padding: 3rem 0;display: block;text-align: center;margin: 0 auto;}
    .foot_index_new .foot_left a{color:#fff}
    .foot_index_new .foot_left img{width:100%;padding-bottom:15px}
    .foot_index_new .foot_right{background-color: #F0F2F3;margin: 0 auto;padding: 15px 0}
    .foot_index_new .foot_right .link{border-bottom: 1px dashed saddlebrown;margin-bottom: 15px;}
    .foot_index_new .foot_right .link h2{text-align: center;font-size: 20px;}
    .foot_index_new .foot_right .link ul{margin: 27px auto;width: 80%}
    .foot_index_new .foot_right .link ul li{display: inline;padding-right: 10px;}
    .foot_index_new .foot_right .link ul a{font-size: 18px;}
    .foot_index_new .link.no_center ul{margin: 27px auto}
    .foot_index_new .foot_right .grid_foot{max-width: 80%;display: inline}
    .foot_index_new .link.no_center li{display:inline-block}
    .foot_index_new .link.no_center a{padding-right: 10px;}
    .foot_index_new .foot_right .contact ul{display: flex;justify-content: center}
    .foot_index_new .foot_right .contact ul li{display: flex;justify-content: center;flex-direction: column;align-items: center;width: 33%;}
    .foot_index_new .foot_right .contact ul li img{margin-top: 10px;width: 100%}
}
/*2022-3-28*/
@media all and (max-width: 769px) {
    .swiper-slide img{height: unset}

}

@media print {
    .n_left_topnav,.n_left_nav,.search,.n_body_right_top,.foot,.xxsy,.nav{display: none}
    .n_body_right_nr h2,.n_body_right_nr p.ly{text-align:center}
    .n_body_right_nr{width:90%;margin:0 auto}


}


@media all and (min-width: 980px) {
    .s5_index_right .s5_index_lithd .swiper-slide img{height:auto;}

}

/*安全工作处0702修改*/
.hx0702{display: flex}
.hx0702 .left{width: 40%;}
.hx0702 .left .img{height: 368px;}
.hx0702 .left .img img{width: 100%;height: 100%;object-fit: cover}
.hx0702 .right{padding: 50px 0 50px 50px;display: flex}
.hx0702 .right ul{display: flex;flex-direction: column}
.hx0702 .right ul li{height: calc(100% / 6)}
.hx0702 .right a{display:flex;align-items: center;}
.hx0702 .right a::before{content: '';display: inline-block;width: 5px;height: 5px;background-color: #007aff;margin-right: 8px;}
.hx0702 .right a p{width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hx0702 .right a span{margin-left: auto;}
.hx0702 .right a:hover *{color:#007aff }

@media all and (min-width: 980px) {
    .hx0702 .right{width: 0;flex: 1}
}




/*安全工作处0708修改*/
.hx0702{display: flex;padding: 32px;background: #F0F2F3;}
.hx0702 .left{width: 36.5%;}
.hx0702 .left .img{height: 304px;}
.hx0702 .left .img img{width: 100%;height: 100%;object-fit: cover}
.hx0702 .right{padding: 24px 0 24px 24px;display: flex;justify-content: space-between;}
.hx0702 .right ul{display: flex;flex-direction: column;width: 100%;}
.hx0702 .right ul li{height: calc(100% / 6)}
.hx0702 .right a{display:flex;align-items: center;justify-content: space-between;position: relative;}
.hx0702 .right a::before{content: '';display: inline-block;width: 5px;height: 5px;background-color: #007aff;position: absolute;}
.hx0702 .right a p{width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 14px;font-size: 20px;line-height: 32px;}
.hx0702 .right a span{font-size: 20px;line-height: 32px;color: #666666;}
.hx0702 .right a:hover *{color:#007aff }

@media all and (min-width: 980px) {
    .hx0702 .right{width: 0;flex: 1}
}


@media all and (min-width: 980px) {

/*党委办公室9-07修改*/
.head_top .nav>ul>li {position: relative;}


.head_top .nav>ul>li .dp_h_9{position: absolute;word-break: keep-all;text-align: center;bottom: 0;background-color: white;left: 50%;transform: translate(-50%, 100%);display: none;}

.head_top .nav>ul>li .dp_h_9 ul li{padding:5px 10px;}
.head_top .nav>ul>li .dp_h_9 ul li a{color: #000000a1;}
.head_top .nav>ul>li .new_n ul li:hover a{color: #8cbcfd;}


}
.head_top .nav>ul>li:hover .dp_h_9{display: block;}

@media all and (max-width: 980px) {

    /*党委办公室9-07修改*/
    .head_top .nav>ul>li .dp_h_9{display: none;}
    .head_top .nav>ul>li .dp_h_9 ul li a {color: #00000096;}
    .head_top .nav>ul>li .dp_h_9 ul li{text-align: center;width: 100%;border-top: 1px solid #837e7e;padding-bottom: 1rem;padding-top: 1rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .head_top .nav>ul>li .dp_h_9 ul{margin-top:1rem }
    .head_top .nav>ul>li .dp_h_9 ul li:last-child{padding-bottom: 0;}
    .head_top .nav>ul>li .dp_h_9 {width: 100%;}
    .head_top .nav>ul>li {transition: all ease .2s;height: auto;}
    .head_top .nav>ul>li {flex-direction: column;}
    .head {padding-bottom: 200px;}


}

/*changed by ch 20230421*/
.flex_bet{display: flex;justify-content: space-between;align-items: center;}
.foot_bc_0419{background-color: #a61c4b;padding: 60px 0 81px;}
.foot_0419 {width: 61.25%;margin: 0 auto;align-items: unset}
.foot_0419 .foot_left_0419{width: 43.51%;min-width: 300px}
.foot_0419 .foot_left_0419 img{width: 100%;max-width: 300px;}
.foot_0419 .foot_left_0419 p{font-size: var(--fz18);color: #FFFFFF;line-height: 30px;}
.foot_0419 .foot_left_0419 p:nth-of-type(1){margin-top: 20px}
.foot_0419 .foot_left_0419 p a{color: #ffffff;}
.foot_0419 .foot_right_0419{width: 38.946%;align-items: unset}
.foot_0419 .foot_right_0419 .list{width: 44%;display: flex;flex-direction: column;align-items: center;}
.foot_0419 .foot_right_0419 .list h2{font-size: var(--fz20);color: #FFFFFF;line-height: 30px;margin-bottom: 20px}
.foot_0419 .foot_right_0419 .list a{font-size: 18px;color: #FFFFFF;line-height: 40px;text-align: center;}
.foot_0419 .foot_right_0419 .list a:hover{color: #9d8888}
.foot_0419 .foot_right_0419 span{height: 20px;border-left: 2px solid #CCCCCC;}

@media (max-width: 980px){
    .foot_0419{width: 95%;flex-direction: column;}
    .foot_0419 .foot_left_0419,.foot_0419 .foot_right_0419{width: 100%}
    .foot_0419 .foot_right_0419{margin-top: 10px}
    .foot_bc_0419{padding: 20px 0}
}