.course {

    padding: 70px 0 100px 12%;

}

.course_lb {

    padding-right: 7%;

}

.pr {

    position: relative;

}

.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}

.swiper-container-android .swiper-slide, .swiper-wrapper {

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}

.course_lb .swiper-slide {

    padding-bottom: 50px;

}

.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

}

.course_size {

    font-size: 1rem;

    line-height: 28px;

    color: #5D5E5E;

    padding: 0 25px;

    height: 480px;

    border-right: 1px solid #F3F4F4;

    position: relative;

}

.course_size p {

    font-size: 2.8125rem;

    color: #F37F08;

    margin-bottom: 30px;

    line-height: 35px;

}

ul, li, p {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

.course_lb .swiper-container-horizontal > .swiper-pagination-progressbar {

    top: auto;

    bottom: 0;

    background: #EDEDED;

}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0;

}

.swiper-pagination-progressbar {

    background: rgba(0,0,0,.25);

    position: absolute;

}

.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s opacity;

    -o-transition: .3s opacity;

    transition: .3s opacity;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    z-index: 10;

}

.course_lb .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    top: auto;

    bottom: 0;

    background: -moz-linear-gradient(43.13% -569.59% -46.69deg, rgba(255, 216, 0, 0.6) 0.41%, rgba(253, 198, 2, 0.65) 13.85%, rgba(246, 152, 6, 0.76) 40.74%, rgba(236, 78, 12, 0.92) 78.22%, rgba(230, 35, 16, 1) 98.8%);

    background: -webkit-linear-gradient(-46.69deg, rgba(255, 216, 0, 0.6) 0.41%, rgba(253, 198, 2, 0.65) 13.85%, rgba(246, 152, 6, 0.76) 40.74%, rgba(236, 78, 12, 0.92) 78.22%, rgba(230, 35, 16, 1) 98.8%);

    background: -webkit-gradient(linear, 43.13% -569.59%, 93.86% 4005.18%, color-stop(0.0041, rgba(255, 216, 0, 0.6)), color-stop(0.1385, rgba(253, 198, 2, 0.65)), color-stop(0.4074, rgba(246, 152, 6, 0.76)), color-stop(0.7822, rgba(236, 78, 12, 0.92)), color-stop(0.988, rgba(230, 35, 16, 1)));

    background: -o-linear-gradient(-46.69deg, rgba(255, 216, 0, 0.6) 0.41%, rgba(253, 198, 2, 0.65) 13.85%, rgba(246, 152, 6, 0.76) 40.74%, rgba(236, 78, 12, 0.92) 78.22%, rgba(230, 35, 16, 1) 98.8%);

    background: -ms-linear-gradient(-46.69deg, rgba(255, 216, 0, 0.6) 0.41%, rgba(253, 198, 2, 0.65) 13.85%, rgba(246, 152, 6, 0.76) 40.74%, rgba(236, 78, 12, 0.92) 78.22%, rgba(230, 35, 16, 1) 98.8%);

    background: linear-gradient(136.69deg, rgba(255, 216, 0, 0.6) 0.41%, rgba(253, 198, 2, 0.65) 13.85%, rgba(246, 152, 6, 0.76) 40.74%, rgba(236, 78, 12, 0.92) 78.22%, rgba(230, 35, 16, 1) 98.8%);

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

}

.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000;

}

.course_lb .swiper-button-next, .course_lb .swiper-button-prev {

    background: none !important;

    width: auto;

    height: auto;

}

select:focus, .swiper-button-next, .swiper-button-prev, .swiper-pagination-clickable .swiper-pagination-bullet, textarea, input:focus {

    outline: none;

    resize: none;

}

[role=button] {

    cursor: pointer;

}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);

    right: 10px;

    left: auto;

}

.swiper-button-next, .swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat;

}

img {

    max-width: 100%;

    vertical-align: middle;

    border: 0;

}

.development .development-bot {

    padding: 100px 0 100px;

}

.container {

    width: 1400px;

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

.row {

    margin-right: -15px;

    margin-left: -15px;

}

.development .swiper-container {

    padding: 0 5px;

}

.development .development-bot .gallery-top .swiper-slide {

    text-align: center;

}

.development .development-bot .gallery-top .swiper-slide-active {

	color:#f37f08;

}

.development .development-bot .gallery-top .swiper-slide .deve-div {

    border-radius: 12px;

    margin: 0 auto;

    display: inline-block;

    text-align: left;

    border-radius: 20px;

    background: #fff;

    padding: 25px;

    width: 100%;

    overflow: hidden;

}

.development .development-bot .gallery-top .swiper-slide .deve-div .nian {

    font-size: 3rem;

    color: #5A5858;

    line-height: 1;

	text-align:center;

}

.development .development-bot .gallery-top .swiper-slide .deve-div .neri-d {

    font-size: 16px;

    line-height: 34px;

    margin-top: 20px;

    color: #757575;

    height: 50px;

    overflow-x: hidden;

    padding-right: 10px;

	text-align:center;

}

.development .development-bot .gallery-top .swiper-slide-active .deve-div .nian {

    font-size: 3rem;

    color: #f37f08;

    line-height: 1;

}

.development .development-bot .gallery-top .swiper-slide-active .deve-div .neri-d {

    font-size: 16px;

    line-height: 34px;

    margin-top: 20px;

    color: #f37f08;

    height: 50px;

    overflow-x: hidden;

    padding-right: 10px;

}



.development .development-bot .gallery-thumbs {

    margin-top: 10px;

    position: relative;

}

.swiper-container-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto;

	padding-top:50px;

}

.development .development-bot .gallery-thumbs .swiper-slide {

    text-align: center;

    cursor: pointer;

}

.development .development-bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .yuan {

    background: url(2.png) no-repeat;

    background-size: 100% 100%;

    width: 22px;

    height: 25px;

    border-radius: 0;

    border: navajowhite;

}

.development .development-bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .p1 {

    font-weight: bold;

    color: #F37F08;

}

.development .development-bot .gallery-thumbs .swiper-slide .p1 {

    font-size: 1.375rem;

    line-height: 34px;

    color: #757575;

}

.p1 {

    font-size: 1.125rem;

    line-height: 26px;

    color: #4C4C4C;

    margin-bottom: 18px;

}

.development .development-bot .swiper-button-next {

    background: url(20.1.png) no-repeat;

    background-size: 100% 100%;

    right: 50px;

}

.development .development-bot .swiper-button-next, .development .development-bot .swiper-button-prev {

    width: 84px;

    height: 84px;

}

.development .development-bot .swiper-button-prev {

    background: url(21.1.png) no-repeat;

    background-size: 100% 100%;

    left: 50px;

}

.development .development-bot .swiper-button-next, .development .development-bot .swiper-button-prev {

    width: 84px;

    height: 84px;

	top:200px;

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);

    left: 10px;

    right: auto;

}

.development .development-bot .gallery-thumbs:after {

  content: '';

  position: absolute;

  width: 100%;

  left: 0;

  right: 0;

  top: 10px;

  height: 50px;

  background: url(8.1.png) no-repeat;

  background-size: 100% 100%;

}

.swiper-pagination-bullet-active {

  width: 22px;

  height: 25px;

  background: url(2.png) no-repeat;

  background-size: 100% 100%;

  border: none;

  position: relative;

  top: 7px;

}

.development .development-bot .gallery-thumbs .swiper-slide .yuan {

    display: inline-block;

    width: 19px;

    height: 19px;

    background: #FFF;

    border-radius: 100%;

    border: 1px solid #CECCCC;

}