.active .header { background:#9f1f32; height:120px;}
.logo img { height:58px;width:100%;}
.active .logo img { height:58px;width:100%;}
.active .logo { margin-top:30px; padding-top:0px;}
.active.header-pc .nav-bottom {  height:120px;}
.active .pull-right { margin-top:30px;}

.m1 { background:#eaeaea; padding:50px 0px;}
/*学院要闻-通知公告*/
  .m1 .container {
            max-width: 1500px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 400px;
            gap: 40px;
        }
.m1 .container:before { content:none;}
        /* 左侧学院新闻板块 */
        .left-section {
            display: flex;
            flex-direction: column;
        }

        .section-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
            border-bottom: 2px solid #e0e0e0;
        }

       .m1 .section-title {
            font-size: 48px;
            font-weight: bold;
            color: #8B0000;
            margin-right: 20px;
            font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
 padding-right:0px;
        }

        .bridge-decoration {
            display: flex;
            align-items: center;
            gap: 2px;
        }

        .bridge-line {
            width: 30px;
            height: 2px;
            background: #cccccc;
        }

        .bridge-arc {
            width: 15px;
            height: 10px;
            border: 2px solid #cccccc;
            border-bottom: none;
            border-radius: 50% 50% 0 0;
        }

        /* 新闻网格布局 */
        .news-grid {
            display: grid;
            grid-template-columns: 1fr 280px;
            grid-template-rows: 300px;
            gap: 20px;
        }

        /* 主新闻模块 */
        .main-news {
            position: relative;
            background: #fff;
            border: 1px solid #e0e0e0;
            overflow: hidden;height:620px;
        }

        .main-news img {
            width:100%;
            height: 470px;
            object-fit: cover;
        }

        .date-badge {
            position: absolute;
            left: 15px;
            bottom: 60px;
            background: #a21e31;
            color: white;
            padding: 5px 10px;
            font-size: 21px;
            font-weight: normal;
            z-index: 10;
        }
 .main-news .date-badge { bottom:155px;min-height: 60px;}
        .date-badge span {
            display: block;
            line-height: 1.3;
        }
.date-badge span +span {  font-size: 14px; }
        .news-content {
            background: rgba(255, 255, 255, 0.95);
            padding: 20px;
        }

        .news-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 8px;
            color: #000;
            line-height: 1.4;
        }

        .news-text {
            font-size: 16px;
            color: #333;
            line-height: 1.6;
        }

        /* 右侧新闻子模块 */
        .news-sidebar {
            display: grid;
            grid-template-rows: 1fr 1fr;
            gap: 20px;
        }

        .news-item {
            position: relative;
            background: #fff;
            border: 1px solid #e0e0e0;
            overflow: hidden;height:300px;
        }

        .news-item img {
            width: 100%;
            height: 220px;
            object-fit: cover;
        }

        .news-item-content {
            background: rgba(255, 255, 255, 0.95);
            padding: 10px;
        }

        .news-item-title {
            font-size: 18px;
            margin-bottom: 5px;
            color: #000;
            line-height: 1.3;
        }

        .news-item-text {
            font-size: 11px;
            color: #333;
            line-height: 1.4;
        }

        /* 右侧通知公告板块 */
        .right-section {
            display: flex;
            flex-direction: column;
        }

        .notice-list {
            display: flex;
            flex-direction: column;
            gap: 25px;;
            margin-top: 10px;
        }

        .notice-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #e0e0e0;
            transition: background 0.3s;
        }

        .notice-item:last-child {
            border-bottom: none;
        }


        .notice-date {
            text-align: center;
            min-width: 60px; height:67px;
            flex-shrink: 0;
background:url(../images/icon56.png) no-repeat;padding-top:5px;
        }

        .date-month {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            display: block;
        }

    .notice-date .date-day {
            font-size: 14px;
            font-weight: bold;
            color: #393939;
            display: block;
            line-height: 1.2;
        }

        .notice-content {
            flex: 1;
            padding-top: 2px;
        }

        .notice-title {
            font-size: 18px;
            color: #000;
            line-height: 1.5;
            font-weight: 500;padding:0px; margin:0px;
        }

        .notice-desc {
            font-size: 12px;
            color: #666;
            line-height: 1.4;
        }

        .notice-more {
            color: #8B0000;
            font-size: 12px;
            text-decoration: none;
        }

        .notice-more:hover {
            text-decoration: underline;
        }

        /* 响应式设计 */
        @media screen and (max-width: 1200px) {
            .container {
                grid-template-columns: 1fr;
            }

            .news-grid {
                grid-template-columns: 1fr;
                grid-template-rows: auto;
            }

            .news-sidebar {
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto;
            }

            .main-news {
                height: 300px;
            }

            .news-item {
                height: 200px;
            }
        }

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

            .news-sidebar {
                grid-template-columns: 1fr;
            }

            .news-grid {
                gap: 15px;
            }

              .m1 .section-title {
                font-size: 24px;
            }
        }

/*展览*/
  .m2 { padding:50px 0px;}
  .m2 .container {
            max-width: 1500px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 700px;
            gap: 45px;
        }

.m2 .container:before { content:none;}
  .m2 .container2 {
            max-width: 1500px;
            margin: 0 auto;
            display: grid;
            gap: 40px;
        }
