.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:30px;
}
.pageTitle h1{
    line-height:40px;
    font-size:30px;
    font-weight:bold;
    margin-bottom:10px;
}
    .pageTitle s {
        display:block;
        width: 50px;
        height: 3px;
        background-color: #fcce21;
    }
.pageContent{
    width:100%;
    height:auto;overflow:hidden;
    line-height:26px;
    font-size:16px;
}
.pageContent img{
    max-width:100%;
}


.pageOtherLink {
    width: 80%;
    height:auto;overflow:hidden;
    font-size: 16px;
    line-height: 30px;
    margin:20px auto;
}

    .pageOtherLink li {
        width:140px;
        float: left;
        margin-right: 10px;
        font-size: 12px;
        text-align:center;
    }

    .pageOtherLink img {
        width: 100%;
    }

.pageSection{
    width:100%;
    height:auto;overflow:hidden;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px dotted #ccc;
}

.pageLeft {
    width: 70%;
    float: left;
    padding: 30px 2%;
    box-shadow: 0 0 10px #eee;
    margin: 20px 2%;
    border-radius: 10px;
}
.pageRight{
    width:22%;float:left;
}
.pagePicList{
    width:100%;
}
.pagePicList li{
    width:94%;
    background:#eee;
    text-align:center;
    margin-bottom:10px;
    padding:20px 3%;
}
    .pagePicList li img{
        width:100%;
    }

@media(max-width:940px){

    .pageLeft {
        width: 90%;
        padding: 30px 4%;
        box-shadow: 0 0 10px #eee;
        margin: 20px 1%;
        border-radius: 10px;
    }

    .pageRight {
        width: 100%;
    }

    .pagePicList {
        width: 100%;
    }

        .pagePicList li {
            width: 42%;float:left;
            background: #eee;
            text-align: center;
            margin-bottom: 10px;
            padding: 20px 3%;
            margin-right:2%;
        }

            .pagePicList li img {
                width: 100%;
            }


}