* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'PingFang HK', 'PingFang HK', sans-serif; }
@font-face { font-family: 'PingFang HK'; src: url('../fonts/SF-PRO-DISPLAY-REGULAR.OTF'); font-weight: normal; font-style: normal; }
body { margin: 0; padding: 0; }

.head { width: 100%; height: 120px; background-image:url("../img/bg_2.png"); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.head .head_1 { width: 90%; box-sizing: border-box; }
.head .up { height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; }
.head .up_left { display: flex; align-items: center; gap: 15px; color: #fff; }
.head .logo { height: 34px; object-fit: contain; }
.head .name-container { text-align: center; }
.head .ch { font-size: 24px; }
.head .en { font-size: 12px; }
.head .up_right .input_bar { padding: 6px 0 6px 20px; display: flex; align-items: center; background: rgba(255, 255, 255, 0.2); border: 1px solid #FFFFFF; border-radius: 5px; width: 229px; height: 32px; }
.head .icon { width: 13px; height: 13px; margin-right: 17px; cursor: pointer; }
.head .input { border: none; background: transparent; color: #fff; flex: 1; outline: none; font-weight: 400; font-size: 13px; }
.head .input::placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; }
.head .input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); }
.head .input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); }
.head .down { height: 50px; display: flex; align-items: center; justify-content: center; max-width: 1200px; }
.head .nav { width: 100%; padding: 0 50px; }
#head_nav { display: flex; align-items: center; justify-content: space-around; width: 100%; margin: 0; padding: 0; list-style: none; }

