/*通用部分*/
.indexTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.indexTitle img{
    height:20px;
    vertical-align: middle;
}
.indexTitle h2{
    font-size:30px;
    font-weight:bold;
    line-height:45px;
    text-transform: uppercase;
    color:#24377c;
}
    .indexTitle h3 {
        font-size: 14px;
        line-height: 20px;
        color:#666;
        margin-bottom: 20px;
    }

.indexMore{
    width:100%;
}
.indexMore a{
    display: inline-block;
    border: 1px solid #24377c;
    padding:2px 30px;
    font-size: 12px;
    transition: all 0.5s;
    margin-top:10px;
    margin-bottom: 10px;
}
.indexMore a:hover{
    background-color: #24377c;
    color:#fff;
}
.indexAboutLeft{
    width:55%;float: left;
    margin-right: 5%;
}
.indexAboutContent{
    width:100%;
    font-size: 16px;
    line-height: 30px;
    margin:20px auto;
}
.indexAboutPic{
    width:40%;float: left;
}
.indexAboutPic img{
    width: 90%;
    box-shadow: 10px 10px 10px #ccc;
    margin:20px 5%;
}

.indexProduct{
    width:100%;
    height: auto;overflow: hidden;
    background-color: #24377c;
    padding:50px 0;
}
.indexProductTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.indexProductTitle img{
    height:20px;
    vertical-align: middle;
}
.indexProductTitle h2{
    font-size:30px;
    font-weight:bold;
    line-height:45px;
    text-transform: uppercase;
    color:#fff;
}
    .indexProductTitle h3 {
        font-size: 14px;
        line-height: 20px;
        color:#f8f8f8;
        margin-bottom: 20px;
    }
.indexProductList{
    width:100%;
    height: auto;overflow: hidden;
}
.indexProductList li{
    width:18%;float: left;
    margin:20px 1%;
    background-color: #fff;
    text-align: center;
    transition: all 0.5s;
}
.indexProductList li:hover{
    background-color: #24377c;
    box-shadow: 0 0 10px #3851ac;
    color:#fff;
}
.indexProductList li div{
    width:100%;
}
.indexProductList li div img{
    width:100%;
}
.indexProductList li h2{
    width:100%;
    height: 40px;line-height: 40px;
    overflow: hidden;
}

.indexNewsList{
    width:100%;
    height: auto;overflow: hidden;
}
.indexNewsList li{
    width:38%;float: left;
    margin:10px 5% 10px 1%;
    transition: all 0.5s;
    padding:30px 3%;
    box-shadow: 0 0 10px #f1f1f1;
}
.indexNewsList li:hover{
    box-shadow: 0 0 10px #ccc;
}
.indexNewsList li h2{
    font-size: 20px;
    color:#ff8400;
    line-height: 30px;
    font-weight: bold;
}
.indexNewsList li h3{
    height: 88px;overflow: hidden;
    line-height: 22px;
    color:#666;
    margin:30px auto;
}
.indexNewsList li div{
    width:100%;
}
.indexNewsList li div span{
    border: 1px solid #24377c;
    padding:5px 20px;
    font-size: 12px;
    transition: all 0.5s;
}
.indexNewsList li div span:hover{
    background-color: #24377c;
    color:#fff;
}

@media(max-width:767px) {
    .indexAboutLeft{
        width:100%;
        margin-right: 0;
    }
    .indexAboutContent{
        width:100%;
        font-size: 16px;
        line-height: 30px;
        margin:20px auto;
    }
    .indexAboutPic{
        width:100%;
    }
    .indexAboutPic img{
        width: 100%;
        margin:20px 0;
    }
        .indexProductTitle h3 {
            margin-bottom: 30px;
            margin-top:10px;
        }
    .indexProductList li{
        width:48%;
        margin:20px 1%;
    }

    .indexNewsList{
        width:100%;
        height: auto;overflow: hidden;
    }
    .indexNewsList li{
        width:90%;
        margin:10px 1% 30px 1%;
        padding:30px 4%;
    }
}