@charset "utf-8";
/* CSS Document */



.wad_1 {
    max-width: 100%;
    margin: 0 0.2rem;
    display: flex;
    align-items: center;
    background-size: contain;
}

.wad_2 {
    max-width: 100%;
    margin: 0 0.2rem;   
    display: flex;
    background-size: contain;
    flex-direction: column;
}

.con_box {
    width: 100% !important;
    max-width: 14.66rem;
    margin-top: 0.4rem;
    position: relative;
}

.index_news {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.index_news .col-2 {
    width: 6.71rem;
    position: relative;
    min-height: 7.2rem;
}

.index_news .index_news_item {
    z-index: 9;
    position: relative;
    height: auto;
    overflow: hidden;
}

.index_news .index_news_item.left {
    width: 100%;
}

.index_news .index_news_item.right {
    width: 100%;
    display: none;
}

.news_wrap {
    width: 100%;
    margin-top: 0.4rem;
    height: auto;
    display: inline-block;
}

.news_slide {
    flex-shrink: 0;
    width: 100%;
    height: 4.68rem;
    position: relative;
    transition-property: transform;
    background: #eaeaea;
}

.news_wrap .item {
    position: relative;
    display: block;
    height: 100%;
}

.news_wrap .item .img_box {
    width: 100%;
    height: 4.68rem;
    position: relative;
}

.news_wrap .item .img_box .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.news_wrap .item .img_box .img img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all .5s ease-in-out;
}

.news_wrap .item:hover .img_box .img img {
    transform: scale(1.05);
}

.news_wrap .item .img_box .title {
    width: 100%;
    font-size: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all .5s;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    line-height: 0.6rem;
    padding: 0 0.15rem;
}

.news_wrap .item:hover .title {
    text-decoration: underline;
}

.news_wrap .ul {
    padding: 0.15rem;
    height: auto;
}

.news_wrap .ul li.title {
    width: 100%;
    display: flex;
    line-height: 0.35rem;
    padding: 0.15rem 0;
    flex-direction: column;
}

.news_wrap .ul li.title a {
    width: 100%;
    font-size: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .5s;
    height: auto;
    color: #000;
}

.news_wrap .ul li.title a:hover {
    color: #936401;
    text-decoration: underline;
    transform: translateY(-2.5px);
    transition: all 0.5s ease-in-out;
}

.news_wrap .ul li.title .date {
    font-size: 0.24rem;
    color: #333;
}

.news_slide_2 {
    flex-shrink: 0;
    width: 94%;
    position: relative;
    transition-property: transform;
    background: #fff;
    margin-bottom: 0.25rem;
    border: 1px solid #e5e5e5;
    float: right;
}

.news_slide_2:hover {
    background: #fff9ec;
    transition: all 0.5s ease-in-out;
}

.news_wrap .item_2 {
    width: 100%;
    position: relative;
    display: flex;
    box-sizing: border-box;
}

.news_wrap .item_2 .text_con_2 {
    display: flex;
    align-items: center;
    margin-left: -0.5rem;
    padding: 0.15rem;
}

.news_wrap .item_2 .date {
    position: relative;
    top: -1px;
    overflow: hidden;
    width: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0 1.5px 1px 0 rgb(0 0 0 / 20%);
    border-radius: 5%;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.news_wrap .item_2 .date h3 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.5rem;
    text-align: center;
    background: #f8b62c;
    color: #fff;
}

.news_wrap .item_2 .date p {
    font-size: 0.30rem;
    line-height: 0.5rem;
    font-weight: bold;
    color: #0583c9;
}

.news_wrap .item_2 .title {
    width: 100%;
    font-size: 0.28rem;
    color: #000;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .5s;
    height: auto;
}

.news_wrap .item_2:hover .title {
    color: #936401;
}

.item_title {
    font-size: 0.2rem;
    text-align: left;
    position: relative;
}

.item_title div {
    display: flex;
    flex-direction: column;
    color: #0583c9;
    font-size: 0.30rem;
    font-weight: bold;
}

.item_title div::after {
    content: "";
    border-bottom: 3px solid #e3a21c;
    width: 0.88rem;
    margin-top: 6px;
}

.item_title .more_txt {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.25rem;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: all .3s;
    color: #333;
}

/*
.item_title .more_txt:hover {
    color: #936401;
    text-decoration: underline;
}
*/

.title_2 {
    top: 0.2rem;

}

.index_bg {
    text-align: center;
    position: relative;
    z-index: 1;
}

.events_container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-direction: column;
    align-items: center;
}

.events_slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    margin-top: 0.25rem;
    background: #f6f6f6;
}

.events_slide::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    width: 3.7rem;
    height: 2.6rem;
    background: url(../img/events_bg.png) top no-repeat;
    background-size: contain;
    transition: all .5s ease-in-out;
}

.events_slide:hover::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    width: 3.7rem;
    height: 2.6rem;
    background: url(../img/events_bg.png) top no-repeat;
    margin-top: -0.25rem;
    margin-left: -0.25rem;
    background-size: contain;
    transition: all .5s ease-in-out;
    
}

