@charset "utf-8";
@media only screen and (max-width:1800px){ 
	.bannerin {padding:0;height:550px}
	.bannerin .cons .t {font-size:40px; line-height:55px;letter-spacing: 3px;margin:90px 0 10px 0}
	.bannerin .cons .c {font-size:20px;line-height:30px;}
	.maincons {margin-top:550px}
	.way_list {padding:2.5% 0 0 0}
	.music-festival-atlas {margin:0 100px}
}

@media only screen and (max-width:1460px){ 
	.wrap {margin:0 4%;}
	.foot dl.ct {max-width:300px}
	.bannerin {height:450px}
	.maincons {margin-top:450px}
	.meishahistory .cons2 {margin-left:20%;margin-right:20%}
	.curriculum_kc .text .in {min-height:750px}
	.exchange .text::-webkit-scrollbar,.exchange .mright .in::-webkit-scrollbar  {width:2px;}
	.exchange .text,.exchange .mright .in { overflow-y: auto;height:320px}
	.exchange .mleft {min-height:0px}
	.exchange .mright {padding-right:25px}
	.exchange .mright .in {padding:0 25px 0 0;height:430px}	
	.schoolvisits .mleft {min-height:0px}
	.schoolvisits .mright {min-height:0px}
	.schoolvisits .mright .t1 {margin:0 0 30px 0}
	.schoolvisits .mright .p1 {margin:40px 0 0 0}
	.tuition .mleft .pic {height:300px}
	.tuition .mleft .in .t {margin:0 0 30px 0}
	.tuition .mleft .in .overauto {height:340px}
	.tuition .mright .in .overauto {height:641px}
	.learning .picdowntext .text {min-height:696px}
	.schoolcha .mright {margin-top:0}
	.schoolcha2 {padding-top:120px}
	.schoolcha2 .mright {margin-top:0}
}

@media only screen and (max-width:1380px){ 
	.fixtop .navpc li {margin:0 0 0 3%; }
	.foot dl.ct {margin:0 12%}
	.mainmenu li a {font-size:18px;height:60px; line-height: 59px}
}

