@charset "utf-8";

.iconfont {
    font-size: inherit;
}

.intit {
    margin: .3rem 0;
}

.intit h3 {
    font-size: .35rem;
    color: #3069cc;
    font-weight: bold;
}

.intit .more a {
    color: #888
}

.intit .more a i {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    position: relative;
    border: 1px solid #888;
    vertical-align: -.06rem;
    margin-left: 5px
}

.intit .more a i:before {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #888;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-15%) translateY(-50%);
    -ms-transform: translateX(-15%) translateY(-50%);
    transform: translateX(-15%) translateY(-50%)
}

.intit .more a:hover {
    color: #3069cc
}

.intit .more a:hover i {
    border: 1px solid #3069cc;
    color: #3069cc
}

.intit .more a:hover i:before {
    border-left-color: #3069cc
}

.college_news {
    padding: 1.6rem 0 0rem;
    background: #f1f0ea;
    /* background: url(/asset/images/bj.jpg)  no-repeat bottom center; */
}

.college_news .lists ul:nth-child(1) {
    width: 41%
}

.college_news .lists ul:nth-child(2) {
    width: 26.9%
}

.college_news .lists ul:nth-child(3) {
    width: 26.9%
}

.college_news .lists ul:nth-child(1) li .sign {
    font-weight: bold;
}

.college_news .lists ul:nth-child(1) li .pic {
    height: 5.7rem;
    position: relative;
}

.college_news .lists ul:nth-child(1) li .pic:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    z-index: 2;
    content: ''
}

.college_news .lists ul:nth-child(1) li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    z-index: 3;
    width: 100%;
    padding: 0 .4rem .4rem .4rem;
    background: url(/asset/images/newsmask.png) repeat-x left bottom;
    background-size: 3% auto;
}

.college_news .lists ul:nth-child(1) li .txt h4 {
    font-size: .24rem;
    line-height: 1.5em;
    margin-top: .1rem;
    font-weight: bold;
}

.college_news .lists ul:nth-child(2) li .pic {
    height: 3rem;
    position: relative;
}

.college_news .lists ul:nth-child(2) li {
    border: 1px solid #ddd;
    background: #fff;
    border-bottom: 5px solid #3069cc
}

.college_news .lists ul:nth-child(2) li .txt {
    border-top: 1px solid #ddd;
    padding: .5rem .3rem .5rem;
    height: 3.3rem
}

.college_news .lists ul:nth-child(2) li .txt .sign,
.college_news .lists ul:nth-child(3) li .txt .sign {
    color: #3069cc;
    font-weight: bold;
}

.college_news .lists ul:nth-child(2) li .txt h4,
.college_news .lists ul:nth-child(3) li .txt h4 {
    font-size: .2rem;
    font-weight: bold;
    margin: .15rem 0 .2rem;
    line-height: 1.5em
}

.college_news .lists ul:nth-child(2) li .txt h4 a,
.college_news .lists ul:nth-child(3) li .txt h4 a {
    height: .9rem;
    display: block\0;
}

.college_news .lists ul:nth-child(2) li .txt p,
.college_news .lists ul:nth-child(3) li .txt p {
    font-size: .15rem;
    color: #666;
    line-height: 1.8em;
    max-height: 1.08rem\0
}

.college_news .lists ul:nth-child(3) li {
    border: 1px solid #ddd;
    background: #fff;
    border-bottom: 5px solid #3069cc
}

.college_news .lists ul:nth-child(3) li .txt {
    border-top: 1px solid #ddd;
    padding: .3rem .3rem .5rem;
    height: 3.3rem
}

.college_news .lists ul:nth-child(3) li:nth-child(1) {
    margin-bottom: .35rem
}

/* .topic_web {
    padding: .8rem 0
} */

/* .topic_web .wp {
    background: #f1f0ea;
    padding: .5rem .5rem .5rem
} */

.topic_web .slide-zt h4 {
    font-size: .24rem;
    font-weight: bold;
    margin-top: .2rem;
    line-height: 1.4em
}

.topic_web .hdtool {
    width: 2rem;
    height: .4rem;
    line-height: .4rem;
    background: #3069cc;
    color: #fff;
    position: absolute;
    right: .5rem;
    bottom: -.2rem
}

.topic_web .hdtool a {
    color: #fff;
    display: block;
    height: .4rem;
    width: .6rem;
    text-align: center;
}

.topic_web .hdtool .pagHb {
    width: auto
}

.topic_web .hdtool .pagHb .swiper-pagination-current {
    font-weight: bold;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 5%;
}

.kdOne-swiper .swiper-button-prev:after,
.kdOne-swiper .swiper-container-rtl .swiper-button-next:after {
    background: url(/asset/images/ico-left.png) no-repeat center center;
    background-size: 100% 100%;
    width: .5rem;
    height: .5rem;
    content: '';
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 50;
}

