@charset "utf-8";

html {
    overflow-x: hidden;
}

.top {
    height: 105px;
    background: #fff;
    overflow: hidden;
}

.top ul {
    text-align: center;
    margin-top: 42px;
}

.top ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    position: relative;
}

.top ul li:after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #f3981e;
    border-radius: 5px;
    position: absolute;
    right: -25px;
    top: 10px;
}

.top ul li:last-child:after {
    display: none;
}

.top ul li:last-child {
    margin-right: 0;
}

.cont {
    width: 1251px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
}

.box1 {
    background: url(../img/bg_01.png) top center no-repeat;
    height: 884px;
    padding-top: 130px;
}

.box2 {
    background: url(../img/bg_02.png) top center no-repeat;
    height: 884px;
}

.box3 {
    height: 1008px;
    background: #f5f5f5;
    padding: 35px 0;
}

.box4 {
    height: 908px;
    background: #f5f5f5;
    padding-top: 25px;
}

.box5 {
    background: url(../img/bg_03.png) top center no-repeat;
    height: 618px;
    padding: 110px 0;
}

.cont-timg {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.cont-timg:after {
    content: '';
    display: block;
    width: 40px;
    height: 7px;
    background: #f3981e;
    margin: 20px auto;
}

.fruit {
    background: url(../img/bg_04.png) top center no-repeat;
    height: 762px;
}

.fruit .cont {
    height: 100%;
}

.fruit .swiper-container {
    height: 100%;
}

.fruit .swiper-container .swiper-pagination-bullet {
    width: 40px;
    height: 7px;
    background: #c5c5c5;
    border-radius: 0;
    opacity: 1;
}

.fruit .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffb238;
}

.jianjie-l {
    width: 830px;
    display: inline-block;
}

.jianjie-l img {
    margin-bottom: 35px;
}

.jianjie-r {
    display: inline-block;
    width: 418px;
    vertical-align: top;
    margin-top: 104px;
}

.jianjie-r img {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 15px;
}

.box4-m {
    margin-top: 50px;
    font-size: 15px;
    color: #dcdee0;
    text-align: center;
}

.box4-m p {
    margin-bottom: 25px;
    letter-spacing: 3px;
}

.up {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.diagram {
    padding-top: 103px;
    padding-left: 138px;
    overflow: hidden;
}

.diagram>img {
    display: block;
}

.diagram-l {
    display: inline-block;
    margin-top: 131px;
}

.diagram-r {
    display: inline-block;
    vertical-align: top;
    margin-top: 58px;
    margin-left: 32px;
}

.diagram-l.animated.fadeInDown {
    animation-delay: .1s;
}

.diagram-r.animated.fadeIn {
    animation-delay: .5s;
}

.second {
    font-size: 24px;
    color: #f2971e;
    position: absolute;
    left: 546px;
    bottom: 49px;
}

.course {
    height: 760px;
    background: #232f3a;
    overflow: hidden;
}
.course-m{
    margin: 32px 22px;
    background: #fff;
    width: 1204px;
    height: 696px;
    overflow: hidden;
}

.course-t {}

.course-t ul {
    text-align: center;
    margin-top: 50px;
    padding-left: 90px;
}

.course-t ul li {
    display: inline-block;
    text-align: left;
    margin-right: 70px;
}
.course-t ul li.on:after{
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    background: #ee7d89;
    margin-top: 5px;
    position: absolute;
}

.course-t ul li h6 {
    font-size: 16px;
    color: #ee7d04;
}

.course-t ul li p {
    font-size: 14px;
    color: #272a33;
    margin-top: 2px;
}

.course-l {
    display: inline-block;
    margin-right: 20px;
}

.course-r {
    display: inline-block;
    vertical-align: top;
}
.coursep{
    margin-top: 35px;
}
.coursep div:after{
    content:'';
    display:block;
    width: 40px;
    height: 5px;
    background: #eea904;
    margin: 10px 0 15px 2px;
}
.coursep div h6{
    font-size: 16px;
    color: #ee7d04;
}
.coursep div p{
    font-size: 14px;
    color: #272a33;
    margin-top: 2px;
}
.coursep>p{
    font-size: 18px;
    color: #0c0c0c;
    line-height: 28px;
}
.coursep>p span{
    color: #f5881d;
    font-weight: 600;
}
.course-c{
    padding-left: 150px;
    margin-top: 35px;
}