.indexAbout_Pic {
    width: 40%;
    float: left;
}

    .indexAbout_Pic img {
        width: 90%;
    }

.indeAbout_Word {
    width: 50%;
    float: left;
}

    .indeAbout_Word .title {
        width: 100%;
        line-height: 35px;
    }

        .indeAbout_Word .title h2 {
            font-size: 30px;
        }

        .indeAbout_Word .title h3 {
            font-size: 20px;
        }

            .indeAbout_Word .title h3 span {
                color: #4fabe9;
            }

        .indeAbout_Word .title div {
            width: 100px;
            height: 4px;
            background: #4fabe9;
        }

    .indeAbout_Word .pic {
        display: none;
    }

    .indeAbout_Word .content {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 25px;
        margin: 20px 0;
        font-size: 13px;
        color: #666;
    }

        .indeAbout_Word .content a {
            color: #4fabe9;
        }

            .indeAbout_Word .content a:hover {
                color: #f00;
            }

    .indeAbout_Word .list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .indeAbout_Word .list li {
            width: 28%;
            float: left;
            line-height: 30px;
            color: #555;
            margin-left: 5%;
        }

            .indeAbout_Word .list li h3 {
                font-size: 28px;
                color: #4fabe9;
            }

        .indeAbout_Word .list .br {
            border-right: 1px solid #ccc;
        }

.indexTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
}

    .indexTitle h2 {
        font-size: 26px;
    }

    .indexTitle h3 {
        font-size: 14px;
        color: #999;
    }

#indexProduct {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f8f8f8;
    padding: 50px 0 30px 0;
}

.indexProduct {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .indexProduct li {
        width: 23%;
        float: left;
        margin: 10px 1%;
        line-height: 30px;
        background: #fff;
        text-align: center;
        padding-bottom: 10px;
    }

        .indexProduct li div {
            width: 100%;
            height: 240px;
            overflow: hidden;
            position: relative;
        }

            .indexProduct li div img {
                width: 100%;
                height: 240px;
                top: 0;
                left: 0;
                position: absolute;
            }

.indexMore {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .indexMore div {
        width: 100px;
        height: 30px;
        line-height: 30px;
        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#379ff4,endColorStr=#1d8be5);
        background: -ms-linear-gradient(top, #379ff4, #1d8be5);
        background: -moz-linear-gradient(top,#379ff4,#1d8be5);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#379ff4), to(#1d8be5));
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#379ff4), to(#1d8be5));
        background: -webkit-linear-gradient(top, #379ff4, #1d8be5);
        background: -o-linear-gradient(top, #379ff4, #1d8be5);
        text-align: center;
        color: #fff;
        border-radius: 20px;
        margin-left: auto;
        margin-right: auto;
    }

        .indexMore div:hover {
            background: #6ebeff;
        }

#indexAd {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../Images/index_ad.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 140px 0 140px 0;
    color: #fff;
    line-height: 70px;
    text-align: center;
}

    #indexAd h2 {
        font-size: 36px;
        letter-spacing: 2px;
    }

    #indexAd h3 {
        font-size: 22px;
        letter-spacing: 2px;
    }

        #indexAd h3 s {
            width: 90px;
            display: inline-block;
            height: 2px;
            background: #fff;
            margin: 5px 10px;
        }

.index_news_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .index_news_list li {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .index_news_list li .pic {
            width: 39%;
            padding: 0 3%;
        }

            .index_news_list li .pic img {
                width: 80%;
                height: 200px;
                border-radius: 8px;
            }

        .index_news_list li:nth-of-type(odd) .pic {
            float: left;
            text-align: right;
        }

        .index_news_list li:nth-of-type(even) .pic {
            float: right;
            text-align: left;
        }

        .index_news_list li .line {
            width: 10%;
        }

        .index_news_list li:nth-of-type(odd) .line {
            float: left;
        }

        .index_news_list li:nth-of-type(even) .line {
            float: right;
        }

        .index_news_list li .line .date {
            width: 50px;
            display: block;
            height: 35px;
            line-height: 17px;
            padding: 9px 0;
            border: 1px dotted #333;
            text-align: center;
            border-radius: 50%;
            margin: 0 auto;
        }

        .index_news_list li .line .line1 {
            width: 50px;
            display: block;
            height: auto;
            overflow: hidden;
            margin-left: auto;
            margin-right: auto;
        }

            .index_news_list li .line .line1 div {
                width: 23px;
                border-right: 1px dotted #333;
                height: 148px;
            }

        .index_news_list li .word {
            width: 39%;
        }

            .index_news_list li .word h4 {
                width: 70%;
                height: auto;
                overflow: hidden;
                font-size: 18px;
                display: block;
                margin: 0 auto;
            }

            .index_news_list li .word div {
                width: 70%;
                height: auto;
                overflow: hidden;
                max-height: 90px;
                line-height: 30px;
                font-size: 13px;
                color: #999;
                margin: 10px auto;
            }

        .index_news_list li:nth-of-type(odd) .word {
            float: right;
            padding: 30px 6% 0 0%;
        }

        .index_news_list li:nth-of-type(even) .word {
            float: left;
            padding: 30px 0% 0 6%;
        }

@media(max-width:900px) {
    .indexAbout_Pic {
        display: none;
    }

    .indeAbout_Word {
        width: 100%;
    }

        .indeAbout_Word .title {
            margin-top: 20px;
        }

            .indeAbout_Word .title h2 {
                font-size: 24px;
            }

            .indeAbout_Word .title h3 {
                font-size: 16px;
            }

        .indeAbout_Word .pic {
            display: block;
        }

            .indeAbout_Word .pic img {
                width: 100%;
                margin-top: 10px;
            }

        .indeAbout_Word .list li h3 {
            font-size: 22px;
            color: #4fabe9;
        }

    .indexProduct li {
        width: 46%;
        float: left;
        margin: 10px 1%;
        line-height: 30px;
        background: #fff;
        text-align: center;
        padding-bottom: 10px;
    }

        .indexProduct li div {
            width: 100%;
            height: 140px;
            overflow: hidden;
            position: relative;
        }

            .indexProduct li div img {
                width: 100%;
                height: 140px;
                top: 0;
                left: 0;
                position: absolute;
            }

    #indexAd {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(../Images/index_ad.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        padding: 70px 0 70px 0;
        color: #fff;
        line-height: 50px;
        text-align: center;
    }

        #indexAd h2 {
            font-size: 24px;
            letter-spacing: 2px;
        }

        #indexAd h3 {
            font-size: 18px;
            letter-spacing: 2px;
        }

            #indexAd h3 s {
                width: 50px;
                display: inline-block;
                height: 2px;
                background: #fff;
                margin: 5px 10px;
            }
