.content-container {
    width: 1180px;
    margin: auto;
}

.i_h_1, .i_h_2 {
    font-size: 40px;
    margin-top: 60px;
    font-weight: 300;
    font-family: 'Microsoft YaHei';
}

.i_p_1, .i_p_2 {
    font-size: 18px;
    line-height: 36px;
    margin-top: 32px;
    font-family: 'Microsoft YaHei';
}

.i_h_1 {
    color: #333;
}

.i_h_2 {
    color: #fff;
}

.i_p_1 {
    color: #555;
}

.i_p_2 {
    color: #efefef;
}

.dg-blue-btn {
    border-radius: 2px;
    padding: 14px 34px;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    background: #1976d2;
    color: #fefefe;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    cursor: pointer;
}

.banner1 {
    height: 720px;
}

.idx1 .banner1 {
    background: url(//static.datagrand.com/images/index/dg-banner.png) #1976d2 no-repeat top center;
}

.banner1 .banner-text {
    width: 728px;
    position: absolute;
    left: 50%;
    margin-left: -364px;
    color: #fff;
    text-align: center;
    top: 230px;
    z-index: 6;
    font-family: 'Microsoft YaHei';
}

.banner1 .banner-text .banner-title {
    font-size: 58px;
    text-shadow: 0 15px 20px rgba(6, 58, 109, 0.35);
}

.banner1 .banner-text .banner-desc {
    font-size: 18px;
    line-height: 32px;
    margin-top: 40px;
}

.idx2, .idx3 {
    min-height: 720px;
    padding-bottom: 40px;
}

.content-container {
    text-align: center;
    font-family: 'Microsoft YaHei';
}

.content-container .title-container {
    width: 820px;
    margin: auto;
}

.intro-container {
    width: 300px;
    margin: auto;
    margin-top: 50px;
}

.intro-container a {
    color: #000;
}

.intro-container a:hover {
    color: #000;
    cursor: pointer;
}

.intro-container .img-holder {
    width: 100px;
    height: 100px;
    margin: auto;
}

.content-container .col-xs-12:nth-child(2) .intro-container .img-holder img {height: 88px;margin-top: 6px;}
.content-container .col-xs-12:nth-child(3) .intro-container .img-holder img {height: 92px;margin-top: 4px;}
.content-container .col-xs-12:nth-child(4) .intro-container .img-holder img {height: 71px;margin-top: 14px;}
.content-container .col-xs-12:nth-child(5) .intro-container .img-holder img {height: 75px;margin-top: 12px;}
.content-container .col-xs-12:nth-child(6) .intro-container .img-holder img {height: 76px;margin-top: 12px;}
.content-container .col-xs-12:nth-child(7) .intro-container .img-holder img {height: 74px;margin-top: 13px;}

.model-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 20px;
}

.model-intro {
    font-size: 16px;
    line-height: 24px;
}

