.indexAboutPic{
    width:35%;float:right;
    margin-right:5%;
    margin-left:5%;
}
.indexAboutPic img{
    width:90%;
    box-shadow:0 0 10px #ccc;
    margin:20px auto;
}
.indexAbout{
    width:45%;float:left;
    padding-top:50px;
    margin-left:10%;
}
.indexAboutTitle{
    width:100%;
}
.indexAboutTitle h2{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    font-size:36px;
    font-weight:bold;
}
    .indexAboutTitle h3 {
        width: 100%;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        font-size: 18px;
        color: #6e6e6e;
        font-family:Arial;
        text-transform:uppercase;
    }
.indexAboutContent{
    width:100%;
    height:auto;overflow:hidden;
    margin:60px auto 60px auto;
    line-height:40px;
    font-size:20px;
}
    .indexAboutContent h2{
        width:100%;
        height:auto;line-height:50px;
        font-size:40px;
        font-family:'Times New Roman';
        text-transform:uppercase;
        margin-bottom:30px;
        font-weight:bold;
    }
    .indexAboutContent h3 {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 30px;
        font-family: 'Times New Roman';
        text-transform: uppercase;
        color: #153554;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .indexAboutContent a {
        color: #ac9455;
    }
.indexAboutContent a:hover{color:#deca93;text-decoration:underline;}

.indexAboutContent p::before {
    content: '• ';
    margin-right: 0.3em;
}

.indexField {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #c2b48d;
    background-size: cover;
    padding: 50px 0 100px 0;
    margin: 100px auto;
}
.indexFieldTitle {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 36px;
    color: #fff;
    font-family:'Times New Roman';
    margin-bottom:10px;
}
    .indexFieldTitle a {
        float:right;
        font-size:14px;
        color:#fff;
        text-transform:uppercase;
    }
    .indexFieldTitle a:hover{
        color:#fff6dd;
        text-decoration:underline;
    }
.indexFieldLine {
    width: 100%;
    height: 1px;
    background-color: #d4c7a1;
    border-top: 1px solid #b0a279;
}


.indexFieldList {
    width: 100%;
    height: auto;
    overflow: hidden;
}
    .indexFieldList li {
        width: 20%;
        float: left;
        color: #fff;
        padding-bottom:30px;
        transition:all 0.5s;
    }
        .indexFieldList li div{
            width:100%;
            height:auto;overflow:hidden;
        }
        .indexFieldList li div img{
            width:40px;
        }
        .indexFieldList li h2 {
            width: 100%;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            font-size: 24px;
        }
        .indexFieldList li h3 {
            width: 100%;
            height: 40px;
            overflow: hidden;
            line-height: 20px;
            margin-top: 10px;
            color: #fff6dd;
            font-size:16px;
        }
    .indexFieldList .line{
        width:3%;
        height:auto;overflow:hidden;
       padding-top:50px;
       margin:0 1.5%;
    }
        .indexFieldList .line div {
            width: 100%;
            height: 3px;
            background-color: #fff;
            border-radius:5px;
        }


.indexTitle{
    width:100%;
    text-align:center;
}
    .indexTitle h2 {
        width: 100%;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        font-size: 46px;
        text-transform:uppercase;
        font-family:'Times New Roman';
    }

    .indexTitle h3 {
        width: 100%;
        height: auto;
        line-height: 20px;
        overflow: hidden;
        font-size: 18px;
        color: #183b57;
        font-family: 'Times New Roman';
    }


.indexResearch {
    width: 100%;
    height: auto;
    overflow: hidden;
}
    .indexResearch li {
        width: 18%;
        float: left;
        margin: 20px 1%;
        transition: all 0.5s;
        padding-top: 20px;
        border-top: 2px solid #fff;
    }
        .indexResearch li:hover {
            border-top:2px solid #ac9455;
        }
        .indexResearch li h2 {
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 40px;
            color: #aea17c;
            font-size: 24px;
        }
        .indexResearch li h3 {
            width: 70%;
            height: auto;
            overflow: hidden;
            line-height:30px;
            color: #666;
            font-size: 16px;
            text-align:right;
            margin:0 auto;
        }


.indexCase {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0 100px 0;
}
.indexCaseList{
    width:100%;
    height:auto;overflow:hidden;
}
    .indexCaseList li {
        width: 14.5%;
        float: left;
        margin: 20px 1%;
        background-color: #fff;
        padding: 15px 1%;
        transition: all 0.5s;
        border: 10px solid #ae9f7e;
    }
    .indexCaseList li:hover{
        box-shadow:0 0 10px #999;
    }
    .indexCaseList li div {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .indexCaseList li div img{
        width:100%;
        height:260px;
    }
    .indexCaseList li h2{
        width:100%;
        height:115px;line-height:23px;overflow:hidden;
        font-size:16px;
        margin-top:10px;
    }
    .indexCaseList li h4 {
        width: 100%;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-align: right;
        color: #153554;
        font-size:18px;
    }

.indexMore{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexMore a{
    width:140px;
    height:40px;line-height:40px;
    background-color:#153554;
    color:#fff;
    display:inline-block;
    transition:all 0.5s;
}
.indexMore a:hover{
    background-color:#ac9455;
}

@media(max-width:720px) {
    .indexAboutPic {
        width: 90%;
        float: left;
        margin-right: 5%;
        margin-left: 5%;
        text-align:center;
    }

        .indexAboutPic img {
            width: 90%;
            box-shadow: 0 0 10px #ccc;
            margin: 20px auto;
        }

    .indexAbout {
        width: 100%;
        float: left;
        padding-top: 0px;
        margin-left:5%;
    }

        .indexFieldList li {
            width: 100%;
            float: left;
            color: #fff;
            padding-bottom: 30px;
            transition: all 0.5s;
        }
        .indexFieldList .line {display:none;}

    .indexResearch li {
        width: 98%;
        float: left;
        margin: 20px 1%;
        transition: all 0.5s;
        padding-top: 10px;
        border-top: 2px solid #ac9455;
    }

            .indexResearch li:hover {
                border-top: 2px solid #aea17c;
            }

            .indexResearch li h2 {
                width: 100%;
                height: auto;
                overflow: hidden;
                line-height: 40px;
                color: #aea17c;
                font-size: 24px;
            }

            .indexResearch li h3 {
                width: 100%;
                height: auto;
                overflow: hidden;
                line-height: 30px;
                color: #666;
                font-size: 16px;
            }

        .indexCaseList li {
            width: 70%;
            float: left;
            margin: 20px 10%;
            background-color: #fff;
            padding: 15px 4%;
            transition: all 0.5s;
            border: 10px solid #ae9f7e;
        }
                .indexCaseList li div img {
                    width: 100%;
                    height: auto;
                }
}