*{
    font-family: Frank Ruhl Libre, Frank Ruhl Libre-ExtraBold;
}
.enruning_center{
    width: 1200px;
    margin: 0 auto;
}
.common_title .title_1{
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  color: #ff9000;
}

.common_title .title_2{
  font-size: 35px;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  color: #323232;
  font-weight: 700;
}


a:hover{
    color: #ffffff;
}
.banner{
    height: 728px;
    background: #FF9000;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.banner .enruning_center{
  position: relative;
}
.banner  .swiper_backgroud_img{
  position: absolute;
  z-index: 5;
  transform: translateX(-31%);
}
.banner .swiper {
  margin: 0 auto;
  width: 1920px;
  height: 728px;
  overflow: hidden;
}
.banner .swiper-slide {
  position: relative;
  padding-top: 200px;
}
.banner .img_1{
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
.banner .swiper-slide .img_2{
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
} 
.banner .swiper-slide .img_3{
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
} 
.banner .swiper-slide .enruning_center{
  height: 728px;
} 
.banner .swiper-slide .title{
  position: relative;
  z-index: 2;
  width: 620px;
  margin-bottom: 45px;
  font-size: 52px;
  font-weight: 900;
  color: #ff9000;
}
.banner .swiper-slide .content {
  position: relative;
  z-index: 10;
  width: 579px;
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  line-height: 34px;
}
.banner .swiper-slide a{
  position: relative;
  z-index:10;
  margin-top: 92px;
  display: block;
  width: 168px;
  height: 54px;
  background: #ff9000;
  border-radius: 4px;
  text-align: center;
  line-height:54px;
  font-size: 17px;
  color: #ffff;
}


.enruning_1{
  margin-top: 50px;
  margin-bottom: 100px;
}
.enruning_1 .left{
  float: left;
}
.enruning_1 .left>div,
.enruning_1 .right>div{
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.enruning_1 .left>div img,
.enruning_1 .right>div img{
  position: absolute;
  left: 0;
  top: 0;
  transition: all .5s;
}
.enruning_1 .left>div:hover img,
.enruning_1 .right>div:hover img{
  transform: scale(1.1);
}

.enruning_1_style_1{
  width: 380px;
  height: 586px;
}

.enruning_1_style_1  .p1{
  position: absolute;
  z-index: 10;
  right: 28px;
  bottom: 28px;
  writing-mode: tb;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  color: #323232;
}
.enruning_1_style_1 .p1_backgroud{
  position: absolute;
  z-index: 1;
  right: 28px;
  bottom: 14px;
  width: 88px;
  height: 482px;
  opacity: 0;
  background: #ffff;
  border-radius: 0px 0px 10px 0px ;
  transition: all .5s;
}
.enruning_1_style_1:hover .p1_backgroud{
  right: 14px;
  opacity: 0.5;
}
.enruning_1_style_1  .p2{
  position: absolute;
  z-index: 10;
  right: 54px;
  bottom: 28px;
  font-size: 35px;
  writing-mode: tb;
}
.enruning_1_style_1 .p2_backgroud{
  position: absolute;
  z-index: 2;
  right: 28px;
  bottom: 28px;
  width: 88px;
  height: 482px;
  opacity: 0;
  background: #ffff;
  border-radius: 10px 0px 0px 0px ;
  transition: all .5s;
}
.enruning_1_style_1:hover .p2_backgroud{
  bottom: 14x;
  opacity:  0.5;
}
.enruning_1_style_1:hover{
  color: #ff9000;
}
.enruning_1 .right{
  width: 790px;
  float: left;
  margin-left: 30px;
}
.enruning_1 .right>div{
  float: left;
}
.enruning_1_style_2{
  width: 457px;
  height: 278px;
}
.enruning_1_style .text{
  position: absolute;
  z-index: 2;
  font-size: 35px;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  color: #323232;
  line-height: 41px;
  letter-spacing: -0.35px;
}
.enruning_1_style .text span{
  position: relative;
  z-index: 100;
}
.enruning_1_style .text .backgroud1{
  position: absolute;
  top: 0px;
  left: 0;
  width: 120%;
  height: 120%;
  opacity: 0;
  background-color: #ffff;
  border-radius: 10px 0px 0px 0px ;
  transition: all .5s;
}
.enruning_1_style:hover .text .backgroud1{
  top: -10px;
  opacity: 0.5;
}
.enruning_1_style .text .backgroud2{
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 120%;
  opacity:0;
  background-color: #ffff;
  border-radius: 0px 0px  10px 0px;
  transition: all .5s;
}
.enruning_1_style:hover .text .backgroud2{
  left: 14px;
  opacity: 0.5;
}
.enruning_1_style_2 .text{
  top: 90px;
  left: 27px;
}
.enruning_1_style:hover .text span:first-child{
  color: #FF9000;
}
.enruning_1_style_3{
  margin-left: 30px;
  width: 303px;
  height: 278px;
}
.enruning_1_style_3 .text{
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}
.enruning_1_style_4{
  margin-top: 30px;
  width: 303px;
  height: 278px;
}
.enruning_1_style_4 .text{
  right: 18px;
  bottom: 20px;
}
.enruning_1_style_5{
  margin-left: 30px;
  margin-top: 30px;
  width: 457px;
  height: 278px;
}
.enruning_1_style_5 .text{
  left: 33px;
  top: 45px;
}


.enruning_2{
  margin-bottom: 100px;
  height: 551px;
}
.enruning_2 .left{
  float: left;
  width: 589px;
}
.enruning_2 .left .content{
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  color: #ff9000;
}
.enruning_2 .left .title{
  margin-bottom: 55px;
  font-size: 44px;
  font-style: italic;
  color: #323232;
  line-height: 50px;
  font-weight: 700;
}

.enruning_2 .left .tic{
  font-size: 17px;
  font-weight: 500;
  font-style: italic;
  color: #323232;
  line-height: 24px;
}
.enruning_2 .left .message{
  margin-bottom: 25px;
  margin-top: 47px;
  width: 400px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.enruning_2 .left .message>div{
  width: 150px;
  margin-bottom: 21px;
  font-size: 15px;
  font-weight: 500;
  font-style: italic;
  color: #323232;
}
.enruning_2 .left .message>div img{
  margin-right: 10px;
}
.enruning_2 .left a{
  display: block;
  width: 184px;
  height: 55px;
  background: #ff9000;
  font-weight: 500;
  text-align: center;
  line-height: 55px;
  color: #ffff;
}
.enruning_2 .right{
  float: right;
}

.enruning_3{
  margin-bottom: 100px;
  height: 400px;
}

.enruning_3 .enruning_center{
  display: flex;
}
.enruning_3 .right{
  flex: 1;
  background-image: url(https://qiniugw.sdwanyue.com/20240109/%E5%8F%B3%E5%9B%BE.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.enruning_3 .right>div{
  padding-top: 15px;
  height: 200px;
  width: 300px;
  text-align: center;
  box-sizing: border-box;
}
.enruning_3 .right>div .count{
  font-size: 76px;
  font-weight: 900;
  color: #ff9000;
}
.enruning_3 .right>div .content{
  font-size: 24px;
  color: #ffffff;
}

.enruning_4_info{
  margin-bottom: 100px;
  margin-top: 89px;
  height: 380px;
}
.enruning_4_info>div{
  margin-right: 29px;
  float: left;
  position: relative;
  height: 100%;
  width: 278px;
}
.enruning_4_info>div:last-child{
  margin-right: 0;
}
.enruning_4_info>div .top{
  width: 278px;
  height: 335px;
  overflow: hidden;
}
.enruning_4_info>div .top img{
  transition: all .5s;
}
.enruning_4_info>div:hover .top img{
  transform: scale(1.1);
}
.enruning_4_info>div .bottom{
  padding: 26px 0 0 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 262px;
  height: 93px;
  background: #22242a;
  border-radius: 4px;
  box-sizing: border-box;
}
.enruning_4_info>div .bottom .title{
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
.enruning_4_info>div .bottom .tic{
  font-weight: 500;
  color: #ffffff;
}
.enruning_4_info>div .bottom::after{
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background: #ff9000;
  transition: all .5s;
}
.enruning_4_info>div:hover .bottom::after{
  width: 100%;
}

.enruning_5 {
  position: relative;
  margin: 0 auto;
  padding: 96px 63px 0 63px;
  width: 1920px;
  height: 845px;
  background: #222429;
  box-sizing: border-box;
}
.enruning_5 .common_title .title_2{
  color: #ffff;
  font-size: 700;
  }


.enruning_5_info  .swiper {
    margin: 80px auto 0;
    width: 100%;
    height: 452px;
  }

.enruning_5_info  .swiper-slide {
    position: relative;
    overflow: hidden;
  }

 .enruning_5_info .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
  }
  .enruning_5_info .swiper-slide:hover img{
    transform: scale(1.1);
  }
  .enruning_5_info  .swiper-slide .content{
    padding: 32px 0 0 28px;
    position: absolute;
    z-index: 10;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 366px;
    height: 115px;
    background: #ffa800;
    border-radius: 6px;
    box-sizing: border-box;
    opacity: 0;
    transition: all .5s;
  }
  .enruning_5_info  .swiper-slide:hover .content{
    opacity: 1;
  }
  .enruning_5_info  .swiper-slide .content .top{
    position: absolute;
    right: 22px;
    top: -22px;
    font-size: 44px;
    width: 45px;
    height: 45px;
    background: #1b1e22;
    border-radius: 6px;
    line-height:45px;
    text-align: center;
    color: #ffff;
  }
  .enruning_5_info  .swiper-slide .content p{
    font-size: 24px;
    color: #323232;
  }
  .enruning_5_info  .swiper-slide .content a{
    font-size: 18px;
    font-weight: 500;
    color: #0078ff;
  }
  .enruning_5_info  .swiper-pagination-progressbar{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 80px;
    width: 480px;
    height: 6px;
    background: #ffffff;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: #FF9000;
  }

  .enruning_6{
    margin-bottom: 80px;
  }
.enruning_6 .enruning_center{
  margin: 100px auto;
}
  
 .enruning_6 .swiper-container {
    width: 100%;
    height: 270px
  }

 .enruning_6 .swiper-slide {
    padding: 45px;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.05); 
    width:  600px;
    box-sizing: border-box;
    display: flex;
  }
  .enruning_6 .swiper-slide .img{
    margin-right: 19px;
    width: 115px;
  }
  .enruning_6 .swiper-slide .content{
    position: relative;
    flex: 1;
  }
  .enruning_6 .swiper-slide .content .title_1{
    margin-bottom: 17px;
    font-size: 30px;
    font-style: italic;
    color: #121212;
  }
  .enruning_6 .swiper-slide .content .title_2{
    margin-bottom: 35px;
    font-size: 20px;
    font-style: italic;
    color: #767676;
  }
  .enruning_6 .swiper-slide .content .tic{
    font-size: 16px;
    font-style: italic;
    color: #646464;
    line-height: 24px;
  }
  .enruning_6 .swiper-slide .content .icon{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height:24px;
    overflow: hidden;
  }
  .enruning_6 .swiper-slide:hover .content .icon img:first-child{
    display: none;
  }

  .enruning_7{
    padding-top: 120px;
    margin: 0 auto;
    width: 1920px;
    height: 760px;
    background: #24252a;
    background-image: url(https://qiniugw.sdwanyue.com/20240110/%E7%BB%84%2029.png);
    background-repeat: no-repeat;
    background-size: 100%;
    box-sizing: border-box;
  }

  .enruning_7 .title_1{
    margin-bottom: 30px;
    font-size: 16px;
    font-style: italic;
    color: #ff9000;
  }
  
  .enruning_7 .title_2{
    margin-bottom: 39px;
    font-size: 46px;
    font-weight: 900;
    font-style: italic;
    color: #ffffff;
  }

  .enruning_7 .tic{
    margin-bottom: 39px;
    font-style: italic;
    color: #ffffff;
    line-height: 23px;
  }

  .enruning_7 .box{
    margin-top: 110px;
    display: flex;
    justify-content: space-between;
  }
  .enruning_7 .box>div{
    position: relative;
    padding: 30px 28px;
    width: 380px;
    height: 274px;
    background: #ffffff;
    border-radius: 8px;
    box-sizing: border-box;
  }
  .enruning_7 .box>div img{
    display: block;
  }
  .enruning_7 .box>div .count{
    position: absolute;
    top: 91px;
    right: 33px;
    font-size: 89px;
    font-weight: 900;
    text-align: right;
    line-height: 89px;
    color: #e7e7e7;
  }

  .enruning_7 .box>div .box_title{
    margin-top: 50px;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    color: #323232;
  }

  .enruning_7 .box>div .box_message{
    margin-top: 30px;
    font-weight: 500;
    font-style: italic;
    color: #646464;
    line-height: 22px;
  }

  .enruning_8{
    position: relative;
    margin: 67px auto 29px;
    width: 1920px;
    height: 396px;
  }
  .enruning_8>div{
    background-repeat: no-repeat;
  }
.enruning_8 .info_1{
  background-image: url(https://qiniugw.sdwanyue.com/20240110/%E5%B7%A6.png);
  width: 831px;
  height: 300px;
}
.enruning_8 .info_1>div{
  position: relative;
}
.enruning_8 .info_1>div .line{
  position: absolute;
  left: 126px;
  top: 15px;
  width: 10px;
  height: 270px;
  background: #ff9000;
  }
  .enruning_8 .info_1>div .text{
    position: absolute;
    left: 157px;
    top: 50px;
  }
  .enruning_8 .info_1>div .text>div:nth-child(1){
    font-size: 60px;
    font-style: italic;
    color: #ffffff;
  }
  .enruning_8 .info_1>div .text>div:nth-child(2){
    font-size: 50px;
    font-style: italic;
    color: #FF9000;
  }
  .enruning_8 .info_2{
    padding-top: 50px;
    position: absolute;
    z-index: 5;
    top: -30px;
    left: 618px;
    background-image: url(https://qiniugw.sdwanyue.com/20240110/%E4%B8%AD%E9%97%B4.png);
    width: 411px;
    height: 396px;
    font-size: 74px;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
  }
  .enruning_8 .info_3{
    padding: 74px 301px 61px 303px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 1089px;
    height: 300px;
    background-image: url(https://qiniugw.sdwanyue.com/20240110/%E5%8F%B3.png);
    box-sizing: border-box;
  }

  .enruning_8 .info_3 span:nth-child(1){
    color: #ff9000;
  }
  .enruning_8 .info_3 span{
    line-height: 60px;
    font-size: 60px;
    font-style: italic;
    color: #ffff;
  }