.backImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}
#wrap {
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  max-width: 1920px;
  background-color: #ffffff;
}
#wrap #header {
  width: 100%;
  height: 600px;
}
#wrap #header .header-nav {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 90px;
  z-index: 999;
}
#wrap #header .header-nav .nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  padding: 10px 0;
}
#wrap #header .header-nav .nav .logo {
  width: 175px;
  padding: 10px 0;
  line-height: 100%;
  cursor: pointer;
}
#wrap #header .header-nav .nav .logo img {
  width: 100%;
}
#wrap #header .header-nav .nav .nav-bar {
  width: 880px;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#wrap #header .header-nav .nav .nav-bar li {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
#wrap #header .header-nav .nav .nav-bar li a {
  display: block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
  text-decoration: none;
}
#wrap #header .header-nav .nav .nav-bar li .nav-model {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translate(-50%, 100%);
  width: 140px;
  padding-top: 30px;
}
#wrap #header .header-nav .nav .nav-bar li .nav-model .model-main {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px;
}
#wrap #header .header-nav .nav .nav-bar li .nav-model .model-main div {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
}
#wrap #header .header-nav .nav .nav-bar li .nav-model .model-main div a {
  line-height: 40px;
  text-align: center;
  color: #858585;
}
#wrap #header .header-nav .nav .nav-bar li .nav-model .model-main div:nth-last-child(1) {
  border: none;
}
#wrap #header .header-nav .nav .nav-bar li .w200px {
  width: 200px !important;
}
#wrap #header .header-nav .nav .nav-bar li:hover {
  border-color: #ffffff;
}
#wrap #header .header-nav .nav .nav-bar li:hover .nav-model {
  display: block;
}
#wrap #header .header-nav .nav .nav-bar .active {
  border-bottom: 4px solid #ffffff;
}
#wrap #header .banner {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background-image: url("../images/index/images/banner_01.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#wrap #header .banner .swiper-container {
  width: 100%;
  height: 100%;
}
#wrap #header .banner .swiper-container .swiper-slide {
  position: relative;
}
#wrap #header .banner .swiper-container .swiper-slide .center {
  position: absolute;
  width: 1200px;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../images/index/images/center_02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#wrap #header .banner .swiper-container .swiper-pagination {
  margin-bottom: 78px;
}
#wrap #header .banner .swiper-container .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}
#wrap #header .banner .swiper-container .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity: 1;
}
#wrap #content {
  width: 100%;
  position: relative;
}
#wrap #content .video-dom {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 1200px;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
  height: 440px;
  background-color: #ffffff;
  box-shadow: 0px 0px 59px 25px rgba(32, 32, 32, 0.18);
  border-radius: 20px;
  padding: 55px 44px;
  z-index: 99;
}
#wrap #content .video-dom .left .video {
  width: 554px;
  height: 330px;
}
#wrap #content .video-dom .right {
  width: 394px;
  margin-right: 98px;
}
#wrap #content .video-dom .right .title {
  display: block;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  margin: 10px 0;
  color: #3a3a3a;
}
#wrap #content .video-dom .right .describe {
  display: block;
  height: 21px;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  color: #3a3a3a;
}
#wrap #content .video-dom .right .info {
  margin: 30px 0;
}
#wrap #content .video-dom .right .info li {
  position: relative;
  line-height: 16px;
  margin: 10px 0;
  color: #464646;
  padding-left: 25px;
}
#wrap #content .video-dom .right .info li span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("../images/index/images/xingxing_03.png");
  background-repeat: no-repeat;
  background-position: center;
}
#wrap #content .video-dom .right .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 48px;
  background-image: linear-gradient(180deg, #ce38ff 0%, #9806ff 100%);
  border-radius: 8px;
  cursor: pointer;
}
#wrap #content .video-dom .right .btn span {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
}
#wrap #content .course-introduction {
  padding-top: 523px;
  width: 1200px;
  margin: 0 auto;
  height: auto;
}
#wrap #content .course-introduction .title {
  display: block;
  width: 1200px;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  color: #3a3a3a;
  margin-bottom: 70px;
}
#wrap #content .course-introduction .course {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
}
#wrap #content .course-introduction .course .left {
  box-sizing: border-box;
  width: 298px;
  height: 100%;
  overflow: hidden;
}
#wrap #content .course-introduction .course .left li {
  display: flex;
  align-items: center;
  padding: 22px;
  height: 87px;
  border-bottom: 1px solid #9a00f7;
  background-color: #b038f9;
  color: #ffffff;
  cursor: pointer;
}
#wrap #content .course-introduction .course .left li .icon {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 22px;
  background-image: url('../images/index/images/jinglingtu.png');
  background-repeat: no-repeat;
}
#wrap #content .course-introduction .course .left li .tl {
  display: block;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
}
#wrap #content .course-introduction .course .left li .desc {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
}
#wrap #content .course-introduction .course .left li:nth-child(1) {
  border-radius: 16px 0 0 0;
  border-top: 4px solid #b038f9;
}
#wrap #content .course-introduction .course .left li:nth-child(1) .icon {
  background-position: 1px 0px;
}
#wrap #content .course-introduction .course .left li:nth-child(2) .icon {
  background-position: -78px -1px;
}
#wrap #content .course-introduction .course .left li:nth-child(3) .icon {
  background-position: -157px 0px;
}
#wrap #content .course-introduction .course .left li:nth-child(4) .icon {
  background-position: -554px 0px;
}
#wrap #content .course-introduction .course .left li:nth-child(5) .icon {
  background-position: -395px -2px;
}
#wrap #content .course-introduction .course .left li:nth-child(6) .icon {
  background-position: -316px -1px;
}
#wrap #content .course-introduction .course .left li:nth-child(7) .icon {
  background-position: -475px -1px;
}
#wrap #content .course-introduction .course .left li:nth-last-child(1) {
  border-radius: 0 0 0 16px;
  border-bottom: 4px solid #b038f9;
}
#wrap #content .course-introduction .course .left li:nth-last-child(1) .icon {
  background-position: -235px 0;
}
#wrap #content .course-introduction .course .left .active {
  border-left: 4px solid #b038f9;
  background-color: #ffffff;
  color: #b038f9;
}
#wrap #content .course-introduction .course .left .active .icon {
  background-position-y: -95px !important;
}
#wrap #content .course-introduction .course .right {
  position: relative;
  width: 902px;
  height: 671px;
  padding-left: 50px;
  padding-top: 34px;
  padding-bottom: 34px;
}
#wrap #content .course-introduction .course .right .cont-item {
  position: absolute;
  width: 902px;
  top: 34px;
  left: 50px;
  display: none;
}
#wrap #content .course-introduction .course .right .active {
  display: block !important;
}
#wrap #content .course-introduction .course .right .content-top .tl {
  display: flex;
  justify-items: center;
}
#wrap #content .course-introduction .course .right .content-top .tl span:nth-child(1) {
  display: block;
  width: 18px;
  height: 20px;
  background-image: url("../images/index/images/book_03.png");
  background-repeat: no-repeat;
  background-position: center;
}
#wrap #content .course-introduction .course .right .content-top .tl span:nth-child(2) {
  display: block;
  margin-left: 17px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  color: #3a3a3a;
}
#wrap #content .course-introduction .course .right .content-top .desc-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap #content .course-introduction .course .right .content-top .desc-wrap .desc {
  width: 406px;
  padding-top: 47px;
  padding-bottom: 10px;
}
#wrap #content .course-introduction .course .right .content-top .desc-wrap .desc .desc-tl {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  color: #3a3a3a;
  margin-bottom: 23px;
}
#wrap #content .course-introduction .course .right .content-top .desc-wrap .desc .desc-info {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  color: #8e8e8e;
  margin-bottom: 31px;
}
#wrap #content .course-introduction .course .right .content-top .desc-wrap .desc .desc-btn {
  width: 130px;
  height: 36px;
  background-color: #b038f9;
  border-radius: 18px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
