.banner {
    background: url(../images/jiejuefangan_02.jpg) no-repeat;
    width: 100%;
    height: 300px;
}

.banner_all h1 {
    font-size: 46px;
    color: #fff;
    line-height: 46px;
    display: block;
    text-align: center;
    margin-top: 128px;
}

.about_all h3 {
    font-size: 20px;
    color: #666666;
    line-height: 20px;
    margin-top: 64px;
    float: left;
}

.about_all img {
    margin-top: 65px;
    margin-left: 26px;
    float: left;
}

.about_all h4 {
    font-size: 20px;
    color: #666666;
    line-height: 20px;
    float: left;
    margin-top: 64px;
    margin-left: 26px;
}

.about_ull p {
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    float: right;
    margin-top: 68px
}

.about_ull a {
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    float: right;
    margin-top: 68px;
}

.about_ull a:hover {
    color: #e50112;
}

.about_ppp {
    width: 100%;
    height: 1px;
}

.about_ppp img {
    display: block;
    padding-top: 21px;
}

.chanpin_cll {
    border-bottom: 1px solid #d8d8d8;
    width: 58%;
    height: 1px;
    margin: 0 auto;
    padding-bottom: 86px;
    display: block;
}

.chanpin_cll ul li {
    float: left;
    margin-top: 56px;
}

.chanpin_cll ul li:hover a {
    color: #df060c;
}

.chanpin_cll ul li a {
    font-size: 16px;
    color: #666666;
    line-height: 16px;
    padding-left: 132px;
    display: block;
}

.chanpin_cll ul li:first-child a {
    padding-left: 0px;
}

.chanpin_uii ul li {
    width: 225px;
    height: 346px;
    margin-top: 68px;
    float: left;
    margin-left: 17px;
}

.chanpin_uii ul li:nth-child(7) {
    margin-top: 16px;
}

.chanpin_uii ul li:nth-child(8) {
    margin-top: 16px;
}

.chanpin_uii ul li:nth-child(9) {
    margin-top: 16px;
}

.chanpin_uii ul li:nth-child(10) {
    margin-top: 16px;
}

.chanpin_uii ul li:first-child {
    margin-left: 0px;
}

.chanpin_uii ul li:nth-child(6) {
    margin-left: 0px;
    margin-top: 16px;
}

.chanpin_uii ul li:hover span {
    display: block;
    transform: scale(1);
    transition: all.9s;
    opacity: 0.4
}

.chanpin_uii ul li h3 {
    font-size: 20px;
    color: #666666;
    line-height: 20px;
    text-align: center;
    padding-top: 46px;
}

.chanpin_uii ul li p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    padding-top: 37px;
    text-align: center;
}

.ghkl img {
    margin: 0 auto;
    margin-top: 30px;
    width: 106px;
    display: block;
    height: 106px;
    border-radius: 50%;
}

.chanpin_uii ul li {
    position: relative;
    margin-bottom: 50px;
}

