/* 内页 */
.inner-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.inner-banner i {
    display: block;
}

.inner-banner i img {
    width: 100%;
}

.inner-layer {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    width: 100%;
    color: #fff;
    margin-top: -30px;
    text-align: center
}

.inner-title {
    font-size: 30px;
}

.inner-detail {
    font-size: 16px;
}

@media (min-width: 1200px) {
    .inner-banner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .inner-banner i {
        display: block;
    }

    .inner-banner i img {
        width: 100%;
    }

    .inner-layer {
        top: 0;
        padding-top: 12.812vw;
        text-align: center
    }

    .inner-title {
        font-size: 3.542vw;
    }

    .inner-detail {
        margin-top: 0;
        font-size: 1.875vw
    }
}


/* 第1部分 */
.inner1 {
    display: block;
    padding: 0 20px;
    background: #f8f6f9;
}

.inner1-title {
    padding: 40px 0 0;
    font-size: 24px;
    color: #333;
}

.inner1-detail {
    padding: 20px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #666
}

.inner1-num {
    display: flex;
    margin: 30px 0;
}

.inner1-num-left {
    position: relative;
    padding-right: 40px;
}

.inner1-num-left::after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    width: 2px;
    height: 80px;
    background: #ccc;
    opacity: .6;
}

.inner1-num-font {
    font-size: 16px;
}

.inner1-num-line {
    display: flex;
    align-items: flex-end;
}

.inner1-num-line p {
    display: block;
    margin-right: 6px;
    font-size: 56px;
    line-height: 1;
}

.inner1-num-line span {
    display: block;
    font-size: 16px;
}

.inner1-p {
    position: relative;
    padding-top: 18px;
    font: 400 14px/20px '微软雅黑';
    color: #666;
    text-align: left
}

.inner1-p::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 10px;
    height: 2px;
    background-color: #007440;
}

.inner1-right {
    padding: 30px 0;
}

.inner1-right img {
    width: 100%;
}

@media (min-width: 1200px) {
    .inner1 {
        display: flex;
        justify-content: space-between;
        padding: 8.125vw 0;
        background: #f8f6f9;
    }

    .inner1-left {
        width: 50%;
        padding-left: 8.438vw;
    }

    .inner1-title {
        font-size: 2.708vw;
        color: #333;
    }

    .inner1-detail {
        padding-top: 1.042vw;
        padding-bottom: 5.208vw;
        width: 32.135vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #666
    }

    .inner1-num {
        display: flex;
        margin-bottom: 1.042vw;
    }

    .inner1-num-left {
        position: relative;
        padding-right: 2.813vw;
        margin-right: 2.813vw
    }

    .inner1-num-left::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 2px;
        height: 7.708vw;
        background: #ccc;
        opacity: .6;
    }

    .inner1-num-font {
        font-size: 1.354vw;
    }

    .inner1-num-line {
        display: flex;
        align-items: flex-end;
        height: 7.813vw;
    }

    .inner1-num-line p {
        display: block;
        margin-right: .521vw;
        font-size: 6.354vw;
        line-height: 1.5;
    }

    .inner1-num-line span {
        display: block;
        height: 5.729vw;
        font-size: 2.604vw;
    }

    .inner1-p {
        position: relative;
        padding-top: 3.125vw;
        width: 32.813vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #666;
        text-align: left
    }

    .inner1-p::before {
        position: absolute;
        content: "";
        left: 0;
        top: .521vw;
        width: 1.042vw;
        height: 2px;
        background-color: #007440;
    }
}


/* 第2部分 */
.inner2 {
    position: relative;
}

.inner2 i {
    display: block;
    overflow: hidden;
    background: url(../images/inner_img2.jpg) no-repeat center center/cover;
}

.inner2 i img {
    height: 10rem;
    opacity: 0;
}

.inner2-box {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
}

.inner2-title {
    font-size: 24px;
    line-height: 40px;
}

