.indexTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexTitle h4{
    color:#999;
    font-family:"Arial";
    font-size:30px;
    height:30px;overflow:hidden;
    line-height:30px;
}
.indexTitle h3{
    color:#009d7e;
    font-size:24px;
    height:30px;overflow:hidden;
    line-height:30px;
    font-weight:bold;
}
.indexTitle h3 span{color:#000;}
.indexTitle div{
    width:40px;
    height:2px;
    background:#009d7e;
    margin:5px auto 10px auto;
}

.indexMainList{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px auto;
}
.indexMainList li{
    width:22.8%;float:left;
    margin:10px 1%;
    border:1px solid #009d7e;
    text-align:center;
    padding:20px 0;
    border-radius:20px;
}
.indexMainList li:hover{
    background:#cbfff5;
    box-shadow:0 0 5px 5px #eee;
}
.indexMainList li div{
    width:100%;
}
.indexMainList li div img{width:40%;}
.indexMainList li h2{
    width:100%;
    height:40px;line-height:40px;
    overflow:hidden;
    font-size:16px;
}

.indexProduct{
    width:100%;
    height:auto;overflow:hidden;
    background:#009d7e;
    padding:50px 0;
}
.indexProductTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexProductTitle h4{
    color:#9f9f9f;
    font-family:"Arial";
    font-size:30px;
    height:30px;overflow:hidden;
    line-height:30px;
}
.indexProductTitle h3{
    color:#fff;
    font-size:24px;
    height:30px;overflow:hidden;
    line-height:30px;
    font-weight:bold;
}
.indexProductTitle h3 span{color:#005947;}
.indexProductTitle div{
    width:40px;
    height:2px;
    background:#fff;
    margin:5px auto 10px auto;
}
/*.indexProductList{
    width:100%;
    height:auto;overflow:hidden;
}
.indexProductList li{
    width:23%;float:left;
    background:#fff;
    height:auto;overflow:hidden;
    margin:10px 1%;
}
.indexProductList li .pic{
    width:100%;
}
.indexProductList li .pic img{
    width:100%;
    height:240px;
}
.indexProductList li .title{
    width:100%;
    height:40px;overflow:hidden;
    line-height:40px;
    text-align:center;
}*/
.indexProductMore{
    width:100%;
    height:auto;overflow:hidden;
}
.indexProductMore div{
    width:180px;
    height:40px;line-height:40px;
    background:#fff;
    border-radius:20px;
    color:#009d7e;
    text-align:center;
    margin:20px auto;
}
.indexProductMore div:hover{
    box-shadow:0 0 5px 5px #078068;
}

.indexAdvantage_List{
    width:1000px;
    height:auto;overflow:hidden;
    margin-left:auto;
    margin-right:auto;
}
.indexAdvantage_List li{
    width:50%;float:left;
    height:auto;overflow:hidden;
}
.indexAdvantage_List li img{
    width:100%;
}
.indexAdvantage_List li h3{
    width:90%;
    height:40px;line-height:30px;
    overflow:hidden;
    margin:40px auto 0px auto;
    color:#009d7e;
    font-size:16px;
}
.indexAdvantage_List li h3 span{
    background:#009d7e;
    padding:5px 15px 0 15px;
    color:#fff;
    font-size:30px;
}
.indexAdvantage_List li h4{
    width:90%;
    height:auto;line-height:25px;
    overflow:hidden;
    margin:20px auto 10px auto;
    color:#999;
    font-size:13px;
}

.indexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/index_about_bg.jpg);
    padding:40px 0;
}
.indexAbout_Content{
    width:90%;
    height:auto;overflow:hidden;
    line-height:30px;
    text-align:center;
    margin:20px auto;
}
.indexAbout_Content a{color:#009d7e;}
.indexAbout_Content a:hover{color:#f30;}

.indexCase{
    width:100%;
    height:auto;overflow:hidden;
}

.indexNews{
    width:100%;
    height:auto;overflow:hidden;
}
.indexNews li{
    width:46%;float:left;
    margin:10px 2%;
    border-bottom:1px solid #f1f1f1;
    border-radius:5px;
}
.indexNews li:hover{
    box-shadow:0 0 5px 5px #f1f1f1;
}
.indexNews .indexNews_Pic{
    width:30%;float:left;
}
.indexNews .indexNews_Pic img{
    width:100%;
    height:120px;
}
.indexNews .indexNews_Word{
    width:65%;float:left;
    margin-left:2.5%;
    margin-right:2.5%;
}
.indexNews .indexNews_Word h2{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    margin-top:10px;
    font-size:16px;
}
.indexNews .indexNews_Word div{
    width:100%;
    height:40px;line-height:20px;overflow:hidden;
    font-size:12px;
    color:#999;
    margin:10px 0;
}


.indexMore{
    width:100%;
    height:auto;overflow:hidden;
}
.indexMore div{
    width:180px;
    height:40px;line-height:40px;
    background:#009d7e;
    border-radius:20px;
    color:#fff;
    text-align:center;
    margin:20px auto;
}
.indexMore div:hover{
    background:#e79348;
}


        .picList {
            width: 100%;
            height: auto;overflow:hidden;
        }

        .picList li {
            width: 24%;
            height: auto;overflow:hidden;
            float: left;
            margin:10px 0 10px 1%;
        }

        .picList li:nth-child(3n) {
            margin-right: 0;
        }

        .meng {
            width: 100%;
            height: 100%;
            display: block;
        }

        .da-thumbs li a,
        .da-thumbs li a img {
            display: block;
            position: relative
        }

        .da-thumbs li a {
            overflow: hidden
        }

        .da-thumbs li a div {
            position: absolute;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 100%;
            overflow: hidden;
            opacity: .7;
            filter: alpha(opacity=70);
            text-align: center;
            line-height: 200px;
            font-size: 18px;
            color: #fff;
        }

        .da-thumbs li a div.da-animate {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .da-slideFromTop {
            left: 0;
            top: -100%
        }

        .da-slideFromBottom {
            left: 0;
            top: 100%
        }

        .da-slideFromLeft {
            top: 0;
            left: -100%
        }

        .da-slideFromRight {
            top: 0;
            left: 100%
        }

        .da-slideTop {
            top: 0
        }

        .da-slideLeft {
            left: 0
        }

        .picImg {
            width: 100%;
            height:240px;
        }

@media(max-width:900px){
    .indexMainList li{
        width:47%;float:left;
        margin:10px 1%;
        border:1px solid #009d7e;
        text-align:center;
        padding:20px 0;
        border-radius:20px;
    }
        .picList li {
            width: 49%;
            height: auto;overflow:hidden;
            float: left;
            margin:10px 0 10px 1%;
        }
        .picImg {
            width: 100%;
            height:140px;
        }

    .indexAdvantage_List{
        width:100%;
        height:auto;overflow:hidden;
        margin-left:auto;
        margin-right:auto;
    }
    .indexAdvantage_List li{
        width:100%;float:left;
    }
    .indexAdvantage_List li img{margin:5px 0;}
    .indexAdvantage_List li h3{
        width:90%;
        height:40px;line-height:30px;
        overflow:hidden;
        margin:10px auto 0px auto;
        color:#009d7e;
        font-size:16px;
    }

    .indexNews li{
        width:96%;
        margin:10px 2%;
        border-bottom:1px solid #f1f1f1;
        border-radius:5px;
        box-shadow:0 0 5px 5px #f1f1f1;
    }
    .indexNews .indexNews_Pic img{
        width:100%;
        height:100px;
    }
    .indexNews .indexNews_Word h2{
        margin-top:0px;
    }

    .indexMore div{
        width:40%;
        height:40px;line-height:40px;
        background:#009d7e;
        border-radius:20px;
        color:#fff;
        text-align:center;
        margin:20px auto;
    }
}