.science_details {
    margin-top: 80px;
    margin-bottom: 100px;
}

.science_details_swiper {
    width: 100%;
    height: 507px;
    position: relative;
    margin-bottom: 50px;
}

.science_details_swiper .swiper-container {
    width: 100%;
    height: 100%;
}

.science_details_swiper .swiper-wrapper {
    width: 900px !important;
    height: 100%;
}

.science_details_swiper .swiper-slide {
    width: 900px !important;
    height: 100% !important;
}

.science_details_swiper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

.science_details_swiper .swiper-slide a img {
    width: 100%;
    height: 100%;
    display: block;
}

.science_details_swiper .swiper-pagination-bullet {
    width: 250px;
    height: 141px;
    background-color: #484848;
    border-radius: 0px;
    opacity: 1;
}

.science_details_swiper .swiper-pagination-bullet img {
    width: 100%;
    height: 100%;
    display: block;
}

.science_details_swiper .swiper-pagination-bullet-active {
    border: solid 4px #2e5ced;
}

.science_details_swiper .swiper-button-prev {
    width: 29px;
    height: 15px;
    left: auto;
    right: 120px;
    top: 0px;
    margin-top: 0px;
    background-image: url('../images/triangle_top.png');
    background-size: 100% 100%;
}

.science_details_swiper .swiper-button-prev:hover {
    background-image: url('../images/triangle_top_height.png');
}

.science_details_swiper .swiper-button-next {
    width: 29px;
    height: 15px;
    right: 120px;
    top: auto;
    bottom: 0px;
    margin-top: 0px;
    background-image: url('../images/triangle_bottom.png');
    background-size: 100% 100%;
}

.science_details_swiper .swiper-button-next:hover {
    background-image: url('../images/triangle_bottom_height.png');
}

.science_details_rich_text {
    width: 100%;
}


.related_recommendation {
    /* height: 510px; */
    padding-top: 100px;
    background-color: #f6f6f6;
}

.related_recommendation_title {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 60px;
}

.science_list {
    width: 100%;
}

.science_item {
    display: block;
    width: 360px;
    margin-bottom: 50px;
    position: relative;
    top: 0px;
    transition: top 0.4s;
}

.science_item+.science_item {
    margin-left: 60px;
}

.science_item_clear {
    margin-left: 0px !important;
}

.science_item>img {
    width: 100%;
    height: 200px;
    display: block;
}

.science_item>span {
    display: block;
    font-size: 20px;
    color: #333333;
    margin-top: 28px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.science_education_base .pages {
    margin-top: 30px;
    margin-bottom: 80px;
}

.science_item:hover {
    top: -10px;
}

.science_item:hover span {
    color: #2e5ced;
}


@media (max-width:768px) {

    .swiper-button-next,
    .swiper-button-prev,
    .swiper-pagination {
        display: none;
    }

    .science_details_swiper {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .science_item,
    .science_details_swiper .swiper-slide {
        width: 100% !important;
        height: auto !important;
    }

    .science_details_swiper .swiper-wrapper {
        width: auto !important;
    }

    .science_details {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .science_item>img {
        height: auto;
    }

    .science_item>span {
        margin-top: 10px;
        font-size: 16px;
    }

    .related_recommendation_title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .science_item {
        margin-bottom: 20px;
    }

    .science_item+.science_item {
        margin-left: 0px;
    }

    .related_recommendation {
        padding-top: 30px;
    }
}