﻿body {
    background-color: #f0f0f0;
}

.banner {
    height: 15em;
    border-bottom: 1px solid #e0e0e0;
    background: url("../images/banner2.jpg") no-repeat center center;
    background-size: cover;
}

#part1 .ico {
    padding: 1em;
    border: 1px solid #e0e0e0;
    background: url("../images/60/pc0.jpg") no-repeat center center content-box;
    background-size: contain;
}

#part2 .ico {
    padding: 0 1em 1em 1em;
    background: url("../images/60/h1.jpg") no-repeat center center content-box;
    background-size: contain;
}

#part3 .ico {
    padding: 0 1em 1em 1em;
    background: url("../images/60/h2.jpg") no-repeat center center content-box;
    background-size: contain;
}

#part4 .parttitle {
    text-align: center;
}

#part4 .ico {
    padding: 0 1em 1em 1em;
    background: url("../images/60/h3.jpg") no-repeat center center content-box;
    background-size: contain;
}

#part4 li {
    margin: 1em 0 2em 0;
    font-size: 1.2em;
}

    #part4 li[data-flag="1"] {        
        line-height: 1.5em;
    }

    #part4 li .lititle {
        background-color: #3399cc;
        color: #ffffff;        
        font-weight: bold;
        width: 10em;
        height: 2.1em;
        line-height: 2em;
        border-radius: 1em;
        padding: 0 0.5em 0 1em;
        margin: 0 0 0.5em 0.3em;
    }

        #part4 li .lititle .libfdot {
            float: left;
            width: 0.5em;
            height: 0.5em;
            border-radius: 0.25em;
            margin: 0.8em 0.5em 0 0;
            background-color: #f0f0f0;
        }

    #part4 li .licontain {
        background: url("../images/60/left_nor.png") no-repeat center left;        
        padding-left: 2em;
    }
