#main #serveBox .wrap li .item .circle{background:#5dcce3;}
#main {
  height: 3750px;
  background: #f5f7fe;
}
#main .banner {
  background: -webkit-gradient(linear, left top, right bottom, from(#316aff), to(#6ee7d6));
  background: -webkit-linear-gradient(left top, #316aff, #6ee7d6);
  background: -moz-linear-gradient(left top, #316aff, #6ee7d6);
  background: linear-gradient(to right bottom, #316aff, #6ee7d6);
}
#main .banner .bg1 {
  height: 160px;
  background: url("../img/banner_bg_01.jpg") no-repeat center;
}
#main .banner .bg2 {
  height: 180px;
  background: url("../img/banner_bg_02.jpg") no-repeat center;
}
#main .banner .bg3 {
  height: 704px;
  background: url("../img/banner_bg_03.jpg") no-repeat center;
}
#main .banner .button-box {
  width: 1000px;
  margin: 0 auto;
}
#main .banner .button {
  width: 190px;
  background: #1859e2;
  border: 2px solid #1859e2;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
  -moz-border-radius: 30px;
       border-radius: 30px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: -3.5px 2px 8px #1859e2;
     -moz-box-shadow: -3.5px 2px 8px #1859e2;
          box-shadow: -3.5px 2px 8px #1859e2;
  float: left;
}
#main .banner .button:hover {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: transparent;
  color: #1859e2;
}
#main .banner .button1 {
  margin: 0 46px 0 84px;
}
#main .banner .text-box {
  width: 1000px;
  margin: 80px auto 0;
  overflow: hidden;
}
#main .banner .tit {
  width: 26px;
  text-align: center;
  font-size: 24px;
  line-height: 44px;
  color: #252525;
  float: left;
  margin: 9px 34px 0;
}
#main .banner .info {
  width: 858px;
  float: left;
}
#main .banner .text {
  font-size: 14px;
  line-height: 24px;
  color: #252525;
  margin-bottom: 10px;
}
#main .banner span {
  font-weight: 600;
}
#main .banner a {
  color: #0044d4;
  font-weight: 600;
}
#main .module {
  position: relative;
  top: -376px;
  background: url(../img/module_bg.png) no-repeat center 376px;
}
#main .section {
  width: 1000px;
  margin: 0 auto;
}
#main .section-title {
  text-align: center;
}
#main .section-title .tit-pic {
  height: 40px;
  font-size: 36px;
  font-weight: 600;
}
#main .section-title .tip {
  font-size: 14px;
}
#main .section1 .tit-pic {
  color: #fff;
}
#main .section1 .tip {
  line-height: 66px;
}
#main .section1 .content {
  width: 1020px;
  position: relative;
  height:715px;
  overflow: hidden;
  margin-left: -10px;
  background:#fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
  -moz-box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
  box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
}
#main .section1 input {
  outline: none;
}
#main .section1 .wrap {
  width: 2040px;
  height: 100%;
  position: absolute;
}
#main .section1 .item {
  width: 1000px;
  height: 610px;
  float: left;
  margin: 0 10px;
}
#main .section1 .item1,
#main .section1 .li-item1 {
  padding-top: 50px;
}
#main .section1 .li-item2,
#main .section1 .li-item3 {
  display: none;
}
#main .section1 .li-item1 .button {
  width: 200px;
}
#main .section1 .li-item2 {
  text-align: center;
  margin-top:80px;
}
#main .section1 .li-item2 .tit {
  font-size: 30px;
  line-height: 86px;
  color: #3878fe;
}
#main .section1 .li-item2 .item-tip {
  font-size: 14px;
  line-height: 24px;
}
#main .section1 .li-item3 {
  padding: 110px 0 0 44px;
}
#main .section1 .li-item3 .tit {
  width: 42px;
  font-size: 20px;
  line-height: 32px;
  color: #63d1dd;
  float: left;
  margin: 58px 18px 0 0;
}
#main .section1 .item-tip {
  text-align: center;
  font-size: 16px;
  margin-bottom:30px;
  color: #2a2a2a;
}
#main .section1 .item-tip span {
  font-size: 14px;
}
/*新增*/
.school_inten{
  width: 872px;
  height: 227px;
  border:1px solid #f2f5fa;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  margin:0 auto;
}
.inten_title{
  float:left;
  width: 85px;
  height: 227px;
  background:#f2f5fa;
  font-size:20px;
  color:#049ac5;
  text-align:center;
  line-height:32px;
  padding-top:50px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  position:relative;
}
.inten_title:before{
  position:absolute;
  content:"";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 10px solid #f2f5fa;
  border-bottom: 15px solid transparent;
  top:50%;
  margin-top:-15px;
  right:-10px;
}
.Bchoose-cotent{margin-top:35px;}
#main .section1 .form1 {
  float:left;
  width: 730px;
  margin:20px 0 0 55px;
}
#main .section1 .form2 {
  width: 508px;
  margin-left: 214px;
}
#main .section1 .form-item{
  width: 190px;
  float: left;
  margin: 0 53px 20px 0;
}
#main .mr0{margin-right:0;}
#main .section1 .form-item input {
  width: 100%;
  height: 40px;
  background: #f2f5fa;
  font-size: 14px;
  line-height: 40px;
  color: #a2a2a2;
  padding-left: 36px;
}
#main .section1 .form-item .afterChange {
  color: #000;
}
#main .section1 .label {
  overflow: hidden;
}
#main .section1 .icon {
  float: left;
  width: 25px;
  height: 25px;
  margin-top: 9px;
  background-image: url(../img/css_sprites.png);
  background-repeat: no-repeat;
}
#main .section1 .Newicon{
  float: left;
  width: 25px;
  height: 25px;
  margin-top: 9px;
  background-image: url(../img/sprites.png);
  background-repeat: no-repeat;
}
#main .section1 .icon1{background-position: -10px -10px;}
#main .section1 .icon2{background-position: -55px -10px;}
#main .section1 .icon3{background-position: -10px -55px;}
#main .section1 .icon4{background-position: -55px -55px;}
#main .section1 .icon5{background-position: -100px -55px;}
#main .section1 .icon6{background-position: -100px -10px;}
#main .section1 .icon7{background-position: -10px -100px;}
#main .section1 .icon8{background-position: -55px -100px;}
#main .section1 .icon9{background-position: -145px -10px;}
#main .section1 .icon10{background-position: -100px -100px;}
#main .section1 .icon11{background-position: -145px -55px;}
#main .section1 .icon12{background-position: -52px -24px;}
#main .section1 .label-text {
  font-size: 14px;
  line-height: 42px;
  color: #2a2a2a;
  font-weight: 600;
  float: left;
  margin-left: 10px;
}
#main .section1 .select {
  position: relative;
  cursor: default;
}
#main .section1 .select input {
  background: #f2f5fa url(../img/icon_select.png) no-repeat 152px 15px;
  cursor: default;
}
#main .section1 .select ul{
  display: none;
  width: 100%;
  max-height: 193px;
  overflow: auto;
  background: #fff;
  border: 1px solid #708dff;
  border-top: none;
  position: absolute;
  z-index: 1;
}
#main .section1 .select ul.List_City{max-height:135px;}
#main .section1 .select ul.List_Language{max-height:126px;}
#main .section1 .select li {
  font-size: 14px;
  line-height: 24px;
  padding-left: 36px;
}
#main .section1 .select li:hover {
  background: #e5e5e5;
}
#main .section1 .code {
  width: 90px !important;
  padding-left:12px !important;
}
#main .section1 .button-send {
  display:inline-block;
  width: 92px;
  background: #1859e2;
  border: 2px solid #1859e2;
  font-size: 14px;
  line-height: 32px;
  color: #fff;
  -moz-border-radius: 18px;
  border-radius: 18px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: -3.5px 2px 8px #c8d0e0;
  -moz-box-shadow: -3.5px 2px 8px #c8d0e0;
  box-shadow: -3.5px 2px 8px #c8d0e0;
  margin-left:8px;
}
#main .section1 .button-send:hover {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: transparent;
  color: #1859e2;
}
#main .section1 .button {
  width: 290px;
  background: #1859e2;
  border: 2px solid #1859e2;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  -moz-border-radius: 24px;
       border-radius: 24px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: -3.5px 2px 8px #c8d0e0;
     -moz-box-shadow: -3.5px 2px 8px #c8d0e0;
          box-shadow: -3.5px 2px 8px #c8d0e0;
  margin: 35px auto 0;
}
#main .section1 .button:hover {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: transparent;
  color: #1859e2;
}
#main .section1 .loading {
  margin: 104px 0 16px;
}
#main .section1 .detail-box {
  overflow: hidden;
  margin-bottom:120px;
}
#main .section1 .detail {
  position: relative;
  width: 800px;
  height: 180px;
  background: #f5f7fe;
  -moz-border-radius: 3px;
       border-radius: 3px;
  float: left;
}
#main .section1 .detail .button {
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  line-height: 24px;
  margin: 0;
  position: absolute;
  top: 40px;
  right: -50px;
  padding: 24px 20px;
}
#main .section1 .school-box {
  overflow: hidden;
  text-align: center;
  padding-top: 24px;
  font-size: 14px;
  line-height: 24px;
}
#main .section1 .school {
  width: 150px;
  float: left;
}
#main .section1 .pic {
  height: 80px;
}
#main .section1 .pic img {
  height: 100%;
}
#main .section1 .school-name {
  color: #2a2a2a;
  font-weight: 600;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#main .section1 .rate {
  color: #797979;
}
#main .section1 .text-box {
  padding: 66px 0 0 40px;
}
#main .section1 .text {
  font-size: 14px;
  line-height: 24px;
  color: #2a2a2a;
}
#main .section2 {
  margin-top: 78px;
}
#main .section2 .tip {
  line-height: 52px;
  color: #797979;
}
#main .section2 .container {
  width: 1020px;
  margin: 20px 0 0 -10px;
  overflow: hidden;
}
#main .section2 .question-box {
  width: 656px;
  height: 480px;
  position: relative;
  float: left;
}
#main .section2 .wrap {
  width: 100%;
  position: absolute;
}
#main .section2 .item {
  width: 636px;
  height: 150px;
  background: #fff;
  margin: 0 0 12px 10px;
  -moz-border-radius: 5px;
       border-radius: 5px;
  -webkit-box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
     -moz-box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
          box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
  padding-top: 10px;
}
#main .section2 .top {
  overflow: hidden;
  margin-left: 30px;
}
#main .section2 .icon {
  width: 26px;
  height: 24px;
  background: url(../img/sprites.png) no-repeat -104px -24px;
  float: left;
  margin: 18px 10px 0 0;
}
#main .section2 .tit {
  font-size: 18px;
  line-height: 56px;
  color: #2a2a2a;
  float: left;
}
#main .section2 .info {
  height: 60px;
  overflow: hidden;
  margin-left: 66px;
}
#main .section2 .text {
  width: 380px;
  font-size: 14px;
  line-height: 28px;
  color: #797979;
  float: left;
}
#main .section2 .button {
  width: 140px;
  background: #1859e2;
  border: 2px solid #1859e2;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  -moz-border-radius: 24px;
       border-radius: 24px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: -3.5px 2px 8px #c8d0e0;
     -moz-box-shadow: -3.5px 2px 8px #c8d0e0;
          box-shadow: -3.5px 2px 8px #c8d0e0;
  float: left;
  margin: 4px 0 0 22px;
}
#main .section2 .button:hover {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: transparent;
  color: #1859e2;
}
#main .section2 form {
  width: 340px;
  height: 444px;
  background: url(../img/section2_form_bg.png) no-repeat;
  float: right;
  margin-right: 10px;
  -webkit-box-shadow: -5.2px 3px 16px rgba(168, 178, 238, 0.6);
     -moz-box-shadow: -5.2px 3px 16px rgba(168, 178, 238, 0.6);
          box-shadow: -5.2px 3px 16px rgba(168, 178, 238, 0.6);
  padding: 40px;
  padding-bottom: 0;
}
#main .section2 .form-item {
  overflow: hidden;
  margin-bottom: 24px;
}
#main .section2 label {
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  font-weight: 600;
  float: left;
}
#main .section2 input {
  background: #fff;
  height: 40px;
  outline: none;
  font-size: 14px;
  line-height: 40px;
  color: #a2a2a2;
}
#main .section2 .name,
#main .section2 .tel {
  width: 174px;
  float: right;
  padding: 0 20px;
}
#main .section2 .code {
  width: 110px;
  text-align: center;
  padding: 10px;
  float: left;
}
#main .section2 .getcode {
  width: 130px;
  background: #1859e2;
  border: 2px solid #1859e2;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  -moz-border-radius: 20px;
       border-radius: 20px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: -3.5px 2px 8px #c8d0e0;
     -moz-box-shadow: -3.5px 2px 8px #c8d0e0;
          box-shadow: -3.5px 2px 8px #c8d0e0;
  font-weight: 600;
  float: right;
}
#main .section2 .getcode:hover {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: transparent;
  color: #1859e2;
}
#main .section2 textarea {
  width: 100%;
  height: 152px;
  font-size: 14px;
  line-height: 24px;
  color: #a2a2a2;
  padding: 16px 24px;
  outline: none;
  border: none;
  font-family:"microsoft yahei";
}
#main .section2 .submit {
  width: 174px;
  background: #1859e2;
  border: 2px solid #1859e2;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  -moz-border-radius: 24px;
       border-radius: 24px;
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-shadow: -3.5px 2px 8px #c8d0e0;
     -moz-box-shadow: -3.5px 2px 8px #c8d0e0;
          box-shadow: -3.5px 2px 8px #c8d0e0;
  font-weight: 600;
  margin: 34px auto 0;
}
#main .section2 .submit:hover {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: transparent;
  color: #1859e2;
}
#main .section3 {
  margin-top: 94px;
}
#main .section3 .tip {
  color: #797979;
  line-height: 52px;
}
#main .section3 .container {
  margin-top: 22px;
  position: relative;
}
#main .section3 .content {
  width: 848px;
  height: 290px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#main .section3 .wrap {
  width: 200%;
  overflow: hidden;
  position: absolute;
}
#main .section3 .item {
  width: 848px;
  float: left;
}
#main .section3 .pic {
  margin-right: 24px;
}
#main .section3 .last {
  margin-right: 0;
}
#main .section3 .btn {
  width: 20px;
  height: 32px;
  position: absolute;
  top: 130px;
  background-image: url(../img/icon_arrows.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
#main .section3 .prev {
  left: 20px;
}
#main .section3 .next {
  right: 20px;
  background-position: -20px 0;
}
#main .section4 {
  margin-top: 110px;
}
#main .section4 .tip {
  line-height: 52px;
  color: #797979;
}
#main .section4 .teacher-box {
  -moz-border-radius: 5px;
       border-radius: 5px;
  -webkit-box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
     -moz-box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
          box-shadow: -2.6px 1.5px 12px rgba(168, 178, 238, 0.4);
}
#main .section5 {
  margin-top: 60px;
}
.study_step{
  margin-top: 32px;
  overflow: hidden;
}
#main .section5 .item {
  width: 25%;
  float: left;
}
#main .section5 .top {
  height: 194px;
  background: url(../img/section5_bg.png) no-repeat center 6px;
  padding-top: 46px;
}
#main .section5 .icon {
  width: 70px;
  height: 58px;
  background-image: url(../img/bottom_icons.png);
  background-repeat: no-repeat;
  margin: 0 auto;
}
#main .section5 .icon2 {
  background-position: -70px 0;
}
#main .section5 .icon3 {
  background-position: 0 -58px;
}
#main .section5 .icon4 {
  background-position: -70px -58px;
}
#main .section5 .tit {
  font-size: 16px;
  line-height: 48px;
}
#main .section5 .text {
  font-size: 16px;
  line-height: 26px;
  margin-top: 14px;
}