@charset "UTF-8";

body{padding-top:0;}

/* scroll固定容器：透明背景，让banner图穿透显示 */
.scroll{position:fixed;top:0;left:0;width: 100%;z-index: 999;background: transparent;box-shadow: none;
    /*animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown;*/
    }

.header_m{

    display:none;

}

/* 顶部 */

.top{
    width:100%;
    background: #7c120e;
}

.top div{

    font-size: 0;

}

.top div a{

    display: inline-block;

    width:auto;

    font-size: 14px;

    line-height: 40px;

    color: #eab9b8;

    margin-right: 51px;

    position: relative;

}

.top div a:hover{

    color:#fff;

}

.top div a::before{

    display: block;

    content: "";

    width: 1px;

    height: 14px;

    background: #eab9b8;

    position: absolute;

    top: 13px;

    right: -25px;

}

.top div a:last-of-type{

    margin-right: 0;

}

.top div.fr a:nth-of-type(3)::before,

.top div a:last-of-type::before{

    display: none;

}

.top div.fr a:last-of-type::before{

    display: block;

    content: "";

    width: 20px;

    height: 20px;

    position: absolute;

    left: -25px;

    top: 10px;

    background: url('../images/en_icon.png') no-repeat center;

}



/* logo */

.nav_logo{

    padding: 20px 0;

}

.nav_logo div.web{

    display: flex;

    justify-content: space-between;

}

.nav_logo .logo a,.nav_logo .logo a img{

    display: block;

    width: auto;

    height: 90px;

}

/* 导航 */

.nav{

    width: calc(100% - 640px);

    margin-left: 40px;

}

.nav ul{

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-top: 22px;

}

.nav>ul>li{

    position: relative;

}

.nav>ul>li>a{

    display: block;

    width: auto;

    font-size: 18px;

    color: #2c2c2c;

    line-height: 46px;

    position: relative;

}

.nav>ul>li>a:hover,

.nav>ul>li>a.hover{

    color: #7c120e;

    font-weight: bold;

}

.nav>ul>li ol{

    display: none;

    position: absolute;

    width: 200%;

    height: auto;

    left: -50%;

    top: 100%;

    z-index: 99;

    padding-top: 42px;

}

.nav>ul>li ol::before{

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 8px solid #7c120e;

    border-bottom: 8px solid transparent;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -8px;

}

.nav>ul>li ol li a{

    display: block;

    font-size: 14px;

    color: #fff;

    text-align: center;

    line-height: 16px;

    padding: 10px 0;

    background: rgba(137, 24, 19, 0.77);

}

.nav>ul>li ol li a:hover{

    background: #7c120e;

}



/* 底部 */

.footer{

    background: #7e1714 url('../images/footer_bg.png') no-repeat center;

}

.link{

   display:block;

   padding: 15px 0;

   border-bottom: 1px solid #ab3934;

}

.link a,.link p{

    display: block;

    font-size: 15px;

    color: #fff;

    line-height: 30px;

    box-sizing: border-box;

    float: left;

    margin-right: 30px;

}

.link a:last-of-type{

    margin-right:0;

}

