.pageContent{
    width:100%;
    height:auto;overflow:hidden;
}
.pageTitle{
    font-size:24px;
    color:#1885d0;
    line-height:50px;
    font-weight:bold;
}

.pageAboutPic{
    width:40%;float:left;
    margin-right:2%;
}
.pageAboutPic img{max-width:100%;}
.pageAboutWord{
    width:58%;float:left;
    line-height:37px;
    padding-top:10px;
}
.pageAbout{
    width:100%;
    height:auto;overflow:hidden;
    background:#f4f4f4;
    padding:50px 0;
    margin:40px auto;
}
.pageAbout li{
    width:33%;float:left;
    line-height:40px;
    color:#74b331;
    text-align:center;
    font-size:16px;
}
.pageAbout li span{
    font-size:36px;
    font-weight:bold;
}
.pageAbout li div{
    width:100%;
    height:30px;line-height:30px;
    color:#333;
    overflow:hidden;
    font-size:13px;
}

.pageBrand{text-align:center;}
.pageBrand h2{
    width:100%;
    height:auto;overflow:hidden;
    line-height:50px;
    font-size:36px;
    font-weight:bold;
    color:#74b331;
}
.pageBrand h3{
    width:100%;
    height:auto;overflow:hidden;
    font-size:24px;
    line-height:40px;
}
.pageBrand h4{
    width:100%;
    height:auto;overflow:hidden;
    margin:20px 0;
    font-size:18px;
    line-height:30px;
}
.pageList li{
    width:30%;float:left;
    margin:10px 1.5%;
    text-align:center;
}
.pageList li img{
    width:100%;
}
.pageList li h2{
    width:100%;
    height:40px;line-height:40px;
    font-size:24px;
}
.pageList li h3{
    width:100%;
    height:30px;line-height:30px;
    font-size:16px;
    color:#999;
}

.pageSolution li{
    width:24%;float:left;
    text-align:center;
    line-height:40px;
    font-size:16px;
    margin:10px 0.5%;
    transition:all 0.5s;
}
.pageSolution li:hover{
    background:#75b331;
    margin:0px 0.5% 20px 0.5%;
    box-shadow:0 0 10px #ccc;
    color:#fff;
}
.pageSolution li:hover a{color:#fff;}

.pageSolution li img{
    width:100%;
    height:240px;
}

.pageSolution_LeftPic{
    width:100%;
    height:auto;overflow:hidden;
    margin:40px auto;
    box-shadow:0px 0px 10px #eee;
}
.pageSolution_LeftPic li{
    width:50%;float:left;
    line-height:30px;
    height:400px;overflow:hidden;
}
.pageSolution_LeftPic li img{width:100%;}
.pageSolution_LeftPic li .text{
    width:80%;
    height:auto;overflow:hidden;
    line-height:30px;
    color:#666;
    margin:40px auto 0 auto;
}
.pageSolution_LeftPic li .text h2{
    width:100%;
    line-height:40px;
    font-size:24px;
    color:#333;
}

.pageSolution_RightPic{
    width:100%;
    height:auto;overflow:hidden;
    margin:40px auto;
    box-shadow:0px 0px 10px #eee;
}
.pageSolution_RightPic li{
    width:50%;float:left;
    line-height:30px;
    height:400px;overflow:hidden;
}
.pageSolution_RightPic li img{width:100%;}
.pageSolution_RightPic li .text{
    width:80%;
    height:auto;overflow:hidden;
    line-height:30px;
    color:#999;
    margin:40px auto 0 auto;
}
.pageSolution_RightPic li .text h2{
    width:100%;
    line-height:40px;
    font-size:24px;
    color:#333;
}

@media(max-width:720px){
    .pageAboutPic{
        width:100%;float:left;
        margin-right:0%;
    }
    .pageAboutPic img{max-width:100%;}
    .pageAboutWord{
        width:100%;float:left;
    }

    .pageAbout li span{
        font-size:26px;
        font-weight:bold;
    }

    .pageBrand{text-align:center;}
    .pageBrand h2{font-size:26px;}
    .pageBrand h3{font-size:18px;}
    .pageBrand h4{font-size:14px;}
    .pageList li{
        width:97%;float:left;
        margin:10px 1.5%;
        text-align:center;
    }
    .pageList li img{
        width:100%;
    }
    .pageList li h2{
        width:100%;
        height:35px;line-height:35px;
        font-size:20px;
    }
    .pageList li h3{
        width:100%;
        height:20px;line-height:20px;
        font-size:14px;
        color:#999;
    }

    .pageSolution li{
        width:98%;float:left;
        text-align:center;
        line-height:40px;
        font-size:16px;
        margin:10px 1%;
    }
    .pageSolution li img{
        width:100%;
        height:auto;
    }

    .pageSolution_LeftPic{
        width:100%;
        height:auto;overflow:hidden;
        margin:40px auto;
        box-shadow:0px 0px 10px #eee;
    }
    .pageSolution_LeftPic li{
        width:100%;float:left;
        line-height:30px;
        height:auto;overflow:hidden;
    }
    .pageSolution_LeftPic li img{width:100%;}
    .pageSolution_LeftPic li .text{
        width:80%;
        height:auto;overflow:hidden;
        line-height:30px;
        color:#999;
        margin:40px auto 20px auto;
    }
    .pageSolution_LeftPic li .text h2{
        width:100%;
        line-height:40px;
        font-size:24px;
        color:#333;
    }

    .pageSolution_RightPic{
        width:100%;
        height:auto;overflow:hidden;
        margin:40px auto;
        box-shadow:0px 0px 10px #eee;
    }
    .pageSolution_RightPic li{
        width:100%;float:left;
        line-height:30px;
        height:auto;overflow:hidden;
    }
    .pageSolution_RightPic li img{width:100%;}
    .pageSolution_RightPic li .text{
        width:80%;
        height:auto;overflow:hidden;
        line-height:30px;
        color:#999;
        margin:20px auto 20px auto;
    }
    .pageSolution_RightPic li .text h2{
        width:100%;
        line-height:40px;
        font-size:24px;
        color:#333;
    }
}