@charset "utf-8";

/* CSS Document */

/****************************************产品中心-分类****************************************/

.p-classify .s-classify .s-main .s-nav li {

    width: 16.66666667%;

}

/****************************************产品中心-列表****************************************/

.p-product {

    height: auto;

    overflow: hidden;

}

.p-product ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}

.p-product li {

    width: 100%;

    height: 780px;

    overflow: hidden;

    background-repeat: no-repeat;

    background-position: center 0;

    background-size: auto 100%;

}

.p-product li .m-box {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 100%;

}

.p-product li:nth-child(2n+1) {

    background-image: url(../images/product-list-bg-1.png);

}

.p-product li:nth-child(2n) {

    background-image: url(../images/product-list-bg-2.png);

}

.p-product li:nth-child(2n) .m-box {

    flex-direction: row-reverse;

}

.p-product li .s-pic, .p-product li .s-info {

    width: 50%;

    height: auto;

    overflow: hidden;

}

.p-product li .s-pic {

    display: flex;

}

.p-product li .s-pic img {

    width: 500px;

    height: auto;

    margin: auto;

    transition: all ease-out 0.3s;

}

.p-product li .s-pic img:hover {

    transform: translateX(-5px);

}

.p-product li .s-info h3 {

    width: 100%;

    height: auto;

    overflow: hidden;

    font-size: 48px;

    color: #86c12b;

}

.p-product li .s-info span {

    display: inline-block;

    width: 60px;

    height: 3px;

    overflow: hidden;

    background: #666;

    margin: 14px 0 28px;

}

.p-product li .s-info p {

    width: 100%;

    height: auto;

    overflow: hidden;

    font-size: 20px;

    line-height: 48px;

    color: #2e2e2e;

}

.p-product li .s-info a {

    color: inherit;

}

.p-product li .s-info .more {

    display: inline-block;

    width: 187px;

    height: 50px;

    overflow: hidden;

    background: #86c12b;

    margin-top: 30px;

    box-sizing: border-box;

    border-radius: 25px;

    font-size: 24px;

    line-height: 50px;

    color: #fff;

    text-align: center;

    transition: all ease-out 0.3s;

}

.p-product li .s-info .more:hover {

    background: #75b01a;

}