* { margin: 0; padding: 0; } body:not(.show-scrollbar)::-webkit-scrollbar { display: none; } body:not(.show-scrollbar) { -ms-overflow-style: none; } html, body, header, section { /* height: 100%; */ } html { font-size: 16px; } main { background: #ffffff; } .main-content { background-image: ; background-position: bottom; background-repeat: no-repeat; background-size: contain; } .video-height { height: calc(100vh - 40px); background: #000000; } .search-text { font-size: 0.875rem; font-weight: 400; color: rgba(0,0,0,0.45); } .bg-color { background-color: #156bbc; height: 2.5rem; } .privacy-bg { background: #408efb; width: 100%; } .head-bg { background: ; background-position: center; } .top-right { height: 100%; } .top-15 { top: 12%; } .top-50 { top: 50%; } .top-110 { top: -110px; } .top-40 { top: 2.5rem; } .left-36 { left: -36px; } .left-40 { left: -2.5rem; } .top-39 { top: -40px; } .top-74 { top: 74px; } .right-128 { right: 8rem; } .bg-top { background-color: #156bbc; height: 3.75rem; } .bg-color2 { background: #ffffff; } .bg-color3 { background: #003765; } .input-bg-color { background-color: #ffe80f; } .img-size { width: 20px; height: 20px; } .img-size2 { width: 10px; height: 10px; } .search-text-color { font-weight: 400; color: rgba(0,0,0,0.85); } .local-text-color { color: rgba(0,0,0,0.65); } .local-text-color:hover { color: rgba(0,0,0,0.85); } .text-color { color: #ffffff; } .text-color2 { color: #003765; } .text-color3 { color: rgba(0,0,0,0.85); } .text-color-4 { color: rgba(0,0,0,0.85); font-size: 1rem; text-decoration: underline; font-weight: 400; } .text-color-4:hover { font-weight: 500; text-decoration: underline; } .text-color4 { color: rgba(255,255,255,0.85); } .text-color-5 { color: rgba(0,0,0,0.85); font-size: 1rem; font-weight: 400; } .text-color-5:hover { color: rgba(0,0,0,0.85); font-size: 1rem; font-weight: bold; } .text-color5 { color: #ffe80f; } .text-color-6:hover { color: #ffffff; } .receive { border: 1px solid #ffffff; padding: 0.3125rem 2.875rem; font-size: 12px; font-weight: 400; color: #ffffff; /* opacity: 0.8; */ } /* .receive:hover { background: #ffffff; color: rgba(0,0,0,0.85); } */ /* .close { padding: 0.5rem 1.625rem; background: #ffffff; font-size: 12px; font-weight: 400; color: rgba(0,0,0,0.85); opacity: 0.8; } .close:hover { opacity: 1; } */ .close-mobile-icon.icon-guanbi::before { font-size: 37px; color: #ffffff; } .privacy-close.icon-guanbi::before { opacity: 0.8; } .privacy-close:hover.icon-guanbi::before { opacity: 1; } .text-title { font-weight: bold; color: rgba(0,0,0,0.85); } .local-border { border-right: 1px solid #ffffff; } .local-border:last-child { border-right: none; } .border-right-1 { border-right: 1px solid rgba(255,255,255,0.34); } .text-title2 { /* font-size: 24px; */ font-weight: bold; color: rgba(0,0,0,0.85); } .text-term-color { color: rgba(255,255,255,0.85); font-weight: 400; } .search-bg { width: 100%; height: 100%; z-index: 1; /*background: ;*/ background-color: #146bbc; background-repeat: no-repeat; background-size: cover; background-position: bottom left; } .search-bg-1 { width: 100%; height: 100%; z-index: 1; /*background: ;*/ background-color: #146bbc; background-repeat: no-repeat; background-size: cover; background-position: bottom left; } .search-input-bg { background: none; } .boder-bottom { border-bottom: 2px solid #ffffff; } .boder-bottom-1 { border-bottom: 1px solid #e6e6e6; } .boder-bottom-2 { border-bottom: 1px solid rgba(255,255,255,0.1); } .border-top2 { border-top: 1px solid #e6e6e6; } .boder-right { border-right:1px solid rgba(0,0,0,0.23); } .opacity { opacity: 0.36; } .active { border-bottom: 2px solid #ffe80f; color: #ffffff; } .margin-auto { margin: 0 auto; } .inherit { height: inherit; } .banner-text { font-weight: 500; color: rgba(255,255,255,0.87); } .banner-text-bg { background: rgba(0,0,0,0.3); } .banner-footer-text { font-weight: 500; color: #ffffff; letter-spacing: 1px; } .banner-footer-tip-text { font-weight: normal; color: rgba(255,255,255,0.76); } .banner-footer-top-border { border-top: 1px solid rgba(255,255,255,0.22); } .bottom-2 { bottom: 2rem; } .bottom-4 { bottom: 4.5rem; } .bottom-5 { bottom: 5rem; } .bottom-7 { bottom: 7.5rem; } .more-color { color: #003765; font-weight: 400; } .news-color { font-weight: bold; color: rgba(0,0,0,0.85); } .article-title { font-weight: normal; color: rgba(0,0,0,0.45); } .article-title2 { font-weight: bold; color: rgba(0,0,0,0.85); } .article-time { font-weight: bold; color: rgba(0,0,0,0.85); } .hot-color { color: #ffffff; background: #003765; padding: 2px; } .activity { background: #f8f8f9; } .right-15 { right: 15%; } .right-48 { right: 3rem; } .bottom-24 { bottom: 1.5rem; } .swiper { --swiper-pagination-color: rgba(255,255,255,0.8); } .right-40 { right: 2.5rem; } .right-30 { right: 1.875rem; } .bottom-40 { bottom: 2.5rem; } .bottom-74 { bottom: 4.5rem; } .height-60 { height: 3.75rem; } .pt-59 { padding-top: 3.75rem; } .time-location-color { /* font-weight: bold; */ color: rgba(0,0,0,0.65); } .mt-2-0 { margin-top: 2px; } .mt-3-0 { margin-top: 3px; } .mt-7 { margin-top: 7px; } .mt-14 { margin-top: 0.875rem; } .mr-14 { margin-right: 0.875rem; } .mt-18 { margin-top: 1.125rem; } .mt-22 { margin-top: 1.375rem; } .mr-22 { margin-right: 1.375rem; } .ml-22 { margin-left: 1.375rem; } .mt-26 { margin-top: 1.625rem; } .mt-30 { margin-top: 1.875rem; } .mb-30 { margin-bottom: 1.875rem; } .mr-30 { margin-right: 1.875rem; } .mt-31 { margin-top: 1.95rem; } .mt-33 { margin-top: 2.1rem; } .mt-34 { margin-top: 2.15rem; } .mt-36 { margin-top: 2.25rem; } .mr-36 { margin-right: 2.25rem; } .mt-38 { margin-top: 2.4rem; } .mt-41 { margin-top: 2.5rem; } .mr-42 { margin-right: 2.625rem; } .mr-re-42 { margin-right: 3.458%; } .mt-42 { margin-top: 2.625rem; } .ml-42 { margin-left: 2.625rem; } .mt-44 { margin-top: 2.75rem; } .mr-52 { margin-right: 3.25rem; } .mt-55 { margin-top: 3.5rem; } .mt-60 { margin-top: 3.75rem; } .ml-70 { margin-left: 4.375rem; } .mr-70 { margin-right: 4.375rem; } .mt-88 { margin-top: 88px; } .mt-94 { margin-top: 5.875rem; } .mx-120 { margin: 0 42px; } .mt-188 { margin-top: 188px; } .pb-2-0 { padding-bottom: 2px; } .py-10-0 { padding: 0.625rem 0; } .mt-56 { margin-top: 3.5rem; } .py-56-0 { padding: 3.5rem 0; } .py-40-18 { padding: 2.5rem 0 1.125rem 0; } .pb-40-0 { padding-bottom: 2.5rem; } .pb-11 { padding-bottom: 0.625rem; } .pt-11 { padding-top: 0.625rem; } .pr-11 { padding-right: 0.625rem; } .p-10-14 { padding: 0.625rem 0 1.625rem 0.875rem; } .pl-11 { padding-left: 0.625rem; } .pt-14 { padding-top: 0.875rem; } .pb-14 { padding-bottom: 0.875rem; } .pl-18 { padding-left: 1.125rem; } .p-28 { padding: 1.75rem; } .p-all { padding: 1.5rem 2.5rem 2.75rem 2.5rem; background: #ffffff; } .left-80 { left: -80px; } .local::after { content: ''; display: block; width: 7px; height: 7px; background: #ffffff; transform: rotate(45deg); position: absolute; top: -3.5px; left: 88px; } .local-1::after { content: ''; display: block; width: 17px; height: 17px; background: #ffffff; border: inherit; transform: rotate(45deg); position: absolute; top: -9px; left: 25px; z-index: -1; } .local-2::after { content: ''; display: block; width: 7px; height: 7px; background: #ffffff; border: inherit; transform: rotate(45deg); position: absolute; top: -3.5px; left: 25px; z-index: -1; } .pr-22 { padding-right: 1.375rem; } .pl-22 { padding-left: 1.375rem; } .pt-22 { padding-top: 1.375rem; } .pl-26 { padding-left: 1.625rem; } .pb-30 { padding-bottom: 1.875rem; } .pt-30 { padding-top: 1.875rem; } .pr-30 { padding-right: 1.875rem; } .pl-36 { padding-left: 2.25rem; } /* .pr-36 { padding-right: 2.25rem; } */ .pt-36 { padding-top: 2.25rem; } .pb-36 { padding-bottom: 2.25rem; } .pt-42 { padding-top: 2.625rem; } .pl-42 { padding-left: 2.625rem; } .pr-42 { padding-right: 2.625rem; } .pr-44 { padding-right: 2.75rem; } .pb-52 { padding-bottom: 3.25rem; } .pb-28 { padding-bottom: 1.75rem; } .pb-44 { padding-bottom: 2.75rem; } .pt-54 { padding-top: 3.3rem; } .pb-58 { padding-bottom: 3.625rem; } .pb-60 { padding-bottom: 3.75rem; } .pl-66 { padding-left: 4.125rem; } .pr-66 { padding-right: 4.125rem; } .pr-124 { padding-right: 7.75rem; } .mr-124 { margin-right: 7.75rem; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-4 { z-index: 4; } .z-index-3 { z-index: -3 !important; } .w-50 { width: 50%; } .w-84 { width: 5.25rem; } .max-h-50 { max-height: 50%; } .min-w-288 { min-width: 18rem; } .mt-2-0 { margin-top: 2px; } .min-height-650 { min-height: 650px; } .min-w-210 { min-width: 13.125rem; } .max-content { width: max-content; } .left-full { left: -100%; } .right-42 { right: 42px; } .top-2 { top: 2%; } .top-18 { top: 1.125rem; } .top-10 { top: 0.625rem; } .text-26 { font-size: 1.625rem; } .border-top { border-top: 1px solid rgba(0,0,0,0.1);; } .month-bg { font-weight: normal; color: #ffffff; background: #003765; white-space: nowrap; } .count-number-text { font-weight: bold; font-size: 3.75rem; } .count-number-text-moblie { font-weight: bold; font-size: 3.125rem; } .info-title { font-weight: normal; color: rgba(0,0,0,0.85); } .lh-26 { line-height: 1.625rem; } .lh-36 { line-height: 2.25rem; } .lh-44 { line-height: 2.75rem; } .lh-34 { line-height: 2.125rem; } .book-bg-color { background: #ffffff; } .border-right { border-right: 1px solid rgba(255,255,255,0.1); } .bottom-bg { background-image: ; background-size: cover; } .count-bg { /*background-image: ;*/ object-fit: cover; background-size: cover; background-repeat: no-repeat; /*min-height: 200px;*/ transition: all .7s; } .count-bg-moblie { background-image: ; object-fit: cover; background-size: cover; background-repeat: no-repeat; /* min-height: 200px; */ transition: all .7s; } .count-bg-large { overflow: hidden; } .count-bg-large:hover .count-bg { transform: scale(1.02); transition: transform .7s; } .count-bg-large-mobile { overflow: hidden; } .contact-bg { background-image: ; background-size: cover; } .clearfix:after { content: ""; display: block; height: 0; clear:both; visibility: hidden; } .float-r { float: right; } .lh-22 { line-height: 1.375rem; } .lh-50 { line-height: 50px; } .lh-70 { line-height: 4.375rem; } .lh-50 { line-height: 3.125rem; } .text-active { color: #ffe80f; border-bottom: 2px solid #ffe80f; } .vertical-align-super { vertical-align: super; } .display-hidden { display: none !important; } .display-hidden-1 { display: none; } .tr-180 { transform: rotate(180deg); } .close-icon-rotate:hover { transform: rotate(90deg); } .max-width { max-width: 1920px; } .gra-22 { grid-gap: 1.375rem; gap: 1.375rem; } .cursor-bg:hover { background: #000000; opacity: 0.1; } .search-text-color-1 { font-size: 14px; color: rgba(0,0,0,0.85); font-weight: 600; } .second-menu { background: #ffffff; background-image: ; background-repeat: no-repeat; background-position: bottom; background-position-x: right; min-height: 166px; } .delta { width: 0; height: 0; border: 7px solid; border-color: transparent transparent #ffffff; position: absolute; top: -14px; left: 88px; } .delta1 { width: 0; height: 0; border: 7px solid; border-color:#ffffff transparent transparent ; position: absolute; /* bottom: -20px; */ left: 46px; } .width-107 { width: 107px; } .width-80 { width: 80%; } .oblique { font-style: oblique; } .icon-search.icon-sousuo::before { font-size: 20px; color: #595959; } /* .search-hover-icon:hover .icon-sousuo::before { } */ .icon-search-32.icon-sousuo::before { font-size: 32px; color: #ffffff; } .icon-local.icon-xialajiantou::before { font-size: 10px; color: rgba(0,0,0,0.85); } .icon-close.icon-guanbi:before { color: #ffffff; font-size: 21px; } .icon-search-32.icon-sousuo::before { font-size: 32px; color: #ffffff; opacity: 0.8; } .search-hover-icon-0:hover .icon-sousuo::before { opacity: 1; } .menu-icon.icon-caidan::before { font-size: 40px; color: rgba(0,0,0,0.45); } .menu-mobile-icon.icon-caidan::before { font-size: 37px; color: #ffffff; } .icon-caidan-f.icon-caidan::before { font-size: 40px; color: #ffffff; } .close-icon.icon-guanbi::before { font-size: 40px; color: #ffffff; } .more-icon.icon-gengduo::before { font-size: 21px; background: #262626; color: #ffffff; padding: 7px; } .more-icon:hover.icon-gengduo::before { background: #003765; } .more-title-icon.icon-gengduo::before { font-size: 13px; background: #262626; color: #ffffff; padding: 11px; opacity: 0.8; } .more-icon { padding: 4px 11px 6px; background: #262626; opacity: 0.8; } .more-title-icon-1.icon-gengduo::before { font-size: 13px; color: #ffffff; } .more-hover-color:hover .more-icon { background: #003765; } .more-hover-color:hover { color: #003765; } .more-hover-color:hover .icon-gengduo::before{ background: #003765; } .time-icon.icon-shijian:before { content: "\e642"; font-size: 24px; color: #b2b2b2; } .location-icon.icon-didian:before { content: "\e636"; font-size: 24px; color: #b2b2b2; } .down-icon-1.icon-xiazai:before { content: "\e63d"; font-size: 16px; } .down-hover-color:hover .icon-xiazai:before { color: #003765; } .youtube-icon.icon-youtube:before { color: #ffffff; font-size: 36px; opacity: 90%; } .youtube-icon:hover.icon-youtube:before { opacity: 1; } .weixin-icon.icon-weixin:before { font-size: 36px; color: #ffffff; opacity: 90%; } .weixin-icon:hover.icon-weixin:before { opacity: 1; } .weixin-icon:hover .wchat-img { display: block; } .blibli-icon.icon-blibli:before { color: #ffffff; font-size: 36px; opacity: 90%; } .blibli-icon:hover.icon-blibli:before { opacity: 1; } .tengxunshipin-icon.icon-tengxunshipin:before { color: #ffffff; font-size: 36px; opacity: 90%; } .tengxunshipin-icon:hover.icon-tengxunshipin:before { opacity: 1; } .weixinshipinhao-icon.icon-weixinshipinhao:before { color: #ffffff; font-size: 36px; opacity: 90%; } .weixinshipinhao-icon:hover.icon-weixinshipinhao:before { opacity: 1; } .hot-icon.icon-hot1::before { font-size: 32px; color: #003765; } .video-icon.icon-a-shipinicon3x1::before { font-size: 20px; color: #003765; } .mobile-more.icon-gengduo::before { font-size: 12px; } .footer-top-line { width: 100%; height: 4px; background: linear-gradient(to right, #0087ff 0%,#0087ff 50%,#ffe80f 51%,#ffe80f 100%); } .footer-bg { background: #086ac6; } .footer-text-top-line { padding-bottom: 3.25rem; text-align: center; } /* .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(2); } */ .local-second-modal { box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.19); } .title-more-icon { margin-bottom: -40px; } .banner-icon.icon-gengduo::before { font-size: 21px; background: #262626; color: #ffffff; padding: 7px; } .banner-icon:hover.icon-gengduo::before { background: #003765; } .logo-img-line { height: 26px; width: 2px; background: linear-gradient(to bottom, #0087ff 0%,#0087ff 70%,#ffe80f 71%,#ffe80f 100%); } .button:last-child { margin-right: 0; } .max-h-300 { max-height: 300px; } .max-h-160 { max-height: 160px; } .px-3-4 { padding: 2px 6px 2px 3px; } .search-button { outline: none; } .avatar-name { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: rgba(255, 255, 255, 1); } .avatar-radius-box { border-radius: 50% 50%; overflow: hidden; border: 0.5px solid rgba(181,181,181,0.29); } .flex-2 { flex: 2; } .logo-img-line-1 { height: 30px; width: 1.5px; background: linear-gradient(to bottom, #ffffff 0%,#ffffff 70%,#ffffff 71%,#ffffff 100%); } .square-1 { width: 10px; height: 10px; background: #003765; } .w-228 { width: 160px; } @media (min-width: 1024px) { .w-228 { width: 228px; } } .bl-230-100 { border-left: none; } @media (min-width: 1024px) { .bl-230-100 { border-left: 1px solid rgba(230, 230, 230, 1); } } .bb-moblie { border-bottom: 1px solid rgba(0,0,0,0.85); } @media (min-width: 1024px) { .bb-moblie { border-bottom: none; } } .bottom-100 { bottom: 100%; } .top-arrow-icon.icon-a-yanse2::before { font-size: 18px; } .height-160 { height: 160px; } .bb-0-15 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .mr-26 { margin-right: 1.625rem; } .lh-1-2 { line-height: 1.2; } .college-module { box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); max-width: 460px; } .mt-16-18 { margin-top: 16px; } @media (min-width: 1024px) { .mt-16-18 { margin-top: 18px; } } .px-18-28 { padding: 0 18px; } @media (min-width: 1024px) { .px-18-28 { padding: 0 28px; } } .pb-40-50 { padding-bottom: 40px; } @media (min-width: 1024px) { .pb-40-50 { padding-bottom: 50px; } } .program-desc { width: 47px; height: 1px; background-color: #a8a8a8; } @media (min-width: 1024px) { .program-desc { width: 75px; height: 1px; background-color: #a8a8a8; } } .left-re-7 { left: -70px; } .right-re-7 { right: -70px; } .top-re-35 { top: 35%; } .left-change-icon { background: #ffffff; width: 57px; height: 57px; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(0,0,0,0.1); } .left-change-icon:hover { background: #003765; } .tr-90 { transform: rotate(-90deg); } .tr--90 { transform: rotate(90deg); } .px-re-12 { padding: 0 12%; } .p-9 { padding: 9px !important; } .swiper-mobile-college { /* margin-top: 40px; */ --swiper-pagination-color: #000000; } .swiper-mobile-college .swiper-slide-prev { opacity: 0.5; } .swiper-mobile-college .swiper-slide-next { opacity: 0.5; } .hidden_banner_btn{ opacity: 0; } .mobile-home-title{ color: #fff; border-top: 1px solid rgba(255,255,255,0.22); bottom: 12%; margin: 0 16px; padding: 10px 0; } .second-select-menu{ width: 100vw !important; /* top: -0.5rem !important; */ display: flex !important; justify-content: flex-end !important; flex-direction: column; margin-top: 10px; } a.content_remove::before{ content: none !important; } .defined-mr-30 { margin-right: 1.875rem; } .index-banner-mask { width: 100%; height: 15rem; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); opacity: 0.5; position: absolute; bottom: 0; left: 0; right: 0; cursor: default; } .banner-menu-ul>li:nth-child(n 8) { display: none; } @media only screen and (max-width: 1681px) { .banner-menu-ul>li:nth-child(n 7) { display: none; } } @media only screen and (max-width: 1441px) { .banner-menu-ul>li:nth-child(n 6) { display: none; } } @media only screen and (max-width: 1281px) { .banner-menu-ul>li:nth-child(n 5) { display: none; } } @media only screen and (max-width: 1024px) { .index-banner-mask { height: 5.375rem; } .banner-menu-ul>li:nth-child(n) { display: none; } } .underline { text-underline-position: under; } .second-menu-list > li { font-size: 22px; color: #dadce6; line-height: 30px; text-align: right; padding-bottom: 25px; } .menu-left-icon-img { display: inline-block; transform: rotate(180deg); margin-top: -5px; } .menu-list > li { line-height: 80px; } .menu-item-title:hover ~ .menu-right-arrow { color: #ffe80f; } .lh-unset { line-height: unset !important; } @media (min-width: 1024px) { .custom-html { margin-top: 40px; } } @media (max-width: 1024px) { .custom-html { margin-top: 60px; } }