@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.eot);src:url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.woff) format('woff'),url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.ttf) format('truetype'),url(//at.alicdn.com/t/font_504637_s2goftcatmhiwwmi.svg#iconfont) format('svg')}
@font-face{font-family:bigcaslon;src:url(../../lib/fonts/bigcaslon/fonteditor.eot);src:url(../../lib/fonts/bigcaslon/fonteditor.eot?#iefix) format('embedded-opentype'),url(../../lib/fonts/bigcaslon/fonteditor.woff) format('woff'),url(../../lib/fonts/bigcaslon/fonteditor.ttf) format('truetype'),url(../../lib/fonts/bigcaslon/fonteditor.svg#bigcaslon) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:melbournebold;src:url(../../lib/fonts/melbourne_bold-webfont.eot);src:url(../../lib/fonts/melbourne_bold-webfont.eot?#iefix) format('embedded-opentype'),url(../../lib/fonts/melbourne_bold-webfont.woff) format('woff'),url(../../lib/fonts/melbourne_bold-webfont.ttf) format('truetype'),url(../../lib/fonts/melbourne_bold-webfont.svg#melbournebold) format('svg');font-weight:400;font-style:normal}
body,html{font-family:'Source Han Sans CN',"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#3e3e3e;overflow-x: hidden;}
h2,h3,h4{font-weight:400}
iframe{background:url(lo.gif) center center no-repeat;}
.star-right ul li img{width:100%}
.iconfont{font-family:iconfont}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bg{position:fixed;width:100%;top:0;top:0;height:100vh;z-index:6;pointer-events:none}
.content{/*position:relative;overflow:hidden*/}
.bg ul{font-size:0;-webkit-text-size-adjust:none;margin-left:7%;width:86%;position:relative;height:100vh}
.bg ul li{display:inline-block;width:-webkit-calc(100% / 6);width:-moz-calc(100% / 6);width:calc(100% / 6);vertical-align:top;height:100%;position:relative}
.bg ul li:before{content:'';display:block;position:absolute;height:100%;width:1px;background-color:rgba(0,0,0,.15);left:0;top:0;z-index:3;opacity:.3}
.bg ul li:last-of-type:after{content:'';display:block;position:absolute;height:100%;width:1px;background-color:#eee;right:0;top:0;opacity:.3}
.color1{background-color:#00c0cb}
.color2{background-color:#c4dc37}
.color3{background-color:#fb004e}
.bg ul li span{position:absolute;width:1px;height:54px;left:0;z-index:4}
.bg ul li span.s7{left:auto;right:0}
.w100{width:100%}
.section1 .swiper-container{/*position:absolute;*/width:100%;height:100%;/*overflow:hidden;*/top:0;left:0}
.section1{/*width:-webkit-calc(93% - 86% / 6);width:-moz-calc(93% - 86% / 6);width:calc(93% - 86% / 6);*/width:-webkit-calc(100%);width:-moz-calc(100%);width:calc(100%);margin-left:auto;margin-right:0;z-index:5}
.select-box .select-item.error{background-color:red}
.select-box .select-item.error p{opacity:1}
.section1 .text-t{position:absolute;width:auto;left:5%;top:40%;color:#fff}
.banner-left{position:fixed;width:35.7%;left:0;top:0;z-index:1;height:auto;overflow:hidden}
.banner-left.active{position:absolute;top:-webkit-calc(100vh - 200px);top:-moz-calc(100vh - 200px);top:calc(100vh - 200px);left:0}
.left-1{display:none}
.section1 .swiper-container .swiper-slide{position:relative;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}
.section1 .text-t h3{font-size:48px;line-height:65px;font-weight:400}
.section1 .text-t p{text-transform:uppercase;font-size:25px;font-family:melbournebold}
.logo{position:fixed;left:30px;top:20px;z-index:999;}
.wx{position:absolute;right:30px;top:40px;z-index:5;display:none}
.wx ul li{display:inline-block;vertical-align:middle;color:#fff;font-size:18px}
.wx ul li.yx-box{font-size:14px}
.wx ul li+li{margin-left:20px}
.menu-button{width:126px;height:126px;background-color:rgba(0,0,0,.7);box-shadow: 0 0 10px #fff;;position:fixed;left:-webkit-calc(7% + 86% + 1px);left:-moz-calc(7% + 86% + 1px);left:calc(7% + 86% + 1px);top:0;z-index:6;margin-left:-127px;cursor:pointer;display:none}
.menu-index{display:block;transition:all .3s ease 0s}
.menu-button span{position:absolute;width:26px;left:50%;top:50%;display:block;height:2px;background-color:#fff;margin-left:-13px}
.banner{/*position:relative;*/height:-webkit-calc(100vh - 200px);height:-moz-calc(100vh - 200px);height:calc(100vh - 200px)}
.menu-button span:first-of-type{margin-top:-10px}
.menu-button span:last-of-type{width:21px;margin-top:10px}
.nav{position:relative;/*width:-webkit-calc(86vw +10);width:-moz-calc(86vw +10);width:calc(86vw +10);*/z-index:5}
.nav ul{font-size:0;-webkit-text-size-adjust:none;width:100%}
.nav ul li{display:inline-block;font-size:14px;color:#696969;text-transform:uppercase;width:-webkit-calc(86vw / 6);width:-moz-calc(86vw / 6);width:calc(86vw / 6);height:200px;position:relative;border:1px solid #999;border-left:0px;}
.nav ul li:nth-of-type(1){border-left:1px solid #999;}
.nav ul li:first-child:before,.nav ul li:nth-child(2):before,.nav ul li:nth-child(3):before,.nav ul li:nth-child(4):before,.nav ul li:nth-child(5):before,.nav ul li:nth-child(6):before{width:-webkit-calc(100% - 1px);width:-moz-calc(100% - 1px);width:calc(100% - 1px);height:100%;left:0;top:0;content:'';display:block;position:absolute;background-color:#fff}
.nav ul li .detail{position:absolute;top:50%;width:90%;left:5%;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);text-align:center;z-index:6;opacity:0;visibility:hidden;font-size:14px;color:#fff;line-height:1.5;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;transition:all .6s}
.nav ul li .detail a{display:block;position:relative;width:160px;max-width: -webkit-fill-available;height:40px;border:1px solid rgba(255,255,255,.7);line-height:40px;text-align:center;color:#fff;margin:0 auto;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin-top:20px;font-family:melbournebold}
.nav ul li .detail a:before{width:0;height:100%;position:absolute;right:0;top:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:-1;content:'';background:#fff}
.nav ul li .title{position:absolute;top:50%;text-align:center;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:6;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;transition:all .6s}
.nav ul li .detail a:hover:before{width:100%;left:0}
.nav ul li .detail a:hover{color:#028e98}
.nav ul li:hover .title{color:#fff;top:-25%;}
.nav ul li:hover .detail{transform:translateY(-60%);-webkit-transform:translateY(-60%);-o-transform:translateY(-60%);-ms-transform:translateY(-60%);-moz-transform:translateY(-60%);opacity:1;visibility:visible}
.nav ul li .title span{font-size:50px;line-height:50px}
.nav ul li .title h4{font-size:18px;margin:5px 0}
.nav ul li .title p{font-size:12px;font-family:melbournebold}
.nav ul li:nth-of-type(4) .title span{font-size:44px}
.pag{position:absolute;color:#fff;z-index:5;right:30px;bottom:20px}
.pag *{display:inline-block;vertical-align:baseline;line-height:25px;font-size:16px}
.pag b{font-family:melbournebold;font-weight:400}
.pag div{width:25px;cursor:pointer;text-align:center}
.pag p span{width:25px;text-align:center}
.school{width:-webkit-calc(93vw - 4px);width:-moz-calc(93vw - 4px);width:calc(93vw - 4px);margin:0px auto;margin-top:30px;z-index:6}
.school .school-box{/*width: -webkit-calc(93vw - 86vw / 3 - 4px);width: -moz-calc(93vw - 86vw / 3 - 4px); width: calc(93vw - 86vw / 3 - 4px);*/
top:20%;left:20%;width:95%;}
.school .school-box h2{font-size:46px;letter-spacing:5px}
.school .school-box>p{width:100%;font-size:16px;line-height:1.5;margin-top:25px}
.school .school-box ul{margin:0px auto;margin-top:40px;max-width:1015px;}
.school .school-box ul li{display:inline-block;vertical-align:top}
.school .school-box ul li+li{margin-left:50px}
.school .school-box ul li p:first-of-type{font-size:46px;color:#028e98;position:relative;line-height:1}
.school .school-box ul li p span{position:relative}
.school .school-box ul li:first-of-type p:first-of-type span:before{content:'+';display:block;position:absolute;font-size:16px;left:60px;width:20px;text-align:center}
.school .school-box ul li p:last-of-type{line-height:1.5}
.school .school-box ul li p:first-of-type span:before{content:'+';display:block;position:absolute;font-size:16px;left:140px;width:20px;text-align:center}
.school .school-box ul li:last-of-type p:first-of-type:before{left:82px}
.school .school-box ul li:nth-of-type(2) p:first-of-type span:before{content:'+';display:block;position:absolute;font-size:16px;left:60px;width:20px;text-align:center}
.school .school-box ul li:nth-of-type(3) p:first-of-type span:before{content:'+';display:block;position:absolute;font-size:16px;left:90px;width:20px;text-align:center}
/*.school .school-box ul li:nth-of-type(4) p:first-of-type span:before{content:'+';display:block;position:absolute;font-size:16px;left:115px;width:20px;text-align:center}*/
.school .school-box a{position:relative;width:160px;height:45px;border:1px solid rgba(54,54,54,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#000;text-transform:uppercase;line-height:45px;display:block;font-weight:700;margin-top:50px;-webkit-transition:all .3s;font-family:melbournebold;font-size:18px}
.moblie_footer{height:60px;background:#2d2f34;width:100%;position:fixed;bottom:0;left:0;z-index:99;text-align:center;display:none}
.moblie_footer a{display:inline-block;margin:5px 5% 0 5%}
.moblie_footer a i,.moblie_footer a span{font-style:normal;display:block;font-size:14px;color:rgba(255,255,255,.8)}
.moblie_footer a i{font-size:24px}
.moblie_footer a:first-child i{color:#f44343}
.moblie_footer a:nth-child(2) i{color:#df5b43}
.moblie_footer a:last-of-type i{color:#1296db}
.map_web{margin:20px 0}
.map_web h2{padding-bottom:5px}
.map_web h2 a{font-size:24px;color:#3e3e3e}
.map_web .map-list a{font-size:16px;display:inline-block;margin-right:20px}
.map_web a:hover{color:#328ba1}
.msg_form .msg_div .msg_submit:hover,.msg_nav a.active,.msg_nav a:hover,.news-more:hover,.replay_gd a:hover,.school .school-box a:hover,.select-box .btn_:hover,.teacher-info a:hover,.yk-body .yk-item .see:hover{color:#fff;border-color:#028e98}
.msg_form .msg_div .msg_submit:before,.msg_nav a:before,.news-more:before,.replay_gd a:before,.school .school-box a:before,.select-box .btn_:before,.teacher-info a:before,.yk-body .yk-item .see:before{width:0;height:100%;display:block;position:absolute;right:0;top:0;z-index:-1;background:#028e98;-webkit-transition:all .2s;content:''}
.msg_form .msg_div .msg_submit:hover:before,.msg_nav a.active:before,.msg_nav a:hover:before,.news-more:hover:before,.replay_gd a:hover:before,.school .school-box a:hover:before,.select-box .btn_:hover:before,.teacher-info .wow_a:hover:before,.yk-body .yk-item .see:hover:before{width:100%;left:0}
.teacher-info .wow_a span{display:block;width:100%;height:100%;position:absolute;right:0;top:0;font-family:melbournebold}
.msg_form .msg_div .msg_submit:before,.select-box .btn_:before,.teacher-info .wow_a:before{z-index:0}
.star{min-height:65vh;position:relative;font-size:0;-webkit-text-size-adjust:none;z-index:5}
.star-title{position:relative;margin-top:15px;margin-left:15%}
.star-title h2{font-size:56px;letter-spacing:5px}
.star-right{position:relative;display:inline-block;width:-webkit-calc(7vw + 86vw / 6 - 4px);width:-moz-calc(7vw + 86vw / 6 - 4px);width:calc(7vw + 86vw / 6 - 4px);vertical-align:top}
.star-right ul{position:relative}
.star-right ul li{position:absolute;width:100%;left:0;height:100%;background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;opacity:0;-webkit-transition:all 1.2s;-o-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;top:0}
.star-right ul li img:last-of-type{display:none}
.star-right ul li.active{opacity:1}
.star-right ul li:first-of-type{position:relative;width:auto;height:auto}
.star-left{position:relative;display:inline-block;width:-webkit-calc(93% - 86% / 6);width:-moz-calc(93% - 86% / 6);width:calc(93% - 86% / 6);font-size:14px;vertical-align:top}
.dot img{position:relative;margin:0 auto}
.dot{margin:10vh 0}
.star .swiper-container{width:70%;text-align:center;height:250px}
.star .swiper-container .swiper-slide{height:250px;position:relative}
.star .swiper-container .swiper-slide p:not(.name){line-height:2;font-size:16px;text-align:left;padding:0 2%}
.star .name{position:absolute;width:100%;left:0;bottom:0}
.star .name>span:first-of-type{font-size:16px;letter-spacing:3px;line-height:45px}
.star .name>span span{display:block;font-size:12px;line-height:18px;opacity:.7}
.star .name>span{display:inline-block;vertical-align:middle;text-align:left;padding-top:3px}
.star .name>span span:first-of-type{opacity:.9;font-size:14px}
.activities-video .arr,.beauty-list- .arr,.classroom-banner .arr,.star .arr{position:absolute;bottom:0;height:32px;width:80px;background-image:url(../img/arr-left.png);background-position:center center;background-repeat:no-repeat;cursor:pointer;z-index:10}
.arr.disable{display:none!important}
.activities-video .arr.right,.beauty-list- .arr.right,.classroom-banner .arr.right,.star .arr.right{background-image:url(../img/arr-right.png);right:0;left:auto}
.saav{position:relative}
.saav .tupian{position:absolute;left:0;top:0;visibility:hidden;opacity:0}
.saav .activities-video{visibility:hidden;opacity:0}
.saav .activities-video.active{visibility:visible;opacity:1}
.c-btns{text-align:center;padding-top:100px;position:relative;z-index:10}
.c-btns a{display:inline-block;width:160px;height:45px;line-height:45px;border:1px solid rgba(0,0,0,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin:0 30px}
.c-btns a.active{background:#000;color:#fff}
.c-btns a:hover{background:#000;color:#fff}
.activities-video .swiper-container .swiper-slide{background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.teacher{min-height:67vh;background-position:left top;background-repeat:no-repeat;position:relative;z-index:5;-moz-background-size:auto 90vh;-o-background-size:auto 90vh;background-size:auto 90vh}
.teacher-box{position:;right:0;bottom:10vh;width:-webkit-calc(93vw - 86vw / 6);width:-moz-calc(93vw - 86vw / 6);width:calc(93vw - 86vw / 6)}
.teacher-info{position:absolute;width:900px;left:50%;margin-left:-450px;bottom:65px;color:#fff}
.s-item{width:24.2%;float:left;margin-left:1%;position:relative;background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin-bottom:10px}
.s-item p{position:absolute;line-height:18px;padding:8px;background-color:rgba(0,0,0,.7);color:#fff;width:100%;left:0;bottom:0}
.ddd.s-item{cursor:pointer}
.ddd.s-item a{position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:9}
.lightBox{position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:9}
.ddd.s-item:before{display:none}
.s-item:before{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6)}
.s-item:hover:before{opacity:0}
.s-item img{width:100%}
.s-item:first-of-type{width:49.6%;margin-left:0}
.s-item:first-of-type .play{width:60px;height:60px;line-height:60px;font-size:60px;margin-left:-30px;margin-top:-30px}
.teacher-info ul{font-size:0;-webkit-text-size-adjust:none}
.teacher-info ul li{width:120px;height:120px;display:inline-block;vertical-align:top;background-color:#fff;margin-right:7px;background-image:url(../img/teacher.png);background-position:center bottom;background-repeat:no-repeat;-moz-background-size:contain;-o-background-size:contain;background-size:contain;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent;margin-bottom:7px}
.teacher-info ul li.active{border-color:#028e98}
.teacher-info ul li:hover{border-color:#028e98}
.teacher-info .title{font-size:38px;letter-spacing:2px}
.teacher-info .title span{font-size:16px;display:inline-block;vertical-align:baseline;font-weight:400;margin-left:10px;opacity:.7}
.news-body .page-nav ul.a-c li{width:-webkit-calc(86vw / 4 - 2px);width:-moz-calc(86vw / 4 - 2px);width:calc(86vw / 4 - 2px)}
.teacher-info>div{margin-top:30px;line-height:1.8;font-size:16px;margin-bottom:45px;overflow:hidden;max-height:200px}
.teacher-info .wow_a{width:160px;height:45px;border:1px solid rgba(255,255,255,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:45px;text-align:center;text-transform:uppercase;color:#fff;display:block;font-size:18px;margin-top:30px;position:relative}
.teacher-big{position:absolute;width:-webkit-calc(86vw /3);width:-moz-calc(86vw /3);width:calc(86vw /3);left:0;height:100%;top:0;background-position:center bottom;background-repeat:no-repeat;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-image:url(../img/teacher.png)}
.news{padding-top:0px}
.news-d p {margin:15px 0}
.news-box{overflow:hidden;z-index:5;}
.news-box .item-left{width:50%;float:left;overflow:hidden}
.news-box .item-right{margin: 50px 0;width: 50%; text-align: center;float:left;}
.news-box .item-right .news-list{display:none}
.news-box .item-right .news-list.active{display:block}
.news-box .item-right .news-nav{padding-left:0px}
.news-box .item-right .news-nav li{display:inline-block;width:135px;height:35px;border:1px solid rgba(54,54,54,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:33px;text-align:center;font-size:16px;cursor:pointer;-webkit-transition:all .2s}
.news-box .item-right .news-nav li.active,.news-box .item-right .news-nav li:hover{border-color:#000;background-color:#000;color:#fff}
.news-box .item-right .news-nav li+li{margin-left:10px}
.news-box .item-right .news-list a{display:block;color:#606060}
.news-box .item-right .news-list{margin-top:40px}
.news-box .item-right .news-list a .date{display:inline-block;width:10%;vertical-align:top;font-size:20px;line-height:1;font-family:bigcaslon;margin-right:5%;}
.news-box .item-right .news-list a .news-content{display:inline-block;vertical-align:top;width:70%;margin-left:0px;text-align:left;}
.news-box .item-left video{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;top:0;left:0;background-color:#000}
.news-box .item-left .video_btn{width:100px;height:100px;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);cursor:pointer;background:url(../img/play_btns.png) no-repeat;-moz-background-size:auto 100px;-o-background-size:auto 100px;background-size:auto 100px;display:none}
.news-box .item-right .news-list a .date p:last-of-type{font-size:70px;margin-top:-12px}
.news-box .item-right .news-list a .news-content p:first-of-type{font-size:24px}
.news-box .item-right .news-list a .news-content p:last-of-type{font-size:16px;line-height:24px;max-height:48px;overflow:hidden;margin-top:5px}
.news-box .item-right .news-list a+a{margin-top:67px}
.news-more{width:160px;height:45px;border:1px solid rgba(54,54,54,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:45px;text-align:center;display:block;font-size:18px;bottom:25px;text-transform:uppercase;margin: 80px 0 0 150px;-webkit-transition:all .2s;font-family:melbournebold}
.activity{position:relative;height:90vh;z-index:6}
.activity .title{position:absolute;z-index:6;top:11%;left:10%;z-index:20}
.activity ul{width:86%;left:7%;font-size:0;-webkit-text-size-adjust:none;text-align:left;height:100%;position:relative;z-index:10}
.activity ul li{width:-webkit-calc(100% / 6);width:-moz-calc(100% / 6);width:calc(100% / 6);display:inline-block;vertical-align:top;font-size:16px;position:relative;height:100%;cursor:pointer;overflow:hidden}
.activity ul li .a-bg{width:150%;height:100%;content:'';display:block;position:absolute;left:1px;top:0;background-repeat:no-repeat;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:0;background-size:cover;background-position:center center;}
.activity ul li:hover .a-bg{opacity:1;animation:scroll 15s infinite alternate}
.activity ul li:hover p{color:#fff}
.activity ul li p{position:absolute;width:100%;left:0;top:50%;text-align:center;color:#696969;margin-top:-23px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.activity ul li p span{display:inline-block;vertical-align:top;line-height:1.1;position:relative}
.activity ul li p span img{width:100%}
.activity ul li p span img:last-of-type{opacity:0;position:absolute;top:0;left:0}
.activity ul li:hover p span img:first-of-type{opacity:0}
.activity ul li:hover p span img:last-of-type{opacity:1}
.activity ul li p .iconfont{width:30px}
.activity ul li p span{text-align:left;display:inline-block}
.activity ul li:hover a{z-index:2}
.activity ul li p span:last-of-type{letter-spacing:1px;margin-left:5px;width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);line-height:1.4}
.activity ul li:nth-of-type(2) p .iconfont{font-size:30px}
.activity ul li:nth-of-type(30) p .iconfont{font-size:40px}
.activity ul li:nth-of-type(5) p .iconfont{font-size:42px}
.activity ul li a{display:block;width:70%;height:44px;border:2px solid rgba(54,54,54,.3);text-align:center;line-height:40px;color:#000;top:50%;left:15%;margin-top:-22px;font-family:melbournebold;position:absolute;text-transform:uppercase}
.activity ul li:last-of-type a:before{content:'';display:block;width:0;height:100%;position:absolute;top:0;right:0;background:rgba(2,142,152,.6);z-index:-1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.activity ul li a:hover:before{width:100%;right:auto;left:0}
.activity ul li a:hover{color:#fff;border-color:rgba(2,142,152,.6)}
.activity .title h3{font-size:56px;letter-spacing:5px;margin-top:10px}
.activity .bg-{position:absolute;width:50%;top:100vh;right:0;z-index:6}
.activity .bg- img{width:100%}
.activity ul li:not(:last-of-type) a{margin-top:60px;color:#fff;border-color:rgba(255,255,255,.3);opacity:0;visibility:hidden;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;font-family:melbournebold}
.activity ul li:last-of-type:hover a{color:#fff;border-color:rgba(255,255,255,.3);-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;font-family:melbournebold}
.activity ul li:not(:last-of-type):hover a{opacity:1;visibility:visible}
.activity ul li:last-of-type a:hover{background:#fff;color:#000}
.activity ul li a:hover{background:#fff;color:#000}
.footer{margin: 0px auto;background-color:#2d2f34;width:-webkit-calc(93% - 86% / 6);width:-moz-calc(93% - 86% / 6);width:calc(93% - 86% / 6);padding:50px;z-index:10;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:20}
.footer-box .swiper-container{width:90%;height:46px;margin-left:0}
.footer-box .swiper-container .swiper-slide{width:240px;height:46px;background-position:0 center;background-repeat:no-repeat;-moz-background-size:80% auto;-o-background-size:80% auto;background-size:80% auto;cursor:pointer;position:relative}
.footer-box .swiper-container .swiper-slide a{position:absolute;width:100%;height:100%;left:0;top:0;display:block}
.activity ul li:last-of-type a:before{background:0 0}
.footer-box .title{font-family:bigcaslon;font-size:40px;line-height:1;margin-top:45px;position:relative}
.footer-box .title:before{content:'';display:block;position:absolute;width:40px;height:2px;background-color:#fff;bottom:-18px;left:0}
.footer-info{margin-top:40px}
.nav-footer li{display:inline-block;vertical-align:middle;color:rgba(255,255,255,.3);height:30px;width:120px;border:1px solid rgba(255,255,255,.3);line-height:28px;text-align:center;cursor:pointer}
.nav-footer li.active{background-color:#202226;border-color:#202226;color:#fff}
.nav-footer li+li{margin-left:15px}
.info-silde{position:relative;margin-top:15px}
.info-silde ul{opacity:0;font-size:16px;color:rgba(255,255,255,.6)}
.info-silde ul:last-of-type{position:absolute;left:0;top:0;right: 0;}
.info-silde ul.active{opacity:1}
.info-list li{display:block;line-height:28px;font-size:12px}
.info-list li p span:last-of-type{font-size:12px;margin-left:5px}
.info-list li p span{display:inline-block;vertical-align:baseline}
.footer .link{color:rgba(255,255,255,.4);margin-top:24px;margin-bottom:8px;font-size:12px}
.footer .link li{display:inline-block;line-height:26px;cursor:pointer}
.footer .link li:hover{color:rgba(255,255,255,1)}
.footer .link li+li{margin-left:20px}
.page-footer,.page-footer a{color:rgba(255,255,255,.3);font-size:12px;text-transform:uppercase;text-align:center;}
.page-footer span:first-of-type{margin-left:40px}
.page-footer span+span{margin-left:20px}
.page-footer span:hover{color:rgba(255,255,255,.8)}
.page-footer span{cursor:pointer}
.aside{width:70px;height:auto;background-color:#fff;position:absolute;right:-70px;bottom:0;color:#191a1d;font-size:30px;text-align:center}
.aside ul{padding:0;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#f9f7f5}
.backtop{width:70px;height:70px;background-color:#191a1d;color:#fff;line-height:70px;cursor:pointer}
.aside ul li{width:70px;height:70px;line-height:70px;cursor:pointer;-webkit-transition:all .2s}
.aside ul li:hover{background:#028e98;color:#fff}
.nav ul li .item-bg{content:'';width:100%;left:0;bottom:0;height:0;position:absolute;display:block;z-index:5;overflow:hidden;-webkit-transition:all .5s cubic-bezier(.25,0,0,1);-o-transition:all .5s cubic-bezier(.25,0,0,1);-moz-transition:all .5s cubic-bezier(.25,0,0,1);transition:all .5s cubic-bezier(.25,0,0,1)}
.nav ul li .item-bg:after{content:'';display:block;position:absolute;left:0;top:0;background:url(../img/menu-bg.jpg) center center no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:150%;height:100vh;display:block}
.nav ul li:nth-child(1) .item-bg:after{background:url(../img/abcd1.jpg) center center no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.nav ul li:nth-child(3) .item-bg:after{background:url(../img/abcd2.jpg) center center no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.nav ul li:nth-child(4) .item-bg:after{background:url(../img/abcd3.jpg) center center no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.nav ul li:nth-child(5) .item-bg:after{background:url(../img/abcd4.jpg) center center no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.nav ul li:hover .item-bg{height:100vh;}
.nav ul li:hover .item-bg:after{-webkit-animation:scroll 15s linear infinite;-moz-animation:scroll 15s linear infinite;-o-animation:scroll 15s linear infinite;animation:scroll 15s linear infinite}
@-webkit-keyframes scroll{
from{left:0}
to{left:-50%}
}
.menu-right{position:fixed;width:30px;height:30px;right:30px;top:56px;z-index:95;cursor:pointer;display:none}
.menu-right.active{display:block}
.menu-right span{position:relative;width:21px;height:2px;background-color:#000;display:block}
.menu-right span+span{margin-top:5px}
.menu-right span:nth-of-type(2){width:19px}
.menu{position:fixed;width:100%;height:100%;z-index:100;color:#fff;display:none;top:0}
.menu-logo{position:relative;left:30px;top:30px}
.menu .close{position:absolute;right:33px;top:50px;font-size:30px;cursor:pointer}
.menu .menu-content ul{position:absolute;left:20%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:30px}
.menu a{color:#5f5f5f}
.menu .menu-content ul li+li{margin-top:3vh}
.menu a:hover{color:rgba(255,255,255,1)}
.menu .menu-content ul li.active a{color:rgba(255,255,255,1)}
.menu.active{opacity:1;display:block}
.bg-menu ul{position:absolute;width:100%;height:100%;left:0;top:0;z-index:6}
.bg-menu ul li{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.bg-menu ul li.active{opacity:.1}
.bg-menu ul li:nth-of-type(1){background-image:url(../img/menu.jpg)}
.bg-menu ul li:nth-of-type(2){background-image:url(../img/course.jpg)}
.bg-menu ul li:nth-of-type(3){background-image:url(../img/teachers.jpg)}
.bg-menu ul li:nth-of-type(4){background-image:url(../img/j_banner.jpg)}
.bg-menu ul li:nth-of-type(5){background-image:url(../img/about_banner.jpg)}
.bg-menu ul li:nth-of-type(6){background-image:url(../img/env-1.jpg)}
.bg-menu ul li:nth-of-type(7){background-image:url(../img/news-1.jpg)}
.bg-menu ul li:nth-of-type(8){background-image:url(../img/menu.jpg)}
.bg-menu{position:absolute;width:100%;height:100%;left:0;top:0;font-size:0;-webkit-text-size-adjust:none;background:#111214;}
.bg-menu div{width:-webkit-calc(86% / 6);width:-moz-calc(86% / 6);width:calc(86% / 6);display:inline-block;position:relative;vertical-align:top;height:100%;overflow:hidden;font-size:14px}
.bg-menu div:first-of-type,.bg-menu div:last-of-type{width:7%}
.bg-menu div:after{content:'';display:block;position:absolute;width:100%;right:0;height:100%;top:0;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;background-color:#2d2f34;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
.bg-menu.active div:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.bg-menu .xs{height:54px;position:absolute;top:-54px;left:0;display:block;width:1px;z-index:6;-webkit-transition:all 3s ease;-o-transition:all 3s ease;-moz-transition:all 3s ease;transition:all 3s ease;visibility:hidden}
.bg-menu .xs.active{visibility:visible;top:120%}
.bg-menu .xsb{background-color:#00c0cb}
.bg-menu .xsg{background-color:#c4dc37}
.bg-menu .xsr{background-color:#fb004e}
.menu-content{position:relative;width:100%;height:100%;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:7}
.bg-menu div+div:before{content:'';display:block;position:absolute;width:1px;left:0;height:100%;top:0;background-color:#fff;opacity:.1;z-index:3}
.menu-content.active{opacity:1}
.bg .s1{top:110px}
.bg .s2{top:700px}
.bg .s3{top:160px}
.bg .s4{top:500px}
.bg .s5{top:220px}
.bg .s6{top:300px}
.bg .s7{top:340px}
.map{margin:15px;z-index:5}
#map{width:100%;height:100%;position:relative}
.map:before{content:'';display:none;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(55,55,55,.2);z-index:6}
.addr-list{position:absolute;width:50%;height:auto;right:0;bottom:0;background-color:#fff;z-index:9;padding-top:80px;padding-left:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:100px}
.addr-list .title{font-size:38px}
.addr-list .title span{font-size:24px;text-transform:capitalize;margin-left:15px}
.addr-ul{margin-top:60px}
.addr-ul li{display:inline-block;font-size:14px;height:30px;width:110px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(0,0,0,.3);line-height:28px;text-align:center;cursor:pointer}
.addr-ul li+li{margin-left:15px}
.addr-ul li.active{border-color:#000;background-color:#000;color:#fff}
.addr-item{position:relative;margin-top:20px}
.addr-item>li:first-of-type{position:relative}
.addr-item>li{position:absolute;left:0;top:0;opacity:0;visibility:hidden;font-size:18px;line-height:24px}
.addr-item>li.active{opacity:1;visibility:visible}
.addr-item ul li+li{margin-top:10px}
.addr-item ul li p span:last-of-type{margin-left:10px;font-size:14px}
.conductor{position:relative;height:750px;z-index:9;padding-top:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:90px}
.conductor .view .swiper-container{width:1242px;height:650px}
.conductor .view .swiper-slide img{width:50%}
.conductor .view .swiper-slide{position:relative;height:auto}
.conductor .view .swiper-slide .desBox{position:absolute;top:120px;right:0;width:50%;padding-left:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.conductor .view .swiper-slide .desBox .nameB{position:relative;padding-bottom:10px;margin-bottom:15px}
.conductor .view .swiper-slide .desBox .nameB:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;opacity:.1}
.conductor .view .swiper-slide .desBox .name{display:inline-block;margin-right:5px;color:#ff9b00;font-size:24px}
.conductor .view .swiper-slide .desBox .zc{font-size:16px}
.conductor .view .swiper-slide .desBox .det{line-height:24px;max-height:250px;overflow-y:scroll}
.conductor .view .arrow-left{background-color:#328ba1;position:absolute;left:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10}
.conductor .view .arrow-right{background-color:#328ba1;position:absolute;right:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10}
.conductor .preview{width:1240px;margin-top:10px;position:absolute;bottom:35px;left:50%;margin-left:-620px;z-index:9}
.conductor .preview .swiper-container{width:1240px;height:142px;margin:0 auto}
.conductor .preview .swiper-slide{padding-right:20px;width:190px;height:142px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.conductor .preview .swiper-slide.active-nav:before{border-width:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.conductor .preview .swiper-slide div{position:relative;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-moz-background-origin:content-box;-o-background-origin:content-box;background-origin:content-box;background-repeat:no-repeat;width:100%;height:100%;background-color:#fff}
.conductor .preview .swiper-slide img{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;cursor:pointer;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;padding:0;border:1px solid transparent}
.news-detail .news-d a{font-size:16px!important;line-height:35px!important}
.pageOther{margin-top:50px}
.conductor .preview .arrow-left{background-color:#328ba1;position:absolute;left:-56px;top:50%;margin-top:-19px;width:112px;height:38px;z-index:10;-moz-background-size:200%;-o-background-size:200%;background-size:200%;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;line-height:38px;text-align:center;font-size:30px;color:#fff}
.conductor .preview .arrow-right{background-color:#328ba1;position:absolute;right:-56px;top:50%;margin-top:-19px;width:112px;height:38px;line-height:38px;z-index:10;-moz-background-size:200%;-o-background-size:200%;background-size:200%;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;text-align:center;font-size:30px;color:#fff}
.conductor .preview img{padding:1px}
.conductor .preview .swiper-slide:before{content:'';display:block;position:absolute;width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #328ba1;left:0;top:0;cursor:pointer;z-index:2}
.conductor .preview .swiper-slide.active-nav:before{border-width:4px}
.conductor .preview .arrow-left:hover{background-position:left bottom}
.conductor .preview .arrow-right:hover{background-position:right bottom}
.page-nav{text-align: center;z-index:5}/**/
.about .page-nav{min-height:600px;}
.nav-bg{position:absolute;width:100%;height:100vh;z-index:1;background-image:url(../img/teachers.jpg);left:0;top:0;background-repeat:no-repeat;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;background-position:center center}
.nav-bg:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:#2d2f34;left:0;top:0;opacity:.7}
.teacher-abs{width:80%;height:auto;padding:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;margin: 0px auto;/*bottom:-webkit-calc(86vw / 6);bottom:-moz-calc(86vw / 6);bottom:calc(86vw / 6);border-bottom:0px solid #eee;height:-webkit-calc(100vh - 50px);height:-moz-calc(100vh - 50px);height:calc(100vh - 50px)*/}
.nav-bg.msg{position:fixed}
.page-nav.msg{position:absolute}
.teacher-abs.msg{width:80%;bottom:auto;margin-top:135px;height:auto;left:20%;z-index:75;position:relative}
.msglist ol{margin-top:10px}
.msglist ol li{width:-webkit-calc(100% - 25px);width:-moz-calc(100% - 25px);width:calc(100% - 25px);height:auto;line-height:20px;padding:5px 0 5px 25px;position:relative}
.msglist ol li:after{width:20px;height:20px;background:#000;line-height:20px;text-align:center;font-size:12px;color:#fff;content:'1';position:absolute;left:0;top:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.msglist ol li:nth-child(2):after{content:'2'}
.msglist ol li:nth-child(3):after{content:'3'}
.msglist ol li:nth-child(4):after{content:'4'}
.msg_form{overflow:hidden;width:100%;height:auto;padding:50px 0 150px 0}
.msg_form .msg_div{float:left;width:30%;margin-right:5%;padding:10px 0;line-height:40px;font-size:16px}
.msg_form .msg_div:nth-child(3),.msg_form .msg_div:nth-child(5){margin-right:0}
.msg_form .msg_div:nth-child(4),.msg_form .msg_div:nth-child(5){width:47.5%}
.msg_form .msg_div label{width:80px;float:left;text-align:right;position:relative}
.msg_form .msg_div:nth-child(6),.msg_form .msg_div:nth-child(7){width:100%;margin-right:0}
.msg_form .msg_div input{float:left;width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px);height:40px;text-indent:10px;outline:0;margin-left:10px;border:1px solid rgba(0,0,0,.1);background:#f9f9f9}
.msg_form .msg_div textarea{float:left;width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px);height:200px;padding:10px;outline:0;margin-left:10px;border:1px solid rgba(0,0,0,.1);background:#f9f9f9;font-family:"微软雅黑"}
.msg_form .msg_div .msg_submit{display:block;float:left;margin-left:90px;height:40px;line-height:40px;display:block;width:200px;background:#f9f9f9;text-align:center;cursor:pointer;position:relative;-webkit-transition:all .2s;border:1px solid rgba(0,0,0,.1)}
.msg_form .msg_div .msg_submit span{display:block;width:100%;height:100%;position:relative}
.page-nav ul{width: 80%;margin: 0px auto 60px auto;background:transparent;height:-webkit-calc(86vw / 6);height:-moz-calc(86vw / 6);height:calc(86vw / 6);font-size:0;-webkit-text-size-adjust:none}
/*.course .page-nav ul{position:static;}*/
.msg_nav{width:100%;height:auto;overflow:hidden;padding-top:15px;margin-bottom:15px}
.msg_nav a{display:block;float:left;width:auto;font-size:16px;height:auto;line-height:40px;text-align:center;position:relative;padding:0 55px;cursor:pointer;margin-right:10px;-webkit-transition:all .2s;border:1px solid rgba(0,0,0,.1)}
.replay_list{width:100%;height:auto}
.listMOre{width:160px;height:45px;line-height:43px;text-transform:uppercase;text-align:center;border:1px solid rgba(0,0,0,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;cursor:pointer;position:relative;-webkit-transition:all .2s;font-family:melbournebold;margin:100px auto 50px}
.listMOre:after{width:0;height:100%;display:block;position:absolute;right:0;top:0;z-index:-1;background:#028e98;-webkit-transition:all .2s;content:''}
.listMOre:hover:after{width:100%;left:0}
.listMOre:hover{color:#fff;border-color:#028e98}
.replay_list ol li{width:100%;height:auto;padding:15px 0;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1)}
.msg_nav a.active,.msg_nav a:hover{border-color:#000}
.msg_nav a:before{background:#000}
.replay_list ol li .icon{width:80px;height:30px;background:#328ba1;line-height:30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;text-align:center;color:#fff;float:left}
.replay_list ol li .r{width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px);height:auto;float:left;margin-left:10px}
.replay_list ol li .r .t{width:100%;height:auto;line-height:30px;font-size:18px;color:#328ba1;margin-bottom:5px}
.replay_gd{width:100%;height:auto;margin-top:50px;overflow:hidden}
.replay_gd a{height:auto;line-height:40px;width:200px;text-align:center;cursor:pointer;position:relative;display:block;margin-left:90px;-webkit-transition:all .2s;border:1px solid rgba(0,0,0,.1)}
.replay_list ol li .r .d{width:100%;height:auto;line-height:1.6;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.replay_list ol li .r .more{float:right;color:#ababab;cursor:pointer;margin-top:12px}
.replay_list ol li .r .more:hover{color:#000}
.replay_list ol li.active .r .d{-webkit-line-clamp:inherit}/*-webkit-calc(86vw / 8 - 2px);width:-moz-calc(86vw / 8 - 2px);width:calc(86vw / 8 - 2px)*/
.page-nav ul li{border:1px solid #999;border-left:0px;width:22%;display:inline-block;vertical-align:top;position:relative;height:100%;cursor:pointer;color:#696969}
.page-nav ul li:nth-of-type(1) {border-left: 1px solid #999;}
.page-nav ul li a{display:block;height:100%;color:#696969}
.page-nav ul li p{position:absolute;font-size:18px;line-height:30px;width:100%;left:0;top:50%;margin-top:-15px;text-align:center}
.page-nav ul li.active,.page-nav ul li.active a,.page-nav ul li:hover,.page-nav ul li:hover a{background:#464646;color:#fff}
.page-nav ul li p span{display:inline-block;vertical-align:baseline;font-size:26px}
.page-nav ul li:nth-of-type(30) p span{font-size:32px}
.page-nav ul li:nth-of-type(4) p span{font-size:36px}
.teacher-abs .title{margin-bottom:50px;line-height:1;font-size:44px;letter-spacing:2px}
.teacher-abs .abs{text-align: left;line-height:1.8}
.teacher-abs p{line-height:1.7;font-size:16px}
.teacher-abs p.more{color:#9d9d9d;cursor:pointer;bottom:20px}
.teacher-abs p.more span{display:inline-block;font-size:34px;margin-right:10px;vertical-align:middle}
.beauty .page-nav ul{width:-webkit-calc(86vw / 3 - 4px);width:-moz-calc(86vw / 3 - 4px);width:calc(86vw / 3 - 4px);right:-webkit-calc(50% + 1px);right:-moz-calc(50% + 1px);right:calc(50% + 1px);border:none}
.beauty .teacher-abs{bottom:0;min-height:50vh}
.beauty .page-nav ul li{width:50%}
.beauty .beauty-cover{position:relative;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;cursor:pointer}
.beauty .beauty-cover:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}
.beauty .beauty-cover:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:#2d2f34;opacity:.4;left:0;top:0}
.beauty .beauty-cover:hover:before{opacity:0}
.beauty .nav-bg{background-image:url(../img/beautybg.jpeg)}
.beauty-list{position:relative;width:86%;margin-left:7%;z-index:4;padding-bottom:150px}
.beauty-list ul{font-size:0;-webkit-text-size-adjust:none}
.beauty .page-nav ul li{width:50%}
.beauty-list ul li{width:-webkit-calc(100% / 6);width:-moz-calc(100% / 6);width:calc(100% / 6);display:inline-block;vertical-align:top;height:-webkit-calc(86vw / 6);height:-moz-calc(86vw / 6);height:calc(86vw / 6);line-height:-webkit-calc(86vw / 6);line-height:-moz-calc(86vw / 6);line-height:calc(86vw / 6)}
.beauty-list ul li.beauty-title{width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);font-size:34px;background-color:#2d2f34;color:#fff;text-align:center;background-image:none!important}
.beauty-list ul li.beauty-cover:nth-of-type(3n){background-image:url(../img/101H.jpg)}
.beauty-list ul li.beauty-cover:nth-of-type(3n+1){background-image:url(../img/219H.jpg)}
.beauty-list ul li.beauty-cover:nth-of-type(3n+2){background-image:url(../img/252H.jpg)}
.news-body .teacher-abs{bottom:0;border-bottom:none}
.news-body .page-nav ul{width:auto;right:-webkit-calc(7% + 1px);right:-moz-calc(7% + 1px);right:calc(7% + 1px);height:80px;background-color:transparent;z-index:9}
.news-body .page-nav ul li{width:-webkit-calc(86vw / 3 - 2px);width:-moz-calc(86vw / 3 - 2px);width:calc(86vw / 3 - 2px);color:#fff}
.news-body .page-nav ul li{width: 100%;height: 100%;background-image: url(../img/about_banner.jpg);background-position: center top;-moz-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;background-repeat: no-repeat;}

.news-body .page-nav ul li:first-of-type{background-color:rgba(0,0,0,.4)}
.news-body .page-nav ul li:nth-of-type(2){background-color:rgba(0,0,0,.5)}
.news-body .page-nav ul li:nth-of-type(30){background-color:rgba(0,0,0,.6)}
.news-body .page-nav ul li:nth-of-type(4){background-color:rgba(0,0,0,.7)}
.news-detail{position:relative;margin:0 auto;max-width:1200px;z-index:8}
.news-detail h2{line-height:1.3;margin-bottom:30px;font-size:34px}
.news-detail>p{color:rgba(0,0,0,.4);font-size:14px}
.news-detail>p span{display:inline-block;vertical-align:middle}
.news-detail>p span+span{margin-left:40px}
.news-detail .news-d{position:relative;margin-top:50px;border-top:1px solid rgba(55,55,55,.2);padding-top:30px;overflow:hidden}
.news-detail .news-d{line-height:1.7}
.news-detail .news-d table{float:none}
.news-body .page-nav ul li a{color:inherit;position:absolute;display:block;width:100%;height:100%;left:0;top:0}
.news-detail .news-d img{display:block;position:relative;margin:10px auto!important;max-width:800px}
.news-body .page-nav ul li p{font-size:16px}
.news-body-list{position:relative;margin:0 auto;width:86vw;margin-bottom:150px;max-width: 1380px;z-index:6}
.yk-body{position:relative;margin:0 auto;max-width:1200px;margin-top:60px;margin-bottom:150px;z-index:6}
.yk-body .yk-item>li+li{margin-top:100px}
.yk-body .yk-item h3{font-size:18px;line-height:40px;color:#fff;background-color:#328ba1;padding:0 50px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;display:inline-block;letter-spacing:2px}
.yk-body .yk-item ul{margin-top:26px;margin-bottom:20px;font-size:0;-webkit-text-size-adjust:none}
.yk-body .yk-item ul li{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:middle;font-size:14px;cursor:pointer;width:49%;margin-bottom:15px;padding:15px 10px;overflow:hidden;background:rgba(0,0,0,.03);-webkit-transition:all .2s}
.yk-body .yk-item ul li:nth-child(even){margin-left:2%}
.yk-body .yk-item ul li .time{width:75px;height:50px;line-height:20px;padding:5px 0;text-align:center;float:left;opacity:.5;font-family:melbournebold}
.yk-body .yk-item ul li .time b{display:block;height:24px;line-height:24px;font-size:24px}
.yk-body .yk-item ul li .time p{display:block;height:16px;line-height:16px;font-size:14px}
.yk-body .yk-item ul li .txt{width:-webkit-calc(100% - 85px);width:-moz-calc(100% - 85px);width:calc(100% - 85px);height:auto;float:left;margin-left:10px;position:relative}
.yk-body .yk-item ul li .txt b{display:block;height:30px;line-height:30px;overflow:hidden;font-size:16px}
.yk-body .yk-item ul li .txt p{display:block;height:20px;line-height:20px;opacity:.5}
.yk-body .yk-item ul li p{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative}
.yk-body .yk-item ul li:before{width:100%;height:0%;position:absolute;left:0;bottom:0;content:'';background:#028e98;-webkit-transition:all .5s}
.yk-body .yk-item ul li:hover{color:#fff}
.yk-body .yk-item ul li:hover b{color:#fff}
.yk-body .yk-item ul li:hover:before{height:100%;top:0}
.yk-body .yk-item .see{width:160px;height:45px;line-height:43px;text-transform:uppercase;text-align:center;border:1px solid rgba(0,0,0,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;cursor:pointer;position:relative;-webkit-transition:all .2s;font-family:melbournebold;margin:auto}
.news-body-list ul{display:none}
.news-body-list ul.active{display:block}
.news-body-list ul li .news-img{display:inline-block;position:relative;background-image:url(../img/252H.jpg);vertical-align:middle}
.news-body-list ul li .news-abs{width:-webkit-calc(100% - 510px);width:-moz-calc(100% - 510px);width:calc(100% - 510px);display:inline-block;vertical-align:middle;margin-left:60px;color:#606060}
.news-body-list ul li+li{margin-top:50px}
.news-body-list ul li .news-abs .title{font-size:24px;white-space:normal;overflow:hidden}
.news-body-list ul li .news-abs .disc{font-size:16px;line-height:24px;max-height:48px;overflow:hidden;margin-top:7px;color:#999}
.news-body-list .news-more{position:relative;bottom:0;margin-top:50px}
.news-body-list ul:nth-of-type(2),.news-body-list ul:nth-of-type(30){font-size:0;-webkit-text-size-adjust:none}
.news-body-list ul:nth-of-type(30) li{width:280px;height:auto;background-color:#fff;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 30px rgba(0,0,0,.06);-moz-box-shadow:0 0 30px rgba(0,0,0,.06);box-shadow:0 0 30px rgba(0,0,0,.06);display:inline-block;margin-right:-webkit-calc(80px / 3);margin-right:-moz-calc(80px / 3);margin-right:calc(80px / 3)}
.news-body-list ul:nth-of-type(2) li{width:-webkit-calc((100% - 40px)/ 3);width:-moz-calc((100% - 40px)/ 3);width:calc((100% - 40px)/ 3);font-size:14px;display:inline-block;margin-right:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);padding-bottom:10px;background-color:#fff}
.news-body-list ul:nth-of-type(4) li{width:-webkit-calc((100% - 40px)/ 3);width:-moz-calc((100% - 40px)/ 3);width:calc((100% - 40px)/ 3);font-size:14px;display:inline-block;margin-right:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);padding-bottom:10px;background-color:#fff}
.drag_list{position:absolute;width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);top:80px;opacity:0;visibility:hidden;-webkit-transition:opacity .5s;-o-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul li:hover .drag_list{opacity:1;visibility:visible}
.drag_list div.active,.drag_list div:hover{background-color:#2d2f34;color:#fff}
.drag_list div{line-height:45px;color:#333;text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.drag_list div+div{margin-top:1px}
.news-body-list ul:nth-of-type(2) li p{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-height:30px;width:94%;margin-left:3%;margin-top:10px}
.news-body-list ul:nth-of-type(2) li img{width:100%}
.news-body-list ul:nth-of-type(2) li .news-video{width:100%;position:relative;height:226px;overflow:hidden;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center}
.news-body-list ul:nth-of-type(30) li .news-video{width:100%;position:relative;height:280px;background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.footer .link a{color:rgba(255,255,255,.4)}
.news-body-list ul:nth-of-type(30) li .news-video img{width:100%}
.news-body-list ul:nth-of-type(30) li .news-video .icon{width:auto;height:auto;line-height:20px;padding:0 10px;background:#d9470e;color:#fff;position:absolute;left:10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;top:10px}
.news-body-list ul:nth-of-type(2) li:nth-of-type(3n),.news-body-list ul:nth-of-type(30) li:nth-of-type(4n){margin-right:0}
.news-body-list ul:nth-of-type(4) li:nth-of-type(3n),.news-body-list ul:nth-of-type(30) li:nth-of-type(4n){margin-right:0}
.news-body-list ul:nth-of-type(30) li p{line-height:24px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:inline-block;line-height:1.1;vertical-align:middle}
.news-body-list ul:nth-of-type(30) li .more-{line-height:35px;border-top:1px solid rgba(0,0,0,.2);text-align:center;margin-top:10px;cursor:pointer}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(1){width:100%;font-size:20px;padding-left:5px;padding-bottom:5px}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(2){width:40px;height:40px;position:absolute;right:15px;top:20px;color:#fff;opacity:1;cursor:pointer;line-height:40px;background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(2):hover{background:#028e98}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(30){font-size:36px;line-height:1;cursor:pointer;border-left:1px solid rgba(0,0,0,.2);padding-left:20px}
.news-body-list ul:nth-of-type(30) li .t-i{overflow:hidden;padding:15px 10px;position:relative}
.news-body-list ul:nth-of-type(30) li .t-i a{display:block;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);float:left}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(1){width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);float:left}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(30):hover{color:rgba(252,109,4,.8)}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(1) span{display:inline-block;width:auto;height:20px;padding:0 10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;text-align:center;color:#fff;background-color:#d9470e;line-height:20px;margin-right:5px;font-size:14px}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(2) span{display:block}
.news-body-list ul:nth-of-type(30) li p:nth-of-type(2) span:last-of-type{font-size:24px}
.news-body-list ul:nth-of-type(30) li p:last-of-type span.active{color:#fc6d04}
.achieve.news-body .page-nav ul{height:-webkit-calc(86vw / 6);height:-moz-calc(86vw / 6);height:calc(86vw / 6);width:-webkit-calc(86vw / 6 - 3px);width:-moz-calc(86vw / 6 - 3px);width:calc(86vw / 6 - 3px);right:-webkit-calc(50% + 1px);right:-moz-calc(50% + 1px);right:calc(50% + 1px)}
.achieve.news-body .page-nav ul li{height:100%;width:100%;position:relative}
.achieve.news-body .page-nav ul li:last-of-type{background-color:#464646}
.achieve.news-body .page-nav ul li p{font-size:14px;position:relative;line-height:1.5;top:0;margin-top:0}
.achieve.news-body .page-nav ul li p.title{font-size:24px;letter-spacing:2px;margin-bottom:10px}
.achieve.news-body .page-nav ul li .li-wrapper div{position:relative;cursor:pointer;width:156px;height:44px;border:2px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;margin:0 auto;margin-top:70px}
.achieve.news-body .page-nav ul li .li-wrapper div p{line-height:40px}
.achieve.news-body .page-nav ul li .li-wrapper{position:absolute;width:200px;left:50%;margin-left:-100px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.achieve.news-body .page-nav ul{width: -webkit-calc(86vw / 2 - 4px);width: -moz-calc(86vw / 2 - 4px);width: calc(86vw / 2 - 4px);right: -webkit-calc(50% + 1px);right: -moz-calc(50% + 1px);right: calc(50% + 1px);}
.form-box{position:fixed;background-color:rgba(0,0,0,.9);width:100%;height:100vh;left:0;top:0;z-index:30;display:none}
.form-wrapper{position:absolute;width:800px;height:auto;left:50%;margin-left:-400px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;padding:50px 80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.form-wrapper input{outline:0;border:1px solid rgba(55,55,55,.65);height:40px;width:300px;padding-left:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.form-wrapper input:focus{border-color:#2d2f34}
.form-wrapper ul:first-of-type li{display:inline-block;margin-right:40px;margin-bottom:20px}
.form-wrapper ul:first-of-type li:nth-of-type(2n){margin-right:0}
.form-wrapper ul{font-size:0;-webkit-text-size-adjust:none}
.form-wrapper ul li{font-size:16px}
.form-wrapper textarea{width:100%;height:150px;border:1px solid rgba(55,55,55,.65);padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;resize:none;outline:0}
.form-wrapper ul:last-of-type li{display:inline-block;vertical-align:middle;width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);height:42px;line-height:40px;text-align:center;font-size:14px;border:1px solid #2d2f34;border-right:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.form-wrapper ul:last-of-type li:last-of-type{border-right:1px solid #2d2f34}
.form-wrapper ul:last-of-type li.active{color:#fff;background-color:#2d2f34}
.subimt{text-align:center;line-height:40px;background-color:#2d2f34;color:#fff;cursor:pointer;margin-top:20px}
.form-box .close-,.video-box .close-{position:absolute;right:33px;top:47px;line-height:30px;width:30px;text-align:center;font-size:30px;cursor:pointer}
.video-box .close-{color:#fff}
.upload{text-align:center;line-height:40px;border:1px dashed rgba(54,54,54,.8);margin-top:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}
.div-left{width:200px;height:300px;display:inline-block;vertical-align:middle;background-image:url(../img/star.jpg);-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-position:center center;background-repeat:no-repeat}
.div-right{width:-webkit-calc(100% - 250px);width:-moz-calc(100% - 250px);width:calc(100% - 250px);margin-left:40px;vertical-align:middle;display:inline-block}
.div-right p:first-of-type>span:first-of-type{font-size:34px}
.div-right p:first-of-type>span{display:inline-block;vertical-align:middle;line-height:1}
.div-right p:first-of-type>span span{display:block}
.div-right p:first-of-type>span span:first-of-type{font-size:16px;font-weight:700;line-height:1;margin-bottom:4px}
.div-right p:first-of-type>span span+span{font-size:14px}
.div-right p:first-of-type{font-size:16px}
.div-right p:first-of-type>span:last-of-type{margin-left:20px}
.div-right p:nth-of-type(2){margin-top:30px;color:#b28008;font-size:18px}
.achiveve-detail{margin-top:40px;line-height:1.8}
.about .teacher-abs{bottom:0}
.RIMGBlock img{display:inline-block}
.achievement .nav-bg{background-image:url(../img/j_banner.jpg)}
.nav-bg:before{opacity:0}
.teacher-abs .title-en{font-family:bigcaslon;font-size:36px;letter-spacing:2px;line-height:40px}
.form-wrapper h3{text-align:center;line-height:30px;font-size:22px;margin-bottom:50px}
.menu-right.white span{background-color:#328ba1}
.menu-right.white span.active{background-color:#000}
.about .page-nav ul{width:-webkit-calc(86vw / 2 - 4px);width:-moz-calc(86vw / 2 - 4px);width:calc(86vw / 2 - 4px);right:-webkit-calc(50% + 1px);right:-moz-calc(50% + 1px);right:calc(50% + 1px);}
.about .page-nav ul li{width:100%;height:100%;background-image:url(../img/about_banner.jpg);background-position:center top;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat}
.about .nav-bg{background-image:url(../img/about_banner.jpg)}
.nav-bg:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:#000;left:0;top:0;opacity:.8}
.introduction{position:relative;padding-top:150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:5;padding-left:12.8%;padding-bottom:100px}
.introduction-box{width:45%}
.xzxx{display:none}
.title-common.en{font-family:bigcaslon;font-size:36px;letter-spacing:2px;line-height:1}
.title-common.cn{font-size:44px;line-height:1;margin-top:5px;letter-spacing:2px}
.introduction-box>ul{line-height:1.8;font-size:16px;margin-top:40px;letter-spacing:1px}
.introduction-box>ul li{opacity:0}
.introduction-box>ul li.active{display:block}
.introduction-box>ul li+li{margin-top:200px}
.introduction-box>ul li+li strong{font-size:44px;font-weight:400}
.introduction .img-list{position:absolute;right:0;top:100px;height:auto;width:45%}
.introduction .img-list ul{position:relative}
.introduction .img-list ul img{width:100%}
.introduction .img-list.active{position:fixed;top:100px;right:0;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.introduction .img-list.active.ff{position:absolute}
.introduction .img-list ul li{position:absolute;left:0;top:0;opacity:0;visibility:hidden;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.introduction .img-list ul li img{width:100%}
.introduction .img-list ul li.active{opacity:1;visibility:visible}
.advantages-box{position:absolute;padding-top:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:6;padding-left:12.8%;right:0;width:100%;z-index:6}
.advantages-left{position:relative;width:65%}
.advantages-left img{width:100%}
.advantages-box>ul{margin-top:70px;font-size:18px;letter-spacing:1px;line-height:1;cursor:pointer}
.advantages-box>ul li{position:relative;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:100%;opacity:.7}
.advantages-box>ul li.active{padding-left:30px;opacity:1}
.advantages-box>ul li:before{content:'';display:block;position:absolute;width:14px;height:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid;opacity:0;top:2px;left:4px;visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.advantages-box>ul li.active:before{opacity:1;visibility:visible}
.advantages-box>ul li+li{margin-top:30px}
.advantages-right{position:absolute;top:230px;width:68%;right:0}
.advantages-right img{width:100%}
.advantages{padding-bottom:130px;margin-top:100px}
.advantages .circle{width:500px;height:500px;position:absolute;left:50%;top:50%;margin-left:-250px;margin-top:-250px;z-index:6}
.advantages .circle .text-disc{position:absolute;width:86%;text-align:center;left:7%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;opacity:0;z-index:11;visibility:hidden}
.advantages .circle .text-disc.active{opacity:1;visibility:visible}
.advantages .circle .text-disc p:first-of-type{font-size:16px!important;color:#fff;letter-spacing:1px}
.advantages .circle .text-disc p a{color:#fff}
.advantages .circle .text-disc p:last-of-type{font-size:14px;line-height:1.6;opacity:.8;margin-top:15px}
.circle .circle-dot{position:absolute;width:100%;height:100%;z-index:10;color:#fff}
.circle .circle-dot:before{border:3px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;height:100%;display:block;content:'';left:0;top:0}
.circle .circle-dot div{width:20px;height:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;position:absolute;cursor:pointer}
.votedDetail{text-align:center;line-height:30px}
#nums{background:#d9470e!important;color:#fff!important;padding:0 25px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
#dz,#nums{margin:20px 50px;display:inline-block}
.news-detail .news-d .a_dz{width:120px;height:40px;display:inline-block;line-height:40px!important;background-color:#d9470e!important;color:#fff!important}
#dz{padding:10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.circle .circle-dot div:before{content:'';display:block;position:absolute;width:20px;height:20px;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:50%;top:50%;margin-left:-10px;margin-top:-10px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.circle .circle-dot div p{font-size:18px;position:absolute;right:40px;top:15px;white-space:nowrap;opacity:0;visibility:hidden}
.circle .circle-dot div.arr-right p{left:40px;right:auto}
.circle .circle-dot div.t_ p{top:-20px}
.circle .circle-dot div.active p{opacity:1;visibility:visible}
.circle .circle-dot div.active:before,.circle .circle-dot div:hover:before{-webkit-box-shadow:0 0 0 8px #fff;-moz-box-shadow:0 0 0 8px #fff;box-shadow:0 0 0 8px #fff;background-color:#19c2d6}
.purpose{position:relative;z-index:6;width:100%;padding-bottom:20px;text-align: center;}
.purpose .purpose-left{display:inline-block;margin-left: 3%;vertical-align:middle}
.purpose .purpose-right{display:inline-block;vertical-align:middle;padding:0px 50px 0px 50px;max-width:1100px;margin: 0px auto;text-align: left;}
.purpose-right .disc-{line-height:1.8;font-size:16px;margin-top:50px}
.course .teacher-abs{bottom:0;display:none;     width: 80%;    margin: 0px auto;}
.course .nav-bg{background-image:url(../img/course.jpg)}
.page-nav ul li.active,.page-nav ul li:hover{background-color:rgba(0,0,0,.8)!important}
.course .page-nav ul {top: 0vh;}
.course .page-nav ul li p span{display:block}
.course .page-nav ul li.active p span{color:#fff}
.course .page-nav ul li p span:nth-of-type(2){font-size:24px;letter-spacing:2px}
.course .page-nav ul li p span:nth-of-type(3){font-size:16px;text-transform:uppercase;font-family:melbournebold}
.course .page-nav ul li{border: 1px solid #999;margin-right: 5px;margin-top: 5px;}
.course .page-nav ul li p span.iconfont{font-size:50px;line-height:50px}
.course .page-nav ul li:nth-of-type(4) p span.iconfont{font-size:42px}
.course .page-nav ul li:nth-of-type(5) p span.iconfont{font-size:42px}
.course .page-nav ul li.active,.course .page-nav ul li:hover{border-color:#328ba1}
.course .page-nav ul li p{margin-top:-55px}
.Summary-right{position:relative}
.Summary-right img{margin-left:auto;margin-right:0}
.Summary{padding-top:0px}
.Summary-box{position:absolute;left:0;z-index:6;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center}
.Summary-info{position:absolute;top:50%;width:740px;left:50%;margin-left:-370px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:16px;line-height:1.7}
.Summary-info .disc{margin-top:40px}
.course .star{padding-top:90px}
.classroom-left{position:absolute;left:0;top:0;display:none;}
.classroom-box{position:relative;z-index:6;padding-top:100px;width:96%;max-width:1200px;font-size:16px;margin:0 auto}
.classroom{position:relative}
.classroom-banner .swiper-container{}
.classroom-banner .swiper-container .swiper-slide{padding:0 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.classroom-banner .swiper-container .swiper-slide img{width:100%;position:relative}
.classroom-banner{position:relative}
.activities-video .arr,.beauty-list- .arr,.classroom-banner .arr{bottom:50%;margin-bottom:-16px;left:-100px}
.activities-video .arr.right,.beauty-list- .arr.right,.classroom-banner .arr.right{right:-100px}
.classroom-box .disc{margin:50px 0;line-height:1.7}
.classroom-box .p1{margin-top:35px}
.classroom-box .classroom-banner{margin-top:20px}
.activities-video{position:relative;margin-top:40px;width:75%}
.activities-video>img{width:100%}
.activities-box{padding-top:60px;padding-left:12.8%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;z-index:6}
.activities{padding-top:110px;padding-bottom:20px}
.activities-right img{margin-left:auto;margin-right:0;position:relative}
.activities-video .swiper-container{position:absolute;left:0;top:0;width:100%;height:100%}
.play{font-size:30px;line-height:30px;width:30px;text-align:center;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-35px;color:#f00;z-index:6;cursor:pointer;font-size:40px!important}
.activities-video .swiper-container .swiper-slide{position:relative}
.footer-wrapper{height:50px}
.footer-bg{width:50%;position:absolute;right:0;bottom:0;overflow:hidden}
.video-box{position:fixed;width:100%;height:100vh;left:0;top:0;background-color:rgba(0,0,0,.9);z-index:500;display:none;opacity:0;visibility:hidden}
.video-box .lb{position:absolute;width:800px;background:url(/lo.gif) center center no-repeat #fff;height:auto;left:50%;margin-left:-400px;top:50%;padding:20px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:500px;-o-object-position:center center;object-position:center center;-o-object-fit:contain;object-fit:contain}
#mod_player>div{height:100%!important;width:100%!important}
.video-box .lb embed{width:100%!important;height:100%!important}
.video-box .lb video{width:100%;height:100%}
.contact .teacher-abs{bottom:0}
.erw-box{position:absolute;bottom:60px}
.erw-box ul li{display:inline-block}
.erw-box ul li p{font-size:14px;text-align:center;margin-top:5px}
.erw-box ul li+li{margin-left:50px}
.teacher-body .page-nav ul li p span:first-of-type{font-size:50px}
.teacher-body .page-nav ul li p span:nth-of-type(2){font-size:24px;letter-spacing:2px;margin-top:5px}
.teacher-body .page-nav ul li p span:nth-of-type(30){font-size:13px;text-transform:uppercase;line-height:14px;margin-top:5px;font-family:melbournebold}
.teacher-body .page-nav ul li p span{display:block;line-height:1}
.teacher-body .page-nav ul li p{margin-top:-47px}
.teacher-body .page-nav .teacher-abs{bottom:0}
.newss.teacher-body .nav-bg{background-image:url(../img/teacher-bg-1.jpg)}
.newss.news-body .teacher-abs{width:93%;left:0;right:auto;top:0;bottom:auto;background-color:transparent;color:#fff;height:100%;padding-top:0;padding-bottom:0;z-index:5}
.tips{position:absolute;width:200px;height:40px;line-height:40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;color:#000;text-align:center;top:50px;left:50%;margin-left:-100px;opacity:0;visibility:hidden;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}
.newss.news-body.beauty .teacher-abs:before{background-color:#9c0436}
.newss.news-body .teacher-abs:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:#008d55;opacity:.89;left:0;top:0}
.newss.news-body .page-nav{height:auto}
.news-body .page-nav>img{position:relative;width:-webkit-calc(93vw - 6px);width:-moz-calc(93vw - 6px);width:calc(93vw - 6px)}
.news-body .page-nav .vm{position:absolute;top:50%;-webkit-transform:translateY(-60%);-moz-transform:translateY(-60%);-ms-transform:translateY(-60%);-o-transform:translateY(-60%);transform:translateY(-60%);width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:calc(100% - 200px);z-index:5}
.news-right{position:absolute;right:0;top:0;width:-webkit-calc(50vw - 3px);width:-moz-calc(50vw - 3px);width:calc(50vw - 3px);overflow:hidden}
.news-right img{width:100%}
.news-body .teacher-abs .abs p{font-size:16px}
.news-body-list .title-common.cn{margin-bottom:36px}
.news-body-list ul li .news-abs .news-date{display:inline-block;vertical-align:top;font-family:bigcaslon;line-height:1;font-size:20px;font-weight:700}
.news-body-list ul li .news-abs .news-date p:last-of-type{font-size:70px;margin-top:0;font-weight:400}
.news-body-list ul li .news-abs .new-con{display:inline-block;vertical-align:top;width:calc(100% - 140px);margin-left:50px}
.news-body-list ul li .news-abs .new-con .news-more{position:relative;margin-left:0;left:0}
.beauty-list-{width:853px;height:486px;position:relative;margin:0 auto}
.beauty-list- .swiper-container{width:100%;height:100%}
.news-body .teacher-abs .abs{font-size:16px}
.news-body .teacher-abs .abs a{color:#3e3e3e}
.beauty .news-body-list{max-width:86vw}
.news-body-list .beauty-item{position:relative;margin:0 auto}
.news-body-list ol{width:100%;font-size:0;-webkit-text-size-adjust:none;margin-top:74px;padding:0 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.news-body-list ol li{display:inline-block;vertical-align:top;width:-webkit-calc(86vw/6 - 4px);width:-moz-calc(86vw/6 - 4px);width:calc(86vw/6 - 4px);height:-webkit-calc(86vw/6 - 4px);height:-moz-calc(86vw/6 - 4px);height:calc(86vw/6 - 4px);position:relative;background-image:url(../img/beauty.jpg);background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin-left:1px;margin-top:2px;cursor:pointer}
/*.news-body-list ol li:nth-of-type(6n){margin-left:0}*/
.news-body-list ol li:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.7);left:0;top:0}
/*.news-body-list ol li:nth-of-type(6){margin-left:-webkit-calc(86vw/6);margin-left:-moz-calc(86vw/6);margin-left:calc(86vw/6)}*/
.news-body-list ol li.active:before{opacity:0}
.news-body-list .beauty-item ul{position:relative;display:block;margin-bottom:50px}
.beauty-item ul li{position:absolute;top:0;opacity:0;visibility:hidden}
.beauty-item ul li.active{opacity:1;visibility:visible}
.beauty-item ul li:first-of-type{position:relative}
.beauty-item ul li+li{margin-top:0}
.menu-logo img{width:85px}
.menu .menu-content ul li a span{font-size:12px;margin-right:20px}
.xw{position:absolute;width:35px;left:64px;bottom:124px;z-index:10}
.xw .p,.xw p{display:block;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#696969;line-height:35px;text-align:center;font-size:19px;color:#272727}
.xw .p:nth-last-of-type(2),.xw p:nth-last-of-type(2){font-size:35px;padding-top:2px;margin-top:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.xw .p:last-of-type,.xw p:last-of-type{font-size:24px;padding-top:2px;margin-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu .info{position:absolute;left:55%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.menu .info ul{text-align:left;width:95%;}
.menu .info ul li{margin-top:25px;line-height:1;font-size:16px;display:inline-block}
.menu .info ul li p span:last-of-type{font-size:12px;margin-left:5px;margin-right:5px}
.menu .info ul li p{opacity:.3}
.menu .info ul h3{font-size:22px}
.menu .info ul+ul{margin-top:50px}
.menu .info ul li:nth-of-type(2){margin-left:150px}
.menu .info ul li:nth-of-type(2) .iconfont{position:relative;top:5px;font-size:20px}
/*.achievement.news-body .page-nav{height:600px}*/
.art.news-body .page-nav ul{right:-webkit-calc(50% - 1px);right:-moz-calc(50% - 1px);right:calc(50% - 1px);width:-webkit-calc((86vw - 6px)/ 3 + 2px);width:-moz-calc((86vw - 6px)/ 3 + 2px);width:calc((86vw - 6px)/ 3 + 2px);height:auto}
.art .drag_list{top:-webkit-calc((86vw - 6px)/ 6);top:-moz-calc((86vw - 6px)/ 6);top:calc((86vw - 6px)/ 6);left:0}
.art.news-body .page-nav ul li{width:50%;background-color:#fff;height:-webkit-calc((86vw - 6px)/ 6);height:-moz-calc((86vw - 6px)/ 6);height:calc((86vw - 6px)/ 6)}
.art.news-body .page-nav ul li:hover{color:#fff;background-color:#328ba1}
.art.news-body .page-nav ul li p{position:relative;width:100%;margin-top:0;top:auto;color:#696969;text-transform:uppercase}
.art.news-body .page-nav ul li+li{border-left:1px solid rgba(0,0,0,.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.art.news-body .page-nav ul li:hover p{color:#fff}
.art.news-body .page-nav ul li p.iconfont{font-size:48px;line-height:50px}
.art.news-body .page-nav ul li p.iconfont+p{font-size:18px;font-weight:700;margin-top:10px}
.art.news-body .page-nav ul li .text{position:absolute;width:100%;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.xy{line-height:40px;text-align:center}
.xy *{display:inline-block;vertical-align:middle;font-size:14px}
.xy input{line-height:16px;height:16px;border:none;width:20px;cursor:pointer}
.xy p{opacity:.6;margin-left:15px}
.xy p span:hover{color:red}
.xy p span{cursor:pointer}
.artdetail .teacher-abs{width:-webkit-calc(100% - (86vw / 3 + 7vw));width:-moz-calc(100% - (86vw / 3 + 7vw));width:calc(100% - (86vw / 3 + 7vw));position:relative;height:auto;margin-top:130px;margin-left:auto;margin-right:0;min-height:-webkit-calc(100vh - 130px);min-height:-moz-calc(100vh - 130px);min-height:calc(100vh - 130px)}
.artdetail.news-body .page-nav .vm{position:relative;width:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;top:auto}
.artdetail .page-nav{height:auto;min-height:-webkit-calc(100vh - 130px);min-height:-moz-calc(100vh - 130px);min-height:calc(100vh - 130px)}
.time-art{position:absolute;width:-webkit-calc(86vw / 6);width:-moz-calc(86vw / 6);width:calc(86vw / 6);left:-webkit-calc(86vw / 6 + 7vw);left:-moz-calc(86vw / 6 + 7vw);left:calc(86vw / 6 + 7vw);top:50vh;color:#fff;text-align:center;font-family:bigcaslon}
.time-art p:first-of-type{font-size:30px;line-height:1;opacity:.5}
.time-art p:last-of-type{font-size:110px;line-height:1;margin-top:-20px}
.art-title{margin-top:100px}
.art-title p:first-of-type{font-size:16px;line-height:28px;padding:0 25px;color:#fff;background-color:#328ba1;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;display:inline-block;letter-spacing:1px}
.art-title p:last-of-type{font-size:34px;line-height:1.4;font-weight:700}
.datail-t{margin-top:55px}
.datail-t>p{color:#328ba1;font-size:20px;padding-left:18px;position:relative;font-weight:700}
.datail-t>p:before{content:'';display:block;position:absolute;width:9px;height:9px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background-color:#328ba1;left:0;top:12px}
.datail-t .desc-box{margin-top:10px;line-height:30px;color:#4c4c4c}
.teacher-body .drag_list{top:-webkit-calc(86vw / 6);top:-moz-calc(86vw / 6);top:calc(86vw / 6)}
.select-box{position:absolute;width:-webkit-calc(86% / 6 - 2px);width:-moz-calc(86% / 6 - 2px);width:calc(86% / 6 - 2px);right:-webkit-calc(50% + 1px);right:-moz-calc(50% + 1px);right:calc(50% + 1px);background-color:#464646;bottom:0;color:#fff;padding:60px 16px 50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.select-box h1{font-size:28px;text-align:center;margin-bottom:35px;line-height:1}
.s1{z-index:60!important}
.s2{z-index:30!important}
.select-box .select-item{position:relative;line-height:40px;height:42px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(255,255,255,.3);padding-left:14px}
.select-box .select-item:before{content:'';display:block;position:absolute;right:14px;top:50%;border-top:8px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.select-box .select-item+.select-item{margin-top:25px}
.select-box .select-item p{opacity:.3;cursor:pointer}
.select-box .select-item.active ol{z-index:20;display:block}
.select-box .select-item ol{position:absolute;top:50px;width:100%;height:auto;left:0;background-color:#fff;text-align:center;line-height:40px;display:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);padding:10px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:16px;max-height:340px;overflow-y:scroll}
.select-box .select-item ol:before{content:'';display:block;position:absolute;border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;top:-6px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.select-box .select-item ol li{cursor:pointer;color:#3e3e3e}
.select-box .select-item ol li:hover{color:#fff;background-color:rgba(29,24,52,.3)}
.select-box .btn_{height:45px;line-height:45px;width:100%;border:1px solid rgba(255,255,255,.7);text-align:center;position:relative;margin:0 auto;margin-top:66px;font-size:16px;cursor:pointer;-webkit-transition:all .2s}
.select-box .btn_ span{display:block;width:100%;height:100%;position:relative;z-index:10}
.classroom-banner .swiper-container .swiper-slide p{margin-bottom: 20px;text-align:center;margin-top:10px}
.ppp{margin:30px;}
.ppp div{display:inline-block;font-size:16px;border:1px solid;padding:10px 35px;line-height:24px;text-align:center;cursor:pointer;-webkit-transition:all .2s}
.ppp div.active,.ppp div:hover{color:#fff;background-color:#000}
.ppp div+div{margin-left:20px;margin-bottom:20px}
.oo{margin-top:20px;text-align:center;font-size:16px}
.news-body-list ol li p{position:absolute;width:90%;font-size:16px;line-height:24px;top:50%;left:5%;color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:30;text-align:center}
.news-body-list ol li.active p{display:none}
.mobile-menu{position:fixed;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100vh;z-index:100;display:none}
.mobile-menu .m-top{height:50px;background:#028e98;border-bottom:1px solid #fff}
.mobile-menu .m-top h1{width:40px;left:3%;top:5px;position:relative}
.mobile-menu .m-top h1 img{width:100%}
.mobile-menu li{display:inline-block;width:50%;float:left;height:45px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);line-height:45px;font-size:16px;text-indent:15px}
.mobile-menu li a{display:block;color:#028e98}
.mobile-menu ol{display:none}
.mobile-menu ol li{background:#fff}
.mobile-menu .m-tag li{color:#9c0436}
.mobile-menu .m-tag li.active{background:#9c0436;color:#fff;border-color:#9c0436}
.mobile-menu ol li{font-size:14px;text-indent:0;border-color:rgba(0,0,0,.1);position:relative}
.mobile-menu ol li.auto{width:100%;min-height:45px;line-height:1.7}
.mobile-menu ol li span{margin-right:5px}
.mobile-menu ol li b,.mobile-menu ol li span,.mobile-menu ol li strong{font-weight:400;color:rgba(0,0,0,.65)}
.mobile-menu ol li p{width:94%;margin:0 auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%;left:3%}
.mobile-menu ol li:nth-of-type(1) p,.mobile-menu ol li:nth-of-type(2) p{width:100%;text-indent:6%;left:auto}
.mobile-menu ol.active{display:block}
.mobile-menu li{-moz-transform:translateY(20px) rotateX(-45deg);transform:translateY(20px) rotateX(-45deg);-webkit-transform:translateY(20px) rotateX(-45deg);-webkit-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;transition:all .2s ease 0s;opacity:0}
.mobile-menu li.active{background:#028e98;border-color:#fff}
.mobile-menu li.active a{color:#fff}
.mobile-menu.active{display:block}
.mobile-btn{width:45px;height:45px;position:fixed;top:2px;right:3%;z-index:101;display:none}
.mobile-btn>span{display:block;width:70%;height:3px;background:#028e98;margin:0 auto;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.mobile-btn .s1{top:10px;left:0;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;transition:all .6s}
.mobile-btn .s2{top:18px;left:0}
.mobile-btn .s3{top:26px;left:0;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;transition:all .6s}
.teacher-abs .title{line-height:50px}
.achievement_subtitle,.achievement_title{padding-bottom:10px;opacity:.8}
.introduction-box>ul .imgBot{display:none}
.star-right ul li .mobile_img{display:none}
			.ap{width:80%;margin: 0px auto;}
			.ap li{width:100%;}
#gallery{
    margin: 0px auto;width:100%;
}

#gallery-header-center{
	height: 100px;
	width: 100%;
	margin:0px auto;
}

#gallery-header-center-right{
	height: 35px;
	margin-top: 32px;
	line-height: 35px;
}
.gallery-header-center-right-links {
color: #333333;
    float: left;
    height: 40px;
    padding:0 20px 0 20px;
    margin: 5px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #cecece;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.gallery-header-center-right-links:hover {
	background-color: rgba(63,141,191,1);
	color: rgba(255,255,255,1);
	cursor: pointer;
}
.gallery-header-center-right-links-current {
	color: #FFFFFF;
	background-color: rgba(63,141,191,1);
}
.gallery-header-center-right-links-current:hover {
	background-color: rgba(63,141,191,0.5);
}
#gallery-content{
	width: 100%;
}
.gallery-content-center-normal {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.gallery-content-center-full {
    margin: 0px auto;width:100%;
}
#gallery-content-center img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	width: 33%;display: inline;
    margin: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 5px solid white;
}


@media only screen and (max-width:1440px){
.activity .title h3,.introduction-box>ul li+li strong,.school .school-box h2,.star-title h2,.teacher-abs .title,.title-common.cn{font-size:40px}
.activity .title img,.star-title img{width:350px}
.banner-left{width:35.7%}
.dot{margin:5vh 0}
.teacher-abs p{font-size:15px}
.introduction{padding-top:100px}
.introduction .img-list{width:40%}
.advantages .circle{-webkit-transform:scale(.8)}
.advantages-box{padding-left:10%}
.advantages-right{width:60%}
.purpose .purpose-left{width:40%}
.purpose .purpose-left img{width:100%}
.purpose .purpose-right{width:80%;margin-left:0}
.purpose{padding-bottom:0}
.activities-right img{width:40%}
.erw-box{bottom:10px}
.teacher-abs .title{margin-bottom:25px}
}
@media only screen and (max-width:1366px){
.activity .title h3,.introduction-box>ul li+li strong,.school .school-box h2,.star-title h2,.teacher-abs .title,.title-common.cn{font-size:35px}
.school .school-box ul li p:first-of-type,.section1 .text-t h3{font-size:40px}
.section1 .text-t p{font-size:21px}
.school .school-box{top:10%}
.news-box .item-left{display:none;}
.news-box .item-right{width:80%;margin-left:10%}
.news-box .item-right .news-list a .news-content p:first-of-type{font-size:22px}
}
@media only screen and (max-width:1024px){
.banner-left{display:none}
.news-body-list{width:100%;margin-bottom:0}
.news-body-list ul{width:94%;margin-left:3%}
.news-body-list ul li .news-img{width:45%;background-position:center center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.news-body-list ul li .news-abs{width:50%;margin-left:4%}
.news-body-list ul li .news-abs .title{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.news-body-list ul li .news-abs .news-date{width:60px;font-size:16px;text-align:center}
.news-body-list ul li .news-abs .new-con{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);margin-left:5px}
.conductor .view .swiper-container{width:94%;margin-left:3%;left:auto}
.conductor .preview{bottom:70px;width:90%;margin-left:5%;left:auto}
.conductor{margin-bottom:0}
.drag_list{display:none!important}
.conductor .preview .swiper-container{width:100%}
.conductor .view .swiper-container{height:500px}
.select-box{width:-webkit-calc(86% / 4 - 2px);width:-moz-calc(86% / 4 - 2px);width:calc(86% / 4 - 2px)}
.news-detail{width:94%}
.news-detail .news-d table{width:100%!important;height:auto!important}
.page-nav ul li p{line-height:27px}
.page-nav{overflow:visible;}
.activities-video .arr,.beauty-list- .arr,.classroom-banner .arr{left:-3%}
.activities-video .arr.right,.beauty-list- .arr.right,.classroom-banner .arr.right{right:-3%}
.activities-video .arr,.beauty-list- .arr,.classroom-banner .arr,.star .arr{background-color:rgba(255,255,255,.7)}
.msg_nav a{padding:0 42px}
.achieve.news-body .page-nav ul{width:-webkit-calc(86vw / 4 - 3px);width:-moz-calc(86vw / 4 - 3px);width:calc(86vw / 4 - 3px)}
.advantages .circle{-webkit-transform:scale(.65);-moz-transform:scale(.65);-ms-transform:scale(.65);-o-transform:scale(.65);transform:scale(.65)}
.menu-button{width:60px;height:60px;left:auto;right:0;margin-left:0}
.achieve .news-body-list li{width:94%;margin-left:3%}
.nav,.school,.section1{width:100%}
.news-box .item-right .news-nav li{width:130px}
.school{height:auto;padding:100px 0;background:rgba(0,0,0,.0)}
.school .school-box{left:5%;position:relative}
.star .swiper-container{height:300px;width:90%}
.star-title{margin-top:55px;margin-left:5%}
.dot{margin:2vh 0}
.star-right{width:20%;margin-top:15%}
.teacher-box{width:100%}
.teacher-big{display:none!important}
.teacher-info{width:90%;margin-left:0;left:5%}
.nav ul li{height:150px}
.banner{height:-webkit-calc(100vh - 150px);height:-moz-calc(100vh - 150px);height:calc(100vh - 150px)}
.banner .swiper-slide{-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}
.teacher-info>div{height:200px;max-height:200px;font-size:14px;line-height:1.6}
.star{min-height:55vh}
.teacher{min-height:70vh}
.news-box .item-right .news-nav{padding-left:0;padding-top:7%}
.news-box .item-right{height:520px;}
.news-box .item-right .news-list a{overflow:hidden}
.news-box .item-right .news-list a .date{display:block;float:left;width: 20%;text-align:center}
.news-box .item-right .news-list a .date p:last-of-type{font-size:50px}
.news-box .item-right .news-list a .news-content{display:block;/*width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px);*/width: 75%;float:left;margin-left:0}
.news-box .item-left{margin-top:75px}
.news-box .item-left>img{width:100%}
.news-box .item-right .news-list a+a{margin-top:15px}
.news-more{position:relative;bottom:auto;margin-top:25px;font-size:14px}
.news-box .item-right .news-list a .news-content p:first-of-type{font-size:16px}
.news-box .item-right .news-list a .news-content p:last-of-type{font-size:14px;line-height:1.6;opacity:.7}
.news{padding-top:0}
.activity{height:80vh}
.activity .title{left:5%}
.activity ul{width:90%;left:5%}
.footer{width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);padding:25px}
.nav ul li .detail a{margin-top:10px}
.nav ul li:hover .title{top:-35%}
.nav ul li .detail{font-size:12px}
.menu .menu-content ul{left:15%;font-size:20px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;top:22%}
.menu .info{left:35%;top:22%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.menu .info ul{width:95%}
.menu .info ul li p span:last-of-type{font-size:14px}
.menu .info ul li p{font-size:14px}
.xw{width:100px}
.xw p{float:left;margin-right:10px}
.xw p:last-of-type{margin-top:0}
.about .page-nav ul{display:none}
.course .page-nav ul{width:100%;margin-top:0px;}
.classroom-box{width:94%}
.activities-box{width:94%;padding-left:0;margin-left:3%}
.activities-video{width:100%}
.saav .tupian{margin-top:0}
.teacher-abs{width:80%;}
.ap { width: 95%; }
.replay_list ol li .r .d{-webkit-line-clamp:5}
}
@media only screen and (min-width:768px) and (max-width:1023px){
.menu .info ul li:nth-of-type(2){position:relative;top:-42px;margin-left:200px}
.form-box .close-,.video-box .close-{top:14%}
.teacher-abs{/*height:80vh*/}
.ppp div{margin-bottom:20px}
.news-body-list ul:nth-of-type(30) li{width:31%;margin-right:3%}
.news-detail .news-d img{width:100%!important;margin:20px 0!important}
.conductor .view .swiper-slide .desBox{top:30px}
.conductor{height:650px}
.conductor .preview{bottom:0}
.teacher-body .page-nav ul li p span:nth-of-type(2){font-size:20px}
.conductor .preview .swiper-container{height:116px}
.select-box{width:-webkit-calc(86% / 3 - 2px);width:-moz-calc(86% / 3 - 2px);width:calc(86% / 3 - 2px)}
.activities-box,.classroom-box,.video-box .lb{width:94%;margin-left:3%}
.video-box .lb{margin-left:-47%}
.saav .tupian{margin-top:0}
.activities-box{padding-left:0}
.activities-video{width:100%}
.Summary-info{width:94%;margin-left:-47%}
.page-nav ul{width:94%}
.page-nav ul li{width:20%}
.form-wrapper{width:94%;margin-left:-47%}
.form-wrapper ul li{width:46.4%}
.form-wrapper input{width:100%}
#checked{width:20px}
.news-body .page-nav ul{height:55px}
.msg_form .msg_div,.msg_form .msg_div:nth-child(4),.msg_form .msg_div:nth-child(5){width:100%}
.msg_nav a{margin-bottom:10px;padding:0 36px}
.select-box{width:-webkit-calc(86% / 4 - 2px);width:-moz-calc(86% / 4 - 2px);width:calc(86% / 4 - 2px);right:-webkit-calc(60% + 1px);right:-moz-calc(60% + 1px);right:calc(60% + 1px)}
.achieve.news-body .page-nav ul{width:-webkit-calc(86vw / 3 - 3px);width:-moz-calc(86vw / 3 - 3px);width:calc(86vw / 3 - 3px);right:-webkit-calc(60% + 1px);right:-moz-calc(60% + 1px);right:calc(60% + 1px)}
.achieve.news-body .page-nav ul{height:300px}
.menu .info ul li:nth-of-type(30){margin-top:-25px;line-height:1.7}
.star{height:90vh}
.introduction{padding-bottom:0}
.advantages-box{padding-left:5%}
.advantages-box>ul{margin-top:50px}
.advantages-right{top:280px}
.advantages .circle{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
}
@media only screen and (max-width:1337px) and (min-width:768px){
.school .school-box ul li {
    margin-left: 0px;
    margin-bottom: 50px;
	width:250px;
}
.school .school-box ul li+li {
    margin-left: 0px;
    margin-bottom: 50px;
	width:250px;
}
}
@media only screen and (max-width:767px){
.news-body-list ul li .news-abs .new-con .news-more{left:0!important}
.news-body-list ul li .news-abs .title{font-size:16px;color:#000}
.news-body-list ul li .news-abs .title span{display:none}
.news-body-list ul li .news-abs .disc{font-size:14px}
.div-right p:first-of-type>span:last-of-type{display:block;margin:20px auto 0}
.RIMGBlock img{width:100%}
.menu-button,.moblie_footer,.xzxx{display:block}
#qidian_wpa_2852156011_246{display:none!important}
.aside ul li{display:none}
.select-box{background:#328ba1}
.bg{display:none}
.school .school-box ul li:first-of-type p:first-of-type span:before{left:25px;font-size:16px;top:-5px}
.school .school-box ul li p:first-of-type span:before{left:45px;top:-3px;font-size:14px}
.school .school-box ul li:last-of-type p:first-of-type span:before{left:55px;top:-3px}
.school .school-box ul li:nth-of-type(2) p:first-of-type span:before{left:25px;font-size:16px;top:-5px}
.school .school-box ul li:nth-of-type(3) p:first-of-type span:before{left:35px;font-size:16px;top:-5px}
/*.school .school-box ul li:nth-of-type(4) p:first-of-type span:before{left:45px;font-size:16px;top:-5px}*/
.activities-video .arr,.beauty-list- .arr,.classroom-banner .arr,.star .arr{width:35px;height:20px;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
.activities-video .arr,.beauty-list- .arr,.classroom-banner .arr{left:0}
.activities-video .arr.right,.beauty-list- .arr.right,.classroom-banner .arr.right,.star .arr.right{right:0}
.menu .info{display:none}
.menu-logo img{width:50px}
.menu .close{top:15px;right:15px}
.star-title{margin-top:0}
.dot{display:none}
.xw{bottom:30px;left:15px;width:50px}
.xw p:first-of-type{margin-bottom:10px}
.menu .menu-content ul{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:auto;text-align:center}
.bg-menu div:after{background-color:#111214}
.bg-menu div+div:before{opacity:.05}
.bg ul li:before{opacity:.1}
.menu .menu-content ul li{width:100%;display:inline-block}
.menu .menu-content ul li a{font-size:24px;display:inline-block}
.menu .menu-content ul li a span{display:none}
.menu .menu-content ul li:first-of-type a span{position:relative;left:-25px}
.menu-logo{left:15px;top:15px}
.star-right ul{height:240px;overflow:hidden}
.star-right ul li:first-of-type{width:100%;height:100%}
.star-right ul li{background-position:top center;background-image:none!important;height:240px;overflow:hidden}
.star-right ul li img:nth-child(2){display:block!important}
.news-body-list ul li{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}
.star-right ul li img{display:none}
.star-right ul li .mobile_img{display:block}
.advantages-box>ul{display:none}
.teacher-body .page-nav ul li p span:first-of-type{font-size:32px}
.teacher-body .page-nav ul li p span:nth-of-type(2){font-size:14px}
.c-btns{padding-top:0;margin-top:120px}
.c-btns a{width:29%;margin:0;height:40px;line-height:40px;margin-right:2%}
.c-btns a:last-of-type{margin-right:0}
.course .page-nav ul li p,.teacher-body .page-nav ul li p{margin-top:-40px}
.teacher-body .page-nav ul li p span:nth-of-type(30){display:none}
.activity ul li p{color:#fff}
.activity ul li p span img{opacity:0}
.activity ul li p span img:last-of-type{opacity:1}
.activity ul li .a-bg{opacity:1}
.news-detail>p span:last-of-type{display:block;margin-left:0;margin-top:3px}
.news-body-list ul li .news-abs .news-date p:last-of-type{text-align:center;font-size:30px}
.introduction-box>ul .imgBot{margin-top:20px;display:block}
.introduction-box>ul .imgBot img{width:100%;display:block}
.circle .circle-dot div p{top:35px;right:-100px}
.circle .circle-dot>div:last-of-type p,.circle .circle-dot>div:nth-child(9) p{top:35px}
.circle .circle-dot>div:nth-child(9) p{right:-45px}
.circle .circle-dot>div:first-child p,.circle .circle-dot>div:nth-child(2) p{top:-35px}
.circle .circle-dot div.arr-right p{left:-10px}
.circle .circle-dot>div:nth-child(3) p,.circle .circle-dot>div:nth-child(4) p{left:-50px}
.circle .circle-dot>div:nth-child(5) p{top:30px}
.advantages .circle .text-disc{width:74%;left:13%}
.saav .tupian{display:none}
.saav .activities-video{display:none}
.saav .activities-video.active{display:block}
.star .swiper-container .swiper-slide .n-con{max-height:200px;overflow-y:scroll}
.news-detail .news-d img{width:100%!important;margin:20px 0!important;height:auto!important}
.news-body-list ul:nth-of-type(2) li .news-video{height:auto}
.dot img{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}
.teacher-box{background-image:url(../img/teacher1.jpg);background-repeat:no-repeat;background-position:center center;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.teacher-box img{opacity:0}
.play{margin-top:-15px}
.video-box .lb{width:94%;margin-left:-47%;height:300px}
.form-box .close-,.video-box .close-{top:20%;right:3%}
.ppp div{width:100%;padding:10px 0;text-align:center;margin-left:0!important;margin-bottom:20px}
.news-body-list ul:nth-of-type(30) li{width:100%;margin:0;margin-bottom:20px}
.news-body-list ul:nth-of-type(30) li .news-video{height: 300px;}
.news-body-list ul:nth-of-type(30) li:nth-child(odd){margin-right:4%}
.news-right{display:none}
.news-body .page-nav ul.a-c li{width:25%}
.teacher-abs .abs{height:auto;overflow-y:scroll}
.conductor .preview{display:none}
.conductor .view .swiper-slide .desBox{top:30px}
.news-body .page-nav>img,.newss.news-body .teacher-abs{width:100%}
.mask{position:absolute!important;top:0;width:auto!important;height:100%}
.conductor .preview .swiper-container{height:110px}
.news-detail{margin-top:100px;padding-bottom:100px}
.news-detail h2{font-size:24px}
.conductor .view .swiper-slide .desBox .det{max-height:none;overflow:visible}
.page-nav ul{width:100%;position: relative;bottom:0}
.course .page-nav ul {border-top:0px solid #eee;overflow:auto;height:unset;}
.conductor{margin-top:0}
.news-body .teacher-abs .abs{padding-bottom:100px}
.news-body .page-nav ul{right:0;position:absolute;bottom:0;width:100%;height:60px;line-height:60px}
.beauty-list-{width:100%;height:260px}
.news-body-list ol li,.news-body-list ol li:nth-of-type(6){width:31.3%;margin-left:0;margin:0 1% 10px 1%}
.beauty-list- .swiper-slide{background-position:center center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.news-body .page-nav ul li{width:33.3%}
.Summary-info{width:94%;margin-left:-47%;top:0;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);padding-top:50px}
.activity .title h3,.introduction-box>ul li+li strong,.school .school-box h2,.star-title h2,.teacher-abs .title,.title-common.cn,.title-common.en{font-size:30px}
.title-common.en{font-size:18px}
.Summary-right{display:none}
.Summary-box{width:100%;position:relative;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center center}
.Summary-box img{display:none}
.course .page-nav ul li p span:nth-of-type(2){font-size:16px}
.page-nav ul li{width:50%;height:100%}
.page-nav ul{height:unset;overflow: auto;}
.course .page-nav ul li{left: 0vw;border:1px solid #999;;margin-right: 0px;margin-top: 0px;}
.course .page-nav ul li p span:nth-of-type(3){font-size:14px;display:none}
.page-nav ul li p{line-height:20px;margin-top:0;top:35%}
.saav .swiper-wrapper{overflow:hidden}
.activities-right,.footer-wrapper{display:none}
.activities-video .swiper-container .swiper-slide{float:none}
.teacher-abs.msg{width:100%;left:0;margin-top:200px}
.nav-bg{height:200px}
.msg_form .msg_div,.msg_form .msg_div:nth-child(4),.msg_form .msg_div:nth-child(5),.msg_form .msg_div:nth-child(6),.msg_form .msg_div:nth-child(7){width:94%}
.msg_form{padding:50px 0 50px 0}
.msg_nav,.replay_list{width:94%;margin-left:3%}
.msg_nav a{width:30%;margin-right:3%;margin-bottom:10px;padding:0}
.menu-right{display:none!important}
.teacher-abs{padding:0;height:auto;position: relative;padding:10px 0 50px 0}
.menu-button{z-index:99;width:50px;height:50px}
.teacher-abs p.more{left:3%;bottom:0}
.advantages-box,.introduction{padding-left:0}
.addr-item,.addr-ul,.advantages-box,.div-left,.div-right,.introduction-box,.page-nav .more{width:94%;margin-left:3%}
.page-nav .more{margin-top:20px}
.introduction .img-list{width:94%;right:auto;left:3%;display:none}
.introduction{padding-top:0px}
.achieve.news-body .page-nav ul{width:94%;margin-left:3%;position:relative;height:200px;right:auto}
.addr-ul{margin-top:35px}
.achieve.news-body .page-nav ul li .li-wrapper div{margin-top:20px}
.news-body-list{margin-top:50px}
.div-left{margin-bottom:25px}
.footer-bg{display:none}
.nav-bg{-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:top center}
.teacher-abs{width:100%;height:auto;position:relative}
/*.course .teacher-abs{width:100%;height:auto;position:static;}*/
.Summary{padding-top:0}
.news-body .page-nav .vm{position:relative;top:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);width:100%}
.yk-body{background:#fff;margin-top:100px}
.msglist ol li{font-size:14px;line-height:25px}
.msglist ol li:after{top:8px}
.select-box{width:100%;position:relative;right:auto;padding:40px 0}
.select-box .btn_{margin-top:40px;width:80%}
.yk-body .yk-item ul li{width:94%;margin:0!important;margin-left:3%!important;margin-bottom:20px!important}
.yk-body .yk-item h3{margin-left:3%}
.select-box .select-item{width:80%;margin:0 auto;z-index:11}
.select-box .select-item.s3 ol{height:200px;overflow:auto}
.form-wrapper{left:3%;margin-left:0;width:94%;height:80%;overflow-y:scroll;padding:3%}
.form-box .close-{top:3%}
.form-wrapper input{width:100%}
.form-wrapper ul li{width:100%;margin:0 auto 20px auto!important}
#map{height:200px}
#map .BMap_mask{left:0!important;top:0!important}
.teacher-abs{width:100%;background:0 0}
.teacher-abs .erw-box{position:relative;padding-top:50px}
.ap {  width: 100%;}
.achiveve-detail{font-size:16px}
.advantages-box{padding-top:0;position:relative}
.erw-box ul li img{width:70%;margin:0 auto}
.erw-box ul{text-align:center}
.erw-box ul li{width:45%;margin:0 2%}
.footer-wrapper{height:80px}
.erw-box ul li+li{margin-left:0}
.map{height:auto}
.advantages-left{display:none}
.advantages-box>ul{margin-top:50px;padding-bottom:50px}
.advantages-right{width:100%;position:relative;top:0;background:url(../img/school-right.jpg) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:340px;margin-top:50px}
.advantages-right img{opacity:0}
.advantages .circle{-webkit-transform:scale(.55);-moz-transform:scale(.55);-ms-transform:scale(.55);-o-transform:scale(.55);transform:scale(.55)}
.advantages .circle .text-disc p:last-of-type{font-size:18px}
.purpose .purpose-left,.purpose .purpose-right{width:94%;margin-left:3%;display:block}
.purpose .purpose-left{height:240px;overflow:hidden;position:absolute;bottom:-50px;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center}
.purpose{padding:50px 0 250px 0}
.purpose .purpose-left img{width:100%;opacity:0}
.purpose-right{display:block}
.purpose:after{clear:both;content:'';display:block}
.advantages{padding-bottom:0;margin-top:0}
.introduction-box>ul li+li{margin-top:30px}
.introduction-box>ul li{background:#f2f2f2;padding:5px 10px}
.introduction-box>ul li .imgBot{margin-top:0}
.page-nav{top:55px}
.about .page-nav {
    height: 60vh;
}
.teacher-abs .title,.teacher-abs .title-en{color:#3e3e3e}
.introduction{padding-bottom:0;z-index:16}
.teacher-abs .abs,.teacher-abs .title,.teacher-abs .title-en{width:94%;margin-left:3%;font-size:30px;line-height:40px}
.news-body .teacher-abs .abs,.teacher-abs .abs{margin-top:30px}
.teacher-abs .title-en{font-size:28px;line-height:30px}
.school .school-box ul li p:first-of-type,.section1 .text-t h3{font-size:20px}
.section1 .text-t p{font-size:12px}
.section1 .text-t h3{line-height:38px}
.section1 .text-t{top:50%}
.nav ul li .title p{display:none}
.nav ul li .detail{opacity:1;visibility:visible;color:rgba(0,0,0,.7)}
.nav ul li .title{top:14%}
.nav ul li:hover .item-bg{display:none;}
.logo{width:60px}
.logo>img{width:100%}
.nav ul li:nth-of-type(2) .title,.nav ul li:nth-of-type(4) .title,.nav ul li:nth-of-type(5) .title{-webkit-transform:translateY(-44%);-moz-transform:translateY(-44%);-ms-transform:translateY(-44%);-o-transform:translateY(-44%);transform:translateY(-44%)}
.school .school-box{width:94%;margin-left:3%;left:auto}
.school .school-box>p{width:100%}
.school .school-box ul li{width:48%;margin-left:0!important;margin-bottom:3%}
.school .school-box ul li p:first-of-type{margin-bottom:4%}
.news-box .item-left{display:none}
.news-box .item-right{width:94%;margin-left:3%;height: 500px;}
.news-box .item-right .news-nav{font-size:0}
.news-box .item-right .news-nav li{width:30%;margin:0 1.5%!important}
.activity ul li{width:50%;height:30vh;border-bottom:1px solid #fff}
.activity ul li:last-of-type{border-left:1px solid #fff;border-bottom:1px solid #fff}
.activity ul li:last-of-type a{border-color:#fff;color:#fff}
.activity{height:100%;padding:50px 0;display: none;}
.activity ul{top:28%}
.activity ul li p{margin-top:-12vh}
.activity ul li:not(:last-of-type) a{margin-top:7vh;opacity:1;visibility:visible}
.activity ul li:last-of-type a{margin-top:0}
.activity ul li a{width:76%;height:40px;left:12%}
.activity .bg-{display:none}
.activity .title{position:relative;margin-bottom:30px}
.footer-box .swiper-container{display:none}
.aside{width:45px;right:0;position:fixed;bottom:60px}
.backtop{width:45px;height:45px;line-height:45px}
.footer{width:-webkit-calc(100% - 45px);width:-moz-calc(100% - 45px);width:calc(100% - 45px);padding:5px 0;position:relative;text-align:center;margin-bottom:60px}
.footer .link,.footer-box .title,.footer-info .nav-footer,.info-silde,.page-footer p span{display:none}
.page-footer{width:90%;margin:0 auto}
.footer-info{margin:0}
.star{margin-bottom:50px;padding-top:20px;height:90vh}
.star .star-left .swiper-container{position:relative;top:35vh}
.star-right ul{height:33vh}
.star .star-right{position:absolute;top:5vh;left:0}
.star .swiper-container .swiper-slide .n-con{margin-top:20px}
.introduction-box>ul li+li strong{font-size:24px}
.star-left,.star-right{width:100%;margin-left:0%}
.star .name>span:first-of-type{display:block;text-align:center;font-size:16px}
.teacher-info .title{font-size:30px}
.teacher{min-height:auto;padding-bottom:0px;min-height:60vh}
.star .swiper-container{height:300px;width:100%}
.activities{padding-top:0;padding-bottom:50px}
.classroom-box{padding-top:50px}
.activities-box{position:relative;padding-top:30px}
.s-item,.s-item:first-of-type{width:100%;margin-left:0;float:left}
.s-item:first-of-type .play{width:30px;height:30px;line-height:30px;font-size:30px;margin-left:-15px;margin-top:-15px}
.activities-video .swiper-container .swiper-slide{height:100%!important;overflow:hidden}
.saav .tupian{position:relative}
.activities-video>img{display:none}
.saav .arr{display:none}
.saav .swiper-container{overflow:visible;position:relative}
.star-title{margin-left:0}
.activity .title img,.star-title img{width:45%}
.teacher-box{position:relative;bottom:auto}
.activity .title h3{margin-top:5px}
.activity ul li .a-bg{background-position:center top;width: 100%;}
.teacher-info{width:94%;left:auto;margin-left:3%;top:5%}
.news-more,.school .school-box a,.teacher-info a{margin-top:10px;width:120px;height:40px;line-height:40px}
.news-more{}
.school .school-box a{margin-top:25px}
.teacher-info>div{margin-bottom:30px}
.nav ul li .detail a{width:100%}
.nav ul li:hover .title{top:-60%}
.teacher-info ul{margin-bottom:25px;margin-left:7px}
.teacher-info ul li:last-of-type{display:none}
.school{padding:70px 0}
.teacher-info ul li{width:18%;margin-right:2%;height:auto}
.teacher-info ul li img{width:100%}
.nav ul li .detail{display:none}
.nav ul li .detail a:hover:before{width:100%;left:0}
.nav ul li .detail a:hover{color:#028e98}
.nav ul li .title{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.nav ul{border-left:0px solid #999;padding-left:1px;}
.nav ul li{border:1px solid #999;border-left:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nav ul li:nth-child(4),.nav ul li:nth-child(5){float:right;}
.nav ul:after{clear:both;content:'';display:block}
.banner-left{display:none}
.left-1{width:33%;height:20vh;z-index:8;display:block;background:url(../img/left.jpg) no-repeat bottom center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;bottom:0;top:auto;position:absolute}
.banner-left img{display:none}
.nav ul li .title span{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.nav ul li:hover .title{color: inherit;top:50%;}
.nav ul li:hover .detail{transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);display:none}
#checked{width:20px}
.banner{height:60vh}
.nav ul li{width:25%;height:20vh;}
.nav ul li.active{background:#028e98}
.nav ul li.active .title h4,.nav ul li.active .title span{color:#fff}
.nav ul li.active:first-child:before,.nav ul li.active:nth-child(2):before,.nav ul li.active:nth-child(3):before,.nav ul li.active:nth-child(4):before,.nav ul li.active:nth-child(5):before{background-color:transparent}
}
@media only screen and (max-width:450px){
.teacher-info ul li{width:31%}
}
@media only screen and (max-width:413px){
.school .school-box ul li p:first-of-type,.section1 .text-t h3{font-size:18px}
.section1 .text-t p{font-size:14px}
.logo{width:60px;left:15px}
.logo>img{width:100%}
.nav ul li:nth-of-type(2) .title,.nav ul li:nth-of-type(4) .title,.nav ul li:nth-of-type(5) .title{-webkit-transform:translateY(-44%);-moz-transform:translateY(-44%);-ms-transform:translateY(-44%);-o-transform:translateY(-44%);transform:translateY(-44%);}
.school .school-box{width:94%;margin-left:3%;left:auto}
.section1 .text-t{top:60%}
.section1 .text-t h3{line-height:25px}
.activity .title h3,.introduction-box>ul li+li strong,.school .school-box h2,.star-title h2,.teacher-abs .title,.title-common.cn{font-size:30px}
}
@media only screen and (max-width:360px){
.school .school-box ul li p:first-of-type,.section1 .text-t h3{font-size:22px}
.teacher-abs{padding:40px 0 50px 0}
.news-body-list ul:nth-of-type(30) li{width:100%;margin-bottom:20px}
.nav-bg{height:200px}
.page-nav{top:25px}
.news-body .teacher-abs .abs,.teacher-abs .abs{margin-top:90px}
.course .page-nav ul li p span.iconfont{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}
.page-nav ul{height:auto;bottom:0}
.page-nav ul li{height:110px}
.teacher-abs .abs{height:auto}
.yk-body{margin-top:100px}
.Summary{padding-top:0}
.news-detail{margin-top:50px}
.introduction{padding-top:50px}
.c-btns{margin-top:100px}
.course .page-nav ul li{width:33.33%;border-right:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.course .page-nav ul li p span:nth-of-type(2){font-size:14px}
.section1 .text-t{display:none}
.teacher-body .page-nav ul li p span:nth-of-type(2){font-size:16px}
.mobile-menu ol li:nth-of-type(1) p,.mobile-menu ol li:nth-of-type(2) p{text-indent:3.5%}
.circle .circle-dot>div:nth-child(8) p{right:-110px}
.video-box .lb{height:220px}
.beauty-list-{width:100%;height:200px}
.news-body-list ol li,.news-body-list ol li:nth-of-type(6){width:48%;margin-left:0;margin:0 1% 10px 1%}
.ppp{margin:30px 0}
.section1 .text-t p{font-size:16px}
.section1 .text-t h3{line-height:40px}
.logo{width:50px}
.activity .title h3,.introduction-box>ul li+li strong,.school .school-box h2,.star-title h2,.teacher-abs .title,.title-common.cn{font-size:28px}
.introduction-box>ul li+li strong{font-size:22px}
.nav ul li .title h4{font-size:16px}
.nav ul li:nth-of-type(2) .title,.nav ul li:nth-of-type(4) .title,.nav ul li:nth-of-type(5) .title{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.activity ul li{height:45vh}
.activity ul li p{margin-top:-19vh}
.activity ul li:not(:last-of-type) a{margin-top:11vh}
.mobile-menu ol li:nth-of-type(1),.mobile-menu ol li:nth-of-type(2){width:100%}
.mobile-menu li{line-height:40px;height:40px}
.mobile-menu ol li.auto{min-height:40px;line-height:1.3}
.news-body .teacher-abs .abs{padding-bottom:50px}
}
@media only screen and (width:375px){
.nav ul li:nth-child(3) .title{top:54%}
.nav ul li .detail{top:38%}
}
.hnav{position:fixed;top:0;left:0;width:100%;height:80px;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);z-index:200;text-align:center;vertical-align:top;top:-100%;opacity:0;visibility:hidden;transition:all .3s}
.hnav.active{opacity:1;top:0;visibility:visible}
.hnav h1{width:59px;height:59px;float:left;margin-left:5%}
.hnav h1 img{margin-top:10px}
.hnav:after{clear:both;content:'';display:none}
.hnav nav{text-align:center;margin:0 auto;width:1000px}
.hnav nav a{display:inline-block;font-size:16px;color:#3e3e3e;margin-right:10px;line-height:80px;min-width:90px}
.hnav nav a.active{background:#eee}
.hnav .h_r{float:right;width:130px;position:absolute;top:2px;right:5%}
.hnav nav a:hover{background:#eee}
.hnav .h_r a{font-size:20px;color:#3e3e3e;display:inline-block;margin:18px 0px;width:40px;height:40px;border-radius:100%;text-align:center;line-height:40px;position:relative}
.hnav .h_r a:first-child{top:0px}
.hnav .h_r a:nth-last-of-type(2){font-size:24px;position:relative;top:2px}
.hnav .h_r a:last-of-type{font-size:20px;position:relative;top:0px}
.hnav .h_r a:hover{background:#eee}
.qcrode{width:100px;height:100px;background:#fff;position:absolute;top:-20px;left:200px;transition:all .3s;opacity:0;visibility:hidden;box-shadow:0 0 5px rgba(0,0,0,.1)}
.qcrode:after{border-top:8px solid #fff;border-left:8px solid #fff;border-right:8px solid transparent;border-bottom:8px solid transparent;display:block;content:'';position:absolute;top:50%;left:-8px;margin-top:-4px;transform:rotate(-45deg)}
.qcrode.qc{bottom:-200px;top:auto;left:-50%}
.qcrode.qc:after{top:-8px;left:50%;margin-top:0;margin-left:-4px;transform:rotate(-45deg)}
.qcrode1{width:100px;height:100px;background:#fff;position:absolute;top:-20px;left:200px;transition:all .3s;opacity:0;visibility:hidden;box-shadow:0 0 5px rgba(0,0,0,.1)}
.qcrode1:after{border-top:8px solid #fff;border-left:8px solid #fff;border-right:8px solid transparent;border-bottom:8px solid transparent;display:block;content:'';position:absolute;top:50%;left:-8px;margin-top:-4px;transform:rotate(-45deg)}
.qcrode1.qc{bottom:-200px;top:auto;left:-50%}
.qcrode1.qc:after{top:-8px;left:50%;margin-top:0;margin-left:-4px;transform:rotate(-45deg)}
.aside ul li:hover .qcrode{left:78px;opacity:1;visibility:visible}

.xw .p:nth-last-of-type(2) .qcrode{top:30px}
.xw .p:nth-last-of-type(2):hover .qcrode{left:60px;opacity:1;visibility:visible}

.xw .p:last-of-type .qcrode1{top:80px}
.xw .p:last-of-type:hover .qcrode1{left:60px;opacity:1;visibility:visible}

.hnav .h_r a:hover .qcrode{bottom:-118px;opacity:1;visibility:visible}
.qcrode1 img{display:block;width:100%;margin:0 auto}
.qcrode img{display:block;width:100%;margin:0 auto}
.aside ul li:hover a{color:#fff}
.details,.h3s,.teacher-big{display:none}
.details.active,.h3s.active,.teacher-big.active{display:block}