﻿#content {
    margin-bottom: 0;
}

.image-switch {
    width: 1000px;
    margin: 0 auto;
}

    .image-switch table {
        margin: 0 auto;
    }

.img-internet {
    margin-left: 17px;
}

.img-gis {
    margin-right: 17px;
}

.image-switch img {
    cursor: pointer;
}

.internet {
    margin-top: 54px;
    background-color: #f7f7f7;
    border-top: 3px solid #d5d1d1;
}

    .internet table {
        margin: 0 auto;
        width: 910px;
    }

.internet-line {
    width: 49px;
    height: 27px;
    background: url(../image/25.png) no-repeat;
    position: relative;
    top: -27px;
    left: 65%;
}

.td-blank-1 {
    height: 70px;
}

.td-blank-2 {
    width: 94px;
}

.td-blank-3 {
    height: 50px;
    background-color: #f7f7f7;
}

.td-blank-4 {
    height: 50px;
    background-color: #e5f1f9;
}

.td-blank-5 {
    height: 50px;
    background-color: #007ac2;
}

.business {
    font-size: 24px;
    color: #007fc4;
    font-weight: bold;
    width: 433px;
}

    .business span {
        margin-left: 10px;
    }

    .business img {
        position: relative;
        top: 5px;
    }

.case {
    font-size: 24px;
    color: #007fc4;
    font-weight: bold;
    width: 470px;
    padding-left: 40px;
}

    .case span {
        margin-left: 10px;
    }

    .case img {
        position: relative;
        top: 5px;
    }

.internet-left {
    width: 433px;
}

    .internet-left ul {
        margin-left: -40px;
    }

    .internet-left li {
        padding-top: 50px;
        padding-bottom: 50px;
        width: 433px;
        border-bottom: 1px solid #dadada;
    }

        .internet-left li:last-child {
            border-bottom: 0px solid #dadada;
        }

        .internet-left li img {
            float: left;
        }

        .internet-left li p {
            display: table-cell;
            width: 260px;
            font-size: 16px;
            color: #000000;
            line-height: 1.7;
            padding-left: 40px;
        }

        .internet-left li span {
            display: block;
            margin-left: 140px;
            font-size: 18px;
            color: #000000;
            font-weight: bold;
        }

.internet-right ul {
    margin-top: -5px;
}


.internet-right li img {
    display: block;
}

.internet-right li p {
    font-size: 16px;
    color: #000000;
    line-height: 1.7;
    width: 320px;
}

.internet-right li span {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.internet-right li .look {
    cursor: pointer;
    display: inline;
    border: 0px;
}

.internet-right li {
    border-bottom: 1px solid #dadada;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .internet-right li:last-child {
        border-bottom: 0px solid #dadada;
    }

.gis table {
    margin: 0 auto;
}

.gis-line {
    position: relative;
    top: 3px;
    left: 31%;
    margin-top: 27px;
    width: 49px;
    height: 27px;
    background: url(../image/25.png) no-repeat;
}

.product {
    background-color: #f7f7f7;
    border-top: 3px solid #d5d1d1;
}

.td-product {
    font-size: 24px;
    color: #007fc4;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
    padding-top: 30px;
}

    .td-product span {
        margin-left: 10px;
    }

    .td-product img {
        position: relative;
        top: 5px;
    }

    .td-product .more {
        font-size: 15px;
        color: #000000;
        font-weight: 400;
        float: right;
        cursor: pointer;
    }

        .td-product .more a:link, .td-product .more a:visited, .td-product .more a:hover, .td-product .more a:active {
            color: #000000;
        }

.tr-product ul {
    margin-left: -40px;
}

.tr-product li {
    float: left;
    text-align: center;
    width: 225px;
    margin-top: 10px;
}

.tr-product p {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 10px;
}

.tr-product span {
    font-size: 15px;
    color: #007fc4;
    text-decoration: underline;
}

.tr-product img {
    display: block;
    margin: auto;
}

.solution {
    background-color: #e5f1f9;
}

.td-solution {
    font-size: 24px;
    color: #007fc4;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 30px;
    border-bottom: 1px solid #dadada;
}

    .td-solution span {
        margin-left: 10px;
    }

    .td-solution img {
        position: relative;
        top: 5px;
    }

    .td-solution .more {
        font-size: 15px;
        color: #000000;
        font-weight: 400;
        float: right;
        cursor: pointer;
    }

        .td-solution .more a:link, .td-solution .more a:visited, .td-solution .more a:hover, .td-solution .more a:active {
            color: #000000;
        }

.tr-solution p {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}

.tr-solution span {
    font-size: 15px;
    color: #000000;
}

.tr-solution li {
    float: left;
    width: 300px;
    margin-top: 10px;
}

.tr-solution ul {
    margin-left: -40px;
}

.classic 
{
    background-color: #007ac2;
}

.td-classic {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 30px;
    border-bottom: 1px solid #dadada;
}

    .td-classic span {
        margin-left: 10px;
    }

    .td-classic img {
        position: relative;
        top: 5px;
    }

    .td-classic .more {
        font-size: 15px;
        color: #ffffff;
        font-weight: 400;
        float: right;
        cursor: pointer;
    }

        .td-classic .more a:link, .td-classic .more a:visited, .td-classic .more a:hover, .td-classic .more a:active {
            color: #ffffff;
        }

.tr-classic p {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tr-classic span {
    font-size: 15px;
    color: #ffffff;
}

.tr-classic li {
    float: left;
    width: 300px;
    margin-top: 10px;
}

.tr-classic ul {
    margin-left: -40px;
}

ul {
    list-style-type: none;
}
