@charset "UTF-8";


.feat-course-area {

  padding: 30px 0

}



.container {

  max-width: 1240px;

}







/* @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Rubik:wght@400;500;600;700;800;900&display=swap'); */





html,

body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}



body {

  font-family: '微软雅黑', sans-serif;

    font-weight: 400;

    color: #130f40;

    position: relative;

    overflow-x: hidden;

    font-size: 14px;

    line-height: 1.42857143;

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



a,

a:visited,

a:focus,

a:active,

a:hover {

    text-decoration: none;

    outline: none;

}



a,

button {

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



button {

    cursor: pointer;

}



button:focus {

    outline: 0;

}



a {

    color: #2c3e50;

    font-size: 16px;

}



h1 {

    font-size: 70px;

    line-height: 80px;

    color: #130F40;

}



h2 {

    font-size: 35px;

    line-height: 55px;

    color: #130F40;

}



h3 {

    font-size: 24px;

    line-height: 34px;

    color: #130F40;

}



h4 {

    font-size: 22px;

    line-height: 32px;

}



h5 {

    font-size: 18px;

    line-height: 28px;

}



h6 {

    font-size: 16px;

    line-height: 26px;

}



p {

  font-family: '微软雅黑', sans-serif;

    font-size: 16px;

    line-height: 26px;

    color: #696969;

}

.big {

  font-family: '微软雅黑', sans-serif;
  
  font-weight: 200;

  font-size: 18px;
  
  line-height: 1.6;
}



.sec-heading {

  margin-bottom: 40px

}



.sec-heading h4 {

  font-size: 16px;

  line-height: 26px;

  font-weight: 100;

  text-transform: uppercase;

  color: #FF630E;

  letter-spacing: 1px;

}



.sec-heading h2 {

  font-size: 35px;

  line-height: 55px;

  font-weight: 100;

}



.course-card.bg-gray.two {

  margin: 0;

}



.course-card.two {

  margin: 10px 5px;

  -webkit-box-shadow: 0 0;

  box-shadow: 0 0

}



.course-card {



  margin-bottom: 30px;

  border-radius: 10px;

  -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.10);

  box-shadow: 0 0 10px rgba(51, 51, 51, 0.10);

  overflow: hidden;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  background-color: #fff;

  position: relative

}



.bg-gray {

  background-color: #f7f7f7 !important;

}





.video-player-wrap-1 {

  background-image: url(../images/index_02_01.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 100px 0;

  border-radius: 10px

}



.video-player-wrap-4 {

  background-image: url(../images/index_02_02.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 100px 0;

  border-radius: 10px

}



.video-player-wrap-6 {

  background-image: url(../images/index_02_03.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 100px 0;

  border-radius: 10px

}



.video-player-wrap-x {

  background-image: url(../images/index_02_04.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 100px 0;

  border-radius: 10px

}



.video-player-wrap-y {

  background-image: url(../images/index_02_05.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 100px 0;

  border-radius: 10px

}



.d-table {

  width: 100%;

  height: 100%;

}



.video-player a {

  display: inline-block;

  width: 80px;

  height: 80px;

  font-size: 30px;

  line-height: 80px;

  padding: 0 28px;

  background-color: #fff;

  color: #FF630E;

  position: relative;

  border-radius: 4px;

}





.video-player a:hover {

  background-color: #FF630E;

  color: #fff;

}



.video-player a:before {

  content: "";

  position: absolute;

  left: -5px;

  top: -5px;

  height: 90px;

  width: 90px;

  border: 3px solid #fff;

  border-radius: 4px;

  -webkit-animation: icon-bubble 1s infinite forwards linear 0.5s;

  animation: icon-bubble 1s infinite forwards linear 0.5s;

}



.video-player a:after {

  content: "";

  position: absolute;

  left: -5px;

  top: -5px;

  height: 90px;

  width: 90px;

  border: 3px solid #fff;

  border-radius: 4px;

  -webkit-animation: icon-bubble 1s infinite forwards linear;

  animation: icon-bubble 1s infinite forwards linear;

}



@-webkit-keyframes icon-bubble {



  0% {

      -webkit-transform: scale(0.85);

      transform: scale(0.85);

      opacity: 1;

  }



  25% {

      -webkit-transform: scale(1.05);

      transform: scale(1.05);

      opacity: 0.8;

  }



  50% {

      -webkit-transform: scale(1.2);

      transform: scale(1.2);

      opacity: 0.55;

  }



  75% {

      -webkit-transform: scale(1.32);

      transform: scale(1.32);

      opacity: 0.3;

  }



  100% {

      -webkit-transform: scale(1.4);

      transform: scale(1.4);

      opacity: 0;

  }

}







.course-carousel.owl-carousel .owl-nav > div {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 40px;

  color: #696969;

  left: -30px;

  -webkit-transition: 0.3s;

  transition: 0.3s

}







.course-carousel.owl-carousel .owl-nav > div:hover {

  color: #FF630E

}







.course-carousel.owl-carousel .owl-nav .owl-next {

  left: auto;

  right: -30px;

}







.course-card.bg-gray.two {

  margin: 0;

}