@charset "UTF-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block
}

ol, ul {
  list-style: none
}

img {
  border: 0 none;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

textarea {
  resize: none
}

em, i, strong {
  font-style: normal;
  font-weight: 400
}

del {
  text-decoration: line-through
}

input::-ms-clear {
  display: none!important
}

button[disabled], input[disabled] {
  cursor: default
}

input {
  border: none
}

button, h1, h2, h3, h4, h5, h6, input, select {
  font-size: 100%;
  font-weight: 400;
  font-family: inherit
}

button, input, select, textarea {
  outline: 0;
  border: none;
  font-size: inherit;
  font-family: inherit
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #fff inset;
  box-shadow: 0 0 0 100px #fff inset
}

a {
  text-decoration: none;
  color: #666;
  cursor: pointer
}

body {
  font: 12px/1.5 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #333;
  background: #fff
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.mt20 {
  margin-top: 20px
}

.mt15 {
  margin-top: 15px
}

.mt10 {
  margin-top: 10px
}

.mt5 {
  margin-top: 5px
}

.mt0 {
  margin-top: 0
}

.wrapper {
  width: 1200px;
  margin: auto
}

.mt100 {
  margin-top: 100px
}

.header {
  background-color: 	#383838
}

.header .wrapper {
  padding-top: 10px
}

.header .logo {
  float: left;
  width: 120px;
  height: 48px
}

.header .nav {
  float: right
}

.header .alink {
  display: block;
  float: left;
  font-size: 19px;
  line-height: 45px;
  color: #fff;
  margin-right: 35px
}

.header .alink:last-child {
  margin-right: 0
}

.banner {
  position: relative;
  display: block;
  width: 100%;
  height: 504px;
  background: url(../images/banner.png) no-repeat center
}

.banner .wrapper {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
    position: relative;
}

.banner .yuyuebox {
  width: 367px;
  height: 391px;
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.banner .yuyuebox .tlt {
  text-align: center;
  font-size: 29px;
  line-height: 40px;
  color: #FF0000;
  font-weight: 700;
  margin-bottom: 20px
}

.banner .yuyuebox .fixed-sr-input {
  width: 322px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  color: #757575;
  margin-bottom: 20px;
  border: 1px solid #cec9de;
  border-radius: 10px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.banner .yuyuebox .small_btn {
  display: block;
  width: 322px;
  height: 67px;
  margin: auto;
  border-radius: 10px;
  background-color: #f5c308;
  font-size: 24px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 27px;
  letter-spacing: 0;
  color: #1e244a;
  font-weight: 700
}

.banner .yuyuebox .small_btn:active {
  opacity: .8
}

.title {
  font-size: 49px;
  color: #FF0000;
  font-weight: 700;
  text-align: center
}

.title .cyell {
  color: #f5c308
}

.intro .introBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.intro .content {
  margin-left: 20px;
  font-size: 19px;
  line-height: 38px;
  color: #000
}

.bk .wt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bk .ask {
  margin-top: 50px;
  display: block;
  width: 209px;
  height: auto;
  background-color: #fff9e8
}

.bk .ask:nth-child(0) .askimg {
  background-image: url(../images/p1.png)
}

.bk .ask:nth-child(1) .askimg {
  background-image: url(../images/p2.png)
}

.bk .ask:nth-child(2) .askimg {
  background-image: url(../images/p3.png)
}

.bk .ask:nth-child(3) .askimg {
  background-image: url(../images/p4.png)
}

.bk .ask:nth-child(4) .askimg {
  background-image: url(../images/p5.png)
}

.bk .ask:nth-child(5) .askimg {
  background-image: url(../images/p6.png)
}

.bk .ask .tlt {
  font-size: 17px;
  line-height: 32px;
  color: #1e244a;
  font-weight: 700;
  margin: 15px 0;
  padding: 0 10px
}

.bk .ask .des {
  font-size: 14px;
  line-height: 19px;
  color: #000;
  padding: 0 10px
}

.bk .ask .small_btn {
  width: 176px;
  height: 30px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 32px;
  color: #1e244a;
  background-color: #f5c308;
  padding: 0 10px;
  font-weight: 700;
  margin: 15px 0 15px 15px
}

.bk .ask .small_btn:active {
  opacity: .8
}

.bk .askimg {
  display: block;
  width: 209px;
  height: 170px
}
/*新航道雅思独家优势*/
.youshi {
  width: 100%;
  height: 720px;
  background: url(../img/youshi.jpg) top center no-repeat;
}

.youshi .title {
  line-height: 100px;
}

.youshi .dujia li {
  width: 100%;
  height: 48px;
  background-color: #fff;
  border-radius: 3px;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.youshi .dujia li span {
  width: 69px;
  height: 58px;
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAA6CAYAAADm+ZQ9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTUxNUMzNUY1OUFFMTFFODkyODZCQkIxRkFCODBBNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTUxNUMzNjA1OUFFMTFFODkyODZCQkIxRkFCODBBNDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNTE1QzM1RDU5QUUxMUU4OTI4NkJCQjFGQUI4MEE0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNTE1QzM1RTU5QUUxMUU4OTI4NkJCQjFGQUI4MEE0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtzHBFYAAACuSURBVHja7NshDsJAEEBRSpBVnALd9Da4JhyDk5DUtbehR6nCIegOBoasRr2fzI5/ychtntfTa6d347L2Zd33KFKXeKDkzmVaKLk2YKBUTgjKV0N3bMrqoVSCAgUKFChQoECBAgUKFChQBAUKFChQoECBAgUKFChQoAgKFChQoECBAgUKFChQoAgKFChQoPyjA4JP47LGJ1MfKyvdoOQeZSYouTlgoPycTjybAAMAhxERcmXtc2sAAAAASUVORK5CYII=) no-repeat;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 58px;
}

.youshi .dujia li p {
  float: left;
  margin-left: 90px;
  font-size: 22px;
  color: #404040;
  line-height: 48px;
}

.youshi .dujia li a {
  width: 162px;
  height: 38px;
  background-color: #FF0000;
  color: #fff;
  float: right;
  font-size: 20px;
  text-align: center;
  line-height: 38px;
  margin: 5px 15px 0 0;
  border-radius: 3px;
  cursor: pointer;
}

.youshi .dujia li.last {
  margin-bottom: 0;
}

.youshi .btn {
  margin-top: 50px;
}
.gj {
  margin: 100px auto 0;
  display: block;
  width: 1200px;
  height: 773px
}

.jcimg {
  height: 281px;
  margin-top: 83px
}

.mfzx {
  display: block;
  width: 309px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  color: #1e244a;
  font-size: 24px;
  font-weight: 700;
  border-radius: 15px;
  background-color: #f5c308;
  margin: 100px auto 0
}

.teacherBox {
  margin-top: 50px;
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.teacherBox .ter {
  display: inline-block;
  width: 254px;
  float: left;
  margin-right: 60px
}

.teacherBox .ter .techerImg {
  display: block;
  width: 254px;
  height: 318px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 100%
}

.teacherBox .ter:nth-child(1) .techerImg {
  background-image: url(../images/t1.png)
}

.teacherBox .ter:nth-child(2) .techerImg {
  background-image: url(../images/t2.png)
}

.teacherBox .ter:nth-child(3) .techerImg {
  background-image: url(../images/t3.png)
}

.teacherBox .ter:nth-child(4) .techerImg {
  background-image: url(../images/t4.png)
}

.teacherBox .ter:nth-child(5) .techerImg {
  background-image: url(../images/t5.png)
}

.teacherBox .ter:nth-child(6) .techerImg {
  background-image: url(../images/t6.png)
}

.teacherBox .ter:nth-child(7) .techerImg {
  background-image: url(../images/t7.png)
}

.teacherBox .ter:nth-child(8) .techerImg {
  background-image: url(../images/t8.png)
}

.teacherBox .ter:nth-child(9) .techerImg {
  background-image: url(../images/t9.png)
}

.teacherBox .ter:nth-child(10) .techerImg {
  background-image: url(../images/t10.png)
}

.teacherBox .ter:nth-child(11) .techerImg {
  background-image: url(../images/t11.png)
}

.teacherBox .ter:nth-child(12) .techerImg {
  background-image: url(../images/t12.png)
}

.teacherBox .ter:nth-child(13) .techerImg {
  background-image: url(../images/t13.png)
}

.teacherBox .ter:nth-child(4n) {
  margin-right: 0
}

.teacherBox p {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #000
}

.xzbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.xzbox .list {
  margin-top: 40px;
  width: 557px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.xzbox .list:nth-child(1) .xzimg {
  background-image: url(../images/a1.png)
}

.xzbox .list:nth-child(2) .xzimg {
  background-image: url(../images/a2.png)
}

.xzbox .list:nth-child(3) .xzimg {
  background-image: url(../images/a3.png)
}

.xzbox .list:nth-child(4) .xzimg {
  background-image: url(../images/a4.png)
}

.xzbox .list:nth-child(5) .xzimg {
  background-image: url(../images/a5.png)
}

.xzbox .list:nth-child(6) .xzimg {
  background-image: url(../images/a6.png)
}

.xzbox .list:nth-child(7) .xzimg {
  background-image: url(../images/a7.png)
}

.xzbox .list:nth-child(8) .xzimg {
  background-image: url(../images/a8.png)
}

.xzbox .list:nth-child(9) .xzimg {
  background-image: url(../images/a9.png)
}

.xzbox .list:nth-child(10) .xzimg {
  background-image: url(../images/a10.png)
}

.xzbox .list:nth-child(11) .xzimg {
  background-image: url(../images/a11.png)
}

.xzbox .list .xzimg {
  display: block;
  width: 235px;
  height: 235px;
  background-repeat: no-repeat;
  background-size: 100%
}

.xzbox .list .cont {
  width: 292px
}

.xzbox .list .title {
  font-size: 25px;
  text-align: left
}

.xzbox .list .des {
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 1px;
  color: #000;
  margin-top: 20px
}

.xzbox .list .btn {
  width: 131px;
  height: 36px;
  line-height: 36px;
  background-color: #f5c308;
  border-radius: 15px;
  color: #1e244a;
  font-size: 15px;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-top: 40px
}

.mx {
  padding-bottom: 100px
}

.footerimg {
  margin-top: 50px;
  height: 500px
}

.btnBig{
  text-align: center;
  position: absolute;
  bottom: 22px;
  left: 74px;
  width: 339px;
  height: 49px;
  line-height: 49px;
  background-color: #f5c308;
  font-size: 24px;
  font-weight: 700;
  color: #1e244a;
  border-radius: 15px;
}

.btnBig:active{
  opacity: .8;

}
/*# sourceMappingURL=map/index.css.map */