.foot_con {

    padding: 30px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.foot_con ul{

    display: flex;

    align-items: center;

}

.foot_con ul li{

    float: left;

    width: auto;

    margin-right: 20px;

}

.foot_con ul li:last-of-type{

    margin-right: 0;

}

.foot_con ul li a img{

    display: block;

    width: auto;

    height: auto;

}

.foot_con ul li p,.foot_con ul li p a{

    font-size: 16px;

    line-height: 30px;

    color: #fff;

}

.foot_con ul li>img{

    width: 120px;

    height: 120px;

    object-fit: cover;

}

.footer a:hover{

    color: #ffcd04;

}

.foot_con ul:nth-of-type(2) li p{

    text-align: center;

}

/* 搜索 */

div.search{

    width: 46px;

    height: 46px;

    border-radius: 100%;

    overflow: hidden;

    background: #7c120e url('../images/search.png') no-repeat center;

    cursor: pointer;

}

.layer {width: 100%;height: 100%;background: rgb(6 28 26 / 75%);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99999;opacity: 0;visibility: hidden;transition: all 0.3s ease-out 0s;}

.layer.showdiv { opacity: 1; visibility: visible; }

.layer .close {position: absolute;right: 100px;top: 100px;width: 60px;height: 60px;text-align: center;line-height: 70px;cursor: pointer;font-size: 0;transition: all 0.3s ease-out 0s;}

.layer .close:before,.layer .close:after{content:'';width: 100%;height: 2px;display:block;position:absolute;background: #fff;transition:1s;transform: rotate(45deg);top: 24px;}

.layer .close:before{transform: rotate(-45deg);}

.layer .close:hover{transform: rotate(90deg);}

.layer .search_box {height: 55px;line-height: 55px;max-width: 50%;transform: translateY(-50px);opacity: 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.layer.showdiv .search_box { transform: none; transition: all 0.5s ease-out 0s; opacity: 1; font-size: 0; }

.layer .search_box .kw {width: 85%;height: 100%;background: #fff;padding: 0 15px;font-size: 16px;border-radius: 0;float: left;margin: 0;border: none;box-sizing: border-box;}

.layer .search_box .ok {background: #7c120e;color: #fff;width: 15%;height: 100%;text-align: center;font-size: 18px;cursor: pointer;border-radius: 0;float: left;position: absolute;top: 0;right: 0;}



/* 媒体查询 */

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

    .web{

        width: 94%;

    }

}

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

    .nav_logo .logo a, .nav_logo .logo a img{

        height:66px;

    }

    .nav{

        width:calc(100% - 460px);

    }

    .nav ul{

        margin-top: 10px;

    }

    .nav>ul>li ol{

        padding-top: 30px;

    }

    .link a, .link p{

        margin-right:15px;

    }

    body{

        padding-top: 146px;

    }

    

}

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

    body{

        padding-top:140px;

    }

    .nav_logo .logo a, .nav_logo .logo a img{

        height:50px;

    }

    .nav{

        width:calc(100% - 340px);

    }

    .nav>ul>li>a{

        font-size:16px;

    }

    .nav ul{

        margin-top: 2px;

    }

    .nav_logo{

        padding:25px 0;

    }

    .nav>ul>li ol{

        padding-top: 27px;

    }

}

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

    .nav_logo{

        display:none;

    }

    .header_m{

        display: block;

    }

    body.navshow {

        overflow: hidden;

        position: fixed;

        width: 100%;

        top: 0px;

        left: 0px;

        margin: 0;

    }

	.header_m {

        display: block;

        width: 100%;

        position: relative;

        top: 0;

        z-index: 9999;

        box-sizing: border-box;

        padding: 15px 3%;

        background: #fff;

    }

    .header_m .m_logo {

        display: block;

        width: auto;

        float: left;

    }



    .header_m .m_logo a,

    .header_m .m_logo a img {

        width: auto;

        display: inline-block;

        height: 55px;

    }


    .menu1 {

        width: 40px;

        height: 40px;

        display: block;

        right: 3%;

        top: 23px;

        overflow: hidden;

        z-index: 999999999;

        cursor: pointer;

        position: absolute;

        transform: translateX(10%);

    }



    .menu1 span {

        float: left;

        width: 80%;

        background: #7c120e;

        transition: all 0.4s ease;

        margin-top: 8px;

        margin-left: 10%;

        height: 2px;

    }



    .menu1 span:first-child {

        margin-top: 9px;

    }



    .menu1.open span:nth-child(1) {

        transform: rotate(45deg);

        margin-top: 19px;

    }



    .menu1.open span:nth-child(2) {

        transform: rotate(-45deg);

        margin-top: -2px;

    }



    .menu1.open span:nth-child(3) {

        opacity: 0;

    }



    .m_nav {

        width: 100vw;

        height: calc(100% - 125px);

        position: fixed;

        top: 125px;

        left: 0;

        background: rgba(0, 0, 0, 0.5);

        z-index: -1;

        opacity: 0;

        visibility: hidden;

        transition: all 0.5s;

        display: block;

        overflow: auto;

        box-sizing: border-box;

    }



    .m_nav.active {

        visibility: visible;

        opacity: 1;

        z-index: 99999999;

    }



    .m_nav ul{

        position: absolute;

        transition: right 0.3s ease;

        right: 0;

        top: 47px;

        left: auto;

        width: 420px;

        height: calc(100% - 47px);

        z-index: 99999;

        background: #fff;

        margin: 0;

        overflow: auto;

    }

    .m_nav ul li {

        height: auto;

        width: 100%;

        position: relative;

        border-bottom: 1px solid #ccc;

        float: none;

        text-align: left;

        padding: 0;

        line-height: 54px;

    }

    .m_nav ul>li>a {

        font-size: 18px;

        color: #333;

        font-weight: bold;

        width: 80%;

        text-indent: 20px;

        position: relative;

        display: block;

        line-height: 54px;

    }

    .m_nav ul>li>a:hover {

        color: #1f296b;

    }

    .m_nav ul li i {

        position: absolute;

        right: 0;

        width: 15%;

        height: 54px;

        top: 0;

       background: url('../images/jia1.png') no-repeat center center;

        margin: auto;

        z-index: 10;

        cursor: pointer;

        transition: all .2s ease;

        -moz-transition: all .2s ease;

        -o-transition: all .2s ease;

        -webkit-transition: all .2s ease;

    }

    .m_nav ul li i.on {

        background: url('../images/jian2.png') no-repeat center center;

    }

    .m_nav ul li ol {

        position: relative;

        width: 100%;

        top: 0;

        left: 0;

        box-shadow: none;

        display: none;

        transition: all 0s;

    }

    .m_nav ul li ol>li {

        text-align: left;

        border: 0;

        font-size: 16px;

        line-height: 45px;

        position: relative;

        text-indent: 40px;

        border-top: 1px solid rgba(0, 0, 0, 0.2);

        transition: all .5s;

    }



    .m_nav ul li ol>li a {

        color: #444444;

    }



    .m_nav ul li ol>li:hover a {

        text-indent: 50px;

        color: #1f296b;

    }

	/* 小屏搜索 */

	 .m_nav .search3{

            position: absolute;

            top: 0;

            right: 0;

            width: 420px;

            border-top: 1px solid #ccc;

    }

    .m_nav .search3 div.search3_sub{

        background: #ffffff;

        width: 100%;

        height: 46px;

        overflow: hidden;

        box-sizing: border-box;

        border-bottom: 1px solid #cccccc;

    }

    .m_nav .search3 .text {

        float: left;

        width: calc(100% - 50px);

        height: 46px;

        border: none;

        outline: none;

        line-height: 46px;

        padding-left: 20px;

        font-size: 15px;

        margin: 0;

        background: transparent;

        color: #000000;

        box-sizing: border-box;

        border-right: 1px solid #ccc;

    }

	.m_nav .search3 .text::-webkit-input-placeholder{

		color:#969696;

	}

	.m_nav .search3 .text::-moz-input-placeholder{

		color:#969696;

	}

	.m_nav .search3 .text::-ms-input-placeholder{

		color:#969696;

	}

    .m_nav .search3 .submit {

        width: 50px;

        height: 46px;

        float: right;

        background: #fff url('../images/search2.png') no-repeat center;

        border: none;

        box-sizing: content-box;

        position:relative;

    }

    .m_nav .search3 .submit::before{

        display:block;

        content:"";

        width:1px;

        height:20px;

        position:absolute;

        left: 1px;

        top:3px;

        background: #000000;

    }

    .top div.fr a:nth-of-type(3){

        margin-right:40px;

    }

    .top div a{

        margin-right:20px;

    }

    .top div a::before{

        right: -10px;

    }

    .foot_con ul li a img{

        display:none;

    }

    .foot_con ul:nth-of-type(1) li{

        margin-right: 0;

}

    .foot_con ul li p, .foot_con ul li p a{

        font-size:14px;

    }

    .foot_con ul li>img{

        width:100%;

        height:100px;

    }

    body{

        padding-top:125px;

    }

}

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

    .foot_con{

        display:block;

        padding: 15px 0 0;

        text-align:center;

    }

    .foot_con ul{

        display:inline-block;

        text-align:center;

        margin: 0;

    }

    .link a, .link p{

        font-size:13px;

        line-height: 25px;

    }

    .link{

        padding:10px 0;

    }

}

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

    .web{

        width: 96%;

    }

    .header_m {padding: 10px 2%;}

    .foot_con ul li p, .foot_con ul li p a{

        line-height:20px;

        font-size: 12px;

        margin-bottom: 5px;

    }

    body{

        padding-top:115px;

    }

}

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

    body{

        padding-top:128px;

    }

    .top .web div{

        width:100%;

        float:none;

        display: flex;

        justify-content: center;

    }

    .top div a{

        font-size:12px;

        line-height: 32px;

    }

    .top div a::before{

        top: 10px;

        height: 12px;

    }

    .top div.fr a:last-of-type::before{

        top:6px;

    }

    .header_m .m_logo a,

    .header_m .m_logo a img {

        width: auto;

        display: inline-block;

        height: 44px;

    }

    .menu1{

        top: 12px;

    }

    .m_nav{

        top: 127px;

        height: calc(100% - 127px);

    }

}

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

    .m_nav .search3,.m_nav ul{

        width:100%;

    }

    .m_nav ul>li>a{

        line-height: 42px;

        font-size: 16px;

    }

    .m_nav ul li i {

        height: 46px;

    }

    .m_nav ul li ol>li{

        line-height:38px;

        font-size: 14px;

        text-indent: 30px;

    }

    .foot_con ul li p span{

        display:block;

    }

}

