.w1236 { width: 1236px; margin: auto; } .imgW { width: 100%; max-width: 100%; max-height: 100%; } .pt160 { padding-top: 160px; box-sizing: border-box; } .header { width: 100%; background-color: #F5F5F5; height: 106px; } .header .nav { display: flex; align-items: center; height: 100%; justify-content: space-between; } .header .nav ul { display: flex; } .header .nav .li a { color: #757575; font-size: 18px; padding-top: 20px; margin-right: 70px; font-weight: bold; } .header .nav .on a { color: #EEB20E; position: relative; } .header .nav .on a::after { content: ""; width: 70px; height: 6px; left: 0px; background: #EEB20E; position: absolute; bottom: -29px; opacity: 1; } .int { position: relative; margin-right: 36px; } .int input { width: 89px; height: 36px; background: #E4E4E4; opacity: 1; border: none; padding-left: 14px; box-sizing: border-box; border-radius: 9px; } .int img { width: 26px; height: 26px; position: absolute; left: 10px; top: 15%; } .int input::placeholder { font-size: 16px; font-weight: bold; padding-left: 20px; box-sizing: border-box; } .int-con { display: flex; align-items: center; } .in-ber { width: 100%; height: 780px; background-size: auto 100%; } .in-ber div>:nth-child(1) { font-size: 56px; font-weight: 400; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); color: #fff; } .in-ber div { padding-top: 220px; } .in-ber div>:nth-child(2) { font-size: 84px; font-weight: bold; color: #fff; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); } .index-swiper-container { width: 100%; overflow: hidden; } .one-con .title { display: flex; align-items: center; justify-content: space-between; margin-top: 90px; margin-bottom: 24px; } .one-con .title>:nth-child(1) { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #0C0C0C; } .one-con .title>:nth-child(2) { display: block; width: 70px; text-align: center; height: 32px; border: 1px solid #CCCCCC; font-size: 13px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #8F8F8F; opacity: 1; } .dynamic .left { position: relative; width: 810px; height: 456px; display: inline-block; } .dynamic .left .date { font-size: 16px; font-weight: bold; color: #FFFFFF; } .dynamic .left .text { font-size: 36px; width: 679px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .dynamic .left .make { width: 100%; padding: 2px 37px 0px; position: absolute; bottom: 0px; left: 0px; color: #fff; height: 167px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } .dynamic .left .make img { position: absolute; right: 37px; top: 50% } .dynamic .right { text-align: right; } .dynamic .right a { display: inline-block; position: relative; text-align: left; width: 388px; height: 218px; } .dynamic .right a .img { width: 100%; background: rgba(0, 0, 0, 0); opacity: 1; } .dynamic .right a .make { padding: 20px 30px 0px; position: absolute; bottom: 0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); width: 100%; } .dynamic .right a .make .date { margin-bottom: 5px; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .dynamic .right a .make .text { font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; width: 288px; } .dynamic .right .make img { position: absolute; width: 24px; height: 24px; right: 37px; top: 50% } .dynamic { display: flex; justify-content: space-between; margin-bottom: 90px; } .dynamic .right .top { margin-bottom: 16px; } .video-con { display: flex; justify-content: space-between; } .video-con .list .videoImg { width: 388px; height: 218px; } .video-con .list .text { width: 388px; height: 145px; background: #F4F4F5; opacity: 1; padding: 26px; box-sizing: border-box; } .video-con .list .text .p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 28px; margin-bottom: 14px; color: #171717; } .video-con .list .text .date { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #9B9B9B; } .advertising { width: 100%; height: 750px; background-image: url("/imgs/public/ggber.png"); background-size: auto 100%; } .advertising .con .titP { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; opacity: 1; } .advertising .con .text { width: 495px; margin-top: 35px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #FFFFFF; opacity: 1; } .advertising .con a { width: 176px; height: 48px; margin-top: 46px; background: #EEB20E; display: block; opacity: 1; text-align: center; line-height: 48px; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .advertising .con { display: flex; height: 100%; flex-direction: column; justify-content: center; } .about .left { width: 51%; height: 750px; text-align: right; background: #F4F4F5; text-align: right; text-align: -webkit-right; padding-right: 106px; opacity: 1; } .about .left .leftCon { text-align: left; width: 530px; display: flex; flex-direction: column; justify-content: center; height: 100%; } .about .left .leftCon .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #171717; opacity: 1; margin-bottom: 68px; } .about .left .leftCon .text { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #484848; margin-bottom: 40px; opacity: 1; } .about .left .leftCon a { width: 176px; height: 48px; margin-top: 46px; background: #EEB20E; display: block; opacity: 1; text-align: center; line-height: 48px; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .about { display: flex; margin-top: 120px; } .about .img { width: 600px; height: 750px; overflow: hidden; } .impact .right { width: 51%; height: 750px; background: #F4F4F5; opacity: 1; text-align: left; padding-left: 106px; text-align: -webkit-left; } .impact { margin-top: 120px; display: flex; margin-bottom: 160px; justify-content: flex-end; } .impact .right .rightCon { width: 530px; display: flex; flex-direction: column; height: 100%; justify-content: center; } .impact .right .rightCon .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; opacity: 1; margin-bottom: 48px; } .impact .right .rightCon .text { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #484848; opacity: 1; margin-bottom: 40px; } .impact .right .rightCon a { width: 100%; display: flex; padding-right: 26px; box-sizing: border-box; align-items: center; margin-top: 31px; justify-content: space-between; } .impact .right .rightCon a .tb { display: flex; align-items: center; } .impact .right .rightCon a .tb div { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 6px; margin-right: 12px; } .impact .right .rightCon a .zf div { background: #1AB9FF; } .impact .right .rightCon a .wb div { background: #FF5353; } .impact .right .rightCon a .wx div { background: #59D255; } .impact .right .rightCon a .bl div { background: #FF88B5; } .impact .right .rightCon a .tb span { font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #171717; } .title { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; text-align: center; color: #0C0C0C; } .target { overflow: hidden; } .targetCon { margin-top: 67px; width: 103%; } .targetCon .list { width: 282px; margin-bottom: 36px; height: 222px; background: #F4F4F5; opacity: 1; display: flex; margin-right: 36px; flex-direction: column; justify-content: center; padding-left: 42px; box-sizing: border-box; } .targetCon .list:hover { background: #EEB20E; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .targetCon .list .titp p { font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; padding-bottom: 16px; margin-right: 10px; line-height: 31px; display: inline-block; color: #0C0C0C; border-bottom: 7px solid #EEB20E; } .targetCon .list:hover .titp p { color: #FFFFFF; border-color: #fff; } .targetCon .list .titp img { width: 24px; height: 24px; display: inline-block; } .targetCon .list .text { font-size: 16px; margin-top: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #707070; opacity: 1; } .targetCon .list:hover .text { color: #fff; } .mt160 { margin-top: 160px; } .targetCon .imgC { width: 600px; margin-bottom: 36px; display: inline-block; margin-right: 36px; } .targetCon { display: flex; flex-wrap: wrap; } .cooperation { display: flex; margin-top: 40px; } .cooperation .one { width: 282px; height: 385px; } .cooperation .listCon { display: flex; flex-wrap: wrap; } .cooperation .listCon .list { width: 282px; height: 107px; margin-left: 36px; margin-bottom: 32px; } .contact { height: 484px; background: #F4F4F5; opacity: 1; padding: 54px 106px 0px; box-sizing: border-box; } .contact .contact-con { margin-bottom: 60px; } .contact .contact-con .titp { font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #0C0C0C; position: relative; padding-left: 15px; } .contact .contact-con .titp::after { content: ""; width: 8px; height: 24px; background: #FFCD43; opacity: 1; position: absolute; left: 0px; top: 5px; } .contact .contact-con .text { width: 1024px; height: 56px; margin-top: 15px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #484848; opacity: 1; } .contactHref { width: 388px; height: 48px; display: block; background: #EEB20E; opacity: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; text-align: center; margin: auto; line-height: 48px; color: #FFFFFF; } .team { background: #F4F4F5; } .team-con { padding-top: 160px; } .team-con .tit { text-align: center; margin-bottom: 72px; } .team-con .tit .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #171717; opacity: 1; margin-bottom: 32px; } .team-con .tit .text { font-size: 18px; font-weight: 400; color: #484848; opacity: 1; } .team-con .list-con .list { margin-right: 36px; font-size: 16px; width: 282px; color: #707070; line-height: 25px; margin-bottom: 86px; text-align: center; } .team-con .list-con .list .imgTit { width: 282px; height: 282px; border-radius: 50%; margin-bottom: 28px; background: #B5B5B5; } .team-con .list-con .list .titp { font-size: 20px; font-weight: bold; line-height: 28px; color: #171717; opacity: 1; } .team-con .list-con { display: flex; flex-wrap: wrap; } .team-con .list-con { width: 103%; } .footer .list-con { width: 100%; height: 48px; background: #3D3D3D; opacity: 1; } .footer .list-con .ul { display: flex; height: 100%; align-items: center; } .footer .list-con .ul .li { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 21px; margin-right: 40px; color: #FFFFFF; opacity: 1; } .footer { background: #F4F4F5; } .footer-con { padding-top: 55px; } .footer-con .one { margin-right: 30px; padding-top: 55px; } .footer-con .one>:nth-child(1) { width: 173px; height: 70px; } .footer-con .one>:nth-child(2) { font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 24px; margin-bottom: 17px; color: #0C0C0C; margin-top: 34px; } .footer-con .one>:nth-child(3)>:nth-child(1) { font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; line-height: 19px; color: #707070; } .footer-con .one .address { display: flex; margin-bottom: 5px; } .footer-con .one .address>:nth-child(1) { font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; line-height: 19px; color: #707070; display: inline-block; } .footer-con .one .address>:nth-child(2) { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 19px; width: 333px; display: inline-block; color: #707070; } .footer-con .one .date>:nth-child(1) { font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; line-height: 19px; color: #707070; } .footer-con .one .date>:nth-child(2) { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 19px; color: #707070; } .footer-con .one .wx { display: flex; margin-top: 20px; } .footer-con .one .wx img { width: 106px; margin-right: 30px; max-height: 106px; } .footer-con { display: flex; } .footer-con .two { padding-top: 159px; } .footer-con .two .titp { font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 24px; color: #0C0C0C; margin-bottom: 23px; } .footer-con .two>:nth-child(2) { margin-bottom: 5px; } .footer-con .two>:nth-child(2)>:nth-child(1) { font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; line-height: 19px; color: #707070; } .footer-con .two>:nth-child(2)>:nth-child(2) { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 19px; color: #707070; } .footer-con .two>:nth-child(3)>:nth-child(1) { font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; line-height: 19px; color: #707070; } .footer-con .two>:nth-child(3)>:nth-child(2) { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 19px; color: #707070; } .footer-con .two .zx { margin-top: 40px; width: 250px; display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-con .two .zx a { display: flex; width: 110px; margin-bottom: 19px; } .footer-con .two .zx a div { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 6px; margin-right: 12px; } .footer-con .two .zx>:nth-child(3)>div { background: #1AB9FF; } .footer-con .two .zx>:nth-child(1)>div { background: #FF5353; } .footer-con .two .zx>:nth-child(2)>div { background: #59D255; } .footer-con .two .zx>:nth-child(4)>div { background: #FF88B5; } .bq { font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; line-height: 16px; margin-top: 64px; color: #8F8F8F; } .media-nav { width: 100%; display: flex; background: #3D3D3D; height: 60px; justify-content: center; align-items: center; } .media-nav a { font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; line-height: 21px; color: #FFFFFF; opacity: 1; margin: 0 32px; } .media-nav .on { color: #FFCD43; } .media-top { position: relative; } .media-top img { width: 100%; height: 403px; position: absolute; top: 60px; } .media-main { position: relative; z-index: 2; } .media-main .media-tit { text-align: center; padding-top: 104px; } .media-main .media-tit .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 47px; color: #FFFFFF; margin-bottom: 15px; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .media-main .media-tit .text { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 21px; color: #FFFFFF; margin-bottom: 70px; opacity: 1; } .nav-A { display: flex; } .nav-A a { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 19px; color: #0C0C0C; opacity: 1; } .media-swiper { margin-top: 16px; } .media-swiper-container { width: 100%; overflow: hidden; position: relative; } .media-swiper-con { width: 100%; background-size: 100%; height: 600px; position: relative; } .media-swiper-con div { position: absolute; bottom: 100px; padding-left: 45px; width: 750px; } .media-swiper-con div .date { font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .media-swiper-con div .text { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; padding: 0 10px; line-height: 58px; margin-bottom: 5px; display: inline-block; color: #FFFFFF; opacity: 1; background: #0C0C0C; } .media-swiper-pagination { position: absolute; z-index: 5; bottom: 20px !important; left: 45px !important; } .media-swiper-pagination span { width: 15px; height: 15px; border: 1px solid #FFFFFF; border-radius: 50%; opacity: 1; background-color: rgba(0, 0, 0, 0); } .media-swiper-pagination .swiper-pagination-bullet-active { background: #FFFFFF; } .media-main .title { display: flex; align-items: center; justify-content: space-between; margin-top: 90px; margin-bottom: 24px; } .media-main .title>:nth-child(1) { font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #0C0C0C; } .media-main .title>:nth-child(2) { display: block; width: 70px; text-align: center; height: 32px; border: 1px solid #CCCCCC; font-size: 13px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #8F8F8F; opacity: 1; } .media-video { overflow: hidden; } .media-video .media-video-w .list { width: 282px; margin-right: 36px; margin-bottom: 36px; } .media-video .media-video-w .list .list-img { width: 282px; height: 158px; overflow: hidden; } .media-video .media-video-w .list .list-text { width: 282px; height: 179px; background: #F4F4F5; opacity: 1; padding: 28px 24px 0px; box-sizing: border-box; } .media-video .media-video-w .list .list-text .date { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 19px; color: #9B9B9B; opacity: 1; } .media-video .media-video-w .list .list-text .text { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; height: 78px; line-height: 26px; margin-bottom: 26px; color: #171717; } .media-video .media-video-w { display: flex; flex-wrap: wrap; width: 103%; } .latest-top { width: 1236px; height: 400px; background: rgba(0, 0, 0, 0); opacity: 1; background-image: url("/imgs/public/zx.png"); background-size: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 36px; } .latest-top .text { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 47px; color: #FFFFFF; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); opacity: 1; } .latest-top a { width: 176px; height: 40px; background: #EEB20E; margin-top: 24px; opacity: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; line-height: 40px; text-align: center; color: #FFFFFF; } .latest-top .latest-top-con { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding-left: 70px; padding-bottom: 48px; height: 269px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } .latest-con { width: 100%; } .latest-con .list { width: 282px; margin-right: 36px; margin-bottom: 36px; } .latest-con .list .list-img { width: 282px; height: 158px; overflow: hidden; background: #9B9B9B; } .latest-con .list .list-text { width: 282px; height: 179px; background: #F4F4F5; opacity: 1; padding: 28px 24px 0px; box-sizing: border-box; } .latest-con .list .list-text .date { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 19px; color: #9B9B9B; opacity: 1; } .latest-con-w { width: 103%; display: flex; flex-wrap: wrap; } .latest-con .list .list-text .text { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; height: 78px; line-height: 26px; margin-bottom: 26px; color: #171717; } .latest-con .list-a { width: 600px; height: 337px; background: #9B9B9B; opacity: 1; position: relative; } .latest-con .list-a div { position: absolute; bottom: 0; width: 100%; padding-left: 28px; padding-top: 7px; box-sizing: border-box; height: 124px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } .latest-con .list-a div .date { font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; line-height: 21px; color: #FFFFFF; opacity: 1; } .latest-con .list-a div .text { font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 31px; color: #FFFFFF; } .studyAbroad-top { width: 100%; height: 700px; margin-bottom: 141px; background-image: url("/imgs/lxber.png"); background-size: auto 100%; } .studyAbroad-top-con { display: flex; flex-direction: column; justify-content: center; height: 100%; } .studyAbroad-top-con .titp { font-size: 54px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); } .studyAbroad-top-con .text { font-size: 80px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); opacity: 1; } .studyAbroad-guide { display: flex; height: 727px; width: 100%; } .studyAbroad-guide .left { width: 54%; height: 100%; } .studyAbroad-guide .right { height: 100%; flex: 1; background: #2D2D2D; display: flex; padding-left: 60px; box-sizing: border-box; flex-direction: column; justify-content: center; } .studyAbroad-guide .right .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 47px; color: #FFFFFF; } .studyAbroad-guide .right>:nth-child(2) { margin-bottom: 44px; } .studyAbroad-guide .right .text { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #FFFFFF; width: 360px; opacity: 1; } .studyAbroad-guide .right a { width: 176px; height: 40px; background: #EEB20E; margin-top: 54px; opacity: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; line-height: 40px; text-align: center; color: #FFFFFF; } .lja { width: 176px; height: 40px; background: #EEB20E; opacity: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; line-height: 40px; text-align: center; color: #FFFFFF; } .studyAbroad-mt { margin-top: 42px; } .studyAbroad-advertising { position: relative; width: 100%; } .studyAbroad-advertising .addressImg { position: absolute; top: 128px; left: 81px; } .studyAbroad-advertising-con { background-image: url("/imgs/mdmber.png"); height: 480px; position: relative; z-index: 1; padding-left: 70px; display: flex; flex-direction: column; justify-content: center; background-size: 100%; } .studyAbroad-advertising-con .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; margin-bottom: 38px; opacity: 1; } .studyAbroad-advertising-con .text { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #FFFFFF; opacity: 1; } .studyAbroad-choose { margin-top: 360px; position: relative; } .studyAbroad-choose .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #0C0C0C; opacity: 1; width: 388px; height: 71px; line-height: 71px; margin: auto; text-align: center; background: #FFC830; opacity: 1; } .studyAbroad-choose .text { width: 672px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; margin: auto; margin-top: 32px; color: #000000; margin-bottom: 88px; } .studyAbroad-swiper-container { overflow: hidden; height: 509px; } .studyAbroad-swiper { width: 100%; height: 509px; position: relative; } .studyAbroad-swiper .make { height: 77px; background: rgba(0, 0, 0, 0.6); border: 1px solid #707070; display: flex; position: absolute; bottom: 79px; left: 70px; padding-right: 21px; z-index: 5; } .studyAbroad-swiper .make>:nth-child(1) { font-size: 85px; font-family: Microsoft YaHei; font-weight: 400; line-height: 112px; color: #FFFFFF; position: absolute; opacity: 1; top: -40px; } .studyAbroad-swiper .make>:nth-child(2) { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 47px; color: #FFFFFF; padding-left: 100px; opacity: 1; } .studyAbroad-w-oh { width: 100%; overflow: hidden; } .studyAbroad-swiper-container { position: relative; } .studyAbroad-swiper-pagination { position: absolute; bottom: 32px !important; z-index: 2; left: 70px !important; } .studyAbroad-swiper-pagination>span { opacity: 1; width: 15px; height: 15px; border: 1px solid #FFFFFF; border-radius: 50%; background-color: rgba(0, 0, 0, 0); opacity: 1; } .studyAbroad-swiper-pagination>.swiper-pagination-bullet-active { background-color: #fff; } .studyAbroad-swiper-text { width: 100%; height: 220px; background: #F4F4F5; opacity: 1; padding-top: 30px; padding-left: 70px; box-sizing: border-box; } .studyAbroad-swiper-text .p { width: 847px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #707070; opacity: 1; } .degree-right { position: relative; width: 100%; height: 900px; display: flex; align-items: center; } .degree-right::after { content: ""; width: 660px; position: absolute; right: 0px; height: 900px; background: #FFC423; opacity: 1; } .degree-right-con { height: 570px; display: flex; z-index: 1; position: relative; justify-content: space-between; align-items: center; } .degree-right-con .left .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; opacity: 1; } .degree-right-con .left .text { width: 424px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #707070; margin-top: 42px; opacity: 1; } .degree-right-con .right { width: 760px; height: 557px; } .degree-left { position: relative; width: 100%; height: 900px; display: flex; align-items: center; } .degree-left::after { content: ""; width: 660px; position: absolute; left: 0px; height: 900px; background: #FFC423; opacity: 1; } .degree-left-con { position: relative; z-index: 1; display: flex; align-items: center; } .degree-left-con .left { width: 760px; height: 654px; margin-right: 61px; } .degree-left-con .right .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; } .degree-left-con .right .text { width: 388px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; margin-top: 42px; color: #707070; opacity: 1; } .degree-right-con .right-img { position: relative; width: 500px; } .degree-right-con .right-img>:nth-child(1) { width: 500px; height: 413px; } .degree-right-con .right-img>:nth-child(2) { width: 406px; height: 357px; position: absolute; left: -210px; top: 91px; } .degree-ber { width: 100%; background: #F4F4F5; } .degree-pd160 { padding-top: 160px; padding-bottom: 160px; } .degree-video { overflow: hidden; } .titcon { text-align: center; } .titcon .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; margin-bottom: 24px; opacity: 1; } .titcon .text { width: 390px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #707070; opacity: 1; margin: auto; text-align: center; margin-bottom: 48px; } .degree-video-con { display: flex; flex-wrap: wrap; width: 103%; } .degree-video-con .list { width: 282px; margin-right: 36px; margin-bottom: 36px; } .degree-video-con .list .list-video { width: 100%; height: 188px; background: #B5B5B5; position: relative; opacity: 1; } .degree-video-con .list .list-video img { position: absolute; top: 34%; left: 41%; } .degree-video-con .list .text { width: 100%; height: 150px; background: #FFFFFF; opacity: 1; padding: 32px 37px 0px; } .degree-video-con .list .text .titp { font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; line-height: 26px; margin-bottom: 12px; text-align: center; color: #0C0C0C; opacity: 1; } .degree-video-con .list .text .p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; text-align: center; line-height: 24px; color: #9B9B9B; opacity: 1; } .degree-video-btn { display: block; width: 388px; height: 48px; background: #EEB20E; opacity: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; line-height: 48px; text-align: center; margin: auto; margin-top: 48px; opacity: 1; } .degree-img { width: 100%; height: 481px; overflow: hidden; } .degree-imga { width: 1120px; height: 495px; display: block; margin: auto; } .degree-enroll { display: flex; width: 103%; } .degree-enroll .list { width: 282px; height: 587px; background: #F8F8F8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 1; margin-right: 36px; } .degree-enroll .list .img-top { width: 266px; height: 100px; } .degree-enroll .list .titp { width: 266px; height: 38px; text-align: center; line-height: 38px; background: #3D3D3D; opacity: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-align: center; opacity: 1; } .degree-enroll .list .text { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 24px; color: #3D3D3D; opacity: 1; margin-top: 12px; margin-bottom: 16px; } .degree-enroll .list .img-b { width: 266px; height: 384px; overflow: hidden; } .degree-enroll .list .degree-enroll-cor { background: #EEB20E; } .degree-enroll .list .degree-enroll-cor1 { background: #3D3D3D; } .degree-page { display: flex; justify-content: center; margin-top: 48px; } .degree-page a { width: 32px; height: 32px; background: #F5F5F5; opacity: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #9B9B9B; margin: 0 5px; display: flex; justify-content: center; align-items: center; opacity: 1; } .degree-page a span { display: inline-block; width: 2px; height: 2px; border-radius: 50%; background-color: #9B9B9B; margin: 0 2px; } .degree-page .on { color: #fff; background: #EEB20E; } .degree-bz { display: flex; flex-wrap: wrap; width: 103%; } .degree-bz .list { position: relative; width: 282px; height: 392px; overflow: hidden; margin-right: 36px; margin-bottom: 36px; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.25); } .degree-bz .list .text { width: 100%; height: 48px; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; text-align: center; color: #FFFFFF; opacity: 1; background: rgba(0, 0, 0, 0.7); bottom: 0px; opacity: 1; position: absolute; } .degree-bz .lista { width: 600px; margin-right: 36px; position: relative; height: 392px; overflow: hidden; } .degree-bz .lista .text { width: 100%; text-align: center; line-height: 48px; height: 48px; background: #EEB20E; opacity: 1; font-size: 18px; position: absolute; bottom: 0px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-align: center; opacity: 1; } .degree-plan .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; text-align: center; opacity: 1; margin-bottom: 48px; } .degree-plan-w { width: 103%; display: flex; flex-wrap: wrap; } .degree-plan-w .list { width: 388px; height: 176px; background: #F4F4F5; display: flex; align-items: center; margin-right: 36px; opacity: 1; margin-bottom: 36px; border-radius: 88px; } .degree-plan-w .list .list-img { width: 176px; height: 176px; background: #F4F4F5; opacity: 1; overflow: hidden; margin-right: 37px; border-radius: 88px; } .degree-plan-w .list .text .titpa { font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; line-height: 34px; color: #CCCCCC; opacity: 1; margin-bottom: 8px; } .degree-plan-w .list .text .p { font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #0C0C0C; opacity: 1; } .degree-apply { width: 100%; height: 591px; background: #F4F4F5; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 1; } .degree-apply .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; text-align: center; color: #000; opacity: 1; margin-bottom: 24px; } .degree-apply .titp span { color: #EEB20E; } .degree-apply .xq { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #E8A200; text-align: center; margin-top: 24px; margin-bottom: 36px; text-align: center; display: inline-block; opacity: 1; } .degree-apply .xq span { border-bottom: 1px solid #EEB20E; } .apply-btn { width: 388px; height: 100px; background: #FFCD43; opacity: 1; margin-top: 36px; display: flex; align-items: center; padding-left: 40px; margin-right: 33px; border-radius: 32px; } .apply-btn img { width: 76px; } .apply-btn p { font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #171717; opacity: 1; } .school-tit { text-align: center; margin-bottom: 48px; } .school-tit .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; opacity: 1; } .school-tit .text { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #707070; margin: auto; margin-top: 24px; width: 684px; text-align: center; opacity: 1; } .school-swiper-container { width: 54%; overflow: hidden; } .school-con { width: 100%; height: 750px; } .school-swiper-con { width: 100%; height: 100; position: relative; } .school-swiper-con .zt { width: 106px; height: 106px; opacity: 1; position: absolute; left: 45%; top: 45%; } .school-swiper-pagination>span { display: block; background-color: rgba(0, 0, 0, 0); width: auto !important; height: auto !important; opacity: 1; } .school-con { display: flex; } .school-con .text { flex: 1; height: 100%; padding-top: 152px; box-sizing: border-box; padding-left: 36px; background: #F4F4F5; } .school-con .text .titp { font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #0C0C0C; opacity: 1; margin-bottom: 51px; } .school-con .text .school-swiper-pagination .s-text { margin-bottom: 35px; padding-left: 46px; position: relative; } .school-con .text .school-swiper-pagination .s-text::after { content: ""; width: 20px; height: 20px; background: #707070; opacity: 1; position: absolute; left: 0px; top: 5px; } .school-con .text .school-swiper-pagination .s-text .s-titp { font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #707070; opacity: 1; } .school-con .text .school-swiper-pagination .s-text .address { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #9B9B9B; } .school-con .text .school-swiper-pagination .s-text .ev { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #9B9B9B; opacity: 1; } .school-con .text .swiper-pagination-bullet-active .s-text .s-titp { color: #0C0C0C; } .school-con .text .swiper-pagination-bullet-active .s-text .address { color: #0C0C0C; } .school-con .text .swiper-pagination-bullet-active .s-text::after { content: ""; width: 20px; height: 20px; background: #FFCD43; opacity: 1; position: absolute; left: 0px; top: 5px; } .w1236 .school-right-img { width: 587px; height: 400px; display: flex; justify-content: space-between; align-content: space-between; flex-wrap: wrap; } .school-right-img .s-img { width: 282px; height: 188px; } .school-degree-right::after { width: 512px; } .school-degree-left::after { width: 512px; } .school-life { height: 749px; background-color: #fff; } .bc1 { background: #F4F4F5; } .school-life-tit { display: flex; } .school-life-tit p { width: 282px; height: 63px; background: #E1E1E1; text-align: center; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; line-height: 63px; color: #9B9B9B; opacity: 1; } .school-life-tit .on { color: #171717; background: #FFCD43; } .school-life-con-one { padding: 0 70px; } .school-life-con-one .titp { font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 24px; padding-left: 40px; color: #171717; position: relative; margin-top: 60px; margin-bottom: 32px; opacity: 1; } .schoolClickb { display: none; } .school-life-con-one .titp::after { position: absolute; content: ""; left: 0px; top: 0px; width: 24px; height: 24px; background: #FFCD43; opacity: 1; } .school-life-con-one .list-con { display: flex; justify-content: space-between; } .school-life-con-one .list-con .list { width: 344px; } .school-life-con-one .list-con .list .list-img { width: 344px; height: 229px; overflow: hidden; position: relative; } .school-life-con-one .list-con .list .list-img p { width: 100%; height: 54px; background: #3D3D3D; border: 1px solid #707070; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 54px; position: absolute; bottom: 0px; left: 0px; text-align: center; color: #FFFFFF; opacity: 1; } .school-life-con-one .list-con .list .text { width: 100%; height: 210px; padding: 32px 30px 0; box-sizing: border-box; background: #F4F4F5; } .school-life-con-one .list-con .list .text p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #707070; opacity: 1; } .zd-school { width: 100%; height: 574px; overflow: hidden; margin-top: 48px; } .school-professional { width: 103%; display: flex; flex-wrap: wrap; } .school-professional .list { width: 282; height: 430px; position: relative; overflow: hidden; margin-right: 36px; margin-bottom: 36px; } .school-professional .list .titp { position: absolute; top: 40%; width: 100%; text-align: center; padding: 0px 80px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25); opacity: 1; } .school-professional .list .text { position: absolute; top: 0px; height: 100%; width: 100%; text-align: left; padding: 0px 80px; display: flex; display: none; align-items: center; /* display: none; */ font-size: 18px; z-index: 3; font-family: Microsoft YaHei; color: #FFFFFF; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25); opacity: 1; } .school-professional .list::after { width: 100%; height: 100%; position: absolute; content: ""; left: 0px; top: 0px; display: none; z-index: 2; background-color: rgba(0, 0, 0, 0.5); } .school-professional .list:hover .titp { display: none; } .school-professional .list:hover .text { display: flex; } .school-professional .list:hover::after { display: block; } .school-professional .list:hover img { filter: blur(5px); } .school-apply-tit { display: flex; justify-content: space-between; } .school-apply-tit .one { width: 600px; height: 183px; position: relative; overflow: hidden; } .school-apply-tit .one .text { position: absolute; text-align: center; width: 100%; top: 35%; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); opacity: 1; } .school-apply-tit .two { width: 600px; position: relative; height: 160px; overflow: hidden; } .school-apply-tit .two img { filter: blur(3px); max-height: none; } .school-apply-tit .two .text { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; text-align: center; line-height: 160px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; /* background-image: url("/imgs/public/mohu.png"); */ background-size: 100%; text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); } .school-apply-con { width: 100%; height: 348px; background: #F4F4F5; opacity: 1; padding: 60px 70px 0px; margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; } .school-apply-con .list { display: flex; margin-bottom: 18px; width: 530px; height: 60px; background: #FFFFFF; } .school-apply-con .list .titp { width: 142px; height: 60px; background: #757575; opacity: 1; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; text-align: center; color: #FFFFFF; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); opacity: 1; } .school-apply-con .list .text { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #3D3D3D; padding-left: 25px; box-sizing: border-box; opacity: 1; opacity: 1; } .school-apply-con .list .onBer { background: #EEB20E; } .school-apply-conClickb { display: none; } .school-admission { width: 103%; display: flex; flex-wrap: wrap; } .aps-one{ display: flex; } .aps-one .left { width: 742px; height:600px; opacity: 1; margin-right: 66px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16); border-radius: 16px 16px 0px 0px; background-size: 100%; } .aps-one .left .left-con{ display: flex; justify-content: space-evenly; align-items: center; margin-top: 52px; } .aps-one .left .left-con div{ width: 297px; height: 442px; overflow: hidden; } .aps-one .aps-one-tit{ width: 100%; height: 47px; background: #3D3D3D; border: 1px solid #707070; opacity: 1; border-radius: 16px 16px 0px 0px; display: flex; align-items: center; padding-left: 36px; box-sizing: border-box; } .aps-one .aps-one-tit p{ width: 15px; height: 15px; background: #F56464; margin-right: 12px; border-radius: 50%; opacity: 1; } .aps-one .aps-one-tit :nth-child(2){ background: #EFC436; } .aps-one .aps-one-tit :nth-child(3){ background: #67D563; } .aps-one .right{ flex: 1; display: flex; flex-direction: column; justify-content: center; } .right .subtitle{ font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; opacity: 1; } .right .text{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; color: #707070; margin-top: 44px; opacity: 1; } .aps-tit{ text-align: center; margin-bottom: 48px; } .aps-tit .subtitle{ font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; line-height: 48px; color: #171717; opacity: 1; } .aps-tit .text{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; margin-top: 24px; color: #707070; } .aps-problem{ width: 103%; display: flex; flex-wrap: wrap; } .aps-problem .list{ width: 388px; margin-right: 36px; } .aps-problem .list .list-img{ width: 100%; height: 252px; } .aps-problem .list .text{ font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; display: flex; align-items: center; width: 100%; height: 70px; background: #3D3D3D; opacity: 1; opacity: 1; } .aps-problem .list .text .icon{ width: 70px; height: 70px; text-align: center; line-height: 70px; background: #FFCD43; font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #171717; } .aps-problem .list .text .p{ padding-left: 24px; } .aps-problem .list .text .p span{ color: #FFCD43; } .aps-statistical{ display: flex; justify-content: space-between; } .aps-statistical .list{ width: 280px; height: 280px; background: #FFCD43; border: 15px solid #3D3D3D; border-radius: 50%; padding-top: 60px; opacity: 1; } .aps-statistical .list .subtitle{ font-size: 60px; font-family: Microsoft YaHei; font-weight: bold; text-align: center; line-height: 80px; color: #171717; transition: all 0.3s; opacity: 1; } .aps-statistical .list .text{ width: 100px; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; text-align: center; margin: auto; line-height: 30px; color: #171717; opacity: 1; } .aps-statistical>:nth-child(2){ border: none; background-color: #fff; border-radius: 0px; padding-top: 72px; background-image: url("/imgs/public/tj2.png"); background-size: 100% 100%; } .aps-statistical>:nth-child(3){ border: none; background-color: #fff; border-radius: 0px; padding-top: 72px; background-image: url("/imgs/public/tj3.png"); background-size: 100% 100%; } .aps-statistical>:nth-child(3) .text{ width: 140px; } .aps-statistical>:nth-child(4){ border: none; background-color: #fff; border-radius: 0px; padding-top: 72px; background-image: url("/imgs/public/tj3.png"); background-size: 100% 100%; } .aps-statistical>:nth-child(4) .text{ width: 140px; } .aps-mentor{ width: 100%; background-color: #fff; } .aps-mentor-nav .p{ width: 176px; height: 59px; background: #E1E1E1; opacity: 1; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; line-height: 59px; text-align: center; color: #9B9B9B; opacity: 1; } .aps-mentor-nav .on{ color: #FFFFFF; background: #EEB20E; } .aps-mentor{ display: flex; padding-bottom: 40px; } .aps-mentor-con{ padding: 70px 70px 0px; } .aps-mentor-con-top{ display: flex; justify-content: space-between; flex-wrap: wrap; } .aps-mentor-con .list { width: 282px; margin-bottom: 36px; } .aps-mentor-con .list .list-img { width: 282px; height: 188px; position: relative; background: #CCCCCC; opacity: 1; } .aps-mentor-con .list .list-img .zt{ position: absolute; left: 40%; top: 40%; } .aps-mentor-con .list .text{ width: 100%; height: 136px; background: #F5F5F5; padding-top: 27px; box-sizing: border-box; opacity: 1; } .aps-mentor-con .list .text .subtitle{ font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; text-align: center; margin-bottom: 12px; color: #0C0C0C; opacity: 1; } .aps-mentor-con .list .text .p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; text-align: center; line-height: 24px; color: #9B9B9B; opacity: 1; } .aps-audit{ width: 1076px; height: 560px; margin: auto; overflow: hidden; margin-top: 60px; } .aps-xq{ font-size: 18px; } .mb120{ margin-bottom: 120px; } .prep-con .list .title-name{ color: #2597ED; font-size: 24px; font-weight: bold; text-align: center; } .prep-con .list .text{ width: 1096px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; margin: auto; color: #171717; margin-bottom: 32px; text-align: center; opacity: 1; } .prep-con .list .prep-con-img{ width: 742px; height: 367px; margin: auto; margin-bottom: 72px; background: #DFDFDF; opacity: 1; } .mediaVideo .media-swiper-con{ height: 400px; } .mediaVideo div{ bottom: 51px; }