.banner_1{
    height: 9.38rem;
    margin-top:1.18rem;
}
/* 公司简介 */
.gsjjBox{
    height: 10.8rem;
    background: url(../images/index/bg_1.png) no-repeat;
    display: flex;
    /* position: relative; */
}

.gsjjBox .left{
    width: calc(100% - 9.07rem);
    height: 100%;
}
/* 三个模块 */
.moduleBox{
    width: 3.57rem;
    height: 100%;
    margin-left: 2.58rem;
    display: flex;
    position: relative;
}
.moduleBox .moduleBox-l{
    width: 1.19rem;
    height: 100%;
    position: relative;
}
.moduleBox .moduleBox-l{
    border-left: 0.01rem solid rgba(190,148,85,0.55);
    border-right: 0.01rem solid rgba(190,148,85,0.55);
}
.moduleBox div:hover{
    background: #EAE6DB;
}
.moduleBox .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.57rem;
}
.content div:first-child{
    width: 0.3rem;
    height: 1.6rem;
    font-family: MicrosoftYaHei;
    font-size: 0.3rem;
    color: #917951;
    line-height: 0.4rem;
    margin-bottom: 0.15rem;
}
.content img{
    width: 0.3rem;
    height: 0.29rem;
    display: block;
    /* margin-top: 0.15rem;
    margin-bottom: 0.19rem; */
}
.content div:nth-child(3){
    width: 0.19rem;
    height: 2.16rem;
    font-family: MicrosoftYaHei;
    font-size: 0.18rem;
    color: #999999;
    line-height: 0.24rem;
    margin-top: 0.19rem;
}
.content .imgHide_1{
    width: 1.2rem;
    height: 2.49rem;
    opacity: 0;
    position: absolute;
    bottom: 0;
}
.content .imgHide_1 img{
    width: 100%;
    height: 100%;
    display: block;
}

.gsjjBox .right{
    width: 9.07rem;
    height: 100%;
}
.gsjjBox .right img{
    width: 100%;
    height: 100%;
    display: block;
}

/* 公司介绍 */
.gsjjBox{
    position: relative;
}
.gsjjBox .introduce{
    position: absolute;
    left: 7.64rem;
    top: 1.57rem;

    width: 4.93rem;
    height: 7.65rem;
    background: url(../images/index/bg_2.png) no-repeat;
    background-size: cover;
}
.introduce img:first-child{
    width: 3.73rem;
    height: 0.16rem;
    display: block;
    margin-left: calc((4.93rem - 3.73rem) / 2);
    margin-top: 0.39rem;
}
.introduce img:nth-child(2){
    width: 2.85rem;
    height: 0.16rem;
    display: block;
    margin-left: calc((4.93rem - 2.85rem) /2);
    margin-top: 0.68rem;
}
.introduce div:nth-child(3){
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #917951;
    line-height: 0.47rem;
    text-align: center;
    margin-top: -0.3rem;
}
.introduce div:nth-child(4){
    font-family: MicrosoftYaHei;
    font-size: 0.18rem;
    color: #999999;
    line-height: 0.3rem;
    margin: 0.9rem 0.5rem 1.13rem 0.53rem;
}
.introduce a{
    display: inline-block;
    width: 1.34rem;
    height: 1.34rem;
    background: url(../images/index/img_8.png) no-repeat;
    margin-left: calc((4.93rem - 1.34rem) / 2);
    background-size: 100%;
}
/* .introduce img:nth-child(5){
    width: 1.34rem;
    height: 1.34rem;
    display: block;
    margin-left: calc((4.93rem - 1.34rem) / 2);
} */


