/*******公司介绍******/

.company-outside{width: 100%;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;padding: 3rem 0;}
.company-box{max-width: 1200px;height: 100%;display: block;overflow: hidden;margin: 0 auto;}
.company-img{width: 100%;margin: 0 0 2rem 0;}
.company-img img{width: 45%;}
.company-word{width: 100%;}
.company-word P{line-height: 1.4rem;font-size: 0.9rem;color: #fff;}
@media (max-width: 767px) {
    .company-img{width: 90%;margin: 0 5% 2rem 5%;}
    .company-img img{width: 80%;}
    .company-word{width: 90%;margin: 0 5% 0 5%;}
    .company-word P{text-align: justify; }

}

/******企业使命******/
.mission-outside{    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    margin: 3rem auto;}
.mission-box{
    max-width: 1200px;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.mission-tittle{
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 2rem 0;
}
.mission-tittle h1{
    font-size: 2rem;
    color: #222;
    font-family: Source Han Sans SC-Medium;
}
.mission-tittle p{
    color: #acacac;
    margin: 0.1rem 0 0 0;
}
.mission-list{width: 100%;height: 100%;display: flex;flex-flow: wrap;overflow: hidden;}
.mission-same{width: 30%;position: relative;overflow: hidden;display: flex;flex-flow: wrap;}
.mission-center{margin: 0 5%;}
.mission-img{width: 100%;height: 100%;overflow: hidden;border-radius: 10px;}
.mission-img img{width: 100%;}
.mission-word{position: absolute;width: 100%;height: 100%;display: flex;flex-flow: wrap;text-align: center;justify-content: center;align-items: center; top:0;left: 0;}
.mission-word p{width: 80%;margin: 0 10%;color: #fff;line-height: 1.7rem;}

@media (max-width: 767px) {
    .mission-same{width: 92%;margin: 1rem 4%;}
    .mission-tittle{    margin: 0;}
}


/********经营理念*******/
.idea-outside{width: 100%;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;padding: 3rem 0;}
.idea-box{
    max-width: 1200px;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.idea-title{
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 2rem 0;
}
.idea-title h1{
    font-size: 2rem;
    color: #fff;
    font-family: Source Han Sans SC-Medium;
}
.idea-title p{
    color: #fff;
    margin: 0.1rem 0 0 0;
}

.idea-intro{max-width: 1200px;display: flex;flex-flow: wrap;height: 100%;overflow: hidden;position: relative;}
.swiper-container{width: 65%;overflow: hidden;display: block;}
.swiper-container img{
    width: 100%;
    height: 26rem;
    object-fit: cover;
}
.idea-tab{width: 35%;overflow: hidden;display: block;}
.same-tab{width: 80%;display: block;padding: 1.45rem 10%;margin: 0 0 1rem 0;border-radius: 0 5px 5px 0;background: #fff;align-items: center;cursor: pointer;}
.idea-tab .same-tab:last-child{margin: 0;}
.same-tab span{font-weight: 600;color: #1B3884;display: inline-block;margin: 0 1rem 0 0;font-size: 1rem;}
.same-tab p{margin: 0;font-size: 1rem;display: inline-block;}
.idea-tab .active{background: #1B3884;}
.idea-tab .active span{color: #fff;}
.idea-tab .active p{color: #fff;}

@media (max-width: 767px) {
    .swiper-container{width: 90%;margin: 0 5%;height: 20rem;}
    .idea-tab{width: 90%;margin: 0 5%;display: flex;flex-wrap: wrap;}
    .same-tab{width: 18.4%;margin: 0 2% 0 0;padding: 1rem 0;border-radius: 0;text-align: center;align-items: center;}
    .idea-tab .same-tab:last-child{margin: 0;}
    .same-tab span{margin: 0;}
    .same-tab p{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        padding: 0 2%;
        width: 96%;
    }
}

/*******合作企业*****/
.cooperate-outside{width: 100%;height: 100%;padding: 3rem 0;}
.cooperate-box{
    max-width: 1200px;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.cooperate-title{
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 2rem 0;
}
.cooperate-title h1{
    font-size: 2rem;
    color: #222;
    font-family: Source Han Sans SC-Medium;
}
.cooperate-title p{
    color: #acacac;
    margin: 0.1rem 0 0 0;
}
.cooperate-list-box{max-width: 1200px;height: 100%;overflow: hidden;display: block;position: relative;}
.cooperate-list{width: 100%;height: 100%;overflow: hidden;display: flex;flex-flow: wrap;}
.cooperate-img{
    width: 17%;
    margin: 0 1.5% 1rem 1.5%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    box-shadow: 2px 2px 10px rgba(144, 197, 250, 0.5);
    border-radius: 5px;
}
.cooperate-img img{width: 70%;}

@media (max-width: 767px) {
    .cooperate-outside{padding: 3rem 0 0 0;}
    .cooperate-img{width: 30%;}
}