html, body {
    font-family: "Microsoft YaHei", sans-serif;
    background: #fff;
}

.banner {
    height: 540px;
    box-shadow: inset 3px -16px 70px -40px #000;
}

.banner-talents {
    background: url("../../img/introduce/talents/banner.png") no-repeat;
    background-size: cover;
}

.banner-ability {
    background: url("../../img/introduce/ability/banner.png") no-repeat;
    background-size: cover;
}

.banner-school {
    background: url("../../img/introduce/school/banner.png");
    background-size: cover;
}

.banner-work {
    background: url("../../img/introduce/work/banner.png");
    background-size: cover;
}

.banner-student {
    background: url("../../img/introduce/student/banner.png");
}

.banner-major {
    background: url("../../img/introduce/major/banner.png");
}

.main .title {
    width: 1200px;
    height: 270px;
    overflow: hidden;
    margin: 0 auto;
    padding: 70px 0;
    text-align: center;
}

.main .title .spreadhead {
    color: #4d4d4d;
    font-size: 30px;
}

.main .title .subhead {
    color: #4d4d4d;
    font-size: 10px;
    margin-top: -10px;
}

.main .title .substance {
    color: #808080;
    font-size: 18px;
    margin: 0 125px;
}

.main .item {
    width: 100%;
    height: 790px;
    text-align: center;
}

.items-one .spreadhead, .items-two .spreadhead, .items-three .spreadhead,
.items-four .spreadhead, .items-five .spreadhead, .items-six .spreadhead,
.items-seven .spreadhead, .items-eight .spreadhead {
    color: #fff;
    font-size: 36px;
}

.items-one .substance, .items-two .substance, .items-three .substance,
.items-four .substance, .items-five .substance, .items-six .substance,
.items-seven .substance, .items-eight .substance {
    color: #fff;
    font-size: 18px;
    /*margin-bottom: 50px;*/
}

.talents .items-one .substance {
    margin-bottom: 50px;
}

.talents .items-two .substance {
    margin-bottom: 24px;
}

.talents .items-four .substance {
    margin-bottom: 10px;
}

.talents .item-center .substance {
    margin-bottom: 60px;
}

.talents .item-width .substance {
    margin-bottom: 60px;
}

.talents .talents-last {
    margin-bottom: 80px;
}

.major .items-five .substance {
    margin-bottom: 30px;
}

.major .item-center .substance {
    margin-bottom: 70px;
}

.major .items-eight .substance {
    margin-bottom: 66px;
}

.major .items-four .substance {
    margin-bottom: 70px;
}

.student .items-five .substance {
    margin-bottom: 90px;
}

.student .item-width .substance {
    margin-bottom: 120px;
}

.student .items-eight .substance {
    margin-bottom: 54px;
}

.student .item-center .substance {
    margin-bottom: 130px;
}

.student .items-five .substance {
    margin-bottom: 85px;
}

.work .items-seven .substance {
    margin-bottom: 116px;
}

.work .item-center .substance {
    margin-bottom: 90px;
}

.work .items-five .substance {
    margin-bottom: 100px;
}

.ability .items-five .substance {
    margin-bottom: 70px;
}

.ability .item-width .substance {
    margin-bottom: 130px;
}

.ability .items-four .substance {
    margin-bottom: -35px;
}

.ability .items-two .substance, .ability .item-center .substance {
    margin-bottom: 120px;
}

.ability .appraisal .substance {
    margin-bottom: 54px !important;
}

.ability .capacity .substance {
    margin-bottom: 40px !important;
}

.school .items-six .substance {
    margin-bottom: 74px;
}

.school .item-center .substance {
    margin-bottom: 80px;
}

.school .items-five .substance {
    margin-bottom: 90px;
}

.item-width {
    width: 1200px !important;
    margin: 0 auto;
    text-align: center;
    padding: 100px 0;
}

.item-width .spreadhead, .item-center .spreadhead {
    color: #4d4d4d;
    font-size: 36px;
}

.item-width .substance, .item-center .substance {
    color: #808080;
    font-size: 18px;
    /*margin-bottom: 50px;*/
}

.items-one {
    background: #5dda9a;
    padding: 100px 0 140px;
}


.items-two {
    background: #3a8dec;
    padding: 100px 0 70px;
}

.items-three {
    background: #ffc73f;
    padding: 100px 0;
}

.items-four {
    background: #ff7e74;
    padding: 100px 0 70px;
}

.items-five {
    background: #19d4e0;
    padding: 100px 0;
}

.items-six{
    background: #0e7796;
    padding: 100px 0 50px;
}

.items-seven {
    background: #19d4e0;
    padding: 100px 0;
}

.items-eight {
    background: #4ad5b1;
    padding: 100px 0;
}

.item-center {
    padding: 100px 0 70px;
    width: 1200px !important;
    margin: 0 auto;
}

.left-width {
    width: 1200px;
    margin: 0 auto;
}

.p-left {
    /* text-align: left !important; */
}