.banner {
    width: 100%;
}
.content {

}
.content section {
    margin: 0 auto;
    overflow: auto;
    /*padding-bottom: */
    width: 9.375rem;
    border-bottom: 1px solid #e9e9e9;
}
.about,
.oursym {
    text-align: center;
}
.about .title {
    margin-top: 0.9375rem;
    margin-bottom: 0.28125rem;
 }
.oursym .title {
    margin-top: 0.625rem;
    margin-bottom: 0.46875rem;
}
.title {
    font-size: 0.5rem;
    line-height: 100%;
    color: #4e4e4e;
}
.detail {
    margin-bottom: 0.34375rem;
    text-align: left;
    text-indent: 2em;
    font-size: 0.3125rem;
    line-height: 0.5625rem;
}
.des {
    overflow: hidden;
}
.des-outer {
    width: 9.6875rem;
    margin-left: -0.3125rem;
}
.des-con {
    float: left;
    margin-left: 0.3125rem;
    margin-bottom: 0.375rem;
    padding-top: 0.5rem;
    padding-bottom: 0.1875rem;
    border-radius: 0.046875rem;
    text-align: center;
    background: #f7f7f7;
    box-sizing: border-box;
    width: 4.53125rem;
    min-height: 6.5rem;
    font-size: 0.25rem;
}
.des-con img {
    width: 1.375rem;
    vertical-align: bottom;
}
.des-con h3 {
    margin-top: 0.3125rem;
    margin-bottom: 0.25rem;
    font-size: 0.4375rem;
}
.des-con p {
    margin: 0 auto;
    font-size: 0.28125rem;
    line-height: 0.46875rem;
    width: 4.0625rem;
    text-align: left;
    color: #969696;
}
.ability {
    text-align: center;
}
.ability .title {
    margin-top: 0.625rem;
    margin-bottom: 0.46875rem;
}
.con {
    overflow: hidden;
}
.con-outter {
    width: 9.6875rem;
    margin-left: -0.3125rem;
}
.con-item {
    float: left;
    margin-left: 0.3125rem;
    margin-bottom: 0.3125rem;
    overflow: hidden;
    box-sizing: border-box;
    width: 4.53125rem;
    border: 1px solid #dbdbdb;
}
.con img {
    height: 3.8125rem;
}
.sub-header {
    font-size: 0.3125rem;
    line-height: 0.84375rem;
    color: #000;
    background: #dbdbdb;
}
.about h3.title-end {
    margin-top: 0.59375rem;
}
.about p.detail-end {
    margin-bottom: 0.46875rem;
}