#wrap #content .course-introduction .course .right .content-top .desc-wrap .show {
  width: 420px;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
}
#wrap #content .course-introduction .course .right .content-top .desc-wrap .show img {
  display: block;
  width: 100%;
}
#wrap #content .course-introduction .course .right .content-bottom {
  margin-top: 39px;
}
#wrap #content .course-introduction .course .right .content-bottom .case-tl {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  color: #5c5c5c;
}
#wrap #content .course-introduction .course .right .content-bottom .case-show {
  margin-top: 19px;
}
#wrap #content .course-introduction .course .right .content-bottom .case-show .item {
  float: left;
  width: 270px;
  height: 180px;
  border-radius: 6px;
  margin-right: 21px;
}
#wrap #content .course-introduction .course .right .content-bottom .case-show .item img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: #eeeeee;
}
#wrap #content .course-introduction .course .right .content-bottom .case-show .item span {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 14px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  color: #5c5c5c;
}
#wrap #content .course-introduction .course .right .content-bottom .case-show .item:nth-last-child(1) {
  margin: 0;
}
#wrap #content .characteristic {
  width: 1200px;
  margin: 0 auto;
  padding-top: 139px;
}
#wrap #content .characteristic .title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  color: #3a3a3a;
}
#wrap #content .characteristic .characteristic-content {
  margin-top: 68px;
}
#wrap #content .characteristic .characteristic-content .item {
  position: relative;
  width: 100%;
  height: 110px;
}
#wrap #content .characteristic .characteristic-content .item .side {
  position: relative;
  margin: 0 auto;
  width: 54px;
  height: 54px;
  background-color: #af3bff;
  box-shadow: 0px 0px 18px 0px rgba(52, 45, 179, 0.79);
  border: solid 2px #4000bc;
  border-radius: 50%;
  line-height: 49px;
  text-align: center;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
}
#wrap #content .characteristic .characteristic-content .item .side .to-left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-82px, -50%);
  width: 82px;
  height: 4px;
  background-image: linear-gradient(-90deg, #342db3 0%, #ffffff 100%), linear-gradient(#da32be, #da32be);
}
#wrap #content .characteristic .characteristic-content .item .side .to-right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(82px, -50%);
  width: 82px;
  height: 4px;
  background-image: linear-gradient(-90deg, #ffffff 0%, #342db3 100%), linear-gradient(#da32be, #da32be);
}
#wrap #content .characteristic .characteristic-content .item .side .to-down {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 60px);
  width: 4px;
  height: 60px;
  background-color: #9532f2;
}
#wrap #content .characteristic .characteristic-content .item .info-lf {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 500px;
  text-align: right;
  background-color: #ffffff;
  box-shadow: 0 0 20px 20px #ffffff;
}
#wrap #content .characteristic .characteristic-content .item .info-lf .tl {
  padding: 12px 0;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  color: #af3bff;
}
#wrap #content .characteristic .characteristic-content .item .info-lf .desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  color: #292929;
}
#wrap #content .characteristic .characteristic-content .item .info-rt {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 500px;
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0 0 20px 20px #ffffff;
}
#wrap #content .characteristic .characteristic-content .item .info-rt .tl {
  padding: 12px 0;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  color: #af3bff;
}
#wrap #content .characteristic .characteristic-content .item .info-rt .desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  color: #292929;
}
#wrap #content .characteristic .characteristic-content .item:nth-last-child(1) .to-down {
  height: 173px;
  transform: translate(-50%, 173px);
}
#wrap #content .teachers-show {
  margin: 116px auto 0;
  width: 100%;
  height: 1047px;
  background-color: #991CDB;
  background-image: url("../images/index/images/teacher-banner_02.png");
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap #content .teachers-show .center {
  width: 1200px;
}
#wrap #content .teachers-show .center .title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  margin-bottom: 64px;
  color: #ffffff;
}
#wrap #content .teachers-show .center .desc {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 69px;
}
#wrap #content .teachers-show .center .desc .desc-i {
  display: block;
  text-align: center;
}
#wrap #content .teachers-show .center .desc .desc-i span {
  display: block;
}
#wrap #content .teachers-show .center .desc .desc-i span:nth-child(1) {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 10px;
  color: #ffffff;
}
#wrap #content .teachers-show .center .desc .desc-i span:nth-child(2) {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
}
#wrap #content .teachers-show .center .image {
  margin: 0 auto;
  width: 800px;
}
#wrap #content .curriculum-show {
  width: 100%;
  height: 2940px;
  margin: 0 auto;
  padding-bottom: 140px;
  background-color: #2a8df5;
  background-image: url("../images/index/images/banner_03.png");
}
#wrap #content .curriculum-show .curriculum-content {
  margin: 0 auto;
  padding-top: 139px;
  width: 1200px;
}
#wrap #content .curriculum-show .curriculum-content .title {
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
}
#wrap #content .curriculum-show .curriculum-content .desc {
  margin-top: 69px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap #content .curriculum-show .curriculum-content .desc .line {
  display: block;
  width: 380px;
  height: 2px;
  background-color: #ffffff;
}
#wrap #content .curriculum-show .curriculum-content .desc .text {
  text-align: center;
  width: 400px;
  font-size: 16px;
  line-height: 26px;
  padding: 0 20px;
  color: #ffffff;
}
#wrap #content .curriculum-show .curriculum-content .card {
  margin-top: 84px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
