.overview {
  padding: 10% 0 20.31%;
  text-align: center;
  background: url(../images/overview_bg.png) bottom no-repeat;
}
.overview p {
  margin-bottom: 49px;
}
.overview .ctitle {
  margin-bottom: 84px;
}
.overview .content {
  line-height: 38px !important;
  font-size: 20px;
  color: #666;
  margin-bottom: 99px;
}
.overview .shuju {
  height: 200px;
  background: linear-gradient(to right, #72b32e, #3299a2);
  margin-bottom: 146px;
}
.overview .shuju ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
.overview .shuju ul li div:nth-child(1) {
  font-size: 65px;
  color: #fff;
  margin-bottom: 8px;
}
.overview .shuju ul li div:nth-child(2) {
  font-size: 16px;
  color: #fff;
}
.message {
  padding: 10% 0;
}
.message .ctitle {
  margin-bottom: 77px;
}
.message .content {
  background: #f8f8f8;
  height: 802px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.message .content .left {
  width: 56.97%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 7.59%;
}
.message .content .left p {
  font-size: 18px;
  color: #666;
  line-height: 36px;
  margin-bottom: 38px;
}
.message .content .left p:nth-child(1) {
  color: #666;
  line-height: 38px;
  margin-bottom: 30px;
}
.message .content .left p:last-child {
  text-align: right;
}
.message .content .pho {
  width: 34.2%;
}
.course {
  padding: 10% 0;
}
.course .content {
  overflow: scroll;
}
.course .content ::-webkit-scrollbar-thumb： {
  background: #000;
}
.course .pub_title {
  text-align: center;
}
.course .pub_title .ctitle {
  margin-bottom: 72px;
}
.course .content {
  background: #fafafa;
  height: 748px;
  display: flex;
  align-items: center;
}
.course .content .box {
  padding-left: 8.33%;
  height: 1px;
  background: #666;
  width: fit-content;
}
.course .content ul {
  display: flex;
  flex-direction: row-reverse;
  white-space: nowrap;
  justify-content: start;
  height: 200px;
}
.course .content ul li {
  margin-right: 10px;
}
.course .content ul li .js {
  position: relative;
  top: -210px;
  width: fit-content;
}
.course .content ul li p:nth-child(1) {
  font-size: 48px;
  margin-bottom: 0.58em;
}
.course .content ul li p:nth-child(2) {
  font-size: 18px;
  font-weight: lighter;
  line-height: 1.83em;
}
.course .content ul li:nth-child(2n-1) img {
  transform: translateY(-216%);
}
.course .content ul li:nth-child(2n-1) p:nth-child(2) {
  font-size: 18px;
  font-weight: lighter;
  line-height: 1.83em;
}
.course .content ul li:nth-child(2n) img {
  transform: rotate(180deg) translateY(20%);
}
.honor {
  position: relative;
  padding: 10% 0;
}
.honor .pub_title {
  text-align: center;
}
.honor .swiper-slide {
  transform: scale(0.8) !important;
  transition: 0.3s;
}
.honor .swiper-slide-active {
  transform: scale(1) !important;
}
.honor .my-button-next,
.honor .my-button-prev {
  width: 70px;
  height: 70px;
  background: linear-gradient(to right, #ccc, #ccc);
  border-radius: 50%;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.honor .my-button-next:hover,
.honor .my-button-prev:hover {
  background: linear-gradient(to right, #72b32e, #3299a2);
  cursor: pointer;
}
.honor .my-button-next {
  right: 0;
}
.honor .my-button-prev {
  transform: translateY(-50%) rotate(180deg);
}
.beautiful {
  padding: 10% 0;
}
.beautiful .pub_title {
  text-align: center;
}
.beautiful .pub_title .ctitle {
  margin-bottom: 4%;
}
.beautiful .swiper {
  margin-left: 12.24% !important;
}
.beautiful .swiper img {
  width: 100% !important;
}
.beautiful .swiper .swiper-slide {
  width: 639px !important;
}
.video {
  padding: 10% 0;
  cursor: pointer;
}
.video .pub_title {
  text-align: center;
}
.video .content {
  position: relative;
}
.video .content video {
  width: 100%;
}
.video .content .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.message .content .pho {
    width: 21.2%;
}
.message .content .left {
    width: 65.97%;
}
.overview{
    text-align: left;
}
.overview .pub_title{
    text-align: center;
}
.overview p{
    text-indent: 2em;
}
.course .content::-webkit-scrollbar-thumb {
    background: #22ab5f;
}
.message .content .left p:nth-child(1){
    font-style: normal;
}
.overview .shuju ul{
    text-align: center;
}