/* public */

.inside h1,
.inside h2,
.product .h6,
.introduce .h6 {
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    margin: 20px 0;
}
#dowebok{
    margin-bottom: 50px;
}
.inside{
    height: 100%;
}
.inside>h1 {
    font-size: 32px;
}

.inside>p {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    margin: 20px 0 40px;
}

/* public end */

/* banner */

.banner-content img {
    width: 100%;
}

/* banner end */

/* 介绍 */

.introduce hr {
    border: 1px solid #ff9966;
    background: #ff9966;
    width: 50px;
    height: 1px;
    margin: 80px auto 20px;
}

.introduce-content {
    overflow: hidden;
    position: relative;
}

.swipper .swiper-button-prev {
    left: 0 !important;
    background-image: url(/xtl/images/course-8.png);
}

.swipper .swiper-button-next {
    right: 0 !important;
    background-image: url(/xtl/images/course-9.png);
}

.swipper .swiper-button-prev,
.swipper .swiper-button-next {
    top: 0;
    margin-top: 0;
    background-size: 26px auto;
    left: auto;
    /* width: 35px;
    height: 49px; */
    width: 178px;
    height: 56px;
    opacity: 1;
    padding: 0 10px;
}

.course-label {
    margin: 50px 0;
    padding: 0px 200px;
    position: relative;
}

.honor-swiper-slide p {
    border: 1px solid #b3f376;
    padding: 17.5px 0;
    text-align: center;
    color: #000;
    font-size: 16px;
}

.course-label-img {
    border: 1px solid #b3f376;
    padding: 5px 82px;
}

p.opt-for {
    color: #ff9966;
    font-weight: bold;
}

.course-y {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.course-y div {
    float: left;
}

.course-img,
.course-text {
    width: 40%;
}

.course-middle {
    width: 20%;
}

.course-img {
    padding-bottom: 50px;
}

.course-img img {
    width: 100%;
    height: 100%;
}

.course-middle {
    position: relative;
    height: 100%;
}

.course-middle-background,
.course-middle-circle,
.course-middle-text {
    position: absolute;
    top: 0;
}

.course-middle-background {
    z-index: 1;
    padding: 0 101px;
    height: 100%;
    width: 80px;
}

.course-middle-circle {
    z-index: 2;
    top: 100px;
    width: 130px;
    left: 76px;
}

.course-middle-text {
    z-index: 3;
    top: 146px;
    left: 118px;
    font-size: 22px;
    color: #fff;
}

.course-y div.course-r {
    float: right;
}

.course-text {
    padding-top: 110px;
    font-size: 18px;
    line-height: 34px;
}

.course-l {
    text-align: right;
}

.course-p {
    text-align: center;
    display: none;
    padding: 10px 0;
    color: #ff9966;
    font-weight: bold;
    font-size: 1.2rem;
}

/* 介绍end */
/* 企业故事 */

.story {
    position: relative;
    height: 400px;
    margin-top: 50px;
}

.story img,
.story div {
    position: absolute;
    top: 0;
    left: 0;
}

.story img {
    width: 100%;
    height: 100%;
}

div.bottom {
    margin-top: 0;
}

.story-text {
    width: 100%;
    height: 100%;
    color: #000;
}

.story-text>p {
    text-align: center;
}

.story-text>p.p-s {
    margin-top: 150px;
    font-size: 30px;
    color: #fff;
}

.story-text>p.p-x {
    margin: 24px 0 20px;
    color: #fff;
}

.story-text>p.p-x a {
    color: #fff;
}

.story-text hr {
    border: 1px solid #ff9966;
    background: #ff9966;
    width: 30px;
    height: 1px;
    margin: 0 auto;
}

/* 企业故事 end */
/* 自适应 */
@media screen and (max-width:1400px) and (min-width:1200px) {}

@media screen and (max-width:1200px) and (min-width:768px) {}

@media only screen and (max-width: 768px) {

    .swipper .swiper-button-prev,
    .swipper .swiper-button-next {
        width: 35px;
        height: 49px;
    }
    .course-p {
        display: block;
    }

    .course-label {
        padding: 0px 56px;
    }

    .course-label-img {
        padding: 5px 10px;
    }

    .honor-swiper-slide p {
        padding: 14px 0;
    }

    .course-middle {
        display: none;
    }

    .course-img,
    .course-text {
        width: 100%;
    }

    .course-y {
        margin-top: 40px;
    }

    .course-img {
        padding-bottom: 10px;
    }

    .course-text {
        padding-top: 10px;
    }

    .story {
        height: 180px;
    }

    .story-text>p.p-s {
        margin-top: 30px;
    }

}