/* ========================================================
   团委网站导航条 v2 —— 透明浮层全宽导航
   效果：导航条透明浮在banner顶部，左侧校徽+文字，右侧菜单
   主色调：共青团红 #c0152a  高亮：#ffe066
   ======================================================== */

/* --- body：去掉顶部padding，让banner从顶部开始 --- */
body { padding-top: 0 !important; }

/* --- .scroll 透明化（不再用白色背景） --- */
.scroll {
    background: transparent !important;
    box-shadow: none !important;
}

/* --- 旧的 nav_logo 隐藏（已合并进 tw-nav-wrapper） --- */
.nav_logo { display: none !important; }

/* =====================================================
   .tw-nav-wrapper：透明浮层导航条
   ===================================================== */
.tw-nav-wrapper {
    width: 100%;
    /* 渐变：顶部深红半透明 → 向下渐变消隐，形成"沉浸感" */
    /*background: linear-gradient(to bottom, rgba(150,12,25,0.82) 0%, rgba(120,8,18,0.55) 70%, rgba(100,5,15,0.0) 100%);*/
    /*background: linear-gradient(#333333e6, #33333380 75%, #0000);*/
    background: #cb1c1d;
    position: relative;
    z-index: 999;
}

/* 内层 flex 布局：左 logo 区 + 右导航区 */
.tw-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0;
    height: 90px;
    box-sizing: border-box;
}