.index_news_list li{margin:10px 0;}
    .index_news_list li .pic {
        width: 36%;
        padding: 0 2%;
    }

        .index_news_list li .pic img {
            width: 100%;
            height: 100px;
            border-radius: 8px;
        }

    .index_news_list li:nth-of-type(odd) .pic {
        float: left;
        text-align: right;
    }

    .index_news_list li:nth-of-type(even) .pic {
        float: right;
        text-align: left;
    }

    .index_news_list li .line {
        display: none;
    }

    .index_news_list li .word {
        width: 53%;
    }

        .index_news_list li .word h4 {
            width: 100%;
            height: 30px;line-height:30px;
            overflow: hidden;
            font-size: 16px;
            display: block;
            margin: 0 auto;
        }

        .index_news_list li .word div {
            width: 100%;
            height: auto;
            overflow: hidden;
            max-height: 40px;
            line-height: 20px;
            font-size: 12px;
            color: #999;
            margin: 10px auto;
        }

    .index_news_list li:nth-of-type(odd) .word {
        float: right;
        padding: 0px 6% 0 0%;
    }

    .index_news_list li:nth-of-type(even) .word {
        float: left;
        padding: 0px 0% 0 6%;
    }

    .indexMore {
        margin-bottom: 20px;
    }
}

.sc_left {
    position: relative;
    left: 200px;
    transition: all 1s;
}

.sc_left-mv {
    position: relative;
    left: 0;
}

.sc_right {
    position: relative;
    right: 200px;
    transition: all 1s;
}

.sc_right-mv {
    position: relative;
    right: 0;
}

.sc_top {
    position: relative;
    top: 200px;
    transition: all 1s;
}

.sc_top-mv {
    position: relative;
    top: 0;
}

.sc_bottom {
    position: relative;
    bottom: 200px;
    transition: all 1s;
}

.sc_bottom-mv {
    position: relative;
    top: 0;
}