/* banner  start*/

.banner {
    width: 100%;
    position: relative;
}

.bannerimg {
    width: 100%;
}

.ban_title {
    position: absolute;
    /* left: 50%;
    top: 50%;
    transform: translateY(-50%, -50%); */
}


/* .ban_border {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
} */

.banner_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
}


/* banner  end*/


/* 内容 start */

.content {
    margin: 2% auto 10%;
    cursor: pointer;
    width: 63.05%;
}
.problem_box{
    cursor: pointer;
}

.con_top {
    height: 43px;
    font-weight: bold;
}

.con_top>ul {
    margin: 0 auto;
}

.con_top>ul>li {
    width: 33.33%;
    border: 1px solid #382f2b;
    float: left;
    text-align: center;
    font-size: 16px;
    padding: 1.5% 0;
    letter-spacing: 1px;
    cursor: pointer;
    font-family:"Microsoft Yahei";
}

.con_top>ul>li:hover {
    background: #382f2b;
    color: #fff;
}

.con_bottom {
    margin-top: 5%;
    cursor: pointer;
}

.active1 {
    background: #382f2b;
    color: #fff;
}

.con_left,
.con_right {
    height: 69.04%;
}

.con-title {
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6% 0 5%;
}

.con-title h1 {
    letter-spacing: 3px;
    font-size: 36px;
    font-family: 'SourceHanSerifCN-Bold';
}

.con-detail {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}


/* 轮播 start */

.swiper-container-ban {
    width: 100%;
    color: #fff;
    padding-top: 59.21%;
    overflow: hidden;
    margin: 2% 0;
}

.swiper-container-ban .swiper-wrapper {
    height: 95%!important;
    position: absolute;
    left: 0;
    top: 0;
}

.swiper-container-ban .swiper-slide {
    width: 100%;
    height: 100%!important;
    position: relative;
    overflow: hidden;
}

.swiper-container-ban .swiper-slide img {
    /* width: 100%; */
    height: 100%;
}

.swiper-container-ban .pagination {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.swiper-container-ban .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    margin-right: 5px;
    opacity: 1;
    cursor: pointer;
    margin: 0 5px;
    border: 1px solid #999;
}

.swiper-container-ban .swiper-active-switch {
    background: #d1b78c;
    width: 10px;
}

.swiper-container-ban .banner_bottom {
    width: 100%;
    position: absolute;
    bottom: -1%;
    left: 0;
    pointer-events: none;
}

.alert_left,
.alert_right {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 3.18%;
    cursor: pointer;
    z-index: 10;
}

.alert_left {
    left: -7.5%;
}

.alert_right {
    right: -7.5%;
}


/* 轮播 end */

.con_banner {
    position: relative;
}

.block {
    display: block;
}

.left_hide {
    position: absolute;
    left: -99999999px;
}


/* 内容 end */

@media (min-width: 1500px) {
    .con-title h1 {
        font-size: 44px;
    }
    .con-detail {
        font-size: 18px;
        line-height: 32px;
    }
}

@media (min-width: 1350px) and (max-width: 1500px) {
    .con-title h1 {
        font-size: 40px;
    }
    .con-detail {
        font-size: 16px;
        line-height: 30px;
    }
}