@charset "utf-8";

/* CSS Document */


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

.p-product {

    height: auto;

    overflow: hidden;

}

.p-product ul {

    width: 100%;

    height: auto;

    overflow: hidden;

}

.p-product li {

    width: 100%;

    height: auto;

    overflow: hidden;

    background-repeat: no-repeat;

    background-position: center 0;

    background-size: auto 100%;

	margin: 15px 0;

}

.p-product li .m-box {

    display: flex; width: 90%;

    justify-content: space-between;

    align-items: center; box-sizing: content-box;

    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: 48%;

    height: auto;

    overflow: hidden;

    margin-bottom: 10px;

    margin-top: 10px;

}

.p-product li .s-pic {

    display: flex;

}

.p-product li .s-pic img {

    width: 100%;

    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: 1.6rem;

    color: #86c12b;

}

.p-product li .s-info span {

    display: inline-block;

    width: 40px;

    height: 3px;

    overflow: hidden;

    background: #666;

    margin: 10px 0 10px;

}

.p-product li .s-info p {

    width: 100%;

    height: auto;

    overflow: hidden;

    font-size: 1.4rem;

    line-height: 2rem;

    color: #2e2e2e;

}

.p-product li .s-info a {

    color: inherit;

}

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

    display: inline-block;

    width: 70%;

    height: 30px;

    overflow: hidden;

    background: #86c12b;

    margin-top: 15px;

    box-sizing: border-box;

    border-radius: 20px;

    font-size: 1.6rem;

    line-height: 30px;

    color: #fff;

    text-align: center;

    transition: all ease-out 0.3s;

}

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

    background: #75b01a;

}