#wrap #content .curriculum-show .curriculum-content .card .card-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 180px;
  height: 323px;
  margin-bottom: 52px;
  margin-left: 52px;
}
#wrap #content .curriculum-show .curriculum-content .card .card-item img {
  display: block;
  width: 100%;
  height: 288px;
}
#wrap #content .curriculum-show .curriculum-content .card .card-item span {
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .title {
  padding-top: 99px;
  padding-bottom: 31px;
  font-size: 30px;
  line-height: 30px;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .line-tl {
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .line-tl .line {
  width: 282px;
  height: 1px;
  background-color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .line-tl .tl {
  font-size: 16px;
  line-height: 16px;
  margin: 0 20px;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .l2 .line {
  width: 395px;
  height: 1px;
  background-color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .l2 .tl {
  font-size: 30px;
  line-height: 30px;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .cards {
  width: 978px;
  margin: 0 auto;
  padding-top: 52px;
  padding-bottom: 88px;
  display: flex;
  justify-content: space-between;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .cards .card {
  position: relative;
  border-radius: 10px;
  width: 300px;
  height: 180px;
  background-color: #21a4ff;
  overflow: hidden;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .cards .card .bg {
  position: absolute;
  top: -6px;
  right: -50px;
  font-size: 120px;
  line-height: 120px;
  color: #ffffff;
  opacity: 0.1;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .cards .card .tl {
  padding-top: 38px;
  padding-bottom: 22px;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .cards .card .desc-tl {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 11px;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .cards .card:nth-child(2) {
  background-color: #09cd8f;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .content-center .cards .card:nth-child(3) {
  background-color: #e5738d;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container {
  position: relative;
  margin-top: 47px;
  width: 100%;
  height: 309px;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .prev,
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .next {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  color: #007aff;
  font-size: 44px;
  opacity: 0.5;
  z-index: 9;
  transform: translateY(-23px);
  border-radius: 50%;
  transition: 0.5s;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .swiper-button-prev:after,
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .swiper-button-next:after {
  content: '' !important;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .swiper-button-prev,
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .swiper-button-next {
  outline: none;
  margin-top: 0 !important;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .prev:hover,
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .next:hover {
  opacity: 0.8;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .prev {
  top: 50%;
  left: 230px;
  transform: translateY(-50px);
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .next {
  top: 50%;
  right: 230px;
  transform: translateY(-50px);
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .bg {
  position: absolute;
  top: 0;
  width: 340px;
  height: 280px;
  z-index: 1;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .lf {
  left: 0;
  background-image: linear-gradient(90deg, #2a8df5 0%, transparent 100%);
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-container .rt {
  right: 0;
  background-image: linear-gradient(-90deg, #2a8df5 0%, transparent 100%);
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-slide {
  position: relative;
  min-width: 370px;
  max-width: 370px;
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-slide img {
  display: block;
  box-sizing: border-box;
  padding: 10px;
  width: 370px;
  height: 280px;
  background: #ffffff;
  box-shadow: 0px 10px 10px 0px rgba(32, 32, 32, 0.2);
  border-radius: 10px;
  margin-bottom: 29px;
}
#wrap #content .curriculum-show .certificate-container #swiper03 .swiper-slide span {
  position: absolute;
  display: block;
  width: 370px;
  left: 0;
  bottom: 0px;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  letter-spacing: 0px;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-show {
  margin: 126px auto 0;
  width: 1200px;
}
#wrap #content .curriculum-show .certificate-show .desc {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 69px;
}
#wrap #content .curriculum-show .certificate-show .desc .line {
  display: block;
  width: 375px;
  height: 2px;
  background-color: #ffffff;
}
#wrap #content .curriculum-show .certificate-show .desc .text {
  box-sizing: content-box;
  text-align: center;
  width: 400px;
  padding: 0 23px;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-show .item-wrap {
  margin: 0 auto;
  width: 1140px;
  height: 568px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-top: 57px;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item {
  display: flex;
  justify-content: space-between;
  width: 484px;
  height: 209px;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item .text-wrap {
  margin-top: 25px;
  width: 85px;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item .text-wrap .title {
  height: 19px;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 25px;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item .text-wrap .text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item .text-wrap .text .icon {
  display: block;
  width: 18px;
  height: 16px;
  background-image: url("../images/index/images/xingxing_white_03.png");
  background-repeat: no-repeat;
  background-position: center;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item .text-wrap span {
  display: block;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item:nth-child(3) {
  height: 263px;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .item:nth-child(4) {
  height: 263px;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .lf {
  flex-direction: row;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .rt {
  flex-direction: row-reverse;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .text-lf {
  text-align: left;
}
#wrap #content .curriculum-show .certificate-show .item-wrap .text-rt {
  text-align: right;
}
#wrap #content .curriculum-show .certificate-show .image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 353px;
  height: 100%;
}
#wrap #content .curriculum-show .certificate-show .image img {
  display: block;
}
#wrap #content .curriculum-show .certificate-photos {
  width: 100%;
  max-width: 1920px;
  min-width: 1200px;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-around;
}
#wrap #content .curriculum-show .certificate-photos .photo {
  position: relative;
  width: 18%;
}
#wrap #content .curriculum-show .certificate-photos .photo img {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 10px 10px 0px rgba(32, 32, 32, 0.2);
}
#wrap #content .curriculum-show .certificate-photos .photo .info {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  bottom: -45px;
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  color: #ffffff;
}
#wrap #content .mechanism-show {
  width: 100%;
  background-image: url("../images/index/images/banner_04.png");
}
#wrap #content .mechanism-show .mechanism {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 140px;
  padding-top: 139px;
}
#wrap #content .mechanism-show .mechanism .title {
  display: block;
  margin: 0 auto 70px;
  text-align: center;
  height: 31px;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  color: #fffefe;
}
#wrap #content .mechanism-show .mechanism .photos {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#wrap #content .mechanism-show .mechanism .photos .photo {
  position: relative;
  width: 290px;
  height: 235px;
  overflow: hidden;
}
#wrap #content .mechanism-show .mechanism .photos .photo img {
  width: 290px;
  height: 200px;
  border-radius: 8px;
}
#wrap #content .mechanism-show .mechanism .photos .photo span {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  font-size: 16px;
  color: #ffffff;
}
#wrap #content .mechanism-show .mechanism .school {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  width: 100%;
  height: 450px;
  border-radius: 10px;
  border: solid 1px #ffffff;
}
#wrap #content .mechanism-show .mechanism .school img {
  display: block;
  width: 660px;
  border-radius: 10px 0px 0px 10px;
}
#wrap #content .mechanism-show .mechanism .school .info {
  width: 540px;
  height: 450px;
  padding: 35px 76px;
}
#wrap #content .mechanism-show .mechanism .school .info .title {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-bottom: 34px;
}
#wrap #content .mechanism-show .mechanism .school .info .list {
  display: flex;
  justify-content: space-between;
}
#wrap #content .mechanism-show .mechanism .school .info .list .li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 145px;
  height: 322px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 34px;
  letter-spacing: 0px;
  color: #ffffff;
}
#wrap #content .cooperation {
  padding-top: 119px;
  padding-bottom: 100px;
  background-image: url("../images/index/images/banner_02.png");
}
#wrap #content .cooperation .map {
  margin: 0 auto;
  width: 100%;
  height: 841px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
#wrap #content .cooperation .map .inner {
  width: 1200px;
  margin: 0 auto;
}
#wrap #content .cooperation .map .inner .title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #3a3a3a;
  padding-top: 20px;
  padding-bottom: 69px;
}
#wrap #content .cooperation .map .inner .desc {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#wrap #content .cooperation .map .inner .desc .desc-i {
  display: block;
  text-align: center;
}
#wrap #content .cooperation .map .inner .desc .desc-i span {
  display: block;
  width: 100%;
}
#wrap #content .cooperation .map .inner .desc .desc-i span:nth-child(1) {
  font-size: 40px;
  line-height: 38px;
  margin-bottom: 19px;
  color: #b038f9;
}
#wrap #content .cooperation .map .inner .desc .desc-i span:nth-child(2) {
  font-size: 14px;
  color: #3a3a3a;
}
#wrap #content .cooperation .map .inner .desc .desc-i span:nth-child(3) {
  font-size: 14px;
  color: #3a3a3a;
}
#wrap #content .cooperation .map .inner .content {
  margin-top: 69px;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: space-between;
}
#wrap #content .cooperation .map .inner .content .list {
  width: 50%;
  padding-top: 20px;
}
#wrap #content .cooperation .map .inner .content .list div:nth-child(1) {
  margin-bottom: 30px;
}
#wrap #content .cooperation .map .inner .content .list .title {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 16px;
  padding: 0;
  color: #3a3a3a;
  margin-bottom: 16px;
}
#wrap #content .cooperation .map .inner .content .list .info {
  display: inline-block;
  padding: 0 76px 0 0;
  font-size: 16px;
  color: #3a3a3a;
}
#wrap #content .cooperation .map .inner .content .list ul {
  float: left;
  width: 150px;
  margin-left: -10px;
  margin-right: 50px;
}
#wrap #content .cooperation .map .inner .content .list ul li {
  font-size: 16px;
  color: #3a3a3a;
  margin-bottom: 16px;
}
#wrap #content .cooperation .map .inner .content .photo {
  width: 50%;
  height: 400px;
}
#wrap #content .cooperation .map .inner .content .photo img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
#wrap #content .cooperation .strength-certification {
  margin: -29px auto 0;
  width: 1200px;
}
#wrap #content .cooperation .strength-certification .title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #3a3a3a;
}
#wrap #content .cooperation .strength-certification .certificate {
  width: 100%;
  height: 393px;
  margin-top: 70px;
  position: relative;
}
#wrap #content .cooperation .strength-certification .certificate div {
  position: absolute;
}
#wrap #content .cooperation .strength-certification .certificate div:nth-child(1) {
  width: 368px;
  height: 245px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#wrap #content .cooperation .strength-certification .certificate div:nth-child(2) {
  width: 454px;
  height: 303px;
  top: 50%;
  left: 150px;
  transform: translateY(-50%);
  z-index: 9;
}
#wrap #content .cooperation .strength-certification .certificate div:nth-child(3) {
  width: 587px;
  height: 393px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
