/* .mask{
    height: 1000px;
} */

.banner_box{
    /* overflow-x: hidden; */
    position: relative;
}
.banner_box .info >img{
    max-width: 100%;
    width: 100%;
    /* min-width: 100vw; */
}
.info {
    width: 100vw;
}
.content_text{
    background: #ffffff;
    width: 85vw;
    padding: 0 4.8958vw  2.65625vw 4.531vw;
    margin: 0 auto;
    overflow: hidden;
}

.content_text > img{
    width: 9.5833vw;
    display: block;
    margin: 0 auto;
    margin-bottom: 3.75vw;
    margin-top: 3.3333vw;
}

.content_text h1{
    font-size: 2.3541vw;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1vw;
    color: #e01176;
    line-height: 3.08vw;
    margin-top: 4.17vw;

}

.content_text .text{
    margin-top: 3.177vw;
}

.content_text h2 {
        font-size: 1.4vw;
    color: #e01176;
    line-height: 2vw;
    padding-bottom: .5vw;
    border-bottom: 2px solid #e01176;
    margin-bottom: 1.75vw;
    font-weight: bold;
}

.conpan {
    font-size: 1.46vw;
    font-weight: bold;
    color: #4c4f51;
    margin-bottom: 6vw;
}
.content_text .text .conpan > p {
    margin-bottom: 10px;
}
.conpan .in .it{
    float: left;
    font-size: 1.4vw;
}

.conpan .in .it .ii{
    width: 11vw;
    margin-right: 4.68vw;
    font-weight: bold;
}
.conpan .in .it dt{
    margin-bottom: 1vw;
    font-weight: normal;
}

.content_text .text p{
    font-size: 1.141vw;
    color: #4c4f51;
    line-height: 1.6666vw;
    margin-bottom: 2.34375vw;
}

.img_box {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 0.5662vw;
}

.img_box img{
    width: 13.541vw;
}

.img_box img:nth-child(2) {
    width: 16.09375vw;
    margin: 0 2.5vw;
}
.swiper-slide {
    width: 100%;
    height: 100%;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.concept {
    width: 95vw;
    position: absolute;
    bottom: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.concept_left {
    width: 51vw;
}
.concept_left img {
    width: 100%;
}
.concept_right {
    width: 46vw;
    margin-left: -10vw;
    height: 20vw;
    padding: 40px;
    background: #fff;
}
.concept_right > .concept_right_title {
    color: #E01176;
    font-size: 1.61vw;
    line-height: 2.01vw;
    text-align: left;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.concept_right_content {
    font-size: 1.17vw;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: left;
    color: rgba(76,79,81,1);
    line-height: 1.61vw;
    margin-top: 2.7vw;
}

.company_line {
    /* width: 100vw; */
    width: 100%;
    height: 2px;
    background: rgba(224,17,118,1);
    margin: 8.7vw 0 5.4vw 0;
}

.introduce_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px rgba(221,221,221,1) solid;
    padding: 15px 0;

}
.introduce_left {
    color: #4C4F51;
    font-size: 1.31vw;
    font-weight: bold;
    margin-right: 3.58vw;
    width: 11vw;
}
.introduce_right {
    color: #4C4F51;
    font-size: 1.17vw;
}
.introduce_p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 2.19vw;
}
@media screen and ( max-width: 1366px){ 
    .content_text > img {
        width: 13.4699vw;
        margin-top: 4.6852vw;
        margin-bottom: 5.27vw;
    }

    .content_text .title{
        font-size: 1.903vw;
        line-height: 2.92vw;
    }

    .content_text .text {
        margin-top: 4.465vw;
    }

    .content_text .text p {
        line-height: 2.4158vw;
        font-size: 1.4641vw;
    }
    .img_box {
        margin-top: 1.756vw;
    }

    .img_box img {
        width: 19.03vw;
    }

    .img_box img:nth-child(2) {
        width: 22.62vw;
    }




}


@media screen and ( max-width: 800px){
    .info {
        background: url('../img/company/mobile/kv.png') no-repeat;
        background-size: 100%  auto;
        height: 8rem;
        margin-top: 1.4rem;
        width: 100vw;
    }
    .info img{
        display: none;
        /* padding-top: 1.4rem; */
    }
    .content_text{
        margin-top: 0;
    }
    .content_text > img{
        width: 2.54rem;
    }
    .content_text .title{
        font-size: 0.24rem;
        /* line-height: 0.33rem; */
        line-height: 0.5rem;
        color: #4c4f51;
        font-family:SourceHanSansCN-Bold;
        font-weight:bold;
        color: #e01176;
    }

    .conpan .in .it .ii {
        width: 0.7rem;
        margin-right: 0.1rem;
    }
    .conpan .in .left,.conpan .in .right{
    float: inherit;
}
.conpan .in .it {
    font-size: 2vw;
}
.conpan .in .it .ii {
    width: 1.5rem;
}
.content_text .text .conpan > p {
    margin-bottom: 0;
}

    .content_text h2 {
        font-size: 0.24rem;
        height: auto;
        padding-bottom: 0.2rem;
    }
    .content_text .text p{
        font-size: 0.21rem;
        /* line-height: 0.29rem; */
        line-height: 0.5rem;
    }
    .img_box img{
        width: 25.3vw;
    }
    .content_text{
        padding: 0.29rem;
        overflow-y: auto;
        overflow: inherit;
        overflow-x: hidden;
    }
    .img_box img:nth-child(2){
        width: 30vw;
        margin: 0 2.5vw;
    }
    .swiper-slide {
    }
    .concept {
        width: 100vw;
    position: inherit;
    margin-bottom: 6vw;
}
.concept_left {
    width: 100%;
}
.concept img {
    display: block;
    height: 3.5rem;
}
.concept_right {
        width: 100vw;
        margin: 0;
        height: auto;
        padding: 4vw 5vw;
}
.concept_right > .concept_right_title {
        font-size: 0.4rem;
        line-height: .5rem;
}
.concept_right_content {
       font-size: 0.25rem;
       line-height: 0.46rem;
       width: 100%;
       display: block;
}
    .img_box {
        margin-top: 1rem;
    }
    .img_box img {
        width: 2.6533rem;
    }

    .img_box img:nth-child(2) {
        width: 3.16rem;
    }
    .introduce_content {
    width: 100%;
    padding: 0 0.19rem 0.6rem;
}
.introduce_left {
    width: 1.61rem;
    font-size: 0.23rem;
    margin-right: 0.3rem;
}
.introduce_right {
    font-size: 0.21rem;
}
.introduce_p p {
    margin-right: 0.21rem;
    line-height: 0.5rem;
}
}