body {
    background-color: #f0f0f0;
}

.banner {
    height: 15em;
    border-bottom: 1px solid #e0e0e0;
    background: url("../images/banner1.jpg") no-repeat center center;
    background-size: cover;
}


#part1 .ico {
    padding: 1em;
    border: 1px solid #e0e0e0;
    background: url("../images/E8/pc1.jpg") no-repeat center center content-box;
    background-size: contain;
}

#part2 .ico {
    background: url("../images/E8/e1.jpg") no-repeat center center content-box;
    background-size: contain;
}

#part3 .contain {
    padding: 0;
    margin: 0;
}

#part3 li {
    float: left;
    width: 6em;
    height: 7em;
    margin: 0.5em 0.1em;
    border: 1px solid #e0e0e0;
}

    #part3 li > p {
        padding: 0.5em;
        font-size: 0.8em;
        line-height: 1.2em;
        text-align: left;
        vertical-align:central;
    }

    #part3 li > div {
        display: block;
        overflow: hidden;
        width: 5em;
        height: 3em;
        margin: 0.5em 0 0 0.5em;
    }

    #part3 li[data-flag="1"] div {
        background: url("../images/E8/g1.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="2"] div {
        background: url("../images/E8/g18.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="3"] div {
        background: url("../images/E8/g4.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="4"] div {
        background: url("../images/E8/g17.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="5"] div {
        background: url("../images/E8/g6.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="6"] div {
        background: url("../images/E8/g16.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="7"] div {
        background: url("../images/E8/g9.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="8"] div {
        background: url("../images/E8/g8.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="9"] div {
        background: url("../images/E8/g13.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="10"] div {
        background: url("../images/E8/g14.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="11"] div {
        background: url("../images/E8/g15.png") no-repeat center;
        background-size: contain;
    }

    #part3 li[data-flag="12"] div {
        background: url("../images/E8/g12.png") no-repeat center;
        background-size: contain;
    }

#part4 .ico {
    background: url("../images/E8/e2.jpg") no-repeat center center content-box;
    background-size: contain;
}

#part5 .parttitle {
    margin-bottom: 1em;
}

#part5 ul {
    display: block;
    overflow: hidden;
    list-style: none;
    margin-bottom: 1em;
    border: 1px solid #e0e0e0;
}

#part5 li {
    display: block;
    overflow: hidden;
    padding: 0px 1.5em;
}

    #part5 li[data-flag="1"] {
        position: absolute;
    }

        #part5 li[data-flag="1"] > div {
            width: 1.5em;
            height: 2em;
            line-height: 2em;
            text-align: center;
            background-color: #006eb9;
            color: #fff;
            font-size: 1.5em;
            font-weight: bold;
            margin-bottom: 0.5em;
        }

    #part5 li[data-flag="2"] {
        position: absolute;
        font-size: 1.2em;
        font-weight: bold;
        color: #606060;
        margin: 0.3em 0.5em 0.5em 2.5em;
    }

    #part5 li[data-flag="3"] {
        margin: 4em 0 1em 0;
        font-size: 1.2em;
        line-height: 1.5em;
    }

#part6 .parttitle {
    margin-bottom: 1em;
}

#part6 ul {
    list-style: none;
    clear: both;
    padding: 1em;
}

    #part6 ul[data-flag="1"], #part6 ul[data-flag="3"], #part6 ul[data-flag="5"], #part6 ul[data-flag="7"] {
        background-color: #f0f0f0;
    }

#part6 li {
    display: block;
    overflow: hidden;
}

    #part6 li[data-flag="1"] > div {
        position: absolute;
        width: 2em;
        height: 2em;
        line-height: 2em;
        text-align: center;
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
        border-radius: 1em;
        background-color: #006eb9;
    }

    #part6 li[data-flag="2"] {
        position: absolute;
        height: 2em;
        line-height: 2em;
        font-size: 1.2em;
        font-weight: bold;
        color: #006eb9;
        margin: 0.2em 0 0 3.5em;
    }

    #part6 li[data-flag="3"] {
        font-size: 1.2em;
        line-height: 1.5em;
        margin: 4em 0 1em 0;
    }

#part7 ul {
    display: block;
    overflow: hidden;
    list-style: none;
    clear: both;
    margin: 3em 0.5em;
}

#part7 li {
    display: block;
    overflow: hidden;    
}

    #part7 li[data-flag="1"] > div {
        position: absolute;
        height: 2em;
        line-height: 2em;
        width: 2em;
        text-align: center;
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
        margin: 0 0 1.5em 0;
        background-color: #006eb9;        
    }

    #part7 li[data-flag="2"] {
        font-size: 1.2em;
        font-weight: bold;
        color: #006eb9;
        height: 2em;
        line-height: 2.5em;
        margin-left: 3.5em;
    }

    #part7 li[data-flag="3"] {        
        color: #006eb9;
        font-size: 1.2em;
        line-height: 1.5em;
        padding-top: 0.5em;
        margin: 0.5em 0 1em 0em;
        border-top: 3px solid #006eb9;
    }