.nav_item { font-weight: 400; color: #fff; padding: 0 8px; font-size: 14px; cursor: pointer; position: relative; height: 50px; display: flex; align-items: center; }
.second { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: rgba(34, 50, 125, 0.9); padding: 10px 0; min-width: 150px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 100; transition: all 0.3s ease; }
.nav_item:hover .second { visibility: visible; opacity: 1; }
.second_item { padding: 8px 20px; color: #fff; font-size: 13px; transition: background-color 0.1s antialiased; text-align: center; cursor: pointer;display:block; }
.second_item:hover { background-color: rgba(255, 255, 255, 0.1); }

.footer .top { width: 100%; height: 175px; background: #22327D; display: flex; align-items: center; justify-content: space-around;border-bottom:none; }
.footer .top .left { width: 360px; }
.footer .top .left .logo_3 { width: 100%; height: 50px; }
.footer .top .left .companyName { color: #fff; white-space: nowrap; text-align: center; margin-top: 12px; }
.footer .top .left .companyName .ch { font-weight: 600; font-size: 22px; }
.footer .top .left .companyName .en { font-weight: 600; font-size: 10px; }
.footer .top .right { color: #fff; padding-left: 20px; }
.footer .top .right .tag { font-size: 16px; margin-bottom: 20px; }
.footer .top .right ul { padding: 0; margin: 0; list-style-position: inside; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px 60px; }
.footer .top .right li { line-height: 1.2; font-size: 14px; cursor: pointer; transition: color 0.2s ease; }
.footer .top .right li:hover { color: #b3c1ff; }
.footer .bottom { width: 100%; height: 40px; background: #172252; color: #fff; display: flex; align-items: center; justify-content: space-around; }
.footer .bottom .copyright { width: 360px; height: 15px; font-family: Inter, Inter; font-weight: 400; font-size: 12px; color: #FFFFFF; }

.notice_title { display: flex; align-items: flex-end; gap: 10px; padding-bottom: 15px; position: relative; flex-wrap: wrap; }
.notice_title .c_t { font-weight: 600; font-size: 22px; color: #24283A; flex-shrink: 0; }
.notice_title .e_t { font-weight: 400; font-size: 16px; color: #ADADAD; flex-shrink: 0; }
.notice_title .more { margin-left: auto; display: flex; align-items: center; gap: 5px; cursor: pointer; color: #24283A; }
.notice_title .more img { width: 6px; height: 10px; }
.notice_title .no_bg { width: 300px; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: 0; }

.point { width: 24px; height: 26px; flex-shrink: 0; }
.top { width: 100%; padding-bottom: 12px; border-bottom: 1px solid #C3D6FF; }
.bottom { font-weight: 400; font-size: 16px; color: #24283A; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.month { font-weight: 400; font-size: 24px; color: #2664EF; }
.year { font-weight: 400; font-size: 14px; color: #ADADAD; margin-left: 13px;}

.notice { display: flex; flex-direction: column; padding: 60px 20px; max-width: 1200px; margin: 0 auto; }
.notice .up_notice { width: 100%; }
.notice .down_notice { margin-top: 120px; }
.notice .notice_bar { display: flex; gap: 30px; width: 100%; margin-top: 20px; }
.notice .notice_bar .left_carousel { flex: 1; min-height: 300px; }
.notice .notice_bar .left_carousel .notice-carousel { height: inherit; border-radius: 10px; }
.notice .notice_bar .right_list { flex: 1; min-height: 300px; }
.notice .notice_bar .right_list .msg_list { color: #1E90FF; list-style-type: disc; font-size: 20px; margin: 0; }
.notice .notice_bar .right_list .msg_list li { border-bottom: 1px solid #EBEBEB; }
.notice .notice_bar .right_list .msg_list .hot_msg { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; gap: 10px; }
.notice .notice_bar .right_list .msg_list .hot_msg .left .month { font-weight: 400; font-size: 22px; color: #2664EF; }
.notice .notice_bar .right_list .msg_list .hot_msg .left .year { margin-left: 7px; font-weight: 400; font-size: 14px; color: #ADADAD; }
.notice .notice_bar .right_list .msg_list .hot_msg .left .msg_title { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-size: 16px; color: #24283A; line-height: 22px; text-align: left; margin: 5px; }
.notice .down_notice .card_bar { gap: 30px; width: 100%; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr; gap: 30px; margin-top: 30px; opacity: 0; }
.notice .down_notice .card_bar .card { width: 380px; height: 120px; min-height: 120px; background: linear-gradient(138deg, #FFFFFF 0%, #F6F9FF 100%); border-radius: 10px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 15px; cursor: pointer; }

.cademic_active { max-width: 100%; min-height: 630px; background-image: url('../img/bg_1.png'); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; align-items: center; padding: 50px 0 30px; overflow-x: hidden; }
.cademic_active .ac_1 { color: #fff; display: flex; flex-direction: column; align-items: center; }
.cademic_active .ac_1 .ac_1_top { display: flex; align-items: center; gap: 10px; font-size: 22px; margin-bottom: 10px; }
.cademic_active .ac_1 .ac_1_en { font-weight: 400; font-size: 16px; }
.cademic_active .ac_2 { width: 100%; margin-top: 45px; display: flex; justify-content: center; padding: 0 20px; margin-bottom: 52px; }
.cademic_active .ac_2 .scroll-wrapper { position: relative; width: 100%; max-width: calc(4 * 280px + 3 * 20px); display: flex; align-items: center; box-sizing: border-box; }
.cademic_active .ac_2 .btn { width: 40px; height: 40px; background: rgba(36, 55, 96, 0.5); display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; margin: 0 -20px; }
.cademic_active .ac_2 .ac_2_prev { left: 0; transform: translateY(-50%) rotateY(180deg); }
.cademic_active .ac_2 .ac_2_next { right: 0; }
.cademic_active .ac_2 .btn:hover { background-color: #2664EF; }
.cademic_active .ac_2 .img { width: 10px; height: 10px; }
.cademic_active .ac_2 .cards-container { display: flex; gap: 20px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; padding: 10px 0; width: 100%; opacity: 0; }
.cademic_active .ac_2 .cards-container::-webkit-scrollbar { display: none; }
.cademic_active .ac_2 .ac_2_card { width: 280px; height: 340px; border-radius: 10px; background-color: #fff; flex-shrink: 0; scroll-snap-align: start; scroll-snap-stop: always; cursor: pointer; }
.cademic_active .ac_2 .ac_2_card .ac_2_card_top { width: 100%; height: 210px; }
.cademic_active .ac_2 .ac_2_card .ac_2_card_top img { width: 100%; height: 100%; border-radius: 10px 10px 0 0; }
.cademic_active .ac_2 .ac_2_card .ac_2_card_bottom { padding: 15px 20px 30px; }
.cademic_active .ac_3 { width: 220px; height: 38px; border: 1px solid #FFFFFF; border-radius: 1px; display: flex; align-items: center; justify-content: space-around; color: #fff; cursor: pointer; }
.cademic_active .ac_3 img { width: 25px; }

.result{max-width:1200px;height:auto;display:flex;flex-direction:column;padding:60px 20px;margin:0 auto;}
.result .result_content{display:flex;margin-top:30px;width:100%;align-items:flex-start;}
.result .result_card_container{display:flex;gap:30px;flex:1;opacity:0;}
.result .result_card_container .result_card{width:calc(33.333% - 20px);height:365px;border-radius:10px;border:1px solid #D7E3F9;display:flex;flex-direction:column;align-items:center;font-size:24px;overflow:hidden;box-sizing:border-box;}
.result .result_card_container .result_card img{width:100%;height:210px;border-radius:10px 10px 0 0;border:none;display:block;}
.result .result_card_container .result_card .common_card_title{padding:18px 24px 0;box-sizing:border-box;flex-shrink:0;font-weight:600;font-size:16px;color:#24283A;}
.result .result_card_container .result_card .common_card_content{margin-top:10px;box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;flex-grow:1;font-weight:400;font-size:14px;color:#24283A;}
.result .pageCtrl{width:165px;height:365px;background:#F3F7FF;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-left:34px;flex-shrink:0;}
.result .pageCtrl .pageNo{display:flex;align-items:flex-end;justify-content:center;gap:12px;}
.result .pageCtrl .pageNo .now{font-family:Helvetica,Helvetica;font-weight:bold;font-size:30px;color:#2664EF;line-height:20px;}
.result .pageCtrl .pageNo .split{font-size:22px;line-height:22px;}
.result .pageCtrl .pageNo .total{font-family:Helvetica,Helvetica;font-weight:bold;font-size:20px;color:#24283A;line-height:20px;}
.result .pageCtrl .btns{display:flex;flex-direction:column;align-items:center;gap:16px;}
.result .pageCtrl .btns .pageCtrl_btn{width:45px;height:45px;cursor:pointer;transition:transform 0.2s ease;}
.result .pageCtrl .btns .pageCtrl_btn:hover{transform:scale(1.05);}

.professional{height:530px;background:#EEF4FF;width:100%;margin-top:10px;}
.professional .contain{max-width:1200px;height:100%;margin:0 auto;}
.professional .contain .pro_card_container{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:40px;opacity:0;}

.pro_card_container .pro_card{width:230px;height:400px;background:#FFFFFF;border-radius:10px;border:1px solid #B6C3F0;}
.pro_card_container .pro_card .bg_img{width:230px;height:265px;border-radius:10px 10px 0 0;position:relative;}
.pro_card_container .pro_card .bg_img img{width:100%;height:100%;}
.pro_card_container .pro_card .bg_img .name_bar{display:flex;align-items:center;position:absolute;bottom:0;width:100%;height:43px;background:linear-gradient(134deg,#2664EF 0%,rgba(38,100,239,0.2) 100%);}
.pro_card_container .pro_card .bg_img .name_bar .name{margin-left:20px;font-weight:600;font-size:22px;color:#FFFFFF;height:32px;}
.pro_card_container .pro_card .bg_img .name_bar .level{height:32px;line-height:44px;font-weight:400;font-size:13px;color:#FFFFFF;margin-left:11px;text-align:end;}
.pro_card_container .pro_card .introduce{width:190px;margin:15px 20px 20px;font-weight:400;font-size:14px;color:#24283A;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.pro_card_container .pro_card .pro_card_more{width:85px;height:24px;border-radius:5px;border:1px solid #2664EF;float:right;margin-right:15px;display:flex;align-items:center;justify-content:space-around;cursor:pointer;font-weight:400;font-size:12px;color:#24283A;}
.pro_card_container .pro_card .pro_card_more img{width:15px;}

a{text-decoration: none;}