.body-wrap {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.light-cosmos {
    height: auto;
    float: left;
    position: relative;
    margin: 120px 0 50px 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
}

.body-wrap .light-cosmos .content {
    width: 1370px;
}

.body-wrap .light-cosmos .content .title {
    text-align: center;
    color: #2C2C2C;
    font-size: 30px;
    margin: 80px 0;
}

.body-wrap .light-cosmos .content .left {
    margin: 0 0 0 109px;
}

.body-wrap .light-cosmos .content .left .sub-title {
    color: #242424;
    font-size: 26px;
    font-weight: bold;
}

.body-wrap .light-cosmos .content .bottom .title-wrap .title-en,
.body-wrap .light-cosmos .content .left .title-en {
    font-size: 13px;
    color: #BEBDBD;
    margin-top: 5px;
    text-align: justify;
}

.body-wrap .light-cosmos .content .left .line {
    width: 40px;
    height: 3px;
    background-color: #336D97;
    margin-top: 30px;
}

.body-wrap .light-cosmos .content .left .text {
    width: 620px;
    margin-top: 30px;
}

.body-wrap .light-cosmos .content .left .text span {
    margin-top: 20px;
    text-indent: 2em;
    text-align: justify;
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    color: #707070;
}

.body-wrap .light-cosmos .content .right {
    width: 468px;
    margin: 115px 109px 0 0;
}

.body-wrap .light-cosmos .content .right .video-view {
    height: 100%;
    width: 100%;
}

.body-wrap .light-cosmos .content .right img {
    height: 248px;
    width: 468px;
    margin-top: 20px;
}

.body-wrap .light-cosmos .content .bottom {
    width: 1280px;
    border-top: 1px dashed #BBBBBB;
    float: left;
    margin: 90px auto;
    height: auto;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.body-wrap .light-cosmos .content .bottom .title-wrap {
    margin-top: 90px;
    margin-left: 80px;
}

.body-wrap .light-cosmos .content .bottom .title-wrap .title {
    color: #242424;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.body-wrap .light-cosmos .content .bottom .slogan-wrap .title-wrap {
    margin-left: 100px;
}

.body-wrap .light-cosmos .content .bottom .slogan-wrap .title-wrap .title,
.body-wrap .light-cosmos .content .bottom .slogan-wrap .title-wrap .title-en {
    margin-top: 5px;
    color: #06468E;
}

.body-wrap .light-cosmos .content .bottom .slogan-wrap .title-wrap .text {
    color: #BEBDBD;
    width: 210px;
    margin-top: 29px;
}