#part7 ul[data-flag="2"] > li[data-flag="3"], #part7 ul[data-flag="4"] > li[data-flag="3"] {
    border-top: 3px solid #ffd800;
}

#part7 ul[data-flag="2"] > li[data-flag="1"] > div, #part7 ul[data-flag="4"] > li[data-flag="1"] > div {
    background-color: #ffd800;
    color: #000;
}

#part8 ul {
    display: block;
    overflow: hidden;
    list-style: none;
    margin: 0.3em;
    border: 1px solid #e0e0e0;
    clear: both;
}

#part8 li {
    float: left;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    #part8 li[data-flag="1"] {
        width: 11em;
        height: 7em;
        margin: 0.3em 0.5em 0.3em 0.3em;
    }

        #part8 li[data-flag="1"] div {
            width: 11em;
            height: 7em;
        }

    #part8 li[data-flag="2"] {
        position: absolute;
        height: 2.5em;
        line-height: 2.5em;
        font-size: 1.2em;
        font-weight: bold;
        color: #006eb9;
        margin-left: 10em;
    }

    #part8 li[data-flag="3"] {
        position: absolute;
        height: 4.5em;
        font-size: 1em;
        line-height: 1.5em;
        margin: 2.6em 2em 1em 12em;
    }

#part8 ul[data-flag="1"] > li[data-flag="1"] div {
    background: url("../images/E8/e3.jpg") no-repeat center;
    background-size: contain;
}

#part8 ul[data-flag="2"] > li[data-flag="1"] div {
    background: url("../images/E8/e4.jpg") no-repeat center;
    background-size: contain;
}

#part8 ul[data-flag="3"] > li[data-flag="1"] div {
    background: url("../images/E8/e5.jpg") no-repeat center;
    background-size: contain;
}

#part8 ul[data-flag="4"] > li[data-flag="1"] div {
    background: url("../images/E8/e6.jpg") no-repeat center;
    background-size: contain;
}

#part9 {
    padding-bottom: 2em;
}

    #part9 .ico {
        height: 10em;
        background: url("../images/E8/e7.jpg") no-repeat center content-box;
        background-size: contain;
    }

    #part9 .contain li {
        font-size: 1.2em;
        line-height: 1.5em;
    }

#part10 ul {
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 0.5em;
}

#part10 li {
    padding: 0 1.5em;
}

    #part10 li[data-flag="2"] {
        font-size: 1.2em;
        font-weight: bold;
        color: #006eb9;
        height: 3em;
        line-height: 3em;
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
    }

    #part10 li[data-flag="3"] {
        padding: 0.5em 1em 1em 1em;
        font-size: 1.2em;
        line-height: 1.5em;
        color: #006eb9;
    }

#part11 .ico {
    height: 10em;
    background: url("../images/E8/e8.jpg") no-repeat center content-box;
    background-size: contain;
}

#part11 ul {
    list-style: none;
}

#part12 ul {
    list-style: none;
    display: block;
    overflow: hidden;
    margin: 1em 0;
    border: 1px solid #e0e0e0;
}

#part12 li[data-flag="1"] {
    padding: 1em 0 0 1em;
}

    #part12 li[data-flag="1"] > div {
        width: 3em;
        height: 3em;
        line-height: 3em;
        border-radius: 1.5em;
        background-color: #006eb9;
        text-align: center;
        color: #fff;
        font-size: 1em;
        font-weight: bold;
    }

#part12 li[data-flag="3"] {
    line-height: 1.5em;
    font-size: 1.2em;
    padding: 1em;
}

#part13 ul {
    display: block;
    overflow: hidden;
    list-style: none;
    margin: 2em 0.5em;
    border-bottom: 1px solid #e0e0e0;
    clear: both;
}

#part13 li {
    display: block;
    overflow: hidden;
}

    #part13 li[data-flag="1"] {
        position: absolute;
        z-index: 300;
    }

        #part13 li[data-flag="1"] > div {
            width: 2em;
            height: 2em;
            line-height: 2em;
            border-radius: 0.1em;
            background-color: #006eb9;
            text-align: center;
            color: #fff;
            font-size: 1.5em;
            font-weight: bold;
            margin: 0 0.5em 0.5em 0;
        }

    #part13 li[data-flag="2"] {
        height: 2em;
        line-height: 2em;
        margin: 0 0 0 2.5em;
        padding: 0 0 0 1em;
        background-color: #e0e0e0;
        color: #606060;
        font-size: 1.5em;
        font-weight: bold;
    }

    #part13 li[data-flag="3"] {
        padding: 1em 0;
        font-size: 1.2em;
        line-height: 1.5em;
    }


.containpart [data-src] {
    cursor:pointer;
}
.containpart [data-src]:hover {
    color:#ff6a00;
    box-shadow:3px 3px 3px #e0e0e0;
}