.inner2-p {
    margin: 20px 0 0;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.inner2-font {
    position: relative;
    margin: 10px 0 0;
    padding: 20px 0 0;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.inner2-font::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 10px;
    height: 2px;
    background-color: #007440;
}

@media (min-width: 1200px) {
    .inner2 {
        position: relative;
    }

    .inner2 i {
        display: block;
        background: none;
    }

    .inner2 i img {
        width: 100%;
        height: auto;
        opacity: 1;
    }

    .inner2-box {
        position: absolute;
        z-index: 10;
        left: 8.594vw;
        top: 10.417vw;
        width: 32.813vw;
        height: auto;
        padding: 0;
        color: #fff;
    }

    .inner2-title {
        margin-bottom: 0.5vw;
        font-size: 2.865vw;
        line-height: 1.5;
    }

    .inner2-p {
        margin-bottom: 2.604vw;
        text-align: left;
        font-size: 1.042vw;
        line-height: 1.5;
        color: #fff;
    }

    .inner2-font {
        position: relative;
        padding-top: 3.125vw;
        width: 32.813vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #fff;
        text-align: left;
    }

    .inner2-font::before {
        position: absolute;
        content: "";
        left: 0;
        top: .521vw;
        width: 1.042vw;
        height: 2px;
        background-color: #007440;
    }
}


/* 第3部分 */
.inner3 {
    padding: 20px;
}

.inner3-top {
    display: block;
}

.inner3-title {
    padding-bottom: 20px;
    font-size: 24px;
    line-height: 40px;
    color: #333;
}

.inner3-p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.inner3-right {
    position: relative;
    padding-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.inner3-right::before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 10px;
    height: 2px;
    background-color: #007440;
}

.inner3-bottom {
    padding-top: 20px;
}

.inner3-bottom img {
    width: 100%;
}

@media (min-width: 1200px) {
    .inner3 {
        padding: 6.51vw 8.333vw 9.115vw;
    }

    .inner3-top {
        display: flex;
        justify-content: space-between;
    }

    .inner3-left {
        width: 32.813vw;
        margin-right: 16.719vw
    }

    .inner3-title {
        padding-bottom: 1.563vw;
        font-size: 2.865vw;
        color: #333;
    }

    .inner3-p {
        font-size: 1.042vw;
        line-height: 1.5;
        color: #666;
    }

    .inner3-right {
        position: relative;
        width: 32.813vw;
        padding-top: 3.125vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #666;
        text-align: left
    }

    .inner3-right::before {
        position: absolute;
        content: "";
        left: 0;
        top: .521vw;
        width: 1.042vw;
        height: 2px;
        background-color: #007440;
    }

    .inner3-bottom {
        padding-top: 4.427vw;
    }

    .inner3-bottom img {
        width: 100%;
    }
}

/* 第4部分 */

.inner4 {
    display: block;
    padding: 20px;
}


.inner4-left img {
    width: 100%;
}

.inner4-right {
    padding: 20px 0;
}

.inner4-title {
    font-size: 24px;
    color: #333
}

.inner4-p {
    padding-top: 1.875vw;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.inner4-font {
    position: relative;
    padding-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: left
}

.inner4-font::before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 10px;
    height: 2px;
    background-color: #007440;
}

@media (min-width: 1200px) {
    .inner4 {
        display: flex;
        justify-content: space-between;
        padding: 0 8.333vw 11.458vw 8.333vw;
    }

    .inner4-left {
        width: 50%;
    }

    .inner4-left img {
        width: 100%;
    }

    .inner4-right {
        width: 50%;
        padding: 5.365vw 0 0 8.333vw;
    }

    .inner4-title {
        font-size: 2.708vw;
        color: #333
    }

    .inner4-p {
        padding-top: 1.875vw;
        padding-bottom: 2.604vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #666;
    }

    .inner4-font {
        position: relative;
        padding-top: 3.125vw;
        width: 32.813vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #666;
        text-align: left
    }

    .inner4-font::before {
        position: absolute;
        content: "";
        left: 0;
        top: .521vw;
        width: 1.042vw;
        height: 2px;
        background-color: #007440;
    }

}

/* 第5部分 */
.inner5 {
    padding: 0 20px 20px;
}

.inner5-left {
    padding: 0 0 20px;
}

.inner5-title {
    font-size: 24px;
    color: #333
}

.inner5-p {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: left;
}

.inner5-line {
    display: flex;
}

.inner5-line::before {
    position: absolute;
    content: "";
    left: 0;
    top: .521vw;
    width: 1.042vw;
    height: 2px;
    background-color: #007440;
}

.inner5-line-left {
    position: relative;
    padding-right: 30px;
}

.inner5-line-left::after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 48px;
    opacity: .6;
    right: 15px;
    top: 0;
    background: #ccc;
}

