@charset "utf-8";

/*----公共样式-----*/
.max_width {
  overflow: hidden;
  margin: 0 auto;
  width: 1000px;
}

.btn {
  margin: 0 auto;
  width: 1000px;
  padding-top: 45px;
  text-align: center;
}

.btn a {
  box-sizing: border-box;
  display: inline-block;
  width: 300px;
  height: 60px;
  background: #FF6903;
  border-radius: 12px;
  line-height: 60px;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  margin-right: 32px;
}

.btn span {
  display: inline-block;
  width: 300px;
  height: 58px;
  border-radius: 12px;
  border: 1px solid #FE5127;
  color: #FE5127;
  font-size: 24px;
  line-height: 58px;
  text-align: left;
  text-align: center;
}

.title {
  text-align: center;
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 50px;
}

img {
  max-width: initial;
}

/*----------------*/
.banner_wrap {
  overflow: hidden;
  width: 100%;
  height: 460px;
  background: url(../images/banner.png) top no-repeat;
}

.banner_wrap a {
  display: block;
  width: 198px;
  height: 52px;
  position: absolute;
  left: 50%;
  top: 336px;
  margin-left: -493px;
}

.box1 {
  padding-top: 88px;
  padding-bottom: 48px;
  background: url(../images/box1_bj.png) top no-repeat;
}

.box1 ul {
  width: 1000px;
  margin: 0 auto;
}

.box1 ul li {
  position: relative;
  margin-bottom: 32px;
}


.box2 {
  padding-top: 76px;
  background: #fff;
}

.box2 .title {
  margin-bottom: 50px;
}

