.indexTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexTitle h2{
    width:100%;
    line-height:30px;
    font-size:36px;
    font-weight:bold;
}
.indexTitle h3{
    width:100%;
    line-height:30px;
    font-size:18px;
    color:#999;
}

.indexProduct li{
    width:23%;float:left;
    margin:20px 1%;
    box-shadow:0 0 10px #eee;
    transition:all 0.5s;
}
.indexProduct li:hover{
    margin:10px 1% 30px 1%;
    box-shadow:0 0 10px #ccc;
}
.indexProduct li div{
    width:100%;
    height:auto;overflow:hidden;
}
.indexProduct li div img{
    width:100%;
    height:260px;
}
.indexProduct li h2{
    width:90%;
    height:60px;overflow:hidden;
    margin:10px auto 0 auto;
    line-height:30px;
    font-size:18px;
    word-wrap:break-word;
}
.indexProduct li h3{
    width:90%;
    height:60px;overflow:hidden;
    margin:10px auto;
    line-height:20px;
    color:#999;
    font-size:12px;
    word-wrap:break-word;
}

.indexProduct li h4{
    display:inline-block;
    background-color:#da251e;
    color:#fff;
    padding:2px 10px;
    border-radius:5px;
    margin-left:10px;
    margin-bottom:20px;
    transition:all 0.5s;
}
.indexProduct li h4:hover{
    background-color:#a81712;
}

.indexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background-color:#f4f4f4;
}
.indexAboutPic{
    width:48%;float:left;
    margin-right:2%;
}
.indexAboutPic img{width:100%;}
.indexAboutContent{
    width:48%;float:left;
    margin-right:2%;
}
.indexAboutContent h2{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:36px;
    color:#333;
    margin-top:100px;
    font-weight:bold;
}
.indexAboutContent h3{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:16px;
    color:#999;
}
.indexAboutContent h4{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:16px;
    color:#666;
    margin-top:50px;
    margin-bottom:30px;
}
.indexAboutContent div{
    width:100%;
}
.indexAboutContent div a{
    display:inline-block;
    background-color:#da251e;
    color:#fff;
    padding:10px 20px;
    border-radius:5px;
    transition:all 0.5s;
}
.indexAboutContent div a:hover{
    background-color:#a81712;
    padding:10px 10px 10px 30px;
}

.indexCaseList li{
    width:30.33%;float:left;
    height:auto;overflow:hidden;
    margin:20px 1.5%;
    transition:all 0.5s;
}
.indexCaseList li:hover{
    box-shadow:0 0 10px #ccc;
}
.indexCaseList li h2{
    width:100%;
    height:auto;overflow:hidden;
    font-size:36px;
    color:#000;
    line-height:30px;
    margin-top:20px;
}
.indexCaseList li h3{
    width:100%;
    height:60px;overflow:hidden;
    font-size:14px;
    color:#999;
    line-height:20px;
    margin:10px auto;
}
.indexCaseList li h4{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:50px;
}
.indexCaseList li h4 a{
    display:inline-block;
    padding:10px 20px;
    background-color:#da251e;
    color:#fff;
    border-radius:5px;
    transition:all 0.5s;
}
.indexCaseList li h4 a:hover{
    background-color:#a81712;
    padding:10px 10px 10px 30px;
}