.idx3 {
    background-color: #1976d2;
    background: url(//static.datagrand.com/images/index/dg-sd.png) #1976d2 no-repeat center 75%;
}


.sln-holder {
    width: 360px;
    height: 250px;
    background: url(//static.datagrand.com/images/index/img-bg.png) #f6f6f7 no-repeat center center;
    border-radius: 2px;
    margin-top: 120px;
    padding-top: 20px;
    text-align: center;
}

.sln-holder .img-holder {
    width: 120px;
    height: 100px;
    margin: auto;
}

.idx3 .col-xs-12:nth-child(2) .img-holder img {height: 78px;margin-top: 11px;}
.idx3 .col-xs-12:nth-child(3) .img-holder img {height: 78px;margin-top: 11px;}
.idx3 .col-xs-12:nth-child(4) .img-holder img {height: 64.5px;margin-top: 18px;}

.sln-holder .sln-title {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #333;
}

.sln-holder .sln-intro {
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

.idx4 {
    background: url(//static.datagrand.com/images/index/dg-bg-01-sm.png) repeat;
    min-height: 720px;
    padding-bottom: 40px
}

.idx4 .tech-container {
    width: 1180px;
}

.idx4 .tech-container .addition {
    position: relative;
    top: -10px;
    left: -24px;
    width: 100%;
    height: 40px;
    z-index: 1;
}

.idx4 .tech-container .tech-holder {
    width: 520px;
    height: 240px;
    position: relative;
    margin: auto;
    margin-top: 110px;
    z-index: 2;
}

.idx4 .tech-container .tech-holder img {
    position: absolute;
    left: 0;
    height: 100%;
}

.idx4 .tech-container .tech-holder .tech-right {
    margin-left: 227px;
    margin-top: 5px;
    text-align: left;
}

.idx4 .tech-container .tech-holder .tech-right .tech-desc {
    font-size: 20px;
    line-height: 42px;
    color: #bbbec4;
    margin-bottom: 10px;
}

.idx4 .tech-container .tech-holder .tech-right .tech-intro {
    font-size: 16px;
    line-height: 24px;
    color: #7f8aa0;
    margin-bottom: 30px;
}

.idx5 {
    min-height: 720px;
    background: url(//static.datagrand.com/images/index/dg-bg-02.png) #eee no-repeat center center;
}

.cooper {
    width: 180px;
    height: 70px;
    margin: auto;
    margin-top: 55px;
    background: url(//static.datagrand.com/images/index/pic-03.png) no-repeat 0 0;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.cooper:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
}

.idx5 .col-xs-12:nth-child(2) .cooper {background-position: 0 0;}
.idx5 .col-xs-12:nth-child(3) .cooper {background-position: -247px 0;}
.idx5 .col-xs-12:nth-child(4) .cooper {background-position: -525px 0;}
.idx5 .col-xs-12:nth-child(5) .cooper {background-position: -782px 0;}
.idx5 .col-xs-12:nth-child(6) .cooper {background-position: -1019px 0;}
.idx5 .col-xs-12:nth-child(7) .cooper {background-position: 0 -112px;}
.idx5 .col-xs-12:nth-child(8) .cooper {background-position: -247px -112px;}
.idx5 .col-xs-12:nth-child(9) .cooper {background-position: -525px -112px;}
.idx5 .col-xs-12:nth-child(10) .cooper {background-position: -782px -112px;}
.idx5 .col-xs-12:nth-child(11) .cooper {background-position: -1019px -112px;}
.idx5 .col-xs-12:nth-child(12) .cooper {background-position: 0 -242px;}
.idx5 .col-xs-12:nth-child(13) .cooper {background-position: -247px -242px;}
.idx5 .col-xs-12:nth-child(14) .cooper {background-position: -525px -242px;}
.idx5 .col-xs-12:nth-child(15) .cooper {background-position: -782px -242px;}
.idx5 .col-xs-12:nth-child(16) .cooper {background-position: -1019px -242px;}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .banner1 .banner-text .banner-title {
        font-size: 50px;
    }

    .i_h_1 {
        font-size: 40px;
    }

    .content-container, .idx4 .tech-container {
        width: 992px;
    }

    .sln-holder {
        margin: 120px auto 0 auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .banner1 {
        height: 540px;
    }

    .banner1 .banner-text .banner-title {
        font-size: 40px;
    }
    .i_h_1, .i_h_2 {
        font-size: 32px;
    }

    .content-container, .content-container .title-container, .idx4 .tech-container {
        width: 768px;
    }

    .sln-holder {
        margin: 120px auto 0 auto;
    }
}
@media screen and (max-width: 768px) {
    .banner1 {
        height: 360px;
    }

    .banner1 .banner-text {
        width: auto;
        position: static;
        margin: auto;
        margin-top: 140px;
    }
    .banner1 .banner-text .banner-title {
        font-size: 32px;
    }

    .i_h_1, .i_h_2 {
        font-size: 20px;
    }

    .content-container, .content-container .title-container, .idx4 .tech-container {
        width: auto;
    }

    .sln-holder {
        margin: 120px auto 0 auto;
        width: 320px;
    }

    .idx4 .tech-container .tech-holder {
        width: auto;
    }

    .idx4 .tech-container .tech-holder .tech-right {
        margin-left: 0;
        text-align: center;
    }

    .cooper {
        -webkit-filter: none;
        -moz-filter: none;
        -ms-filter: none;
        -o-filter: none;
        filter: none;
    }
}