/* =====================================================
   左侧品牌区
   ===================================================== */
.tw-nav-brand {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.tw-brand-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 14px;
}

/* 校徽图片 */
.tw-brand-logo {
    display: block;
    height: 56px;
    width: auto;
    filter: brightness(0) invert(1);   /* 白色化，适配深色背景 */
    flex-shrink: 0;
}

/* 文字区 */
.tw-brand-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
}

/* 主标题：常州机电职业技术学院 | 团委 */
.tw-brand-title {
    display: inline;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 2px;
    white-space: nowrap;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.tw-brand-sep {
    display: inline;
    font-size: 20px;
    font-weight: 300;
    color: rgba(255,255,255,0.55);
    margin: 0 8px;
}

.tw-brand-sub {
    display: inline;
    font-size: 20px;
    font-weight: bold;
    color: #ffe066;
    letter-spacing: 2px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

/* 英文副标题 */
.tw-brand-en {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: rgba(255,255,255,0.65);
    letter-spacing: 0.5px;
    white-space: nowrap;
    font-family: Arial, sans-serif;
}

/* =====================================================
   右侧导航菜单
   ===================================================== */
.tw-nav {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}

.tw-nav ul {
    display: flex;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 90px;
}

/* --- 一级菜单 li --- */
.tw-nav > ul > li {
    position: relative;
    display: flex;
    align-items: stretch;
}

/* --- 一级菜单 a --- */
.tw-nav > ul > li > a {
    display: flex;
    align-items: center;
    font-size: 20px;
 /*   font-weight: bold;*/
    color: #fff;
    padding: 0 26px;
    white-space: nowrap;
    letter-spacing: 1px;
    /*text-shadow: 0 1px 3px rgba(0,0,0,0.5);*/
    transition: color 0.2s ease, background 0.2s ease;
    position: relative;
}

/* 悬停下划线装饰 */
.tw-nav > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    /*height: 3px;
    background: #ffe066;*/
    border-radius: 2px 2px 0 0;
    transition: width 0.25s ease;
}

/* --- 悬停 / 当前 --- */
.tw-nav > ul > li:hover > a,
.tw-nav > ul > li > a.hover {
    color: #ffe066;
    /*background:rgb(177,15,16);*/
}
.tw-nav > ul > li:hover > a::after,
.tw-nav > ul > li > a.hover::after {
    width: 60%;
}

/* =====================================================
   下拉菜单
   ===================================================== */
.tw-nav > ul > li > ol {
    display: none;
    position: absolute;
    width: 140px;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    z-index: 9999;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 3px solid #ffe066;
    box-shadow: 0 8px 24px rgba(0,0,0,0.28);
    background: rgba(203,28,29,0.92);
}

.tw-nav > ul > li:hover > ol {
    display: block;
    animation: twNavDrop 0.18s ease;
}

@keyframes twNavDrop {
    from { opacity: 0; transform: translateX(-50%) translateY(-6px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* --- 二级菜单 a --- */
.tw-nav > ul > li > ol > li > a {
    display: block;
    font-size: 14px;
    color: rgba(255,255,255,0.92);
    text-align: center;
    padding: 11px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    transition: background 0.15s ease, color 0.15s ease;
    letter-spacing: 0.5px;
}
.tw-nav > ul > li > ol > li:last-child > a {
    border-bottom: none;
}
.tw-nav > ul > li > ol > li > a:hover {
    /*background: rgba(192,21,42,0.8);*/
    background: rgba(140,10,22,0.4);
    color: #ffe066;
}

.wp_paging .pageNum{
    vertical-align: baseline !important;
}

/* =====================================================
   响应式
   ===================================================== */
@media only screen and (max-width: 1400px) {
    .tw-nav-inner { height: 72px; }
    .tw-nav ul { height: 72px; }
    .tw-brand-logo { height: 48px; }
    .tw-brand-title, .tw-brand-sep, .tw-brand-sub { font-size: 18px; }
    .tw-nav > ul > li > a { font-size: 14px; padding: 0 12px; }
}

@media only screen and (max-width: 1240px) {
    /* 小屏下隐藏桌面导航，由移动端汉堡菜单接管 */
    .tw-nav-wrapper { display: none; }
}