.kdOne-swiper .swiper-button-prev:hover:after,
.kdOne-swiper .swiper-container-rtl .swiper-button-next:hover:after {
    background: url(/asset/images/ico-left-act.png) no-repeat center center;
    background-size: 100% 100%;
    width: .5rem;
    height: .5rem;
    content: '';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 5%;
    left: auto;
}

.kdOne-swiper .swiper-button-next:after,
.kdOne-swiper .swiper-container-rtl .swiper-button-prev:after {
    background: url(/asset/images/ico-right.png) no-repeat center center;
    background-size: 100% 100%;
    width: .5rem;
    height: .5rem;
    content: '';
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 50;
}

.kdOne-swiper .swiper-button-next:hover:after,
.kdOne-swiper .swiper-container-rtl .swiper-button-next:hover:after {
    background: url(/asset/images/ico-right-act.png) no-repeat center center;
    background-size: 100% 100%;
    width: .5rem;
    height: .5rem;
    content: '';
}

.department_web {
    padding-top: .4rem;
    padding-bottom: .3rem;
    position: relative;
}

.department_web .department_webTop {
    width: 100%;
}

.department_web .department_webTop .icolist {
    width: 33.33%;
    position: relative;
}

.department_web .department_webTop .icolist h3 {
    font-size: .35rem;
    color: #3069cc;
    font-weight: bold;
}

.department_web .department_webTop .icolist .more a {
    color: #888;
}

.department_web .department_webTop .icolist .more a i {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    position: relative;
    border: 1px solid #888;
    vertical-align: -.06rem;
    margin-left: 5px;
}

.department_web .department_webTop .icolist .more a i:before {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #888;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-15%) translateY(-50%);
    -ms-transform: translateX(-15%) translateY(-50%);
    transform: translateX(-15%) translateY(-50%);
}

.department_web .department_webTop .icolist .more a:hover {
    color: #3069cc;
}

.department_web .department_webTop .icolist .more a:hover i {
    border: 1px solid #3069cc;
}

.department_web .department_webTop .icolist .more a:hover i:before {
    color: #3069cc;
    border-left-color: #3069cc;
}

.department_web .department_webTop .icoSp {
    background: #f3f3f3;
    padding: .6rem .3rem 0;
    margin-top: .7rem;
}

.department_web .department_webTop .icoSp .swiper-container {
    padding-bottom: 1.4rem;
}

.department_web .department_webTop .icoSp .slide-ico {
    max-width: 6.2rem;
}

.department_web .department_webTop .icoSp .swiper-pagination-bullet {
    width: .36rem;
    height: .05rem;
    background: #d4b98b;
    opacity: 1;
    border-radius: 0;
    margin: 0 .05rem;
}

.department_web .department_webTop .icoSp .swiper-pagination {
    bottom: .7rem;
    text-align: center;
    z-index: 0 !important;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.department_web .department_webTop .icoSp .swiper-container-horizontal>.swiper-pagination-bullets,
.department_web .department_webTop .icoSp .swiper-pagination-custom,
.department_web .department_webTop .icoSp .swiper-pagination-fraction {
    bottom: 0;
}

/* .department_web .department_webTop  .icoSp .swiper-pagination-bullet-active {background: #107442;} */
.department_web .department_webTop .icoSp .slide-ico .ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.department_web .department_webTop .icoSp .slide-ico .ico i {
    display: block;
    margin: 0 auto;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background: #d2d2d2;
    text-align: center;
    line-height: .9rem;
    font-size: .28rem;
    color: #fff;
    position: relative;
}

.department_web .department_webTop .icoSp .slide-ico p {
    text-align: center;
    font-size: .16rem;
}

.department_web .department_webTop .icoSp .swiper-slide:nth-child(1) .ico i {
    background: #28c445;
}

.department_web .department_webTop .icoSp .swiper-slide:nth-child(2) .ico i {
    background: #c83f39;
}

.department_web .department_webTop .icoSp .swiper-slide:nth-child(3) .ico i {
    background: #ffb667;
}

.department_web .department_webTop .icoSp .swiper-slide:nth-child(4) .ico i {
    background: #ce0014;
}

.department_web .department_webTop .icoSp .slide-ico .ico i.xuexiqangguo::before {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/asset/images/xxqg.png) no-repeat center center;
    width: .6rem;
    height: .27rem;
    background-size: 100% 100%;
    content: '';
    transform: translate(-50%, -50%);
}