.chanpin_uii ul li span {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.hezuo1 {
    background: #d6d6d6;
    width: 100%;
    height: 169px;
    border-radius: 15px 15px 15px 15px;
}

.hezuo_all img {
    margin-top: 28px;
    margin-left: 10px;
    float: left;
}

.hezuo_all h1 {
    font-size: 20px;
    color: #666666;
    line-height: 20px;
    margin-top: 22px;
    float: left;
    margin-left: 4px;
}

.hezuo_all a {
    float: right;
    font-size: 14px;
    color: #666666;
    line-height: 14px;
    margin-top: 26px;
    margin-right: 12px;
}

.hezuo_ull ul li:first-child img {
    margin-top: 23px;
    margin-left: 10px;
    float: left;
}

.hezuo_ull ul li img {
    margin-top: 23px;
    margin-left: 12px;
    float: left;
}

.daohang {
    margin-top: 44px;
}

.z_fot {
    display: none;
}

.hei56 {
    height: 56px;
    display: none;
}

@media screen and (min-width:1081px) and (max-width:1217px) {
    .wrap {
        width: 1000px;
    }
    .banner {
        width: 100%;
        background-size: 100% 100%;
    }
    .banner_all {
        margin-left: 17%;
    }
    .about_ppp img {
        width: 100%;
    }
    .chanpin_cll ul li:first-child a {
        padding-left: 0px;
    }
    .chanpin_pll {
        margin-left: 146px;
    }
    .chanpin_uii ul li {
        margin-top: 16px;
    }
    .hezuo1 {
        height: 283px;
    }
    .daohang_all {
        margin-left: 81px;
    }
    .chanpin_cll ul li a {
        padding-left: 97px;
    }
}

@media screen and (min-width:860px) and (max-width:1080px) {
    .banner {
        background-size: 100% 100%;
    }
    .wrap {
        width: 800px;
    }
    .daohang_all {
        margin-left: 76px;
    }
    .chanpin_cll ul li:first-child a {
        padding-left: 0px;
    }
    .chanpin_pll {
        margin-left: 45px;
    }
    .chanpin_uii ul li {
        margin-top: 16px;
    }
    .chanpin_uii ul li:nth-child(1),
    .chanpin_uii ul li:nth-child(4),
    .chanpin_uii ul li:nth-child(7),
    .chanpin_uii ul li:nth-child(10) {
        margin-left: 45px;
    }
    .about_ppp img {
        width: 100%;
    }
    .hezuo1 {
        height: 283px;
    }
    .daohang_all {
        margin-left: 31px;
    }
    .chanpin_cll ul li a {
        padding-left: 58px;
    }
}

@media screen and (min-width:640px) and (max-width:859px) {
    .wrap {
        width: 600px;
    }
    .banner {
        background-size: 100% 100%;
    }
    .about_ppp img {
        width: 100%;
    }
    .chanpin_pll {
        margin-left: 0;
        width: 100%;
    }
    .chanpin_cll ul li:first-child a {
        padding-left: 0px;
    }
    .chanpin_cll ul li a {
        padding-left: 20px;
    }
    .chanpin_uii ul li {
        margin-top: 16px;
    }
    .chanpin_uii ul li:nth-child(1),
    .chanpin_uii ul li:nth-child(3),
    .chanpin_uii ul li:nth-child(5),
    .chanpin_uii ul li:nth-child(7),
    .chanpin_uii ul li:nth-child(9) {
        margin-left: 70px;
    }
    .hezuo1 {
        height: 400px;
    }
    .hezuo_ull ul li:nth-child(1) img,
    .hezuo_ull ul li:nth-child(3) img,
    .hezuo_ull ul li:nth-child(5) img {
        margin-left: 68px;
    }
    .erweima img {
        margin-left: 0px;
    }
    .erweima p {
        margin-left: 0;
        text-align: center;
    }
    .daohang_all {
        margin-left: 12px;
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .wrap {
        width: 430px;
    }
    .about_ppp img {
        width: 100%;
    }
    .chanpin_pll {
        width: 100%;
        margin-left: 0;
    }
    .chanpin_cll ul li:first-child a {
        padding-left: 8px;
    }
    .chanpin_cll ul li a {
        padding-left: 44px;
    }
    .chanpin_cll {
        width: 100%;
    }
    .banner {
        background-size: 100% 100%;
        height: 91px;
    }
    .banner_all h1 {
        margin-top: 8%;
        font-size: 30px;
        line-height: 30px;
        margin-right: 19%;
    }
    .chanpin_uii ul li {
        margin-top: 16px;
        margin-left: 18%;
    }
    .chanpin_uii ul li:first-child {
        margin-left: 18%;
    }
    .chanpin_uii ul li:nth-child(6) {
        margin-left: 18%;
    }
    .hezuo1 {
        height: 633px;
    }
    .hezuo_ull ul li:first-child img {
        margin-left: 25%;
    }
    .hezuo_ull ul li img {
        margin-left: 25%;
    }
    .daohang_all {
        margin-left: 21px;
    }
    .daohang {
        height: 423px;
    }
    .erweima img {
        margin-left: 0;
    }
    .erweima p {
        margin-left: 0;
        text-align: center;
    }
    .erweima {
        margin-right: 29%;
    }
}

@media screen and (min-width:320px) and (max-width:479px) {
    .wrap {
        width: 300px;
    }
    .about_all h4 {
        display: none;
    }
    .about_all img {
        display: none;
    }
    .about_ppp img {
        width: 100%;
    }
    .chanpin_cll ul li:first-child a {
        padding-left: 0;
    }
    .chanpin_cll ul li a {
        padding-left: 25px;
        font-size: 12px;
        line-height: 12px;
    }
    .chanpin_cll {
        width: 100%;
    }
    .chanpin_uii ul li:first-child {
        margin-left: 15%;
    }
    .chanpin_uii ul li {
        margin-left: 15%;
        height: 300px;
        margin-top: 30px;
    }
    .chanpin_uii ul li:nth-child(6) {
        margin-left: 15%;
    }
    .hezuo1 {
        height: 632px;
    }
    .hezuo_ull ul li:first-child img {
        margin-left: 11%;
    }
    .hezuo_ull ul li img {
        margin-left: 11%;
    }
    .daohang_all {
        margin-left: 14px;
    }
    .daohang {
        height: 427px;
    }
    .erweima img {
        margin-left: 0;
    }
    .erweima p {
        margin-left: 0;
        text-align: center;
    }
    .banner {
        background-size: 100% 100%;
        height: 91px;
    }
    .banner_all h1 {
        font-size: 30px;
        margin-top: 23px;
        margin-right: 19%;
    }
    /**/
    .hei56 {
        height: 56px;
        display: block;
    }
    .z_fot {
        display: block;
        width: 100%;
        height: 56px;
        background: #fff;
        margin-top: 1px;
        border-top: 1px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
    }
    .z_fot ul li {
        float: left;
        width: 25%;
        margin: 0 auto;
    }
    .z_fot ul li img {
        width: 30px;
        height: 30x;
        margin-left: 35%;
        margin-top: 5%;
    }
    .z_fot ul li a {
        font-size: 12px;
        line-height: 12px;
        display: block;
        width: 100%;
        height: 56px;
        margin-left: 25%;
    }
}