/* lg */

@media (min-width:1200px) {
    
    .section-nav ul li{
        float: left;
    }
    .section-product{
        position: relative;
        width: 100%;
        background: #F7F7F7;
        margin-top:-30px;
    }
    .section-nav{
        position: absolute;
        width: 1200px;
        height: 100%;
        margin:0 auto;
        top:-45px;
        right:80px;
        float: right;
    }
    .section-nav ul{
        width: 100%;
        float: right;
    }
    .section-nav ul li{
        /*width: 146px;*/
        height: 45px;

        line-height: 45px;
        text-align: center;
        font-size: 14px;
        margin-left: 8px;
    }

    .section-nav ul li a{
        padding: 0 20px;
        color: #fff;
        display: block;
        background: #D3080B;
    }
    .section-nav ul li.active a{
        background: #fff;
        color: #000;
    }
   .product{
       position: relative;
       width: 100%;
       height: 100%;
       margin:0 auto;
       padding: 50px 0 150px 0;
   }
    .product ul li{
        width: 20%;
        float: left;
        border: 1px solid #DEDEDE;
        margin-top: 20px;
        margin: 2%;
        box-sizing: border-box;
        height: 340px;
    }
    .product ul li a{
        display: block;
        height: 180px;
    }
    .product ul li img{
        width: 100%;
    }
    .product ul li p{
        width: 100%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #000;
    }
    .product .one{
        width: 36px;
        height: 36px;
        background: red;
        text-align: center;
        line-height: 36px;
        color: #fff;
        position: absolute;
        left:50%;
        margin-left: 18px;
        bottom: 50px;
        cursor: pointer;

    }

}

/* md */

@media (min-width:992px) and (max-width:1199px) {
	.section-nav{
			display:none
	}
	.section-product .product  ul{
		width: 100%;
		text-align:center;
	}
	.section-product .product  ul li{
			float: left;
			margin:0 auto;
			box-sizing:border-box;
			width: 30%;
			height: 240px;
            margin: 0 1.65%;
			overflow: hidden;
		}
	.section-product .product  ul li p{
		line-height: 70px;
	}
	.section-product .product .one{
		display:none;
	}
    .product ul li a{
        display: block;
        height: 180px;
    }
    .product ul li a img{
        width: 100%;
    }

}
/* sm */

@media (min-width:768px) and (max-width:991px) {
	.section-nav{
		display:none
	}
	.section-product .product  ul{
		width: 100%;
		text-align:center;
	}
	.section-product .product  ul li{
			float: left;
			margin:0 auto;
			box-sizing:border-box;
			width: 40%;
			height: 240px;
            margin:0 5%;
			overflow: hidden;
		}
	.section-product .product  ul li p{
		line-height: 75px;
	}
	.section-product .product .one{
		display:none;
	}
    .product ul li a{
        display: block;
        height: 180px;
    } .product ul li a img{
        width: 100%;
    }

}




/* xs */

@media (max-width:767px) {
.section-nav{
		display:none
	}
.product{
	width: 90%;
	margin:0 auto;
}
.section-product .product  ul{
		text-align:center;
		width: 100%;
	}
.section-product .product  ul li{
	width: 75%;
		margin:0 auto;
	}
.section-product .product  ul li img{
	width: 100%;
}
.section-product .product  ul li p{
	line-height: 40px;
}
.section-product .product .one{
	display:none;
}
.product ul li a{
        display: block;
       width: 80%;
       margin: auto;
    }
     .product ul li a img{
        width: 100%;
    }

}

@media (max-width:1199px) {

}


/* XS Portrait */

@media (max-width:640px) {

}
@media (min-width:768px) {



}
.section-product .product ul li{
    transition: .3s;
}
.section-product li:hover{
    transform: scale(1.05);
    box-shadow: 0 2px 3px #eee;
}