@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: linear-gradient(90deg, #E53E77 0%, #C71D42 100%);
  box-shadow: 0px 0px 10px 0px rgba(199, 29, 66, 0.15);
  border-radius: 8px;
  line-height: 60px;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  margin-right: 32px;
}

.btn span {
  display: inline-block;
  width: 300px;
  height: 56px;
  border-radius: 8px;
  border: 2px solid #C71D42;
  color: #C71D42;
  font-size: 24px;
  line-height: 56px;
  text-align: left;
  text-align: center;
}

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

img {
  max-width: initial;
}

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

.banner_wrap a {
  display: block;
  width: 240px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 409px;
  margin-left: -500px;
}

.box1 {
  padding-top: 80px;
  padding-bottom: 90px;
  background: #FFF;
}

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

.box1 ul li {
  width: 240px;
  position: relative;
  margin-right: 22px;
}

.box1 ul li:last-child {
  margin-right: 0;
}

.box1 ul li a {
  display: block;
  width: 240px;
  height: 53px;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 322px;
}

.box1 ul li a img {
  display: block;
  margin: 0 auto;
  opacity: 0;
}

.box1 ul li a:hover img {
  opacity: 1;
}

.box2 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #E7EDF3;
}

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

.box3 {
  padding-top: 80px;
  padding-bottom: 90px;
  background: #FFF;
}

.box3 .tab {
  width: 1000px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.box3 .tab span {
  display: block;
  width: 197px;
  height: 60px;
  background: #F5F5F5;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  color: #373F4A;
  float: left;
  margin: 0 1px;
}

.box3 .tab .side {
  width: 197px;
  height: 60px;
  background: url(../images/box3_tab.png) no-repeat;
  color: #FFF;
}

.box3 .tabCon {
  display: none;
  width: 1080px;
  margin: 0 auto;
}

.box3 .tabCon li a {
  display: block;
}

.box3 .tabCon li a img {
  display: block;
}

.box3 .tabCon li a:hover {
  box-shadow: 0px 9px 54px 0px rgba(112, 112, 112, 0.15);
}


.box4 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #E7EDF3;
}

.box4 .main {
  width: 1000px;
  display: block;
  margin: 0 auto;
}

.box4 .main ul {
  margin-bottom: 42px;
}

.box4 .main ul li {
  width: 162px;
  margin-right: 6px;
}

.box4 .main ul li:last-child {
  margin-right: 0;
}

.box4 .main ul li.side {
  width: 496px;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
}

.box4 .main ul li img {
  display: block;
  float: left;
}

.box4 .main ul li .content {
  width: 334px;
  height: 240px;
  background: #FFF;
  display: none;
  float: left;
  padding-left: 50px;
  box-sizing: border-box;
  padding-top: 31px;
}

.box4 .main ul li.side .content {
  display: block;
}

.box4 .main ul li .content h3 {
  font-style: 14px;
  color: #373f4a;
  line-height: 50px;
}

.box4 .main ul li .content p {
  font-size: 14px;
  color: #373f4a;
  margin-bottom: 14px;
  line-height: 16px;
}

.box4 .main ul li .content p span {
  display: block;
  width: 15px;
  height: 15px;
  background: #5EC6F2;
  border-radius: 8px;
  text-align: center;
  line-height: 15px;
  color: #FFF;
  margin-right: 5px;
  float: left;
}

.box4 .main ul li .content a {
  display: block;
  width: 160px;
  height: 40px;
  background: linear-gradient(90deg, #E53E77 0%, #C71D42 100%);
  box-shadow: 0px 10px 60px 0px rgba(199, 29, 66, 0.15);
  border-radius: 4px;
  color: #FFF;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}

.boxc1 {
  padding-top: 51px;
  background: url(../images/boxc_bj.png) top no-repeat;
  padding-bottom: 45px;
}

.boxc1 img {
  display: block;
  margin: 0 auto;
}

.box5 {
  padding-top: 70px;
  padding-bottom: 80px;
  height: 684px;
  background: url(../images/boxc_02.png) top no-repeat #E7EDF3;
  box-sizing: border-box;
}

.box5 .title {
  margin-bottom: 40px;
}

.box5 .main {
  width: 950px;
  margin: 0 auto;
}

.box5 .main h3 {
  font-size: 24px;
  color: #373F4A;
  border-bottom: 1px #CED0D4 solid;
  line-height: 44px;
  margin-bottom: 23px;
}

.box5 .main .ul {
  margin-bottom: 30px;
}

.box5 .main .ul span {
  width: 158px;
  font-size: 24px;
  color: #666B72;
  float: left;
  text-indent: 30px;
  background: url(../images/box5_01.png) left no-repeat;
  cursor: pointer;
}

.box5 .main .ul span.side {
  background-image: url(../images/box5_02.png);
  color: #C71D42;
}

.box5 .btn {
  padding-top: 10px;
}

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

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

.box7 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #E7EDF3;
}

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

.box7 .swiper-slide .com {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 236px;
  height: 330px;
  background: rgba(55, 63, 74, 0.9);
  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: linear-gradient(90deg, #E53E77 0%, #C71D42 100%);
  box-shadow: 0px 10px 60px 0px rgba(199, 29, 66, 0.15);
  border-radius: 4px;
  color: #FFF;
  font-size: 14px;
}

.box7 .swiper-pagination-bullet {
  width: 14px;
  height: 4px;
  background: #8F969E;
  border-radius: 6px;
  opacity: 0.5;
}

.box7 .swiper-pagination-bullet-active {
  width: 28px;
  height: 4px;
  background: #373F4A;
  border-radius: 6px;
  opacity: 1;
}

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

.box8 {
  height: 572px;
  padding-top: 80px;
  padding-bottom: 80px;
  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: 80px;
  padding-bottom: 80px;
  background: url(../images/download.png) center 64px no-repeat;
}

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

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

.box9 .tab span {
  display: block;
  width: 140px;
  height: 60px;
  background: #F5F5F5;
  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 span:nth-child(14) {
  position: absolute;
  top: 482px;
  left: 858px;
}

.box9 .tab span.side {
  background: linear-gradient(90deg, #E53E77 0%, #C71D42 100%);
  box-shadow: 0px 0px 10px 0px rgba(199, 29, 66, 0.15);
  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: #C71D42;
}

.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: #FFF;
  width: 100px;
  height: 40px;
  background: #969BA2;
  border-radius: 4px;
  opacity: 0.4;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
}

.box9 .tabCon dl dd p:hover a {
  background: linear-gradient(90deg, #E53E77 0%, #C71D42 100%);
  box-shadow: 0px 10px 60px 0px rgba(199, 29, 66, 0.15);
  border-radius: 4px;
  opacity: 1;
}