.nowrap-width { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; } .nowrap-max-width { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; } /* 首页共用 */ .a-index-title { font-weight: bold; font-size: var(--font-46); color: #000000; text-align: center; } /* 首页第一屏幕轮播图 */ .a-index-banner { position: relative; z-index: 6; } .a-index-banner .a-index-swiper1 .swiper-pagination { width: 86%; max-width: 1500px; position: absolute; left: 50%; transform: translatex(-50%); bottom: 26.354%; display: flex; justify-content: flex-start; align-items: center; } .a-index-banner .a-index-swiper1 .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; border-radius: 50%; border: 2px solid #90aec4; flex-shrink: 0; opacity: 1; position: relative; z-index: 2; background-color: transparent; transform-origin: center center; margin-right: 30px; margin-left: 0; } .a-index-banner .a-index-swiper1 .swiper-pagination .swiper-pagination-bullet:last-of-type { margin-right: 0; } .a-index-banner .a-index-swiper1 .swiper-pagination .swiper-pagination-bullet::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; background: #edc24f; border-radius: 50%; opacity: 0; } .a-index-banner .a-index-swiper1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 25px; height: 25px; border-color: #edc24f; } .a-index-banner .a-index-swiper1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { opacity: 1; } .a-index-banner .a-index-swiper1 .swiper-slide { position: relative; } .a-index-banner .a-index-swiper1 .pic { display: block; width: 100%; } /* 2025-4-7 调整 */ .a-index-banner .a-index-swiper1 .pic img { display: block; width: 100%; height: auto; max-height: min(85vh, 800px); object-fit: cover; } /* 2025-4-7 调整 */ .a-index-banner .a-index-swiper1 .slide-text { position: absolute; left: 50%; transform: translatex(-50%); top: 15%; } /* 2025-4-7 调整 */ .a-index-banner .a-index-swiper1 .slide-text .title-theme { font-weight: bold; font-size: var(--font-56); color: #edc24f; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25); margin-bottom: 0.21rem; } .a-index-banner .a-index-swiper1 .slide-text .sub-title { font-weight: normal; font-size: var(--font-46); color: #ffffff; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25); } /* 2025-4-7 调整 */ .a-index-banner .a-index-swiper1 .slide-text .time { display: flex; align-items: flex-start; margin-top: 0.35rem; } .a-index-banner .a-index-swiper1 .slide-text .time .time-item { margin-right: 1.35rem; } .a-index-banner .a-index-swiper1 .slide-text .time .time-item:last-of-type { margin-right: 0; } .a-index-banner .a-index-swiper1 .slide-text .time .time-item .default { font-weight: 400; font-size: var(--font-24); color: #ffffff; line-height: 1.5; } .a-index-banner .a-index-swiper1 .slide-text .time .time-item .min { font-weight: 300; font-size: var(--font-18); color: rgba(255, 255, 255, 0.3); line-height: 2; } .a-index-banner .a-index-banner-panel { position: absolute; left: 0; bottom: 0; width: 100%; padding-top: max(15px, 0.25rem); padding-bottom: max(15px, 0.36rem); background-repeat: no-repeat; background-size: cover; background-position: left center; background-color: rgba(3, 110, 184, 0.96); clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%); z-index: 7; } .a-index-banner .a-index-banner-panel .text-wrap { max-width: 1590px; margin-left: auto; margin-right: auto; display: flex; align-items: center; width: 86%; } .a-index-banner .a-index-banner-panel .text-wrap .left { font-weight: 400; font-size: var(--font-32); color: #edc24f; white-space: nowrap; display: flex; align-items: center; } .a-index-banner .a-index-banner-panel .text-wrap .left .icon { margin-left: max(10px, 0.2rem); } .a-index-banner .a-index-banner-panel .text-wrap .left .icon img { width: max(30px, 0.61rem); height: max(30px, 0.65rem); object-fit: contain; filter: blur(2px); } .a-index-banner .a-index-banner-panel .text-wrap .right { display: flex; align-items: center; margin-left: max(15px, 0.65rem); flex: 1; min-width: 0; overflow: hidden; } .a-index-banner .a-index-banner-panel .text-wrap .right .item { display: flex; align-items: center; } .a-index-banner .a-index-banner-panel .text-wrap .right .item:last-of-type { margin-right: 0; } .a-index-banner .a-index-banner-panel .text-wrap .right .item:hover .r-icon .default { display: none; } .a-index-banner .a-index-banner-panel .text-wrap .right .item:hover .r-icon .hover { display: inline-block; } .a-index-banner .a-index-banner-panel .text-wrap .right .item:hover .r-text { color: #edc24f; } .a-index-banner .a-index-banner-panel .text-wrap .right .item .r-icon { margin-right: 9px; } .a-index-banner .a-index-banner-panel .text-wrap .right .item .r-icon .hover { display: none; } .a-index-banner .a-index-banner-panel .text-wrap .right .item .r-text { font-weight: 400; font-size: var(--font-20); color: rgba(255, 255, 255, 0.6); line-height: 1.8; } .a-index-banner .a-index-banner-panel .text-wrap .right .item:nth-child(1) .r-text { flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .a-index-banner .a-index-banner-panel .text-wrap .right .item:nth-child(2) .r-text { flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } /* 首页创新资讯 */ .a-index-news-panel { padding-top: max(35px, 0.79rem); padding-bottom: max(1.31rem, 35px); } .a-index-news-panel .a-index-news-tab { display: flex; align-items: center; justify-content: center; margin-top: 29px; margin-bottom: max(35px, 1.15rem); } .a-index-news-panel .a-index-news-tab .tab-item { width: fit-content; padding: 10px 26px; background: #e5e8ea; border-radius: 18px; display: flex; align-items: center; justify-content: center; user-select: none; cursor: pointer; margin-right: max(0.2rem, 10px); font-weight: 400; font-size: var(--font-16); color: #888888; position: relative; z-index: 2; overflow: hidden; } .a-index-news-panel .a-index-news-tab .tab-item::after { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background-color: #edc24f; z-index: -1; transition: var(--duration); } .a-index-news-panel .a-index-news-tab .tab-item:last-of-type { margin-right: 0; } .a-index-news-panel .a-index-news-tab .tab-item.active { color: #fff; } .a-index-news-panel .a-index-news-tab .tab-item.active::after { width: 100%; right: auto; left: 0; } .a-index-news-panel .main-item { display: flex; } .a-index-news-panel .main-item .m-left { width: 44.667%; flex-shrink: 0; } .a-index-news-panel .main-item .m-left .list { display: none; } .a-index-news-panel .main-item .m-left .list.show { display: block; } .a-index-news-panel .main-item .m-left .item { display: flex; align-items: center; padding-bottom: 0.2rem; border-bottom: 1px solid #f0f0f0; margin-bottom: max(15px, 0.18rem); } .a-index-news-panel .main-item .m-left .item:last-of-type { margin-bottom: 0; } .a-index-news-panel .main-item .m-left .item:hover .i-left .icon .hover { display: inline-block; } .a-index-news-panel .main-item .m-left .item:hover .i-left .icon .default { display: none; } .a-index-news-panel .main-item .m-left .item:hover .i-left .text { color: #2f8bdc; } .a-index-news-panel .main-item .m-left .item .i-left { display: flex; align-items: center; margin-right: 15px; flex: 1; min-width: 0; } .a-index-news-panel .main-item .m-left .item .i-left .icon { margin-right: 12px; } .a-index-news-panel .main-item .m-left .item .i-left .icon img { width: 18px; object-fit: contain; } .a-index-news-panel .main-item .m-left .item .i-left .icon .hover { display: none; } .a-index-news-panel .main-item .m-left .item .i-left .text { font-weight: 400; font-size: var(--font-20); color: #777777; line-height: 1.5; flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; transition: var(--duration); } .a-index-news-panel .main-item .m-left .item .i-right { margin-left: auto; font-weight: 400; font-size: var(--font-18); color: #bfc0c0; padding-left: max(10px, 0.24rem); border-left: 1px solid #e0cece; } .a-index-news-panel .main-item .m-right { width: 50%; flex-shrink: 0; margin-left: auto; } .a-index-news-panel .main-item .m-right .index-news-swiper { position: relative; display: none; z-index: 2; } .a-index-news-panel .main-item .m-right .index-news-swiper.show { display: block; } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide { position: relative; z-index: 3; } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .pic { display: block; width: 100%; padding-top: 90.134%; position: relative; overflow: hidden; } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .pic:hover img { transform: scale(1.05); } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration); } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .mask { position: absolute; left: 0; bottom: 0; width: 100%; height: 45%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0)); pointer-events: none; } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .slide-text { width: 100%; position: absolute; left: 0; bottom: 8.875%; z-index: 2; padding-left: 6.133%; padding-right: 14.26%; } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .slide-text .slide-title { font-weight: bold; font-size: var(--font-22); color: #ffffff; line-height: 1.36363636; margin-bottom: 0.09rem; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .slide-text .slide-sub-title { font-weight: 300; font-size: var(--font-18); color: rgba(255, 255, 255, 0.6); line-height: 1.44444444; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow { position: absolute; top: 42.455%; width: max(45px, 0.61rem); height: max(45px, 0.61rem); background: rgba(0, 0, 0, 0.2); border-radius: 50%; user-select: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: var(--duration); z-index: 2; overflow: hidden; } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow::after { content: ""; position: absolute; width: 0; height: 100%; top: 0; background-color: #000; z-index: -1; transition: var(--duration); } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow.a-news-left { left: max(10px, 0.27rem); } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow.a-news-left::after { left: 0; } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow.a-news-left:hover::after { width: 100%; left: auto; right: 0; } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow.a-news-right { right: max(10px, 0.27rem); } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow.a-news-right::after { right: 0; } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow.a-news-right:hover::after { width: 100%; right: auto; left: 0; } /* 首页创新创业大赛 */ .a-index-ds { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: max(1.18rem, 35px); padding-bottom: max(1.23rem, 35px); /* 赛事通知 */ /* 图标集合 */ } .a-index-ds .min-icon { margin-left: auto; margin-right: auto; } .a-index-ds .min-icon img { display: block; margin-left: auto; margin-right: auto; } .a-index-ds .min-icon1 { margin-top: 0.58rem; margin-bottom: 0.31rem; } .a-index-ds .min-icon2 { margin-top: 0.51rem; margin-bottom: 0.61rem; } .a-index-ds .a-index-ds-head { display: flex; align-items: center; justify-content: center; margin-bottom: max(15px, 0.53rem); } .a-index-ds .a-index-ds-head .ds-left { margin-right: max(15px, 0.76rem); } .a-index-ds .a-index-ds-head .ds-left .color-yellow { font-weight: bold; font-size: var(--font-36); color: #d59d07; } .a-index-ds .a-index-ds-head .ds-left .color-gray { font-weight: 400; font-size: var(--font-37); color: #c6dceb; margin-left: max(10px, 0.15rem); } .a-index-ds .a-index-ds-head .ds-right .a-ds-select { position: relative; z-index: 2; } .a-index-ds .a-index-ds-head .ds-right .a-ds-select .select-head { display: flex; align-items: center; padding-bottom: 4px; border-bottom: 2px solid #d59d07; user-select: none; cursor: pointer; } .a-index-ds .a-index-ds-head .ds-right .a-ds-select .select-head span { font-weight: 400; font-size: var(--font-18); color: #d59d07; } .a-index-ds .a-index-ds-head .ds-right .a-ds-select .select-head .icon { display: flex; align-items: center; margin-left: 12px; transition: var(--duration); } .a-index-ds .a-index-ds-head .ds-right .a-ds-select .select-head.active .icon { transform: rotate(180deg); } .a-index-ds .a-index-ds-head .ds-right .a-ds-select .select-main { display: none; position: absolute; left: 50%; transform: translatex(-50%); top: 130%; background-color: #fff; border-radius: 10px; padding: 20px 15px 10px; cursor: pointer; user-select: none; } .a-index-ds .a-index-ds-head .ds-right .a-ds-select .select-main .select-item { font-size: var(--font-16); color: #000; white-space: nowrap; margin-bottom: 10px; transition: var(--duration-min); } .a-index-ds .a-index-ds-head .ds-right .a-ds-select .select-main .select-item:hover { color: #d59d07; } .a-index-ds .a-index-ds-card-main { width: 90%; max-width: 1115px; margin-left: auto; margin-right: auto; } .a-index-ds .a-index-ds-card-main .card-content { display: none; } .a-index-ds .a-index-ds-card-main .card-content.show { display: block; } .a-index-ds .a-index-ds-card-main .card-item { display: flex; align-items: stretch; width: 100%; } .a-index-ds .a-index-ds-card-main .card-item .card-left { width: 56.413%; flex-shrink: 0; background-image: url(/uploads/image/shimages/a-index-ds-card1-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: max(10px, 0.3rem); padding-top: 19px; padding-left: max(0.3rem, 15px); padding-right: max(0.27rem, 15px); padding-bottom: 16px; margin-right: 10px; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-h { display: flex; align-items: center; margin-bottom: 0.15rem; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-h .card-state { font-weight: 400; font-size: var(--font-20); color: #f1c243; line-height: 1.5; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-h .card-name { font-weight: 400; font-size: var(--font-20); color: #ffffff; line-height: 1.5; margin-left: auto; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m { display: flex; align-items: center; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m .time { line-height: 1; display: flex; align-items: center; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m .time .time-text { display: flex; align-items: center; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m .time .time-text .month { font-weight: bold; font-size: var(--font-40); color: #c3e1f6; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m .time .time-text .day { font-weight: bold; font-size: var(--font-60); color: #fff; margin-left: 5px; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m .time.start-time .split-icon { margin-left: max(10px, 0.39rem); } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m .time.end-time { margin-left: auto; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m .time.end-time .split-icon { margin-right: max(10px, 0.36rem); } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-link { font-weight: 400; font-size: var(--font-16); color: #ffffff; text-decoration-line: underline; line-height: 1.875; margin-top: 0.1rem; } .a-index-ds .a-index-ds-card-main .card-item .card-right { display: flex; justify-content: space-between; align-items: stretch; width: 42.691%; flex-shrink: 0; /* 2025-3-28 修改 */ } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item { width: 48.95%; background-image: url(/uploads/image/shimages/a-index-ds-card2-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: max(0.3rem, 10px); padding-top: 19px; padding-left: 15px; padding-right: 15px; /* 2025-3-28 修改 */ } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item .r-item-title { font-weight: 400; font-size: var(--font-20); color: #ba8904; line-height: 1.5; margin-bottom: 0.15rem; } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item .r-item-time { font-weight: bold; font-size: var(--font-36); display: flex; align-items: center; line-height: 1; } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item .r-item-time .month { color: #a4bccd; } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item .r-item-time .day { color: #d59d07; } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item span { font-size: var(--font-32); color: #a4bccd; margin-left: 5px; margin-right: 5px; } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item .r-item-link { font-weight: 400; font-size: var(--font-16); color: #3f7498; text-decoration-line: underline; line-height: 1.875; margin-top: 0.3rem; } .a-index-ds .a-index-ds-panel .content { display: flex; justify-content: space-between; max-width: 1324px; margin-left: auto; margin-right: auto; width: 92%; } .a-index-ds .a-index-ds-panel .content .panel-item { width: 46.148%; flex-shrink: 0; } .a-index-ds .a-index-ds-panel .content .panel-item .panel-title { display: flex; align-items: center; margin-bottom: max(20px, 0.58rem); } .a-index-ds .a-index-ds-panel .content .panel-item .panel-title .t-zh { font-weight: bold; font-size: var(--font-36); color: #d59d07; } .a-index-ds .a-index-ds-panel .content .panel-item .panel-title .t-en { font-weight: 400; font-size: var(--font-37); color: #c6dceb; margin-left: max(10px, 0.17rem); } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item { display: flex; background: #d8ecfa; border-radius: 25px; height: 80px; margin-bottom: 20px; overflow: hidden; transition: var(--duration); } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item:last-of-type { margin-bottom: 0; } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item .link-left { width: 152px; flex-shrink: 0; background: #aac1d2; border-radius: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: var(--duration); } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item .link-left .day { font-weight: bold; font-size: var(--font-30); color: #ffffff; white-space: nowrap; line-height: 1; } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item .link-left .time { font-weight: 400; font-size: var(--font-16); color: #ffffff; line-height: 1; margin-top: 7px; white-space: nowrap; } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item .link-right { font-weight: 400; font-size: var(--font-16); color: #333333; line-height: 1.5; padding-left: max(0.25rem, 10px); padding-right: max(0.45rem, 10px); display: flex; align-items: center; transition: var(--duration); } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item .link-right span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item:hover { background-color: #0b87de; } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item:hover .link-left { background-color: #63bbf8; } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item:hover .link-right span { color: #fff; } .a-index-ds .a-index-ds-panel .content .panel-item .more-link { font-weight: 400; font-size: var(--font-18); color: #000000; text-decoration-line: underline; margin-top: max(15px, 0.33rem); width: fit-content; margin-left: auto; margin-right: auto; display: block; transition: var(--duration); } .a-index-ds .a-index-ds-panel .content .panel-item .more-link:hover { color: var(--theme); } .a-index-ds .a-index-ds-icon-list { display: flex; align-items: center; justify-content: center; margin-top: max(30px, 0.87rem); } .a-index-ds .a-index-ds-icon-list .icon-item { user-select: none; cursor: pointer; margin-right: 3.16rem; } .a-index-ds .a-index-ds-icon-list .icon-item:hover .icon-pic { background-color: #d59d07; } .a-index-ds .a-index-ds-icon-list .icon-item:hover .icon-text { color: #d59d07; } .a-index-ds .a-index-ds-icon-list .icon-item:last-of-type { margin-right: 0; } .a-index-ds .a-index-ds-icon-list .icon-item .icon-pic { width: max(1.42rem, 120px); height: max(1.4rem, 120px); background: #2281c2; border-radius: max(0.5rem, 30px); display: flex; align-items: center; justify-content: center; transition: var(--duration); margin-left: auto; margin-right: auto; } .a-index-ds .a-index-ds-icon-list .icon-item .icon-text { font-weight: 400; font-size: var(--font-20); color: #2281c2; margin-top: max(15px, 0.27rem); white-space: nowrap; line-height: 1; transition: var(--duration); text-align: center; } /* 创新服务 */ .a-index-service { padding-top: max(35px, 0.82rem); padding-bottom: max(35px, 1.31rem); } .a-index-service .a-index-service-wrap { max-width: 1470px; } .a-index-service .a-index-service-wrap .service-list { display: flex; column-gap: max(0.3rem, 15px); margin-top: max(35px, 0.91rem); } .a-index-service .a-index-service-wrap .service-list .col { flex: 1; } .a-index-service .a-index-service-wrap .service-list .col1 { position: relative; z-index: 2; transition: var(--duration); border-radius: 20px; overflow: hidden; } .a-index-service .a-index-service-wrap .service-list .col1::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transform-origin: center center; width: 100%; height: 100%; pointer-events: none; background-color: rgba(0, 83, 141, 0.9); opacity: 0; transition: var(--duration); border-radius: 20px; } .a-index-service .a-index-service-wrap .service-list .col1:hover::after { transform: translate(-50%, -50%) scale(1, 1); opacity: 1; } .a-index-service .a-index-service-wrap .service-list .col1:hover .inner .icon .default { display: none; } .a-index-service .a-index-service-wrap .service-list .col1:hover .inner .icon .active { display: inline-block; } .a-index-service .a-index-service-wrap .service-list .col1:hover .inner .text { color: #f7ca52; } .a-index-service .a-index-service-wrap .service-list .col1 .pic { width: 100%; padding-top: 127.66%; position: relative; overflow: hidden; } .a-index-service .a-index-service-wrap .service-list .col1 .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration); } .a-index-service .a-index-service-wrap .service-list .col1 .inner { position: absolute; left: 50%; top: 50%; transform: translatex(-50%) translatey(-50%); z-index: 2; } .a-index-service .a-index-service-wrap .service-list .col1 .inner .icon { text-align: center; } .a-index-service .a-index-service-wrap .service-list .col1 .inner .icon .active { display: none; } .a-index-service .a-index-service-wrap .service-list .col1 .inner .text { font-weight: bold; font-size: var(--font-26); color: rgba(255, 255, 255, 0.5); text-align: center; margin-top: max(10px, 0.2rem); } .a-index-service .a-index-service-wrap .service-list .col2, .a-index-service .a-index-service-wrap .service-list .col3 { display: flex; flex-direction: column; justify-content: space-between; position: relative; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min, .a-index-service .a-index-service-wrap .service-list .col3 .col-min, .a-index-service .a-index-service-wrap .service-list .col2 .col-max, .a-index-service .a-index-service-wrap .service-list .col3 .col-max { position: relative; z-index: 2; border-radius: 20px; overflow: hidden; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min:hover::after, .a-index-service .a-index-service-wrap .service-list .col3 .col-min:hover::after, .a-index-service .a-index-service-wrap .service-list .col2 .col-max:hover::after, .a-index-service .a-index-service-wrap .service-list .col3 .col-max:hover::after { transform: translate(-50%, -50%) scale(1, 1); opacity: 1; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min:hover .inner .icon .default, .a-index-service .a-index-service-wrap .service-list .col3 .col-min:hover .inner .icon .default, .a-index-service .a-index-service-wrap .service-list .col2 .col-max:hover .inner .icon .default, .a-index-service .a-index-service-wrap .service-list .col3 .col-max:hover .inner .icon .default { display: none; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min:hover .inner .icon .active, .a-index-service .a-index-service-wrap .service-list .col3 .col-min:hover .inner .icon .active, .a-index-service .a-index-service-wrap .service-list .col2 .col-max:hover .inner .icon .active, .a-index-service .a-index-service-wrap .service-list .col3 .col-max:hover .inner .icon .active { display: inline-block; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min:hover .inner .text, .a-index-service .a-index-service-wrap .service-list .col3 .col-min:hover .inner .text, .a-index-service .a-index-service-wrap .service-list .col2 .col-max:hover .inner .text, .a-index-service .a-index-service-wrap .service-list .col3 .col-max:hover .inner .text { color: #f7ca52; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min::after, .a-index-service .a-index-service-wrap .service-list .col3 .col-min::after, .a-index-service .a-index-service-wrap .service-list .col2 .col-max::after, .a-index-service .a-index-service-wrap .service-list .col3 .col-max::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transform-origin: center center; width: 100%; height: 100%; pointer-events: none; background-color: rgba(0, 83, 141, 0.9); opacity: 0; transition: var(--duration); border-radius: 20px; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min .pic, .a-index-service .a-index-service-wrap .service-list .col3 .col-min .pic, .a-index-service .a-index-service-wrap .service-list .col2 .col-max .pic, .a-index-service .a-index-service-wrap .service-list .col3 .col-max .pic { position: relative; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min .inner, .a-index-service .a-index-service-wrap .service-list .col3 .col-min .inner, .a-index-service .a-index-service-wrap .service-list .col2 .col-max .inner, .a-index-service .a-index-service-wrap .service-list .col3 .col-max .inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min .text, .a-index-service .a-index-service-wrap .service-list .col3 .col-min .text, .a-index-service .a-index-service-wrap .service-list .col2 .col-max .text, .a-index-service .a-index-service-wrap .service-list .col3 .col-max .text { font-weight: bold; font-size: var(--font-26); color: rgba(255, 255, 255, 0.5); line-height: 1.15384615; margin-top: max(10px, 0.2rem); } .a-index-service .a-index-service-wrap .service-list .col2 .col-min .icon, .a-index-service .a-index-service-wrap .service-list .col3 .col-min .icon, .a-index-service .a-index-service-wrap .service-list .col2 .col-max .icon, .a-index-service .a-index-service-wrap .service-list .col3 .col-max .icon { text-align: center; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min .icon .active, .a-index-service .a-index-service-wrap .service-list .col3 .col-min .icon .active, .a-index-service .a-index-service-wrap .service-list .col2 .col-max .icon .active, .a-index-service .a-index-service-wrap .service-list .col3 .col-max .icon .active { display: none; } .a-index-service .a-index-service-wrap .service-list .col-min .pic { padding-top: 52.979%; } .a-index-service .a-index-service-wrap .service-list .col-min .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration); } .a-index-service .a-index-service-wrap .service-list .col-max .pic { padding-top: 68.298%; } .a-index-service .a-index-service-wrap .service-list .col-max .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration); } /* 投融资服务 */ .a-index-invest { padding-top: max(35px, 0.71rem); padding-bottom: max(35px, 1.25rem); background: #f9f9f9; } .a-index-invest .a-index-invest-tab { display: flex; align-items: center; justify-content: center; margin-top: max(30px, 0.36rem); margin-bottom: max(30px, 0.71rem); } .a-index-invest .a-index-invest-tab .tab-item { width: fit-content; padding: 10px 26px; background: #e5e8ea; border-radius: 18px; display: flex; align-items: center; justify-content: center; user-select: none; cursor: pointer; margin-right: max(0.2rem, 10px); font-weight: 400; font-size: var(--font-16); color: #888888; position: relative; z-index: 2; overflow: hidden; } .a-index-invest .a-index-invest-tab .tab-item::after { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background-color: #edc24f; z-index: -1; transition: var(--duration); } .a-index-invest .a-index-invest-tab .tab-item:last-of-type { margin-right: 0; } .a-index-invest .a-index-invest-tab .tab-item.active { color: #fff; } .a-index-invest .a-index-invest-tab .tab-item.active::after { width: 100%; right: auto; left: 0; } .a-index-invest .swiper-list { width: 100%; overflow: hidden; max-width: 1920px; margin-left: auto; margin-right: auto; } .a-index-invest .swiper-list .swiper-container { max-width: 702px; width: 96%; margin-left: auto; margin-right: auto; position: relative; z-index: 2; display: none; } .a-index-invest .swiper-list .swiper-container.show { display: block; } .a-index-invest .swiper-list .swiper-container .arrow { position: absolute; top: 33.157%; user-select: none; cursor: pointer; z-index: 5; } .a-index-invest .swiper-list .swiper-container .arrow .hover { display: none; } .a-index-invest .swiper-list .swiper-container .arrow:hover .default { display: none; } .a-index-invest .swiper-list .swiper-container .arrow:hover .hover { display: inline-block; } .a-index-invest .swiper-list .swiper-container .left-arrow { left: 0; } .a-index-invest .swiper-list .swiper-container .right-arrow { right: 0; } .a-index-invest .swiper-list .invest-swiper { width: 81.624%; overflow: visible; } .a-index-invest .swiper-list .invest-swiper .swiper-slide { opacity: 0.25; transition: var(--duration) ease opacity; } .a-index-invest .swiper-list .invest-swiper .swiper-slide.swiper-slide-active { opacity: 1; } .a-index-invest .swiper-list .invest-swiper .swiper-slide .pic { border-radius: 20px; overflow: hidden; position: relative; z-index: 2; padding-bottom: 68.936%; } .a-index-invest .swiper-list .invest-swiper .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--duration); } .a-index-invest .swiper-list .invest-swiper .swiper-slide .slide-text { padding-right: 15px; padding-top: max(10px, 0.26rem); } .a-index-invest .swiper-list .invest-swiper .swiper-slide .slide-text .slide-title { font-weight: 500; font-size: var(--font-26); color: #036eb8; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; } .a-index-invest .swiper-list .invest-swiper .swiper-slide .slide-text .slide-desc { font-weight: 400; font-size: var(--font-18); color: #666666; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; line-height: 1.66666667; margin-top: 10px; } .a-index-invest .swiper-list .invest-swiper .swiper-pagination { position: static; margin-top: 0.67rem; display: flex; justify-content: center; align-items: center; } .a-index-invest .swiper-list .invest-swiper .swiper-pagination .swiper-pagination-bullet { width: max(15px, 0.3rem); height: 2px; background: #ebdcdc; margin-left: 0; margin-right: 5px; transition: var(--duration); opacity: 1; } .a-index-invest .swiper-list .invest-swiper .swiper-pagination .swiper-pagination-bullet:last-of-type { margin-right: 0; } .a-index-invest .swiper-list .invest-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #edc24f; } /* 网络学院 */ .a-index-network { background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: max(35px, 0.82rem); padding-bottom: max(35px, 0.91rem); } .a-index-network .network-title { font-weight: 400; font-size: var(--font-30); color: #eeb51e; margin-bottom: max(15px, 0.24rem); text-align: center; } .a-index-network .network-sub-title { font-weight: 300; font-size: var(--font-18); color: rgba(255, 255, 255, 0.8); line-height: 1.66666667; text-align: center; } .a-index-network .network-btn { margin-top: 0.39rem; width: 139px; height: 44px; background: #036eb8; border-radius: 22px; display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; margin-left: auto; margin-right: auto; } .a-index-network .network-btn .icon { margin-right: 9px; } .a-index-network .network-btn .text { font-weight: 300; font-size: var(--font-16); color: #ffffff; } /* 关于我们 */ .a-index-about { padding-top: max(35px, 0.82rem); padding-bottom: max(35px, 1.49rem); background-repeat: no-repeat; background-size: cover; background-position: left center; } .a-index-about .about-desc { width: 86%; max-width: 1305px; margin-left: auto; margin-right: auto; margin-top: 0.93rem; font-weight: 400; font-size: var(--font-18); color: #666666; line-height: 2; } .a-index-about .about-desc > div { margin-bottom: 0.45rem; } .a-index-about .about-desc > div:last-of-type { margin-bottom: 0; } .a-index-about .about-list { display: flex; justify-content: space-between; max-width: 1615px; width: 86%; margin-left: auto; margin-right: auto; margin-top: 1.09rem; } .a-index-about .about-list .about-item { white-space: nowrap; } .a-index-about .about-list .about-item:hover .item-t { color: #d59d07; } .a-index-about .about-list .about-item:hover .item-b .num, .a-index-about .about-list .about-item:hover .item-b .unit { color: #edc04e; } .a-index-about .about-list .about-item .item-t { font-weight: 400; font-size: var(--font-20); color: #77746c; line-height: 1.5; margin-bottom: 0.28rem; text-align: center; transition: var(--duration); } .a-index-about .about-list .about-item .item-b { display: flex; align-items: flex-end; justify-content: center; line-height: 1; transition: var(--duration); } .a-index-about .about-list .about-item .item-b .num { font-weight: bold; font-size: var(--font-80); color: #8c8980; transition: var(--duration); } .a-index-about .about-list .about-item .item-b .unit { font-weight: bold; font-size: var(--font-30); color: #939087; margin-left: 9px; transition: var(--duration); } /* 断点1450px */ @media (max-width: 1600px) { .a-index-banner .a-index-swiper1 .slide-text .title-theme { margin-bottom: 0.2rem; } .a-index-banner .a-index-swiper1 .slide-text .time { margin-top: 0.35rem; } .a-index-banner .a-index-swiper1 .swiper-pagination { bottom: 17%; } .a-index-invest .swiper-list .swiper-container .left-arrow { left: 15px; } .a-index-invest .swiper-list .swiper-container .right-arrow { right: 15px; } } @media (max-width: 1450px) { .a-index-banner .a-index-swiper1 .slide-text { top: 17%; } .a-index-ds .a-index-ds-icon-list .icon-item .icon-pic img { width: 45px; } } @media (max-width: 1200px) { .a-index-ds .a-index-ds-card-main { width: 100%; } .a-index-ds .a-index-ds-panel .content { width: 100%; } } @media (max-width: 992px) { .a-index-banner .a-index-banner-panel { position: static; } .a-index-news-panel .main-item { flex-wrap: wrap; } .a-index-news-panel .main-item .m-left { width: 100%; } .a-index-news-panel .main-item .m-right { width: 100%; order: -1; margin-bottom: 30px; } .a-index-about .about-list { justify-content: space-between; flex-wrap: wrap; } .a-index-about .about-list .about-item { width: 47.5%; margin-right: 0; margin-bottom: 20px; } } @media (max-width: 768px) { /* 首页banner */ .a-index-banner .a-index-swiper1 .pic img { height: 350px; object-fit: cover; object-position: center center; max-height: none; } .a-index-banner .a-index-banner-panel { clip-path: inset(0 0 0 0); padding-top: 10px; padding-bottom: 15px; } .a-index-banner .a-index-banner-panel .text-wrap .right .item .r-icon img { width: 18px; object-fit: contain; } .a-index-banner .a-index-banner-panel .text-wrap { flex-wrap: wrap; } .a-index-banner .a-index-banner-panel .text-wrap .left { margin-bottom: 10px; width: 100%; display: block; } .a-index-banner .a-index-banner-panel .text-wrap .left .icon { display: none; } .a-index-banner .a-index-banner-panel .text-wrap .right { flex: none; width: 100%; margin-left: 0; } .a-index-banner .a-index-swiper1 .slide-text .title-theme { font-size: 26px; } .a-index-banner .a-index-swiper1 .slide-text .sub-title { font-size: 24px; } .a-index-banner .a-index-swiper1 .swiper-pagination { bottom: 6%; } .a-index-news-panel .a-index-news-tab { flex-wrap: wrap; } .a-index-news-panel .a-index-news-tab .tab-item { margin-bottom: 15px; } .a-index-news-panel .a-index-news-tab { margin-bottom: 35px; } .a-index-ds .a-index-ds-card-main .card-item { flex-wrap: wrap; } .a-index-ds .a-index-ds-card-main .card-item .card-left { width: 100%; margin-bottom: 15px; } .a-index-ds .a-index-ds-card-main .card-item .card-right { width: 100%; } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item { padding-bottom: 20px; } .a-index-ds .a-index-ds-card-main .card-item .card-right .r-item { flex-wrap: wrap; } .a-index-ds .a-index-ds-panel .content { flex-wrap: wrap; } .a-index-ds .a-index-ds-panel .content .panel-item .panel-title { justify-content: center; } .a-index-ds .a-index-ds-panel .content .panel-item { width: 100%; margin-bottom: max(30px, 0.7813rem); } .a-index-ds .a-index-ds-icon-list { flex-wrap: wrap; justify-content: space-between; } .a-index-ds .a-index-ds-icon-list .icon-item { margin-right: 0; width: 47.5%; margin-bottom: max(0.7813rem, 20px); } .a-index-service .a-index-service-wrap .service-list { flex-wrap: wrap; } .a-index-service .a-index-service-wrap .service-list .col { flex: none; width: 100%; } .a-index-service .a-index-service-wrap .service-list .col1 { margin-bottom: 15px; } .a-index-service .a-index-service-wrap .service-list .col2 .col-min, .a-index-service .a-index-service-wrap .service-list .col3 .col-min, .a-index-service .a-index-service-wrap .service-list .col2 .col-max, .a-index-service .a-index-service-wrap .service-list .col3 .col-max { margin-bottom: 15px; } .a-index-invest .a-index-invest-tab { flex-wrap: wrap; } .a-index-invest .a-index-invest-tab .tab-item { margin-bottom: 10px; } } @media (max-width: 576px) { .a-index-banner .a-index-swiper1 .swiper-pagination { justify-content: center; } .a-index-about .about-list .about-item { width: 100%; } } @media (max-width: 576px) { .a-index-news-panel .a-index-news-tab { justify-content: space-between; } .a-index-news-panel .a-index-news-tab .tab-item { width: 47.5%; margin-right: 0; } .a-index-news-panel .main-item .m-right .index-news-swiper .a-news-arrow { top: 35%; } .a-index-banner .a-index-swiper1 .slide-text .title-theme { font-size: 24px; } .a-index-banner .a-index-swiper1 .slide-text .sub-title { font-size: 22px; } .a-index-banner .a-index-swiper1 .slide-text .time .time-item .default, .a-index-banner .a-index-swiper1 .slide-text .time .time-item .min { font-size: 14px; } .a-index-news-panel .main-item .m-right .index-news-swiper .swiper-slide .slide-text { padding-left: 15px; padding-right: 15px; } .a-index-news-panel .main-item .m-left .item .i-left .icon { display: none; } .a-index-news-panel .main-item .m-left .item .i-right { font-size: 12px; } .a-index-news-panel .main-item .m-left .item .i-left .text { font-size: 14px; } .a-index-ds .a-index-ds-head { flex-wrap: wrap; } .a-index-ds .a-index-ds-head .ds-left { margin-right: 0; width: 100%; margin-top: 15px; margin-bottom: 15px; } .a-index-ds .a-index-ds-head .ds-left .color-yellow, .a-index-ds .a-index-ds-head .ds-left .color-gray { display: block; margin-left: auto; margin-right: auto; text-align: center; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-h { flex-wrap: wrap; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-h .card-name { margin-left: 0; width: 100%; margin-top: 10px; } .a-index-ds .a-index-ds-card-main .card-item .card-left .card-m { margin-top: 15px; margin-bottom: 15px; } .a-index-ds .a-index-ds-panel .content .panel-item .group .link-item .link-left { width: 85px; border-radius: 20px; } .a-index-ds .a-index-ds-panel .content .panel-item { margin-bottom: 45px; } .a-index-ds .a-index-ds-icon-list .icon-item .icon-pic { width: 100px; height: 100px; } .a-index-ds .a-index-ds-icon-list .icon-item .icon-pic img { width: 45px; height: 45px; object-fit: contain; object-position: center center; } .a-index-service { padding-top: 45px; padding-bottom: 45px; } .a-index-invest .a-index-invest-tab { justify-content: space-between; width: 92%; margin-left: auto; margin-right: auto; } .a-index-invest .a-index-invest-tab .tab-item { width: 47.5%; margin-right: 0; } .a-index-invest .swiper-list .swiper-container .arrow { display: none; } .a-index-invest .swiper-list .invest-swiper .swiper-slide .slide-text .slide-title { font-size: 16px; } .a-index-invest .swiper-list .invest-swiper .swiper-slide .slide-text .slide-desc { margin-top: 10px; font-size: 14px; } .a-index-network .network-sub-title { font-size: 14px; } }