


.zt_fd_banner {
  width: 100%;
}
.zt_fd_banner_img {
  width: 100%;
  display: block;
}
.main {
  background-color: #fff;
  padding-top: 20px;
}
.titBox {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #B4270B;
}
.titBox.marginb35 {
  margin-bottom: 35px;
}
.titBox .moudleTit {
  width: 142px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background-color: #B4270B;
  color: #fff;
  font-size: 20px;
}
.titBox .more {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 15px;
  color: #C3C3C3;
  font-size: 16px;
}
.rightText {
  width: 48%;
  overflow: hidden;
}
.rightText ul {
  padding: 20px 0;
}
.rightText ul li {
  height: 49px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rightText ul li a {
  float: left;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  height: 49px;
  line-height: 49px;
  font-size: 16px;
}
.rightText ul li span {
  float: right;
  color: #333333;
  vertical-align: middle;
}
.floorOne {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.floorOne .clearfix {
  padding: 50px 35px 0 35px;
  min-height: 380px;
}
.floorThree {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.floorThree .clearfix {
  padding: 25px 15px 0 15px;
  width: 30%;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-height: 454px;
}
.floorThree .rightText {
  width: 100%;
}
.floorThree .rightText ul li a {
  width: 100%;
}
.floorFive {
  padding-top: 30px;
}
.floorFive .learnContent {
  position: relative;
  height: 360px;
  width: 100%;
  overflow: hidden;
}
.floorFive .learnContent .swiper-containerTwe {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.floorFive .learnContent .swiper-containerTwe .swiper-slide {
  background-size: 100% 100%;
  opacity: 0.4;
  transition: 300ms;
  transform: scale(0.8);
  height: 90%;
  width: 640px;
}
.floorFive .learnContent .swiper-containerTwe .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.floorFive .learnContent .swiper-containerTwe .swiper-slide.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}
.floorFive .learnContent .swiper-containerTwe .swiper-slide p {
  text-align: center;
  color: #636363;
  font-size: 16px;
  line-height: 36px;
}
.floorFive .learnContent .swiper-containerTwe .swiper-button-prev {
  left: 0px;
  width: 45px;
  height: 45px;
  background: url(../img/wm_button_icon.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
.floorFive .learnContent .swiper-containerTwe .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%;
}
.floorFive .learnContent .swiper-containerTwe .swiper-button-next {
  right: 0px;
  width: 45px;
  height: 45px;
  background: url(../img/wm_button_icon.png) no-repeat;
  background-position: 0 -93px;
  background-size: 100%;
}
.floorFive .learnContent .swiper-containerTwe .swiper-button-next:hover {
  background-position: 0 -139px;
  background-size: 100%;
}
.curriculum {
  margin-bottom: 70px;
}
.curriculum ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.curriculum ul li {
  float: left;
}
.curriculum ul li img {
  display: block;
  width: 100%;
  height: 100%;
}
.curriculum ul.fourImg li {
  width: 280px;
  height: 165px;
}
.curriculum ul.threeImg {
  margin-top: 65px;
}
.curriculum ul.threeImg li {
  width: 390px;
  height: 100px;
}


