.indexTitle{
    width:100%;
    height:auto;overflow:hidden;
}
.indexTitle h1{
    width:100%;
    height:50px;line-height:50px;
    font-size:33px;
    text-align:center;
    color:#31353d;
    font-weight:600;
    letter-spacing:2px;
}
.indexTitle h2{
    width:100%;
    height:30px;line-height:30px;overflow:hidden;
    font-size:14px;
    text-align:center;
    color:#999;
}
.indexTitle div{
    width:80px;
    height:4px;
    background:#1e82e8;
    margin:5px auto;
}

.indexProduct_List{
    width:30%;float:left;
    height:420px;overflow:hidden;
    margin:20px 1.5%;
    border:1px solid #eee;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.indexProduct_List:hover{
    height:420px;overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 0px 10px 10px #f8f8f8;
    margin-top:0;
    margin-bottom:40px;
}
.indexProduct_List .pic{
    width:100%;
    text-align:center;
}
.indexProduct_List .pic img{
    width:96%;
    height:240px;
    margin:10px auto;
}
.indexProduct_List .word{
    width:100%;
}
.indexProduct_List .word h2{
    width:90%;
    height:50px;line-height:50px;
    font-size:16px;
    margin:0 auto;
    border-bottom:1px solid #eee;
}
.indexProduct_List .word h3{
    width:90%;
    height:40px;line-height:20px;
    color:#999;
    font-size:12px;
    margin:5px auto;
}
.indexProduct_List .word div{
    width:100%;
    line-height:40px;
    text-align:center;
    margin-bottom:20px;
}
.indexProduct_List .word div a{color:#999;}
.indexProduct_List .word div a:hover{color:#666;}

.indexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background:#eff3f7;
    padding:50px 0;
}
.indexAbout_Content{
    width:80%;
    height:auto;overflow:hidden;
    margin:30px auto;
    background-image:url(../Images/indexabout_bg.jpg);
    background-size:100%;
    background-repeat:no-repeat;
}
.indexAbout_Content .content{
    width:460px;
    height:auto;overflow:hidden;
    background:rgba(13,104,196,0.8);
    margin-top:50px;
    margin-bottom:50px;
    padding:70px 40px 70px 40px;
    color:#fff;
}
.indexAbout_Content .content h2{font-size:30px;line-height:30px;letter-spacing:2px;}
.indexAbout_Content .content h3{font-size:12px;color:#eee;line-height:30px;}
.indexAbout_Content .content div{
    width:100%;
    height:auto;overflow:hidden;
    line-height:25px;
    max-height:100px;
    margin:10px auto;
    font-size:12px;
}
#indexAbout_List{
    width:100%;
    height:200px;overflow:hidden;
    background:url(../Images/indexaboutlist_bg.jpg) top center fixed;
    padding-top:20px;
}
.indexAbout_List{
    width:1200px;
    height:auto;overflow:hidden;
    margin:50px auto 30px auto;
}
.indexAbout_List li{
    width:25%;float:left;
    height:auto;line-height:40px;
    text-align:center;
    color:#84beff;
    font-size:16px;
}
.indexAbout_List li h3{
    display:block;
    font-size:36px;
    color:#fff;
}
.indexAbout_List li h3 span{font-size:36px;}
.indexMore{
    width:100%;
    text-align:center;
    height:auto;
    margin:60px auto 30px auto;
}
.indexMore a{border:1px solid #d8e1eb;padding:10px 50px;color:#999;}
.indexMore a:hover{background:#1e82e8;color:#fff;}

.indexNews_Left{
    width:43%;float:left;
    margin-right:2%;
}
.hotlist{
    width:100%;
    height:auto;overflow:hidden;
    background:#f8f8f8;
    padding:0 0 40px 0;
}
.hotlist:hover{background:#1e82e8;}
.hotlist:hover a{color:#fff;}
.hotlist .pic{
    width:90%;
    height:auto;
    margin:20px auto;
}
.hotlist .pic img{width:100%;height:300px;}
.hotlist .content{
    width:96%;
    margin:10px auto;
}
.hotlist .content dd{
    width:18%;float:left;
    margin-right:2%;
    color:#999;
    font-size:16px;
    line-height:25px;
    text-align:center;
}
.hotlist .content dd h3{font-size:14px;letter-spacing:0;border-top:1px solid #ccc;display:inline;}
.hotlist .content dt{
    width:80%;float:left;
    line-height:25px;
}
.hotlist .content dt a{font-size:14px;}
.hotlist .content dt div{
    width:100%;
    height:auto;overflow:hidden;
    line-height:20px;
    color:#999;
}

.indexNews_Right{
    width:55%;float:left;
}
.newslist{
    width:100%;
    height:auto;overflow:hidden;
    background:#f8f8f8;
    margin:0 auto 15px auto;
    padding:10px 0 15px 5%;
    line-height:30px;
    font-size:14px;
}
.newslist:hover{background:#1e82e8;}
.newslist:hover a{color:#fff;}
.newslist:hover div{color:#c0dfff;}
.newslist div{
    width:90%;
    font-size:12px;
    line-height:20px;
    color:#999;
}

@media(max-width:750px) {
    .indexTitle {
        width: 96%;
        height: auto;
        overflow: hidden;
        margin-left:auto;
        margin-right:auto;
    }

    .indexProduct_List{
        width:98%;
    }

    .indexAbout_Content {
        width: 94%;
        height: auto;
        overflow: hidden;
        margin: 20px auto;
        background-image: url(../Images/indexabout_bg.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }

        .indexAbout_Content .content {
            width: 60%;
            height: auto;
            overflow: hidden;
            background: rgba(13,104,196,0.8);
            margin-top: 30px;
            margin-bottom: 30px;
            padding: 30px 3% 30px 3%;
            color: #fff;
        }
    #indexAbout_List {
        width: 100%;
        height: 360px;
        overflow: hidden;
        background: url(../Images/indexaboutlist_bg.jpg) top center fixed;
        padding-top: 20px;
    }

    .indexAbout_List {
        width: 90%;
        height: auto;
        overflow: hidden;
        margin: 50px auto 30px auto;
    }

        .indexAbout_List li {
            width:50%;
            float: left;
            height: auto;
            line-height: 40px;
            text-align: center;
            color: #84beff;
            font-size: 16px;
        }
    .indexNews_Left {
        width: 100%;
        float: left;
        margin-top:10px;
    }

    .indexNews_Right {
        width: 100%;
        margin-top:10px;
    }
    .newslist{
    width:100%;
    height:auto;overflow:hidden;
    background:#fff;
    border-bottom:1px solid #eee;
    margin:0 auto 15px auto;
    padding:10px 0 15px 5%;
    line-height:30px;
    font-size:14px;
}
}