@charset "utf-8";
@import url('reset.css');
@import url('swiper.min.css');
*{box-sizing: border-box; -webkit-box-sizing: border-box;}
html{}
body{font-family: '微软雅黑'; }
.container{max-width: 1920px; margin: 0 auto;}
a{background:transparent;text-decoration:none;color:#333}a:active,a:hover{outline:0}a:hover{text-decoration:none;color:#b40003}
.wrapper{width: 12rem; margin: 0 auto; text-align: left}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pz{position:relative;z-index:0}
.pa{position:absolute;z-index:999}
.bz{box-sizing:border-box}
.b{font-weight:bold}
.i{font-style:italic}
.hidden{display:none !important}
.cb{clear:both}
.vs{overflow:visible !important}
.flex{display: flex; display: -webkit-flex;}
.flexCenter{display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.flex{display: flex; display: -webkit-flex;}
.flexColumn{display: flex; display: -webkit-flex; flex-direction: column;}
.flexWrap{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.flexCenter{display: flex; display: -webkit-flex;align-items:center;justify-content:center; flex-wrap: wrap; align-content: center;}
.flexRight{display: flex; display: -webkit-flex; justify-content: flex-end;}
.flexAc{display: flex; display: -webkit-flex; align-content: center; align-items: center;}
.flexJb{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.flexJb:after{content: ''; width: 30%;}
.textLeft{text-align:left}
.ov{overflow: hidden;}
img{max-width: 100%;}
/*index*/
.c{width: 100%;}
.topBanner{width: 100%; height: 8.2rem; max-height: 100vh; padding-bottom: 2.2rem; background-repeat: no-repeat; background-position: center; background-size: cover;}
.topBanner .c{height: 8.2rem; max-height: 100vh;}
.topBanner .navs{width: 100%; height: 2.2rem; background-color: #216e5e; bottom: 0; left: 0;}
.topBanner .navs li{width: 2.6rem;}
.topBanner .navs li h2{height: .42rem; font-size: .26rem; color: #e7efed;}
.topBanner .navs li hr{display: none; width: .3rem; height: .04rem; background-color: #4e8b7e; margin: .11rem 0 .09rem 0; border: 0;}
.topBanner .navs li h3{height: .24rem; font-size: .14rem; color: #7da29a;}
.topBanner .navs li img{max-width: 100%; margin-top: 10px;}
.topBanner .logo{left: 50%; top: calc( (100% - 280px) /2 ); margin-left: -1rem; width: 1.98rem;}
.topBanner .logo img{max-width: 100%;}
.ieltsSolutions{margin-top: 1.49rem;}
.ieltsSolutions h2.cn{height: .78rem; font-size: .55rem; color: #216e5e;}
.ieltsSolutions h3.en{height: .31rem; font-size: .24rem; color: #216e5e;}
.ieltsSolutions hr{width: .6rem; height: .06rem; margin-bottom: .11rem; background-color: #216e5e; margin: .24rem 0 .1rem 0; background-color: #216e5e; border: 0; border-radius: .03rem;}
.ieltsSolutions p{line-height: .37rem; font-size: .22rem; color: #666;}
.ieltsSolutions .list{margin-top: .63rem; width: 100%;}
.ieltsSolutions .list li{width: calc( (100% - 20px)/2 ); height: 4.6rem; margin-bottom: .2rem; background-repeat: no-repeat; background-size: auto 100%;}
.ieltsSolutions .list li:nth-child(2n+2){margin-left: .2rem;}
.ieltsSolutions .list li .text{width: 49.2%; margin-left: 50.8%; height: 100%; background: url(../images/arrow.png) no-repeat left top; background-size: auto 100%;}
.ieltsSolutions .list li:nth-child(2) .text{background-image: url(../images/arrow2.png); width: 59.9%; margin-left: 40.1%;}
.ieltsSolutions .list li:nth-child(3) .text{background-image: url(../images/arrow3.png); width: 62.6%; margin-left: 37.4%;}
.ieltsSolutions .list li:nth-child(4) .text{background-image: url(../images/arrow4.png); width: 73.5%; margin-left: 26.5%;}
.ieltsSolutions .list li .text .wz{height: .56rem; font-size: .4rem; color: #fff; margin: .92rem 0 0 1.33rem;}
.ieltsSolutions .list li:nth-child(2) .text .wz{margin-left: 1.64rem;}
.ieltsSolutions .list li:nth-child(3) .text .wz{margin-left: 1.33rem;}
.ieltsSolutions .list li:nth-child(4) .text .wz{margin-left: 1.64rem;}
.ieltsSolutions .list li .text .title{height: .48rem; font-size: .3rem; color: #fff; margin: .08rem 0 0 1.19rem; color: #216e5e;}
.ieltsSolutions .list li:nth-child(2) .text .title{margin-left: 1.55rem;}
.ieltsSolutions .list li:nth-child(3) .text .title{margin-left: 1.19rem;}
.ieltsSolutions .list li:nth-child(4) .text .title{margin-left: 1.55rem;}
.ieltsSolutions .list li .text dl{margin: .18rem 0 0 .63rem;}
.ieltsSolutions .list li:nth-child(2) .text dl{margin-left: .89rem;}
.ieltsSolutions .list li:nth-child(3) .text dl{margin-left: .8rem;}
.ieltsSolutions .list li:nth-child(4) .text dl{margin-left: 1rem;}
.ieltsSolutions .list li .text dl dt{margin-bottom: .1rem; line-height: 160%; font-size: .17rem; color: #fff; letter-spacing: 1px;}
.ieltsSolutions .list li .text dl dt::before{content: ''; display: inline-block; width: .06rem; height: .06rem; background-color: #bbbec7; margin-right: .07rem; border-radius: 50%;}
.ieltsSolutions .list li .text dl dt:nth-child(1){padding-left: .43rem;}
.ieltsSolutions .list li .text dl dt:nth-child(2){padding-left: .29rem;}
.ieltsSolutions .list li .text dl dt:nth-child(3){padding-left: .14rem;}
.ieltsSolutions .list li .text img{margin: .2rem 0 0 .7rem;}
.ieltsSolutions .list li:nth-child(2) .text img{margin-left: 1rem;}
.ieltsSolutions .list li:nth-child(3) .text img{margin-left: 1.2rem;}
.ieltsSolutions .list li:nth-child(4) .text img{margin-left: 1.4rem;}
.trialShow{margin: 1.05rem 0 0 0; padding-bottom: 3.3rem; background-color: #c0d3da; background: url(../images/shadow.png) no-repeat 6rem 7.4rem #c0d3da;}
.trialShow.toefl{background-color: #f3efe1;}
.trialShow .c2{background-color: #4b607f;}
.trialShow.toefl .c2{background-color: #b6ab80;}
.trialShow .wrapper{width: 12.2rem;}
.trialShow .wrapper .l{width: 3.25rem; padding-top: 2.8rem; background: url(../images/trial.png) no-repeat right .5rem; background-size: 2.08rem auto; padding-bottom: .97rem;}
.trialShow.toefl .wrapper .l{background-image: url(../images/trial2.png);}
.trialShow .wrapper .l h2{width: 2rem; line-height: .44rem; padding: 0 .13rem; border: 1px solid #9bb4df; font-size: .32rem; color: #9bb4df;}
.trialShow.toefl .wrapper .l h2{color: #394831; border-color: #394831;}
.trialShow .wrapper .l p{line-height: 180%; margin-top: .2rem; font-size: .2rem; color: #9bb4df;}
.trialShow.toefl .wrapper .l p{color: #9bb4df;}
.trialShow.toefl .wrapper .l p{color: #394831;}
.trialShow .wrapper .r{width: 8.84rem; margin: 0 0 0 .15rem;}
.trialShow .wrapper .r .video{top: 1.7rem; left: 0; width: 8.84rem; height: 5.27rem; background: url(../images/video.png) no-repeat; background-size: 100% 100%;}
.trialShow.toefl .wrapper .r .video{background-image: url(../images/video2.png);}
.trialShow .wrapper .r video{margin: 1rem 0 0 1.12rem; width: 6.7rem; height: 3.39rem;}
.cases{background-color: #c0d3da;}
.cases.toefl{background-color: #f3efe1;}
.cases h2.cn{height: .78rem; font-size: .55rem; color: #216e5e;}
.cases h3.en{height: .31rem; font-size: .24rem; color: #216e5e;}
.cases hr{width: .6rem; height: .06rem; margin-bottom: .11rem; background-color: #216e5e; margin: .24rem 0 .1rem 0; background-color: #216e5e; border: 0; border-radius: .03rem;}
.cases p{line-height: .37rem; font-size: .22rem; color: #666;}
.cases .c2{width: 100%; margin-top: .45rem;}
.cases .c2 .list{width: 100%; height: 11.05rem;}
.cases .transition,.cases .transition *{transition: all 1.2s;}
.cases .list li.li1{width: 3.98rem; height: 6.5rem; top: 3.54rem; left: 7.93rem;}
.cases .list li.li1 a, .cases .list li.li1 .ab{width: 3.98rem; height: 6.5rem;}
.cases .list li.li1 .ab{background-color: #216e5e; top: 0; left: 0;}
.cases .list li.li1 a:hover .ab{margin-top: 0;}
.cases .list li.li1 .ab .num{margin: .25rem 0 0 .47rem; height: .46rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.cases .list li.li1 .ab img{width: 1.65rem; height: 1.65rem; margin: 0 0 0 1.19rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.cases .list li.li1 .ab .tag{display: none;}
.cases .list li.li1 .ab .line{width: 1px; height: 1.65rem; background-color: #87b4b0; border: 0; left: .5rem; top: .83rem; position: absolute; margin: 0; border: 0;}
.cases .list li.li1 .ab .title{line-height: .44rem; margin: .34rem 0 0 .42rem; font-size: .32rem; color: #ffe58a;}
.cases .list li.li1 .ab dl{margin: .1rem 0 0 .42rem;}
.cases .list li.li1 .ab dl dt{width: 1.2rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li1 .ab dl dd{width: 2.2rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li1 .ab .view{margin: .2rem 0 0 1.84rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #ffe58a;}
.cases .list li.li2{width: 7.16rem; height: 4.78rem; top: 3.54rem; left: 12.04rem;}
.cases .list li.li2 a,.cases .list li.li2 .at, .cases .list li.li2 .ab{width: 7.16rem; height: 4.78rem;}
.cases .list li.li2 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.cases .list li.li2 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .25rem; left: .5rem;}
.cases .list li.li2 .at .num{margin: .32rem 0 0 .48rem; height: .52rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.cases .list li.li2 .at img{width: 1.71rem; height: 1.71rem; margin: .07rem 0 0 2.52rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.cases .list li.li2 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.91rem; top: 2.45rem;}
.cases .list li.li2 .at .line{display: none;}
.cases .list li.li2 .at p{width: 100%; margin-top: .46rem; line-height: .44rem; font-size: .28rem; color: #3f3f3f;}
.cases .list li.li2 .at .view{margin: .1rem 0 0 2.48rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #216e5e;}
.cases .list li.li2 a:hover .at{opacity: 0;}
.cases .list li.li2 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 6.34rem;}
.cases .list li.li2 a:hover .ab{margin-top: 0;}
.cases .list li.li2 .ab .num{margin: .23rem 0 0 .32rem; height: .5rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.cases .list li.li2 .ab img{width: 1.89rem; height: 1.89rem; position: absolute; z-index: 999; left: 3.61rem; top: 1.21rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.cases .list li.li2 .ab .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.93rem; top: 2.88rem;}
.cases .list li.li2 .ab .line{width: 1px; height: .4rem; background-color: #87b4b0; border: 0; left: .35rem; top: .81rem; margin: 0;}
.cases .list li.li2 .ab .title{line-height: .44rem; margin: .59rem 0 0 .32rem; font-size: .32rem; color: #ffe58a;}
.cases .list li.li2 .ab dl{margin: .1rem 0 0 .32rem;}
.cases .list li.li2 .ab dl dt{width: 1.2rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li2 .ab dl dd{width: 2.4rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li2 .ab .view{position: absolute; z-index: 999; left: 3.65rem; top: 3.22rem;display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .18rem; color: #ffe58a;}
.cases .list li.li3{width: 5.4rem; height: 3.4rem; top: 0; left: 12.04rem;}
.cases .list li.li3 a,.cases .list li.li3 .at, .cases .list li.li3 .ab{width: 5.4rem; height: 3.4rem}
.cases .list li.li3 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.cases .list li.li3 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .27rem; left: .56rem;}
.cases .list li.li3 .at .num{position: absolute; z-index: 999; left: .47rem; top: .2rem; height: .52rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.cases .list li.li3 .at img{width: 1.45rem; height: 1.45rem; margin: .37rem 0 0 2.07rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.cases .list li.li3 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.35rem; top: 1.58rem;}
.cases .list li.li3 .at .line{display: none;}
.cases .list li.li3 .at p{width: 100%; margin-top: .31rem; line-height: .44rem; font-size: .28rem; color: #3f3f3f;}
.cases .list li.li3 .at .view{margin: .09rem 0 0 1.9rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #216e5e;}
.cases .list li.li3 a:hover .at{opacity: 0;}
.cases .list li.li3 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 6.34rem;}
.cases .list li.li3 a:hover .ab{margin-top: 0;}
.cases .list li.li3 .ab .num{position: absolute; z-index: 999; left: .41rem; top: .24rem; height: .5rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.cases .list li.li3 .ab img{display: none;}
.cases .list li.li3 .ab .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.93rem; top: 2.88rem;}
.cases .list li.li3 .ab .line{display: none;}
.cases .list li.li3 .ab .title{line-height: .44rem; margin: .77rem 0 0 .41rem; font-size: .32rem; color: #ffe58a;}
.cases .list li.li3 .ab dl{margin: .1rem 0 0 .41rem;}
.cases .list li.li3 .ab dl dt{width: 1.2rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li3 .ab dl dd{width: 2.4rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li3 .ab .view{position: absolute; z-index: 999; right: .33rem; bottom: .28rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .18rem; color: #ffe58a;}
.cases .list li.li4{width: 7.24rem; height: 3.4rem; top: 0; left: 4.66rem;}
.cases .list li.li4 a,.cases .list li.li4 .at, .cases .list li.li4 .ab{width: 7.24rem; height: 3.4rem}
.cases .list li.li4 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.cases .list li.li4 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .37rem; right: .52rem}
.cases .list li.li4 .at .num{position: absolute; z-index: 999; left: .64rem; top: .24rem; height: .5rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.cases .list li.li4 .at img{width: 1.6rem; height: 1.6rem; margin: .28rem 0 0 2.79rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.cases .list li.li4 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 3.97rem; top: 1.45rem;}
.cases .list li.li4 .at .line{display: none;}
.cases .list li.li4 .at p{width: 7.16rem; margin-top: .28rem; line-height: .39rem; font-size: .28rem; color: #3f3f3f;}
.cases .list li.li4 .at .view{margin: .11rem 0 0 2.68rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #216e5e;}
.cases .list li.li4 a:hover .at{opacity: 0;}
.cases .list li.li4 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 6.34rem;}
.cases .list li.li4 a:hover .ab{margin-top: 0;}
.cases .list li.li4 .ab .num{position: absolute; z-index: 999; left: .41rem; top: .24rem; height: .5rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.cases .list li.li4 .ab img{width: 1.82rem; height: 1.82rem; position: absolute; z-index: 999; right: .53rem; top: .56rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.cases .list li.li4 .ab .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.93rem; top: 2.88rem;}
.cases .list li.li4 .ab .line{display: none;}
.cases .list li.li4 .ab .title{line-height: .44rem; margin: .77rem 0 0 .41rem; font-size: .32rem; color: #ffe58a;}
.cases .list li.li4 .ab dl{margin: .1rem 0 0 .41rem;}
.cases .list li.li4 .ab dl dt{width: 1.2rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li4 .ab dl dd{width: 2.4rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li4 .ab .view{position: absolute; z-index: 999; right: .5rem; bottom: .48rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .18rem; color: #ffe58a;}
.cases .list li.li5{width: 4.52rem; height: 6.34rem; top: 0; left: 0;}
.cases .list li.li5 a,.cases .list li.li5 .at, .cases .list li.li5 .ab{width: 4.52rem; height: 6.34rem;}
.cases .list li.li5 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.cases .list li.li5 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .9rem; right: .64rem}
.cases .list li.li5 .at .num{margin: .56rem 0 0 3.7rem; height: .44rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.cases .list li.li5 .at img{width: 2rem; height: 2rem; margin-left: 1.1rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.cases .list li.li5 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.93rem; top: 2.88rem;}
.cases .list li.li5 .at .line{width: 1px; height: 4.21rem; background-color: #a9a9a9; border: 0; right: .56rem; top: 1.18rem; margin: 0;}
.cases .list li.li5 .at p{width: 4.02rem; margin-top: .67rem; line-height: .34rem; font-size: .28rem; color: #3f3f3f;}
.cases .list li.li5 .at .view{margin: .27rem 0 0 1.07rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #216e5e;}
.cases .list li.li5 a:hover .at{opacity: 0;}
.cases .list li.li5 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 6.34rem;}
.cases .list li.li5 a:hover .ab{margin-top: 0;}
.cases .list li.li5 .ab .num{margin: .2rem 0 0 .72rem; height: .48rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.cases .list li.li5 .ab img{width: 1.6rem; height: 1.6rem; margin: .04rem 0 0 1.42rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.cases .list li.li5 .ab .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.93rem; top: 2.88rem;}
.cases .list li.li5 .ab .line{width: 1px; height: 1.4rem; background-color: #87b4b0; border: 0; left: .72rem; top: .77rem; margin: 0;}
.cases .list li.li5 .ab .title{line-height: .42rem; margin: .19rem 0 0 .72rem; font-size: .32rem; color: #ffe58a;}
.cases .list li.li5 .ab dl{margin: .1rem 0 0 .72rem;}
.cases .list li.li5 .ab dl dt{width: 1.2rem; line-height: .26rem; font-size: .16rem; color: #fff;}
.cases .list li.li5 .ab dl dd{width: 2.4rem; line-height: .26rem; font-size: .16rem; color: #fff;}
.cases .list li.li5 .ab .view{margin: .23rem 0 0 2.05rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .18rem; color: #ffe58a;}
.cases .list li.li6{width: 3.14rem; height: 4.78rem; top: 3.54rem; left: 4.66rem;}
.cases .list li.li6 a,.cases .list li.li6 .at, .cases .list li.li6 .ab{width: 3.14rem; height: 4.78rem;}
.cases .list li.li6 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.cases .list li.li6 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .24rem; left: .25rem;}
.cases .list li.li6 .at .num{position: absolute; z-index: 999; left: .22rem; top: .33rem; height: .5rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.cases .list li.li6 .at img{width: 1.6rem; height: 1.6rem; margin: .65rem 0 0 .86rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.cases .list li.li6 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 1.2rem; top: 2.1rem;}
.cases .list li.li6 .at .line{display: none;}
.cases .list li.li6 .at p{width: 100%; margin-top: .51rem; line-height: .35rem; font-size: .28rem; color: #3f3f3f;}
.cases .list li.li6 .at .view{margin: .19rem 0 0 .72rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #216e5e;}
.cases .list li.li6 a:hover .at{opacity: 0;}
.cases .list li.li6 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 6.34rem;}
.cases .list li.li6 a:hover .ab{margin-top: 0;}
.cases .list li.li6 .ab .num{margin: .25rem 0 0 .38rem; height: .46rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.cases .list li.li6 .ab img{display: none;}
.cases .list li.li6 .ab .tag{display: none;}
.cases .list li.li6 .ab .line{width: 1px; height: .25rem; background-color: #87b4b0; border: 0; left: .41rem; top: .78rem; position: absolute; margin: 0; border: 0;}
.cases .list li.li6 .ab .title{line-height: .44rem; margin: .4rem 0 0 .37rem; font-size: .32rem; color: #ffe58a;}
.cases .list li.li6 .ab dl{margin: .1rem 0 0 .37rem;}
.cases .list li.li6 .ab dl dt{width: 1.2rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li6 .ab dl dd{width: 1.4rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.cases .list li.li6 .ab .view{margin: .2rem 0 0 1.1rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #ffe58a;}
.toeflCases{background-color: #f3efe1; padding-bottom: 1.67rem;}
.toeflCases h2.cn{height: .78rem; font-size: .55rem; color: #216e5e;}
.toeflCases h3.en{height: .31rem; font-size: .24rem; color: #216e5e;}
.toeflCases hr{width: .6rem; height: .06rem; margin-bottom: .11rem; background-color: #216e5e; margin: .24rem 0 .1rem 0; background-color: #216e5e; border: 0; border-radius: .03rem;}
.toeflCases p{line-height: .37rem; font-size: .22rem; color: #666;}
.toeflCases .c2{width: 100%; margin-top: .45rem;}
.toeflCases .c2 .list{width: 100%; height: 10rem;}
.toeflCases .transition,.toeflCases .transition *{transition: all 1.2s;}
.toeflCases .list li.li1{width: 7.24rem; height: 6rem; top: 4rem; left: 5.98rem;}
.toeflCases .list li.li1 a, .toeflCases .list li.li1 .ab{width: 7.24rem; height: 6rem;}
.toeflCases .list li.li1 .ab{background-color: #216e5e; top: 0; left: 0;}
.toeflCases .list li.li1 a:hover .ab{margin-top: 0;}
.toeflCases .list li.li1 .ab .num{position: absolute; top: .4rem; left: .54rem; height: .45rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.toeflCases .list li.li1 .ab img{width: 1.8rem; height: 1.8rem; margin: .72rem 0 0 2.72rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.toeflCases .list li.li1 .ab .tag{display: none;}
.toeflCases .list li.li1 .ab .line{width: 1px; height: 1.68rem; background-color: #87b4b0; border: 0; left: .57rem; top: .94rem; position: absolute; margin: 0; border: 0;}
.toeflCases .list li.li1 .ab .title{line-height: .46rem; margin: .21rem 0 0 .54rem; font-size: .32rem; color: #ffe58a;}
.toeflCases .list li.li1 .ab dl{margin: .1rem 0 0 .42rem;}
.toeflCases .list li.li1 .ab dl dt{width: 1.6rem; line-height: .24rem; font-size: .18rem; color: #fff;}
.toeflCases .list li.li1 .ab dl dd{width: 5rem; line-height: .24rem; font-size: .18rem; color: #fff;}
.toeflCases .list li.li1 .ab .view{position: absolute; left: 4.55rem; bottom: .72rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .18rem; color: #ffe58a;}
.toeflCases .list li.li2{width: 5.82rem; height: 8.2rem; top: 1.79rem; left: 13.38rem;}
.toeflCases .list li.li2 a,.toeflCases .list li.li2 .at, .toeflCases .list li.li2 .ab{width: 5.82rem; height: 8.2rem;}
.toeflCases .list li.li2 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.toeflCases .list li.li2 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 1.14rem; left: .64rem;}
.toeflCases .list li.li2 .at .num{margin: .87rem 0 0 .53rem; height: .52rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.toeflCases .list li.li2 .at img{width: 2.2rem; height: 2.2rem; margin: 1.02rem 0 0 2.09rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.toeflCases .list li.li2 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: .65rem; top: 4rem;}
.toeflCases .list li.li2 .at .line{width: 1px; height: 5.6rem; background-color: #87b4b0; border: 0; left: .55rem; top: 1.34rem; position: absolute; margin: 0; border: 0;}
.toeflCases .list li.li2 .at p{width: 100%; margin-top: .31rem; line-height: .36rem; font-size: .28rem; color: #3f3f3f;}
.toeflCases .list li.li2 .at .view{margin: .18rem 0 0 2.23rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #216e5e;}
.toeflCases .list li.li2 a:hover .at{opacity: 0;}
.toeflCases .list li.li2 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 8.2rem;}
.toeflCases .list li.li2 a:hover .ab{margin-top: 0;}
.toeflCases .list li.li2 .ab .num{margin: .87rem 0 0 .53rem; height: .44rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.toeflCases .list li.li2 .ab img{width: 1.94rem; height: 1.94rem; margin: .25rem 0 0 2.1rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.toeflCases .list li.li2 .ab .tag{display: none;}
.toeflCases .list li.li2 .ab .line{width: 1px; height: 2.4rem; background-color: #87b4b0; border: 0; left: .55rem; top: 1.38rem; margin: 0;}
.toeflCases .list li.li2 .ab .title{line-height: .4rem; margin: .39rem 0 0 .51rem; font-size: .32rem; color: #ffe58a;}
.toeflCases .list li.li2 .ab dl{margin: .15rem 0 0 .39rem;}
.toeflCases .list li.li2 .ab dl dt{width: 1.2rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.toeflCases .list li.li2 .ab dl dd{width: 2.4rem; line-height: .23rem; font-size: .2rem; color: #fff;}
.toeflCases .list li.li2 .ab .view{margin: .31rem 0 0 3.37rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #ffe58a;}
.toeflCases .list li.li3{width: 7.24rem; height: 3.8rem; top: 0; left: 5.98rem;}
.toeflCases .list li.li3 a,.toeflCases .list li.li3 .at, .toeflCases .list li.li3 .ab{width: 7.24rem; height: 3.8rem;}
.toeflCases .list li.li3 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.toeflCases .list li.li3 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .46rem; left: 6.58rem;}
.toeflCases .list li.li3 .at .num{position: absolute; z-index: 999; left: .54rem; top: .31rem; height: .5rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.toeflCases .list li.li3 .at img{width: 1.52rem; height: 1.52rem; margin: .51rem 0 0 2.78rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.toeflCases .list li.li3 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 3.83rem; top: 1.6rem;}
.toeflCases .list li.li3 .at .line{display: none;}
.toeflCases .list li.li3 .at p{width: 100%; margin-top: .14rem; line-height: .37rem; font-size: .28rem; color: #3f3f3f;}
.toeflCases .list li.li3 .at .view{margin: .16rem 0 0 2.63rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .18rem; color: #216e5e;}
.toeflCases .list li.li3 a:hover .at{opacity: 0;}
.toeflCases .list li.li3 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 6.34rem;}
.toeflCases .list li.li3 a:hover .ab{margin-top: 0;}
.toeflCases .list li.li3 .ab .num{position: absolute; z-index: 999; left: .54rem; top: .31rem; height: .5rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.toeflCases .list li.li3 .ab img{margin: .41rem 0 0 2.97rem; width: 1.22rem; height: 1.22rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.toeflCases .list li.li3 .ab .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.93rem; top: 2.88rem;}
.toeflCases .list li.li3 .ab .line{display: none;}
.toeflCases .list li.li3 .ab .title{line-height: .44rem; margin: .11rem 0 0; font-size: .32rem; color: #ffe58a;}
.toeflCases .list li.li3 .ab .lists{margin: .07rem 0 0 .52rem;}
.toeflCases .list li.li3 .ab dl:nth-child(2n+1){width: 3.47rem;}
.toeflCases .list li.li3 .ab dl:nth-child(2n+2){width: 3.11rem;}
.toeflCases .list li.li3 .ab dl{height: .25rem;}
.toeflCases .list li.li3 .ab dl dt{width: 1.3rem; line-height: .28rem; font-size: .18rem; color: #fff;}
.toeflCases .list li.li3 .ab dl dd{width: 2.4rem; line-height: .28rem; font-size: .18rem; color: #fff;}
.toeflCases .list li.li3 .ab .view{position: absolute; z-index: 999; right: .33rem; bottom: .28rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #ffe58a;}
.toeflCases .list li.li4{width: 5.77rem; height: 8.2rem; top: 0; left: 0;}
.toeflCases .list li.li4 a,.toeflCases .list li.li4 .at, .toeflCases .list li.li4 .ab{width: 5.77rem; height: 8.2rem}
.toeflCases .list li.li4 .at{background-size: 100% 100%; border-bottom: .11rem solid #216e5e;}
.toeflCases .list li.li4 .at::after{content: ''; display: block; width: .3rem; height: .3rem; background: url(../images/arrowUp.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .37rem; right: .52rem}
.toeflCases .list li.li4 .at .num{position: absolute; z-index: 999; right: .58rem; top: .31rem; height: .5rem; font-size: .38rem; color: #7f7d78; font-family: Impact;}
.toeflCases .list li.li4 .at img{width: 2.2rem; height: 2.2rem; margin: 1.55rem 0 0 1.72rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;}
.toeflCases .list li.li4 .at .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; right: .7rem; top: 3.29rem;}
.toeflCases .list li.li4 .at .line{width: 1px; height: 6.45rem; background-color: #a9a9a9; border: 0; right: .62rem; top: .81rem; margin: 0;}
.toeflCases .list li.li4 .at p{width: 100%; margin-top: .57rem; line-height: .36rem; font-size: .28rem; color: #3f3f3f;}
.toeflCases .list li.li4 .at .view{margin: .24rem 0 0 1.91rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #216e5e;}
.toeflCases .list li.li4 a:hover .at{opacity: 0;}
.toeflCases .list li.li4 .ab{background-color: #216e5e; top: 0; left: 0; margin-top: 8.2rem;}
.toeflCases .list li.li4 a:hover .ab{margin-top: 0;}
.toeflCases .list li.li4 .ab .num{position: absolute; z-index: 999; left: .67rem; top: .32rem; height: .48rem; font-size: .38rem; color: #daedf4; font-family: Impact;}
.toeflCases .list li.li4 .ab img{width: 2.22rem; height: 2.22rem; margin: 1.54rem 0 0 1.71rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; border: .05rem solid #6a9e93;}
.toeflCases .list li.li4 .ab .tag{width: .96rem; height: .41rem; background-color: #216e5e; border-radius: .2rem; font-size: .2rem; color: #fff; left: 2.93rem; top: 2.88rem;}
.toeflCases .list li.li4 .ab .line{width: 1px; height: 3.3rem; background-color: #a9a9a9; border: 0; right: .62rem; top: .81rem; position: absolute; top: .94rem; left: .67rem; margin: 0;}
.toeflCases .list li.li4 .ab .title{line-height: .44rem; margin: .69rem 0 0; font-size: .32rem; color: #ffe58a;}
.toeflCases .list li.li4 .ab dl{margin: .11rem 0 0 .61rem;}
.toeflCases .list li.li4 .ab dl dt{width: 1.3rem; line-height: .23rem; font-size: .18rem; color: #fff;}
.toeflCases .list li.li4 .ab dl dd{width: 2.4rem; line-height: .23rem; font-size: .18rem; color: #fff;}
.toeflCases .list li.li4 .ab .view{position: absolute; z-index: 999; right: .41rem; bottom: .86rem; display: inline-block !important; padding: 0 .1rem !important; line-height: .34rem !important; height: .34rem; border: 1px solid #ccc; border-radius: .17rem; font-size: .16rem; color: #ffe58a;}











.contact1{background-color: #f1f1f1; padding: 1.2rem 0;}
.contact1 h2.cn{height: .78rem; font-size: .55rem; color: #216e5e;}
.contact1 h3.en{height: .31rem; font-size: .24rem; color: #216e5e;}
.contact1 hr{width: .6rem; height: .06rem; margin-bottom: .11rem; background-color: #216e5e; margin: .24rem 0 .1rem 0; background-color: #216e5e; border: 0; border-radius: .03rem;}
.contact1 p{line-height: .37rem; font-size: .22rem; color: #666;}
.contact1 .list{margin-top: .5rem;}
.contact1 .list li{margin-right: .62rem;}
.contact1 .list li .pic{width: 4rem; height: 4rem; background-color: #fff; box-shadow: 0 0 10px #ccc;}
.contact1 .list li .title{margin-top: .22rem; height: .38rem; font-size: .24rem; color: #333;}
.contact1 .list li .des{width: 1.84rem; height: .32rem; margin-top: .08rem; background-color: #216e5e; border-radius: .16rem; font-size: .2rem; color: #fff;}
.service{background-color: #216e5e; padding: 1rem 0 .8rem 0;}
.service h2.cn{height: .78rem; font-size: .55rem; color: #f6f6f6;}
.service h3.en{height: .31rem; font-size: .24rem; color: #9bbeb6;}
.service hr{width: .6rem; height: .06rem; margin-bottom: .11rem; margin: .24rem 0 .1rem 0; background-color: #9bbeb6; border: 0; border-radius: .03rem;}
.service p{line-height: .37rem; font-size: .22rem; color: #e0e0e0;}
.service .c2{width: 12.1rem; height: calc( 100% - 2.69rem ); margin-top: .45rem; overflow: scroll !important; overflow-y: auto !important; overflow-x: hidden !important;}
.service .c2 ul{width: 100%;}
.service .c2 li{width: 3.8rem; height: 4.4rem; background-color: #fff; border-bottom: .06rem solid #cbc5ad; margin: 0 .2rem .22rem 0;}
.service .c2 li:nth-child(3n+3){margin-right: 0;}
.service .c2 .text{padding: .23rem .32rem; width: 100%;}
.service .c2 .text .num{height: .47rem; font-size: .36rem; color: #999; font-family: Impact;}
.service .c2 .text hr{border: 0; margin: 0; width: .34rem; height: .04rem; background-color: #216e5e;}
.service .c2 .text .title{margin-top: .27rem; line-height: .45rem; font-size: .3rem; color: #333;}
.service .c2 .text p{margin-top: .13rem; line-height: 150%; font-size: .17rem; color: #666;}
.about .c{background-repeat: no-repeat; background-size: cover; min-height: 8.21rem;}
.about .c .c2{width: 14rem; min-height: 4.8rem; background: rgba(33,110,94,.9);}
.about .c .c2 .content{padding-left: .55rem; margin-left: .56rem; line-height: 180%; font-size: .24rem; color: #dedcd3; width: 8.9rem; border-left: 1px solid #69988b;}
.team{padding: .95rem 0 1.02rem 0;}
.team .c2{ padding-top: .78rem;}
.team .c2 .t{top: 0; right: 0; align-items: flex-end;}
.team hr{width: .6rem; height: .06rem; margin-bottom: .12rem; background-color: #216e5e; margin: 0 0 .1rem 0; background-color: #216e5e; border: 0; border-radius: .03rem;}
.team h2.cn{height: .74rem; font-size: .55rem; color: #216e5e;}
.team h3.en{height: .31rem; font-size: .21rem; color: #216e5e; padding-right: .7rem;}
.team .swiper-slide .pic{width: 3.9rem;}
.team .swiper-slide .pic img{border-radius: .08rem;}
.team .swiper-slide .text{margin: 1.1rem 0 0 .54rem;}
.team .swiper-slide .text .title{line-height: .57rem; font-size: .48rem; color: #333; margin-left: .11rem;}
.team .swiper-slide .text .title span{font-size: .18rem;}
.team .swiper-slide .text .tags{margin: .17rem 0 0;}
.team .swiper-slide .text .tags span{line-height: .3rem; padding: 0 .1rem; background-color: #216e5e; border-radius: .15rem; font-size: .18rem; color: #fff; margin-right: .1rem;}
team .swiper-slide .text .tags span:nth-child(4n+4){margin-right: 0;}
.team .swiper-slide .text .js{margin-top: .32rem;}
.team .swiper-slide .text .js li{padding: 0 0 0 .33rem; margin-bottom: .1rem; line-height: .3rem; font-size: .2rem; color: #333; background: url(../images/arrowRight.png) no-repeat .14rem .08rem; background-size: .1rem .13rem;}
.team .swiper-pagination-bullet{bottom: .25rem; border-radius: 50%; background: none !important; opacity: 1;}
.team .swiper-pagination{text-align: left; left: 4.54rem !important;}
.team .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 1.2rem; height: 1.2rem; margin: 0 .09rem 0 0;}
.team .swiper-pagination-bullet-active{width: 1.4rem; height: 1.41rem; border: .02rem solid #f54336;}
.joinus{background: url(../images/job.png) no-repeat left top #f1f1f1; background-size: 2.92rem auto; padding: .9rem 0;}
.joinus h2.cn{height: .78rem; font-size: .55rem; color: #216e5e;}
.joinus h3.en{height: .31rem; font-size: .24rem; color: #216e5e;}
.joinus hr{width: .6rem; height: .06rem; margin-bottom: .11rem; background-color: #216e5e; margin: .24rem 0 .1rem 0; background-color: #216e5e; border: 0; border-radius: .03rem;}
.joinus p{line-height: .37rem; font-size: .22rem; color: #666;}
.joinus .list{margin-top: .55rem;}
.joinus .list li{width: 2.2rem; margin: 0 .23rem .23rem 0; }
.joinus .list li:nth-child(5n+5){margin-right: 0;}
.joinus .list li .pic{width: .86rem; height: .86rem; background-color: #216e5e; border-radius: 50%; left: .67rem; top: 0; z-index: 99;}
.joinus .list li:nth-child(1) .pic img{width: .53rem; height: .16rem;}
.joinus .list li:nth-child(2) .pic img{width: .64rem; height: .15rem;}
.joinus .list li:nth-child(3) .pic img{width: .4rem; height: .42rem;}
.joinus .list li:nth-child(4) .pic img{width: .41rem; height: .41rem;}
.joinus .list li:nth-child(5) .pic img{width: .4rem; height: .39rem;}
.joinus .list li .text{width: 100%; height: 2.4rem; margin-top: .5rem; background-color: #fff; box-shadow: 0 0 .1rem #666;}
.joinus .list li .title{margin-top: .8rem; line-height: .34rem; font-size: .28rem; color: #333;}

.joinus .list li .view{margin-top: .22rem; width: 1.34rem; height: .32rem; border: 1px solid #efefef; border-radius: .16rem; font-size: .18rem; color: #216e5e;}
.contact2{background-color: #f1f1f1; padding-bottom: .68rem;}
.contact2 .map{width: 50%; height: 5.4rem;}
.contact2 .map iframe{width: 100% !important; height: 5.4rem !important;}
.contact2 .r{width: 50%; height: 5.4rem; background-color: #fff; border-bottom: .08rem solid #216e5e; padding: 1.13rem 0 0 .76rem;}
.contact2 .r h2.cn{height: .78rem; font-size: .55rem; color: #216e5e;}
.contact2 .r h3.en{height: .31rem; font-size: .24rem; color: #216e5e;}
.contact2 .r hr{width: .6rem; height: .06rem; margin-bottom: .11rem; margin: .24rem 0 .1rem 0; background-color: #216e5e; border: 0; border-radius: .03rem;}
.contact2 .r .companyName{margin-top: .44rem; line-height: .48rem; font-size: .28rem; color: #333;}
.contact2 .r p{margin-top: .13rem; line-height: .36rem; font-size: .22rem; color: #555;}
.contact2 .copyright{margin-top: .6rem; line-height: 180%; font-size: .18rem; color: #666;}
@media(max-width: 1000px){
    .wrapper{width: 100% !important;}
    .topBanner{height: 10rem;}
    .topBanner .logo{width: 3rem; top: 50%; margin-top: -2rem; margin-left: -1.15rem;}
    .topBanner .c{height: 10rem; max-height: auto;}
    .topBanner .navs{height: auto; overflow: hidden;}
    .topBanner .navs li{width: 50%; height: 2rem;}
    .topBanner .navs li a{width: 100%;}
    .ieltsSolutions{margin-top: .5rem;}
    .ieltsSolutions .list li{width: 100%; display: flex; display: -webkit-flex; justify-content: flex-end; margin-left: 0 !important;}
    .ieltsSolutions .list li a{display: block; width: 100%;}
    .ieltsSolutions .list li .text{width: 75% !important; margin-left: 25% !important; background-size: 100% 100% !important; background-image: url(../images/arrow.png) !important;}
    .ieltsSolutions .list li .text img{display: none !important;}
    .trialShow{padding-bottom: 1rem;}
    .trialShow .wrapper{flex-direction: column; padding: 0 2%;}
    .trialShow .wrapper .l{width: 100%;}
    .trialShow .wrapper .r{width: 100%; overflow: hidden; margin: 0;}
    .trialShow .wrapper .r .video{position: static; top: 0; width: 100%;}
    .trialShow .wrapper .r .video video{height: auto; width: 94%; margin: 1rem 3%;}
    .cases .c2 .list{height: auto; overflow: hidden;}
    .cases .list li{position: static !important; width: 100% !important; height: auto !important;}
    .cases .list li a,.cases .list li a .at,.cases .list li a .ab{width: 100% !important; height: auto !important; display: block !important;}
    .cases .list li a{padding-bottom: .4rem !important;}
    .cases .list li .ab{margin-top: 0 !important; position: static !important; padding-bottom: .3rem;}
    .cases .list li .at{padding-bottom: .3rem;}
    .cases .list li .ab .title{width: 100%;}
    .cases .list li .ab dl{height: auto !important;}
    .cases .list li dl dt{width: 1.5rem !important; line-height: 180% !important;}
    .cases .list li dl dd{flex: 0 0 1 !important; line-height: 180% !important;}
    .cases .list li dl dt{width: 1.5rem !important;}
    .cases .list li dl dd{flex: 0 0 1 !important;}
    .cases .list li .view{width: 2.5rem !important;}
    .cases .list li .line{display: none !important;}
    .cases .list li .num,.cases .list li img, .cases .list li .view{position: static !important;}
    .cases .list li .ab dl dt,.cases .list li .ab dl dd{line-height: 180% !important;}
    .cases .list li:hover .at{opacity: 1 !important;}
    .cases .list li .ab img{display: none !important;}
    .cases .list li .ab .view{margin: .2rem 0 0 1.8rem !important;}
    .cases .list li .ab .num{display: none !important;}
    .cases .list li .ab .title{display: none !important;}
    .cases .list li .at .num{margin: .32rem 0 0 .48rem !important;}
    .cases .list li .at img,.cases .list li.li1 .ab img{margin: .07rem 0 0 2.52rem !important; width: 1.71rem !important; height: 1.71rem !important;}
    .cases .list li .at .tag{position: absolute !important; left: 2.91rem !important; top: 2.45rem !important;}
    .cases .list li .at p{width: 100% !important; margin: .5rem 0 0 !important; text-align: center !important; position: static !important;}
    .cases .list li .at .view,.cases .list li .ab .view{position: static !important; display: inline-block !important; height: .45rem !important; line-height: .45rem !important; padding: 0 .1rem 0 .2rem !important; margin: .3rem 0 0 2.5rem !important; width: auto !important;}
    .cases .list li .at::after{position: absolute !important; left: .5rem !important; bottom: .25rem !important;}
    .cases .list li.li1 .ab .num,.cases .list li.li1 .ab img,.cases .list li .ab .title{display: block !important;}

    .toeflCases .c2 .list{height: auto; overflow: hidden;}
    .toeflCases .list li{position: static !important; width: 100% !important; height: auto !important;}
    .toeflCases .list li a,.toeflCases .list li a .at,.toeflCases .list li a .ab{width: 100% !important; height: auto !important; display: block !important;}
    .toeflCases .list li a{padding-bottom: .4rem !important;}
    .toeflCases .list li .ab{margin-top: 0 !important; position: static !important; padding-bottom: .3rem;}
    .toeflCases .list li .at{padding-bottom: .3rem;}
    .toeflCases .list li .ab .title{width: 100%;}
    .toeflCases .list li .ab dl{height: auto !important;}
    .toeflCases .list li dl dt{width: 1.5rem !important; line-height: 180% !important;}
    .toeflCases .list li dl dd{flex: 0 0 1 !important; line-height: 180% !important;}
    .toeflCases .list li .view{width: 2.5rem !important;}
    .toeflCases .list li .line{display: none !important;}
    .toeflCases .list li .num,.toeflCases .list li img, .toeflCases .list li .view{position: static !important;}
    .toeflCases .list li .ab dl dt,.toeflCases .list li .ab dl dd{line-height: 180% !important;}
    .toeflCases .list li:hover .at{opacity: 1 !important;}
    .toeflCases .list li .ab img{display: none !important;}
    .toeflCases .list li .ab .view{margin: .2rem 0 0 1.8rem !important;}
    .toeflCases .list li .ab .num{display: none !important;}
    .toeflCases .list li .ab .title{display: none !important;}
    .toeflCases .list li .at .num,.toeflCases .list li.li1 .ab .num{margin: .32rem 0 0 .48rem !important;}
    .toeflCases{padding-bottom: .5rem;}
    .toeflCases .list li.li3 .ab dl:nth-child(2n+1),.toeflCases .list li.li3 .ab dl:nth-child(2n+2){width: 100%;}
    .toeflCases .list li .at img{margin: .07rem 0 0 2.52rem !important; width: 1.71rem !important; height: 1.71rem !important;}
    .toeflCases .list li .at .tag{position: absolute !important; left: 2.91rem !important; top: 2.45rem !important;}
    .toeflCases .list li .at p{width: 100% !important; margin: .5rem 0 0 !important; text-align: center !important; position: static !important;}
    .toeflCases .list li .at .view,.toeflCases .list li .ab .view{position: static !important; display: inline-block !important; height: .45rem !important; line-height: .45rem !important; padding: 0 .1rem 0 .2rem !important; margin: .3rem 0 0 2.5rem !important; width: auto !important;}
    .toeflCases .list li .at::after{position: absolute !important; left: .5rem !important; bottom: .25rem !important;}
    .toeflCases .list li.li1 .ab .num,.toeflCases .list li.li1 .ab img,.toeflCases .list li .ab .title{display: block !important;}
    .toeflCases .list li.li1 .ab dl dt{width: 2rem !important;}

    .contact1 .list li{margin-right: 0; margin-bottom: .4rem;}
    .service .c2 ul{padding: 0 2%;}
    .service .c2 li{width: 48%; margin-right: 0;}
    .service .c2 li:nth-child(2n+2){margin-left: 4%;}
    .service .c2 li:nth-child(3n+3){margin-right: 0;}
    .about .c .c2,.about .c .c2 .content{width: 100%;}
    .about .c .c2{padding-top: .3rem;}
    .about .c .c2 .content{margin-top: .3rem; padding: 4vw; border: 0; margin: 0;}
    .team{padding: .4rem 3vw;}
    .team .swiper-pagination{left: 0 !important; width: 100% !important; position: static !important; margin-top: .3rem !important;}
    .joinus .list{padding: 0 2%;}
    .joinus .list li{width: 32%; margin-right: 0;}
    .joinus .list li:nth-child(2n+2){margin-left: 2%; margin-right: 2%;}
    .service .c2 li{height: auto; min-height: 4.4rem;}
    .contact2 .c{flex-direction: column;}
    .contact2 .map{width: 100%;}
    .contact2 .r{width: 100%; margin: 0;}
}