.dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .setBetween { display: flex; justify-content: space-between; } .setRowCenter { display: flex; align-items: center; } .setColumnCenter { display: flex; align-items: center; } .setCenter { display: flex; flex-direction: column; align-items: center; justify-content: center; } .ra { border-radius: 0.2rem; overflow: hidden; } .bs { box-shadow: 0 0 0.5rem #ebebeb; } .box-shadow { box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1); } .btn { padding: 0.3rem 0.9rem; background-color: #3b52f6; color: #fff !important; border-radius: 2rem; font-size: 0.9rem; display: inline-block; width: auto; } .btn.s1 { background-color: transparent; border: 1px solid #3b52f6; color: #3b52f6 !important; } .a-hover:hover { color: #3b52f6; } .see-banner{ position: relative; } .see-banner .main-center { max-width: 100%; background-color: #00db6d; } .see-banner h1 { font-family: "HarmonyOS_Sans_Black" !important; font-size: 2.4rem; font-size: 2rem; line-height: 1.2; padding: 5.4rem 0; text-align: center; position: relative; z-index: 2; } .see-banner em{ font-size: 11.8rem; color: #ffff1b; position: absolute; left: 50%; top: 50%; z-index: 0; animation: scale_name 1s linear alternate infinite; } @keyframes scale_name { from { transform: translate(-50%,-50%) scale(.9); } to { transform: translate(-50%,-50%) scale(1.1); } } .see-container section { padding-top: 0; } .see-container section.main-0 { padding-top: 5.5rem; padding-bottom: 0; } .see-container .main-title { margin-bottom: 1.3rem; } .see-container .main-title * { text-align: left; } .see-container .t h2 { font-family: "HarmonyOS_Sans_Black" !important; font-size: 1.9rem; text-align: center; } .see-container .main-title h2 { font-family: "HarmonyOS_Sans_Black" !important; font-size: 1.5rem; margin-bottom: 0; text-align: center; } .see-container .main-title p { font-size: 0.85rem; color: #505050; max-width: 100%; text-align: center; margin-bottom: 0; margin-top: 2rem; } .see-container * { line-height: 1.8; } .see-container h2 { line-height: 1.4; } .see-container h3 { font-size: 1.3rem; line-height: 1.6; margin-top: 0.9rem; } .see-container h4 { font-size: 1.3rem; margin: 0.9rem 0; } .see-container h5 { font-size: 0.9rem; } .see-container h6 { font-size: 0.9rem; } .title-p { font-size: 0.85rem; text-align: center; color: #505050; } .see-container .m1 { margin-top: 4rem; } .see-container .m1 em { text-decoration: underline; } .see-container .m2 { margin-top: 4rem; } .see-container .main-1-1{ padding-bottom: 0; } .see-container .main-1-1 .main-center{ max-width: 70.31%; padding: 3rem 0 6rem; } .see-container .main-1-1 .title{ background-image: url(../images/who-bg-01.jpg); background-size: cover; padding: 1rem 5.5rem; } .see-container .main-1-1 .title-2{ background-image: url(../images/who-bg-02.jpg); padding: 0.75rem 5.5rem; } .see-container .main-1-1 .title h3{ font-family: "HarmonyOS_Sans_Black" !important; font-size: 1.5rem; line-height: 1.5; color: #ffff1b; margin: 0; } .see-container .main-1-1 .title p{ color: #ffff1b; font-size: 1.1rem; line-height: 1.2; } .see-container .main-1-1 .title span{ font-family: "HarmonyOS_Sans_Medium" !important; display: block; font-size: 0.85rem; line-height: 1.2; color: #ffffff; margin: 1rem 0 0.3rem; } .see-container .main-1-1 .list{ display: flex; justify-content: space-between; align-content: center; margin: 0.6rem 0 1.8rem; } .see-container .main-1-1 .item{ width: calc(33.33% - 0.5rem); background-color: #dedede; padding: 2.5rem 2rem 3rem 2.6rem; } .see-container .main-1-1 .item h4{ font-family: "HarmonyOS_Sans_Black" !important; display: flex; align-items: center; justify-content: center; height: 3.5rem; font-size: 1.5rem; line-height: 1.2; margin: 0 0 1.5rem; } .see-container .main-1-1 .item span{ font-family: "HarmonyOS_Sans_Medium" !important; display: block; font-size: 0.85rem; line-height: 1.6; color: #505050; letter-spacing: -0.03rem; } .see-container .main-1-1 .list-last .item{ background-image: url(../images/who-bg-04.jpg); background-size: cover; } .see-container .main-1-1 .list-last .item:first-child{ width: calc(66.66% - 0.25rem); padding-left: 5.5rem; background-image: url(../images/who-bg-03.jpg); } .see-container .main-1-1 .list-last .item h4{ color: #ffff1b; } .see-container .main-1-1 .list-last .item:first-child h4{ justify-content: flex-start; } .see-container .main-1-1 .list-last .item em{ font-family: "HarmonyOS_Sans_Medium" !important; display: inline-block; font-size: 0.85rem; width: 9.4rem; line-height: 1.6; } .see-container .main-1-1 .list-last .item span{ color: #ffffff; } .see-container .main-1-1 .list-last .item span:nth-of-type(2){ margin-top: 0.6rem; } .see-container .main-1-2 .main-center{ max-width: 100%; } .see-container .main-1-2 .main-title{ margin-bottom: 3.75rem; } .student-programs-swiper .pagination{ margin: 0; } .student-programs-swiper .swiper-slide{ width: 100%; height: 37.85rem; } .student-programs-swiper .swiper-slide img{ width: 100%; min-height: 37.85rem; } .student-programs-swiper .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 1.25rem !important; } .student-programs-swiper .swiper-pagination .swiper-pagination-bullet{ width: 0.65rem; height: 0.65rem; border-radius: 0.325rem; background-color: rgba(204, 202, 202, .3); margin: 0 .45rem; opacity: 1; } .student-programs-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 3.75rem; background-color: rgba(204, 202, 202, 1); } .main-4 .main-center{ max-width: 70.31%; } .main-4 .participate-list{ margin-top: 2rem; } .main-4 .participate-list .item{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; } .main-4 .participate-list .item>span{ display: flex; align-items: center; justify-content: center; width: 11.8rem; height: 3.5rem; background-color: #ffff1b; font-size: 1rem; } .main-4 .participate-list .item>span:last-child{ width: calc(100% - 12.3rem); background-color: #dedede; justify-content: flex-start; text-indent: 8.5rem; } .main-4 .participate-list .item:nth-of-type(6n), .main-4 .participate-list .item:nth-of-type(6n-1), .main-4 .participate-list .item:nth-of-type(6n-2){ flex-direction: row-reverse; } /* .main-1 .main-center strong { font-size: 1.3rem; font-weight: bold; } .LightCourse p { font-size: 0.9rem; } .college strong { font-size: 1.3rem; font-weight: bold; } .Students-title { font-size: 0.9rem; line-height: 0.9rem; } .study-programs { font-size: 0.9rem; line-height: 0.9rem; line-height: 0.9rem } .see-container .m2 ol { box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35); border-radius: 0.25rem 0.25rem 0rem; padding: 1.3rem; } .see-container .m3 .main-title { margin-bottom: 0; } .see-container .m3 .text { display: flex; align-items: center; } .see-container .m3 .text p { font-size: 0.9rem; max-width: 40rem; } .see-container .m3 .text p, .see-container .m3 .text p * { font-size: 0.9rem; } .title-p { font-size: 0.9rem; } .see-container .m3 .img { max-width: 15rem; margin-left: 5rem; } .see-container .m3 .img img { margin-top: 0; } .see-container ol li { line-height: 3; display: flex; align-items: flex-start; position: relative; padding: 0.5rem 0; } .see-container ol li p, .see-container ol li em { display: inline-block; } .see-container ol li em { width: 19rem; font-weight: bold; flex-shrink: 0; margin-right: 0.9rem; padding-left: 0.9rem; position: relative; font-size: 0.9rem; font-weight: lighter; } .see-container ol li em::before { content: ""; position: absolute; top: 50%; left: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background-color: #3b52f6; transform: translateY(-50%); } .see-container .more { text-align: right; margin-top: 2rem; } .see-container .more a, .see-container .more * { color: #3b52f6; } .see-container .table { box-shadow: 0 0 0.5rem #ccc; border: 1px solid #3b52f6; } .see-container .table .th { display: flex; } .see-container .table .th>div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #3b52f6; padding: 0.5rem 0; border-left: 1px solid #fff; } .see-container .table .th>div:first-of-type { border-left: none; } .see-container .table .th>div * { color: #fff; } .see-container .table .tb h5 { font-size: 1.3rem; font-weight: bold; color: #3b52f6; } .see-container .table .tb h6 { font-size: 0.9rem; } .see-container .table .tb .con span { display: inline-block; color: #666; font-size: 0.9rem; margin-left: 0.5rem; } .see-container .table .tb .con>div { display: flex; margin-bottom: 0.5rem; } .see-container .table .tb .con>div h6 { margin-bottom: 0; } .see-container .table .tb .con>div>div>div { display: flex; align-items: center; } .see-container .table .tb .top { display: flex; } .see-container .table .tb .top>div { flex: 1; border-left: 1px solid #3b52f6; position: relative; padding: 0.9rem; } .see-container .table .tb .top>div>div>p { } .see-container .table .tb .top>div:first-of-type { border-left: none; } .see-container .table .tb .top h5 { color: #333; } .see-container .table .tb .top ol { min-height: 15rem; } .see-container .table .tb .top ol li { list-style-position: outside; line-height: 2; padding: 0; } .see-container .table .tb .bottom { display: flex; border-top: 1px solid #3b52f6; } .see-container .table .tb .bottom>div { width: calc(100% / 3); border-left: 1px solid #3b52f6; padding: 0.9rem; } .see-container .table .tb .bottom>div>span { display: inline-block; margin-bottom: 0.9rem; } .see-container .table .tb .bottom>div:first-of-type { border-left: none; padding-left: 6rem; } .see-container .table .tb .bottom .two { width: calc((100% / 3) * 2); } .see-container img { margin-top: 0.9rem; } .main-4 {} .main-4 .main-title { font-size: 2rem; margin-bottom: 0; } .main-4 .main-content { padding: 3rem 3rem 0 3rem; } .mian-left { float: left; width: 120px; } .mian-left>div { height: 60px; font-size: 0.9rem; position: relative; line-height: 60px !important; padding-left: 50px; } .mian-left>div:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; background: #0536f9; position: absolute; top: 25px; left: 25px; } .main-right { float: right; width: calc(100% - 125px); box-shadow: 0rem 0.15rem 0.9rem 0rem rgb(32 30 29 / 35%); border-radius: 0.25rem 0.25rem 0rem; padding: 0 2rem 0 2rem; } .main-right>div { height: 60px; font-size: 0.9rem; position: relative; line-height: 60px !important; color: #282828; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .boder-none { border-bottom: none !important; } .main-content:after { content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; } */ .main-QA .content .accordion li .submenu { display: none; padding: 0 2rem 0.9rem 2rem; transition: none !important; } .main-QA .content .accordion li h6 { font-size: 0.9rem; margin-top: 0 !important; margin-bottom: 0.5rem; font-weight: 500; color: #000; } .main-QA .content .accordion li p { line-height: 1.6; } .main-QA .content .accordion li h5 span { font-size: 0.9rem; } .main-QA .content .accordion li.open h5 span { font-size: 0.9rem; } .Students-title strong { font-size: 0.9rem !important; } @media screen and (max-width: 768px) { .see-container .t h1 { font-size: 2rem; } .see-container * { line-height: 1.6; } .see-container ol { padding: 0.9rem; } .see-container ol li { flex-direction: column; } .main-4 .main-content { padding: 3rem 0 0 0; } } @media screen and (max-width: 768px) { .main-QA .container { padding: 0 0 0 0; } .see-container .m3 .img { display: none; } .see-container .t h1 { font-size: 2rem; } .see-container * { line-height: 1.6; } .see-container ol { padding: 1rem; } .see-container ol li { flex-direction: column; } .sroll-tabel { display: none; } .mb-tabel { display: block !important; } .mb-tabel .item { margin-bottom: 2rem; } .mb-tabel .item .i-th { display: inline-flex; align-items: center; padding: 0.3rem; background-color: #3b52f6; } .mb-tabel .item .i-th p { font-size: 0.9rem; color: #fff; } .mb-tabel .item .i-tb { box-shadow: 0 0 0.5rem #ebebeb; } .mb-tabel .item .i-tb h5 { margin-top: 1rem; } .mb-tabel .item .des { padding: 1rem; } .mb-tabel .item .i-tb-bottom { border: 1px solid #3b52f6; padding: 2rem; } .mb-tabel .item .i-tb-bottom h5 { text-align: center; margin-bottom: 1rem; color: #3b52f6; margin-top: 0; } .mb-tabel .item .i-tb-bottom h6 { margin-bottom: 0; } .mb-tabel .item .i-tb-bottom span { font-size: 0.8rem; color: #3b52f6; } .mb-tabel .item .i-tb-bottom .con>div, .mb-tabel .item .i-tb-bottom .con>div>div>div { display: flex; } }