﻿.main1 {
    background-image: url(/file/img/bg2.jpg);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 400px;
    display: inline-block;
    overflow: hidden;
}

.submain1 > div > h2 {
    font-size: 32px;
    line-height: 1.9;
    text-align: center;
    color: #000;
    margin-top: 5em;
}

    .submain1 > div > h2:nth-child(1) {
        margin-top: 2em;
    }

.submain1 > div {
    display: inline-block;
    width: 100%;
}

    .submain1 > div > hr {
        margin-top: 5em;
        margin-bottom: 2em;
    }

    .submain1 > div > h2.title {
        font-size: 52px;
    }

    .submain1 > div > div.sub1 {
        display: inline-block;
        width: 100%;
    }

        .submain1 > div > div.sub1 > div.img {
            width: 1200px;
            margin: auto;
            text-align: center;
        }

            .submain1 > div > div.sub1 > div.img > div {
                width: 1177px;
                height: 600px;
                background-size: cover;
                background-position: center center;
                display: inline-block;
                float: left;
                margin: 8px;
            }

        .submain1 > div > div.sub1 > div.text {
            font-size: 18px;
            line-height: 1.9;
            text-align: center;
            color: #555;
            padding: 2em 0;
            max-width: 1200px;
            margin: auto;
            position: relative;
        }

        .submain1 > div > div.sub1 > div.text {
            width: 1080px;
        }

    .submain1 > div > div.sub2 {
        display: inline-block;
        width: 100%;
    }

        .submain1 > div > div.sub2 > div.img {
            width: 1200px;
            margin: auto;
            text-align: center;
        }

            .submain1 > div > div.sub2 > div.img > div {
                width: 580px;
                height: 360px;
                background-size: cover;
                background-position: center center;
                display: inline-block;
                float: left;
                margin: 8px;
            }

        .submain1 > div > div.sub2 > div.text {
            font-size: 18px;
            line-height: 1.9;
            text-align: center;
            color: #555;
            padding: 2em 0;
            max-width: 1200px;
            margin: auto;
            position: relative;
        }

        .submain1 > div > div.sub2 > div.text {
            width: 1080px;
        }

    .submain1 > div > div.sub3 {
        display: inline-block;
        width: 100%;
    }

        .submain1 > div > div.sub3 > div.img {
            width: 1200px;
            margin: auto;
            text-align: center;
        }

        .submain1 > div > div.sub3 > div.text {
            font-size: 18px;
            line-height: 1.9;
            text-align: center;
            color: #555;
            padding: 2em 0;
            max-width: 1200px;
            margin: auto;
            position: relative;
        }

        .submain1 > div > div.sub3 > div.text {
            width: 1080px;
        }

    .submain1 > div > div.sub4 {
        display: inline-block;
        width: 100%;
    }

        .submain1 > div > div.sub4 > div.img {
            width: 1200px;
            margin: auto;
            text-align: center;
        }

        .submain1 > div > div.sub4 > div.text {
            font-size: 18px;
            line-height: 1.9;
            text-align: center;
            color: #555;
            padding: 2em 0;
            max-width: 1200px;
            margin: auto;
            position: relative;
        }

        .submain1 > div > div.sub4 > div.text {
            width: 900px;
        }

    .submain1 > div > div.sub5 {
        display: inline-block;
        width: 100%;
    }

        .submain1 > div > div.sub5 > div.img {
            width: 1200px;
            margin: auto;
            text-align: center;
        }

        .submain1 > div > div.sub5 > div.text {
            font-size: 18px;
            line-height: 1.9;
            text-align: center;
            color: #555;
            padding: 2em 0;
            max-width: 1200px;
            margin: auto;
            position: relative;
        }

        .submain1 > div > div.sub5 > div.text {
            width: 900px;
        }

    .submain1 > div > div.sub6 {
        display: inline-block;
        width: 100%;
    }

        .submain1 > div > div.sub6 > div.img {
            width: 1200px;
            margin: auto;
            text-align: center;
        }

        .submain1 > div > div.sub6 > div.text {
            font-size: 18px;
            line-height: 1.9;
            text-align: center;
            color: #555;
            padding: 2em 0;
            max-width: 1200px;
            margin: auto;
            position: relative;
        }

        .submain1 > div > div.sub6 > div.text {
            width: 900px;
        }

    .submain1 > div > div.sub7 {
        display: inline-block;
        width: 100%;
    }

        .submain1 > div > div.sub7 > div {
            width: 1200px;
            margin: auto;
            text-align: center;
        }

            .submain1 > div > div.sub7 > div > video {
                width: 1176px;
                margin-right: 8px;
            }

