@charset "utf-8"; /* CSS Document */ /*公共*/ @font-face { font-family: 'MyFont'; /*字体名称*/ src: url('../fonts/WenYue-GuDianMingChaoTi-NC-W5.otf'); /*字体源文?/ } @font-face { font-family: 'MyFont1'; /*字体名称*/ src: url('../fonts/1.TTF'); /*字体源文?/ } #banner{ width: 100%; height: auto; float: left;} /*#banner img{ width: 100%;}*/ #main{ width: 100%; height: auto; min-height: 1000px; float: left; padding-bottom: 30px; background: #fff;} #main .mainN1Wap{display: none} /*W一部分开?/ #main .mainN1{width: 100%;height:74rem;float: left;} #main .mainN1 img{width: 100%;height: 100%;float: left;object-fit: cover} /*//暂时关闭*/ /*#main .mainN1{width: 100%;height:742px;float: left;position: relative;background: url("../images/aomen_banner.jpg") no-repeat center center;background-size: 100% 100%;}*/ #main .mainN1Bg{width:100%;height:100%;position: absolute;top: 0;left:0;background: rgba(0,0,0,0.32)} #main .mainN1In{width: 50%;height: auto;float: left; position: absolute; top: 35%; left: 40%; transform: translate(-35%, -40%);} #main .mainN1InN1{width: 100%;height: auto;float: left;margin-top: 123px;} #main .mainN1InN2{width: 100%;height: auto;float: left; position: absolute; left: 0; top: 70px;} #main .mainN1InN2 p{font-size: 116px;color: #fff;font-weight: 700;line-height: 1.1;letter-spacing: 0.5rem;} #main .mainN1InN3{width: 100%;height: auto;float: left; position: absolute;bottom: 18%;left: 23%;} #main .mainN1InN3 li{width: auto;height: auto;float: left;font-size: 18px;background: #FFAA2F;border-radius: 2rem;margin-right: 50px; cursor: pointer;} #main .mainN1InN3 li:last-child{margin: 0} #main .mainN1InN3 li span{display: inline-block;padding: 1.1rem 3.7rem 1.2rem 3.7rem;line-height: 1;color: #fff;} #main .wap_mainN1{display: none;}/*-----W一模块不超q?100------*/ /*W一个模块的手机版样?/ @media(max-width: 1100px){ #main .mainN1Wap{width: 100%;height: auto;float: left;display: block;} #main .mainN1Wap img{width: 100%;height: auto;} #main .mainN1{display: none;} } /*文字镂空*/ /*#main .mainN1TInTN1 span{font-family: 'MyFont';font-size: 200px; color: transparent;*/ /*-webkit-text-fill-color: #ffdaa6;!*文字的填充色*!*/ /*-webkit-text-stroke: 1.2px #000;}*/ /*W一部分l束*/ /*列表样式开?/ #main .public{width: 100%;height: auto;float: left;background: #fff;margin-bottom: 8.2rem} #main .publicIn{width: 1231px;height:auto;margin: 0 auto;overflow: hidden;} #main .publicInT{width: 100%;height: auto;float: left;text-align: center;position: relative;padding-top: 4.1rem;} #main .publicTN1{width: 100%;height: auto;float: left;font-size: 108px;color: rgba(102,102,102,0.08);} #main .publicTN2{width: 100%;height: auto;float: left;font-size: 60px;color: #222222;position: absolute;bottom: 0;left: 0;font-family: MyFont1;} #main .publicInM{width: 100%;height: auto;float: left;font-size: 20px;text-align: center;margin-top: 40.2px} #main .publicInM p span{color: #FC6E40;font-size: 3rem} #main .publicB{width: 100%;height: auto;float: left;margin-top: 60.6px;} /*手机版下公共样式*/ @media(max-width: 1100px){ #main .publicInM{width: 100%;height: auto;float: left;font-size: 1.1rem;text-align: center;margin-top: 0.9rem;} #main .publicInM p span{color: #FC6E40;font-size: 1.3rem} #main .publicIn{width: 92%;height:auto;margin: 0 auto;overflow: hidden;} #main .publicTN1{font-size: 4rem;} #main .publicTN2{font-size: 2.3rem;} #main .publicB{width: 100%;height: auto;float: left;margin-top: 2.6rem;} } /*W二部分开?/ /*澳门留学四大优势*/ #main .mainN2{width: 100%;height: auto;float: left; margin-top: 78px;} #main .mainN2 .publicIn{overflow: inherit} #main .advantage{width: 100%;height: auto;float: left;display: block;} #main .advantageWap{width: 100%;height: auto;float: left;display: none;} #main .advantage li{width:280px;height: 234px;float: left;background: #fff;margin-right: 27px;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1);} #main .advantage li:nth-of-type(4n){margin: 0;} #main .advantage li:last-child{margin-right: 0;} #main .advantage li:nth-child(-n+4){margin-bottom: 30px;} #main .advantage li:nth-of-type(6){width:432px} #main .advantage li:nth-of-type(7){width:432px;font-size: 12px;} #main .advantage li .liIn{width: 90%;height: auto;margin: 0 auto;} #main .advantage li .liInT{width: 100%;height: auto;float: left;font-size:32px;margin-top: 24px;} #main .advantage li .liInT span{padding: 1.6rem 0.3rem 0.3rem 1.7rem;display: inline-block;border: 2px solid #FFBE60; } #main .advantage li .liInB{width: 100%;height: auto;float: left;margin-top: 28px;} #main .advantage li .liInB h3{font-size: 20px;} #main .advantage li .liInB p{font-size: 14px;margin-top: 12px;line-height: 22px;} /*W二个模块的手机版样?/ @media(max-width: 1100px){ #main .mainN2{margin-top: 0;} #main .mainN2 .public{margin-bottom: 3.2rem;} #main .mainN2 .publicTN1{display:none;font-size: 9rem;} #main .advantage{width: 100%;height: auto;float: left;display: none;} #main .advantage{width: 100%;height: auto;float: left;display: block;} #main .advantage li{width:47.8%;height: 10rem;float: left;background: #fff;margin-right: 1.5rem;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1);margin-bottom:3rem;} #main .advantage li:nth-last-child(-n+3){width:30%;margin-right: 1.4rem;margin-bottom: 0} #main .advantage li:nth-of-type(2){margin-right: 0;} #main .advantage li:nth-of-type(4){margin-right: 0;} #main .advantage li:nth-of-type(7){margin-right: 0;} #main .advantage li .liIn{width: 90%;height: auto;margin: 0 auto;} #main .advantage li:nth-of-type(5) .liIn{width: 86%;} #main .advantage li:nth-of-type(6) .liIn{width: 86%;} #main .advantage li:nth-of-type(7) .liIn{width: 86%;} #main .advantage li .liInT{width: 100%;height: auto;float: left;font-size:2rem;margin-top: 1.5rem;} #main .advantage li .liInT span{padding: 0.6rem 0.3rem 0 1.3rem;display: inline-block;border: 2px solid #FFBE60; } #main .advantage li .liInB{width: 100%;height: auto;float: left;margin-top: 1.3rem;} #main .advantage li .liInB h3{font-size: 1.2rem;font-weight: normal;} #main .advantage li:nth-last-child(-n+3) .liInB p{line-height: 1.5rem;} #main .advantage li .liInB p{display: none;} } /*W二部分l束*/ /*W三部分开?/ #main .mainN3{width: 100%;height: auto;float: left;} #main .mainN3 .public{margin-bottom: 60.3px;background: #F7F9FD;} #main .mainN3 .publicIn{overflow: inherit;} #main .schools li{width:500px;height:215px;float: left;margin-left: 60.7px;margin-bottom: 30px;position: relative;background: #fff;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1);} #main .schools li:nth-of-type(even){margin-right: 0;margin-left:165px;} /*#main .schools li:nth-last-child(-1n+2){margin-bottom: 0;}*/ #main .schools li .liIn{width: 88%;height: auto;margin: 0 auto;position: relative} #main .schools .liL { width:160px;height: 160px;float: left;position: absolute;left: -10rem;top: 50%;transform: translateY(-50%);background: #f7f9fd;border-radius: 50%;} #main .schools .liL .liLIn{width: 82%;height:132px;position: absolute;top: 50%;left: 50%;margin: -66px 0 0 -41%;background: #fff;border-radius: 50%;} #main .schools .liL img{width:106px;height: 106px;border-radius: 50%;position: absolute;top: 50%;left: 50%; margin: -53px 0 0 -53px;} #main .schools .liR{width: 435px;height: auto;float: right;margin-top: 30px;line-height: 20.2px;padding-bottom:30.1px;} #main .schools .liRT{width: 100%;height: auto;float: left;} #main .schools .liRT h3{font-size: 1.8rem;font-weight: normal;color: #333;} #main .schools .liRT{display: block;} #main .schools .liRTWap{display: none;} #main .schools .liRB{width: 100%;height: auto;float: left;font-size: 1.4rem;margin-top: 1.9rem;} #main .schools .liRB .liRBN1{margin-bottom: 10.9px;} #main .schools .liRB .liRBN1 p{width: 96%;} #main .schools .liRB h3{font-size: 14px;} /*W三个模块的手机版样?/ @media(max-width: 1100px){ #main .mainN3 .publicB{width: 100%;height: auto;float: left;margin-top: 4.6rem;} #main .mainN3 .public{background: #F3F8FF;margin: 0;padding-bottom: 3.3rem;} #main .schools{display: block;width: 100%;height: auto;float: left;} #main .schools li{width:47.8%;height:30rem;float: left;margin-right: 1.5rem;margin-left:0;margin-bottom: 5.4rem;position: relative;background: #fff;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1);} #main .schools li:nth-last-child(-n+2){margin-bottom: 0;} #main .schools li:nth-of-type(even){margin-right: 0;margin-left: 0;} #main .schools li .liIn{width: 88%;height: auto;margin: 0 auto;position: relative} #main .schools .liL{ width:8rem;height: 8rem;float: left;position: absolute;left:50%;top:0;transform: translate(-50%,-50%);background: #F3F8FF;border-radius: 50%;} #main .schools .liL .liLIn{width: 82%;height:80%;position: absolute;top: 50%;left: 50%;background: #fff;border-radius: 50%;transform: translate(-50%,-50%);margin:0;} #main .schools .liL img{width:4.6rem;height: 4.6rem;border-radius: 50%;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);margin:0;} #main .schools .liR{width: 100%;height: auto;float: right;margin-top: 5rem;line-height:1;} #main .schools .liRT{width: 100%;height: auto;float: left;text-align: center;line-height: 1.5rem;} #main .schools .liRT{display: none;} #main .schools .liRTWap{display: block;text-align: center;} #main .schools .liRTWap h3{font-size: 1.2rem;font-weight: normal;color: #333;} #main .schools .liRTWap p{font-size: 0.9rem;} #main .schools .liRB{width: 100%;height: auto;float: left;font-size: 1rem;margin-top: 1rem;} #main .schools .liRB .liRBN1{width: 100%;height: auto;float: left;text-align: center;line-height: 1.5rem} #main .schools .liRB .liRBN1 p{width: 92%;height:auto;margin: 0 auto;} #main .schools .liRB h3{font-size: 14px;} } /*W三部分l束*/ /*W四部分开?/ #main .mainN4{width: 100%;height:auto;float: left;background: url("../images/mainN4_bg.jpg") no-repeat top center;margin-bottom: 70px;background-size: 100% 100%;padding-bottom: 89px;} #main .mainN4In{width:1200px;height: auto;margin: 0 auto;margin-top: 42px;} #main .mainN4In .mainN4InL{width: 55%;height: auto;float: left;color: #fff;} #main .mainN4In .mainN4InL li{ width: 28%;height: 60px;line-height: 60px;float: left;font-size: 31px;margin-bottom: 29px;text-align: center;margin-right: 41px;background: rgba(255,255,255,0.15);border-radius: 0.6rem;} #main .mainN4In .mainN4InL li:nth-of-type(3n){margin-right: 0;} #main .mainN4In .mainN4InL li:nth-last-child(-n+3){margin-bottom: 0;} #main .mainN4In .mainN4InL li span{display: inline-block;} #main .mainN4In .mainN4InR{width: 45%;height: auto;float: left;margin-top: 68px;} .mainN4InRIn{width: auto;height: auto;float: right;background-color: #FFBE60;color: #222222;padding: 1.8rem 7.9rem 1.7rem 7.9rem;font-size: 2.6rem;border-radius: 4rem;line-height: 1;cursor: pointer;} .wep_mainN4In{width: 92%;height:auto;margin: 0 auto;display: none;} /*W四个模块的手机版样?/ @media(max-width: 1100px){ #main .mainN4{width: 100%;height:auto;float: left;background: url("../images/mainN4_bg.jpg") no-repeat top center;margin-bottom: 70px;background-size: 100% 100%;padding-bottom: 89px;} #main .mainN4In{width:92%;height: auto;margin: 0 auto;} #main .mainN4{margin: 0;padding: 0; background: url("../images/wep_mainN4_bg.png") no-repeat top center;background-size: 100% 100%;} .mainN4InRIn{width: 32%;height: auto;float: none;margin: 0 auto;padding: 0.8rem 0;text-align: center;line-height: 1; border-radius: 1.5rem;color: #fff;background: #F39800;margin-bottom: 2.4rem;font-size: 1.3rem;} #main .mainN4In .mainN4InL{width: 100%;height: auto;float: left;color: #fff;margin-top: 2.4rem;} #main .mainN4In .mainN4InL li{width: 29%;height: 3rem;line-height: 3rem;float: left;font-size: 1.5rem;margin-bottom:1.5rem;text-align: center;margin-right:2.1rem;background: rgba(255,255,255,0.15);border-radius: 0.6rem;} #main .mainN4In .mainN4InL li:nth-last-child(-n+3){margin-bottom: 0;} #main .mainN4In .mainN4InL li:nth-of-type(3n){margin-right: 0;} #main .mainN4In .mainN4InR{width: 100%;height: auto;float: left;margin-top: 2.2rem;} } /*W四部分l束*/ /*W五部分开?/ #main .mainN5{width: 100%;height: auto;float: left;display: block;} #main .mainN5 .img_pc{width: 100%;} #main .wep_mainN5{display: none;} #main .mainN5Wap{display: none} #main .mainN5 .public{margin-bottom: 6.2rem} #main .mainN5 .publicIn{overflow: inherit;} #main .mainN5 .publicTN1{font-size: 9rem;} #main .mainN5 .course li{width: 380px;height:420px;float: left;background: #fff;margin-left: 30px;margin-bottom: 30px;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1);} /*#main .course li:nth-of-type(3n){margin-left: 0;}*/ #main .mainN5 .course li:nth-last-child(-1n+3){margin-bottom: 0;} #main .mainN5 .course li .liIn{width: 100%;height: auto;float: left;} #main .mainN5 .course li .liInT{width: 88%;height: auto;margin: 0 auto;} #main .mainN5 .course li .liInT img{width: 100%;height:auto;} #main .mainN5 .course li .liInB{width: 100%;height: auto;float: left;} #main .mainN5 .course li .liInBT{width: 100%;height: auto;float: left;text-align: center;line-height: 1;margin-top: 30px;} #main .mainN5 .course li .liInBT h3{width: 127px;height: auto;margin: 0 auto;background: url(../images/course_title_bg.png) no-repeat center center;background-size: 100% 100%;font-size: 20px;} #main .mainN5 .course li .liInBT b{display: none;} #main .mainN5 .course li .liInBB {width: 100%;height: auto;float: left;text-align: center;line-height: 22px;margin-top: 20px;font-size: 14px} #main .mainN5 .course li .liInBB p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} /*W五个模块的手机版样?/ @media(max-width: 1100px){ #main .mainN5 .publicTN1{display: none} #main .mainN5{width: 100%;height: auto;float: left;display: block;} #main .mainN5 .public{margin-bottom: 4.1rem} #main .mainN5 .publicIn{overflow: inherit;} #main .mainN5 .course li{width: 100%;height:auto;float: left;background: #fff;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1);margin-bottom: 1.5rem;margin-left: 0;} #main .mainN5 .course li:last-child{margin-bottom: 0;} #main .mainN5 .course li:nth-last-child(-n+3){margin-bottom: 1.5rem;} #main .mainN5 .course li .liIn{width: 100%;height: 100%;float: left;} #main .mainN5 .course li .liInT{width: 36%;height: 10.5rem;display: inline-block;vertical-align: middle;} #main .mainN5 .course li .liInT img{width: 100%;height:100%;} #main .mainN5 .course li .liInB {width: 58%;height: 100%;text-align: center;display: inline-block;vertical-align: middle;margin-left: 1.6rem;float: none;} #main .mainN5 .course li .liInBT{width: 100%;height: auto;float: left;text-align: left;line-height: 1;margin-top: 0;} #main .mainN5 .course li .liInBT b{width:auto;height: auto;display: inline-block;vertical-align: middle;margin-left: 1rem;} #main .mainN5 .course li .liInBT b img{width: 0.7rem;height: 1rem;} #main .mainN5 .course li .liInBT h3{width:auto;height: auto;font-size: 1.3rem;text-align: left;display: inline-block;vertical-align: middle;background: none;} #main .mainN5 .course li .liInBB {width: 100%;height: auto;float: left;text-align: center;margin-top: 1rem;line-height: 1.6rem;font-size: 1.2rem;} #main .mainN5 .course li .liInBB p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-align: left;} } /*W五部分l束*/ /*W六部分开?/ #main .mainN6{width: 100%;height: auto;float: left;;background: url("../images/mainN6_bg.jpg") no-repeat center center;background-size: 100% 100%;padding-top: 110px;display: block;} #main .mainN6 .public{margin-bottom: 62px;background:transparent;} #main .mainN6 .publicIn{overflow: inherit;} #main .case li{width: 220px;float: left;background: #fff;margin-left: 25px;padding-bottom:15px;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1); margin-top: 25px;} #main .case li:nth-child(5n+1){ margin-left: 0;} #main .case li .liIn{width: 100%;height: auto;float: left;} #main .case li .liInT{width: 100%;height: auto;float: left;} #main .case li .liInT img{width: 100%;height: 200px} #main .case li .liInM{width: 100%;height: auto;float: left;text-align: center;background: rgba(0,0,0,0.6);color: #fff;font-size: 18px;line-height: 1;padding: 0.6rem 0} #main .case li .liInB{width: 100%;height: auto;float: left;font-size: 14px;line-height: 1;text-align: center;color: #222;} #main .case li .liInBT{margin-bottom: 0.7rem;margin-top: 0.9rem;} #main .case li .liInBT h3{font-weight:normal;font-size: 1.4rem;} /*W六个模块的手机版样?/ @media(max-width: 1100px) { #main .mainN6{padding-top: 0} #main .mainN6 {width: 100%;height: auto;float: left;display: block;} #main .mainN6 .publicTN1{padding-top: 0;} #main .mainN6 .case li{width: 48%;float: left;background: #fff;margin-right: 1rem;box-shadow: 0 0.3rem 1.6rem 0 rgba(22,38,63,0.1); margin-top: 2.3rem;height: 27.5rem;margin-left: 0;} #main .mainN6 .case li:nth-of-type(2n){margin-right: 0} /*#main .mainN6Wap .case li:nth-child(5n+1){ margin-left: 0;}*/ #main .mainN6 .case li .liIn{width: 100%;height: auto;float: left;} #main .mainN6 .case li .liInT{width: 100%;height: auto;float: left;} #main .mainN6 .case li .liInT img{width: 100%;height: 19rem} #main .mainN6 .case li .liInM{width: 100%;height: auto;float: left;text-align: center;background: rgba(0,0,0,0.6);color: #fff;font-size: 1rem;line-height: 1;padding: 0.6rem 0} #main .mainN6 .case li .liInB{width: 100%;height: auto;float: left;font-size: 14px;line-height: 1;text-align: center;color: #222;} #main .mainN6 .case li .liInBT{margin-bottom: 0.7rem;margin-top: 0.9rem;} #main .mainN6 .case li .liInBT h3{font-weight:normal;font-size: 1.4rem;} } /*W六部分l束*/ /*列表样式l束*/ ղŷ