html { --xp-content-width: 16rem; --xp-color1: #203D72; --xp-color2: #2A57A0; --xp-color3: #365580; --xp-color4: #4d6586; --xp-color5: #9bb0cc; --xp-color6: #d0d6df; }.xp_a56a506f06_0_container { position: relative; z-index: 1000; width: 100%; } .xp_a56a506f06_0_head { position: fixed; top: 0; left: 0; z-index: 1000; background-color: var(--xp-color1); width: 100%; height: 1.1rem; display: flex; justify-content: center; } .xp_a56a506f06_0_content { position: relative; width: 100%; max-width: var(--xp-content-width); height: 100%; display: flex; align-items: center; } .xp_a56a506f06_0_logo_box { width: fit-content; height: 100%; display: flex; align-items: center; } .xp_a56a506f06_0_logo { height: 0.7rem; width: 3.55rem; } .xp_a56a506f06_0_logo_title { width: fit-content; display: flex; align-items: center; position: relative; color: #fff; font-size: 0.24rem; margin-left: 0.38rem; letter-spacing: 0.01rem; } .xp_a56a506f06_0_logo_title::before { position: absolute; content: ""; left: -0.16rem; width: 0.01rem; height: 0.26rem; background-color: #fff; } .xp_a56a506f06_0_right_box { flex: 1; width: 0; display: flex; flex-direction: column; align-items: flex-end; margin-left: 0.4rem; } .xp_a56a506f06_0_link_box { width: 100%; display: flex; align-items: center; justify-content: flex-end; margin-top: -0.1rem; } .xp_a56a506f06_0_link { display: flex; align-items: center; cursor: pointer; } .xp_a56a506f06_0_link_icon { width: 0.18rem; height: 0.18rem; margin-right: 0.04rem; } .xp_a56a506f06_0_link_title { color: #fff; font-size: 0.16rem; } .xp_a56a506f06_0_link_title:hover { text-decoration: underline; } .xp_a56a506f06_0_nav_box { width: 100%; display: flex; justify-content: flex-end; align-items: center; padding-top: 0.05rem; } .xp_a56a506f06_0_nav_list { display: flex; align-items: center; } .xp_a56a506f06_0_nav_line { position: relative; margin-right: 0.15rem; padding: 0.04rem 0.1rem; cursor: pointer; display: flex; flex-direction: column; align-items: center; border-bottom: 0.02rem solid transparent; } .xp_a56a506f06_0_nav_line_title { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.2rem; color: #fff; font-weight: 400; } .xp_a56a506f06_0_nav_line:hover { border-bottom: 0.02rem solid #fff; } .xp_a56a506f06_0_nav_line:hover .xp_a56a506f06_0_nav_line_title { font-weight: bold; } .xp_a56a506f06_0_nav_group { position: absolute; z-index: 100; top: 0; width: fit-content; padding-top: 0.45rem; visibility: hidden; opacity: 0; transform: translateY(0.1rem); transition: all ease .4s; } .xp_a56a506f06_0_nav_line:hover .xp_a56a506f06_0_nav_group { visibility: visible; opacity: 1; transform: translateY(0); } .xp_a56a506f06_0_group_box { width: 100%; height: fit-content; box-shadow: 0 0 0.04rem 0.01rem #5555559c; background-color: #fff; border-radius: 0.02rem; } .xp_a56a506f06_0_group_line { text-wrap: nowrap; width: 100%; height: 0.4rem; display: flex; justify-content: center; align-items: center; padding: 0 0.14rem; font-size: 0.18rem; text-align: center; } .xp_a56a506f06_0_group_line:hover { color: #fff; font-weight: bold; background-color: var(--xp-color2); } .xp_a56a506f06_0_nav_search { width: 1.4rem; height: 0.26rem; margin-left: 0.2rem; background-color: #fff; display: flex; align-items: center; padding: 0 0.1rem; border-radius: 0.4rem; cursor: pointer; } .xp_a56a506f06_0_nav_search_icon { width: 0.16rem; height: 0.16rem; color: #333; } .xp_a56a506f06_0_nav_search_title { font-size: 0.16rem; color: #999; margin-left: 0.08rem; } .xp_a56a506f06_0_search { width: 100%; height: 0.7rem; position: absolute; left: 0; top: 1.2rem; z-index: 90; box-shadow: 0 0 0.04rem 0.01rem #55555550; background-color: #fff; padding: 0.14rem; display: flex; align-items: center; transition: transform .4s ease, opacity .3s ease; } .xp_a56a506f06_0_search_true { opacity: 1; transform: translateY(0); visibility: visible; } .xp_a56a506f06_0_search_false { transform: translateY(0.7rem); opacity: 0; visibility: hidden; } .xp_a56a506f06_0_search_box { width: 100%; height: 100%; border-radius: 0.04rem; display: flex; align-items: center; background-color: #fafafa; padding: 0 0.2rem; } .xp_a56a506f06_0_search_icon { width: 0.2rem; height: 0.2rem; color: #555; margin-right: 0.1rem; } .xp_a56a506f06_0_search_input { font-size: 0.18rem; color: #333; margin-left: 0.08rem; flex: 1; width: 0; border: none; background-color: transparent; outline: none; } .xp_a56a506f06_0_search_but1 { user-select: none; cursor: pointer; height: 100%; padding: 0 0.2rem; display: flex; align-items: center; font-size: 0.16rem; color: #fff; background-color: var(--xp-color1); margin-left: 0.2rem; text-wrap: nowrap; border-radius: 0.02rem; } .xp_a56a506f06_0_search_but2 { user-select: none; cursor: pointer; height: 100%; padding: 0 0.2rem; display: flex; align-items: center; font-size: 0.16rem; color: #333; background-color: #f0f0f0; margin-left: 0.1rem; text-wrap: nowrap; border-radius: 0.02rem; } .xp_a56a506f06_0_search_but_icon { width: 0.18rem; height: 0.18rem; margin-right: 0.1rem; } .xp_a56a506f06_0_h5 { display: none; } .xp_a56a506f06_0_zhanwei { width: 100%; height: 1.1rem; } @media screen and (max-width: 800px) { .xp_a56a506f06_0_head { display: none; } .xp_a56a506f06_0_h5 { position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center; width: 100%; height: 0.62rem; padding: 0 0.2rem; background-color: var(--xp-color1); } .xp_a56a506f06_0_zhanwei { width: 100%; height: 0.62rem; } .xp_a56a506f06_0_h5_logo { height: 0.35rem; } .xp_a56a506f06_0_h5_title { color: #fff; font-size: 0.14rem; margin-left: 0.24rem; flex: 1; display: flex; align-items: center; position: relative; } .xp_a56a506f06_0_h5_title::before { position: absolute; left: -0.12rem; width: 0.01rem; height: 0.2rem; content: ""; background-color: #fff; } .xp_a56a506f06_0_h5_but { width: 0.4rem; height: 0.4rem; border-radius: 0.02rem; display: flex; align-items: center; justify-content: center; transform: translateX(0.06rem); } .xp_a56a506f06_0_h5_but_icon { width: 0.24rem; height: 0.24rem; color: #fff; } .xp_a56a506f06_0_h5_menu { width: 100%; max-height: 0; opacity: 0; transition: all .3s ease; position: absolute; top: 0.62rem; left: 0; overflow: hidden; border-top: 0.01rem solid #fafafa39; background-color: var(--xp-color1); } .xp_a56a506f06_0_h5_menu_show { max-height: 10rem; opacity: 1; } .xp_a56a506f06_0_h5_menu_item { width: 100%; font-size: 0.16rem; color: #fff; padding: 0.12rem 0.2rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.01rem solid #fafafa39; } .xp_a56a506f06_0_h5_menu_item:last-child { border-bottom: 0.01rem solid transparent; } .xp_a56a506f06_0_h5_menu_item_icon { width: 0.24rem; height: 0.24rem; color: #fff; } .xp_a56a506f06_0_h5_link { width: 100%; display: flex; justify-content: center; padding: 0.2rem; gap: 0.15rem; flex-wrap: wrap; } .xp_a56a506f06_0_h5_link_item { color: #fff; font-size: 0.14rem; border: 0.01rem solid #f0f0f0; padding: 0.04rem 0.1rem; border-radius: 0.04rem; } } .xp_e06d28f8ea_3_container { width: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1; background-color: #FFFFFF; margin: 0rem 0rem 0rem 0rem; perspective: 100vw; transform-style: preserve-3d; } .xp_e06d28f8ea_3_content { width: 100%; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; } .xp_e06d28f8ea_3_banner { width: 100%; height: 50vh; } .xp_e06d28f8ea_3_banner_item { width: 100%; height: 100%; overflow: hidden; } .xp_e06d28f8ea_3_banner_item_img { width: 100%; height: 100%; display: flex; transform: scale(1) rotateX(360deg); object-fit: cover; transition: transform linear 5s; } .xp_e06d28f8ea_3_index { width: 100%; height: 0.2rem; position: absolute; bottom: 0.3rem !important; z-index: 10; display: flex; align-items: center; padding: 0 0.34rem; transform: translate(0rem,0rem); justify-content: center; } .xp_e06d28f8ea_3_index_item { width: 0.1rem; height: 0.1rem; border-radius: 50%; background-color: #fff; margin: 0 0.06rem; transition: all ease .4s; } .xp_e06d28f8ea_3_index_item_select { width: 0.4rem; height: 0.1rem; border-radius: 0.04rem; } .xp_e06d28f8ea_3_button { position: absolute; width: 0.45rem; height: 1rem; background-color: rgba(0, 0, 0, .4); z-index: 20; cursor: pointer; color: #f0f0f0; border-radius: 0.04rem; display: flex; align-items: center; justify-content: center; } .xp_e06d28f8ea_3_pre { left: 0.4rem; } .xp_e06d28f8ea_3_next { right: 0.4rem; } .xp_e06d28f8ea_3_button:hover { color: #fff; background-color: rgba(0, 0, 0, .6); } .xp_e06d28f8ea_3_item_icon { width: 0.3rem; height: 0.3rem; } @media screen and (min-width: 800px) { .swiper-slide-active .xp_e06d28f8ea_3_banner_item_img { transform: scale(1.08) rotateX(360deg); } } @media screen and (max-width: 800px) { .xp_e06d28f8ea_3_container { width: 100vw; background-image: none; background-color: transparent; margin: 0rem 0rem 0rem 0rem; padding: 0.2rem 0.2rem 0rem 0.2rem; } .xp_e06d28f8ea_3_banner { width: 100%; max-height: 2rem; } .xp_e06d28f8ea_3_button { display: none; } .xp_e06d28f8ea_3_children { width: 100%; margin-top: 0; } .xp_e06d28f8ea_3_index { bottom: -0.5rem !important; } .xp_e06d28f8ea_3_index_item_select { width: 0.3rem; height: 0.1rem; } } .xp_cb4941b793_2_container { position: relative; z-index: 4; width: 100%; display: flex; flex-direction: column; align-items: center; margin: -0.6rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; } .xp_cb4941b793_2_title { width: 100%; max-width: var(--xp-content-width); } .xp_cb4941b793_2_content { max-width: var(--xp-content-width); width: 100%; border-radius: 0.1rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px; display: flex; align-items: center; justify-content: space-around; background-color: rgb(255,255,255); } .xp_cb4941b793_2_line_box { padding: 0.2rem; display: flex; flex-direction: column; align-items: center; cursor: pointer; } .xp_cb4941b793_2_line_title { font-size: 0.16rem; font-weight: bold; color: var(--xp-color1); } .xp_cb4941b793_2_line_icon_select { display: none; } .xp_cb4941b793_2_line_box:hover .xp_cb4941b793_2_line_icon_default { display: none; } .xp_cb4941b793_2_line_box:hover .xp_cb4941b793_2_line_icon_select { display: flex; } .xp_cb4941b793_2_line_icon { width: 0.5rem; height: 0.5rem; margin-bottom: 0.1rem; } @media screen and (max-width: 800px) { .xp_cb4941b793_2_container { width: 100vw; background-color: transparent; background-image: none; margin: 0.2rem 0rem 0.2rem 0rem; padding: 0rem 0.2rem 0rem 0.2rem; } .xp_cb4941b793_2_content { width: 100%; border-radius: 0; } .xp_cb4941b793_2_line_box { padding: 0.1rem; } .xp_cb4941b793_2_line_icon { width: 0.28rem; height: 0.28rem; } .xp_cb4941b793_2_line_title { font-size: 0.12rem; font-weight: 400; } } .xp_title_7083127d48_0_container2 { width: 100%; display: flex; align-items: center; position: relative; user-select: none; margin-bottom: 0.4rem; } .xp_title_7083127d48_0_title_box { flex: 1; display: flex; align-items: center; padding-left: 0.24rem; position: relative; } .xp_title_7083127d48_0_title_hr { position: absolute; left: 0; width: 0.04rem; height: 0.42rem; background-color: var(--xp-color1); } .xp_title_7083127d48_0_more_box { font-size: 0.18rem; padding: 0.04rem 0; cursor: pointer; display: flex; align-items: center; font-weight: bold; color: #A1A1A1; } .xp_title_7083127d48_0_more_box_icon { width: 0.28rem; height: 0.28rem; margin-left: 0.14rem; color: #A1A1A1; } .xp_title_7083127d48_0_bg_title2 { width: 100%; display: flex; font-size: 0.54rem; font-weight: bold; z-index: 1; line-height: 0.54rem; position: relative; top: -0.1rem; font-style: italic; color: #E1E9F4; } .xp_title_7083127d48_0_title2 { position: absolute; left: 0.2rem; top: 0.2rem; width: 9rem; z-index: 10; font-size: 0.32rem; font-weight: bold; letter-spacing: 0.01rem; line-height: 0.32rem; text-indent: 0.06rem; display: flex; align-items: center; color: var(--xp-color1); } .xp_title_7083127d48_0_title2_item { padding-left: 0.1rem; padding-right: 0.1rem; cursor: pointer; } .xp_title_7083127d48_0_title2_item:hover { color: var(--xp-color1); } .xp_title_7083127d48_0_select { color: var(--xp-color1); } @media screen and (max-width: 800px) { .xp_title_7083127d48_0_container1 { margin-bottom: 0.2rem; } .xp_title_7083127d48_0_container2 { width: 100%; margin-bottom: 0.2rem; } .xp_title_7083127d48_0_title_hr { width: 0.04rem; height: 0.24rem; } .xp_title_7083127d48_0_hr1 { top: 0.56rem; } .xp_title_7083127d48_0_bg_title2 { font-size: 0.24rem; left: -0.1rem; top: -0.05rem; } .xp_title_7083127d48_0_bg_title1 { font-size: 0.24rem; } .xp_title_7083127d48_0_title1 { font-size: 0.18rem; top: 0.22rem; } .xp_title_7083127d48_0_title2 { padding: 0; left: 0.1rem; top: 0.15rem; width: 75%; font-size: 0.18rem; } .xp_title_7083127d48_0_title2_item { padding-left: 0.05rem; padding-right: 0.05rem; } .xp_title_7083127d48_0_more_box { padding: 0.04rem 0; font-size: 0.14rem; } .xp_title_7083127d48_0_more_box_icon { width: 0.2rem; height: 0.2rem; margin-left: 0.1rem; } } .xp_7083127d48_0_container { position: relative; z-index: 1; width: 100%; height: 100%; padding: 0rem 0rem 0rem 0rem; } .xp_7083127d48_0_title { width: 100%; max-width: var(--xp-content-width); } .xp_7083127d48_0_box { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; } .xp_7083127d48_0_content { flex: 1; height: 0; display: flex; } .xp_7083127d48_0_one { margin-right: 0.2rem; width: 4.8rem; height: 100%; display: flex; flex-direction: column; } .xp_7083127d48_0_one_img { flex: 1; height: 0; width: 100%; object-fit: cover; } .xp_7083127d48_0_one_bar { position: relative; width: 100%; height: 0.58rem; background-color: #fff; display: flex; align-items: center; padding-left: 0.8rem; } .xp_7083127d48_0_one_date { position: absolute; left: 0; top: 0; width: 0.58rem; height: 0.5rem; background-color: var(--xp-color1); display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; } .xp_7083127d48_0_one_date_d { font-size: 0.2rem; line-height: 0; font-weight: bold; } .xp_7083127d48_0_one_date_ym { margin-top: 0.2rem; font-size: 0.12rem; line-height: 0; } .xp_7083127d48_0_one_title { width: 100%; font-size: 0.18rem; color: #333; font-weight: bold; } .xp_7083127d48_0_list { flex: 1; width: 0; display: flex; flex-direction: column; justify-content: space-between; } .xp_7083127d48_0_line { width: 100%; height: 0.8rem; background-color: #fff; display: flex; align-items: center; padding: 0 0.2rem; cursor: pointer; } .xp_7083127d48_0_icon { position: relative; width: 0.68rem; height: 0.62rem; margin-right: 0.2rem; border-radius: 0.04rem; transform: translateY(0.02rem); border: 0.02rem solid var(--xp-color1); display: flex; justify-content: center; } .xp_7083127d48_0_icon_1 { width: 100%; height: 0.1rem; position: absolute; top: 0; left: 0; background-color: var(--xp-color1); } .xp_7083127d48_0_date { padding-top: 0.1rem; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--xp-color1); } .xp_7083127d48_0_date_d { line-height: 0; font-size: 0.2rem; font-weight: bold; } .xp_7083127d48_0_date_ym { line-height: 0; font-size: 0.14rem; margin-top: 0.18rem; } .xp_7083127d48_0_icon_2 { width: 0.04rem; height: 0.08rem; background-color: var(--xp-color1); position: absolute; top: -0.06rem; margin-right: 0.2rem; } .xp_7083127d48_0_icon_3 { width: 0.04rem; height: 0.08rem; background-color: var(--xp-color1); position: absolute; top: -0.06rem; margin-left: 0.2rem; } .xp_7083127d48_0_line_title { flex: 1; width: 0; color: #333; font-weight: bold; font-size: 0.18rem; } .xp_7083127d48_0_line:hover { background-color: var(--xp-color1); } .xp_7083127d48_0_line:hover .xp_7083127d48_0_date { color: #fff; } .xp_7083127d48_0_line:hover .xp_7083127d48_0_line_title { color: #fff; } .xp_7083127d48_0_line:hover .xp_7083127d48_0_icon_1 { background-color: #fff; } .xp_7083127d48_0_line:hover .xp_7083127d48_0_icon_2 { background-color: #fff; } .xp_7083127d48_0_line:hover .xp_7083127d48_0_icon_3 { background-color: #fff; } .xp_7083127d48_0_line:hover .xp_7083127d48_0_icon { border-color: #fff; } @media screen and (max-width: 800px) { .xp_7083127d48_0_container { width: 100vw; background-image: none; background-color: transparent; margin: 0rem 0rem 0rem 0rem; padding: 0rem 0.2rem 0rem 0.2rem; } .xp_7083127d48_0_content { width: 100%; flex-direction: column; flex: none; height: auto; } .xp_7083127d48_0_one { width: 100%; height: auto; margin-bottom: 0.1rem; } .xp_7083127d48_0_one_date { width: 0.9rem; height: 100%; position: relative; border-radius: 0.04rem; margin-right: 0.2rem; } .xp_7083127d48_0_one_bar { padding: 0.1rem; height: 0.78rem; } .xp_7083127d48_0_box { height: fit-content; } .xp_7083127d48_0_one_title { font-size: 0.14rem; } .xp_7083127d48_0_line_title { font-size: 0.14rem; } .xp_7083127d48_0_one_date_d { font-size: 0.18rem; } .xp_7083127d48_0_list { flex: none; width: 100%; } .xp_7083127d48_0_line { padding: 0 0.1rem; margin-bottom: 0.1rem; } .xp_7083127d48_0_one_img { display: none; } } .xp_title_7b2ffd261f_1_container2 { width: 100%; display: flex; align-items: center; position: relative; user-select: none; margin-bottom: 0.4rem; } .xp_title_7b2ffd261f_1_title_box { flex: 1; display: flex; align-items: center; padding-left: 0.24rem; position: relative; } .xp_title_7b2ffd261f_1_title_hr { position: absolute; left: 0; width: 0.04rem; height: 0.42rem; background-color: var(--xp-color1); } .xp_title_7b2ffd261f_1_more_box { font-size: 0.18rem; padding: 0.04rem 0; cursor: pointer; display: flex; align-items: center; font-weight: bold; color: #A1A1A1; } .xp_title_7b2ffd261f_1_more_box_icon { width: 0.28rem; height: 0.28rem; margin-left: 0.14rem; color: #A1A1A1; } .xp_title_7b2ffd261f_1_bg_title2 { width: 100%; display: flex; font-size: 0.54rem; font-weight: bold; z-index: 1; line-height: 0.54rem; position: relative; top: -0.1rem; font-style: italic; color: #E1E9F4; } .xp_title_7b2ffd261f_1_title2 { position: absolute; left: 0.2rem; top: 0.2rem; width: 9rem; z-index: 10; font-size: 0.32rem; font-weight: bold; letter-spacing: 0.01rem; line-height: 0.32rem; text-indent: 0.06rem; display: flex; align-items: center; color: var(--xp-color1); } .xp_title_7b2ffd261f_1_title2_item { padding-left: 0.1rem; padding-right: 0.1rem; cursor: pointer; } .xp_title_7b2ffd261f_1_title2_item:hover { color: var(--xp-color1); } .xp_title_7b2ffd261f_1_select { color: var(--xp-color1); } @media screen and (max-width: 800px) { .xp_title_7b2ffd261f_1_container1 { margin-bottom: 0.2rem; } .xp_title_7b2ffd261f_1_container2 { width: 100%; margin-bottom: 0.2rem; } .xp_title_7b2ffd261f_1_title_hr { width: 0.04rem; height: 0.24rem; } .xp_title_7b2ffd261f_1_hr1 { top: 0.56rem; } .xp_title_7b2ffd261f_1_bg_title2 { font-size: 0.24rem; left: -0.1rem; top: -0.05rem; } .xp_title_7b2ffd261f_1_bg_title1 { font-size: 0.24rem; } .xp_title_7b2ffd261f_1_title1 { font-size: 0.18rem; top: 0.22rem; } .xp_title_7b2ffd261f_1_title2 { padding: 0; left: 0.1rem; top: 0.15rem; width: 75%; font-size: 0.18rem; } .xp_title_7b2ffd261f_1_title2_item { padding-left: 0.05rem; padding-right: 0.05rem; } .xp_title_7b2ffd261f_1_more_box { padding: 0.04rem 0; font-size: 0.14rem; } .xp_title_7b2ffd261f_1_more_box_icon { width: 0.2rem; height: 0.2rem; margin-left: 0.1rem; } } .xp_7b2ffd261f_1_container { position: relative; z-index: 1; width: 100%; height: 100%; margin: 0rem 0rem 0rem 0rem; } .xp_7b2ffd261f_1_title { width: 100%; max-width: var(--xp-content-width); } .xp_7b2ffd261f_1_box { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; padding:0rem 0rem 0rem 0rem; } .xp_7b2ffd261f_1_title { width: 100%; max-width: var(--xp-content-width); } .xp_7b2ffd261f_1_content { width: 100%; flex:1; height: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 0.1rem 0.2rem; background-color: #FFFFFF; } .xp_7b2ffd261f_1_line_date_icon { width: 0.16rem; height: 0.16rem; color: #999; margin-right: 0.06rem; } .xp_7b2ffd261f_1_line { width: 100%; display: flex; position: relative; flex-direction: column; padding: 0.1rem 0; cursor: pointer; border-bottom: 0.01rem solid #f0f0f0; } .xp_7b2ffd261f_1_line:last-child { border-bottom: none; } .xp_7b2ffd261f_1_line_date { color: #666; display: flex; cursor: pointer; align-items: center; font-size: 0.16rem; } .xp_7b2ffd261f_1_line_title { flex: 1; cursor: pointer; font-weight: bold; padding-right: 0.2rem; font-size: 0.18rem; } .xp_7b2ffd261f_1_line:hover .xp_7b2ffd261f_1_line_title { color: var(--xp-color1); } @media screen and (max-width: 800px) { .xp_7b2ffd261f_1_container { width: 100vw; height: auto; margin: 0.1rem 0rem 0rem 0rem; } .xp_7b2ffd261f_1_box { background-image: none; background-color: transparent; padding: 0rem 0.2rem 0rem 0.2rem; } .xp_7b2ffd261f_1_line_date { font-size: 0.14rem; } .xp_7b2ffd261f_1_content { flex: none; height: auto; padding: 0rem; } .xp_7b2ffd261f_1_line { padding: 0.1rem 0.2rem; } .xp_7b2ffd261f_1_line_title { font-size: 0.14rem; } } .xp_5a3b1a9432_4_container { position: relative; z-index: 1; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url('https://yzzy-img.schoolpi.net/storage/images/20251124/1763973704_69241a48e6136.webp'); background-color: #FFFFFF; margin: -0.7rem 0rem 0rem 0rem; padding: 1.6rem 0rem 0.4rem 0rem; } .xp_5a3b1a9432_4_content { width: 100%; max-width: var(--xp-content-width); height: 4.6rem; display: flex; align-items: center; gap: 0.2rem; } .xp_5a3b1a9432_4_title { width: var(--xp-content-width); } .xp_5a3b1a9432_4_content_item { overflow: hidden; height: 100%; } .xp_5a3b1a9432_4_content_item_max { flex: 5; } .xp_5a3b1a9432_4_content_item_min { flex: 2; } .xp_5a3b1a9432_4_content_placeholder { width: 100%; height: 100%; position: relative; border: 0.02rem dotted #555; border-left: 0 dotted #555; } .xp_5a3b1a9432_4_content_item:first-child .xp_5a3b1a9432_4_content_placeholder { border-left: 0.02rem dotted #555; } .xp_5a3b1a9432_4_content_placeholder_box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; font-size: 0.23rem; color: #999; } @media screen and (max-width: 800px) { .xp_5a3b1a9432_4_container{ margin: 0; padding: 0; background-image: none; background-color: transparent; } .xp_5a3b1a9432_4_content_item_max, .xp_5a3b1a9432_4_content_item_min { flex: none; } .xp_5a3b1a9432_4_content { flex-direction: column; gap: 0; height: auto; } .xp_5a3b1a9432_4_content_item { flex: none; width: 100%; } } .xp_title_74339890cb_5_container2 { width: 100%; display: flex; align-items: center; position: relative; user-select: none; margin-bottom: 0.4rem; } .xp_title_74339890cb_5_title_box { flex: 1; display: flex; align-items: center; padding-left: 0.24rem; position: relative; } .xp_title_74339890cb_5_title_hr { position: absolute; left: 0; width: 0.04rem; height: 0.42rem; background-color: var(--xp-color1); } .xp_title_74339890cb_5_more_box { font-size: 0.18rem; padding: 0.04rem 0; cursor: pointer; display: flex; align-items: center; font-weight: bold; color: #A1A1A1; } .xp_title_74339890cb_5_more_box_icon { width: 0.28rem; height: 0.28rem; margin-left: 0.14rem; color: #A1A1A1; } .xp_title_74339890cb_5_bg_title2 { width: 100%; display: flex; font-size: 0.54rem; font-weight: bold; z-index: 1; line-height: 0.54rem; position: relative; top: -0.1rem; font-style: italic; color: #E1E9F4; } .xp_title_74339890cb_5_title2 { position: absolute; left: 0.2rem; top: 0.2rem; width: 9rem; z-index: 10; font-size: 0.32rem; font-weight: bold; letter-spacing: 0.01rem; line-height: 0.32rem; text-indent: 0.06rem; display: flex; align-items: center; color: var(--xp-color1); } .xp_title_74339890cb_5_title2_item { padding-left: 0.1rem; padding-right: 0.1rem; cursor: pointer; } .xp_title_74339890cb_5_title2_item:hover { color: var(--xp-color1); } .xp_title_74339890cb_5_select { color: var(--xp-color1); } @media screen and (max-width: 800px) { .xp_title_74339890cb_5_container1 { margin-bottom: 0.2rem; } .xp_title_74339890cb_5_container2 { width: 100%; margin-bottom: 0.2rem; } .xp_title_74339890cb_5_title_hr { width: 0.04rem; height: 0.24rem; } .xp_title_74339890cb_5_hr1 { top: 0.56rem; } .xp_title_74339890cb_5_bg_title2 { font-size: 0.24rem; left: -0.1rem; top: -0.05rem; } .xp_title_74339890cb_5_bg_title1 { font-size: 0.24rem; } .xp_title_74339890cb_5_title1 { font-size: 0.18rem; top: 0.22rem; } .xp_title_74339890cb_5_title2 { padding: 0; left: 0.1rem; top: 0.15rem; width: 75%; font-size: 0.18rem; } .xp_title_74339890cb_5_title2_item { padding-left: 0.05rem; padding-right: 0.05rem; } .xp_title_74339890cb_5_more_box { padding: 0.04rem 0; font-size: 0.14rem; } .xp_title_74339890cb_5_more_box_icon { width: 0.2rem; height: 0.2rem; margin-left: 0.1rem; } } .xp_74339890cb_5_container { position: relative; z-index: 2; width: 100%; display: flex; align-items: center; flex-direction: column; background-color: rgba(255,255,255,0); margin: 0rem 0rem 0rem 0rem; padding: 1rem 0rem 0rem 0rem; } .xp_74339890cb_5_title { width: 100%; max-width: var(--xp-content-width); } .xp_74339890cb_5_content { width: 100%; position: relative; display: flex; align-items: center; max-width: var(--xp-content-width); } .xp_74339890cb_5_box { flex: 1; overflow: hidden; } .xp_74339890cb_5_item { width: 100%; height: 100%; user-select: none; overflow: hidden; display: flex !important; flex-direction: column; } .xp_74339890cb_5_item_img { width: 100%; height: 2.2rem; display: flex; object-fit: cover; cursor: pointer; } .xp_74339890cb_5_next_item { background-color: #fff; color: var(--xp-color2); padding: 0.14rem; box-shadow: rgba(0, 0, 0, 0.3) 0 0.02rem 0.06rem 0; border-radius: 50%; cursor: pointer; user-select: none; position: absolute; z-index: 10; } .xp_74339890cb_5_item_title { width: 100%; height: 0.5rem; background-color: #EDEDED; color: #333; display: flex; align-items: center; justify-content: center; color: var(--xp-color1); font-weight: bold; font-size: 0.18rem; } .xp_74339890cb_5_next_l { left: -0.24rem; } .xp_74339890cb_5_next_r { right: -0.24rem; } .xp_74339890cb_5_next_item_icon { width: 0.24rem; height: 0.24rem; display: flex; } .xp_74339890cb_5_next_image { width: 0.66rem; height: 0.66rem; object-fit: cover; margin: 0 0.3rem; cursor: pointer; } @media screen and (max-width: 800px) { .xp_74339890cb_5_container { width: 100vw; background-image: none; margin: 0.2rem 0rem 0rem 0rem; padding: 0rem 0.2rem 0rem 0.2rem; } .xp_74339890cb_5_item_title { height: 0.4rem; font-size: 0.14rem; } .xp_74339890cb_5_item_img { height: 1rem; } .xp_74339890cb_5_next_item { padding: 0.04rem; } .xp_74339890cb_5_next_l { left: 0.1rem; } .xp_74339890cb_5_next_r { right: 0.1rem; } .xp_74339890cb_5_next_item_icon { width: 0.18rem; height: 0.18rem; display: flex; } } .xp_7246b45caf_6_container { position: relative; z-index: 1; width: 100%; display: flex; align-items: center; flex-direction: column; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("https://yzzy-img.schoolpi.net/storage/images/20251125/1764062754_69257622f301d.webp"); background-color: rgba(255,255,255,0); margin: -4rem 0rem 0rem 0rem; padding: 5.2rem 0rem 1.2rem 0rem; } .xp_7246b45caf_6_title { width: 100%; max-width: var(--xp-content-width); } .xp_7246b45caf_6_content { width: 100%; position: relative; display: flex; align-items: center; max-width: var(--xp-content-width); } .xp_7246b45caf_6_box { flex: 1; overflow: hidden; } .xp_7246b45caf_6_item { width: 100%; height: 100%; user-select: none; overflow: hidden; } .xp_7246b45caf_6_item_img { width: 100%; display: flex; object-fit: cover; cursor: pointer; } .xp_7246b45caf_6_next_item { background-color: #fff; color: var(--xp-color2); padding: 0.14rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px; border-radius: 50%; cursor: pointer; user-select: none; position: absolute; z-index: 10; } .xp_7246b45caf_6_next_l { left: -0.24rem; } .xp_7246b45caf_6_next_r { right: -0.24rem; } .xp_7246b45caf_6_next_item_icon { width: 0.24rem; height: 0.24rem; display: flex; } .xp_7246b45caf_6_next_image { width: 0.66rem; height: 0.66rem; object-fit: cover; margin: 0 0.3rem; cursor: pointer; } @media screen and (max-width: 800px) { .xp_7246b45caf_6_container { width: 100vw; background-image: none; margin: 0.2rem 0rem 0rem 0rem; padding: 0rem 0.2rem 0rem 0.2rem; } .xp_7246b45caf_6_next_item { padding: 0.04rem; } .xp_7246b45caf_6_next_l { left: 0.1rem; } .xp_7246b45caf_6_next_r { right: 0.1rem; } .xp_7246b45caf_6_next_item_icon { width: 0.18rem; height: 0.18rem; display: flex; } } .xp_title_1481756b0c_7_container2 { width: 100%; display: flex; align-items: center; position: relative; user-select: none; margin-bottom: 0.4rem; } .xp_title_1481756b0c_7_title_box { flex: 1; display: flex; align-items: center; padding-left: 0.24rem; position: relative; } .xp_title_1481756b0c_7_title_hr { position: absolute; left: 0; width: 0.04rem; height: 0.42rem; background-color: rgb(255,255,255); } .xp_title_1481756b0c_7_more_box { font-size: 0.18rem; padding: 0.04rem 0; cursor: pointer; display: flex; align-items: center; font-weight: bold; color: rgb(255,255,255); } .xp_title_1481756b0c_7_more_box_icon { width: 0.28rem; height: 0.28rem; margin-left: 0.14rem; color: rgb(255,255,255); } .xp_title_1481756b0c_7_bg_title2 { width: 100%; display: flex; font-size: 0.54rem; font-weight: bold; z-index: 1; line-height: 0.54rem; position: relative; top: -0.1rem; font-style: italic; color: #4370AF; } .xp_title_1481756b0c_7_title2 { position: absolute; left: 0.2rem; top: 0.2rem; width: 9rem; z-index: 10; font-size: 0.32rem; font-weight: bold; letter-spacing: 0.01rem; line-height: 0.32rem; text-indent: 0.06rem; display: flex; align-items: center; color: rgb(255,255,255); } .xp_title_1481756b0c_7_title2_item { padding-left: 0.1rem; padding-right: 0.1rem; cursor: pointer; } .xp_title_1481756b0c_7_title2_item:hover { color: var(--xp-color1); } .xp_title_1481756b0c_7_select { color: rgb(255,255,255); } @media screen and (max-width: 800px) { .xp_title_1481756b0c_7_container1 { margin-bottom: 0.2rem; } .xp_title_1481756b0c_7_container2 { width: 100%; margin-bottom: 0.2rem; } .xp_title_1481756b0c_7_title_hr { width: 0.04rem; height: 0.24rem; } .xp_title_1481756b0c_7_hr1 { top: 0.56rem; } .xp_title_1481756b0c_7_bg_title2 { font-size: 0.24rem; left: -0.1rem; top: -0.05rem; } .xp_title_1481756b0c_7_bg_title1 { font-size: 0.24rem; } .xp_title_1481756b0c_7_title1 { font-size: 0.18rem; top: 0.22rem; } .xp_title_1481756b0c_7_title2 { padding: 0; left: 0.1rem; top: 0.15rem; width: 75%; font-size: 0.18rem; } .xp_title_1481756b0c_7_title2_item { padding-left: 0.05rem; padding-right: 0.05rem; } .xp_title_1481756b0c_7_more_box { padding: 0.04rem 0; font-size: 0.14rem; } .xp_title_1481756b0c_7_more_box_icon { width: 0.2rem; height: 0.2rem; margin-left: 0.1rem; } } .xp_1481756b0c_7_container { position: relative; z-index: 1; width: 100%; display: flex; align-items: center; flex-direction: column; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("https://yzzy-img.schoolpi.net/storage/images/20251128/1764294176_6928fe204ce56.webp"); background-color: #FFFFFF; margin: 0rem 0rem 0rem 0rem; padding: 0.6rem 0rem 0.6rem 0rem; } .xp_1481756b0c_7_title { width: 100%; max-width: var(--xp-content-width); } .xp_1481756b0c_7_banner{ width: 100%; height: 3rem; } .xp_1481756b0c_7_content { max-width: var(--xp-content-width); width: 100%; height: 5.2rem; display: flex; align-items: center; overflow: hidden; } .xp_1481756b0c_7_item { width: 100%; height: 100%; position: relative; z-index: 1; } .xp_1481756b0c_7_item_box{ width: 100%; height: 100%; display: flex; align-items: center; position: relative; } .xp_1481756b0c_7_item_img { width: 100%; height: 100%; display: flex; object-fit: cover; border-radius: 0.04rem; } .xp_1481756b0c_7_item.swiper-slide-active { z-index: 2; transform: scale(1.5) !important; } .xp_1481756b0c_7_item.swiper-slide-active .xp_1481756b0c_7_item_img { height: 100%; box-shadow: rgba(0, 0, 0, 0.8) 0 0.04rem 0.1rem 0; } .xp_1481756b0c_7_item_play { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; z-index: 10; } .xp_1481756b0c_7_item_play_icon { width: 0.5rem; height: 0.5rem; cursor: pointer; color: #7AA4B7; cursor: pointer; } @media screen and (max-width: 800px) { .xp_1481756b0c_7_container{ width: 100vw; margin: 0.2rem 0rem 0.2rem 0rem; padding: 0.2rem 0.2rem 0.2rem 0.2rem; } .xp_1481756b0c_7_content { height: 1.4rem; justify-content: center; } .xp_1481756b0c_7_banner { height: 0.7rem; } .xp_1481756b0c_7_item_play_icon { width: 0.24rem; height: 0.24rem; } } .xp_title_62342d5bb3_8_container2 { width: 100%; display: flex; align-items: center; position: relative; user-select: none; margin-bottom: 0.4rem; } .xp_title_62342d5bb3_8_title_box { flex: 1; display: flex; align-items: center; padding-left: 0.24rem; position: relative; } .xp_title_62342d5bb3_8_title_hr { position: absolute; left: 0; width: 0.04rem; height: 0.42rem; background-color: var(--xp-color1); } .xp_title_62342d5bb3_8_more_box { font-size: 0.18rem; padding: 0.04rem 0; cursor: pointer; display: flex; align-items: center; font-weight: bold; color: #A1A1A1; } .xp_title_62342d5bb3_8_more_box_icon { width: 0.28rem; height: 0.28rem; margin-left: 0.14rem; color: #A1A1A1; } .xp_title_62342d5bb3_8_bg_title2 { width: 100%; display: flex; font-size: 0.54rem; font-weight: bold; z-index: 1; line-height: 0.54rem; position: relative; top: -0.1rem; font-style: italic; color: #E1E9F4; } .xp_title_62342d5bb3_8_title2 { position: absolute; left: 0.2rem; top: 0.2rem; width: 9rem; z-index: 10; font-size: 0.32rem; font-weight: bold; letter-spacing: 0.01rem; line-height: 0.32rem; text-indent: 0.06rem; display: flex; align-items: center; color: var(--xp-color1); } .xp_title_62342d5bb3_8_title2_item { padding-left: 0.1rem; padding-right: 0.1rem; cursor: pointer; } .xp_title_62342d5bb3_8_title2_item:hover { color: var(--xp-color1); } .xp_title_62342d5bb3_8_select { color: var(--xp-color1); } @media screen and (max-width: 800px) { .xp_title_62342d5bb3_8_container1 { margin-bottom: 0.2rem; } .xp_title_62342d5bb3_8_container2 { width: 100%; margin-bottom: 0.2rem; } .xp_title_62342d5bb3_8_title_hr { width: 0.04rem; height: 0.24rem; } .xp_title_62342d5bb3_8_hr1 { top: 0.56rem; } .xp_title_62342d5bb3_8_bg_title2 { font-size: 0.24rem; left: -0.1rem; top: -0.05rem; } .xp_title_62342d5bb3_8_bg_title1 { font-size: 0.24rem; } .xp_title_62342d5bb3_8_title1 { font-size: 0.18rem; top: 0.22rem; } .xp_title_62342d5bb3_8_title2 { padding: 0; left: 0.1rem; top: 0.15rem; width: 75%; font-size: 0.18rem; } .xp_title_62342d5bb3_8_title2_item { padding-left: 0.05rem; padding-right: 0.05rem; } .xp_title_62342d5bb3_8_more_box { padding: 0.04rem 0; font-size: 0.14rem; } .xp_title_62342d5bb3_8_more_box_icon { width: 0.2rem; height: 0.2rem; margin-left: 0.1rem; } } .xp_62342d5bb3_8_container { position: relative; z-index: 1; width: 100%; display: flex; align-items: center; flex-direction: column; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("https://yzzy-img.schoolpi.net/storage/images/20251128/1764292709_6928f8659c0b2.webp"); background-color: rgba(255,255,255,0); margin: 0rem 0rem -1rem 0rem; padding: 1.2rem 0rem 1.2rem 0rem; } .xp_62342d5bb3_8_title { width: 100%; max-width: var(--xp-content-width); } .xp_62342d5bb3_8_content { width: 100%; max-width: var(--xp-content-width); position: relative; display: flex; } .xp_62342d5bb3_8_list { flex: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.2rem; flex-wrap: wrap; margin-left: 0.2rem; } .xp_62342d5bb3_8_line { width: 100%; height: 2.5rem; overflow: hidden; margin-right: 0.2rem; position: relative; cursor: pointer; } .xp_62342d5bb3_8_content_l { width: 7.8rem; height: 5.2rem; margin-right: 0; } .xp_62342d5bb3_8_line_img { width: 100%; height: 100%; object-fit: cover; transition: all ease .7s; } .xp_62342d5bb3_8_line:hover .xp_62342d5bb3_8_line_img { transform: scale(1.1); } .xp_62342d5bb3_8_line_title { width: 100%; position: absolute; bottom: 0; left: 0; font-size: 0.18rem; font-weight: bold; color: #FFFFFF; padding: 0.2rem 0.4rem; line-height: 0.4rem; backdrop-filter: blur(0.01rem); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6)); } @media screen and (max-width: 800px) { .xp_62342d5bb3_8_container { background-image: none; background-color: transparent; margin: 0.2rem 0rem 0rem 0rem; padding: 0rem 0.2rem 0.2rem 0.2rem; width: 100vw; } .xp_62342d5bb3_8_content { flex-direction: column; height: auto; } .xp_62342d5bb3_8_line_title { font-size: 0.14rem; padding: 0.1rem 0.2rem; } .xp_62342d5bb3_8_content_l { width: 100%; height: 2.4rem; } .xp_62342d5bb3_8_line { margin-right: 0; height: 2rem; margin-bottom: 0.2rem; } .xp_62342d5bb3_8_line:last-child { margin-bottom: 0; } .xp_62342d5bb3_8_list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0; margin-left: 0; } } .xp_a2773dc693_1_container { position: relative; z-index: 3; width: 100%; display: flex; flex-direction: column; align-items: center; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url('https://yzzy-img.schoolpi.net/storage/images/20251128/1764291488_6928f3a0ed2d7.webp'); background-color: rgba(32,61,114,0); margin: 0rem 0rem 0rem 0rem; padding: 1.6rem 0rem 0rem 0rem; } .xp_a2773dc693_1_content { max-width: var(--xp-content-width); width: 100%; } .xp_a2773dc693_1_top { width: 100%; display: flex; } .xp_a2773dc693_1_top_item { flex: 1; display: flex; flex-direction: column; } .xp_a2773dc693_1_top_item_r { flex-direction: row; justify-content: flex-end; } .xp_a2773dc693_1_top_head { width: 100%; height: 0.4rem; display: flex; align-items: center; margin-bottom: 0.3rem; } .xp_a2773dc693_1_top_head_title { color: #FFFFFF; font-size: 0.2rem; font-weight: bold; position: relative; display: flex; justify-content: center; } .xp_a2773dc693_1_top_head_title::after { content: ""; position: absolute; top: 0.34rem; width: 0.35rem; height: 0.02rem; background-color: #FFFFFF; } .xp_a2773dc693_1_logo { width: 3.55rem; height: 0.7rem; } .xp_a2773dc693_1_logo_name { font-size: 0.2rem; font-weight: 500; margin-left: 0.1rem; } .xp_a2773dc693_1_bottom { width: 100%; padding: 0.14rem 0; margin-top: 0.5rem; font-size: 0.16rem; display: flex; align-items: center; justify-content: center; background-color: rgb(31,98,174); } .xp_a2773dc693_1_bottom a { margin: 0 0.1rem; color: #FFFFFF; display: flex; align-items: center; } .xp_a2773dc693_1_bottom img { width: 0.2rem; height: 0.2rem; margin-right: 0.1rem; } .xp_a2773dc693_1_code { width: 100%; display: flex; align-items: center; margin-top: 0.4rem; } .xp_a2773dc693_1_code_item { width: 1rem; margin-right: 0.4rem; } .xp_a2773dc693_1_code_item img { width: 100%; height: 1rem; } .xp_a2773dc693_1_code_item_name { width: 100%; display: flex; align-items: center; justify-content: center; color: #FFFFFF; margin-top: 0.14rem; font-size: 0.16rem; } .xp_a2773dc693_1_links { width: 3.4rem; display: flex; flex-direction: column; } .xp_a2773dc693_1_link_item { width: fit-content; margin-bottom: 0.14rem; cursor: pointer; font-size: 0.18rem; } .xp_a2773dc693_1_text_item { width: fit-content; margin-bottom: 0.18rem; font-size: 0.18rem; } .xp_a2773dc693_1_link_item:hover { color: #f0f0f0; } .xp_a2773dc693_1_text_color{ color: #FFFFFF; } .xp_a2773dc693_1_link_color { color: #FFFFFF; } @media screen and (max-width: 800px) { .xp_a2773dc693_1_container { width: 100vw; overflow: hidden; margin: 0rem 0rem 0rem 0rem; padding: 0rem; } .xp_a2773dc693_1_content { padding: 0.2rem 0.2rem 0.2rem 0.2rem; } .xp_a2773dc693_1_logo { width: 100%; height: auto; } .xp_a2773dc693_1_code { width: 100%; margin-top: 0.4rem; display: flex; justify-content: space-between; } .xp_a2773dc693_1_top_item { width: 100%; flex: none; } .xp_a2773dc693_1_links { width: 100%; } .xp_a2773dc693_1_code_item { margin-right: 0; width: 1rem; } .xp_a2773dc693_1_code_item img { height: 1rem; } .xp_a2773dc693_1_top { flex-direction: column; align-items: center; } .xp_a2773dc693_1_top_item_r { margin-top: 0.4rem; justify-content: flex-start; flex-direction: column; } .xp_a2773dc693_1_top_head_title::after { display: none; } .xp_a2773dc693_1_top_head { margin-bottom: 0.2rem; margin-top: 0.1rem; } .xp_a2773dc693_1_link_item { font-size: 0.14rem; } .xp_a2773dc693_1_text_item { font-size: 0.14rem; } .xp_a2773dc693_1_bottom a { font-size: 0.14rem; } }