.indexAboutPicOne{
    width:30%;float:left;
}
.indexAboutPicOne img{
    width:100%;
}
.indexAbout{
    width:42%;float:left;
    margin:0 4%;
}
.indexAboutTitle{
    width:100%;
}
    .indexAboutTitle h2 {
        width:100%;
        height:30px;overflow:hidden;
        line-height: 30px;
        font-size: 25px;
        color: #00385d;
    }
    .indexAboutTitle h3 {
        width: 100%;
        height: 25px;
        overflow: hidden;
        line-height: 25px;
        font-size: 18px;
        color: #767676;
    }
    .indexAboutTitle s {
        display: block;
        width: 50px;
        height: 5px;overflow:hidden;
        border-bottom:1px solid #a8abaf;
    }
.indexAboutContent {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    color: #464646;
    margin:20px auto;
}
.indexAboutMore{
    width:100%;
}
    .indexAboutMore a {
        display: inline-block;
        border: 1px solid #a8abaf;
        padding:5px 20px;
        transition:all 0.5s;
    }
        .indexAboutMore a:hover {
            background-color: #0061a7;
            color:#fff;
            border:1px solid #0061a7;
        }

.indexAboutPicTwo {
    width: 18%;
    float: left;
}
    .indexAboutPicTwo img {
        width: 100%;
    }

/*产品中心*/
.indexProduct {
    width:100%;
    height:auto;overflow:hidden;
    background-color: #f9f9f9;
    padding:50px 0 100px 0;
}
.indexProductTitle {
    width: 100%;
    text-align:center;
}

    .indexProductTitle h2 {
        width: 100%;
        height: 30px;
        overflow: hidden;
        line-height: 30px;
        font-size: 25px;
        color: #00385d;
    }

    .indexProductTitle h3 {
        width: 100%;
        height: 25px;
        overflow: hidden;
        line-height: 25px;
        font-size: 18px;
        color: #767676;
    }

    .indexProductTitle s {
        display:inline-block;
        width: 50px;
        height: 5px;
        overflow: hidden;
        border-bottom: 1px solid #a8abaf;
    }
.indexProductMore {
    width: 100%;
    text-align:right;
}

    .indexProductMore a {
        display: inline-block;
        border: 1px solid #a8abaf;
        padding: 5px 20px;
        transition: all 0.5s;
    }

        .indexProductMore a:hover {
            background-color: #0061a7;
            color: #fff;
            border: 1px solid #0061a7;
        }
.indexProductNav{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    margin:20px auto;
}
    .indexProductNav li {
        display: inline-block;
        padding: 5px 15px;
        margin: 10px 10px;
        background-color: #dfdfdf;
        border-radius: 5px;
        transition:all 0.5s;
    }
        .indexProductNav li:hover {
            background-color: #0288ef;
            color: #fff;
        }
        .indexProductNav li:hover a{color:#fff;}

.indexProductList{
    width:100%;
    height:auto;overflow:hidden;
    margin-top:50px;
}
.indexProductList li{
    width:23%;float:left;
    height:auto;overflow:hidden;
    background-color:#fff;
    margin:10px 1% 20px 1%;
    transition:all 0.5s;
}
    .indexProductList li:hover{
        background-color:#0288ef;
    }
        .indexProductList li:hover h2{color:#fff;}
        .indexProductList li div {
            width: 100%;
            height: 260px;
            overflow: hidden;
            position:relative;
        }
    .indexProductList li div img{
        width:100%;
        height:260px;
        position:absolute;
        top:0;
        left:0;
    }
        .indexProductList li h2 {
            width: 100%;
            height: 50px;line-height:50px;
            overflow:hidden;
            font-size:16px;
            text-align:center;
        }

/*新闻资讯*/
.indexNewsNav{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px auto;
    text-align:center;
}
    .indexNewsNav li {
        display: inline-block;
        padding: 5px 20px;
        background-color: #cecece;
        color:#fff;
        transition:all 0.5s;
    }
    .indexNewsNav .active{
        background-color:#0288ef;
    }
    .indexNewsNav li:hover {
        background-color: #0061a7;
    }
.indexNewsList{
    width:100%;
    height:auto;overflow:hidden;
    margin:40px auto;
}
.indexNewsList li{
    width:29%;float:left;
    margin:20px 1%;
    transition:all 0.5s;
    padding:10px 1%;
    border-top:1px solid #fff;
}

    .indexNewsList li:hover {
        box-shadow: 0 10px 10px #ccc;
        border-top: 1px solid #eee;
    }
    .indexNewsList li h4 {
        color: #767676;
        font-size: 14px;
    }
    .indexNewsList li h2 {
        font-size: 20px;
        width:100%;
        height:40px;line-height:40px;overflow:hidden;
        margin:20px auto;
    }
    .indexNewsList li h3 {
        width: 100%;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        color: #767676;
    }
    .indexNewsList li h5{
        width:100%;
        height:auto;overflow:hidden;
        margin:20px auto;
    }
    .indexNewsList li div img {
        width: 100%;
        height: 300px;
    }

@media(max-width:720px){

    .indexAboutPicOne {
        width:100%;
        float: left;
    }

    .indexAbout {
        width: 92%;
        float: left;
        margin: 10px 4% 10px 4%;
    }
    .indexAboutPicTwo {display:none;}

    /*产品中心*/

    .indexProductMore {
        width: 100%;
        text-align: center;
        margin-top:20px;
        margin-bottom:20px;
    }

        .indexProductNav li {
            width:30%;
            height:35px;line-height:35px;overflow:hidden;
            padding:0;
            margin: 0 1% 10px 1%;
        }

        .indexProductList li {
            width: 48%;
            float: left;
            height: auto;
            overflow: hidden;
            background-color: #fff;
            margin: 10px 1% 20px 1%;
            transition: all 0.5s;
        }

            .indexProductList li div {
                width: 100%;
                height: 180px;
                overflow: hidden;
            }

                .indexProductList li div img {
                    width: 100%;
                    height: 180px;
                }


    /*新闻资讯*/

    .indexNewsList li {
        width: 96%;
        float: left;
        margin: 20px 1%;
        transition: all 0.5s;
        padding: 10px 1%;
        border-top: 1px solid #eee;
    }

}