.indexCaseListPic{
    width:100%;
    height:auto;overflow:hidden;
}
.indexCaseListPic img{
    width:100%;
    height:300px;
}
.indexCaseListTitle{
    width:100%;
    height:50px;line-height:50px;
    background-color:#e9e9e9;
    text-align:center;
    transition:all 0.5s;
}
.indexCaseList li:hover .indexCaseListTitle{
    background-color:#da251e;
    color:#fff;
}
.indexCaseList li:hover .indexCaseListTitle a{color:#fff;}

.indexNews{
    width:100%;
    height:auto;overflow:hidden;
    background-color:#f4f4f4;
    background-image:url(../Images/indexNewsBg.png);
    background-position:center;
    padding:50px 0;
}
.indexNewsTitleLeft{
    width:50%;float:left;
}
.indexNewsTitleLeft h2{
    width:100%;
    line-height:40px;
    font-size:36px;
    color:#000;
    font-weight:bold;
}
.indexNewsTitleLeft h3{
    width:100%;
    line-height:30px;
    font-size:18px;
    color:#999;
}
.indexNewsTitleRight{
    width:50%;float:left;
}
.indexNewsTitleRight a{
    float:right;
    display:inline-block;
    padding:10px 20px;
    background-color:#da251e;
    color:#fff;
    border-radius:5px;
    transition:all 0.5s;
}
.indexNewsTitleRight a:hover{
    background-color:#a81712;
    padding:10px 10px 10px 30px;
}

.indexNewsList{
    width:100%;
    height:auto;overflow:hidden;
    border-radius:5px;
    transition:all 0.5s;
    background-color:#fff;
}

.indexNewsList div{
    width:100%;
    height:auto;overflow:hidden;
}
.indexNewsList div img{
    width:100%;
    height:200px;
}
.indexNewsList h2{
    width:90%;
    height:90px;overflow:hidden;
    line-height:30px;
    font-size:18px;
    margin:10px 5%;
    word-wrap:break-word;
}

#indexNews .swiper-container {
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
}
#indexNews .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    bottom:0;
}

@media(max-width:720px){
    .indexProduct li{
        width:46%;float:left;
        margin:20px 2%;
        box-shadow:0 0 10px #eee;
        transition:all 0.5s;
    }
    .indexProduct li div img{
        width:100%;
        height:140px;
    }

    .indexAboutPic{
        width:100%;float:left;
        margin-right:0;
    }
    .indexAboutPic img{width:100%;}
    .indexAboutContent{
        width:90%;float:left;
        margin-right:5%;
        margin-left:5%;
    }
    .indexAboutContent h2{
        width:100%;
        height:auto;overflow:hidden;
        line-height:30px;
        font-size:36px;
        color:#333;
        margin-top:40px;
        font-weight:bold;
    }
    .indexAboutContent h3{
        width:100%;
        height:auto;overflow:hidden;
        line-height:30px;
        font-size:16px;
        color:#999;
    }
    .indexAboutContent h4{
        width:100%;
        height:auto;overflow:hidden;
        line-height:30px;
        font-size:16px;
        color:#666;
        margin-top:20px;
        margin-bottom:20px;
    }
    .indexAboutContent div{
        width:100%;
        height:auto;overflow:hidden;
        margin-bottom:40px;
    }

    .indexCaseList li{
        width:97%;float:left;
        height:auto;overflow:hidden;
        margin:20px 1.5%;
        transition:all 0.5s;
    }
    .indexCaseList li h2{
        margin-top:10px;
    }
    .indexCaseList li h4{
        width:100%;
        height:auto;overflow:hidden;
        margin-bottom:20px;
    }

    .indexCaseListPic{
        width:100%;
        height:auto;overflow:hidden;
    }
    .indexCaseListPic img{
        width:100%;
        height:auto;
        max-height:300px;
    }

    .indexNewsTitleLeft{
        width:100%;float:left;
    }
    .indexNewsTitleLeft h2{
        width:100%;
        line-height:40px;
        font-size:36px;
        color:#000;
        font-weight:bold;
    }
    .indexNewsTitleLeft h3{
        width:100%;
        line-height:30px;
        font-size:18px;
        color:#999;
    }
    .indexNewsTitleRight{
        width:100%;float:left;
        text-align:center;
    }
    .indexNewsTitleRight a{
        float:none;
        clear:both;
        display:inline-block;
        padding:10px 20px;
        background-color:#da251e;
        color:#fff;
        border-radius:5px;
        transition:all 0.5s;
        margin-top:10px;
    }
    .indexNewsTitleRight a:hover{
        background-color:#a81712;
        padding:10px 10px 10px 30px;
    }

    .indexNewsList{
        width:100%;
        height:auto;overflow:hidden;
        border-radius:5px;
    }
    .indexNewsList div{
        width:100%;
        height:auto;overflow:hidden;
    }
    .indexNewsList div img{
        width:100%;
        height:140px;
    }
    .indexNewsList h2{
        width:90%;
        height:90px;overflow:hidden;
        line-height:30px;
        font-size:18px;
    }

    #indexNews .swiper-container {
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #indexNews .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
        bottom:0;
    }



    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display:none;}
}