body{font-size: 15px;font-family: '思源黑体', 'DIN Pro', Arial, sans-serif;}
.floor{width: 1350px;margin: 0px auto;}
.klearfix{margin: 0px auto;width: 1350px;}
.klearfix::after,.clearfix::after{content: '';display: block;clear: both;}
.nav_list{position: absolute;top: 74px;left: 0px;}
.nav_list-item a{padding: 10px 21px;}
.headline{border-top: 0px;padding: 12px 0px 18px 20px;}
.btn-noborder{font-weight: bold;margin-top: 10px;padding-left: 20px;}
.clearfix{margin: 0px -20px;}
.section{width: calc(50% - 40px);margin: 0px 20px;}
.section_title{background: linear-gradient(150deg,transparent 10px,#e2e2e2 0);color: #000;cursor: pointer;}
.section_title.on{background: linear-gradient(150deg,transparent 10px,#ac3b3b 0);color: #fff;}
.headline-title{font-size: 18px;}
.nav{height: 115px;background-color: #424040;}
.nav_list .nav_sub li a{line-height: 20px !important;padding: 0px 5px;}
.search{transition: all 0.1s;top: 30px;position: absolute;top: 43px;bottom: 0px;right: 0px;padding-top: 0px;}
.search_btn {
    width: 21px;
    height: 30px;
    background: url(https://design.hunau.edu.cn/images/2026design_fdj.png) no-repeat center 4px;
    border: none;
    float: right;
    cursor: pointer;
}
/* 轮播图 */
.banner{padding-top: 115px;background-color: #424040;line-height: 1.8em;}
.slideBox{overflow:hidden; position:relative; width: 100%;}
.slideBox .hd{height: 8px;}
.slideBox .hd ul{ position: absolute;right: 50%;margin-right: -50px;z-index: 2;font-size: 0px;}
.slideBox .hd ul li { width: 10px; height: 10px; overflow: hidden; border-radius: 5px; background-color: #fff;float: left;margin-left: 10px;}
.slideBox .hd ul li.on{color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;position: relative; }
.slideBox .bd li a { display: block;position: relative;}
.slideBox3 .bd li a{background-repeat: no-repeat;height: 480px;background-position: center;background-size: auto 100%}
.slideBox3 .bd li:nth-child(2) a{background-size: 100% 100%;}
.slideBox .bd li .x_title{font-size: 15px;color: #fff;position: absolute;bottom: 68px;left: 0px;left: 50%;margin-left: -650px;}
.slideBox .bd li .x_title p:nth-child(1){font-size: 24px;margin-bottom: 5px;}
.slideBox .bd li .x_title p span{margin-right: 4px;}
.slideBox .bd li img{ width:100%; height:480px; display:block; position: relative; }
.slideBox .pn{ position: absolute;top: 50%;margin-top: -30px; width: 100%; height: 60px;width: calc(100% - 40px);left: 20px;}
.slideBox .pn i{ display: inline-block;position: absolute; width: 60px; height: 100%;background-repeat: no-repeat; background-size: contain;}
/* .slideBox .pn i.prev{background: url(./2025ndwy_bleft.png) no-repeat center;cursor: pointer;}
.slideBox .pn i.next{background: url(./2025ndwy_bright.png) no-repeat center;right: 0px;cursor: pointer;} */
.slideBox .hd ul li{width: 30px;height: 8px;background: #707070;color: #fff;border-radius: 4px;margin-right: 4px;}
.slideBox .hd ul li.on{background-color: #e1e1e1;}

.slideBox1{height: 385px;float: left;width: 100%;}
.slideBox1 .hd ul{right: 50%;margin-right: -40px;}
.slideBox1 .bd li img{height: 385px;}
.slideBox1 .bd li span{background-color: #ecf3f0;position: static;line-height: 50px;height: 85px;color: #000;text-align: center;}
.slideBox1 .hd ul li{width: 10px;height: 10px;background-color: #fff;}
.slideBox1 .hd ul li.on{background: #c41b20;width: 10px;}
.slideBox1 .pn i{width: 40px;height: 80px;}
/* .slideBox1 .pn i.prev{background: url(./2025ndwy_left1.png) no-repeat center;cursor: pointer;}
.slideBox1 .pn i.next{background: url(./2025ndwy_right1.png) no-repeat center;right: 0px;cursor: pointer;} */
.slideBox1 .pn{width: 100%;left: 0px;}
.spotlight_content{left: 0px;right: 0px;bottom: 0px;position: absolute; display: none;}

.more{float: right;color: #666;line-height: 40px;}
.slideBox .bd li .x_title{display: none;}

/* 新版底部 */
/* .footer_nav{padding-top: 10px;width: 52%;}
.footer_address .lxwm{font-size: 18px;line-height: 2;color: #666;margin-bottom: 7px;}
.footer_address{margin-left: 0px;}
.footer_socialMedia{width: 116px;height: 116px;float: right;background-color: #d9d9d9;margin-right: 90px;margin-top: 25px;}
.footer_address p span{margin-right: 5px;}
.copyright a{color: rgba(255, 255, 255, 0.8);} */



body{color: #333;}
.con02, .con03, .con04 {
    width: 100%;
    margin: 0px -20px;
    margin-top: 60px;
    overflow: hidden;
}
.left-part {
    float: left;
    width: 67%;
}

.right-part {
    float: right;
    width: 33%;
}
.con02_part01,.con02_part02,.con03_part01,.con03_part02,.con04_part01,.con04_part02 {
    margin: 0px 20px;
}
/* 学术预告样式 */
.event-list {
    overflow: hidden;
}

.event-item {
    float: left;
    width: 31.5%;
    margin-right: 2.5%;
    background-color: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 20px;
    padding-bottom: 45px;
}

.event-item:last-child {
    margin-right: 0;
}

.event-date {
    font-size: 45px;
    text-align: center;
    color: #333;
    margin-bottom: 10px;
    background: url(./2026ndfjyl_zibg.png) no-repeat bottom 30px center;
    font-style: italic;
    padding: 20px 0px 20px 0px;
}

.event-title {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 23px;
    line-height: 1.4;
    font-family: '思源黑体';
}

.event-speaker, .event-time, .event-location {
    color: #666666;
    margin-bottom: 5px;
    padding: 0px 5px;
}
.event-speaker span, .event-time span, .event-location span{
    color: #999;
    margin-right: 10px;
}
/* 喜报样式 */
.honor-image {
    width: 100%;
    height: 282px;
    background-color: #999999;
    margin-bottom: 7px;
}
.honor-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.honor-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    padding-left: 20px;
    max-height: 3.2;
    overflow: hidden;
}

.honor-date {
    margin-top: 4px;
    padding-left: 20px;
}

/* 学院风采样式 */
.highlight-list {
    overflow: hidden;
}
.highlight-list .headline-title,.highlight-list .headline-date{
    padding-left: 20px;
    margin-bottom: 0px;
}
.highlight-item {
    float: left;
    width: calc(50% - 17px);
    margin-right: 34px;
}

.highlight-item:last-child {
    margin-right: 0;
}

.highlight-image {
    width: 100%;
    height: 282px;
    background-color: #999999;
    margin-bottom: 7px;
}
.highlight-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.highlight-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.highlight-date {
    font-size: 14px;
    color: #666666;
}

/* 媒体报道样式 */
.media-list {
    margin-top: 20px;
    list-style: none;
    padding: 0;
}

.media-list li {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.media-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.media-list li .headline-date{
    float: right;
}
.media-list li a {
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    line-height: 1.6;
}

.media-list li span {
    float: right;
    font-size: 14px;
    color: #999999;
}

/* 常用链接样式 */
.links-list {
    margin-top: 20px;
    overflow: hidden;
}

.link-item {
    float: left;
    padding: 10px 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    background: url(./2026ndfjyl_linkbg.png) no-repeat left center;
    text-align: center;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    box-sizing: border-box;
}


/* 右侧链接样式 */
.right-links {
    margin-top: 60px;
}

.right-link-item {
    float: left;
    width: 48%;
    background: url(./2026ndfjyl_linkbg1.png) no-repeat left center;
    line-height: 68px;
    margin-right: 4%;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    box-sizing: border-box;
}

.right-link-item:last-child {
    margin-right: 0;
}

/* 标题样式 */

.more {
    float: right;
}

.more a {
    font-size: 15px;
    color: #666;
    text-decoration: none;
}
.more a img{width: 8px;margin-top: -3px;}
.tnav_list-item a,.mnav_list-item a{
    color: #fff;
}

/* hover效果 */
.event-title {
    transition: .4s ease;
}

.event-title:hover {
    padding-left: 10px;
}


.event-title:hover a,.honor-title:hover a,.media-list li:hover a{
    color: #ac3b3b;
}

@media screen and (max-width: 1350px) {
    .floor,.klearfix {
        width: 94%;
        margin: 0px auto;
    }
    .con02, .con03, .con04{
        margin: 0px;
        margin-top: 40px;
    }
    .clearfix{margin: 0px;}
}

@media screen and (max-width: 1024px){
    .banner{padding-top: 48px;}
}

@media screen and (max-width: 992px) {
    .section {
        width: calc(50% - 30px);
        margin: 0px 15px;
    }
    
    .left-part {
        width: 65%;
    }
    
    .right-part {
        width: 35%;
    }
    
    .event-item {
        width: 31%;
        margin-right: 3.5%;
        padding: 15px;
    }
    
    .event-date {
        font-size: 36px;
        padding: 15px 0;
        background-position: bottom 20px center;
    }
    
    .event-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .event-speaker, .event-time, .event-location {
        font-size: 13px;
    }
    
    .highlight-item {
        width: calc(50% - 12px);
        margin-right: 24px;
    }
    
    .highlight-image, .honor-image {
        height: 220px;
    }
    
    .link-item {
        padding: 8px 20px;
        margin-right: 20px;
        font-size: 14px;
    }
    
    .right-link-item {
        line-height: 55px;
        font-size: 14px;
    }
}


@media screen and (max-width: 768px) {
    .nav {
        display: none !important;
    }
    .mobile_toggle{
        padding: 23px 0px;
    }
    .nav-mobile {
        display: block;
    }
    img#logo{
        height: 45px;
    }
    .mobile_toggle{
        padding: 18px 0px;
    }
    
    .banner {
        padding-top: 61px;
    }
    .event-list,.highlight-list{
        width: 100%;
    }
    .footer_nav{
        width: 100%;
    }
    .footer_nav img{
        max-width: 100%;
    }
    .slideBox3 .bd li a {
        height: 300px;
    }
    
    .section {
        float: none;
        width: 100%;
        margin: 0px;
        margin-bottom: 30px;
    }
    
    .left-part, .right-part {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .con02_part01, .con02_part02, .con03_part01, .con03_part02, .con04_part01, .con04_part02 {
        margin: 0px;
    }
    
    .event-item {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 20px;
    }
    
    .event-date {
        font-size: 40px;
        padding: 20px 0;
        background-position: bottom 25px center;
    }
    
    .event-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .highlight-item {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .highlight-image, .honor-image {
        height: 200px;
    }
    
    .link-item {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 12px 20px;
        text-align: left;
        font-size: 15px;
    }
    
    .right-link-item {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        line-height: 50px;
        font-size: 15px;
        display: block;
        width: 50%;
    }
    
    .media-list li a {
        font-size: 14px;
    }
    
    .more a {
        font-size: 14px;
    }

    .mnav_list-item{
        margin: 0.5vh 0px;
    }
    .mnav_list-item a{
        padding: 2.4vh 4%;
    }
    .links-list{
        display: flex;
        flex-wrap: wrap;
    }
    .link-item{
        display: block;
        margin-bottom: 10px;
        width: 50%;
        
    }
}


@media screen and (max-width: 600px) {
    html, body {
        font-size: 14px;
    }
    
    .klearfix {
        margin: 0px 3%;
        width: 94%;
    }
    
    .floor {
        width: 94%;
        margin: 0px auto;
    }
    
    .banner {
        padding-top: 50px;
    }
    
    .slideBox3 .bd li a {
        height: 200px;
    }
    .slideBox1,.slideBox1 .bd li img{
        height: 240px;
    }
    
    .section-wrap {
        margin-top: 40px;
    }
    
    .section_title {
        font-size: 16px;
    }
    
    .section_title-eng {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .event-item {
        padding: 15px;
        border-radius: 10px;
    }
    
    .event-date {
        font-size: 32px;
        padding: 10px 0;
        background-position: bottom 15px center;
    }
    
    .event-title {
        font-size: 16px;
        margin-bottom: 12px;
        line-height: 1.4;
    }
    
    .event-speaker, .event-time, .event-location {
        font-size: 12px;
        margin-bottom: 4px;
    }
    
    .highlight-image, .honor-image {
        height: 194px;
    }
    
    .highlight-title {
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    .highlight-date {
        font-size: 12px;
    }
    
    .honor-title {
        font-size: 15px;
        padding-left: 10px;
        line-height: 1.5;
    }
    
    .honor-date {
        padding-left: 10px;
        font-size: 13px;
    }
    
    .media-list li {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    
    .media-list li a {
        font-size: 13px;
        line-height: 1.5;
    }
    
    .media-list li span {
        font-size: 12px;
    }
    
    .link-item {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .right-link-item {
        line-height: 45px;
        font-size: 14px;
        padding: 0px 15px;
    }
    
    
    .more a {
        font-size: 13px;
    }
}