element.style {
}
.mtb100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.width {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}



.indexWord {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #225650;
    padding: 100px 0;
    color: #fff;
    line-height: 30px;
}
.indexTechnology {
    width: 100%;
    height: auto;
    background-image: url(../image/technologyBg.jpg);
    background-position:center;
    background-attachment: fixed;
}
.indexTechnologyList {
    width: 40%;
    float: left;
}
    .indexTechnologyList li {
        width: 90%;
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        padding: 10px 5%;
        background: rgba(255,255,255,0.7);
    }
        .indexTechnologyList li h2 {
            width: 100%;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            font-size: 20px;
            font-weight: bold;
        }
            .indexTechnologyList li h2 span {
                font-family: Impact;
                margin-right: 5px;
                font-weight: normal;
                font-size: 22px;
            }
        .indexTechnologyList li h3 {
            width: 100%;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            font-size: 14px;
            color: #666;
        }


.indexTechnologyWord{
    max-width:1200px;
    color:#fff;
    margin:  0 auto;
    padding: 20px 0;
}
    .indexTechnologyWord h2{
        width:100%;
        height:60px;line-height:60px;
        overflow:hidden;
        font-size:50px;
        font-weight:bold;
    }
    .indexTechnologyWord h3 {
        width: 100%;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        font-size: 40px;
        font-family:Impact
    }

    .indexTechnologyWord .content {
        width:100%;
        height:auto;overflow:hidden;
        line-height:30px;
        margin:30px auto;
    }
    .indexTechnologyWord .tag {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height:50px;
        font-family:Impact;
        font-size:50px;
    }
        .indexTechnologyWord .tag span{
            width:60%;
            display:inline-block;
            height:50px;line-height:50px;overflow:hidden;
            background-image:url(../image/tagBg.png);
            background-size:cover;
            color:#fff;
            text-indent:20px;
            font-size:16px;
            margin-right:1%;
        }

.indexLc{
    width:50%;float:left;
    height:auto;line-height:50px;
    font-size:18px;
    color:#000;
    text-align: center;
}

.indexXwj {
    width: 50%;
    float: left;
    height: auto;
    line-height: 50px;
    font-size: 18px;
    color: #000;
    text-align: center;
}

.indexPhotoDesc{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    color:#444;
}

.indexTitle{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:30px;
    text-align: center;
}
.indexTitle h2{
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height:60px;
    font-size:40px;
    font-weight:bold;
    color:#225650;
}
    .indexTitle h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 40px;
        font-size: 28px;
        font-family:Impact;
        color: #225650;
    }
    .indexTitle h4{
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 20px;
        font-size: 14px;
        color: #444;
        margin:20px auto;
    }
.indexTable{
    width:100%;
}
    .indexTable thead tr th {
        background-color: #225650;
        color: #fff;
        font-size: 18px;
        line-height: 40px;
        border: 3px solid #fff;
        font-weight:normal;
    }
    .indexTable tbody tr td {
        background-color: #fafafa;
        color: #444;
        font-size: 14px;
        line-height: 28px;
        border: 3px solid #fff;
        text-align: center;
    }
    .indexTable2 tbody tr td {
        line-height: 46px;
    }

    .indexEfficient {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(../image/indexMachineBg.jpg);
        background-attachment: fixed;
    }
.indexEfficientLeft {
    width: 50%;
    float: left;
    height: auto;
    overflow: hidden;
    background: rgba(13,65,57,0.8);
}
.indexEfficientList {
    width: 70%;
    color: #fff;
    padding: 50px 0;
    margin-left: 20%;
    margin-right:10%;
}
.indexEfficientList li{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:10px;
}
    .indexEfficientList li h2{
        width:100%;
        height:40px;line-height:40px;overflow:hidden;
        font-size:22px;
        font-weight:bold;
    }
    .indexEfficientList li h3 {
        width: 100%;
        height: 30px;overflow:hidden;
        line-height:30px;
        color: #e4ebe8;
        font-size:16px;
    }

    .indexEfficientRight {
        width: 50%;
        float: left;
        text-align: center;
        padding-top: 100px;
    }
.indexEfficientRight img{
    width:40%;
}

    .indexPrincipleLeft{
        width:100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .indexPrincipleLeft h2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 60px;
        font-size: 40px;
        font-weight: bold;
        color: #225650;
    }

    .indexPrincipleLeft h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 40px;
        font-size: 28px;
        font-family: Impact;
        color: #225650;
    }



.indexPrincipleRight{
    margin:  0 auto;
    max-width: 1570px;
    padding:0 64px;
}
.indexPrincipleRight img{
    float: left;width: 50%;
}
.indexPrincipleRight h2{
    width:100%;
    height:50px;line-height:50px;overflow:hidden;
    background-color:#225650;
    color:#fff;
    font-size:18px;
    text-indent:20px;
}
    .indexPrincipleRight h3 {
        width: 100%;
        height: auto;
        line-height: 28px;
        overflow: hidden;
        color: #225650;
        font-size: 14px;
        padding:10px 0;
    }