/* 品牌产品 */
.brandBox{
    height: 10.8rem;
    background: url(../images/index/bg_3.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.brandLb{
    width: 13.17rem;
    height: 7.075rem;
    margin: 0 auto;
}
.brandLb .swiper{
    width: 100%;
    height: 100%;

}
.brandLb .swiper-slide{
    background: url(../images/index/img_10.png) no-repeat;
    background-size: contain;
    position: relative;
}
.brandBox .swiper-button-prev{
    position: absolute;
    left: 1.63rem;
    width: 0.51rem;
    height: 0.51rem;
    background: url(../images/index/jiantou_1.png) no-repeat;
    background-size: contain;
}
.brandBox .swiper-button-next{
    position: absolute;
    right: 1.65rem;
    width: 0.51rem;
    height: 0.51rem;
    background: url(../images/index/jiantou_2.png) no-repeat;
    background-size: contain;
}
.brandBox .swiper-button-prev::after,
.brandBox .swiper-button-next::after{
    content: '';
    display: none;
}
.brandLb .swiper-slide img:nth-child(1){
    width: 2.85rem;
    height: 0.16rem;
    display: block;
    margin-left: calc((100% - 2.85rem) / 2);
    margin-top: 1.26rem;
}
.brandLb .swiper-slide div:nth-child(2){
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: bold;
    font-size: 0.36rem;
    color: #FFF3E3;
    line-height: 0.47rem;
    text-align: center;
    margin-top: -0.35rem;
    margin-bottom: 0.26rem;
}
.brandLb .swiper-slide div:nth-child(3){
    font-family: MicrosoftYaHei;
    font-size: 0.24rem;
    color: #FFF3E3;
    line-height: 0.31rem;
    text-align: center;
}
.brandLb .swiper-slide .brandLbImgBox{
    width: 2.87rem;
    height: 1.82rem;
    display: block;
    margin-top: 0.82rem;
    margin-left: calc((100% - 2.87rem) / 2);
}
.brandLb .swiper-slide .brandLbImgBox img{
    width: 100%;
    height: 100%;
    margin: 0;
}
.brandLb .enter_1{
    width: 1.29rem;
    height: 1.29rem;
    background: url(../images/index/img_11.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: calc((100% - 1.29rem) / 2);
    display: none;
}
.brandLb .swiper-slide:hover .enter_1{
    display: block;
}

.brandLbSubTitle{
    width:80%;
    margin: 0 auto;
}

/* 新闻动态 */
.trendBox{
    height: 10.8rem;
    background: url(../images/index/bg_4.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.trendBox .trendMain{
    width: 15.99rem;
    height: 6.18rem;
    margin: 0 auto;
}
.tabBox_4{
    width: 7.58rem;
    height: 0.46rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.tabBox_4 .tab1{
    width: 1.92rem;
    height: 100%;
    background: url(../images/index/img_12.png) no-repeat;
    background-size: contain;
    font-family: MicrosoftYaHei;
    font-size: 0.18rem;
    color: #917951;
    line-height: 0.46rem;
    text-align: center;
    cursor: pointer
}
.trendBox .active{
    color: #E2D4BB;
    background: url(../images/index/img_13.png) no-repeat;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}
.tabContentBox{
    width: 15.99rem;
    height: 5.45rem;
    margin-top: 0.57rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.news_seeMore{
    position: absolute;
    top: 5.5rem;
    left: 50%;
     transform: translate(-50%, 0);
}
.tabContent-l{
    width: 7.8rem;
    height: 100%;
}
.tabContent-l img{
    width: 100%;
    height: 100%;
    display: block;
}
.tabContent-r{
    width: 7.64rem;
    height: 5.45rem;
    border: 0.01rem solid #DDDDDD;
    border-bottom: none;
}
.tabContent-r .tabTextBox{
    height: 1.07rem;
    border-bottom: 0.01rem solid #DDDDDD;
}
.tabTextBox .tabText{
    width: 6.77rem;
    height: 0.77rem;
    margin-top: 0.3rem;
    margin-left: 0.51rem;
    display: flex;
}
.tabText .tabText-l div:first-child{
    width: 0.7rem;
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: bold;
    font-size: 0.24rem;
    color: #666666;
    line-height: 0.31rem;
}
.tabText .tabText-l div:last-child{
    font-family: MicrosoftYaHei;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.21rem;
    /* text-align: center; */
}
.tabText .tabText-c{
    width: 0.01rem;
    height: 0.73rem;
    background: #999999;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.tabText .tabText-r div:first-child{
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: bold;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.26rem;
}
.tabText .tabText-r div:last-child{
    font-family: MicrosoftYaHei;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.21rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 服务网点 */

.dotBox{
    height: 10.8rem;
    background: url(../images/index/bg_5.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.dotBox .mainHeading{
    color: #fff;
}
.dotBox .subHeading{
    color: #fff;
}
.dotBox .brownLine{
    background: #fff;
}
.dotBox .dotLb{
    width: 15.99rem;
    height: 6.26rem;
    margin: 0.73rem auto 0;
}
.dotBox .swiper{
    width: 100%;
    height: 100%;
}
.dotBox .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 2.85rem;
}
.dotLbImgBox{
    height: 2.24rem;
    margin-bottom: 0.17rem;
}
.dotBox .swiper-slide img{
    width: 100%;
    height: 100%;
    display: block;
}
.dotBox .swiper-slide div{
    font-family: MicrosoftYaHei;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.24rem;
    text-align: center;
    
}

/* 服务网点左右箭头的修改 */
.dotBox .swiper-button-prev{
    position: absolute;
    left: 8.6rem;
    top: 9.62rem;
}
.dotBox .swiper-button-next{
    position: absolute;
    top: 9.62rem;
    right: 8.6rem;
}
.dotBox .swiper-button-prev::after,
.dotBox .swiper-button-next::after{
    color: #fff;
}
@media only screen and (max-width: 768px) {
.gsjjBox .left{
        width: 100%;
    }
    .moduleBox{
        margin-left: 0.2rem;
    }
    .gsjjBox{
        height: 100%;
            flex-direction: column;
    }
    .gsjjBox .right{
        width: 100%;
        margin-top: 30%;
    }
    .gsjjBox .introduce{
            top: 0;
    left: 55%;
        width: 3.2rem;
    height: 9.65rem;
        background-size: 100% 100%;
    }
    .content div:nth-child(3){
        height: 4.16rem;
    }
    .introduce a{
        margin-left: 32%;
    }
    .content .imgHide_1{
            top: 93%;
    }
    .introduce img:nth-child(2){
            width: 2.85rem;
                margin-left: 0.2rem;
    }
    .introduce img:first-child{
        width: 2.8rem;
            margin-left: 0.23rem;
    }
    .brandLb{
         width: 90%;
             height: 6.5rem;
    }
    .brandLb .swiper-slide img:nth-child(1){
        width: 2.2rem;margin-left:auto;
        margin-right: auto;
    }
    .brandBox{
       /* height: 8.8rem;*/
    }
    .brandLb .swiper-slide .brandLbImgBox{
        width: 98%;
    height: 1.82rem;
    display: block;
    margin-top: 0.82rem;
    margin-left: 0.02rem;
    }
    .brandBox .swiper-button-prev{
        left: 0;
    }
    .brandBox .swiper-button-next{
        right: 0;
    }
    .brandLb .swiper-slide{
        background-size: 100% 91%;
    }
    .trendBox .trendMain{
        width: 6.99rem;
    }
    .tabBox_4{
        width: 100%;
    }
    .tabContentBox{
        width: 6.99rem;
    }
    .trendBox{
            height: 15.8rem;
    }
    .tabContent-r{
            width: 6.99rem;
    }
    .tabTextBox .tabText{
            width: 6.2rem;
    }
    .tabContent-r .tabTextBox{
            height: 1.02rem;
    }
    .dotBox .dotLb{
            width: 6.99rem;
    }
}