html{margin: 0 !important;}
@media all and (max-width: 980px){
    :root{
        --f14:12px;
        --f16:14px;
        --f18:12px;
        --f20:14px;
        --f22:14px;
        --f24:18px;
        --f26:18px;
        --f32:18px;
        --f36:20px;
        --f38:14px;
        --f56:30px;
    }

    .w82{width: 95%;}
    header .top {padding: 20px 0;}
    .top .left{width: 65%;}
    .top .left .logo{width: 100%;}
    .top .left p{display: none;}
    .top .left .hr{display: none;}
    .top .right{display: none;}

    .top .m_nav{display: block;height: 30px;position: relative;z-index: 55;cursor: pointer}
    .top .m_nav span{position: relative;background: #ffffff;display: block;width: 40px;height: 2px;transition: all ease 0.35s;z-index: 66}
    .top .m_nav span:nth-of-type(1){top:0}
    .top .m_nav span:nth-of-type(2){top:10px}
    .top .m_nav span:nth-of-type(3){top:20px}
    .top .m_nav.active span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #ffffff}
    .top .m_nav.active span:nth-of-type(2){width:0;color: #ffffff}
    .top .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #ffffff}

    nav{position: absolute;z-index:26;width: 100%;background-color: #f7f7f7;display: none}
    nav .nav>ul{display: flex;flex-direction: column;padding:30px 0;}
    nav .nav>ul li{width: 100%;height: auto;line-height: 40px}
    nav .nav>.top_troops>li>a{color: black}
    /*nav .nav .top_troops .dpdown li a {color: black;font-size: 12px;}*/
    nav .nav .top_troops .dpdown li a {color: #de3c3c;font-size: 12px;}
    nav .nav .top_troops .dpdown>li{border-bottom: 1px solid var(--red);}
    nav .nav .top_troops .dpdown .three_dp{display: none;}


    .banner p {width: 30%;height: 38px;line-height: 38px;}



    .break {padding: 20px 0 30px 0;}
    .cont_time {margin: 10px 0 20px 0;}

    .cont {flex-direction: column;align-items: center;}
    nav .nav .top_troops .dp {box-shadow: none;}
    .cont_left{width:100%;}
    .cont_left .top{height: 58px;}
    .cont_left .top p{line-height: 58px;}
    .cont_left .bottom ul li {justify-content: space-around;}
    .cont_left .bottom ul li .jt img{width: 10px;height: 10px;}
    .cont_right{width:100%;padding-top: 26px;}


    footer{position: relative;z-index: 3;}
    footer .foot {display: flex;flex-direction: column;align-items: center;padding: 30px 0;}
    footer .foot .left{width: 100%;}
    footer .foot .middle{width:100%;margin-top: 20px;}
    footer .foot .right{width:86%;margin-top: 20px;}
    footer .foot .right ul li{display: flex;flex-direction: column;align-items: center;}
    footer .foot .middle ul li:not(:first-child) {margin-top: 10px;}
    footer .foot .right ul li img {width: 40px;height: 40px;}
    footer .copy {flex-direction: column;align-items: center;width: 95%;text-align: center;margin: 0 auto;padding-top: 0;}


    .main .ren_index2 .study_bg .img_two {min-height: 1070px;}

















    .zi_text ul li a p{width: 70%;}
    .zi_text ul li a span{text-align: right}
    .zi_text ul li a p i {width: 0px;height: 0px;background: rgba(200, 200, 200, 0);border-top: 6px solid rgba(200, 200, 200, 0);border-left: 10px solid rgb(200, 200, 200);border-right: 6px solid rgba(52, 52, 52, 0);border-bottom: 6px solid rgba(0, 0, 0, 0);display: inline-block;margin-right: 6px;transition: all 0.3s;}



    .teacher ul li .img {width: 39%;}
    .teacher ul li .right {width: 58%;margin-top: 0;}
    .teacher ul li .right a p {margin-bottom: 15px;}
    .teacher ul li .right a span{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow: hidden;text-overflow:ellipsis}





    .work ul li {width: 100%;}
    .work ul li{margin-top: 40px;}
    .work ul li .right a span {margin: 15px;}




    .em ul li {flex-direction: column;align-items: center;padding:10px;}
    .em ul li .right a p {margin-bottom: 10px;margin-top: 10px;}
    .em ul li .img {width: 100%;}
    .em ul li .right {width: 100%;}
    .page {width: 100%;justify-content: center;display: flex;position: relative;left: 0;transform: translate(0,0);margin-top: 50px;margin-bottom: 50px;align-items: center;}
    .page ul li {width: 20px;height: 20px;line-height: 20px;}
    .page p i {width: 20px;height: 20px;line-height: 20px;}
    .page span {padding: 7px;}
    .page ul li {margin-left: 5px;}


    .index_banner .tub ul li {width: 48px;height: 36px;background-color: #ffffff;}
    .index_banner .tub ul li a img {width: 14px;height: 14px;}
    .index_banner .tub ul li:nth-of-type(2) {width: 75px;height: 43px;background-color: var(--red);}
    .seven ul {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
    .seven ul li {width: 30.3%;background: rgba(216, 216, 216, 0.18);}
    .seven ul li:nth-of-type(n+4){margin-top: 30px;}
    .seven ul li img{width: 40px;height: 40px;}
    .cham {display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .cham .left {width: 100%;}
    .cham .right {width: 100%;margin-top: 30px}

    .cham .right .b_right ul li {padding: 10px 10px;}
    .study .study_bg .img_one{max-height:470px;width: 100%;height: 250px;}
    .study .study_bg .img_two{max-height: 580px;width: 100%;height: 250px;}
    .study .text .bottom .prev_img{position: absolute;left: 20%;bottom: 10%;}
    .study .text .bottom .next_img{position: absolute;right: 20%;bottom: 10%;}



    .cont_left .bottom ul li .top-menu a {height: 40px;}
    .cont_left .bottom ul li .menu-list {height: 40px;}

    /*公共部分*/
    .p80{padding: 30px 0;}

/*网络中心*/

    .web_index .cham .left {width: 100%;}
    .web_index .cham .right {width: 100%;}
    .web-index2 ul {grid-template-columns: 48% 48%;}
    .web-index2 ul li {margin-bottom: 40px;display: flex;flex-direction: column;align-items: center;}
    .web-index2 ul li .left {width: 90%;}
    .web-index2 ul li .img_bg{height: 118px;}
    .web-index2 .right {flex: 1;margin-left: 0px;text-align: center;}
    .web-index3 ul li .left a {display: flex;justify-content: center;}
    .web-index3 ul li .right {margin-left: 0;margin-top: 22px;text-align: center;}
    .web-index1 {margin-top: 30px;margin-bottom: 30px;}
    .web_index .web_h1 {margin-top: 30px;margin-bottom: 30px;}

/*实验实训*/

    .sy-index .cham .left {width: 100%;}


    /*.sy-index .cham .right {width: 100%;margin-top: 30px}*/
    .sy-index .cham .right .t_right .en ul li {padding: 0px 0 10px 0;}
    .sy-index .cham .right .b_right ul li {padding: 5px 6px;}
    .sy-index .banner_li {padding-top: 14px;padding-bottom: 65px;}
    .tuwen-index .study .study_bg .img_one {min-height: 260px;}
    .tuwen-index .student-index .study_bg .img_two {min-height: 650px;}
    /*.sy-index .cham .right {margin-top: 10px;}*/
    .sy-index .new_trops ul .left img {
        height: auto;
    }



/*财务处*/
    .cai_index .cai-index0 {margin-top: 40px;display: flex;flex-direction: column;align-items: center;}
    .cai_index .cai-index0 .leftt_cai {width: 100%;}
    .cai_index .cai-index0 .right_cai {flex: 1;margin-left: 0;}
    .cai_index .cai-index0 .right_cai span.time {margin-top: 10px;}



/*人事处*/
    .ren-index .gong_en ul {display: flex;flex-direction: column;align-items: center;}
    .ren-index .gong_en ul li {padding: 20px 0;width: 100%;}
    .ren_index2 .text {display: flex;flex-direction: column;align-items: center;}
    .ren_index2 .text .left {width: 100%;padding: 14px;}
    .ren_index2 ul li>p {width: 80%;}



/*教务处*/
    .cal-container {width: 258px;}
    .jwc_index .cal-container .left_n {margin: 30px 0 0px 0;}
    .cal-container .year-month>div:first-child {padding: 10px;}
    .cal-container .weeks>ul>li {width: 36px;line-height: 30px;}
    .no-style {width: 26px;height: 26px;margin: 10px 5px;font-size: 20px;}
    .style-default {width: 26px;height: 26px;margin: 10px 5px;font-size: 12px;line-height: 26px;}
    #day li:after {position: absolute;content: '';left: -10px;bottom: -10px;width: 36px;height: 1px;background-color: rgba(153, 153, 153, 0.36);}
    .cal-container .days>ul {padding: 0;}
    .jwc_index .bottom_index ul {display: flex;margin-bottom: 80px;flex-direction: column;align-items: center;}
    .jwc_index .bottom_index li{width: 80%;margin-top: 20px;}
    .jwc_index .cham .right {flex: 1;margin-left: 0;}




/*学院办公室*/


    .gj-index .gong_banner{width: 100%;}
    .vsbgs_index .cham .right {width: 100%;}
    .vsbgs_index .message {width: 100%;}
    .gj-index .cham .left_gj {width: 100%;height: 300px;}



    /*国际文化学院*/

    .gj-index .cham .gj_right{width: 100%;}
    .gj-index .cham .bottom_right,.gj-index .cham .left{width: 100%;}



    /*女子学院*/
    .nvzi_index .troops {display: flex;flex-direction: column;align-items: center;}
    .nvzi_index .troops .nv_right {margin-left: 0;}
    .nvzi_index .troops .nv_left {width: 100%;}
    .nvzi_index ul {margin-bottom: 0px !important;}
    .nv_top {padding: 24px 0;}
    .swiper_wt .slide_cont .text_all {padding: 10px;box-sizing: border-box;}
    .nvzi_index .troops .nv_left .gong_time {margin-top: 20px;}



/*演艺学院*/
    .bai66 {width: 100%;box-sizing: border-box;}
    .yan_index .yan_cont {flex-direction: column;align-items: center;}
    .yan_index .top_left .one {width: 100%;}
    .yan_index .top_left .two {box-sizing: border-box;margin-left: 0;width: 100%;margin-top: 40px;}
    .zi_text ul li {padding: 10px 0;position: relative;}
    .yan_index .top_right {flex: 1;box-sizing: border-box;margin-left: 0;margin-top: 30px;}
    .yan_index>.bottom {display: flex;flex-direction: column;}
    .yan_index>.bottom .new_trops li .left{width: 160px;}
    .yan_index>.bottom .new_trops li img {width: 100%;height: 160px;}
    .yan_index .bottom_middle{margin-top: 30px;margin-bottom: 30px;}
    .yan_index .b_right{margin-top: 30px;}
    .yan_index .bottom_middle .img_ul li img {min-height: auto;transition: all 0.5s;}
    .yan_index .gong_banner img{height: auto;object-fit: cover}





/*传媒学院*/
    .chuanmei .study .all {display: flex;margin-top: 94px;margin-bottom: 80px;flex-direction: column;align-items: center;}
    .chuanmei .study .left {width: 100%;margin-top: 30px;}
    .chuanmei .study .middle {width: 100%;margin-top: 30px;}
    .chuanmei .study .right {width: 100%;margin-top: 30px;}
    .chuanmei .study .left li:first-child {height: 160px;}
    .chuanmei .study .left li>img {width: 100%;height: 250px;}
    .chuanmei .study .bottom {padding: 10px 0;box-sizing: border-box;}
    .chuanmei .study .study_bg .img_one {display: none;}
    .chuanmei .study .study_bg .img_two {display: none;}
    .chuanmei .study .all {margin-top: 30px;margin-bottom: 30px;}
    .chuanmei .new_trops img {height: auto;}




/*后勤*/
    .houqin_index .new_jts .banner_li .prev_img{position: absolute;left: -8px;top: 50%;transform: translate(0, -50%);z-index: 3}
    .houqin_index .new_jts .banner_li .next_img{position: absolute;right:-8px;top: 50%;transform: translate(0, -50%);z-index: 3}
    .houqin_index .new_jts .banner_li .main_arrows img{width: 18px;height: 30px;}

/*电影*/


    .dy_index .first_modle {display: flex;position: relative;z-index: 1;flex-direction: column;align-items: center;}
    .dy_index .first_modle .right .lian {flex-direction: column;}
    .dy_index .bg_first {background-size: 0%;}
    .dy_index .first_modle .left {width: 100%;}
    .dy_index .dian_cont p {margin-top: 20px;}
    .dy_index .rqu {display: none;}
    .dy_index .dian_title {margin: 0px 0 0px 0;}
    .dy_index .first_modle .right {margin-left: 0;}
    .dy_index .top_img {width: 100%;}
    .dy_index .first_modle .wei {margin-top: 24px;}
    .dy_index .second_modle .top {width: 100%;height: 85px;border-right: 1px solid #BC1B21;border-top: 1px solid #BC1B21;border-bottom: 1px solid #BC1B21;margin-top: 30px;}
    .dy_index .second_modle .top .text{padding-left: 20px;}
    .dy_index .second_modle .top:after{content: '';position: absolute;left: 0;top: 0;height: 20px;width: 1px;background-color: #BC1B21;}
    .dy_index .second_modle .top:before{content: '';position: absolute;left: 0;bottom: 0;height: 20px;width: 1px;background-color: #BC1B21;}
    .dy_index .second_bg .bg{display: none;}
    .dy_index .second_modle li:nth-of-type(2) .red_hr {margin-top: 10px;}
    .dy_index .second_modle .dian_fu{color: #000000;}
    .dy_index .second_modle .dian_title{color: #000000;}
    .dy_index .second_modle .red_hr{background: #000000;}
    .dy_index .second_modle .dian_cont p{color: #000000;}
    .dy_index .second_modle li {display: flex;align-items: center;flex-direction: column;}
    .dy_index .second_modle li .one_cont {width: 100%;}
    .dy_index .third_modle li {width: 100%;}
    .dy_index .third_modle li img {width: 100%;}
    .dy_index .second_modle li .two_cont {margin-left: 0;}
    .dy_index .third_modle {display: flex;margin-top: 80px;flex-direction: column;align-items: center;}
    .dy_index .third_modle li{margin-top: 40px;}
    .dy_index .third_modle {margin-top: 30px;}
    .dy_index .right{margin-top: 40px;}

    .w68{width: 95%;margin: 0 auto}
    .move_img,.move_img1{padding: 30px 0;}
    .move_img .view_img ul {flex-wrap: wrap;justify-content: space-between;display: grid;grid-template-columns: 48% 48%;}
    .move_img1 .view_img ul {grid-template-columns: 100%;}
    .view_img ul li:nth-of-type(n+1) {margin-top:20px;}






/*公共部分trops*/
    .new_trops ul .right p a {line-height: 20px;}
    .new_trops ul .right p {margin: 5px 0;}
    .sy-index .cham>.right {width: 100%;}



}












@media all and (min-width: 1600px){
    .chuanmei .study p{font-size: var(--f26);color: white;white-space:nowrap;transition: all 0.5s;}
    .chuanmei .study span{font-size: var(--f32);color: white;margin: 16px 0 48px 0;text-align: center;transition: all 0.5s;}

    .yan_index .top_cham .left_n span {font-size: var(--f16);color: #999999;}
    .yan_index .top_cham .left_n p{font-size: var(--f26)!important;margin-right: 16px;margin-left: 16px;}
    .yan_index .top_cham .left_n img{width: auto!important;height: auto!important;}
    .yan_index .bottom .new_trops li .right p.two {font-size: var(--f16);line-height: 28px;color: rgba(102, 102, 102, 0.76);margin-top: 16px;margin-bottom: 24px;}
    .yan_index .top_cham .left_n p {margin-right: 16px;margin-left: 16px;}


}

@media all and (min-width: 1200px) {
    .cal-container {width: 430px;}
    .cal-container .year-month>div:first-child {padding: 20px;transition: all 0.5s;}
    .cal-container .weeks>ul>li {width: 60px;font-size: var(--f20);font-weight: 500;color: var(--red);text-align: center;line-height: 50px;transition: all 0.5s;}
    .no-style {width: 40px;height: 40px;margin:18px 10px;font-size: 20px;transition: all 0.5s;}
    .style-default {width: 40px;height: 40px;margin:18px 10px;font-size: 20px;font-weight: 500;color: rgb(75, 75, 75);text-align: center;line-height: 40px;transition: all 0.5s;}
    #day li:after{position: absolute;content: '';left: -10px;bottom: -18px;width: 60px;height: 1px;background-color: rgba(153, 153, 153, 0.36);transition: all 0.5s;}
    .jwc_index .cham .right{flex: 1;margin-left: 100px;transition: all 0.5s;}


    .top_cham .left_n span {font-size: var(--f16);color: #999999;}
    .top_cham .left_n p{font-size: var(--f26);margin-right: 16px;margin-left: 16px;}
    .top_cham .left_n img{width: auto;height: auto;}



}

@media all and (min-width: 1150px){
    .cham .right .b_right ul li a p{font-size: var(--f18);}
    .study .text .but{display: flex;justify-content: center;margin-top: 50px;transition: all 0.5s;}

}

@media all and (min-width: 980px){
    nav .nav>.top_troops>li:hover{background-color: #BC1B21;}
    nav .nav>.top_troops>li:hover .dp{display:block;}
    nav .nav .top_troops .dp li:hover>a{color: var(--red)}
    nav .nav .top_troops .dpdown li{height: 30px;line-height: 30px;padding: 10px 25px;position: relative;}
    nav .nav .top_troops .dpdown li a{display: block;white-space: nowrap;color: white;}
    nav .nav .top_troops .dpdown li:hover .three_dp{display: block;}
    nav .nav .top_troops .dpdown .three_dp{display: none;position: absolute;right: 0;top: 0;transform: translate(100%, 0);background-color: rgba(255, 255, 255, 0.29)}
    nav .nav>.top_troops>li:hover .dpdown{display:block;background-color: rgba(255, 255, 255, 0.29);}
    /*nav .nav .top_troops .dpdown li:hover>a{color: var(--red)}*/
}




@media all and (min-width: 980px) {
    .yan_index .top_cham .left_n span {font-size: var(--f12);color: #999999;}
    .yan_index .top_cham .left_n p{font-size: var(--f14);margin-right: 16px;margin-left: 16px;}
    .yan_index .top_cham .left_n img{width: 14px;height: 14px;}
    .yan_index>.bottom .new_trops li .right p.two {font-size: var(--f16);line-height: 22px;color: rgba(102, 102, 102, 0.76);margin-top: 16px;margin-bottom: 14px;word-break: break-word;}
    .yan_index .top_cham .left_n p {margin-right: 0;margin-left: 0;}

}


 /* Style for the search box container */
        .search-box {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 25px;
            padding: 10px;
            width: 150px;
            background-color: #f8f8f8;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Style for the search input field */
        .search-box input[type="text"] {
            flex: 1;
            border: none;
            outline: none;
            font-size: 16px;
            padding: 8px;
            background-color: transparent;
        }

        /* Style for the search button */
        .search-box button {
            background-color: #007bff;
            color: #fff;
            border: none;
            outline: none;
            padding: 8px 15px;
            border-radius: 25px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        /* Style for the search button icon (using Font Awesome) */
        .search-box button i {

            font-size: 16px; /* 调整图标大小 */
        }

        /* Hover effect for the search button */
        .search-box button:hover {
            background-color: #0056b3;
        }
        
        form {
            display:flex;
        }