/* .department_web .department_webTop  .icoSp .slide-ico .ico i:hover{background: #005825;} */
.department_web .department_webTop .icoSp .slide-ico .ico span {
    position: absolute;
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1.05rem;
    height: 1.2rem;
    background: #fff;
    padding: .1rem .05rem;
    border-radius: 5px;
    border: 1px solid #eee;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

.department_web .department_webTop .icoSp .slide-ico .ico span::before {
    position: absolute;
    left: 50%;
    margin-left: -14px;
    top: -14px;
    content: '';
    border-bottom: 14px transparent solid;
    border-left: 14px transparent solid;
    border-right: 14px transparent solid;
    border-bottom: 14px #fff solid
}

.department_web .department_webTop .icoSp .slide-ico .ico:hover span {
    opacity: 1;
    visibility: visible;
}

.department_web .department_webTop .icoSp .slide-ico .ico span img {
    width: .8rem;
    height: .8rem;
    margin: auto;
}

.department_web .department_webTop .icoSp .slide-ico .ico:hover span {
    opacity: 1;
    visibility: visible;
}

.department_web .department_webTop .ssbtn a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #296fb7;
    font-size: .25rem;
    z-index: 6;
    width: .54rem;
    height: .54rem;
    border: 1px solid rgba(0, 65, 185, .3);
    border-radius: 50%;
    text-align: center;
    line-height: .52rem
}

.department_web .mediaListBig {
    width: 66.67%;
}

.department_web .mediaListBig li {
    width: 100%;
}

.department_web .mediaListBig li .pic {
    position: relative;
    height: 4.64rem
}

.department_web .mediaListBig li .pic:before {
    content: '';
    position: absolute;
    left: -2px;
    bottom: -2px;
    right: -2px;
    height: 55%;
    background: url(/asset/images/bamask.png) no-repeat top center;
    background-size: 100% 100%;
    z-index: 2;
}

.department_web .mediaListBig li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    color: #fff;
    padding: 0 .25rem .2rem
}

.department_web .mediaListBig li .txt h4 {
    font-size: .18rem;
    font-weight: bold;
    margin-bottom: .1rem;
    line-height: 1.4em
}

.department_web .mediaListBig li .txt .sign span:before {
    font-size: .24rem;
    margin-right: 5px;
    vertical-align: -2px
}

.department_web .mediaListBig li .txt time:before {
    margin-right: 5px;
    font-size: .18rem;
}

.department_web .mediaListBig li .txt time {
    margin-left: .2rem
}

.department_web .mediaListBig li .swiper-icons {
    color: #33cc33;
}

.department_web .mediaList li .pic {
    position: relative;
    height: 3.25rem
}

.department_web .mediaList li .pic:before {
    content: '';
    position: absolute;
    left: -2px;
    bottom: -2px;
    right: -2px;
    height: 55%;
    background: url(/asset/images/bamask.png) no-repeat top center;
    background-size: 100% 100%;
    z-index: 2;
}

.department_web .mediaList li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    color: #fff;
    padding: 0 .25rem .2rem
}

.department_web .mediaList li .txt h4 {
    font-size: .23rem;
    font-weight: bold;
    margin-bottom: .1rem;
    line-height: 1.4em
}

.department_web .mediaList li .sign {
    display: flex;
}

.department_web .mediaList li .sign img {
    display: inline-block;
    height: .26rem
}

.department_web .mediaList li .txt .sign span:before {
    font-size: .22rem;
    margin-right: 5px;
    vertical-align: -3px
}

.department_web .mediaList li .txt time:before {
    content: "\e6b4";
    font-family: "swiper-icons" !important;
    margin-right: 5px;
    font-size: .18rem;
}

.department_web .mediaList li .txt time {
    margin-left: .2rem
}

.department_web .mediaList li:nth-child(1) {
    width: calc(100%/3);
    margin: 0 10px 10px 0;
}

.department_web .mediaList li:nth-child(2) {
    width: calc(100%/3);
    margin: 0 10px 10px 0;
}

.department_web .mediaList li:nth-child(3) {
    width: calc(100%/3)
}

.department_web .mediaList li:nth-child(1) .swiper-icons {
    color: #ffcc33;
}

.department_web .mediaList li:nth-child(2) .swiper-icons {
    color: #db8504;
}

.department_web .mediaList li:nth-child(3) .swiper-icons {
    color: #ccffff;
}

