@charset "utf-8";
/* CSS Document */

.warp{ min-width:320px; max-width:750px; margin:0 auto; border:solid #F00 0px; overflow:hidden}
.table{ display:table; width:100%; text-align:center}
.table .table-cell{ display:table-cell; vertical-align:middle}
.section{ width:100%}
.center{ width:7.1rem; margin:0 auto}

.title,.subtitle{ text-align:center}
.title h2{ padding:0.2rem 0 0; position:relative}
.title h2 i{ position:absolute; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:0.54rem; color:#f6f6f6; line-height:0.54rem; white-space:nowrap; transform:translateX(-50%); top:0; left:50%}
.title h2 span{ display:block; font-size:0.36rem; color:#ea512c; line-height:0.42rem; position:relative; z-index:1}
.title p{ font-size:0.26rem; color:#666666; line-height:0.32rem; margin-top:0.26rem}
.subtitle{ margin-top:0.36rem}
.subtitle h3{ font-size:0.32rem; color:#333333; line-height:0.38rem; font-weight:normal}
.subtitle p{ font-size:0.26rem; color:#666666; line-height:0.36rem; margin-top:0.26rem}

.main-menu ul{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.main-menu li{ float:left; width:2.32rem; position:relative}
.main-menu li .menu-pos{ position:absolute; background:rgba(21,141,194,.75); font-size:0.26rem; color:#ffffff; line-height:0.34rem; top:0; left:0}
.main-menu li:nth-child(2) .menu-pos{ background:rgba(234,81,44,.75)}

.indicate{ font-size:0.28rem; color:#555555; line-height:0.32rem; letter-spacing:0.01rem; padding-left:0.46rem; position:relative}
.indicate:before{ content:""; position:absolute; width:0.29rem; height:0.19rem; background:url(../images/icon.png) no-repeat; background-size:0.68rem 1rem; top:0.07rem; left:0}

.section1{ text-align:center; padding:0.94rem 0 0.63rem}
.section1 .aboutus-title{ font-size:0.34rem; color:#323232; line-height:0.4rem}
.section1 .aboutus-info{ font-size:0.26rem; color:#666666; line-height:0.38rem; margin-top:0.32rem}
.section1 .aboutus-info span{ display:block; color:#ea512c}

.section2{ background:url(../images/double_bj.jpg) bottom no-repeat; background-size:100%; padding:0.63rem 0 0}
.section2 .main-menu{ margin-top:0.46rem}
.section2 .allEnglish{ padding-bottom:0.65rem; margin-top:1rem; position:relative}
.section2 .allEnglish:after{ content:""; position:absolute; width:200%; height:2px; box-shadow:rgba(60,60,60,.12) 0 0.04rem 0.06rem; bottom:0; left:-30%}
.section2 .allEnglishCont{ margin-top:0.32rem}
.section2 .allEnglishTop{ background:#F9F9F9; box-shadow:rgba(60,60,60,.12) 0 0.03rem 0.06rem; padding:0.3rem 0.4rem}
.section2 .allEnglishTop ul{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.section2 .allEnglishTop li{ float:left; width:47%; box-sizing:border-box; font-size:0.28rem; color:#666666; line-height:0.6rem; padding-left:0.4rem; position:relative}
.section2 .allEnglishTop li:before{ content:""; position:absolute; background:#EA512C; width:0.18rem; height:0.18rem; border-radius:0.18rem; top:0.21rem; left:0}
.section2 .allEnglishTop li:nth-child(1n+3):before{ background:#158DC2}
.section2 .allEnglishBottom{ margin-top:0.32rem}
.section2 .allEnglish_box{ background:#F9F9F9; height:3.72rem; position:relative}
.section2 .allEnglish_box .allEnglish_el{ position:absolute; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.05rem; color:#f3f3f3; line-height:0.9rem; letter-spacing:0.09rem; top:0.9rem; right:0}
.section2 .allEnglish_box .allEnglish_pic{ position:absolute; width:2.29rem; bottom:0.26rem; left:0}
.section2 .allEnglish_box .allEnglish_wave{ position:absolute; width:100%; bottom:0; left:0}
.section2 .allEnglish_box .allEnglish_name{ text-align:center; padding:1.32rem 0 0 1.7rem; position:relative; z-index:1}
.section2 .allEnglish_box .allEnglish_name span{ display:block; font-size:0.3rem; color:#ea512c; line-height:0.36rem}
.section2 .allEnglish_box .allEnglish_name i{ display:block; font-style:normal; font-size:0.26rem; color:#666666; line-height:0.36rem; margin-top:0.26rem}
.section2 .allEnglish_info{ font-size:0.24rem; color:#666666; line-height:0.36rem; margin-top:0.2rem}
.section2 .summer{ margin-top:1rem}
.section2 .summer .subtitle h3{}
.section2 .summer .summerCont{ margin-top:0.38rem}
.section2 .summer li{ margin-bottom:0.75rem}
.section2 .summer li .summer_name{ background:#EA512C; height:0.86rem; line-height:0.86rem; text-align:center; font-size:0.38rem; color:#ffffff; font-weight:600; letter-spacing:0.02rem; position:relative}
.section2 .summer li .summer_name:before{ content:""; position:absolute; background:#FFFFFF; width:4.34rem; height:0.04rem; margin-left:-2.17rem; bottom:0; left:50%}
.section2 .summer li:last-child .summer_name{ background:#158DC2}
.section2 .summer li .summer_pic{ width:100%; position:relative}
.section2 .summer li .summer_pic .table{ position:absolute; background:rgba(39,39,39,.65); top:0; left:0}
.section2 .summer li .summer_pic span{ display:block; font-size:0.3rem; color:#ffffff; line-height:0.38rem; margin-bottom:0.36rem}
.section2 .summer li .summer_pic dd{ text-align:left; padding:0.1rem 0; overflow:hidden}
.section2 .summer li .summer_pic dd i{ float:left; width:0.64rem; height:0.64rem; background:url(../images/icon.png) no-repeat; background-size:0.86rem 1.27rem; background-position:0 -0.24rem; font-size:0.26rem; color:#ffffff; line-height:0.64rem; text-align:center; font-style:normal; margin-left:1.19rem}
.section2 .summer li .summer_pic dd p{ float:left; font-size:0.24rem; color:#ffffff; line-height:0.32rem; margin-left:0.22rem}
.section2 .double{ padding-bottom:0.79rem; margin-top:0.25rem}
.section2 .doubleCont{ margin-top:0.69rem}
.section2 .doubleCont ul{ display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.section2 .doubleCont li{ background:#FFF; background:rgba(255,255,255,.6); width:3.4rem; height:4.26rem; box-shadow:rgba(15,15,15,.4) 0 0.08rem 0.32rem; margin-bottom:0.34rem}
.section2 .doubleCont li:nth-child(3n+1){ background:#037db2; background:rgba(3,125,178,.6)}
.section2 .doubleCont li .table{ height:4.26rem}
.section2 .doubleCont li .double_icon{ width:0.85rem; height:0.85rem; margin:0 auto; background:url(../images/double_icon.png) no-repeat; background-size:3.4rem 0.85rem}
.section2 .doubleCont li .double_name{ font-size:0.36rem; color:#3e3e3e; line-height:0.46rem; margin-top:0.28rem}
.section2 .doubleCont li .double_info{ font-size:0.26rem; color:#666666; line-height:0.38rem; margin-top:0.6rem}
.section2 .doubleCont li:nth-child(3n+1) .double_name,.section2 .doubleCont li:nth-child(3n+1) .double_info{ color:#FFF}
.section2 .doubleCont li:nth-child(1) .double_icon{ background-position:0 0}
.section2 .doubleCont li:nth-child(2) .double_icon{ background-position:-0.85rem 0}
.section2 .doubleCont li:nth-child(3) .double_icon{ background-position:-1.7rem 0}
.section2 .doubleCont li:nth-child(4) .double_icon{ background-position:-2.55rem 0}

.section3{ margin-top:1.3rem}
.section3 .title h2 i{ letter-spacing:-0.02rem}
.section3 .title p{ margin-top:0.46rem}
.section3 .main-menu{ margin-top:0.54rem}
.section3 .training{ background:url(../images/training_bj.jpg) no-repeat; background-size:100% 100%; padding:1.21rem 0 1.26rem; margin-top:1.21rem}
.section3 .training .indicate{ color:#FFF}
.section3 .training .indicate:before{ background-position:-0.31rem 0}
.section3 .training .subtitle h3{ color:#ffffff}
.section3 .training .subtitle p{ color:#FFF; opacity:.8}
.section3 .trainingCont{ padding-top:0.2rem}
.section3 .trainingCont ul{ overflow:hidden}
.section3 .trainingCont li{ float:left; width:50%; text-align:center; margin-top:0.8rem}
.section3 .trainingCont li .training_icon{ width:0.8rem; height:0.8rem; margin:0 auto; background:url(../images/training_icon.png) no-repeat; background-size:3.2rem 0.8rem}
.section3 .trainingCont li .training_name{ font-size:0.32rem; color:#ffffff; line-height:0.4rem; margin-top:0.16rem}
.section3 .trainingCont li .training_info{ height:0.96rem; font-size:0.26rem; color:#ffffff; line-height:0.32rem; margin-top:0.2rem}
.section3 .trainingCont li:nth-child(1) .training_icon{ background-position:0 0}
.section3 .trainingCont li:nth-child(2) .training_icon{ background-position:-0.8rem 0}
.section3 .trainingCont li:nth-child(3) .training_icon{ background-position:-1.6rem 0}
.section3 .trainingCont li:nth-child(4) .training_icon{ background-position:-2.4rem 0}
.section3 .oxford{ background:#F9F9F9; padding:1.21rem 0 1.08rem}
.section3 .oxford .subtitle h3{ padding-left:0.46rem} 
.section3 .oxford_icon{ margin-top:0.46rem}
.section3 .oxford_icon ul{ overflow:hidden}
.section3 .oxford_icon li{ float:left; background:#FFFFFF; width:33.33%; height:1.79rem; margin-bottom:0.25rem; position:relative}
.section3 .oxford_icon li:before{ content:""; position:absolute; background:#CDCDCD; width:1px; height:100%; top:0; left:0}
.section3 .oxford_icon li:nth-child(3n+1):before{ display:none}
.section3 .oxford_icon li i{ display:block; width:0.35rem; height:0.35rem; margin:0 auto; background:url(../images/oxford_icon.png) no-repeat; background-size:1.05rem 0.7rem}
.section3 .oxford_icon li span{ display:block; font-size:0.24rem; color:#343434; line-height:0.32rem; margin-top:0.18rem}
.section3 .oxford_icon li:nth-child(1) i{ background-position:0 0}
.section3 .oxford_icon li:nth-child(2) i{ background-position:-0.35rem 0}
.section3 .oxford_icon li:nth-child(3) i{ background-position:-0.7rem 0}
.section3 .oxford_icon li:nth-child(4) i{ background-position:0 -0.35rem}
.section3 .oxford_icon li:nth-child(5) i{ background-position:-0.35rem -0.35rem}
.section3 .oxford_icon li:nth-child(6) i{ background-position:-0.7rem -0.35rem}
.section3 .oxford_intro{}
.section3 .oxford_intro dt{ font-size:0.26rem; color:#666666; line-height:0.36rem; padding:0.8rem 0.5rem 0; margin-bottom:0.46rem; position:relative}
.section3 .oxford_intro dt span{ color:#ea512c}
.section3 .oxford_intro dt:before{ content:""; position:absolute; width:0.4rem; height:0.33rem; background:url(../images/icon.png) no-repeat; background-size:0.8rem 1.18rem; background-position:0 -0.85rem; top:0.8rem; left:0}
.section3 .oxford_intro dt:after{ content:""; position:absolute; width:0.4rem; height:0.33rem; background:url(../images/icon.png) no-repeat; background-size:0.8rem 1.18rem; background-position:-0.4rem -0.85rem; right:0.14rem; bottom:0.1rem}
.section3 .oxford_intro dd{ float:left; width:33.33%; text-align:center}
.section3 .oxford_intro dd .oxford_certPic{ width:1.7rem; margin:0 auto; box-shadow:rgba(25,25,25,.15) 0 0 0.24rem}
.section3 .oxford_intro dd .oxford_certTxt{ height:1.08rem; font-size:0.24rem; color:#666666; line-height:0.36rem; letter-spacing:-0.01rem; margin-top:0.18rem}
.section3 .study{ padding:1.21rem 0 0.68rem}
.section3 .study_cont{ margin-top:0.56rem}
.section3 .study_cont ul{ display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.section3 .study_cont li{ float:left; width:3.4rem; margin-bottom:0.42rem; position:relative}
.section3 .study_cont li .study_pic{ position:relative}
.section3 .study_cont li .study_pic:before{ content:""; position:absolute; background:rgba(51,51,51,.6); width:100%; height:100%; top:0; left:0}
.section3 .study_cont li .study_pos{ position:absolute; width:100%; height:100%; top:0; left:0}
.section3 .study_cont li .study_icon{ width:0.6rem; height:0.6rem; margin:0 auto; background:url(../images/study_icon.png) no-repeat; background-size:2.4rem 0.6rem}
.section3 .study_cont li .study_name{ font-size:0.32rem; color:#ffffff; line-height:0.4rem; margin-top:0.24rem}
.section3 .study_cont li .study_text{ height:1.08rem; font-size:0.26rem; color:#ffffff; line-height:0.36rem; margin-top:0.24rem}
.section3 .study_cont li:nth-child(1) .study_icon{ background-position:0 0}
.section3 .study_cont li:nth-child(2) .study_icon{ background-position:-0.6rem 0}
.section3 .study_cont li:nth-child(3) .study_icon{ background-position:-1.2rem 0}
.section3 .study_cont li:nth-child(4) .study_icon{ background-position:-1.8rem 0}

.section4{ background:#F9F9F9; padding:0.9rem 0 0}
.section4 .title h2 i{ color:#ebebeb}
.section4 .category{ padding:0.9rem 0}
.section4 .category li{ background:#FFFFFF; height:0.6rem; border:solid 1px #EBEBEB; border-left:none; margin-bottom:0.23rem; overflow:hidden}
.section4 .category li i{ float:left; background:#158DC2; width:1.42rem; height:0.6rem; font-size:0.26rem; color:#ffffff; line-height:0.6rem; text-align:center; font-style:normal}
.section4 .category li p{ float:left; width:5.2rem; margin-left:0.28rem; font-size:0.26rem; color:#666666; line-height:0.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.section4 .category li p span{ color:#ea512c}
.section4 .teacher{ background:#FFF; padding:1.21rem 0 0}
.section4 .teacher .teacher-title{ text-align:center}
.section4 .teacher .teacher-title li{ font-size:0.32rem; color:#525252; line-height:0.38rem; display:none}
.section4 .teacher .teacher-title li:first-child{ display:block}
.section4 .teacher .teacher-top{ width:5.6rem; margin:0.65rem auto 0}
.section4 .teacher .teacher-top li{ border-radius:0.1rem; overflow:hidden; box-sizing:border-box}
.section4 .teacher .teacher-top li.swiper-slide-thumb-active{ border:solid 1px #FE5D36}
.section4 .teacher .teacher-bottom{ text-align:center; padding:0.36rem 0 2rem; position:relative}
.section4 .teacher .teacher-bottom .tb_name{ color:#333333; line-height:0.46rem}
.section4 .teacher .teacher-bottom .tb_name span{ display:block; font-size:0.36rem}
.section4 .teacher .teacher-bottom .tb_name p{ font-size:0.26rem; color:#333333; line-height:0.36rem; margin-top:0.1rem}
.section4 .teacher .teacher-bottom .tb_once1{ font-size:0.26rem; color:#ea512c; line-height:0.36rem; padding:0.26rem 0 0.46rem}
.section4 .teacher .teacher-bottom .tb_once2{ font-size:0.26rem; color:#666666; line-height:0.36rem}
.section4 .teacher .swiper-button-next,.section4 .teacher .swiper-button-prev{ background:#F8F7F2; width:0.8rem; height:0.8rem; border-radius:0.8rem; font-size:0.56rem; color:#1d4235; line-height:0.8rem; text-align:center; outline:none; margin-top:auto; top:auto; bottom:1rem}

.section5{ background:url(../images/5_bj.jpg) no-repeat; background-size:100% 100%; padding:1.46rem 0 0.82rem; margin-bottom:1rem}
.section5 .joinus-title{ font-size:0.48rem; color:#ffffff; line-height:0.56rem; text-align:center}
.section5 .joinus-city{ text-align:center; padding:0 0.4rem; margin-top:0.8rem}
.section5 .joinus-city span{ display:block; font-size:0.36rem; color:#ffffff; line-height:0.46rem}
.section5 .joinus-city p{ font-size:0.26rem; color:#ffffff; line-height:0.4rem; margin-top:0.46rem}
.section5 .form{ background:#FFF; background:rgba(255,255,255,.8); width:6.5rem; box-sizing:border-box; padding:0.86rem 0.7rem 1.16rem; margin:1.46rem auto 0}
.section5 .form .form-title{ font-size:0.42rem; color:#1b1b1b; line-height:0.56rem; text-align:center; font-family:Arial, Helvetica, sans-serif}
.section5 .form input{ padding:0; border:0; outline:none}
.section5 .form .ipt{ height:0.86rem; border-bottom:solid 1px #BCC5C9}
.section5 .form .ipt label{ float:left; width:1.3rem; line-height:0.53rem; font-size:0.28rem; color:#333333; padding-top:0.3rem}
.section5 .form .ipt input{ float:left; background:none; width:3.7rem; line-height:0.56rem; font-size:0.28rem; color:#333333; padding-top:0.3rem}
.section5 .form .submit{}
.section5 .form .submit input{ display:block; background:#EA512C; width:100%; height:0.72rem; text-align:center; line-height:0.72rem; font-size:0.3rem; font-family:'微软雅黑'; color:#ffffff; border-radius:0.06rem; margin-top:1.09rem}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 

/*底部浮动*/
.fixed-bottom{ position:fixed; width:100%; overflow:hidden; bottom:0; left:0; z-index:999999}
.fixed-bottom a{ float:left; background:#DD2727; width:50%; line-height:1rem; text-align:center; font-size:0.28rem; color:#FFF}
.fixed-bottom a:first-child{ background:#FF9500}