.sub8 > div.bg {
    background-color: #ffc000;
    border-top: 8px solid #ffc000;
    text-align: center;
    margin-top: 30px;
}

.sub8 > div > ul {
    width: 1100px;
    display: table;
    display: inline-block;
}

    .sub8 > div > ul > li {
        display: table-cell;
        vertical-align: bottom;
    }

        .sub8 > div > ul > li > ul.tbl {
            display: table;
            width: 560px;
            table-layout: fixed;
            border-collapse: collapse;
            background-color: #fff;
            transform: scale(1.06);
        }

            .sub8 > div > ul > li > ul.tbl > li {
                display: table-row;
            }

                .sub8 > div > ul > li > ul.tbl > li > label {
                    display: table-cell;
                    border-bottom: 1px solid #ccc;
                    background-color: #f2f2f2;
                    padding: 16px 0;
                    font-size: 13px;
                    width: 150px;
                    text-align: center;
                    font-weight: 700;
                }

                .sub8 > div > ul > li > ul.tbl > li > div {
                    display: table-cell;
                    border-bottom: 1px solid #ccc;
                    padding: 6px;
                    font-size: 13px;
                    text-align: center;
                }

                .sub8 > div > ul > li > ul.tbl > li:nth-child(1) > label {
                    border-top: 3px solid #404040;
                }

                .sub8 > div > ul > li > ul.tbl > li:nth-child(1) > div {
                    border-top: 3px solid #d70c19;
                }

                .sub8 > div > ul > li > ul.tbl > li:nth-child(9) > label {
                    border-bottom: 3px solid #404040;
                }

                .sub8 > div > ul > li > ul.tbl > li:nth-child(9) > div {
                    border-bottom: 3px solid #d70c19;
                }

.picture > div {
    margin-left: 80px;
    transform: scale(1.05);
}

    .picture > div > div {
        background-size: cover;
        width: 420px;
        height: 390px;
        margin-bottom: 25px;
        box-shadow: 1px 2px 3px gray;
    }