@media screen and (max-width: 768px) {
    .department_web .department_webTop .icoSp {
        margin-top: .4rem;
    }

    .department_web .department_webTop .icolist {
        width: 100%;
    }

    .department_web .mediaListBig {
        width: 100%;
    }

    .department_web .department_webTop .icolist {
        margin-bottom: .2rem;
    }

    .department_web .mediaListBig li {
        margin-bottom: .2rem;
    }

    .department_web .mediaList li:nth-child(1) {
        width: calc(100%/2)
    }

    .department_web .mediaList li:nth-child(2) {
        width: calc(100%/2)
    }

    .department_web .mediaList li:nth-child(3) {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .department_web .mediaList li:nth-child(1) {
        width: 100%;
        margin-bottom: .2rem;
    }

    .department_web .mediaList li:nth-child(2) {
        width: 100%;
        margin-bottom: .2rem;
    }

    .department_web .mediaList li:nth-child(3) {
        width: 100%;
        margin-bottom: 0;
    }

    .college_news .lists ul:nth-child(2) li .txt h4,
    .college_news .lists ul:nth-child(3) li .txt h4 {
        font-size: .22rem
    }

    .department_web {
        padding-top: .5rem;
        padding-bottom: .2rem;
        position: relative;
    }
}

@media screen and (max-width: 480px) {
    .department_web .department_webTop .icolist {
        width: 100%;
    }

    .department_web .mediaListBig {
        width: 100%;
    }

    .department_web .mediaList li:nth-child(1) {
        width: 100%;
        margin-bottom: .2rem;
    }

    .department_web .mediaList li:nth-child(2) {
        width: 100%;
        margin-bottom: .2rem;
    }

    .department_web .mediaList li:nth-child(3) {
        width: 100%;
        margin-bottom: 0;
    }
}

.department_web .department_webTop .icoSp {
    width: 100%
}

@media screen and (max-width: 980px) {
    .intit h3 {
        font-size: .4rem
    }

    .college_news {
        padding: .55rem 0;
    }

    .college_news .lists ul:nth-child(3) {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: .28rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .college_news .lists ul:nth-child(2) {
        width: 45%
    }

    .college_news .lists ul:nth-child(1) {
        width: 55%
    }

    .college_news .lists ul:nth-child(3) li {
        width: 48.5%;
        border-bottom-width: 4px
    }

    .college_news .lists ul:nth-child(3) li .txt {
        height: auto
    }

    .college_news .lists ul:nth-child(3) li:nth-child(1) {
        margin-bottom: 0
    }

    .college_news .lists ul:nth-child(2) li .txt h4 a,
    .college_news .lists ul:nth-child(3) li .txt h4 a {
        -webkit-line-clamp: 2;
        height: auto
    }

    .college_news .lists ul:nth-child(2) li .txt p,
    .college_news .lists ul:nth-child(3) li .txt p {
        -webkit-line-clamp: 3;
        height: auto
    }

    .college_news .lists ul:nth-child(2) li .pic {
        height: 25vw
    }

    .college_news .lists ul:nth-child(1) li {
        height: 100%
    }

    .college_news .lists ul:nth-child(2) li .txt {
        height: auto
    }

    .college_news .lists ul:nth-child(1) li .pic {
        height: 100%
    }

    .college_news .lists ul:nth-child(2) li {
        border-bottom-width: 4px
    }

    .college_news .lists ul:nth-child(2) li .txt {
        padding: .25rem .3rem .3rem
    }

    .college_news .lists ul:nth-child(2) li .txt h4,
    .college_news .lists ul:nth-child(3) li .txt h4 {
        margin-bottom: .1rem
    }

    .college_news .lists ul:nth-child(1) li .txt h4 {
        font-size: .22rem
    }

    .college_news .lists ul:nth-child(1) li .txt {
        padding: 0 .3rem .3rem .3rem
    }

    .topic_web {
        padding: .55rem 0 .65rem;
    }

    .topic_web .wp {
        padding: .3rem .3rem .3rem
    }

    .topic_web .slide-zt h4 {
        font-size: .2rem;
        margin-top: .15rem
    }

    .topic_web .hdtool {
        right: 50%;
        margin-right: -1rem
    }
}

@media screen and (max-width:640px) {

    .department_web .mediaList li .txt h4 {
        font-size: .22rem
    }

    .department_web .department_webTop .icolist h3 {
        font-size: .35rem;
        width: 50%
    }

    .department_web .department_webTop .icolist .more {
        width: 80px
    }

    .department_web .department_webTop .icolist {
        flex-direction: inherit;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .topic_web .slide-zt h4 {
        font-size: .22rem
    }

    .intit h3 {
        font-size: .36rem
    }
}

@media screen and (max-width: 480px) {

    .college_news .lists ul:nth-child(1) li .pic {
        height: 70vw
    }

    .college_news .lists ul:nth-child(2) li .pic {
        height: 50vw
    }

    .college_news .lists ul:nth-child(2) {
        width: 100%
    }

    .college_news .lists ul:nth-child(1) {
        width: 100%;
        margin-bottom: .3rem
    }

    .college_news .lists ul:nth-child(3) li:nth-child(1) {
        margin-bottom: .3rem
    }

    .college_news .lists ul:nth-child(3) li {
        width: 100%
    }
}