.wrap {
    width: 1420px;
    margin: 0 auto;
}

.banner {
    height: 515px;
}

    .banner .wrap {
        height: 100%;
        position: relative;
    }

    .banner .txt {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%); /* IE 9 */
        -moz-transform: translateY(-50%); /* Firefox */
        -webkit-transform: translateY(-50%); /* Safari 和 Chrome */
        -o-transform: translateY(-50%);
    }

        .banner .txt h4 {
            font-size: 30px;
            line-height: 66px;
            color: #fff;
        }

        .banner .txt h2 {
            font-size: 110px;
            line-height: 1.2;
            color: #fff;
            font-weight: bold;
        }

.page1 {
    padding: 70px 0;
    background: url(../../img/dtg/bg4.png) no-repeat right -5% bottom -15%;
}

    .page2 .icon img,
    .page1 .icon img {
        display: block;
        margin: 0 auto;
        width: 64px;
    }

    .page1 .bd {
        margin: 70px 0 0;
        border-top: 8px solid #47A159;
        border-bottom: 8px solid #47A159;
        padding: 60px 0 40px;
        font-size: 22px;
        line-height: 36px;
        color: #343D42;
    }

.page2 {
    padding: 60px 0;
}

    .page2 li {
        border-bottom: 2px solid #e8e7e7;
        padding: 60px 0 20px;
        overflow: hidden;
    }

        .page2 li .lt {
            width: calc((100% - 77px)/4);
            float: left;
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 0 15px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
        }

            .page2 li .lt h2 {
                font-size: 60px;
                line-height: 1.4;
                color: #fff;
            }

        .page2 li dl {
            width: calc(100% - ((100% - 77px)/4) - 25px);
            float: right;
        }

        .page2 li dd {
            width: calc((100% - 52px)/3);
            float: left;
            height: 200px;
            background: #fff;
            box-shadow: 0 0 8px 0 rgba(80,80,80,0.2);
            margin: 0 25px 25px 0;
        }

            .page2 li dd:nth-child(3n) {
                margin-right: 0;
            }

            .page2 li dd a {
                display: flex;
                align-items: center;
                text-align: center;
                justify-content: center;
                height: 100%;
            }

            .page2 li dd .cent {
            }

        .page2 li .ico img {
            display: block;
            margin: 0 auto 10px;
            width:64px;
        }

        .page2 li h4 {
            font-size: 28px;
            font-weight: 500;
            color: #343D42;
            line-height: 1.2;
        }

.footerx {
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 0 100px;
}

    .footerx .icox img {
        display: block;
        margin: 0 auto;
        width: 64px;
    }

    .footerx h2 {
        font-size: 60px;
        line-height: 1.7;
        color: #343d42;
        padding: 30px 0 60px;
        font-weight: bold;
    }

    .footerx a {
        display: block;
        width: 898px;
        height: 90px;
        background: #FFFFFF;
        border: 4px solid #4FA665;
        margin: 0 auto;
        font-size: 48px;
        line-height: 90px;
        color: #4FA665;
    }

.page2 li:last-child {
    border-bottom: none;
}

.page2 {
    background: url(../../img/dtg/bg4.png) no-repeat right -5% bottom;
    position: relative;
}

    .page2::after {
        position: absolute;
        left: 0;
        top: 20%;
        background: url(../../img/dtg/bg3.png) no-repeat center;
        width: 321px;
        height: 500px;
        content: "";
    }