.IndexTitle{
    width:100%;
    height:auto;overflow:hidden;
}
.IndexTitle h2{
    font-size:30px;
    font-weight:bold;
    font-family:Arial;
}
.IndexTitle h3{
    font-size:14px;
}
.IndexTitle div{
    width:30px;
    height:2px;
    background:#999;
    margin-top:5px;
    margin-bottom:10px;
}


.IndexAbout_Left{
    width:50%;float:left;
    margin-right:5%;
}
.IndexAbout_Content{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
}
.IndexAbout_More{
    width:100%;
    height:auto;
    line-height:30px;
    margin:20px auto;
}
.IndexAbout_More a{
    padding:8px 30px;
    background:#0083e5;
    border-radius:20px;
    color:#fff;
    transition:all 0.5s;
}
.IndexAbout_More a:hover{
    background:#21cde1;
    box-shadow:0 5px 5px #ccc;
}
.IndexAbout_Right{
    width:45%;float:left;
}
.IndexAbout_Right img{
    max-width:100%;
}

.IndexProduct{
    width:100%;
    height:auto;overflow:hidden;
    /*background-image:linear-gradient(90deg,#0083e5,#3aaaff);*/
    background:url(../Images/index_product.jpg);
    background-repeat:no-repeat;
    background-position:center;
    padding:30px 0;
}
.IndexProduct_Content{
    width:1200px;
    height:auto;overflow:hidden;
    margin:0px auto;
}

.IndexProductTitle{
    width:100%;
    height:auto;overflow:hidden;
    color:#fff;
}
.IndexProductTitle h2{
    font-size:30px;
    font-weight:bold;
    font-family:Arial;
}
.IndexProductTitle h3{
    font-size:14px;
}
.IndexProductTitle div{
    width:30px;
    height:2px;
    background:#5ab9ff;
    margin-top:5px;
    margin-bottom:10px;
}

.IndexProduct_List{
    width:100%;
    height:auto;overflow:hidden;
    margin-top:40px;
}
.IndexProduct_List li{
    width:23%;float:left;
    margin:10px 1%;
    background:#fff;
    padding:0 0 10px 0;
    transition:all 0.5s;
}
.IndexProduct_List li:hover{
    background:#0083e5;
    box-shadow:0 5px 5px #0879ce;
}
.IndexProduct_List li:hover h2{color:#fff;}
.IndexProduct_List li div{
    width:100%;
    height:200px;overflow:hidden;
    position:relative;
}
.IndexProduct_List li img{
    width:100%;
    height:200px;
    position:absolute;
    top:0;
    left:0;
}
.IndexProduct_List li h2{
    width:94%;
    height:40px;line-height:40px;overflow:hidden;
    margin:0 auto;
}
.IndexProduct_More{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px auto 20px auto;
    text-align:center;
    line-height:40px;
}
.IndexProduct_More a{
    display:inline-block;
    padding:0 30px;
    background:#fff;
    border-radius:20px;
    color:#0083e5;
    transition:all 0.3s;
    margin:10px auto;
}
.IndexProduct_More a:hover{
    background:#21cde1;
    box-shadow:0 5px 5px #333;
    color:#fff;
}


.IndexNews{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px auto;
}
.IndexNews li{
    width:48%;float:left;
    height:auto;overflow:hidden;
    margin:10px 1%;
    border-bottom:1px solid #eee;
    transition:all 0.5s;
}
.IndexNews li:hover{
    box-shadow:0 5px 5px #eee;
    border-bottom:1px solid #0083e5;
}
.IndexNews_Pic{
    width:30%;float:left;
}
.IndexNews_Pic img{
    width:100%;
    height:100px;
}
.IndexNews_Word{
    width:51%;float:left;
    margin:0 2%;
}
.IndexNews_Word h3{
    font-size:16px;
    line-height:30px;
}
.IndexNews_Word h4{
    width:100%;
    height:40px;line-height:20px;overflow:hidden;
    color:#999;
    font-size:12px;
}
.IndexNews_Date{
    width:15%;float:left;
    line-height:30px;
    color:#999;
    padding-top:15px;
}
.IndexNews_Date span{
    font-size:24px;color:#333;
    font-family:Arial;
    font-weight:bold;
}

.IndexNews_More{
    width:100%;
    height:auto;
    line-height:30px;
    margin:20px auto;
    text-align:center;
}
.IndexNews_More a{
    padding:8px 30px;
    background:#0083e5;
    border-radius:20px;
    color:#fff;
    transition:all 0.5s;
}
.IndexNews_More a:hover{
    background:#21cde1;
    box-shadow:0 5px 5px #ccc;
}

@media(max-width:900px){
    .IndexProduct{
        background-repeat:repeat;
        background-position:top;
        padding:10px 0;
    }

    .IndexAbout_Left{
        width:100%;float:left;
        margin-right:0;
    }
    .IndexAbout_Right{
        width:100%;float:left;
    }

    .IndexProduct_Content{
        width:94%;
        height:auto;overflow:hidden;
        margin:10px auto;
    }
    .IndexProduct_List li{
        width:48%;float:left;
        margin:10px 1%;
        background:#fff;
        padding:0 0 10px 0;
        transition:all 0.5s;
    }
    .IndexProduct_List li div{
        width:100%;
        height:140px;overflow:hidden;
        position:relative;
    }
    .IndexProduct_List li img{
        width:100%;
        height:140px;
        position:absolute;
        top:0;left:0;
    }
    .IndexProduct_List li h2{
        width:94%;
        height:30px;line-height:30px;overflow:hidden;
        margin:0 auto;
    }
    .IndexProduct_More{
        width:100%;
        height:auto;overflow:hidden;
        margin:20px auto 10px auto;
        text-align:center;
        line-height:40px;
    }

    .IndexNews li{
        width:100%;float:left;
        height:auto;overflow:hidden;
        margin:10px 0;
        border-bottom:1px solid #eee;
        transition:all 0.5s;
    }

    .IndexNews_Pic{
        width:30%;float:left;
    }
    .IndexNews_Pic img{
        width:100%;
        height:90px;
    }
    .IndexNews_Word{
        width:68%;float:left;
        margin:0 1%;
    }
    .IndexNews_Date{display:none;}
}