.box2 .main1 ul {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.box2 .main1 ul li {
  width: 230px;
  height: 257px;
  box-shadow: 0px 0px 7px 0px #DFDFDF;
  border-radius: 10px;
  margin: 0 10px;
  text-align: center;
}

.box2 .main1 ul li.n1 {
  background: url(../images/box2_1_01.png) center 28px no-repeat #FFF;
}

.box2 .main1 ul li.n2 {
  background: url(../images/box2_1_02.png) center 28px no-repeat #FFF;
}

.box2 .main1 ul li.n3 {
  background: url(../images/box2_1_03.png) center 28px no-repeat #FFF;
}

.box2 .main1 ul li.n4 {
  background: url(../images/box2_1_04.png) center 28px no-repeat #FFF;
}

.box2 .main1 ul li.n1:hover {
  background: url(../images/box2_1_11.png) center 28px no-repeat #FE6860;
}

.box2 .main1 ul li.n2:hover {
  background: url(../images/box2_1_12.png) center 28px no-repeat #FE6860;
}

.box2 .main1 ul li.n3:hover {
  background: url(../images/box2_1_13.png) center 28px no-repeat #FE6860;
}

.box2 .main1 ul li.n4:hover {
  background: url(../images/box2_1_14.png) center 28px no-repeat #FE6860;
}

.box2 .main1 ul li strong {
  display: block;
  font-weight: normal;
  font-size: 24px;
  line-height: 50px;
  padding-top: 110px;
}

.box2 .main1 ul li p {
  padding: 0 18px;
  font-size: 16px;
  line-height: 21px;
  color: #222;
}

.box2 .main1 ul li:hover strong {
  color: #FFF;
}

.box2 .main1 ul li:hover p {
  color: #FFF;
}

.box2 .main2 .tab {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.box2 .main2 .tab span {
  display: block;
  width: 197px;
  height: 65px;
  background: url(../images/box2_tab_1.png) top no-repeat;
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  color: #373F4A;
  float: left;
  margin-right: 2px;
}

.box2 .main2 .tab span:last-child {
  margin-right: 0;
}

.box2 .main2 .tab span.side {
  background: url(../images/box2_tab_2.png) top no-repeat;
  color: #FFF;
}

.box2 .main2 .tabCon {
  width: 1000px;
  margin: 0 auto;
  display: none;
}

.box2 .main2 .tabCon dl {
  width: 230px;
  margin-right: 24px;
  float: left;
}

.box2 .main2 .tabCon dl:last-child {
  margin-right: 0;
}

.box2 .main2 .tabCon dl dt {
  position: relative;
  margin-bottom: 15px;
}

.box2 .main2 .tabCon dl dt span {
  position: absolute;
  width: 136px;
  height: 30px;
  background: #FF6903;
  border-radius: 0px 4px 4px 0px;
  text-indent: 9px;
  color: #FFF;
  left: 0;
  top: 20px;
  font-size: 14px;
  line-height: 30px;
}

.box2 .main2 .tabCon dl dd p {
  font-size: 14px;
  color: #666B72;
  line-height: 20px;
  height: 60px;
  padding: 0 7px;
  margin-bottom: 10px;
}

.box2 .main2 .tabCon dl dd p strong {
  display: block;
  color: #373F4A;
}

.box2 .main2 .tabCon dl dd .btns .a1 {
  display: block;
  width: 110px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #FF6903;
  font-size: 14px;
  color: #FE5127;
  line-height: 38px;
  text-align: center;
}

.box2 .main2 .tabCon dl dd .btns .a2 {
  display: block;
  width: 112px;
  height: 40px;
  background: #FF6903;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}



.box3 {
  padding-top: 88px;
  padding-bottom: 67px;
  background: #FFF;
}

.box3 .main img {
  display: block;
  margin: 0 auto;
}

.box4 {
  padding-top: 50px;
  height: 540px;
  background: #FFF9F3;
}

.box4 .title {
  margin-bottom: 51px;
}

.box4 .main {
  width: 960px;
  margin: 0 auto;
}

.box4 .main .ul {
  margin-bottom: 14px;
  border-bottom: 1px #999999 solid;
  padding-bottom: 12px;
}

.box4 .main .ul:last-child {
  border-bottom: none;
}

.box4 .main .ul strong {
  display: block;
  float: left;
  font-size: 18px;
  color: #666;
  width: 120px;
  font-weight: normal;
  line-height: 40px;
}

.box4 .main .ul span {
  width: 120px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  font-size: 20px;
  color: #666;
  float: left;
  text-indent: 40px;
  background: url(../images/box4_02.png) 10px no-repeat;
  cursor: pointer;
}

.box4 .main .ul span.side {
  background-image: url(../images/box4_01.png);
  background-color: #FF6903;
  color: #FFF;
}

.box4 .btn {
  padding-top: 20px;
}

.box5 {
  padding-top: 76px;
}

.box5 .main {
  width: 844px;
  height: 320px;
  margin: 0 auto;
  position: relative;
}

.box5 .main .tab {
  width: 70px;
  height: 320px;
  position: absolute;
  left: 0;
  top: 0;
}

.box5 .main .tab span {
  display: block;
  width: 70px;
  height: 160px;
  cursor: pointer;
}

.box5 .main .tabCon {
  display: none;
}

.box5 .main .alink {
  position: absolute;
  top: 62px;
  right: 0;
}

.box5 .main .alink a {
  display: block;
  width: 128px;
  height: 40px;
  background: #FFE7E1;
  border-radius: 6px;
  font-size: 18px;
  color: #FE5127;
  text-align: center;
  line-height: 40px;
  margin-bottom: 28px;
  margin-right: 25px;
}

.box5 .main .alink a:hover {
  background: #FE5127;
  color: #fff;
}

.box6 {
  padding-top: 76px;
  padding-bottom: 69px;
  background: #FFF;
}

.box6 .main {
  width: 1014px;
  margin: 0 auto;
  position: relative;
}

.box6 .main .alink {
  width: 1014px;
  position: absolute;
  bottom: 44px;
  left: 0;
}

.box6 .main .alink a {
  display: block;
  width: 280px;
  height: 40px;
  background: #FFE7E1;
  border-radius: 6px;
  font-size: 18px;
  color: #FE5127;
  text-align: center;
  line-height: 40px;
  margin: 0 29px;
  float: left;
}

.box6 .main .alink a:hover {
  background: #FE5127;
  color: #fff;
}

.box6 .main img {
  display: block;
}

.box7 {
  padding-top: 50px;
  padding-bottom: 70px;
  background: #FFF9F3;
}

.box7 .main {
  width: 1000px;
  margin: 0 auto;
}

.box7 .swiper-slide .com {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 236px;
  height: 330px;
  background: #FF6903;
  text-align: center;
  color: #FFF;
}

.box7 .swiper-slide:hover .com {
  display: block;
}

.box7 .swiper-slide .com h3 {
  font-size: 20px;
  line-height: 40px;
  font-weight: 600;
  padding-top: 55px;
}

.box7 .swiper-slide .com h4 {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: normal;
}

.box7 .swiper-slide .com p {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
}

.box7 .teacher_swiper {
  padding-bottom: 50px;
}

.box7 .swiper-slide .com p span {
  font-size: 12px;
}

.box7 .swiper-slide .com a {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  box-shadow: 0px 10px 60px 0px rgba(199, 29, 66, 0.15);
  border-radius: 4px;
  color: #FF6903;
  font-size: 14px;
}

.box7 .swiper-pagination-bullet {
  width: 10px;
height: 10px;
background: #FE5127;
border-radius: 5px;
opacity: 0.5;
}

.box7 .swiper-pagination-bullet-active {
  width: 40px;
height: 10px;
background: #FE5127;
border-radius: 5px;
  opacity: 1;
}

.box7 .btn {
  padding-top: 20px;
}

.box8 {
  height: 572px;
  padding-top: 76px;
  padding-bottom: 76px;
  background: url(../images/box8_bj.png) top no-repeat;
}

.box8 .main {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.box8 .tab {
  position: absolute;
  top: 0;
  right: 0;
  width: 238px;
  height: 100%;
}

.box8 .tab span {
  display: block;
  width: 100%;
  height: 128px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
}

.box8 .tabCon p {
  display: none;
}

.box9 {
  height: 660px;
  padding-top: 50px;
  padding-bottom: 76px;
  background: #FFF9F3;
}

.box9 .main {
  width: 1000px;
  margin: 0 auto;
}

.box9 .tab {
  position: relative;
  margin-bottom: 22px;
}

.box9 .tab span,.box9 .tab a {
  display: block;
  width: 140px;
  height: 60px;
  background: #FFE7E1;
  float: left;
  font-size: 24px;
  color: #373F4A;
  text-align: center;
  line-height: 60px;
  margin-right: 3px;
  cursor: pointer;
}

.box9 .tab span:nth-child(7n) {
  margin-right: 0;
}

.box9 .tab span:nth-child(8) {
  position: absolute;
  top: 482px;
  left: 0;
}

.box9 .tab span:nth-child(9) {
  position: absolute;
  top: 482px;
  left: 143px;
}

.box9 .tab span:nth-child(10) {
  position: absolute;
  top: 482px;
  left: 286px;
}

.box9 .tab span:nth-child(11) {
  position: absolute;
  top: 482px;
  left: 429px;
}

.box9 .tab span:nth-child(12) {
  position: absolute;
  top: 482px;
  left: 572px;
}

.box9 .tab span:nth-child(13) {
  position: absolute;
  top: 482px;
  left: 715px;
}

.box9 .tab a {
  position: absolute;
  top: 482px;
  left: 858px;
}

.box9 .tab span.side {
  background: #FF6903;
  color: #FFF;
}

.box9 .tabCon {
  width: 1000px;
  height: 370px;
  background: #FFFFFF;
  box-shadow: 0px 9px 54px 0px rgba(112, 112, 112, 0.15);
  overflow: hidden;
  box-sizing: border-box;
  padding: 14px;
}

.box9 .tabCon dl {
  display: none;
}

.box9 .tabCon dl dt {
  width: 432px;
  height: 334px;
  float: left;
  margin-right: 17px;
}

.box9 .tabCon dl dd {
  width: 515px;
  float: left;
  padding-top: 20px;
}

.box9 .tabCon dl dd p {
  font-size: 14px;
  color: #969BA2;
  line-height: 22px;
  margin-bottom: 20px;
  position: relative;
  padding-right: 110px;
}

.box9 .tabCon dl dd p:hover strong {
  background: url(../images/ico_02.png) left no-repeat;
  color: #FE5127;
}

.box9 .tabCon dl dd p strong {
  display: block;
  font-size: 18px;
  color: #666B72;
  background: url(../images/ico_01.png) left no-repeat;
  padding-left: 23px;
  line-height: 30px;
  font-weight: normal;
}

.box9 .tabCon dl dd p a {
  display: block;
  color: #FE5127;
  width: 100px;
  height: 40px;
  background: #FFE7E1;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
}

.box9 .tabCon dl dd p:hover a {
  background: #FF6903;
  color: #FFF;
  border-radius: 4px;
}