.pinzhi {
    font-family: 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
    line-height: 1;
    color: #fff;
    font-size: 18px;
    min-width: 1000px;
}

.w1000 {
    width: 1000px;
    margin: 0 auto;
}

.pinzhi .bg-color-blue {
    background: #edf9fd;
}

.banner {
    height: 480px;
    background: url("../img/banner.jpg") no-repeat center top #1eb48b;
}

.section {
    padding-top: 38px;
    padding-bottom: 60px;
    background: #fff;
}

.section__title {
    text-indent: -99999em;
}

.section__title--first {
    height: 92px;
    background: url("../img/title-1.png") no-repeat center top;
}

.section__title--second {
    height: 100px;
    background: url("../img/title-2.png") no-repeat center top;
}

.section__title--third {
    height: 101px;
    background: url("../img/title-3.png") no-repeat center top;
}

.section__title--fourth {
    height: 107px;
    background: url("../img/title-4.png") no-repeat center top;
}

.section__title--fifth {
    height: 98px;
    background: url("../img/title-5.png") no-repeat center top;
}

.section__description {
    margin: 25px 0 35px;
    line-height: 25px;
    font-size: 18px;
    color: #999;
    text-align: center;
}

.section__slogan {
    height: 61px;
    margin-bottom: 25px;
    text-indent: -99999em;
    background: url("../img/slogan.png") no-repeat center top;
}

.module__item:first-child {
    margin-left: 0;
}

.module__item {
    float: left;
    width: 310px;
    margin-left: 30px;
    text-align: center;
}

.module__img {
    opacity: 0.8;
}

.module__item--prod {
    padding-bottom: 20px;
    background: #fff;
}

.module__list--fifth .module__item--prod {
    background: #f9f9f9;
}

.module__mark {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background: url("../img/icon.png") no-repeat center top;
}

.module__mark--icon {
    position: relative;
    margin: -55px auto -20px;
}

.mark-1 {
    background-position: 0 0;
}

.mark-2 {
    background-position: -130px 0;
}

.mark-3 {
    background-position: -260px 0;
}

.mark-4 {
    background-position: 0 -130px;
}

.mark-5 {
    background-position: -130px -130px;
}

.mark-6 {
    background-position: -260px -130px;
}

.mark-7 {
    background-position: 0 -260px;
}

.mark-8 {
    background-position: -120px -260px;
}

.mark-9 {
    background-position: -240px -260px;
}

.module__title {
    margin: 20px 0 12px;
    font-size: 22px;
    color: #666;
}

.module__description {
    line-height: 20px;
    font-size: 14px;
    color: #999;
}

.share {
    padding-top: 70px;
    padding-bottom: 50px;
    text-align: center;
    background: #fff;
}

.share-title {
    position: relative;
}

.share-title__line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #adedd6;
}

.share-title__text {
    position: relative;
    font-size: 18px;
    color: #adedd6;
    padding: 0 20px;
    background: #fff;
    height: 20px;
}

.share-bg {
    margin: 38px auto 0;
}

.wechat, .sina, .qzone {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 33px;
    margin-right: 33px;
    width: 74px;
    height: 76px;
    background-image: url("../img/share.png");
}

.wechat {
    background-position: 0 0 !important;
}

.sina {
    background-position: -152px 0 !important;
}

.qzone {
    background-position: -302px 0 !important;
}

footer {
    margin-top: 0 !important;
}

.quick-nav {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: 550px;
    margin-top: -165px;
    width: 130px;
    height: 195px;
    padding-top: 114px;
    text-align: center;
    color: #fff;
    background: url("../img/nav.png") no-repeat center top;
}

.quick-nav__item {
    display: block;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #7fe7bc;
    font-size: 18px;
    color: #fff;
}

.quick-nav__item:hover {
    color: #fff;
    background: #f1cd5b;
}

.quick-nav__item.active {
    background: #f1cd5b;
}

.quick-nav.small {
    position: fixed;
    right: 60px;
    left: auto;
    margin-left: auto;
}