.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.content-index {
    position: relative;
    text-align: left;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.margin-t-90 {
    margin-top: 90px;
}

.over-h {
    overflow: hidden;
}

.heigth-420 {
    height: 420px;
}

.width-340 {
    width: 340px;
}

.relative {
    position: relative;
}

.el-row {
    position: relative;
    box-sizing: border-box;
}

[class*=el-col-] {
    float: left;
    box-sizing: border-box;
}

.el-col-14 {
    width: 58.3333333333%;
}

.el-col-10 {
    width: 41.6666666667%;
}

#particles {
    position: absolute;
    width: 90%;
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.first {
    height: 260px;
    background: url(../images/pic-01.23bf1f33.png) no-repeat 50%;
    margin-top: 80px;
    width: 100%;
    position: absolute;
}

.content-index h1,
.content-index p,
.content-index span {
    font-family: "Microsoft Yahei", 微软雅黑, Helvetica, Arial, sans-serif !important;
}

.content-index h1 {
    font-size: 30px;
    font-weight: 400;
    color: #606266;
}

.content-index h1:first-child {
    margin-top: 0;
}

.content-index p {
    font-size: 18px;
    margin: 18px 0 6px 0;
    color: #323232;
    line-height: 1.8;
}

.content-index span {
    font-size: 14px;
    line-height: 18px;
    color: #737373;
    font-weight: 400;
}