.submain1 > div > div.sub9 > div.text {
    font-size: 18px;
    line-height: 1.9;
    text-align: center;
    color: #555;
    padding: 2em 0;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.submain1 > div > div.sub9 > div.text {
    width: 880px;
}

.sub10 > div {
    text-align: center;
    position: relative;
    margin-top: 160px;
}

    .sub10 > div > ul > li {
        position: relative;
    }

        .sub10 > div > ul > li > h3 {
            background-color: #ffc000;
            color: #fff;
            font-size: 24px;
            padding: 8px;
            width: 100px;
            display: inline-block;
            text-align: center;
            border-radius: 6px;
            box-shadow: 1px 3px 2px gray;
        }

        .sub10 > div > ul > li > ul {
            position: absolute;
            left: 50%;
        }

            .sub10 > div > ul > li > ul > li {
                position: absolute;
                border: 1px solid #ddd;
                width: 300px;
                padding: 8px;
                border-radius: 5px;
                box-shadow: 1px 3px 2px gray;
                line-height: 1.6;
            }

                .sub10 > div > ul > li > ul > li:nth-child(1) {
                    bottom: 40px;
                }

                .sub10 > div > ul > li > ul > li:nth-child(2) {
                    bottom: 80px;
                }

                .sub10 > div > ul > li > ul > li:nth-child(3) {
                    bottom: 120px;
                }

                .sub10 > div > ul > li > ul > li:nth-child(4) {
                    bottom: 186px;
                }

                .sub10 > div > ul > li > ul > li:nth-child(5) {
                    bottom: 250px;
                }

                .sub10 > div > ul > li > ul > li:nth-child(odd) {
                    margin-left: 100px;
                }

                    .sub10 > div > ul > li > ul > li:nth-child(odd):after {
                        content: "";
                        position: absolute;
                        width: 100px;
                        height: 1px;
                        background-color: #ddd;
                        display: inline-block;
                        left: -100px;
                        top: 50%;
                    }

                .sub10 > div > ul > li > ul > li:nth-child(even) {
                    margin-left: -418px;
                }

                    .sub10 > div > ul > li > ul > li:nth-child(even):after {
                        content: "";
                        position: absolute;
                        width: 100px;
                        height: 1px;
                        background-color: #ddd;
                        display: inline-block;
                        right: -101px;
                        top: 50%;
                    }

                .sub10 > div > ul > li > ul > li > h4 {
                    line-height: 1.6;
                }

                .sub10 > div > ul > li > ul > li > aside {
                    font-size: 13px;
                    color: #555;
                }

        .sub10 > div > ul > li.y2017 {
            margin-top: 120px;
        }

            .sub10 > div > ul > li.y2017:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 117px;
                background-color: #ddd;
                display: inline-block;
                bottom: 40px;
                left: 50%;
            }

        .sub10 > div > ul > li.y2018 {
            margin-top: 160px;
        }

            .sub10 > div > ul > li.y2018:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 157px;
                background-color: #ddd;
                display: inline-block;
                bottom: 40px;
                left: 50%;
            }

        .sub10 > div > ul > li.y2019 {
            margin-top: 200px;
        }

            .sub10 > div > ul > li.y2019:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 197px;
                background-color: #ddd;
                display: inline-block;
                bottom: 40px;
                left: 50%;
            }

        .sub10 > div > ul > li.y2020 {
            margin-top: 270px;
        }

            .sub10 > div > ul > li.y2020:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 267px;
                background-color: #ddd;
                display: inline-block;
                bottom: 40px;
                left: 50%;
            }
        .sub10 > div > ul > li.y2021 {
            margin-top: 300px;
        }

            .sub10 > div > ul > li.y2021:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 280px;
                background-color: #ddd;
                display: inline-block;
                bottom: 40px;
                left: 50%;
            }

.sub10 > div > ul > li.y2021 > ul > li:nth-child(3){ bottom:146px;}

.sub11 {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 15em;
}

    .sub11 > div {
        width: 940px;
        display: inline-block;
        text-align: left;
    }

        .sub11 > div > ul {
            display: table;
        }

            .sub11 > div > ul > li {
                display: table-cell;
                vertical-align: middle;
            }

                .sub11 > div > ul > li > h2 {
                    font-size: 36px;
                    line-height: 1.6;
                    margin-bottom: 2em;
                }

                    .sub11 > div > ul > li > h2 > span {
                        color: #0070d5;
                    }

                .sub11 > div > ul > li > p {
                    line-height: 1.6;
                }

                    .sub11 > div > ul > li > p > span {
                        font-weight: 700;
                    }

                .sub11 > div > ul > li > div.bg {
                    background-position: -70px bottom;
                    overflow: hidden;
                    width: 490px;
                    position: relative;
                }

                    .sub11 > div > ul > li > div.bg:after {
                        content: "";
                        position: absolute;
                        width: 0;
                        height: 0;
                        border: 1000px solid transparent;
                        border-left-width: 0;
                        border-right-width: 300px;
                        border-right-color: #fff;
                        right: -60px;
                        bottom: 0;
                        display: inline-block;
                    }

                    .sub11 > div > ul > li > div.bg > div {
                        width: 0;
                        height: 0;
                        border: 466px solid #fff;
                        border-top-width: 0;
                        border-right-width: 300px;
                        border-bottom-width: 900px;
                        border-bottom-color: transparent;
                        margin-top: -440px;
                    }

