*{
    padding:0px;
    margin:0px;
}

.mainCont{
    /* display: flex; */
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.cont1 {
    /* background-color: aqua; */
    /* float: left;
    width: 30%;
    height: 100%;
    position: fixed;
    z-index: 999; */
    /* flex: 1; */
    position: fixed;
    top: 0;
    left: 0;
    width: 400px;
    height: 100%;
    background-color: #f1f1f1;
    padding: 20px;
}

.cont2 {
    
    /* flex:2; */

    /* background-image: url("file:///C:/Users/99506/Desktop/1f11f341d2efa579910daacc3022692.png");
    background-size: cover; */
    /* opacity: 0.5; */
    box-sizing: border-box;
    margin-left: 400px;
    padding: 20px;
    height: 100%; 
    
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;  /* 灰色背景 */
}

/* .intro_text{
    font-family: italic;
    font-style: normal;
} */

.degree {
    font-family: adobe-garamond-pro, serif;
    /* font-style: normal; */
    color: #333333;
    font-weight: 500;
}

.inst_time {
    color: #808080;
    font-size: medium;
    font-weight: 200;
}





a.underline {
    text-decoration: underline;
  }




.logo {
    height: 70px;
    width: 80%;
    padding-top: 100px;
    padding-left: 100px;
    
    font-family: adobe-garamond-pro, serif;
    font-weight: 600;
    font-style: normal;
    
}

.nevigation {
     
    /* position: relative;  */
      
  
    width: 80%;
    height: 100%;
    line-height: 30px; 
    font-size: 20px; 

    padding-left: 100px;

    
    font-family: adobe-garamond-pro, serif;
    font-weight: 600;
    font-style: normal;
    
    
}

.navlist {
    list-style: none;
    
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */


a {
    text-decoration: none;
    color: black;
    /* cursor:pointer */
} 

a:hover {
    color: rgb(180, 180, 180);
    text-decoration: none;
}

.body {
    margin: 0;
}
.div1 {
    position: relative;
    margin-left: 35%;
    
    
    background-color: greenyellow;
}

.div1 img {
    
    position: relative;
    
    height: 100%;
    width: 100%;
    background-size:100% 100%;
}

.about_pic {
    
    
    background-color:white;
    padding-left: 20px;
    
    width: 100%;
    height: 100px;
    
    border-bottom: 0px;
    
    
   
    
}

.div_about{
    
    width: 70%;
    height: 30%;
    margin-left: 10%;
    padding-left: 20px;
    padding-top: 100px;
    font-family: adobe-garamond-pro, serif;
    font-weight: 600;
    font-style: normal;
    padding-bottom: 20%;


    
}

.about ul {
    list-style: none;
}

.title {
    font-size: xx-large;
}


.intro_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 20px;
    gap: 0px
}

.selfpho {
    flex: 0 0 auto;
    /* text-align: center; */
    width: 200px;
    height: 200px;
    margin-right: 50px;
}

.intro {
    flex: 1 1 auto;
    /* padding: 0 20px; */
    text-align: justify;
}

.intro_text {
    color: #333333;
    font-weight: 100;
    font-size: medium;
}








/* .div3 {
    position: absolute;
    
    left: 25%;
    right: 25%;
    
    height: 40%;
    bottom: 0;
    text-align: justify;
} */
.selftittle{
    
    text-align:center;
}

/* .div3 p{
    
    text-align:center;
} */

/* ******************************************************index page ************************************************************/
.mainCont_index{
    /* display: flex;
    flex-direction: row; */
    
    background-color: #f1f1f1;
    position: absolute;
    height: 100%;
    width: 100%;
}

.cont1_index {
    /* background-color: aqua; */
    /* float: left;
    width: 30%;
    height: 100%;
    position: fixed;
    z-index: 999; */

    position: fixed;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    background-color: #f1f1f1;
    padding: 20px;
}

/* .cont2_index {
    position: relative;
    height: 100%;
} */

#carousel{
    /* margin: auto; */
    width: 50%; /* 设置宽度 */
    position: fixed; /* 相对定位 */
    overflow: hidden; /* 超出隐藏 */
    right:0;
    
    /* align-items: center; */
    padding-top: 195px;
    padding-left: auto;
    padding-right: auto;
    /* align-self: center; */
}

#carousel > ul {
    display: flex; /* 图片处理为一行 */
    position: absolute; /* 设置绝对定位，实现相对于#carousel的绝对定位 */
}
#carousel > ul,
#carousel > ul > li{
    padding: 0;
    margin: 0;
    list-style:none; 
}