.indexTitle{
    width:573px;
    height:60px;
    line-height:33px;
    background-image:url(../Images/indexTitle.png);
    background-repeat:no-repeat;
    background-position:center;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.indexTitle h2{
    font-size:28px;
}
.indexTitle h3{
    font-size:14px;
}

.indexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/indexAbout_Bg.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
}
.indexAboutContent{
    width:1100px;
    height:auto;overflow:hidden;
    background:#fff;
    margin:40px auto 120px auto;
    box-shadow:0 0 5px #ccc;
    padding:50px 50px
}
.indexAboutLeft{
    width:60%;float:left;
    margin-right:5%;
}
.indexAboutLeft .title{
    width:100%;
    line-height:30px;
    color:#999;
}
.indexAboutLeft .title h2{font-size:18px;color:#333;font-weight:bold;}
.indexAboutLeft .content{
    width:100%;
    height:auto;overflow:hidden;
    margin:15px auto 25px auto;
    color:#666;
}
.indexAboutLeft .more div{
    width:160px;
    height:40px;line-height:40px;
    text-align:center;
    background:#33bbed;
    color:#fff;
    border-radius:5px;
}
.indexAboutLeft .more div:hover{background:#088dbe;}
.indexAboutRight{
    width:35%;float:left;
}
.indexAboutRight img{
    width:100%;
    border-radius:5px;
}

.indexProducts{
    width:100%;
    height:auto;overflow:hidden;
    /*background:#f8f8f8;*/
    padding:50px 0;
}
.indexProducts_Left{
    width:23%;float:left;
    margin-right:2%;
}
.indexProducts_Left .title{
    width:95%;
    height:auto;overflow:hidden;
    background:#33bbed;
    line-height:30px;
    color:#fff;
    padding:20px 0 20px 5%;
}
.indexProducts_Left .title h3{
    font-size:24px;
}
.indexProducts_Left .title h2{
    font-size:18px;
}
.indexProducts_Left .list{
    width:100%;
    height:auto;overflow:hidden;
    background:#1b1b1b;
    padding:20px 0 20px 0;
    font-size:14px;
}
.indexProducts_Left .list li{
    width:100%;
    height:40px;line-height:40px;
    color:#fff;
    text-indent:5%;
}
.indexProducts_Left .list .hover{
    background:#33bbed;
}
.indexProducts_Left .list li a{color:#fff;}
.indexProducts_Left .list li a:hover{color:#33bbed;}

.indexProducts_Right{
    width:75%;float:left;
}
.indexProducts_Right .title{
    width:100%;
    height:auto;overflow:hidden;
    line-height:20px;
}
.indexProducts_Right .title h2{font-size:18px;}
.indexProducts_Right .title h3{color:#999;font-size:13px;}
.indexProducts_Right .list{
    width:100%;
    height:auto;overflow:hidden;
}
.indexProducts_Right .list li{
    width:31%;float:left;
    margin:10px 1%;
    text-align:center;
    line-height:40px;
    font-size:14px;
}
.indexProducts_Right .list li:hover{
    box-shadow:0 0 5px 5px #f8f8f8;
}
.indexProducts_Right .list li div{
    width:100%;
    height:200px;overflow:hidden;
    position:relative;
}
.indexProducts_Right .list li div img{
    width:100%;
    height:200px;
    position:absolute;
    top:0;left:0;
}
.indexDesign{
    width:90%;
    height:auto;overflow:hidden;
    background:url(../Images/indexDesign_Bg.jpg) center;
    padding:50px 10% 50px 0;
    text-align:right;
    color:#fff;
    line-height:35px;
}
.indexDesign h2{font-size:30px;}
.indexDesign h3{font-size:18px;}
.indexDesign span{
    height:35px;line-height:35px;
    text-align:center;
    color:#fff;
    background:#c7f0ff;
    border-radius:5px;
    padding:5px 20px;
    color:#1da8db;
}
.indexDesign span a{color:#1da8db;}
.indexNews_Pic{
    width:100%;
}
.indexNews_Pic li{
    width:48%;float:left;
    margin:10px 1%;
}
.indexNews_Pic li .date{
    width:30%;float:left;
    height:60px;overflow:hidden;
    background:#33bbed;
    color:#fff;
    padding:20px 0;
    line-height:25px;
}
.indexNews_Pic li .date h3{font-size:24px;text-indent:20px;}
    .indexNews_Pic li .date div {
        display: inline;
        margin-left:20px;
        padding-bottom:2px;
        border-bottom: 2px solid #99ddf6;
    }
.indexNews_Pic li .pic{
    width:70%;float:left;
}
.indexNews_Pic li .pic img{width:100%;height:100px;}
.indexNews_Pic li .word{
    width:100%;
    height:50px;overflow:hidden;
    line-height:50px;
    border-bottom:1px solid #eee;
    font-size:14px;
}
.indexNews_List{
    width:100%;
    height:auto;overflow:hidden;
}
.indexNews_List li{
    width:48%;float:left;
    height:30px;line-height:30px;
    margin:0 1%;
}
.indexNews_List li span{float:right;color:#999;}

.indexMore{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    line-height:40px;
    margin:40px auto;
}
.indexMore a{
    background:#33bbed;
    color:#fff;
    padding:10px 40px;
    border-radius:5px;
}
.indexMore a:hover{
    background:#088dbe;
}