.m2 .container2:before { content:none;}


 .post-10 .con {}
.post-10 .news_list { width:730px;}
.post-10 .slick-dots { display:flex;justify-content: center; }
.post-10 .slick-dots li { width:100px; background:#acacac; height:5px;border-radius:0px;}
.post-10 .slick-dots li.slick-active { width:100px; background:#9d2032;  }
.post-10 .news_list li.news {float: left; padding: 0px; text-align: center; border: none;margin-bottom: 26px; width:730px;}
.post-10 .news_list li.news .news_box { }

.post-10 .news_list li.news .news_box .news_img{width:730px; height:340px; background-color: #F1F1F1; position: relative; overflow: hidden;}
.post-10 .news_list li.news .news_box .news_img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;transition: all 0.4s ease-in-out;}
.post-10 .news_list li.news .news_box .news_img:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.post-10 .news_list li.news .news_box .news_title2{ font-size:24px; line-height:30px; color:#9e1f32; background:#fff; text-align:left;padding:20px 20px 15px;}
.post-10 .news_list li.news .news_box .news_title2 a{ color:#171717;}
.post-10 .news_list li.news .news_box .news_title{ font-size:18px; line-height:30px; color:#393939; background:#fff; text-align:left; padding:10px 20px 10px; font-weight:700;}
.post-10 .news_list li.news .news_box .news_title a{ color:#171717;}
.post-10 .news_list li.news .news_box .news_text{ font-size:14px; line-height:30px; color:#969696; background:#fff; text-align:left; padding:0px 15px;}
.post-10 .news_list li.news .news_box .news_text a{ color:#171717;}

 /* 网格布局容器 */
        .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
            margin-top: 60px;
        }

        /* 单个信息模块 */
        .info-module {
            background: white;
            padding: 5px;
            display: flex;
            align-items: flex-start;
            gap: 10px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .info-module:hover {
            border-color: #d32f2f;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }

        /* 项目符号 */
        .bullet-point {
            width: 12px;
            height: 12px;
            background: #999;
            border-radius: 2px;
            flex-shrink: 0;
            margin-top: 8px;
        }

        .info-module:hover .bullet-point {
            background: #9f1f32;
        }

        /* 内容区域 */
        .content-area {
            flex: 1;
        }

        /* 主标题 */
        .module-title {
            font-size: 18px;
            color: #333;
            margin-bottom: 8px;
            line-height: 1.6;
            font-weight: 500; margin-top:0px;
        }

        .info-module:hover .module-title {
            color: #9d2032;
        }

        /* 日期标签 */
        .date-label {
            font-size: 14px;
            color: #9f1f32;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        /* 4模块布局变体 */
        .grid-4-modules {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }

        /* 更多的网格布局选项 */
        .grid-6-modules {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .grid-8-modules {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }


.post1  { height:170px;}
.post1 .tt { position: relative;   text-align: center; overflow:hidden;}
.post1 .tt .tit {border-bottom:0px;}
.post1 .tt .tit p { font-size:48px; color: #9f1f32;   display: flex;font-family: "SourceHanSerifCN-Heavy";
    align-items: center;
    justify-content: center; }
.post1 .tt .tit p span {     display: inline-block;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    background: #1d68b2;
    margin: 0 .15rem; }
.post1 .tt .tit .title {display:inline-block;color: #1d68b2; font-size: 0.36rem; cursor:pointer; margin-top: 4px; }
.post1 .more_btn .more_text{display:inline-block;  /*padding-left: 27px;  */line-height: .48rem;/* background:url(images/ls.png) no-repeat center right; */padding-right:40px; } 
.post1 .more_btn img {animation: 10s roted infinite linear; position: absolute; top: 50%; right: 0px; margin-top: -.24rem;}
.post1 .more_btn a{line-height: .7rem;} 
.post1 .tt .tit em { display: block; font-size: 0.2rem; color: #1d68b2; line-height:.28rem; margin-top:.1rem; }
.post1 .more_btn .more_text img { padding-left:.15rem;  padding-top: 0.22rem; }


.sicoh {
    position: relative;
    z-index: 1;
    justify-content: center;
    align-items: flex-end;
    padding: 50px 0px;
}

.sicoh:before {
   content: none;
    position: absolute;
    background: url(../images/icon44.png) no-repeat;
    left: 50%;
    text-align: center;
    top: 10px;
    height: 52px;
    width: 131px;
    z-index: 40;
    margin-left: -25px; opacity:0.5;
}

.sicoh:after{
   content: "";
    position: absolute;
    background: url(../images/icon44.png) no-repeat;
    left: 50%;
    text-align: center;
    top: 10px;
    height: 52px;
    width: 131px;
    z-index: 40;
    margin-left: -65px; opacity:0.5;
}


.sicoh span {
    width: 0.04rem;
    height: 0.04rem;
    background: rgba(0,120,123,0);
    border-radius: 50%;
    margin: 0 0 0.06rem;
    position: relative;
}

.sicoh span::before {width: 40vw;}
.sicoh .span1::before {
    right: calc(100% + 100px);
    animation: bgfubuki1 600s ease-out infinite forwards;
}
.sicoh .span2::before {
    left: calc(100% + 100px);
    animation: bgfubuki 600s linear infinite forwards;
}


.sicoh span::before {
    content: "";
    position: absolute;
    background: url(../images/cisol.png) center repeat-x;
    background-size: auto 2px;
    width: 40vw;
    height: 2px;
    top: 50%;
    color: #000;
    opacity: .3;
    transition: 4s;
}

@keyframes bgfubuki {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: 1000px 0;
    }
    20% {
      background-position: 2000px 0;
    }
    30% {
      background-position: 3000px 0;
    }
    40% {
      background-position: 4000px 0;
    }
    50% {
      background-position: 5000px 0;
    }
    60% {
      background-position:  6000px 0;
    }
    70% {
      background-position:  7000px 0;
    }
    80% {
      background-position: 8000px 0;
    }
    90% {
      background-position: 9000px 0;
    }
    100% {
      background-position:  10000px 0;
    }
  }
  @keyframes bgfubuki1 {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: -1000px 0;
    }
    20% {
      background-position: -2000px 0;
    }
    30% {
      background-position: -3000px 0;
    }
    40% {
      background-position: -4000px 0;
    }
    50% {
      background-position: -5000px 0;
    }
    60% {
      background-position:  -6000px 0;
    }
    70% {
      background-position:  -7000px 0;
    }
    80% {
      background-position: -8000px 0;
    }
    90% {
      background-position: -9000px 0;
    }
    100% {
      background-position:  -10000px 0;
    }
  }





.sicoh2 {
    position: relative;
    z-index: 1;
    justify-content: center;
    align-items: flex-end;
    padding: 0.3rem 0 0;
}

.sicoh2:before {
    content: "WHVTU";
    position: absolute;
    font-size: .12rem;
    color: #fff;
    font-family: 'Canela Web';
    text-transform: uppercase;
    bottom: -0.01rem;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.sicoh2:after{
    content: "";
    position: absolute;
    background: url(images/jzslt2.png) no-repeat;
    left: 50%;
    text-align: center;
    top: -.05rem;
    height: .7rem;
    width: .5rem;
    z-index: 40;
    margin-left: -.25rem; opacity:0.5;
}


.sicoh2 span {
    width: 0.04rem;
    height: 0.04rem;
    background: rgba(0,120,123,0);
    border-radius: 50%;
    margin: 0 0 0.06rem;
    position: relative;
}

.sicoh2 span::before {width: 50vw;}
.sicoh2 .span1::before {
    right: calc(100% + 0.2rem);
    animation: bgfubuki1 600s ease-out infinite forwards;
}
.sicoh2 .span2::before {
    left: calc(100% + 0.2rem);
    animation: bgfubuki 600s linear infinite forwards;
}


.sicoh2 span::before {
    content: "";
    position: absolute;
    background: url(images/tit12.svg) center repeat-x;
    background-size: auto 2px;
    width: 50vw;
    height: 2px;
    top: 50%;
    color: #000;
    opacity: .3;
    transition: 4s;
}

@keyframes bgfubuki {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: 1000px 0;
    }
    20% {
      background-position: 2000px 0;
    }
    30% {
      background-position: 3000px 0;
    }
    40% {
      background-position: 4000px 0;
    }
    50% {
      background-position: 5000px 0;
    }
    60% {
      background-position:  6000px 0;
    }
    70% {
      background-position:  7000px 0;
    }
    80% {
      background-position: 8000px 0;
    }
    90% {
      background-position: 9000px 0;
    }
    100% {
      background-position:  10000px 0;
    }
  }
  @keyframes bgfubuki1 {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: -1000px 0;
    }
    20% {
      background-position: -2000px 0;
    }
    30% {
      background-position: -3000px 0;
    }
    40% {
      background-position: -4000px 0;
    }
    50% {
      background-position: -5000px 0;
    }
    60% {
      background-position:  -6000px 0;
    }
    70% {
      background-position:  -7000px 0;
    }
    80% {
      background-position: -8000px 0;
    }
    90% {
      background-position: -9000px 0;
    }
    100% {
      background-position:  -10000px 0;
    }
  }



 .post-101 .con {}
.post-101 .news_list { width:700px;}
.post-101 .slick-dots { display:flex;justify-content: center; }
.post-101 .slick-dots li { width:100px; background:#acacac; height:5px;border-radius:0px;}
.post-101 .slick-dots li.slick-active { width:100px; background:#9d2032;  }
.post-101 .news_list li.news {float: left; padding: 0px; text-align: center; border: none;margin-bottom: 26px; width:700px!important;}
.post-101 .news_list li.news .news_box {    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 10px;
    width: 700px;
 }

.post-101 .news_list li.news .news_box .news_img{width:355px; height:250px; background-color: #F1F1F1; position: relative; overflow: hidden;}
.post-101 .news_list li.news .news_box .news_img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;transition: all 0.4s ease-in-out;}
.post-101 .news_list li.news .news_box .news_img:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.post-101 .news_list li.news .news_box .news_title2{ font-size:24px; line-height:30px; color:#9e1f32; background:#fff; text-align:left;padding:20px 20px 15px;}
.post-101 .news_list li.news .news_box .news_title2 a{ color:#171717;}
.post-101 .news_list li.news .news_box .news_title{ font-size:18px; line-height:30px; color:#393939; background:#fff; text-align:left; padding:10px 20px 10px; font-weight:700;}
.post-101 .news_list li.news .news_box .news_title a{ color:#171717;}
.post-101 .news_list li.news .news_box .news_text{ font-size:14px; line-height:30px; color:#969696; background:#fff; text-align:left; padding:0px 15px;}
.post-101 .news_list li.news .news_box .news_text a{ color:#171717;}

.newimg_left { float:left;}
.right_img{ float:right;}
.m2 .container .right-section { position:relative;gap:70px;}
.m2 .container .right-section:before { content:"";background:#acacac; width:2px; height:524px; position:absolute; bottom:0px; left:-25px;}
.m2 .container .right-section:after{     content: "";
    background: #acacac;
    width: 724px;
    height: 2px;
    position: absolute;
    top: 47%;
    margin-top: -1px;
    right: 0px;}

.m2 .container .right-section .slick-prev {background:url(../images/icon-left.png) left center no-repeat; left: 0;}
.m2 .container .right-section .slick-next {background:url(../images/icon-right.png) right center no-repeat; right: 0;}

.m2 .container .right-section .slick-prev, .m2 .container .right-section ..slick-next {
 right: 0px;
    left: auto;
    z-index: 1;
    bottom: 0px;
}

.m2 .container .right-section .slick-prev {
   right: 46px;
    left: auto;
    z-index: 1;
    bottom: 0px;bottom:0px!important; top:auto!important;
}

.m2 .container .right-section .slick-next {
    right: 0;bottom:0px!important; top:auto!important;
}

.m2 .container .right-section .slick-dots { display:None!important;}


/*竞赛学术学团*/
.m3 { background:#eaeaea; padding:50px 0px;}
.m3 .container { max-width: 1500px;
            margin: 0 auto;
            display: grid;    grid-template-columns: 3fr 3fr 3fr;
            gap: 45px;}
.m3 .container:before {content:none;}
        /* 折角标题栏 */
        .title-bar {
            position: relative;
            margin-bottom: 25px;
            width:447px;
            height: 50px;text-align:center;
        }

        /* 折角效果 */
        .title-bar::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width:447px;
            height: 50px;
           background:url(../images/imgpic1.png) no-repeat;
        }

        .title-text {
                  color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    height: 50px;
    z-index: 1;
    position: relative; line-height:50px;
        }

        /* 白色横条 */
        .divider-bar {
            background: white;
            height: 3px;
            margin-bottom: 30px;
            width: 100%;display:none;
        }

        /* 竞赛列表 */
        .competition-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* 单个竞赛项 */
        .competition-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding: 0;
            transition: all 0.3s ease;
        }

        .competition-item:hover {
            transform: translateX(5px);
        }

        /* 日期块 */
        .date-block {
            background: #9d2032; border-top:5px solid #e98f2f;
            border-radius: 8px;
            padding: 10px 12px;
            text-align: center;
            min-width: 60px;
            flex-shrink: 0;
            color: white;
            box-shadow: 2px 2px 5px rgba(183, 28, 28, 0.3);
        }

        .date-day {
            font-size: 24px;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 2px;
        }

        .date-year-month {
            font-size: 12px;
            font-weight: 500;
            line-height: 1.3;
        }

        /* 内容区域 */
        .content-area {
            flex: 1;
            padding-top: 2px;
        }

        .competition-title {
            font-size: 18px;
            color: #000;
            line-height: 1.6;
            margin-bottom: 5px;
            font-weight: 500;
        }

        .competition-subtitle {
            font-size: 13px;
            color: #333;
            line-height: 1.5;
        }

        .competition-item:hover .competition-title {
            color: #b71c1c;
        }

        /* 查看更多链接 */
        .view-more {
            margin-top: 30px;
            text-align: left;
            padding-top: 20px;
            border-top: 1px dashed #ccc;
        }

        .view-more a {
            color: #999;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s ease;
        }

        .view-more a:hover {
            color: #b71c1c;
            text-decoration: underline;
        }

   

        /* 响应式设计 */
        @media screen and (max-width: 768px) {
     

            .container {
                padding: 10px;
            }

            .title-bar {
               
            }

            .title-text {
                font-size: 16px;
            }

            .date-block {
                padding: 8px 10px;
                min-width: 55px;
            }

            .date-day {
                font-size: 20px;
            }

            .date-year-month {
                font-size: 11px;
            }

            .competition-title {
                font-size: 18px; padding:0px; margin:0px;
            }

            .competition-subtitle {
                font-size: 12px;
            }

            .competition-list {
                gap: 15px;
            }
        }

        @media screen and (max-width: 480px) {
            .container {
                padding: 15px;
            }

            .title-bar {
                padding: 10px 15px;
                margin-bottom: 20px;
            }

            .title-text {
                    font-size:18px;
            }

            .divider-bar {
                height: 2px;
                margin-bottom: 20px;display:none;
            }

            .date-block {
                padding: 6px 8px;
                min-width: 50px;
            }

            .date-day {
                font-size: 18px;
            }

            .date-year-month {
                font-size: 10px;
            }

            .competition-title {
                font-size: 18px; padding:0px; margin:0px;
            }

            .competition-subtitle {
                font-size: 11px;
            }

            .competition-item {
                gap: 12px;
            }

            .view-more {
                margin-top: 20px;
                padding-top: 15px;
            }

            .view-more a {
                font-size: 13px;
            }
        }

   .m3_div2 .title-bar::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width:447px;
            height: 50px;
           background:url(../images/imgpic2.png) no-repeat;
        }

/*竞赛动态*/
.m4 { padding:50px 0px;}
 .m4 .container {
              max-width: 1500px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 700px;
    gap: 0;
    background: white;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    padding: 20px 30px;
    border-top: 10px solid #DB9D52;
        }
 .m4 .container:before { content:none;}
        /* 左侧图片区域 */
      .m4 .left-section {
            position: relative;
            overflow: hidden;
        }
 .m4-1 { background:#9d2032; padding:50px 0px;}
     .m4 .left-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .image-container {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding: 40px;
            transition: opacity 0.3s ease;
        }

        /* 活动场景图片 */
        .activity-image {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 0.4s ease;
        }
.activity-image img { width:100%; height:100%;}
        .activity-image.active {
            opacity: 1;
        }

        /* 场景1: 会议现场 */
        .scene-1 {
          
        }

        .scene-1 .screen-display {
            background: white;
            padding: 30px 40px;
            border: 3px solid #3f51b5;
        
          
            max-width: 80%;
            text-align: center;
            margin: 80px auto 20px;
        }

        .scene-1 .screen-title {
            font-size: 14px;
            color: #3f51b5;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .scene-1 .screen-content {
            font-size: 16px;
            color: #333;
            line-height: 1.6;
            font-weight: 500;
        }

        .scene-1 .people-container {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 3px;
            flex-wrap: wrap;
            max-width: 90%;
            padding: 20px;
        }

        .person {
            width: 45px;
            height: 120px;
            background: linear-gradient(to bottom, #5c6bc0, #3949ab);
            border-radius: 50% 50% 10% 10%;
            position: relative;
            flex-shrink: 0;
        }

        .person::before {
            content: "";
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 25px;
            height: 25px;
            background: #ffcdd2;
            border-radius: 50%;
        }

        .badge {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: white;
            border: 2px solid #c62828;
            border-radius: 3px;
            width: 12px;
            height: 16px;
            z-index: 10;
        }

        /* 场景2: 学术讲座 */
        .scene-2 {
         
        }

        .scene-2 .lecture-hall {
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            width: 70%;
            height: 60%;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
            padding: 30px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .scene-2 .speaker-platform {
            width: 60%;
            height: 80px;
            background: #7b1fa2;
            border-radius: 8px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .scene-2 .speaker-icon {
            width: 50px;
            height: 50px;
            background: #ffeb3b;
            border-radius: 50%;
        }

        .scene-2 .audience {
            display: flex;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .scene-2 .audience-seat {
            width: 30px;
            height: 30px;
            background: #9575cd;
            border-radius: 50%;
            opacity: 0.7;
        }

        /* 场景3: 展览现场 */
        .scene-3 {
          
        }

        .scene-3 .gallery-space {
            position: absolute;
            top: 10%;
            left: 10%;
            right: 10%;
            bottom: 10%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
        }

        .scene-3 .artwork {
            background: white;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            padding: 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .scene-3 .artwork-frame {
            width: 100%;
            aspect-ratio: 1;
            background: #a5d6a7;
            border-radius: 4px;
            margin-bottom: 10px;
        }

        .scene-3 .artwork-title {
            font-size: 11px;
            color: #333;
            text-align: center;
        }

        /* 场景4: 赛事现场 */
        .scene-4 {
           
        }

        .scene-4 .competition-arena {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80%;
            height: 70%;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 30px;
        }

        .scene-4 .winner-podium {
            display: flex;
            gap: 20px;
            align-items: flex-end;
            margin-bottom: 30px;
        }

        .scene-4 .podium {
            width: 80px;
            background: #ff9800;
            border-radius: 8px 8px 0 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .scene-4 .podium-1 {
            height: 120px;
            background: #ffd700;
        }

        .scene-4 .podium-2 {
            height: 90px;
            background: #c0c0c0;
        }

        .scene-4 .podium-3 {
            height: 70px;
            background: #cd7f32;
        }

        .scene-4 .podium-number {
            font-size: 24px;
            font-weight: bold;
            color: white;
            margin-bottom: 5px;
        }

        /* 右侧活动列表 */
        .m4 .right-section {
            border-left: 0px solid #e0e0e0;
            padding: 30px 25px;
            display: flex;
            flex-direction: column;
        }

       .m4 .section-title {
            font-size: 18px;
            color: #333;
            margin-bottom: 25px;
            font-weight: bold;
            padding-bottom: 15px;
            border-bottom: 2px solid #4a148c;display:none;
        }

        .m4 .activity-list {
            display: flex;
            flex-direction: column;
            gap: 18px;
            flex: 1;
          
     
        }

        /* 单个活动项 */
        .activity-item {
            display: flex;
    align-items: flex-start;
    gap: 12px;
    /* padding: 12px; */
    /* border-radius: 8px; */
    transition: all 0.3s ease;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
        }


        /* 活动图标 */
        .activity-icon {
            width: 8px;
            height: 8px;
            background: #9d2032;
            border-radius: 2px;
            flex-shrink: 0;
            margin-top: 8px;
            transition: all 0.3s ease;
        }



        /* 活动内容 */
        .activity-content {
            flex: 1;    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
        }

        .activity-title {
            font-size: 18px;
            color: #393939;
            line-height: 1.6;
            margin-bottom: 5px;
            font-weight: 500;
            transition: color 0.3s ease;padding:0px; margin:0px;
        }

        .activity-date {
            font-size: 12px;
            color: #666;
            font-weight: 500;
        }

      

        /* 滚动条样式 */
        .activity-list::-webkit-scrollbar {
            width: 6px;
        }

        .activity-list::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .activity-list::-webkit-scrollbar-thumb {
            background: #c5cae9;
            border-radius: 3px;
        }

        .activity-list::-webkit-scrollbar-thumb:hover {
            background: #9fa8da;
        }

        /* 响应式设计 */
        @media screen and (max-width: 992px) {
            .container {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .left-section {
                min-height: 400px;
            }

            .right-section {
                border-left: none;
                border-top: 1px solid #e0e0e0;
            }
        }

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

            .container {
                box-shadow: none;
            }

            .left-section {
                min-height: 300px;
            }

            .person {
                width: 35px;
                height: 90px;
            }

            .person::before {
                width: 20px;
                height: 20px;
                top: -12px;
            }

            .scene-1 .screen-display {
                padding: 20px 25px;
                max-width: 95%;
                margin: 60px auto 20px;
            }

            .right-section {
                padding: 20px 15px;
            }

           .m4 .section-title {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .activity-list {
                gap: 15px;
                max-height: 400px;
            }

            .activity-item {
                padding: 10px;
            }
        }

        @media screen and (max-width: 480px) {
            .left-section {
                min-height: 250px;
            }

            .person {
                width: 30px;
                height: 75px;
            }

            .person::before {
                width: 18px;
                height: 18px;
                top: -10px;
            }

            .scene-1 .screen-display {
                padding: 15px 20px;
                margin-top: 40px;
            }

            .right-section {
                padding: 15px 12px;
            }

           .m4 .section-title {
                font-size: 14px;
                margin-bottom: 15px;
                padding-bottom: 12px;
            }

            .activity-list {
                gap: 12px;
                max-height: 350px;
            }

            .activity-item {
                padding: 8px;
                gap: 10px;
            }

            .activity-title {
                font-size: 13px;
            }

            .activity-date {
                font-size: 11px;
            }

            .bottom-info {
                padding-top: 15px;
            }
        }

        /* 图片切换动画 */
        .fade-transition {
            animation: fadeIn 0.4s ease-in-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: scale(0.98);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

/*风采展示*/
.m5 { padding:50px 0px;}
 .m5 .container {
            max-width: 1500px;
            width: 100%;           
            overflow: hidden;
        }
 .m5 .container:before { content:none;}
        /* 页面标题 */
        .page-header {
            text-align: center;
            padding: 30px;
            border-bottom: 2px solid #e0e0e0;
        }

        .page-title {
            font-size: 32px;
            color: #333;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .page-subtitle {
            font-size: 16px;
            color: #666;
        }

        /* 海报画廊容器 */
        .gallery-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            padding: 30px;
        }

        /* 单个海报卡片 */
        .poster-card {
            position: relative;
            /* aspect-ratio: 3/4; */
            overflow: hidden;
            cursor: pointer;
            transition: all 0.4s ease;
            /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
        }

        .poster-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
        }

        /* 海报内容区域 */
        .poster-content {
            /* position: absolute; */
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            /* padding: 25px 20px; */
            color: white;
        }

        /* 海报1: 中式工笔画风 */
        .poster-1 {
            /* background: linear-gradient(135deg, #fff8e1 0%, #ffe082 50%, #ffd54f 100%); */
        }

    
        .poster-1 .poster-content {
            z-index: 2;
        }

        .poster-1 .poster-title {
          
            margin-bottom: 10px; font-size:18px;
           
        }
.poster-con {     border-left: 2px solid #ddd;
    color: #969696;
    font-size: 16px;
    padding-left: 20px;
    line-height: 30px;}

        .poster-1 .poster-subtitle {
            font-size: 14px;
            color: #5d4037;
            margin-bottom: 20px;
        }

        .poster-1 .poster-info {
            font-size: 12px;
            color: #5d4037;
            line-height: 1.8;
            background: rgba(255, 255, 255, 0.7);
            padding: 10px;
            border-radius: 4px;
        }

     

.poster-img {width: 100%;height:350px;} 
.poster-img img { width:100%; height:100%; }

        /* 海报悬浮遮罩 */
        .poster-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 10;
        }

        .poster-card:hover .poster-overlay {
            opacity: 1;
        }

        .overlay-text {
            color: white;
            font-size: 16px;
            margin-bottom: 15px;
            text-align: center;
            padding: 0 20px;
        }

        .overlay-button {
            background: white;
            color: #333;
            border: none;
            padding: 10px 25px;
            font-size: 14px;
            font-weight: bold;
            border-radius: 25px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .overlay-button:hover {
            background: #ffeb3b;
            transform: scale(1.05);
        }

      
        /* 响应式设计 */
        @media screen and (max-width: 1400px) {
            .gallery-container {
                grid-template-columns: repeat(3, 1fr);
            }

            .footer-info {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media screen and (max-width: 992px) {
            .gallery-container {
                grid-template-columns: repeat(2, 1fr);
            }

            .footer-info {
                grid-template-columns: repeat(2, 1fr);
            }
        }

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


            .gallery-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .footer-info {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .page-title {
                font-size: 24px;
            }

            .poster-card {
                aspect-ratio: 3/4;
            }
        }

        @media screen and (max-width: 480px) {
            .gallery-container {
                padding: 20px 10px;
            }

            .poster-content {
                padding: 20px 15px;
            }

            .poster-1 .poster-title {
                font-size: 28px;
            }

            .poster-2 .poster-subtitle {
                font-size: 18px;
            }

            .poster-3 .poster-title {
                font-size: 16px;
            }

            .poster-4 .poster-title {
                font-size: 36px;
            }

            .poster-5 .poster-title {
                font-size: 18px;
            }

            .footer-info {
                padding: 15px;
            }
        }


/*新学校要闻*/
.m2-left-section{
    display: flex;
    gap: 30px;
}
.m2-left-section .news-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
/* 左侧轮播图 */
.carousel {
    flex: 1;
    position: relative;
    overflow: hidden;
    border-radius: 0px;

}

.m2-left-section .carousel-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.m2-left-section .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.m2-left-section .carousel-item h1 { color:#9f1f32;}

.m2-left-section .carousel-item.active {
    position: relative;
    opacity: 1;
    z-index: 9;
}

.m2-left-section .carousel-item img {
    width: 100%;
    height: 473px;
    object-fit: cover;overflow:hidden;
}

.m2-left-section .carousel-caption {
        position: relative;
    bottom: auto;
    left: auto;
    right: auto;
top:auto;
    padding: 0px;
    /* color: white; */
    text-align: left;
text-shadow:none;
}

.m2-left-section .carousel-caption .date {
        font-size: 14px;
    margin-bottom: 10px;
    display: block;
    color: #1e53bd;
position:relative; padding-left:10px;
}
.m2-left-section .carousel-caption .date:before { position:absolute; content:""; left:0px; top:0px;width:3px; height:20px; background:#1e53bd;}
.m2-left-section .carousel-caption h3 {
        font-size: 20px;
    margin-bottom: 10px;
    color: #393939;
    line-height: 30px;
    margin-top: 10px;
}

.m2-left-section .carousel-caption p {
       font-size: 16px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #969696;
}

.m2-left-section .carousel-prev,
.m2-left-section .carousel-next {
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease;
}

.m2-left-section .carousel-prev {
    left: 10px;
}

.m2-left-section .carousel-next {
    right: 10px;
}

.m2-left-section .carousel-prev:hover,
.m2-left-section .carousel-next:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.m2-left-section .carousel-indicators {
       position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
    width: auto;
    margin: auto;
}

.m2-left-section .carousel-indicators button {
    width: 60px;
    height: 5px;
    border: none;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.m2-left-section .carousel-indicators button.active {
    background-color: #9d2032;
}
.cauousel_conimg { height:473px;overflow:hidden;}
/*右下侧轮播*/

.carousel3 {
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.carousel3 .carousel-item {
    display: none;
}

.carousel3 .carousel-item.active {
    display: block;
}

.carousel3 .carousel-content {
    display: flex;
    align-items: center;

}

.carousel3 .carousel-image {
    flex: 1;
    margin-right: 30px;
}

.carousel3 .carousel-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
}

.carousel3 .carousel-info {
    flex: 1;
    padding: 20px 0;
}

.carousel3 .carousel-info h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #393939; line-height:30px;
}

.carousel3 .carousel-info p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
}

.carousel3 .carousel-date {
    font-size: 14px;
    color: #999;
}

.carousel3 .carousel-controls {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 10px;
}

.carousel3 .carousel-prev,.carousel .carousel-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    color: #333;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel3 .carousel-prev:hover,.carousel .carousel-next:hover {
    background-color: #e0e0e0;
    transform: scale(1.1);
}

/*底*/
       /* 底部版权区 */
        .footer {
            background:#8B0000;
            color: white;
            padding: 40px 0 20px;
            position: relative;
        }

        /* 背景装饰 */
        .footer::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M20,20 L180,20 L180,180 L20,180 Z" fill="none" stroke="white" stroke-width="0.5" opacity="0.05"/></svg>');
            background-size: 100px 100px;
            pointer-events: none;
        }

        .footer-content {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 40px;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 60px;
            position: relative;
            z-index: 1;
        }

        /* 左侧导航菜单区 */
        .footer-left {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 30px;
        }

        .nav-column {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .nav-title {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 8px;
            color: white;
            letter-spacing: 0.5px;
        }

        .nav-item {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.85);
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .nav-item:hover {
            color: white;
            transform: translateX(3px);
        }

        /* 右侧LOGO和社交区 */
        .footer-right {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 20px;
            min-width: 200px;
        }

        /* LOGO区域 */
        .logo-section {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .logo-icon {
            width: 60px;
            height: 60px;
            background: white;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        }

        .logo-icon svg {
            width: 45px;
            height: 45px;
        }

        .logo-text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 5px;
        }

        .logo-title {
            font-size: 16px;
            font-weight: bold;
            color: white;
            letter-spacing: 1px;
        }

        .logo-subtitle {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.85);
            letter-spacing: 0.5px;
        }

        /* 社交媒体图标区 */
        .social-section {
            display: flex;
            gap: 15px;
            align-items: center;
        }

        .social-item {
            position: relative;
            width: 45px;
            height: 45px;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid rgba(255, 255, 255, 0.3);
        }

        .social-item:hover {
            background: rgba(255, 255, 255, 0.25);
            transform: translateY(-3px);
            border-color: rgba(255, 255, 255, 0.5);
        }

        .social-item svg {
            width: 24px;
            height: 24px;
            fill: white;
        }

        /* 二维码弹出层 */
        .qr-popup {
            position: absolute;
            bottom: 55px;
            left: 50%;
            transform: translateX(-50%) scale(0.8);
            background: white;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 100;
        }

        .qr-popup::after {
            content: "";
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid white;
        }

        .social-item:hover .qr-popup {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) scale(1);
        }

        .qr-code {
            width: 120px;
            height: 120px;
            background: #f5f5f5;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        /* 二维码图案模拟 */
        .qr-code::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                repeating-linear-gradient(0deg, #333 0px, #333 4px, transparent 4px, transparent 8px),
                repeating-linear-gradient(90deg, #333 0px, #333 4px, transparent 4px, transparent 8px);
            opacity: 0.8;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><rect x="0" y="0" width="3" height="3" fill="white"/><rect x="7" y="0" width="3" height="3" fill="white"/><rect x="3" y="3" width="4" height="4" fill="white"/><rect x="0" y="7" width="3" height="3" fill="white"/><rect x="7" y="7" width="3" height="3" fill="white"/></svg>');
            mask-size: 12px 12px;
        }

        .qr-label {
            text-align: center;
            margin-top: 10px;
            font-size: 12px;
            color: #666;
            font-weight: 500;
        }

        /* 版权信息栏 */
        .copyright-bar {
            max-width: 1400px;
            margin: 30px auto 0;
            padding: 20px 40px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .copyright-text {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.7);
            text-align: center;
            line-height: 1.8;
        }

        .copyright-link {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .copyright-link:hover {
            color: white;
        }

        /* 响应式设计 */
        @media screen and (max-width: 1200px) {
            .footer-left {
                grid-template-columns: repeat(4, 1fr);
            }

            .footer-content {
                gap: 40px;
            }
        }

        @media screen and (max-width: 992px) {
            .footer-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .footer-right {
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                width: 100%;
            }

            .footer-left {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media screen and (max-width: 768px) {
            .footer {
                padding: 30px 0 15px;
            }

            .footer-content {
                padding: 0 20px;
                gap: 30px;
            }

            .footer-left {
                grid-template-columns: repeat(2, 1fr);
                gap: 25px;
            }

            .nav-title {
                font-size: 14px;
            }

            .nav-item {
                font-size: 13px;
            }

            .footer-right {
                flex-direction: column;
                align-items: center;
                gap: 15px;
            }

            .logo-section {
                flex-direction: column;
                text-align: center;
            }

            .logo-text {
                align-items: center;
            }

            .social-section {
                justify-content: center;
            }

            .qr-popup {
                bottom: 60px;
            }

            .copyright-bar {
                padding: 15px 20px 0;
            }

            .copyright-text {
                font-size: 11px;
            }
        }

        @media screen and (max-width: 480px) {
            .footer {
                padding: 25px 0 10px;
            }

            .footer-content {
                padding: 0 15px;
            }

            .footer-left {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .nav-column {
                flex-direction: row;
                flex-wrap: wrap;
                gap: 8px 15px;
            }

            .nav-title {
                width: 100%;
                margin-bottom: 5px;
            }

            .logo-icon {
                width: 50px;
                height: 50px;
            }

            .logo-icon svg {
                width: 38px;
                height: 38px;
            }

            .logo-title {
                font-size: 14px;
            }

            .logo-subtitle {
                font-size: 11px;
            }

            .social-item {
                width: 40px;
                height: 40px;
            }

            .social-item svg {
                width: 20px;
                height: 20px;
            }

            .qr-code {
                width: 100px;
                height: 100px;
            }

            .qr-label {
                font-size: 11px;
            }
        }

.more_more { float: right;
    text-align: right;
    position: absolute;
    right: 0px;}

.search-box{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000;}

.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search,.btn-search:hover,.btn-search:focus{ position: absolute; right: 0; background: #277428; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}
.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,0.5);}
#divu0,#divu4{position: absolute;
    z-index: 9999;
  
    height:55px;
    width: 100%;margin:45vh auto}
#appu0,#appu4{width: 60%; margin: 0px auto; text-align: center;}
#appu0 .qwss,#appu0 .tj,#appu4 .qwss,#appu4 .tj{ height:55px!important}
#appu4{width: 100%; }
.header-right a.icon03{ background: url(../images/icon03.png) left center no-repeat; padding-left: 18px; }