.indexProduct{
    width:100%;
    height:auto;overflow:hidden;
    background-color:#225650;
    padding:100px 0;
}
.indexProductTitle{
    width:100%;
    text-align:center;
    color:#fff;
}
.indexProductTitle h2{
    line-height:50px;
    font-size:40px;
}
    .indexProductTitle h3{
        line-height: 50px;
        font-size:20px;
    }
    .indexProductList{
        width:100%;
        height:auto;
        overflow:hidden;
    }
    .indexProductList li {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding:10px 30px;
    }
    .indexProductList li .title{
        width:100%;
        overflow:hidden;
        text-align:center;
        font-size:20px;
        color:#225650;
        font-weight:bold;
    }

        .indexProductList li .param {
            width: 100%;
            height: 675px;
            overflow: hidden;
            margin: 20px auto;
        }
            .indexProductList li .param dd {
                width: 100%;
                height: 40px;
                overflow: hidden;
                line-height: 40px;
                border-bottom: 1px solid #d8d8d9;
                color:#444;
            }
            .indexProductList li .param dd  span{float:right;}

.indexMachine{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../image/indexMachineBg.jpg);
    background-position:center;
    padding:150px 0;
}
.indexMachineWord{
    width:50%;
    height:auto;overflow:hidden;
    margin-left:10%;
}
.indexMachineWord h2{
    width:90%;
    height:auto;overflow:hidden;
    background:rgba(34,86,80,0.9);
    color:#fff;
    font-size:60px;
    font-weight:bold;
    line-height:80px;
    padding:30px 5%;
}
    .indexMachineWord h3 {
        width: 90%;
        height: auto;
        overflow: hidden;
        background: rgba(34,86,80,0.9);
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        padding: 30px 5%;
        margin-top:20px;
    }

.indexClinicOne{
    width:100%;
    height:auto;overflow:hidden;
}
.indexClinicOne li{
    width:19%;float:left;
    height:auto;overflow:hidden;
    position:relative;
    margin-right:1%;
}
    .indexClinicOne li img{
        width:90%;
        float:right;
    }
    .indexClinicOne li div {
        width: 100px;
        height: 30px;
        line-height: 30px;
        background-color: #225650;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 0;
        font-size: 13px;
    }

.indexClinicTwo{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px auto;
}

.indexClinicTwoLeft{
    width:40%;float:left;
    position:relative;
}
    .indexClinicTwoLeft img {
        width: 95%;
        float: right;
        height:450px;
    }

    .indexClinicTwoLeft div {
        width: 100px;
        height: 30px;
        line-height: 30px;
        background-color: #225650;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 0;
        font-size:13px;
    }

.indexClinicTwoRight{
    width:58%;float:left;
    margin-left:2%;
}
.indexClinicTwoTwo {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
    .indexClinicTwoTwo li {
        width: 34%;
        float: left;
        height: auto;
        overflow: hidden;
        position: relative;
    }
        .indexClinicTwoTwo li:nth-child(1) {
            width: 65%;
            margin-right:1%;
        }

        .indexClinicTwoTwo li img {
            width: 95%;
            float: right;
            height:220px;
        }

        .indexClinicTwoTwo li div {
            width: 100px;
            height: 30px;
            line-height: 30px;
            background-color: #225650;
            color: #fff;
            text-align: center;
            position: absolute;
            bottom: 10px;
            left: 0;
            font-size: 13px;
        }
.indexClinicTwoThree{
    width:100%;
    height:auto;overflow:hidden;
    margin-top:10px;
}
.indexClinicTwoThree li{
    width:32%;float:left;
    height:auto;overflow:hidden;
    position:relative;
    margin-right:1%;
}
    .indexClinicTwoThree li:nth-child(3){
        width:34%;
        margin-right:0;
    }
    .indexClinicTwoThree li img {
        width: 95%;
        float: right;
        height: 220px;
    }

    .indexClinicTwoThree li div {
        width: 100px;
        height: 30px;
        line-height: 30px;
        background-color: #225650;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 10px;
        left: 0;
        font-size: 13px;
    }
.indexClinicTwoThree span{
    display:inline-block;
    width:100%;float:right;
    height:220px;overflow:hidden;
    background-color:#225650;
    line-height:220px;
    text-align:center;
    color:#fff;
}

.indexHonorLeft{
    width:50%;float:left;

}
.indexHonorRight{
    width:50%;float:left;
}

.indexHonorTitle{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:20px;
}

    .indexHonorTitle h2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 40px;
        font-size: 20px;
        font-weight: bold;
        color: #225650;
    }

    .indexHonorTitle h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 30px;
        font-size: 18px;
        font-family: Impact;
        color: #225650;
    }

.indexHonorPic{
    width:100%;
    height:auto;overflow:hidden;
}
.indexHonorPic img{
    max-width:90%;
    margin-bottom: 20px;
}
.indexHonorDesc{
    margin-bottom: 20px;
}
.indexHonorList{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px auto 40px auto;
}
.indexHonorList li{
    width:30%;float:left;
    border-top:8px solid #225650;
    margin-right:3.33%;
    padding-top:20px;
    text-align:center;
}
    .indexHonorList li h2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 30px;
        font-size: 14px;
        color: #333;
    }

    .indexHonorList li h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 50px;
        font-size: 30px;
        color: #225650;
        font-weight:bold;
    }

