body{

    background: none;

}

#ourselves{

    height: 100%;

    min-height: calc(100% - 253px);

}

.ourselves-container {

    padding: 16px 0 0;

    height: 100%;

}

.row{

    height: 100%;

}

.row>div{

    position: relative;

    padding: 0;

    border-right: dashed 1px #ccc;

    height: 100%;

}

.row .thumbnail{

    margin-bottom: 0;

    padding: 0;

    text-align: center;

}

.serve-item{

    width: 100%;

    position: absolute;

    left: 0;



}

.serve-item li{

    width: 80%;

    margin-left: 13%;

    text-align: left;

    font-weight: 600;

    line-height: 30px;

}

.serve-item li h4{

    font-weight: bold;

}

.serve-item li > span{

    padding-left: 10px;

    animation: arrowsAnimate .5s linear infinite;

}

@keyframes arrowsAnimate {

    0%{

        opacity: 1;

    }

    50%{

        opacity: 0;

    }

    100%{

        opacity: 1;

    }

}

.serve-item li i{

    display: inline-block;

    vertical-align: top;

    padding-right: 7px;

    font-size: 24px;

}

.row>div .serve-item-text{

    position: absolute;

    width: 100%;

    height: 58px;

    line-height: 58px;

    left: 0;

    color: #fff;
 font-size: 24px;
    font-weight: bold;
}

.row>div:nth-of-type(1) .serve-item-text{

    bottom: 0;

    background: #0f7c99;



}

.row>div:nth-of-type(1) .serve-item li {

    color: #0f7c99;

}

.row>div:nth-of-type(2) .serve-item li {

    color: #2f5596;

}

.row>div:nth-of-type(3) .serve-item li {

    color: #c53f84;

}

.row>div:nth-of-type(4) .serve-item li {

    color: #ba2425;

}

.row>div:nth-of-type(5) .serve-item li {

    color: #f08221;

}

.row>div:nth-of-type(6) .serve-item li {

    color: #69b145;

}

.row>div:nth-of-type(1) .serve-item{

    top: 50%;

    transform: translate(0,-50%);

}

.row>div:nth-of-type(2) .serve-item{

    top: 50%;

    transform: translate(0,-50%);

}

.row>div:nth-of-type(3) .serve-item{

    top: 50%;

    transform: translate(0,-50%);

}

.row>div:nth-of-type(4) .serve-item{

    top: 50%;

    transform: translate(0,-50%);

}

.row>div:nth-of-type(5) .serve-item{

    top: 1%;

}

.row>div:nth-of-type(6) .serve-item{

    top: 20%;

}

.row>div:nth-of-type(2) .serve-item-text{

    bottom: 58px;

    background: #2f5596;



}

.row>div:nth-of-type(3) .serve-item-text{

    bottom: 116px;

    background: #c53f84;



}

.row>div:nth-of-type(4) .serve-item-text{

    bottom: 174px;

    background: #ba2425;



}

.row>div:nth-of-type(5) .serve-item-text{

    bottom: 232px;

    background: #f08221;



}

.row>div:nth-of-type(6) .serve-item-text{

    bottom: 290px;

    background: #69b145;

}

.details-active {

    cursor: pointer;

}

.details-active:hover{

    opacity: .8;

}



/*弹窗*/

.serve_dialog{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.3);

    z-index: 999;

}

.serve_dialog_wrap{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 830px;

    height: 400px;

    background: #fff;

    border-radius: 10px;

}

.serve_header{

    height: 42px;

    width: 100%;

}

.serve_header img{

    position: absolute;

    right: 10px;

    top: 10px;

    width: 30px;

    cursor: pointer;

}

.text-container{

    width: 80%;

    margin-left: 10%;

    margin-top: 30px;

}

.text-container .title{

    line-height: 45px;

}

@media all and (min-height: 900px){

    .blank{

        height: 7vh;

    }

    .row>div:nth-of-type(5) .serve-item{

       position: inherit;

    }

    #ourselves{

        height: calc(100% - 235px);

    }

    .serve-item li{

        line-height: 42px;

    }

}

@media all and (min-height: 800px){

    .blank{

        height: 1vh;

    }

    .row>div:nth-of-type(5) .serve-item{

        position: inherit;

    }

    #ourselves{

        height: calc(100% - 135px);

    }

    .serve-item li{

        line-height: 38px;

    }

}

.text-container ul{

    width: 100%;

}

.text-container ul > li{

    font-size: 16px;



    font-weight: 600;

    width: 33.3%;

    text-align: left;

    float: left;

    line-height: 24px;

}

.text-container ul > li > ol > li {

    font-size: 14px;

    font-weight: normal;

}

.text-container li{

    line-height: 24px;

    width: 90%;



}

.text-container i{

    display: inline-block;

    vertical-align: top;

    font-size: 24px;

    padding-right: 5px;

}