/*通用部分*/
.indexNotice{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    text-align:center;
    font-size:15px;
}

.indexTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.indexTitle h2{
    font-size:37px;
    font-weight:bold;
    line-height:45px;
    letter-spacing:1px;
}
    .indexTitle h2 span {
        color: #003a5d;
    }
    .indexTitle h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
        letter-spacing: 0px;
        text-transform:uppercase;
    }

.whiteColor{
    color:#fff;
}


.indexAbout{
    width:43%;float:left;
    margin-right: 3%;
    border-right: 1px solid #ccc;
    padding-right: 3%;
}
.indexAbout .title{
    width:100%;height:30px;font-size:18px;
    margin-bottom: 20px;
}
.indexAbout .content{
    width:100%;
    height:auto;overflow: hidden;
    background-image:url(../images/indexAboutBg.jpg);
    background-repeat: no-repeat;
    line-height:26px;
}
.indexAbout .content h3{
    width:100%;
    height: auto;overflow: hidden;
    line-height: 28px;
}
.indexAbout .content .contentContact{
    width:100%;
    height: auto;overflow: hidden;
    line-height: 30px;
    color:#666;
}
.indexAbout .content .contentContact i{
    color:#999;
    font-size: 20px;
}
.indexAbout .content .contentContact span{
    font-size: 24px;
    font-weight: bold;
    color:#f00;
}
.indexNews{
    width:50%;
    float:left;
}
.indexNews .title{width:100%;height:30px;border-bottom:1px solid #ccc;margin:0px 0px 15px 0px;padding:0px;}
.indexNews .title .l{float:left;width:50%;height:20px;line-height:20px;
    background:url(../images/i_news_title_bg.gif);
    background-repeat: no-repeat;
    text-indent:5px;font-size:18px;
}
.indexNews .title .r{float:left;width:50%;height:20px;text-align:right;}
.indexNewsList{margin:10px 0 0 0;color:#999;}
.indexNewsList dt{
    width:100%;
    height: 30px;line-height: 30px;
    overflow: hidden;
    background-image:url(../images/i_news_bg.gif);
    background-repeat: no-repeat;
    background-position: 0 12px;
    border-bottom:1px dotted #ccc;
    text-indent: 15px;
    transition: all 0.5s;
}
.indexNewsList dt:hover{
    text-indent: 25px;
}
.indexNewsList span{float:right;font-size: 12px;}

.indexProductTitle{width:100%;height:30px;margin:20px 0px;font-size:18px;border-bottom:1px solid #ccc;}
.indexProductList{
    width:100%;
    height: auto;overflow: hidden;
    margin:30px auto;
}
.indexProductList li {
    width: 14.66%;
    float: left;
    margin: 20px 1%;
    transition:all 0.5s;
    box-shadow: 0 0 10px #eee;
}
.indexProductList li:hover{
    box-shadow:0 0 10px #ccc;
}
.indexProductList li div {
    width:100%;
}
.indexProductList li div img{
    width:100%;
    height: 140px;
}
.indexProductList li h2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align:center;
    font-size:12px;
}

.indexHonor{
    width:28%;
    float:left;
    margin-right: 2%;
}
.indexHonor .title{width:100%;height:30px;font-size:16px;}
.indexHonor .content{
    width:100%;
    height: auto;overflow: hidden;
    position: relative;
}
.indexHonor .content .picList{
    width:100%;
}
.indexHonor .content .picList img{
    width:100%;
}
.indexSupport{
    width:33%;
    float:left;
    margin:0px 1% 0px 1%;
}
.indexSupportTitle{
    width:100%;
    height:30px;overflow: hidden;
    line-height: 30px;
    background:#f0f0f0;margin:0px 0px 15px 0px;
    border-bottom:1px solid #008330;
    background-image:url(../images/i_support_title_bg.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    text-indent: 30px;
    font-size:14px;
}
.indexSupportTitle a{
    float: right;
    margin-right: 5px;
}


@media(max-width:768px){

    .indexAbout{
        width:100%;
        margin-right: 0;
        border-right: 0;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .indexNews{
        width:100%;
    }
    
    .indexProductList li {
        width: 48%;
        margin: 20px 1%;
    }

    .indexHonor{
        width:100%;
        margin-right: 0;
    }
    .indexSupport{
        width:100%;
        float:left;
        margin:0px 0 0px 0;
    }

}