.sub12 {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 12em;
}

    .sub12 > div {
        width: 980px;
        display: inline-block;
        text-align: left;
    }

        .sub12 > div > h2 {
            color: #f2f2f2;
            font-size: 120px;
            margin-bottom: -90px;
            font-family: sans-serif;
        }

        .sub12 > div > ul {
            text-align: center;
            position: relative;
            height: 360px;
            display: inline-block;
            width: 100%;
        }

            .sub12 > div > ul > li {
                position: absolute;
                left: 50%;
            }

                .sub12 > div > ul > li:nth-child(1) {
                    margin-left: -210px;
                    margin-top: 80px;
                }

                .sub12 > div > ul > li:nth-child(2) {
                    margin-left: -6px;
                }

                .sub12 > div > ul > li:nth-child(3) {
                    margin-left: -40px;
                    margin-top: 210px;
                }

                .sub12 > div > ul > li > h3 {
                    border-radius: 50%;
                    box-shadow: 1px 0 8px #7030a0;
                    display: inline-block;
                    position: relative;
                }

                    .sub12 > div > ul > li > h3 > span {
                        display: table-cell;
                        text-align: center;
                        vertical-align: middle;
                        width: 160px;
                        height: 160px;
                        color: #ffc000;
                        font-size: 18px;
                    }

                    .sub12 > div > ul > li > h3:after {
                        content: "";
                        width: 54px;
                        height: 1px;
                        background-color: #7030a0;
                        display: inline-block;
                        position: absolute;
                    }

                .sub12 > div > ul > li:nth-child(1) > h3:after {
                    transform: rotate(40deg);
                    top: 152px;
                    left: 132px;
                }

                .sub12 > div > ul > li:nth-child(2) > h3:after {
                    transform: rotate(-15deg);
                    top: 122px;
                    left: -47px;
                }

                .sub12 > div > ul > li:nth-child(3) > h3:after {
                    transform: rotate(105deg);
                    top: -24px;
                    left: 84px;
                }

                .sub12 > div > ul > li > div {
                    position: absolute;
                    top: 50%;
                    display: inline-block;
                    width: 210px;
                    text-align: left;
                    margin-top: -16px;
                }

                    .sub12 > div > ul > li > div > h4 {
                        line-height: 1.6;
                    }

                    .sub12 > div > ul > li > div > p {
                        line-height: 1.6;
                    }

                .sub12 > div > ul > li:nth-child(1) > div {
                    right: 160px;
                }

                .sub12 > div > ul > li:nth-child(2) > div {
                    left: 180px;
                    margin-top: -30px;
                    width: 200px;
                }

                .sub12 > div > ul > li:nth-child(3) > div {
                    left: 180px;
                }