.inner5-line-font {
    font-size: 14px;
}

.inner5-line-num {
    display: flex;
    align-items: flex-end;
    height: 30px;
}

.inner5-line-num p {
    font-size: 36px;
    line-height: 36px;
}

.inner5-line-num span {
    display: block;
    margin-left: 2px;
    font-size: 14px;
}

.inner5-right img {
    width: 100%;
}

@media (min-width: 1200px) {
    .inner5 {
        display: flex;
        justify-content: space-between;
        padding: 0 8.333vw 8.854vw 8.333vw;
    }

    .inner5-left {
        width: 50%;
        padding: 0;
        padding-right: 8.333vw;
    }

    .inner5-title {
        font-size: 2.708vw;
        color: #333
    }

    .inner5-p {
        padding-top: 1.875vw;
        padding-bottom: 2.604vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #666;
        text-align: left;
    }

    .inner5-line {
        display: flex;
    }

    .inner5-line::before {
        position: absolute;
        content: "";
        left: 0;
        top: .521vw;
        width: 1.042vw;
        height: 2px;
        background-color: #007440;
    }

    .inner5-line-left {
        position: relative;
        margin-right: 2.813vw;
        padding-right: 2.813vw;
    }

    .inner5-line-left::after {
        content: "";
        position: absolute;
        display: block;
        width: 2px;
        height: 6.667vw;
        opacity: .6;
        right: 0;
        top: 0;
        background: #ccc;
    }

    .inner5-line-font {
        font-size: 1.146vw
    }

    .inner5-line-num {
        display: flex;
        align-items: flex-end;
        height: 6.563vw;

    }

    .inner5-line-num p {
        font-size: 5.104vw;
        line-height:1.5;
    }

    .inner5-line-num span {
        display: block;
        height: 6.771vw;
        margin-left: .521vw;
        font-size: 2.604vw;
    }

    .inner5-right {
        width: 50%;
    }
}


/* 第6部分 */
.inner6 {
    padding: 0 20px 20px;
}

.inner6 img {
    width: 100%;
}

@media (min-width: 1200px) {
    .inner6 {
        padding: 0;
    }

    .inner6 img {
        width: 100%;
    }
}

/* 第7部分 */
.inner7 {
    display: block;
    padding: 0 20px;
    background: #fff;
}

.inner7-left {
    padding: 0;
}

.inner7-title {
    font-size: 24px;
    color: #333;
}

.inner7-p {
    padding: 20px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: left;
}

.inner7-right img {
    width: 100%;
}

@media (min-width: 1200px) {
    .inner7 {
        display: flex;
        background: #fff;
    }

    .inner7-left {
        width: 50%;
        padding: 6.771vw 0 0 9.115vw;
    }

    .inner7-title {
        font-size: 2.708vw;
        color: #333
    }

    .inner7-p {
        width: 82%;
        padding-top: 1.563vw;
        padding-bottom: 3.125vw;
        font-size: 1.042vw;
        line-height: 1.563vw;
        color: #666;
        text-align: left;
    }

    .inner7-right {
        width: 50%;
    }

    .inner7-right img {
        width: 100%;
    }
}

/* 第8部分 */
.inner8 {
    position: relative;
    padding: 20px;
}

.inner8 i {
    display: block;
}

.inner8 i img {
    width: 100%;
}

.inner8-layer {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #fff;
    font-size: 16px;
    text-align: left;
}

.inner8-layer p {
    margin-bottom: 4.688vw;
}

@media (min-width: 1200px) {
    .inner8 {
        position: relative;
    }

    .inner8 i {
        display: block;
    }

    .inner8 i img {
        width: 100%;
    }

    .inner8-layer {
        position: absolute;
        left: 8.333vw;
        top: 14.063vw;
        width: 56.25vw;
        color: #fff;
        font-size: 2.865vw;
        text-align: left;
        line-height: 4.688vw;
    }

    .inner8-layer p {
        margin-bottom: 4.688vw;
    }
}