@media(max-width:720px){
    .indexHonorPic img{
        max-width:100%;
        margin-bottom: 20px;
    }
    .width {
        width: 90%;
        overflow-x: scroll;
    }
    .indexTechnologyList {
        width: 100%;
    }
    .indexTechnologyWord {
        width: 100%;
        margin-left: 0;
        margin-top:30px;
    }

    .indexLc {
        width: 100%;
    }

    .indexXwj {
        width: 100%;
    }

        .indexXwj img {
            max-width: 100%;
        }
        .indexLc img {
            max-width: 100%;
        }
        .indexTitle h2 {
            width: 100%;
            line-height:40px;
            font-size: 28px;
        }

        .indexTitle h3 {
            width: 100%;
            line-height: 30px;
            font-size: 20px;
        }

    .indexTable {
        width: 1000px;
    }

    .indexEfficientLeft {
        width: 100%;
    }

    .indexEfficientList {
        width: 70%;
        padding: 30px 0;
        margin-left: 10%;
        margin-right: 10%;
    }
    .indexEfficientRight {
        width: 100%;
        float: left;
        text-align: center;
        padding: 40px 0;
    }

        .indexEfficientRight img {
            width: 60%;
        }

    .indexPrincipleLeft {
        width: 100%;
    }
    .indexPrincipleLeft img {
        width: 100%;
    }


    .indexPrincipleRight {
        width: 100%;
        margin:20px 0;
        padding: 0;
    }

    .mobileCss{
        padding: 0 !important;
    }
        .indexPrincipleRight img {
            width: 100%;
        }


        .indexProductList li {
            width: 100%;
            padding:10px 30px;
        }
            .indexProductList li .param {
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 20px auto;
            }

    .indexMachine {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(../image/indexMachineBg.jpg);
        background-position: center;
        padding: 100px 0;
    }

    .indexMachineWord {
        width: 80%;
        height: auto;
        overflow: hidden;
        margin-left: 10%;
    }

        .indexMachineWord h2 {
            width: 90%;
            height: auto;
            overflow: hidden;
            background: rgba(34,86,80,0.9);
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            line-height: 50px;
            padding: 30px 5%;
        }

        .indexMachineWord h3 {
            width: 90%;
            height: auto;
            overflow: hidden;
            background: rgba(34,86,80,0.9);
            color: #fff;
            font-size: 16px;
            line-height: 30px;
            padding: 30px 5%;
            margin-top: 20px;
        }

        .indexClinicOne li {
            width: 98%;
            margin-right: 1%;
            margin-bottom:10px;
        }

    .indexClinicTwoLeft {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom:10px;
    }

        .indexClinicTwoLeft img {
            width: 90%;
            height: auto;
        }

    .indexClinicTwoRight {
        width: 100%;
        margin-left: 0;
    }

    .indexClinicTwoTwo {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

        .indexClinicTwoTwo li {
            width: 100%;
            margin-bottom:10px;
        }

            .indexClinicTwoTwo li:nth-child(1) {
                width: 100%;
                margin-right: 0;
            }

            .indexClinicTwoTwo li img {
                width: 90%;
                float: right;
                height: auto;
            }

    .indexClinicTwoThree {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 10px;
    }

        .indexClinicTwoThree li {
            width: 98%;
            float: left;
            height: auto;
            overflow: hidden;
            position: relative;
            margin-right: 1%;
            margin-bottom:10px;
        }

            .indexClinicTwoThree li:nth-child(3) {
                width: 100%;
                margin-right: 0;
            }

            .indexClinicTwoThree li img {
                width: 90%;
                height: auto;
            }

            .indexClinicTwoThree li div {
                width: 100px;
                height: 30px;
                line-height: 30px;
                background-color: #225650;
                color: #fff;
                text-align: center;
                position: absolute;
                bottom: 10px;
                left: 0;
                font-size: 13px;
            }

        .indexClinicTwoThree span {
            display: inline-block;
            width: 100%;
            float: right;
            height: 220px;
            overflow: hidden;
            background-color: #225650;
            line-height: 220px;
            text-align: center;
            color: #fff;
        }

    .indexHonorLeft {
        width: 100%;
        margin-right:0;
    }

    .indexHonorRight {
        width: 100%;
    }

 
    .indexHonorList {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 20px auto 40px auto;
    }

        .indexHonorList li {
            width: 90%;
            float: left;
            border-top: 8px solid #225650;
            margin:10px 5%;
            padding-top: 20px;
            text-align: center;
        }

            .indexHonorList li h2 {
                width: 100%;
                height: auto;
                overflow: hidden;
                line-height: 30px;
                font-size: 14px;
                color: #333;
            }

            .indexHonorList li h3 {
                width: 100%;
                height: auto;
                overflow: hidden;
                line-height: 50px;
                font-size: 30px;
                color: #225650;
                font-weight: bold;
            }

}