@charset "UTF-8";
body { background: #F3F4F6}
.font-primary-yellow { color: #ffb415}
.w-20 { width: 20px;}
.card {border: none; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}
.text-truncate {max-width: 100%;}
.wrap_yellow { background: linear-gradient(45deg, rgb(255, 255, 248) 0%, rgba(255, 255, 255, 0) 60%);}
.wrap_title_yellow { background: linear-gradient(180deg, rgb(255, 255, 248) 0%, rgba(255, 255, 255, 0) 60%);}
.bg-primary-light { background: #E5E2F4!important; color: #9999FFB2 !important}
.ent_quote::after{ border-left: 2px solid #FBBF3E}

/*-----------顶部整体样式-------------*/
.header-container {padding: 30px 0 10px 0;display: flex; align-items: center;justify-content: space-between;}
#header-sticky {}
.logo-container img {margin-right: 20px;}
.title-container {}
.gradient-line { width: 100%; height: 5px; background: linear-gradient(to right, rgba(128, 246, 128, 0.7), /* 淡绿色 */ rgba(153, 153, 255, 0.7), /* 淡紫色 */ rgb(251, 191, 62, 0.7) /* 淡橙色 */);}
.web_title { font-size: 30px; font-weight: bold; color: #5d6265}
.subhead {font-size: 22px; margin-left: 20px;}
.right-text {text-align: right;}
/*页面顶部右侧文字*/
.right-text.phone-hide {font-size: 16px;color: #b59e65;text-transform: uppercase;letter-spacing: 2px;margin-left: auto;padding: 8px 16px; linear-gradient(to right, #ffeabc, #fff9e7); border-radius: 4px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);}
.right-text.phone-hide:before {content: "";position: absolute;top: -8px;left: 0;right: 15px;height: 2px;background-color: #333;}
.sidebar__menu { display: flex; align-items: center; justify-content: flex-end; padding-right: 20px;}
.sidebar-toggle-btn .line {background-color: #FBBF3E}
.main-bg { background: url("../../../images/shape-1.png") center top no-repeat; padding-top: 30px;}
.color-title {background: linear-gradient(90deg, #d89500, #FBBF3E); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-size: 24px; font-style: normal; font-weight: 600;)}
.bg-award { background: url("../../../images/hdn/award_bg.jpg") center top no-repeat; background-size: cover}
.bg-award p { color: #FFFFFF}
.bg-award h1, .bg-award h2, .bg-award h3, .bg-award h4, .bg-award h5, .bg-award h6 { color: #ffe580}

/*-----------导航栏-------------*/
/*导航*/
.hdn_nav .main-menu {color: #333333; margin-bottom: 10px;}
.hdn_nav .main-menu ul {margin: 0;padding: 0;}
.hdn_nav .main-menu ul li a,
.hdn_nav .main-menu ul li span {color: #333333; padding: 8px 10px;line-height: 36px;font-weight: 500;}
.hdn_nav .main-menu ul li:hover > a,
.hdn_nav .main-menu ul li:hover > span,
.hdn_nav .main-menu ul li a:hover {color: #d39100; background: rgb(255, 255, 255, 0.9); border-radius: 10px;}
.hdn_nav .main-menu ul li {position: relative; font-size: 18px;cursor: pointer}
.hdn_nav .main-menu ul li:not(:last-child){margin-right: 15px !important;}
.hdn_nav .has-dropdown { font-weight: 500; padding: 8px 10px; line-height: 36px;}
.hdn_nav .has-dropdown:hover {background: rgb(255, 255, 255, 0.9); border-radius: 10px;color: #d39100; }
.hdn_nav .main-menu ul li .submenu {width: 200px; background: rgba(255, 255, 255, 0.9); border: none; padding: 8px 5px; margin-top: -2px;}
.hdn_nav .main-menu ul li .submenu li a {color: #4e4e4e; padding: 8px 20px; line-height: 1.5;display: block; }
.hdn_nav .main-menu ul li .submenu li:hover a {color: #e49d00;}
.hdn_nav .main-menu .active {color: #d39100; background: rgb(255, 255, 255, 0.9)!important; border-radius: 10px; line-height: 30px!important; border-bottom: 2px solid #FBBF3E !important;}
.hdn_nav .submenu > .active {background-color: #FFA000; border-bottom: none !important;  }
.hdn_nav .submenu .active > a {}
.dropdown-menu {border: none; margin-top: 0;}

/*首页*/
.intro_title {font-size: 24px; line-height: 36px; position: relative; padding-left: 35px; padding-right: 75px; margin-bottom: 10px;}
.intro_title::before, .intro_title::after { content: '"'; font-size: 48px; color: #BEBAF3; position: absolute; top: calc(70% - 14px);}
.intro_title::after { content: '"'; font-size: 48px; color: #FBBF3E; top: calc(70% - 14px);}
.intro_title::before { left: 10px;}
.intro_title::after {}
.intro_content { text-align: justify; text-indent: 2em; margin-bottom: 10px; }
.feature-list {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;gap: 1rem; }
.feature-item {flex: 0 0 calc(50% - 0.5rem); background-color: #f9f9f9;border-left: 4px solid #BEBAF3; padding: 0.2rem 1rem;border-radius: 8px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);font-weight: 500;color: #333;transition: transform 0.2s ease-in-out;}
.feature-item:hover {transform: translateY(-5px);}
.team_title p { font-size: 12px;line-height: 20px;margin-top: 5px; margin-bottom: 0}
/*搜索框样式*/
.search-box-li {display: inline-block;vertical-align: middle;padding-left: 10px;}
.search-box form {display: flex;border: 2px solid #94A2E9; /* 蓝色边框*/border-radius: 30px;overflow: hidden;background-color: #fff;height: 36px;font-size: 14px;}
.search-box input[type="text"] {padding: 10px 15px;border: none;outline: none;width: 180px;font-size: 14px;}
.search-box input[type="text"]::placeholder {color: #a1a1a1; /* 修改 placeholder 颜色为红色*/}
.search-box button {padding: 3px 15px;background-color: #94A2E9;color: white;border: none;cursor: pointer;transition: background-color 0.3s ease;}
.search-box button:hover {background-color: #0056b3;}
/*时间轴*/
.timeline-container { max-height: 300px; overflow-y: auto;}
.timeline {position: relative; padding-left: 2.2rem;}
.timeline::before {content: ''; position: absolute; left: 1rem; top: 0; height: 100%; width: 2px; background: #e9ecef;}
.timeline-item {position: relative; padding-bottom: 1rem;}
.timeline-year {position: absolute; left: -1.6rem; display: flex; align-items: center; justify-content: center;}
.timeline-year .badge {margin-left: -0.6rem; margin-bottom: 1rem;}
.timeline-event h6 {margin-bottom: 0.5rem; color: #212529;}
.timeline-content {padding-left: 1rem; border-left: 2px solid transparent;}
.timeline-event {position: relative; padding-bottom: 1rem; margin-right: 10px;}
.timeline-event::before {content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #ffae00; left: -0.5rem; top: 0.4rem;}
.timeline-event img { cursor: pointer; }
.timeline-event p { line-height: 22px; }
.image-gallery { display: flex; justify-content: space-around;}
.image-gallery img { height: auto; box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb), .075) !important;}
.image-gallery a:hover img { transform: scale(1.2);}
.image-item { position: relative; height: 86px; overflow: hidden; display: block; border: 3px solid #F3F4F6;border-radius: 10px; box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb), .075);}
.image-item img { height: 100%; object-fit: cover; object-position: top center;}
.yellow-star { color: #EE895E; margin-left: 5px;}
/*列表*/
.content_quote::after { background: linear-gradient(to top, rgba(128, 246, 128, 0.7), /* 淡绿色 */ rgba(153, 153, 255, 0.7), /* 淡紫色 */ rgb(251, 191, 62, 0.7) /* 淡橙色 */);!important; border-radius: 16px;}
.list-group { --bs-list-group-item-padding-x: 10px }
.list-group-item a:hover { color: #EC1C23; }
.list-group-item::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #595959; border-radius: 50%;}
.line-nav {font-size: 12px !important;}
/*书本*/
.book-container { padding: 10px; transition: all 0.3s ease; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border: 1px solid #ECECEC; margin-bottom: 15px;}
.book-container:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.book-cover { margin-bottom: 10px; overflow: hidden;}
.book-container img { border-radius: 4px; display: block;}
.book-title { height: 50px;}
.book-author { }
.carousel-control-next { padding-right: -30px;}
/*教师列表*/
.teacher-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.teacher-item {text-align: center;padding: 20px;}
.teacher-avatar {width: 100px;height: 100px;border-radius: 50%;object-fit: cover;border: 2px solid #FBBF3E;transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2)}
.teacher-name {margin-top: 10px;font-size: 16px;color: #333;}
.team_img { border-radius: 10px; overflow: hidden;}
.team_img img { transition: all 0.6s;-ms-transition: all 0.8s;}
.team_img img:hover { transform: scale(1.1);-ms-transform: scale(1.1);}
.team_bg .row { margin-right: -30px; margin-left: -30px;}
.team_bg .col-6, .team_bg .col-lg-2, .team_bg .col-md-2 {padding-left: 30px; padding-right: 30px;}
.team_box {position: relative; overflow: hidden; margin-bottom: 10px;}
.team_box h5 {margin-top: 20px; text-align: center; font-weight: normal}
.team_box p {text-align: center;}
.footer__bottom-inner {border-top: 0}
.footer__area {margin-top: 50px;}
/*内容页*/
.show_title {font-size: 26px; margin-top: 20px; line-height: 36px; margin-bottom: 10px; text-align: center}
.postbox__wrapper{background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 10px 30px; margin-top: 10px;}

/*----------------适配屏幕---------------------*/
@media screen and (min-width: 1200px) {
    .pc-hide {display: none}
    .header_image {background: url("../../../images/hdn/hdnweb_bg_hill.png") no-repeat center -60px;}
    .header-container {height: 120px; }
    .carousel-control-next, .carousel-control-prev {width: 3%;}
}
/* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度*/
@media (min-width: 500px) and (max-width: 1200px) {
    .phone-hide {display: none}
}
/* 设置了浏览器宽度不大于900px时 abc 显示200px宽度*/
@media screen and (max-width: 500px) {
    .phone-hide {display: none}
    .logo img {width: 40px;}
    .web_title { font-size: 16px; font-weight: bold}
    .main-bg { background: url("../../../images/shape-1.jpg") center top no-repeat; padding-top: 30px;}
    .intro_title {font-size: 20px; position: relative; padding-left: 25px; padding-right: 25px; text-align: center }
    .intro_title::after {right: 10px;}
}