.sub13 {
    width: 100%;
    display: inline-block;
    background-color: #7030a0;
    margin-top: 6em;
    margin-bottom: 5em;
}

    .sub13 > div {
        background: repeating-linear-gradient(transparent,transparent 95px,#fff 0,#fff 145px,#ffc000 0,#ffc000 200px,#fff 0,#fff 250px);
        text-align: center;
        padding: 3em 0;
    }

        .sub13 > div > ul {
            display: table;
            width: 900px;
            margin: auto;
        }

            .sub13 > div > ul > li {
                display: table-cell;
                text-align: center;
            }

                .sub13 > div > ul > li > div {
                    width: 400px;
                    height: 250px;
                    display: inline-block;
                    background-size: cover;
                    background-position: bottom;
                }

.submain1 > div > div.sub14 > div.text {
    font-size: 18px;
    line-height: 1.9;
    text-align: center;
    color: #555;
    padding: 2em 0;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.submain1 > div > div.sub14 > div.text {
    width: 790px;
}

.sub15 {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    text-align: center;
}

    .sub15 > div {
        background: repeating-linear-gradient(transparent,transparent 80px,#fff 80px,#ddd 95px,#fff 0,#fff 145px,#ffc000 0,#ffc000 200px,#fff 0,#fff 250px,#ddd 240px,#fff 265px);
    }

        .sub15 > div > ul {
            width: 820px;
            display: table;
            table-layout: fixed;
            margin: auto;
        }

            .sub15 > div > ul > li {
                display: table-cell;
                vertical-align: middle;
            }

                .sub15 > div > ul > li > div {
                    padding: 3.8em 2em;
                    margin: 16px;
                    box-shadow: 1px 1px 8px gray;
                }

                    .sub15 > div > ul > li > div > h4 {
                        color: #fff;
                        line-height: 1.6;
                        margin-bottom: 1.5em;
                    }

                    .sub15 > div > ul > li > div > h3 {
                        color: #fff;
                        line-height: 1.6;
                        font-size: 27px;
                    }

                .sub15 > div > ul > li:nth-child(odd) > div {
                    background-color: #7030a0;
                    padding-left: 50px;
                    padding-right: 50px;
                }

                .sub15 > div > ul > li:nth-child(even) > div {
                    background-color: #ffc000;
                }

.sub16 {
    width: 100%;
    display: inline-block;
    margin-top: 11em;
    text-align: center;
}

    .sub16 > div {
        width: 900px;
        display: inline-block;
        text-align: left;
    }

        .sub16 > div > h2 {
            width: 400px;
            font-size: 32px;
            line-height: 1.6;
            margin-bottom: 1em;
        }

        .sub16 > div > div.text > p {
            line-height: 1.6;
            margin-bottom: .5em;
            width: 500px;
            font-size: 18px;
        }

            .sub16 > div > div.text > p:nth-child(1) {
                width: 420px;
            }

.sub17 {
    width: 100%;
    display: inline-block;
    margin-top: 100px;
    text-align: center;
}

    .sub17 > div {
        width: 900px;
        display: inline-block;
        text-align: left;
    }

.sub17 {
    background: repeating-linear-gradient(transparent,transparent 50px,#fff 50px,#ddd 65px,#fff 0,#fff 115px,#ffc000 0,#ffc000 170px,#fff 0,#fff 220px,#ddd 210px,#fff 235px);
}

    .sub17 > div > ul {
        display: table;
        width: 900px;
        table-layout: fixed;
        margin-top: -200px;
    }

        .sub17 > div > ul > li {
            display: table-cell;
            vertical-align: bottom;
            text-align: right;
        }

            .sub17 > div > ul > li:nth-child(1) {
                width: 600px;
            }

            .sub17 > div > ul > li > div {
                width: 230px;
                height: 305px;
                background-size: cover;
                background-position: center;
                display: inline-block;
                margin-top: 30px;
            }

            .sub17 > div > ul > li:nth-child(2) > div {
                height: 425px;
                background-position: -300px top;
            }

.sub18 {
    width: 100%;
    display: inline-block;
    margin-top: 11em;
}

    .sub18 > div {
        width: 100%;
        display: inline-block;
    }

        .sub18 > div.title {
            width: 100%;
            display: inline-block;
            text-align: center;
            border-bottom: 5px solid #ffc000;
            position: relative;
        }

            .sub18 > div.title > h2 {
                width: 1100px;
                display: inline-block;
                font-size: 32px;
                line-height: 1.6;
                text-align: left;
            }

                .sub18 > div.title > h2 > span {
                    display: inline-block;
                    position: relative;
                }

                    .sub18 > div.title > h2 > span:after {
                        content: "";
                        position: absolute;
                        border-bottom: 5px solid #7030a0;
                        width: 200px;
                        bottom: -5px;
                        left: -20px;
                    }

        .sub18 > div.content {
            width: 100%;
            display: inline-block;
            text-align: center;
            margin-top: 3em;
        }

            .sub18 > div.content > div {
                width: 1100px;
                display: inline-block;
                margin-top: 3em;
            }

                .sub18 > div.content > div > h3 {
                    display: inline-block;
                    font-size: 26px;
                    padding: 20px 8px;
                    width: 500px;
                    background-color: #d9d9d9;
                    border-radius: 6px;
                    box-shadow: 1px 3px 2px gray;
                }

                .sub18 > div.content > div > div {
                    width: 100%;
                    display: inline-block;
                    margin-top: 3em;
                }

                    .sub18 > div.content > div > div > ul {
                        display: inline-block;
                        width: 100%;
                        height: 450px;
                        position: relative;
                        padding-top: 1em;
                    }

                        .sub18 > div.content > div > div > ul > li {
                            position: absolute;
                            width: 100%;
                            left: 0;
                            top: 0;
                        }

                    .sub18 > div.content > div > div ul > li > label {
                        position: absolute;
                        left: 50%;
                        margin-left: -76px;
                    }

                    .sub18 > div.content > div > div > ul > li > label:after {
                        content: "";
                        width: 2px;
                        height: 66px;
                        display: inline-block;
                        position: absolute;
                        left: 50%;
                        top: 100%;
                        margin-top: 3px;
                        background-color: #555;
                    }

                    .sub18 > div.content > div > div ul > li > label {
                        background-color: #595959;
                        color: #fff;
                        display: inline-block;
                        text-align: center;
                        width: 140px;
                        font-size: 13px;
                        padding: 18px 6px;
                        border-radius: 6px;
                        box-shadow: 1px 3px 2px gray;
                    }

                    .sub18 > div.content > div > div ul > li > ul {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                    }

                    .sub18 > div.content > div > div > ul > li > ul > li {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                    }

                        .sub18 > div.content > div > div > ul > li > ul > li > label {
                            position: absolute;
                        }

                        .sub18 > div.content > div > div > ul > li > ul > li:nth-child(1) > label {
                            margin-left: 186px;
                            top: 60px;
                        }

                            .sub18 > div.content > div > div > ul > li > ul > li:nth-child(1) > label:after {
                                content: "";
                                width: 183px;
                                height: 2px;
                                display: inline-block;
                                position: absolute;
                                right: 100%;
                                margin-right: 1px;
                                top: 50%;
                                margin-top: -1px;
                                background-color: #555;
                            }

                        .sub18 > div.content > div > div > ul > li > ul > li:nth-child(2) > label {
                            margin-left: -76px;
                            top: 120px;
                        }

                            .sub18 > div.content > div > div > ul > li > ul > li:nth-child(2) > label:after {
                                content: "";
                                width: 2px;
                                height: 33px;
                                display: inline-block;
                                position: absolute;
                                left: 50%;
                                top: 100%;
                                margin-top: 3px;
                                background-color: #555;
                            }

                            .sub18 > div.content > div > div > ul > li > ul > li:nth-child(2) > label:before {
                                content: "";
                                width: 534px;
                                height: 2px;
                                display: inline-block;
                                position: absolute;
                                left: 50%;
                                top: 100%;
                                margin-left: -270px;
                                margin-top: 36px;
                                background-color: #555;
                            }

                        .sub18 > div.content > div > div > ul > li > ul > li > ul > li {
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 100%;
                        }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li > label {
                                position: absolute;
                            }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(1) > label {
                                margin-left: -346px;
                                margin-top: 120px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(1) > label:after {
                                    content: "";
                                    width: 116px;
                                    height: 2px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 100%;
                                    margin-left: 1px;
                                    top: 50%;
                                    margin-top: -1px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(2) > label {
                                margin-left: 186px;
                                margin-top: 120px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(2) > label:after {
                                    content: "";
                                    width: 116px;
                                    height: 2px;
                                    display: inline-block;
                                    position: absolute;
                                    right: 100%;
                                    margin-right: 1px;
                                    top: 50%;
                                    margin-top: -1px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > label {
                                margin-left: -346px;
                                margin-top: 240px;
                                z-index: 2;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > label:before {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > label:after {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    top: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > label {
                                margin-left: 186px;
                                margin-top: 240px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > label:before {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > label:after {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    top: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li > ul > li {
                                position: absolute;
                                left: 0;
                                top: 0;
                                width: 100%;
                            }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > label {
                                background-color: #c55a11;
                            }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) ul > li > label {
                                background-color: #843c0c;
                            }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > label {
                                background-color: #2f5597;
                            }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) ul > li > label {
                                background-color: #203864;
                            }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > ul > li:nth-child(1) > label {
                                margin-left: -426px;
                                margin-top: 360px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > ul > li:nth-child(1) > label:before {
                                    content: "";
                                    width: 162px;
                                    height: 2px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-bottom: 33px;
                                    background-color: #555;
                                }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > ul > li:nth-child(1) > label:after {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > ul > li:nth-child(2) > label {
                                margin-left: -266px;
                                margin-top: 360px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(3) > ul > li:nth-child(2) > label:after {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(1) > label {
                                margin-left: 26px;
                                margin-top: 360px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(1) > label:before {
                                    content: "";
                                    width: 162px;
                                    height: 2px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-bottom: 33px;
                                    background-color: #555;
                                }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(1) > label:after {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(2) > label {
                                margin-left: 186px;
                                margin-top: 360px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(2) > label:before {
                                    content: "";
                                    width: 162px;
                                    height: 2px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-bottom: 33px;
                                    background-color: #555;
                                }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(2) > label:after {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

                            .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(3) > label {
                                margin-left: 346px;
                                margin-top: 360px;
                            }

                                .sub18 > div.content > div > div > ul > li > ul > li > ul > li:nth-child(4) > ul > li:nth-child(3) > label:after {
                                    content: "";
                                    width: 2px;
                                    height: 33px;
                                    display: inline-block;
                                    position: absolute;
                                    left: 50%;
                                    bottom: 100%;
                                    margin-top: 3px;
                                    background-color: #555;
                                }

.sub19 {
    width: 100%;
    display: inline-block;
    margin-top: 9em;
}

    .sub19 > div {
        width: 100%;
        display: inline-block;
    }

        .sub19 > div.title {
            width: 100%;
            display: inline-block;
            text-align: center;
            border-bottom: 5px solid #ffc000;
            position: relative;
        }

            .sub19 > div.title > h2 {
                width: 1100px;
                display: inline-block;
                font-size: 32px;
                line-height: 1.6;
                text-align: left;
            }

                .sub19 > div.title > h2 > span {
                    display: inline-block;
                    position: relative;
                }

                    .sub19 > div.title > h2 > span:after {
                        content: "";
                        position: absolute;
                        border-bottom: 5px solid #7030a0;
                        width: 200px;
                        bottom: -5px;
                        left: -20px;
                    }

        .sub19 > div.content {
            width: 100%;
            display: inline-block;
            text-align: center;
            position: relative;
            margin-top: 3em;
        }

            .sub19 > div.content > ul {
                width: 1100px;
                display: table;
                margin: auto;
                margin-top: 3em;
                margin-bottom: 100px;
            }

                .sub19 > div.content > ul > li {
                    display: table-cell;
                }

                    .sub19 > div.content > ul > li > img {
                        height: 270px;
                        box-shadow: 1px 1px 8px gray;
                    }