.events_container .item {
    position: relative;
    display: block;
    height: 100%;
}

.events_slide:hover .item {
    background-color: rgb(87 147 205 / 52%);
    transform: scale(1.05);
    transition: all .5s ease-in-out;
}

.events_container .events_slide .img_box {
    width: 100%;

}

/* .events_container .events_slide .img_box .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
} */

.events_container .item .img_box .img img {
    width: 100%;
    height: 100%;
}

.events_container .events_slide .item .title {
    font-size: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all .5s;
    text-align: left;
    padding: 0.3rem;
    color: #003656;
}

.events_container .events_slide:hover .item .title {
    color: #fff;
}

.events_container .events_slide .item .date {
    width: 100%;
    font-size: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #787878;
    text-align: left;
    padding: 0 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.events_container .events_slide:hover .item .date {
    color: #fff;
}

.events_container .item .date i {
    display: block;
    left: 0;
    top: 0;
    right: 0;
    height: 0.44rem;
    width: 0.44rem;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    margin-right: 5px;
}

.events_container .item .date i img {
    width: 100%;
    display: block;
    opacity: 0.65;
}

.events_slide:hover .item .date i {
    margin-right: -5px;
}

.events_container .line_1 {
    border-left: 1px solid #b2c3da;
    margin-left: 1px;
    height: 3.8rem;
    opacity: 0.35;
    display: none;
}

.index_notice {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 0.4rem;
}

.index_notice .index_notice_item {
    width: 100%;
    z-index: 10;
}

.notice_wrap {
    width: 100%;
}

.notice_wrap .notice_box {
    position: relative;
}

.notice_container_list {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notice_slide_2 {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: transform;
    background: #fff;
    margin-bottom: 0.25rem;
    box-shadow: 0 0px 6px 0 rgb(0 0 0 / 10%);
}

.notice_slide_2:hover {
    background: #fff9ec;
    transition: all 0.5s ease-in-out;
}

.notice_slide_2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: url(../img/notice_top_bg.png) bottom no-repeat;
    background-size: 100%;
}

/* .notice_wrap .left_1 {
    margin-left: 0.25rem;
} */

.notice_wrap .item_2 {
    width: 100%;
    position: relative;
    display: flex;
    padding: 0.2rem;
    box-sizing: border-box;
}

.notice_wrap .item_2 .notice_con_2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.notice_wrap .item_2 .date {
    font-family: VERDANAB;
    overflow: hidden;
    width: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    background: #0583c9;
}

.notice_wrap .item_2 .date h3 {
    font-size: 0.34rem;
    line-height: 0.5rem;
}

.notice_wrap .item_2 .date p {
    font-size: 0.14rem;
    line-height: 0.5rem;
}

.notice_wrap .item_2 .title {
    width: 100%;
    font-size: 0.28rem;
    color: #000;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .5s;
    height: auto;
}

.notice_wrap .item_2:hover .title {
    color: #936401;

}

.title_3 {
    top: -1.5rem;
    z-index: 9;
}   

.index_bg_2 {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 1.4rem;
    background: url(../img/evente_bg2.png) center bottom no-repeat;
    background-size: cover;
    height: 5rem;
}
.teacher_box{
    margin-top: -1rem;
    overflow: hidden;
}
.teacher_container {
    position: relative;
    width: 100%;
    height: 3.3rem;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;
    padding-top: 1.6rem;
}

.teacher_slide {
    background: url(../img/teacher_bg.png) center no-repeat;
    background-size: 32%;
    flex-shrink: 0;
    width: 1.6rem;
    height: 2.08rem;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.teacher_slide:hover {
    transform: translateY(-5px);
    transition: all 0.5s ease-in-out;
}

.teacher_slide .item {
    width: 100%;
    position: relative;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
}

/*
.teacher_slide .item::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 0;
    background: #f8b62c;
    transition: all 0.5s ease-out 0s;
}
*/

.teacher_slide .item:hover::after {
    width: 100%;
}

.teacher_slide .item .teacher_con {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.teacher_slide .item .teacher_con .photo_img {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    border: 4px solid #f8ac27;
    overflow: hidden;
    margin-top: -1.1rem;
}

.teacher_slide .item .teacher_con .photo_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teacher_slide .item .teacher_con .title {
    display: flex;
    color: #000;
    margin: 0 0.25rem;
    flex-direction: column;
    align-items: center;
}

.teacher_slide .item .teacher_con .title h3 {
    font-size: 0.28rem;
    margin: 0.15rem 0 0.15rem;
    font-weight: normal;
}

.teacher_slide .item .teacher_con .title p {
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}

.teacher_slide .item .teacher_con .title em {
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}

.btn_bottom {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -0.3rem;
}

.focus_box {
    bottom: 0;
    z-index: 999;
}

.focus_box li {
    float: left;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    cursor: pointer;
    background: #e2e2e2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.btn_bottom .focus_box li.current {
    background-color: #f8ac27;
}

.btn_bottom .focus_box li a {
    display: block;
    width: 100%;
    height: 100%;

}