@charset "utf-8";

@font-face { 
    font-family: 'Fzzdhjw'; 
    src: url('fzzdhjw.woff2') format('woff');
    font-style: normal;
}

.djdt .news-info h3,.news-title,.menu-list a,.fzlc .list p:nth-of-type(2),.xmkc .news-item p,.szdw1 .news-item p,.jycy .news-item li a
,.jxzy .news-item-l p,.tabtitle ul,.xmpt .tablist .xsxmz p{font-family: 'syht';}
.news-title{font-family: 'Fzzdhjw';}
.news-item img:hover,.full img:hover,.szdw1 .news-item a:hover img{opacity: 0.8;transform: scale(1.08);}
a{transition: all 0s;}
.fzlc .news-item .list{overflow: hidden;}
.nav-left a:last-child{color: #36896d;}


.banner1{width: 100%; background: url(./2024zygc_listqt_banner.jpg) no-repeat center top / contain;height: 450px;margin: 0px auto;}
.banner22{width: 100%;overflow: hidden;}
.banner22 img{width: 100%;height: auto;transition: all 0.3s;}

@media screen and (max-width: 600px) {
    .banner1{height: 200px;
        background-size: 100% 100%;}
        .banner22{margin-top: 60px;}
}

.container {
    max-width: 1520px;
    margin: 0 auto;
    padding: 0 15px;
}
.nav {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.nav-left a {
    color: #333;
    text-decoration: none;
}
.nav-left span {
    margin: 0 10px;
    color: #999;
}
.content {
    display: flex;
    gap: 40px;
    padding-bottom: 50px;
}
.sidebar {
    width: 280px;
    flex-shrink: 0;
    padding-right: 40px;
    border-right: 1px solid #ccc;
}
.menu-title {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
    border-bottom: 2px solid #e60012;
}

.menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
}
.menu-list a {
    display: block;
    padding: 15px 0;
    color: #333;
    padding-left: 40px;
}
.menu-list .on a {
    background: #acdfce url(./2024zygc_listjtr.png) no-repeat right 20px center / 15px;
    color: #36896d;
    border-radius: 28px;

}
.main-content {
    flex: 1;
}
.news-title {
    font-size: 36px;
    margin-bottom: 40px;
    font-style: italic;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
    background: linear-gradient(to right, #36896d 0%, #000 30%);
    background-clip:text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.news-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 36px;
    background-color: #36896d;
    margin-right: 10px;
    margin-bottom: -4px;
}
.news-list {
    display: grid;
    gap: 55px;
}
.news-item {
    display: flex;
    gap: 55px;
    transition: all 0.3s;
}

@media (max-width: 768px) {
    .content {
        flex-direction: column;
    }
    .sidebar {
        width: 100%;
        padding-right: 0px;
    }
    .news-item {
        flex-direction: column;
    }
    .sidebar{border-right: 0px;}
    .news-info h3{font-size: 20px;}
    .news-title::before{height: 24px;}
    .news-title{font-size: 24px;}
    .news-item{gap: 20px;}
}

.nav {
    padding:  0px;
    border-bottom: none;
}
.curr{line-height: 88px;}

/* 发展历程 */
.fzlc .main-content{position: relative;}
.fzlc .line{position: absolute;height: 10px;margin: 0px;background: none; width: 0px;border-left: 1px dashed #36896d;left: 50%;height: 1000px;}
.fzlc .news-list{display: block;overflow: hidden;}
.fzlc .news-tab ul{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;margin-bottom: 35px;padding-bottom: 18px;}
.fzlc .news-tab li{padding: 0px 15px;line-height: 30px;font-size: 18px;color: #999;}
.fzlc .news-tab li.on a{color: #fff;}
.fzlc .news-tab li.on{background-color: #36896d;color: #fff;position: relative;}
.fzlc .news-tab li.on::after{background: url(./2024zygc_fzlc_icon3.png) no-repeat bottom;width: 15px;height: 15px;display: block;content: '';position: absolute;left: calc(50% - 8px);}
.fzlc .news-item{float: left;width: 50%;gap: 0px;position: relative;margin-top: 160px;}
.fzlc .news-item .data-item{width: 80px;height: 120px;background: url(./2024zygc_fzlc_icon1.png) no-repeat center;position: absolute;right: -40px;top: calc(50% - 60px);text-align: center;color: #36896d;font-family: Georgia, 'Times New Roman', Times, serif;line-height: 1.2em;padding-top: 16px;box-sizing: border-box;}
.fzlc .news-list .news-item:nth-child(2n){justify-content: right;}
.fzlc .news-list .news-item:nth-child(2n - 1){margin-top: -175px;}
.fzlc .news-list .news-item:nth-child(1){margin-top: 0px;}
.fzlc .news-list .news-item:nth-child(2){margin-top: 320px;}
.fzlc .news-list .news-item:nth-child(2n) .data-item{left: -40px;}
.fzlc .news-item .list{width: 87%;background-color: #fff;box-shadow: 0px 0px 5px 1px rgb(0,0,0,0.2);padding-bottom: 20px;border-bottom: 4px solid #36896d;}
.fzlc .news-item .list img{width: 100%;height: 300px;object-fit: cover; /* 保持图片比例，覆盖整个容器 */}
.fzlc .list p{font-size: 18px;line-height: 2.4em;padding: 0px 16px;}
.fzlc .list p:nth-of-type(1){color: #36896d;margin-top: 12px;}
.fzlc .list p:nth-of-type(2){height: 4.8em;overflow: hidden;}
.fzlc .list a{font-size: 20px;display: block;float: right;background: url(./2024zygc_fzlc_icon2.png) no-repeat right 15px center;padding-right: 40px;color: #36896d;margin-top: 10px;}
@media screen and (max-width:768px) {
    .fzlc .news-item{width: 100%;align-items: center;}
    .fzlc .news-item{margin-top: 0px;margin-bottom: 20px;}
    .fzlc .news-list .news-item:nth-child(2n - 1){margin-top: -0px;}
    .fzlc .news-list .news-item:nth-child(1){margin-top: 0px;}
    .fzlc .news-list .news-item:nth-child(2){margin-top: 0px;}
    .fzlc .news-item .data-item{display: none;}
    .fzlc .news-item .list{width: 90%;}
    .fzlc .news-item .list img{height: 200px;}
    .fzlc .line{display: none;}
    .fzlc .news-tab li.on::after{display: none;}
}

/* 党建动态 */
.djdt .news-item{gap: 35px;}
.djdt .news-img {width: 390px;height: 253px;flex-shrink: 0;border: 1px solid #36896d;}
.djdt .news-img img {width: 100%;height: 100%;transform: translate(15px,15px);}
.djdt .news-img img:hover{transform: translate(0px,0px);}
.djdt .news-info {flex: 1;}
.djdt .news-info h3 {line-height: 2em;font-weight: normal;padding-bottom: 10px;color: #36896d;font-size: 24px;background: linear-gradient(to right, #b5c40c 0%, #5d9b4f 100%) no-repeat left bottom / 100% 2px;}
.djdt .news-info p:nth-of-type(1){font-size: 18px;text-indent: 2em;padding: 20px 0px;line-height: 2.4em;}
.djdt .news-date {color: #999;margin: 0;font-size: 18px;}
@media (max-width: 768px) {
    .djdt .news-list{width: 88%;margin: 0px auto;}
    .djdt .news-img {width: 100%;height: auto;}
    .djdt .sidebar{border-right: 0px;}
    .djdt .news-img img{transform: none;height: auto;}
    .djdt .news-info h3{font-size: 20px;}
    .djdt .news-title::before{height: 24px;}
    .djdt .news-title{font-size: 24px;}
    .djdt .news-item{gap: 20px;}
}

/* 教学资源 */
.jxzy .main-content{padding-bottom: 120px;overflow: hidden;}
.jxzy .news-list{background: url(./2024zygc_jxzy_yuan.png) no-repeat left top 165px / 32%;gap: 40px;padding-top: 20px;}
.jxzy .news-item{gap: 0px;margin-left: 4%;}
.jxzy .news-item-l {display: flex;justify-content: center;flex-direction: column;width: 150px;height: 150px;border: 10px solid #87c24e;border-radius: 85px;align-items: center;position: relative;background-color: #fff;margin-right: -8%;}
.jxzy .news-item-l img{width: 50px;height: 50px;}
.jxzy .news-item-l p{font-size: 24px;color: #729054;}
.jxzy .news-item:nth-child(2){gap: 0px;margin-left: 20%;}
.jxzy .news-item:nth-child(3){gap: 0px;margin-left: 20%;}
.jxzy .news-item:nth-child(4){gap: 0px;margin-left: 4%;}
.jxzy .news-item:nth-child(2) .news-item-l p{color: #5c6193;}
.jxzy .news-item:nth-child(3) .news-item-l p{color: #8c546d;}
.jxzy .news-item:nth-child(4) .news-item-l p{color: #667e90;}
.jxzy .news-item:nth-child(2) .news-item-l {border-color: #a7abd1;}
.jxzy .news-item:nth-child(3) .news-item-l {border-color: #ef8eb9;}
.jxzy .news-item:nth-child(4) .news-item-l {border-color: #a7bfd1;}
.jxzy .news-item:nth-child(2) .news-item-r {background-color: #e9eaf4;}
.jxzy .news-item:nth-child(3) .news-item-r {background-color: #f9ecf2;}
.jxzy .news-item:nth-child(4) .news-item-r {background-color: #e7edf1;}

.jxzy .news-item-r{width: 87%;height: 170PX;box-sizing: border-box; background-color: #e8f0ed;font-size: 18px;padding: 0px 3.8% 0px 10%;display: flex;align-items: center;}
.jxzy .news-item-r p{text-indent: 2em;line-height: 1.8em;}
    @media screen and (max-width: 768px) {
        .jxzy .news-list{justify-content: center;background: none;width: 90%;margin: 0px auto;}
        .jxzy .news-item:nth-child(1){gap: 0px;margin-left: 0%;}
        .jxzy .news-item:nth-child(2){gap: 0px;margin-left: 0%;}
        .jxzy .news-item:nth-child(3){gap: 0px;margin-left: 0%;}
        .jxzy .news-item:nth-child(4){gap: 0px;margin-left: 0%;}
        .jxzy .news-item{flex-direction: row;}
        .jxzy .news-item-r{height: auto;padding: 20px;}

        .jxzy .news-item-l{height: auto;width: 40px; border-width: 4px;margin-right: 4%;border: 0px;}
        .jxzy .news-item-l img{display: none;}
        .jxzy .news-item-l p{text-align: center;}
        
    }
    @media screen and (max-width:500px) {
    }

/* 就业创业 */
.jycy .news-list{background: url(./2024zygc_jycy_bg2.png) center;padding-bottom: 45px;}
.jycy .news-item{gap: 45px;}
.jycy .news-item ul{width: 100%;}
.jycy .news-item li{height: 118px;padding-left: 150px;box-sizing: border-box; position: relative;background: #e9f0ee;}
.jycy .news-item li .data{width: 86px;height: 86px;color: #ffff;text-align: center;position: absolute;background-color: #36896d;border-radius: 5px;left: 30px;top: -10px;}
.jycy .news-item li .data p{font-size: 36px;}
.jycy .news-item li .data p:nth-child(2){font-size: 18px;}
.jycy .news-item li a{font-size: 24px;color: rgb(102 102 102 / var(--un-text-opacity));line-height: 118px;display: block;}
.jycy .news-item li:hover a{color: #fff;}
.jycy .news-item li:hover{background: #36896d url(./2024zygc_jycy_bg1.png) no-repeat right 25px center;}
.jycy .news-item li:hover .data{background-color: #e4b62a;}
    @media (max-width: 768px) {
    .jycy .news-item li a{line-height: 1.8em;font-size: 18px;color: #666;}
    .jycy .news-item li{display: flex;justify-content: center;align-items: center;}
}

/* 联系我们 */
.lxwm .news-list{gap: 45px;flex-wrap: wrap;width: 95%;margin-left: 5%;display: block;}
.lxwm .news-list .full{margin-top: 40px;overflow: hidden;}
.lxwm .news-list .full img{width: 95%;height: auto;}
.lxwm .news-list .full85{padding-bottom: 40px;}
.lxwm .news-list .full85 img {width: 85%;height: auto;margin: 40px 0px 0px 5%;}
.lxwm .news-list-dz{display: flex;justify-content: space-around;}
@media screen and (max-width: 768px) {
    .lxwm .news-list-dz p{flex-direction: column;}
    .lxwm .news-list-dz p img{width: 100%;}
    .lxwm .news-list{justify-content: center;}
    
}
@media screen and (max-width:500px) {
    .lxwm .news-list{gap: 30px;}

}
.zzjg-list .zzjg-img img:last-of-type{width: 90%;margin: 0px auto;}

/* 师资队伍-教授 */
.szdw1 .news-list{display: flex;gap: 45px;flex-wrap: wrap;}
.szdw1 .news-tab ul{display: flex;justify-content: center;gap: 20px;margin-bottom: 40px;}
.szdw1 .news-tab li{line-height: 65px;border: 1px solid #36896d;border-radius: 33px;padding: 0px 30px;font-size: 18px;}
.szdw1 .news-tab li.on,.news-tab li:hover{background: url(./2024zygc_szdw_bg1.png) no-repeat center / cover;color: #fff;}
.szdw1 .news-tab li.on a,.news-tab li:hover a{color: #fff;}
.szdw1 .news-item {flex-direction: column;width: calc(24% - 19.5px);gap: 0px;min-width: 270px;}
.szdw1 .news-item img{width: 100%;height: 218px;object-fit: cover;object-position: top center;}
.szdw1 .news-item p{font-size: 22px;line-height: 3em;text-align: center;}
 @media screen and (max-width:768px) {
    .szdw1 .news-tab ul{flex-wrap: wrap;}
    .szdw1 .news-list{justify-content: center;}
}
 @media screen and (max-width:500px) {
    .szdw1 .news-tab li{line-height: 50px;padding: 0px 10px;}
    .szdw1 .news-list{gap: 30px;}
    .szdw1 .news-item img{height: 178px;}
}

/* 专职教师 */
.szdw2 .news-list{display: flex;gap: 35px;flex-wrap: wrap;}
.szdw2 .news-tab ul{display: flex;justify-content: center;gap: 20px;margin-bottom: 40px;}
.szdw2 .news-tab li{line-height: 65px;border: 1px solid #36896d;border-radius: 33px;padding: 0px 30px;font-size: 18px;}
.szdw2 .news-tab li.on,.news-tab li:hover{background: url(./2024zygc_szdw_bg1.png) no-repeat center / cover;color: #fff;}
.szdw2 .news-tab li.on a,.news-tab li:hover a{color: #fff;}
.szdw2 .news-tab1 ul{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;margin-bottom: 35px;padding-bottom: 18px;}
.szdw2 .news-tab1 li{padding: 0px 5px;line-height: 30px;font-size: 18px;color: #999;}
.szdw2 .news-tab1 li:nth-child(1){padding: 0px 15px;}
.szdw2 .news-tab1 li.on,.news-tab1 li:hover{background-color: #36896d;color: #fff;position: relative;}
.szdw2 .news-tab1 li.on::after,.news-tab1 li:hover::after{background: url(./2024zygc_fzlc_icon3.png) no-repeat bottom;width: 15px;height: 15px;display: block;content: '';position: absolute;left: calc(50% - 8px);}
.szdw2 .news-item {width: calc(32% - 6.5px);border: 2px solid rgb(0,0,0,0); box-sizing: border-box; min-width: 424px; gap: 0px;padding: 20px;background-color: #f2f5f7;gap: 15px;}
.szdw2 .news-item:hover{border: 2px solid #36896d;}
.szdw2 .news-item img{width: 200px;height: 260px;}
.szdw2 .news-item-r {width: 236px;}
.szdw2 .news-item-r p{background-repeat: no-repeat;background-position: left 2px center;padding-left: 30px;line-height: 2.4em;}
.szdw2 .news-item-r p:nth-child(1){background-image: url(./2024zygc_szdw_icon1.png);}
.szdw2 .news-item-r p:nth-child(2){background-image: url(./2024zygc_szdw_icon2.png);}
.szdw2 .news-item-r p:nth-child(3){background-image: url(./2024zygc_szdw_icon3.png);}
.szdw2 .news-item-r p:nth-child(4){background-image: url(./2024zygc_szdw_icon4.png);background-position: top 6px left 2px;}

.szdw2 .wsj {display: flex;justify-content: center;align-items: center;height: 100px;font-size: 18px;color: #666;width: 100%;}
.szdw2 #page{text-align: center;margin-top: 40px;}

@media screen and (max-width:900px) {
    .szdw2 .news-list{justify-content: center;}
    .szdw2 .news-tab ul{flex-wrap: wrap;}
    .szdw2 .news-item{flex-direction: row;align-items: center;}
}
@media screen and (max-width:600px) {
    .szdw2 .news-item img{width: 150px;height: 170px;}
}
@media screen and (max-width:500px) {
    .szdw2 .news-item{width: 88%;min-width: auto;flex-direction: column;}
    .szdw2 .news-item img{width: 150px;height: 170px;}
    .szdw2 .news-tab li{line-height: 50px;padding: 0px 10px;}
    .szdw2 .news-list{gap: 30px;}
}

/* 项目课程 */
.xmkc .news-list{display: flex;gap: 45px;flex-wrap: wrap;}
.xmkc .news-item {flex-direction: column;width: calc(32% - 15.5px);gap: 0px;min-width: 270px;}
.xmkc .news-item img{width: 100%;height: 220px;}
.xmkc .news-item p{font-size: 22px;line-height: 3em;text-align: center;}
.xmkc .main-content>div:nth-child(3){margin-top: 40px;}
    @media screen and (max-width: 768px) {
    .xmkc .news-list{justify-content: center;}
}
@media screen and (max-width:500px) {
    .xmkc .news-list{gap: 30px;}
    .xmkc .news-item img{height: 178px;}
}

/* 科技服务 */
.kjfw .news-list{gap: 0px;}
.kjfw .tabtitle ul{display: flex;justify-content: center;gap: 12px;font-size: 18px;line-height: 30px;flex-wrap: wrap;}
.kjfw .tabtitle ul li::after{content: '|';padding-left: 12px;}
.kjfw .tabtitle ul li:last-child::after{display: none;}
.kjfw .tabtitle ul li.on{font-size: 22px;color: #315e5f;position: relative;}
.kjfw .tabtitle ul li.on::before{content: '';display: block; width: 40px;height: 4px;border-radius: 2px; background-color: #315e5f;position: absolute;bottom: -10px;left: 50%;margin-left: -20px;}
.kjfw .ttitle{width: 268px;line-height: 50px;font-size: 22px;color: #fff;text-align: center;background-color: #36896d;border-radius: 0px 50px 0px 50px;margin: 0px auto;margin-top: 40px;}
.kjfw .tablist img{margin: 40px auto;display: block;}
.kjfw .tablist p{line-height: 2em;font-size: 18px;text-indent: 2em;}
@media screen and (max-width: 768px) {
    .kjfw .tablist img{width: 100%;}
}

/* 校企合作 */
.xqhz1 .news-list{gap: 0px;}
.xqhz1 .tabtitle ul{display: flex;justify-content: center;gap: 12px;font-size: 18px;line-height: 30px;flex-wrap: wrap;}
.xqhz1 .tabtitle ul li::after{content: '|';padding-left: 12px;}
.xqhz1 .tabtitle ul li:last-child::after{display: none;}
.xqhz1 .tabtitle ul li.on{font-size: 22px;color: #315e5f;position: relative;}
.xqhz1 .tabtitle ul li.on::before{content: '';display: block; width: 40px;height: 4px;border-radius: 2px; background-color: #315e5f;position: absolute;bottom: -10px;left: 50%;margin-left: -20px;}
.xqhz1 .tablist {margin-top: 40px;}
.xqhz1 .tablist .hzqy ul{display: flex;flex-wrap: wrap;gap:30px 40px;}
.xqhz1 .tablist .hzqy ul li{width: calc(24% - 30px);}
.xqhz1 .tablist .hzqy ul li img{border: 1px solid #d8d8d8;width: 100%;height: 90px;}
.xqhz1 .tablist .hzqy ul li p{text-align: center;font-size: 18px;line-height: 2em;}
.xqhz1 .tablist .hzms img{width: 86%;display: block;margin: 0px auto;}
@media screen and (max-width: 768px) {
    .xqhz1 .tablist .hzqy ul{justify-content: center;}
    .xqhz1 .tablist .hzqy ul li{width: auto;min-width: 260px;}
    .xqhz1 .tabtitle ul li.on{font-size: 21px;}
}

/* 项目平台 */
.xmpt .news-list{gap: 0px;}
.xmpt .tabtitle ul{display: flex;justify-content: center;gap: 12px;font-size: 18px;line-height: 30px;flex-wrap: wrap;}
.xmpt .tabtitle ul li::after{content: '|';padding-left: 12px;}
.xmpt .tabtitle ul li:last-child::after{display: none;}
.xmpt .tabtitle ul li.on,.xmpt .tabtitle ul li:hover{font-size: 22px;color: #315e5f;position: relative;}
.xmpt .tabtitle ul li.on a,.xmpt .tabtitle ul li:hover a{color: #315e5f;}
.xmpt .tabtitle ul li.on::before,.xmpt .tabtitle ul li:hover::before{content: '';display: block; width: 40px;height: 4px;border-radius: 2px; background-color: #315e5f;position: absolute;bottom: -10px;left: 50%;margin-left: -20px;}
.xmpt .ttitle{width: 268px;line-height: 50px;font-size: 22px;color: #fff;text-align: center;background-color: #36896d;border-radius: 0px 50px 0px 50px;margin: 0px auto;margin-top: 40px;}
.xmpt .tablist .sxkj img{margin: 40px auto;display: block;}
.xmpt .tablist p{line-height: 2.3em;font-size: 18px;}
.xmpt .tablist .xsxmz p{color: #376263;}
.xmpt .tablist p span{color: #05322b;}
.xmpt .fhq>div{display: flex;justify-content: center;gap: 20px 40px;flex-wrap: wrap;}
.xmpt .tablist .fhq p{margin: 40px 0px;color: #000;}
.xmpt .xsxmz ul{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 40px;}
.xmpt .xsxmz ul li{width: calc(33% - 30px);min-width: 300px;}
.xmpt .xsxmz ul li img{border: 1px solid #d8d8d8;height: 244px;width: 100%;margin-bottom: 15px;}
@media screen and (max-width: 768px) {
    .xmpt .tablist img{width: 100%;}
    .xmpt .xsxmz ul{justify-content: center;}
    .xmpt .xsxmz ul li img{height: 220px;}
    .xmpt .tabtitle ul li.on,.xmpt .tabtitle ul li:hover{font-size: 21px;}

}