@media only screen and (max-width:1200px){ 
	.wrap3 {margin:0 4%}
	::-webkit-scrollbar {width:2px;}
	html,body,input,button,select,textarea {font-size:14px;}
	.phonemenu { display:block;}	
	.fixtop,.fixtop.active {height:50px;}
	.fixtop .logo,.fixtop.active .logo { top:5px;}
	.fixtop .logo a,.fixtop.active .logo a {height:40px; background-position: left top; width:130px;}
	.fixtop .navpc {display:none;}
	.fixtop .en {right:35px;top:12px;}
	.fixtop .en i {display:none;}
	.fixtop .en a {display:none}
	.fixtop .en a.dis {display:block}
	.topsearch {right:90px;top:13px; z-index: 1000}
	.topsearch .btn span {font-size:18px; line-height:18px}
	.topsearch .search { top:-3px;}
	.topsearch .search #k {width:185px;padding:0 0 0 15px;}
	.topsearch .search #sbtn {right:0;top:-1px;font-size:18px;width:40px;height:30px}
	.topsearch span.icon-close-bold {left:-33px;top:-2px;font-size:16px;color:#1d3d51}
	.topsearch.active .search{width:220px}
	.fixtop.active {top:0;}	
	.fixtop.active .en,.fixtop.active .topsearch {opacity:1}
	.indpics .swiper-slide .cons .title {font-size:30px; line-height:40px;letter-spacing:2px;margin:10px 0 0 0}
	.indpics .swiper-slide .cons .content {font-size:16px;margin:5px 0 30px 0; letter-spacing:1px;}
	.indmore a {height:28px; line-height:27px;font-size:14px;padding:0 15px; letter-spacing: 1px;border-radius:28px;}
	.indmore a span {font-size:16px;margin:1px -3px 0 -3px}
	.indmore a:hover {padding:0 15px; letter-spacing: 1px;}
	i.jump {display:none}	
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
	.swiper-pagination-bullet {width:5px;height:5px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}	
	.foot {padding:40px 0 30px 0;line-height:1.8}
	.foot .logo { background-size:130px;width:150px;height:150px;}
	.foot dt {margin:0 0 15px 0;font-size:18px; letter-spacing:0.5px}
	.foot dl.ct {margin:0 0 0 10%;}
	.foot dl.link {display:none}
	.foot .footer {margin:30px 0 0 0;padding:10px 0 0 0;}
	.foot .footer .copy {margin:0 150px 0 0}
	.foot .footer .beian {top:10px}
	.indsubject {padding:0 0 30px 0}
	.indsubject .t2 {font-size:16px; line-height:26px;}
	.indsubject .t {font-size:22px; line-height:32px;margin:0px 0 0 0}
	.indnews {padding:40px 0 50px 0}
	.indnews li.bigpic {height:263px; border-radius:5px}
	.indnews li.bigpic .title {left:4%;width:92%;bottom:15px;font-size:16px}
	.indnews li .cons {border-radius:5px; }
	.indnews li .cons .pic {height:129px; border-top-left-radius:5px;border-top-right-radius:5px;}
	.indnews li .cons .text {padding:11px 15px 15px 15px}
	.indnews li .cons .text .title {margin:0px 0 10px 0}
	.indnews li .cons .text .title a {font-size:16px}
	.indnews li .cons .text .content { line-height:24px; height:48px}	
	.swiper-button-next,.swiper-button-prev {margin-top:-12px;width:25px;height:25px;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:12px;width:27px;height:25px;line-height:25px;}
	.indlearners {padding:40px 0 0 0;}
	.indlearners .down,.indlearners .down .cons .text {height:550px;}
	.indlearners .down .cons .pics {padding:0 50px}
	.indlearners .down .cons .pics .swiper-slide .cons2 {padding:15px 20px 22px 20px}
	.indlearners .down .cons .pics .swiper-slide .cons2 .t {line-height: 26px;min-height:0;margin:0 0 15px 0}
	.indlearners .down .cons .pics .swiper-slide .cons2 .t a {font-size:16px;}
	.indlearners .down .cons .text .t {font-size:22px; line-height: 32px;}
	.indlearners .down .cons .text .t2 {font-size:16px; line-height: 26px; margin:15px 0}
	.indlearners .down .cons .text .indmore2 {margin:20px 0 0 0}
	.indmore2 a {border-radius:4px;height:25px; line-height:23px;padding:0 10px;font-size:12px; letter-spacing: 0}
	.indmore2 a:hover {letter-spacing: 0px;padding:0 10px}
	.indmore2 a span {font-size:12px}
	.indmore3 a {height:25px; line-height:23px;padding:0 10px;font-size:12px;}
	.indmore3 a:hover,.indlearners .down .cons .pics .swiper-slide:hover .cons2 .indmore3 a {letter-spacing: 0px;padding:0 10px}
	.indmore3 a span {font-size:12px}
	.indteaching {padding:0;}
	.indsubject .c {margin:5px 0 0 0}
	.indsteam {padding:0 0 50px 0}
	.indsteam .indsubject {padding-top:40px}
	.indsteam .bg {height:550px; }
	.indsteam .area {margin-top:-180px;}
	.indsteam .area ul {margin-top:-15px;padding:2.5% 2% 2.5% 2%}
	.indsteam .area li {margin-top:15px}
	.indsteam .area li .title  {margin:15px 0 0 0;}
	.indsteam .area li .title a {font-size:16px;}
	.indsteam .indmore {margin:40px 0 0 0}	
	.indart {padding:40px 0 0 0;}
	.indart li,.indart li .text{height:300px;}
	.indart li .text .title {font-size:25px; line-height:35px;}
	.indart li .hover .icon-close-bold {right:15px;top:15px;font-size:20px; line-height: 20px;}
	.indart li .hover .t {font-size:22px; line-height:32px;}
	.indart li .hover .t2 {font-size:16px; line-height:26px;margin:10px 0}
	.indart li .hover .c {margin:0 0 20px 0}
	.floatdiv .floatin .floatclose span {font-size:18px; line-height: 18px;right:5px;bottom:-25px;}
	.floatdiv .floatin .divin {padding:25px 25px 30px 25px;}
	.floatdiv .floatin .divin .floattitle {font-size:16px; line-height:26px;padding:0 0 15px 0}
	.floatdiv .floatin .divin img {margin:5px 0}
	.floatdiv .floatin .divin::-webkit-scrollbar {width:2px;}	
	.bannerin {height:350px}
	.bannerin .cons .t {font-size:30px; line-height:40px;letter-spacing: 1px;margin:40px 0 10px 0}
	.bannerin .cons .c {font-size:16px;line-height:26px;}
	.maincons {margin-top:350px}
	.mainmenu li {width:20%;border-bottom:1px solid #fff;border-width:1px}
	.mainmenu li:nth-child(1) {border-bottom:1px solid #fff}
	.mainmenu li:nth-child(6) {border-left:0}
	.mainmenu li:nth-child(9) {border-right:1px solid #fff;}
	.mainmenu li a {font-size:14px;height:40px; line-height:39px}	
	.mainmenu6 li {width:33.3333%}
	.mainmenu6 li:nth-child(4) {border-left:0}
	.mainmenu6 li:nth-child(6) {border-left:1px solid #fff;border-right:0}
	.mainmenu8 li:nth-child(5) {border-left:0;border-right:1px solid #fff;}	
	.schoolcalendar {padding:90px 0 50px 0}
	.schoolcalendar .t {font-size:20px; line-height: 30px;margin:0 0 35px 0}	
	.aboutsubject {padding:40px 0 30px 0}
	.aboutsubject .t {font-size:22px; line-height:32px;margin:0 0 5px 0; letter-spacing: 1px;}
	.aboutsubject .t:before {left:-60px;top:19px;width:50px;}
	.aboutsubject .t:after {right:-60px;top:19px;width:50px; }
	.aboutsubject .t2 {font-size:14px; line-height:22px;}
	.introduction .text {margin:60px 0 40px 0}	
	.introduction .text .pic {border-top-right-radius:25px;border-bottom-left-radius:25px}
	.introduction .text .cons {border-top-right-radius:25px;border-bottom-left-radius:25px; }
	.introduction ul {margin:-20px 0 25px 0}
	.introduction li {margin:10px 0 0 0;border-radius:5px;padding:25px 15px}
	.introduction li .icon {width:40px;height:33px;padding:7px 0 0 1px}
	.introduction li .icon p {width:25px;height:25px;}
	.introduction li .t {font-size:18px; line-height:28px;margin:15px 0 2px 0}
	.introduction li .c {font-size:14px}
	.ft16 {font-size:14px; line-height: 1.8}
	.schoolcha {padding:40px 0 50px 0}
	.schoolcha .mleft {width:40%}
	.schoolcha .mright {width:55%;margin:0 0 0 5%; }
	.aboutsubject2 .t {font-size:22px; line-height: 32px;margin:0 0 5px 0; letter-spacing: 1px;}
	.aboutsubject2 .t2 {font-size:14px; line-height:22px;}
	.aboutsubject2 .t2:before {bottom:-15px;width:44px;height:2px}
	.aboutsubject2 .c {margin:30px 0 0 0;}
	.aboutsubject3 { font-size:22px; line-height:37px;margin:40px 0 50px 0; letter-spacing:0.1px;}
	.aboutsubject3:before {bottom:-15px;width:40px;margin-left:-20px;height:2px;}
	.pictext50 .text { width:44%;padding:30px 3%;}
	.grayfull {padding:1px 0 50px 0;margin:40px 0 0 0}
	.grayfull .pic {height:auto;padding:25% 0;border-top-left-radius:25px;border-bottom-right-radius:25px}
	.grayfull .text {margin:30px 0 0 0}
	.tostudent .onlytext {width:28%}
	.picdowntext .pic {height:auto;padding:30% 0;border-top-left-radius:25px;border-top-right-radius:25px}
	.picdowntext .text {padding:30px 4% 25px 4%;border-bottom-left-radius:25px;border-bottom-right-radius:25px}
	.onlytext {padding:30px 20px;min-height:0px;border-radius:25px}
	.toteacher {padding:1px 0 50px 0;margin:40px 0 0 0}
	.toteacher .cons1 {width:47%;margin:0 6% 0 0}
	.toteacher .cons2 {width:47%;border-radius:25px}
	.toteacher .text {padding:30px 20px}
	.tosenior {padding:0 0 50px 0}
	.tosenior .picdowntext .pic {height:auto;padding:35% 0}
	.tosenior .picdowntext .text {padding:25px 20px 25px 20px}
	.tosenior .picdowntext2 .text {min-height:0}	
	.slovalue {padding:40px 0 50px 0}
	.slovalue .pic {margin:40px 0 0 0;border-top-left-radius:25px;border-bottom-right-radius:25px;}
	.aboutsubject4 .t {font-size:22px; line-height:32px;margin:0 0 5px 0; letter-spacing:0.5px;}
	.aboutsubject4 .t2 {font-size:14px; line-height:24px;max-width:100%}	
	.vision li .pic {width:45%}
	.vision li .pic2 {width:45%}
	.vision li .cons {margin:0 0 0 5%}
	.vision li.li2 .cons {margin:0 5% 0 0}	
	.vision li {padding:40px 0}
	.vision li .cons .c {margin:-10px 0 0 0}
	.vision li .indmore3 {margin-top:20px}
	.team ul {margin-top:-30px;margin-bottom:50px}
	.team li {margin-top:30px}
	.team li .title {margin:8px 0 0px 0}
	.team li .title a {font-size:16px;}
	.team li .title2 {font-size:14px}
	.whitefull {padding:1px 0 50px 0;}
	.whitefull .pic {border-top-left-radius:25px;border-top-right-radius:25px;}
	.whitefull .text {padding:25px 20px 30px 20px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;}	
	.maincurrent {margin:30px 0 30px 0}
	.maincurrent .wrap:before {bottom:3px}
	.maincurrent .list {top:-5px;}
	.maincurrent .list span.icon-home1 {margin:0 5px 0 0}
	.maincurrent .list span.icon-sanjiaoxing_shang {margin:0 2px 0 2px;}
	.maincurrent li {margin:0 20px 0 0; line-height: 18px}
	.centuryworld .text { padding:20px 20px 25px 20px;border-top-left-radius:25px;border-bottom-right-radius:25px}
	.pictext50 .pic {border-top-left-radius:25px;border-bottom-left-radius:25px}
	.pictext50 .text { border-top-right-radius:25px;border-bottom-right-radius:25px}
	.centurywhat .mleft .c {max-width:150px;font-size:14px;margin:20px 0 0 0}
	.centurywhat .mleft .c img {margin:0 0 10px 0}
	.centurywhat .mright {padding-top:0px}
	.centuryzs .mleft .c img {margin:15px 0 15px 0}
	.centuryzs .mleft .c2 {padding:20px 20px 25px 20px;margin:20px 0 0 0}
	.centuryzs .mright img {margin:0 0 10px 0}
	.digital {margin-top:-30px}
    .history {margin:40px 0 0 0;padding:1px 0 40px 0}
	.history ul {margin:10px 0 0 0}
    .history ul:before {left:0;min-height:0;height:100%;width:5px;margin-left:0; background-size:100%}
    .history li {min-height:0;width:auto;margin-bottom:30px;width:100%;min-height:80px}
    .history li .pic {right:auto;left:10px;width:122px; height: 100px; background: url("../images/hisbg.png"); background-size:100%;}
    .history li .pic div,.history li.liright .pic div {width:74px; height: 74px;margin:8px 0 0 40px}
    .history li .cons,.history li.liright .cons {margin:0 0 0 152px}
    .history li .cons .t {font-size:18px; line-height:28px;margin:0 0 5px 0}    
    .history li.liright {left:0}    
    .history li.liright .pic {left:10px; text-align: left; background-size:100%} 	
    .history_honor {margin:-20px 0 0px 0;}
    .history_honor:before {left:4%;margin-left:20px;}
    .history_honor:after {bottom:-13px;margin-left:15px;left:4%;font-size:30px; line-height: 30px;}
    .history_honor ul{padding:30px 0 10px 0;}   
    .history_honor ul:before {left:0%;margin:0 0 0 30px;width:1px; }    
    .history_honor li {width:100%;text-align:left; padding:0 0 0 80px;margin:0 0 50px 0} 
    .history_honor li.li2 {margin:0 0 50px 0;width:100%; padding:0 0 0 80px}
    .history_honor li .in {margin: 0 auto 0 0}    
    .history_honor li .num { right:auto;left:-5px;top:0px; width:70px; height: 70px;padding:5px 0 0 5px;}
    .history_honor li .num p { width:60px; height: 60px;font-size:20px; line-height:58px;}
    .history_honor li.li2 .num {left:-5px} 
	.history_honor li .title2 {font-size:16px; line-height: 28px;}
	.history_honor li .content {margin:15px 0 20px 0}	
	.indmore4 a {border-radius:3px;height:25px; line-height:24px;padding:0 10px;font-size:14px}
	.indmore4 a:hover,.conslist .col:hover .cons .indmore4 a  {padding:0 10px;}
	.indmore4 a span {margin:0px -3px 0 0;}
	.history_honor2 {margin:40px 0 -40px 0;}
	.history_honor2 .aboutsubject {margin-bottom:30px}
	.history_honor2 .history_honor ul {padding-bottom:0px;margin-bottom:40px}
	.history_honor2 .history_honor li {min-height:0px;margin:0 0 20px 0}
	.history_honor2 .history_honor li:last-of-type {min-height:0}
	.history_honor2	.history_honor li.li2 {margin:0 0 20px 0;}
	.history_honor2 .history_honor li .title2 {margin:0 0 10px 0;font-size:16px; line-height:26px}	
	.meishaedu ul {margin-top:-4%}
	.meishaedu li {margin:4% 0 0 0; height:300px}
	.meishaedu li .pic {border-right-width:5px}
	.meishaedu li .cons {padding:0 5%}
	.meishaedu li .cons .c {font-size:16px;}
	.meishaedu li .cons .aboutsubject3 {margin:0 0 30px 0;}
	.meishaedu li.li2 .pic {border-left-width:5px}
	.meishahistory {padding:0 0 50px 0}
	.meishahistory li .cons .t {font-size:18px;margin:0 0 10px 0}
	.meishahistory li .cons .c {font-size:14px; line-height: 1.8}
	.meishahistory .cons2 {font-size:16px;margin:30px 0 0 0}	
	.job li i {right:20px;top:15px; font-size:16px; line-height: 16px}
	.accordionservice li .link {padding:8px 50px 9px 25px;font-size:16px;line-height:26px;}
	.accordionservice li .link:before {left:15px;width:2px;height:13px;top:16px;}
	.accordionservice li.open .link i {top:13px;}
	.accordionservice .submenu {padding:20px 25px;line-height: 1.8;font-size:14px}
	.overauto::-webkit-scrollbar {width:1px;}
	.curriculum {margin:40px 0}
	.curriculum .pic {border-top-left-radius:25px;border-top-right-radius:25px}
	.curriculum .aboutsubject3 {margin:0 0 40px 0}
	.curriculum .mleft {padding:20px 10px 25px 20px;border-bottom-left-radius:25px}
	.curriculum .text {height:300px; padding:0 10px 0 0;}
	.curriculum .mright {padding:20px 10px 25px 20px;border-bottom-right-radius:25px}
	.mainmenu8 li {width:25%}	
	.curriculum_kc .mleft,.curriculum_kc .mright{padding-left:0;padding-right:0;padding-bottom:0}
	.curriculum_kc .text {height:auto;padding:0 10px 0 0}
	.curriculum_kc .text .in {padding-left:20px;padding-right:10px;min-height:0;height:300px; overflow-y: auto}
	.curriculum_kc .text .in::-webkit-scrollbar {width:1px;}
	.curriculum_kc .pic2 {padding:28% 0;margin:30px 0 0 0;border-bottom-left-radius:25px}
	.curriculum_kc .mright .pic2 {border-bottom-left-radius:0;border-bottom-right-radius:25px;}
	.ap .cons {padding:20px 20px 20px 20px;margin:0 auto 40px auto;}
	.ap .cons .title {margin:10px 0 0 0;font-size:16px; letter-spacing: 0.5px}
	.job_ap {margin:0 auto 50px auto}
	.catalogue .aboutsubject .c {margin:10px 0 0px 0}
	.catalogue_list {margin:40px 0 40px 0;}
	.catalogue_list .gs .mright {padding:20px 3%;line-height: 1.7;}	
	.catalogue_list .sx {padding:20px;margin:20px 0 0 0}
	.catalogue_list .sx h2,.catalogue_list .sx h3 {font-size:18px;margin:0 0 5px 0}
	.catalogue_list td {min-width:40px}
	.downbtn {margin:0 0 50px 0}
	.downbtn a {height:35px; line-height: 33px;padding:0 20px;font-size:14px;border-radius:35px; letter-spacing:0.2px}
	.downbtn a span {font-size:20px; line-height: 20px;margin:7px 5px 0 0;}
	.exchange .text::-webkit-scrollbar,.exchange .mright .in::-webkit-scrollbar  {width:1px;}
	.exchange .text,.exchange .mright .in {height:380px}
	.exchange .mright {padding-right:10px}
	.exchange .mright .in {padding:0 10px 0 0;height:452px}	
	.exchange .aboutsubject {padding:0 0 40px 0}
	.exchange .pic img {border-top-left-radius:25px;border-top-right-radius:25px}
	.exchange .mright {padding-right:10px}	
	.exchange .mright .t1 {font-size:18px; line-height:28px;margin:0 0 15px 0}
	.exchange .mright .c1 p.start {padding:0 15px 0 0}
	.exchange .mright .c1 i {left:-15px;top:2px;font-size:25px; line-height: 25px;}
	.exchange .mright .c1 p.end i {right:-25px;top:12px}	
	.exchange .mright .p1 {margin:30px 0 20px 0}
	.exchange_list {margin:0 0 50px 0}
	.exchange_list li {padding:10px 10px 12px 10px}
	.exchange_list li .pic {padding:30% 0}
	.exchange_list li .title {line-height:25px; height:50px;margin:10px 0 0 0;font-size:14px;}
	.elp_list {margin:40px 0}
	.elp_list .pic {border-top-left-radius:25px;}
	.elp_list .mleft {border-top-left-radius:25px;border-bottom-left-radius:25px;}
	.elp_list .mright {border-top-right-radius:25px;border-bottom-right-radius:25px;}
	.elp_list .mright .pic {border-top-right-radius:25px;}
	.elp_list .in {padding:25px 10px 25px 20px}
	.elp_list .in .overauto {height:300px;}
	.elp_list .in .t {font-size:18px; line-height:28px;margin:0 0 20px 0}
	.elp_list .in .text { padding:0 10px 0 0; line-height:1.8;font-size:14px}
	.elp_list_full .pic {border-top-right-radius:25px;}
	.elp_list_full .mleft {border-top-left-radius:0}
	.elp_list_full .mright {border-top-right-radius:0}	
	.elp {padding:0 0 20px 0}
	.elp .slovalue {padding:20px 0 23px 0;border-radius:25px}
	.elp .slovalue1 {padding-top:0;margin-top:-18px}
	.elp .slovalue .mleft {width:26%}
	.elp .slovalue .mright {width:72%}
	.elp .slovalue .mleft .t {padding:2px 0 0 20px;font-size:18px; line-height: 28px}
	.elp .slovalue .mright {font-size:16px;padding:0 20px 0 0}
	.whitefull_freepic {padding-bottom:0}
	.steam_list {margin:40px 0}
	.steam_list ul {margin-top:-20px}
	.steam_list li {margin-top:20px}
	.steam_list li .title {line-height:25px; height:50px;margin:10px 0 0 0;font-size:14px;}
	.indsteam .area li .title2 {margin:8px 0 0 0}
	.indsteam .area li .title2 a {font-size:14px}
	.indsteam .area li .title2 a span {margin:0 0 0 3px}	
	.steam {padding:40px 0 50px 0;}
	.steam .aboutsubject3 {margin:0 0 70px 0}
	.steam .area {margin-top:0}
	.responsibilities {margin:40px 0 50px 0}
	.responsibilities .aboutsubject3 {margin-top:0}	
	.environment {margin:0 0 50px 0}
	.environment_pics {width:102%;margin:-5% 0 0 -1%;}
	.wall-column {width: 48%;margin:0 1% 0 1%}
	.environment_pics .article .pic {margin:5% 0 0 0;border-top-left-radius:25px;border-top-right-radius:25px}
	.environment_pics .article .cons { padding:20px 20px 30px 20px;font-size:14px; line-height: 1.8;border-bottom-left-radius:25px;border-bottom-right-radius:25px}
	.environment_pics .article .cons p.link {margin:20px 0 0 0}
	.environment_pics .article .cons p.link a {height:25px; line-height:24px;padding:0 10px;font-size:13px}
	.environment_pics .article .cons  .t {font-size:18px; line-height:28px;margin:0 0 15px 0}
	.performance {padding:30px 0 50px 0}	
	#myvideo {border-radius:25px}
	.visual_videos{margin:40px 0 -20px 0}
	.video-btn{width:40px; height:40px;margin:-20px 0 0 -20px}
	.visual {margin:0 0 -30px 0}	
	.centuryworld_gray .text {padding:20px 20px 25px 20px;border-top-left-radius:25px;border-bottom-right-radius:25px}
	.bottomblank {height:50px}	
	.contact {margin:40px 0;font-size:14px}
	.contact .mleft {padding:20px 20px 25px 20px;}
	.contact .mleft .t {margin:0 0 20px 0;font-size:20px; line-height:30px; letter-spacing: 0px}
	.contact .mright {height:370px;}
	.contact .mright a {font-size:16px; letter-spacing: 0px;height:90px; line-height:88px}	
	.contact .mright .wx {padding:40px 0 0 0}
	.contact .mright .wx img {height:155px;margin:0 auto 10px auto;}
	.contact .mright .wx p {font-size:16px; line-height:26px; letter-spacing: 0px;}	
	.tuition .mleft .pic {height:250px}
	.tuition .mleft .in .t {margin:0 0 20px 0}
	.tuition .mleft .in .overauto {height:250px}
	.tuition .mright .in .overauto {height:500px}
	.art_faq {margin:0 0 40px 0}
	.art_faq .downbtn {margin:-10px 0 0px 0}
	.mainmenu7 li {width:25%}
	.mainmenu7 li:nth-child(5) {border-left:0;}
	.mainmenu7 li:nth-child(6) {border-left:1px solid #fff}
	.leadership {margin:35px 0 50px 0}
	.activities {margin:0 0 -40px 0}
	.responsibilities table {margin:0px 0 0 0}
	.vision li li:before {width:4px;height:4px;left:-15px;top:11px; }
	.whitefull li:before {width:4px;height:4px;left:-15px;top:11px; }
	.residentia {margin:-40px 0 0 0}
	.mentor {margin:-30px 0 40px 0;}
	.mentor .text {padding-bottom:30px}
	.mentor .text img {margin:10px 0}
	.health {margin-top:-30px}
	.intro {margin-top:0px}
	.pto {padding:40px 0}
	.pto table {margin:0px 0 0 0}
	.responsibilitiesclone {margin:-40px 0 50px 0}
	.mainmenu3 li {width:auto;}
	.mainmenu3 li a {padding:0 30px;}	
	.mainmenu4 li {width:auto;}
	.mainmenu4 li a {padding:0 30px;}	
	.pictext50_gray {padding:0 0 50px 0}
	.pictext50_gray .text {line-height: 1.8}	
	.athleticsvalues {margin:40px 0;font-size:14px}
	.athleticsvalues .mleft {padding:20px 20px 25px 20px;min-height:350px}
	.athleticsvalues .mleft .t {margin:0 0 20px 0;font-size:18px; line-height:28px; letter-spacing:0px}
	.conference {padding:40px 0}	
	.job.apply {padding:0 0 50px 0}
	.job.apply .downbtn {margin:20px 0 0 0}
	.tuitionandfees {margin:-30px 0 40px 0}	
	.admissionfaq {margin-top:-30px}
	.admissionfaq h3 {font-size:16px;margin:0 0 27px 0}
	.admissionfaq h3:before {bottom:-12px;width:50px;height:2px;}
	.lidisdot ul {margin:0 0 0 16px;}
	.lidisdot li:before {left:-13px;top:10px;width:4px;height:4px; }	
	.get_more,.get_more2{width:110px;margin:40px 0 0 -55px;}
	.get_more p,.get_more2 p {height:30px; line-height:28px;font-size:16px;letter-spacing:0.5px;border-radius:30px}
	.news {padding:1px 0 50px 0;}
	.news .lists {margin:-25px 0 0 0}
	.conslist .col {padding:25px 0;height:115px}
	.conslist .col2 {height:auto}
	.conslist .col .pic {top:25px;width:200px;height:115px;}
	.conslist .col .cons {margin:0 0 0 220px;}
	.conslist .col2 .cons {margin:0}
	.conslist .col .cons .t {height:20px; line-height: 25px; margin:0 0 20px 0;}
	.conslist .col .cons .t a {font-size:16px;}
	.conslist .col2 .cons .t {height:auto}
	.conslist .col .cons .c {display:none;}
	.conslist .col .cons .indmore4 {margin:10px 0 0 0;}
	.namemj {top:-50px}
	.story {padding:1px 0 50px 0}
	.conslist2 {width:104%;margin:-30px 0 0 -2%}
	.conslist2 .col {width:29.3333%;margin:30px 2% 0 2%}
	.conslist2 .col .t {margin:12px 0 3px 0}
	.conslist2 .col .t a {font-size:16px;}
	.conslist2 .col .a a {margin:0 0 0 5px}	
	.nshow {padding:90px 0 50px 0}
	.nshow .t {font-size:20px; line-height: 30px;margin:0 0 10px 0}
	.nshow .t2 {font-size:14px;padding:0 0 15px 0;margin:0 0 30px 0}
	.nshow .p {margin:0 0 20px 0;}
	.nshow .c {font-size:14px;}
	.nshow .c img {margin:5px 0}
	.nshow .c strong {font-size:16px;}
	.grayfull2 .pic {border-top-left-radius:25px;border-top-right-radius:25px;}
	.grayfull2 .text {padding:25px 20px 30px 20px;border-bottom-right-radius:25px;border-bottom-left-radius:25px}
	.join_app {margin:-50px 0 50px 0}	
	.teaching .aboutsubject {margin:0px 0 -40px 0}
	.learning .picdowntext .text img {border-bottom-left-radius:25px;border-bottom-right-radius:25px}
	.learning .picdowntext .text {min-height:0px}
	.learning .picdowntext2 .text {min-height:0}
	.learning .picdowntext .pic {padding:55% 0;height:auto}	
	.searchdetail {margin:80px 0 50px 0}
	.searchdetail ul {margin-top:-20px}
	.searchdetail li {padding:20px 0;}
	.searchdetail li .t a {font-size:16px; line-height:26px;}
	.page_wrap {padding:30px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:24px; border-radius:25px;}   
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
	.pager i {line-height: 28px; margin:0 5px; letter-spacing: 1px}	
	.way_list {padding:3% 0 0 0}
	.way_list li .title a {font-size:20px; line-height:30px}
	.centuryworld_gray .text h3 {font-size:20px;}	
	.openingceremony table {margin-top:-10px;}
	.openingceremony td {border-top:10px solid #f0f0f0}
	.openingceremony tr td:nth-child(1) {border-right:10px solid #f0f0f0;}
	.openingceremony tr td:nth-child(2) {border-left:10px solid #f0f0f0;}	
	.visualarts .text img {margin:5px 0}
	.visualarts .text table {margin:0px 0 0 0}
	.visualarts .text td:nth-child(1) {padding:0 2% 0 0}
	.visualarts .text td:nth-child(2) {padding:0 0 0 2%}
	.topchangexiao {margin:0 0 -40px 0}
	.artaboutsubject {padding-top:0}
	.schoolcha2 .mright {text-align:left;margin-left:0;margin-right:5%;margin-top:0}	
	/*********2025-05-12 Start*********************************************************/
	.musicfestival li .row {border-top-left-radius:25px;border-bottom-right-radius:25px;}
	.musicfestival li .row h2 i {width:50px;height:50px; margin-top:-25px;lmargin-left:25px}
	.musicfestival li .title {font-size:16px;margin:10px 0 0 0}
	.closevideo {right: 10px;top: 10px;width: 25px;height: 25px;}
	.closevideo span {font-size: 13px;}
	.nav-buttons .nav-btn {width: 20px;height: 40px;}
	.nav-buttons .nav-btn span {font-size:14px;left:-1px}
	.musicfestivalnews {padding-bottom:0}
	.musicfestivalnews .aboutsubject {padding-top:0px}
	.musicfestivalcontact {margin-bottom:0}
	.nshow .maincurrent {margin:-20px 0 0 0;padding:0 0 60px 0;display:block}
	.music-festival-atlas {margin:0 40px}
	.music-festival-atlas .swiper-slide .title {margin-top:5px;font-size:14px}
	.music-festival-atlas .swiper-button-next,.music-festival-atlas .swiper-button-prev {margin-top:-30px}
	.music-festival-atlas .swiper-button-prev {left:-40px}
	.music-festival-atlas .swiper-button-next{right:-40px}
	.home-music-festival-news .indmore {margin-top:30px}
	/*********2025-05-12 End*********************************************************/	
}

@media only screen and (max-width:788px){ 
	.indpics .videos {display:none}
	.indpics .swiper-slide .pic {height:60vh;}
	.foot dl.ct {margin:0 0 0 5%;}
	.indnews li.bigpic {height:198px;}
	.indnews li .cons .pic {height:97px; }	
	.indnews li .cons .text {padding:8px 15px 18px 15px}
	.indnews li .cons .text .title {margin:4px 0 0 0; line-height: 23px;height:46px;}
	.indnews li .cons .text .content {display:none}
	.indsteam .area ul {padding:2.1% 2% 2.5% 2%}
	.floatdiv .floatin .floatclose,.floatdiv .floatin .divin {width:92%;}
	.bannerin {height:300px}
	.maincons {margin-top:300px}
	.introduction li {width:50%}
	.steam_list li {width:47%}
	.indsteam .area li {width:46%;}
	.indsteam .bg {height:300px; }
	.indsteam .area {margin-top:-100px;}
	.steam {padding:40px 0 50px 0;}
	.steam .aboutsubject3 {margin:0 0 70px 0}
	.steam .area {margin-top:0}
	.contact .mright {height:395px;}
	.contact .mright a {height:115px; line-height:113px}
	.tuition .mleft .pic {height:200px}
	.tuition .mleft .in .overauto {height:320px}
	.tuition .mright .in .overauto {height:520px}
	.athleticsvalues .mleft {min-height:400px}
	.conslist2 .col {width:46%;}
	.maincurrent .list {display:none;}
	.maincurrent {text-align:left;}
	.maincurrent li {margin:0 3% 0 0}
	.maincurrentdis .list {display:block;}
	/*********2025-05-12 Start*********************************************************/
	.nshow .maincurrent .list {display:block}
	/*********2025-05-12 End*********************************************************/	
}

@media only screen and (max-width:640px){ 
	.indpics .swiper-slide .cons .title {font-size:22px;line-height:32px;}
	.indpics .swiper-slide .cons .content {font-size:14px;margin:5px 0 20px 0}
	.foot {text-align:center}
	.foot .logo { float:none;margin:0 auto}
	.foot dl {float:none; text-align: center;width:100%}
	.foot dl.ct {margin:35px 0 10px 0;max-width:100%}
	.foot dl.link {display:none}
	.foot dl.focus dd {width:100%;margin:25px 0 0 0}
	.foot dl.focus dd img {width:100px;}
	.foot dl.focus dd p { line-height:21px;margin:15px 0 0 0;font-size:14px;}
	.foot .footer {padding:15px 0 0 0;}
	.foot .footer .copy {margin:0}
	.foot .footer .beian {top:0;position: relative;}
	.indnews ul {width:102%;margin:-2% 0 0 -1%}
	.indnews li {width:48%;margin:2% 1% 0 1%;}
	.indnews li.bigpic {width:98%;height:auto;padding:27.8% 0}
	.indnews li .cons .text {padding:15px 15px 20px 15px}
	.indnews li .cons .text .title {margin:10px 0 0 0; }
	.indnews li .cons .pic {height:auto;padding:28.5% 0}
	.indlearners .down {padding:50px 0}
	.indlearners .down,.indlearners .down .cons .text {height:auto;}
	.indlearners .down .cons .pics {display:block;width:100%}
	.indlearners .down .cons .text {display:block; width:100%;margin:40px 0 0 0; text-align: center}
	.indlearners .down .cons {position:relative;width:100%;height:auto; text-align: center;}
	.indlearners .down .cons .pics .swiper-slide .pic {height:auto;padding:31.9% 0}
	.indteaching .down .cons .text {margin:0 0 40px 0}
	.indart li .text .title {font-size:22px; line-height:32px;}
	.indart li,.indart li .text  {width:100%;height:200px;}
	.indart li .hover {right:0;top:200px; height:auto; padding:30px 4% 35px 4%;}
	.indart li .hover2 {left:0}
	.bannerin {height:250px}
	.bannerin .cons .t {font-size:22px; line-height:32px;letter-spacing: 1px;margin-bottom:8px}
	.bannerin .cons .c {font-size:14px;line-height:24px;}
	.maincons {margin-top:250px}
	.mainmenu li {width:33.3333%;}
	.mainmenu li:nth-child(6) {border-left:1px solid #fff}
	.mainmenu li:nth-child(9) {border-right:0}
	.mainmenu li:nth-child(4),.mainmenu li:nth-child(7) {border-left:0}	
	.mainmenu8 li:nth-child(5) {border-left:1px solid #fff;border-right:0}
	.mainmenu8 li:nth-child(6) {border-right:0}	
	.mainmenu4 li:nth-child(3) {border-left:0}
	.mainmenu4 li:nth-child(4) {border-left:1px solid #fff;}	
	.introduction .text {margin:0px 0 40px 0}
	.introduction .text .pic {position:relative;top:0;width:100%; height:auto;padding:24.4% 0;}
	.introduction .text .cons {width:100%;margin:-30px 0 0 0;padding:55px 20px 30px 20px; height:auto;}
	.introduction .text .cons:before {display:none;}
	.introduction .text .cons .in {padding:0;height:auto}	
	.schoolcha .mleft {width:100%}
	.schoolcha .mright {width:100%;margin:30px 0 0 0}
	.schoolcha2 .mright {margin:0 0 30px 0}
	.vcenter2{flex-direction:column;}
	.pictext50 .pic {position:relative;width:100%;height:auto;padding:50% 0}
	.pictext50 .text {margin:0;width:90%;padding:30px 5%}
	.tostudent .picdowntext {width:100%}
	.tostudent .onlytext {width:100%;margin:0px 0 0 0}
	.toteacher .cons1 {width:100%;margin:0 0 30px 0}
	.toteacher .cons2 {width:100%; }
	.tosenior .picdowntext2 {margin-top:4%}
	.slovalue .mleft {width:100%}
	.slovalue .mright {width:100%;margin:30px 0 0 0}
	.vision li .pic {width:100%;padding:35% 0}
	.vision li .pic2 {width:100%}
	.vision li .cons {margin:25px 0 0 0;width:100%}
	.vision li.li2 .cons {margin:0 0 30px 0}	
	.team li {width:47%}
	.team li .pic {padding:33.6% 0;}
	.pictext50 .pic {border-bottom-left-radius:0}
	.pictext50 .text { border-top-right-radius:0;}
	.centurywhat .mleft .c {max-width:100%;}
	.centurywhat .mleft .c img {margin:0 auto 10px auto;width:150px}
	.centurywhat .aboutsubject4,.centuryzs .aboutsubject4 {text-align:center}
	.centuryzs .mleft .c {max-width:100%; text-align: center}
	.centuryzs .mleft .c2 {padding:20px 5% 25px 5%;max-width:90%}	
	.meishaedu li {height:200px}	
	.meishahistory .vcenter3 {display:block}	
	.meishahistory li {height:auto;}
	.meishahistory li .pic {position:relative;width:100%;height:auto;padding:35% 0;border-right-width:0}
	.meishahistory li .cons {margin:0;padding:20px 6% 25px 6%}
	.meishahistory li.li2 .pic {left:0%;border-left-width:0}
	.meishahistory li.li2 .cons {margin:0}	
	.curriculum .mleft {width:100%;border-bottom-left-radius:0}
	.curriculum .text {height:auto;padding:0 10px 0 0;}
	.curriculum .mright {width:100%; border-bottom-left-radius:25px}
	.curriculum .pic {padding:25% 0}
	.curriculum_kc .text .in {height:auto}
	.curriculum_kc .pic2 {border-bottom-left-radius:0px;}
	.curriculum_kc .mright .pic2 {border-bottom-left-radius:25px;}
	.catalogue_list .accordionservice .submenu {padding:0}
	.catalogue_list .gs {padding:20px 15px 0 15px; background: #fff}
	.catalogue_list .gs .mleft {width:100%}
	.catalogue_list .gs .mright {width:100%;padding:20px 0 10px 0px;}
	.exchange .pic {padding:0}
	.exchange .text,.exchange .mright .in {height:auto;overflow-y:visible}
	.exchange .mright {padding-right:10px}
	.exchange .mright .in {padding:0 10px 0 0;height:auto;}	
	.exchange_list ul {width:100%;margin:-4% 0 0 0}
	.exchange_list li {width:100%;margin:4% 0 0 0}	
	.exchange_list li .title {line-height:25px; height:auto;padding:8px 10px 10px 10px; overflow: visible}
	.elp_list .mleft {width:100%;}
	.elp_list .mright {width:100%;}
	.elp_list .pic {border-top-right-radius:25px;}
	.elp_list .mleft {border-top-right-radius:25px;border-bottom-left-radius:0;}
	.elp_list .in .overauto {height:auto;overflow-y:visible;}
	.elp_list .mright .pic {border-top-right-radius:0px;}
	.elp_list .mright {border-bottom-left-radius:25px;}
	.elp_list_full .mleft {border-top-right-radius:0}	
	.elp .slovalue .mleft {width:100%}
	.elp .slovalue .mleft .t {padding:2px 0 0 25px}
	.elp .slovalue .mright {width:100%;padding:0 20px 0 25px;margin-top:10px}
	.steam_list ul {width:100%;margin:-30px 0 0 0}
	.steam_list li {width:100%;margin:30px 0 0 0;}
	.steam_list li .title {height:auto;}
	.indsteam .area ul {padding:0 0 30px 0;margin-top:-30px}
	.indsteam .area li {width:92%;margin:30px 4% 0 4%;}
	.schoolvisits .mright .p1 {margin:30px 0 0 0}	
	.environment_pics {width:100%;margin:-4% 0 0 0}
	.wall-column {width:100%;margin:0}
	.environment_pics .article .pic {margin:4% 0 0 0;}
	.appresults .text table {width:100%;left:0;margin-top:-20px}
	.appresults .text td {padding:20px 0 0 0;display:block}
	.contact .mleft {width:100%; }
	.contact .mright {width:100%;height:auto;margin:4% 0 0 0}
	.contact .mright a {height:60px; line-height: 58px;}
	.contact .mright .wx {padding:35px 0 30px 0}	
	.tuition .mleft .pic {height:auto;padding:25% 0}
	.tuition .mleft .in .overauto {height:auto}
	.tuition .mright .in .overauto {height:auto}
	.mainmenu7 li:nth-child(5) {border-left:1px solid #fff;}	
	.pto table {width:100%;left:0;margin-top:-30px}
	.pto td {display:block;padding:30px 0 0 0;width:100%; }
	.mainmenu3 li {width:28%;}
	.mainmenu3 li:nth-child(1) {width:27%}
	.mainmenu3 li:nth-child(2) {width:45%}
	.mainmenu3 li a {padding:0;}	
	.mainmenu4 li {width:50%;}	
	.athleticsvalues .mleft {width:100%;min-height:0px}
	.athleticsvalues .mright {margin:4% 0 0 0}	
	.conslist .col .cons .t {height:50px; line-height: 25px; margin:0 0 10px 0;}
	.conslist .col2 .cons .t {height:auto}
	.conslist .col .cons .indmore4 a {display:none;}
	.conslist .col {height:85px}
	.conslist .col .pic {width:120px;height:85px;}
	.conslist .col .cons {margin:0 0 0 140px;}
	.conslist .col2 .cons {margin:0}	
	.conslist2 {width:100%;margin:-30px 0 0 0}
	.conslist2 .col {width:100%;margin:30px 0 0 0}
	.visualarts .text td {display:block;width:100%}
	.visualarts .text td:nth-child(1) {padding:0}
	.visualarts .text td:nth-child(2) {padding:30px 0 0 0}
	/*********2025-05-12 Start*********************************************************/
	.musicfestival {width:100%;margin:-30px 0 0 0}
	.musicfestival li {width:100%;margin:30px 0 0 0 }
	/*********2025-05-12 End*********************************************************/
}