#wrap #content .cooperation .strength-certification .certificate div:nth-child(5) {
  width: 368px;
  height: 245px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#wrap #content .cooperation .strength-certification .certificate div:nth-child(4) {
  width: 454px;
  height: 303px;
  top: 50%;
  right: 150px;
  transform: translateY(-50%);
  z-index: 9;
}
#wrap #content .cooperation .consulting-service {
  width: 1200px;
  margin: 280px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#wrap #content .cooperation .consulting-service .title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  padding-bottom: 67px;
}
#wrap #content .cooperation .consulting-service .item {
  width: 50%;
  margin-bottom: 40px;
  display: flex;
}
#wrap #content .cooperation .consulting-service .item img {
  display: block;
  width: 180px;
  height: 270px;
}
#wrap #content .cooperation .consulting-service .item .info {
  padding-left: 30px;
  padding-top: 10px;
  color: #ffffff;
}
#wrap #content .cooperation .consulting-service .item .info .li:hover {
  color: rgba(255, 255, 255, 0.7);
}
#wrap #content .cooperation .consulting-service .item .info .li {
  margin-bottom: 25px;
  cursor: pointer;
}
#wrap #content .cooperation .consulting-service .item .info .li span {
  display: block;
}
#wrap #content .cooperation .consulting-service .item .info .li span:nth-child(1) {
  font-size: 16px;
  margin-bottom: 8px;
}
#wrap #content .cooperation .consulting-service .item .info .li span:nth-child(2) {
  font-size: 12px;
}
#wrap #content .cooperation .consulting-service .item .info .li:nth-child(3) {
  margin-bottom: 31px;
}
#wrap #content .cooperation .consulting-service .item .info .more {
  display: block;
  width: 84px;
  height: 30px;
  border: solid 1px #ffffff;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
}
#wrap #footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  background-image: linear-gradient(180deg, #ab24e3 0%, #700ace 100%), linear-gradient(#3e21ae, #3e21ae);
}
#wrap #footer .info {
  /*width: 540px;*/
  /*height: 77px;*/
  font-size: 15px;
  color: #ffffff;
}
#wrap #footer .info span {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 24px;
  letter-spacing: 3px;
}
/*# sourceMappingURL=index.css.map */