body {
  min-height: 100vh;
  /* background: url('../images/bg.png') no-repeat center; */
  background: url('../images/bg.png') no-repeat center;
  background-size: 100% 100%;
}
.page_content {
  width: 1200px;
  margin: auto;
}
.banner {
  /* background: url('../images/banner.png') no-repeat center;
  background-size: 100% 100%; */
}
.page_title {
  width: 1200px;
	height: max-content;
	background-color: rgb(255, 255, 255, .8);
	box-shadow: 0px 10px 50px 0px 
		rgba(126, 0, 139, 0.05);
	border-radius: 20px;
  font-size: 16px;
  line-height: 30px;
  color: #282828;
  padding: 43px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  text-indent: 2em;
}
.rect1 {
  position: absolute;
  right: 12px;
  bottom: -12px;
}
.rect2 {
  position: absolute;
  left: 12px;
  top: -12px;
}

.jiaoxue_con {
  width: 1200px;
	height: 600px;
	background-color: rgb(255, 255, 255, .8);
	box-shadow: 0px 10px 50px 0px 
		rgba(0, 53, 162, 0.05);
	border-radius: 20px;
  margin-top: 53px;
}
.jiaoxue_con .block_title {
  display: block;
  margin: auto;
  position: relative;
  top: -10px;
}

.jiaoxue_con .tab_wrap {
  overflow: hidden;
  position: relative;
  /* height: 50px; */
  margin-top: 25px;
  padding-top: 3px;
}

.jiaoxue_con .tab_con {
  position: relative;
  width: calc(100% - 120px);
  margin: auto;
  font-weight: bold;
  font-family: DIN Black;
  font-size: 28px;
  text-align: center;
  color: rgba(38, 119, 232, .3);
  overflow: hidden;
}

.tab_wrap .swiper-slide-active {
  /* font-size: 30px; */
  color: #2577e8;
  position: relative;
  top: -7px;
}

.swiper-button-next_jx {
  position: absolute;
  left: 32px;
  top: 3px;
  z-index: 999;
  cursor: pointer;
}
.swiper-button-prev_jx {
  position: absolute;
  right: 32px;
  top: 3px;
  z-index: 999;
  cursor: pointer;
}
.jiaoxue_con .tab_title {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  padding: 0 40px;
  margin-top: 20px;
  text-align: left;
  text-indent: 2em;
}

.cj_con .block_title {
  display: block;
  margin: auto;
  margin-top: 32px;
}

.cj_bg_con{ 
  width: 226px; 
  height: 470px; 
  position: relative
}
.cj_bg_con .cover { 
  width: 205px; 
  height: 205px;  
  position: absolute;
}
.cj_bg_con_img{ 
  width: 100%; 
  height: 100%;
  position: absolute; 
  z-index: 99;
}
.y3_1_li_img_2_2{ 
  width: 220px; 
  height: 460px;
  position: absolute; 
  z-index: 99;
  display: none;
}
.cj_item:nth-child(even) .cj_bg_con_img{ 
  background: url("../images/card-1.png") no-repeat;
  background-size: 100% 100%; 
}
.cj_item:nth-child(odd) .cj_bg_con_img{ 
  background: url("../images/card-2.png") no-repeat;
  background-size: 100% 100%;
}

/* .cj_item:nth-child(odd) .y3_1_li_img_2_2{ background: url("../images/card-1hover.png") no-repeat; }
.cj_item:nth-child(even) .y3_1_li_img_2_2{ background: url("../images/card-2hover.png") no-repeat;} */


.cj_item:nth-child(even) .cj_bg_con img{
  left: 10px; 
  top: 232px;
}
.cj_item:nth-child(odd)  .cj_bg_con img{
  left: 10px;
  top: 40px;
}


.mySwiper2{ 
  height: 480px;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
}
.zi_con{ 
  width: 190px;
  margin: 20px;
  position: absolute; 
  z-index: 100;
}
.cj_item:nth-child(even) .zi_con{ 
  top:-5px;
}
.cj_item:nth-child(odd) .zi_con{
  top: 216px;
}


.zi_con img{ 
  width: 41px;
  height: 41px; 
  float:left; 
  margin-right: 10px; 
  padding-top: 10px;
}

.zi_con .desc {
  font-size: 14px;
  color: #282828;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-align: left;
}

.zi_con .name {
  font-size: 14px;
  color: #7350ab;
  text-align: right;
  margin-top: 15px;
}

.zi_con .zw {
  font-size: 14px;
  color: #7350ab;
  text-align: right;

}

.swiper-button-prev3 {
  width: 27px;
  height: 28px;
  position: absolute;
  cursor: pointer;
  left: 0px;
  right: auto;
  display: flex;
  top: 45%;
  z-index: 99;
}
.swiper-button-next3 {
  width: 26px;
  height: 28px;
  position: absolute;
  cursor: pointer;
  right: 0;
  left: auto;
  display: flex;
  top: 45%;
  z-index: 99;
}

.za_4 {
  margin-top: 25px;
  margin-bottom: 110px;
}

.za_5_2{ 
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 40px;
  padding-top: 15px;
  box-sizing: border-box;
  margin-top: 30px;
}
.za_5_2 img { 
  float: left; width: 421px; height: 263px;
}
.za_5_2_list {    
  width: 690px;
  float: left;
}
/*滚动条整体样式*/
.za_5_2_list::-webkit-scrollbar { width: 5px; background: #80ceeb}
/*滚动条里面小方块*/
.za_5_2_list::-webkit-scrollbar-thumb{width: 5px;  height:50px; background:#9b9b9b}
/*滚动条里面轨道*/
.za_5_2_list::-webkit-scrollbar-track{ background: #fff}

.za_5_2_list ul {

}

.za_5_2_list li{ 
  display: block; 
  /* height: 37px; */
  padding-left: 30px; 
  overflow: hidden; 
  line-height: 37px; 
  text-align: left; 
  display: flex;
  align-items: center;
}

.za_5_2_list_4 li {
  /* line-height: 30px !important;  */
}

.za_5_2_list li a{
  font-size: 16px; 
  color: #282828;
  display: block; 
  float: left; 
}

.za_5_2_list li span { 
  display: block; 
  float: left; 
  width: 6px; 
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%; 
  background: #243741;
  margin-right: 14px;
  /* background: url("../images/dian.png"); */
}

.youxiu .swiper-pagination-bullet {
  width: 10px;
	height: 10px;
  background-color: #c9ab70;
}
.youxiu .swiper-pagination-bullet-active {
  width: 40px;
	height: 10px;
	background-color: #c06762;
	border-radius: 5px;
}