/* =====================产品中心样式======================== */

/* 产品分类导航列表  s */
.product_sort {}

.com_protit {
    font-size: 15px;
    line-height: 28px;
    font-family: "OP-M";
    color: #000000;
    padding: 0.8rem 0 1.2rem;
    text-align: center;
    width: 7.95rem;
    margin: 0 auto;
}

 .pro_nav {
	margin-bottom: 1.2rem;
	text-align: center;
}

 .pro_nav ul {
	text-align: center;
	display: inline-block;
}

 .pro_nav ul li {
	float: left;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #e9e9e9;
	border-radius: 8px;
	border: 1px solid #e9e9e9;
	font-family: "OP-JH";
	text-align: center;
	margin-right: 6px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

 .pro_nav ul li:last-child {
	margin-right: 0;
}

 .pro_nav ul li:hover, .pro_nav ul li.active{
	border-color: #cb0012;
}

 .pro_nav ul li a {
	width: 12;
}

 .pro_nav ul li a .ico {
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	margin-top: 0.2rem;
}

 .pro_nav ul li a .ico img {
	display: inline-block;
	width: auto;
}

 .pro_nav ul li a p {
	margin-top: 10px;
	font-size: 12px;
	line-height: 10px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

 .pro_nav ul li a span {
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin-top: 0;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	text-align: center;
}


.product_sort .pro_pic {}

.product_sort .pro_pic ul {}

.product_sort .pro_pic ul li {
	position: relative;
	width: 100%;

}

.product_sort .pro_pic ul li img {
	width: 100%;
}

.product_sort .pro_pic ul li .txt {
	position: absolute;
	width: 100%;
	top: 10%;
	left: 0;
	text-align: center;
	color: white;
}

.product_sort .pro_pic ul li .txt h4 {
	font-size: 20px;
	line-height: 1;
	color: white;
	font-family: "OP-JH";
}

.product_sort .pro_pic ul li .txt p {
	font-size: 14px;
	line-height: 1;
	font-family: "ITC-XLt";
	margin-top: 8px;
}

.product_sort .pro_pic ul li .txt::before {
	position: absolute;
	content: "";
	width: 0;
	height: 1px;
	background-color: #be0b1a;
	left: 50%;
	top: 100%;
	margin-left: -35px;
	margin-top: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.product_sort .pro_pic ul li:hover .txt::before {
	width: 70px;
}

.product_sort .pro_pic ul li .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../image/ico_fangda.png) no-repeat center;
	background-color: rgb(0,0,0,.45);
	opacity: 0;
	z-index: 3;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.product_sort .pro_pic ul li:hover .mask{
	opacity: 1;
}

/* 产品分类导航列表  e */


/* 产品列表  s */
.product_list{
	padding-bottom: 0.75rem;
}
.product_list ul{}
.product_list ul.list_con li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 0.9rem;
}
.product_list ul.list_con li:nth-child(2n){
	margin-right: 0;
}
.product_list ul li a{}
.product_list ul li a .pic{}
.product_list ul li a .pic img{
	width: 100%;
}
/* 产品列表  e */


/* 产品分类导航列表  s */

/* 产品分类导航列表  e */


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
	/* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
}

@media all and (max-width:1151px) {
	/* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	/* 平板设备 720 适配 */
}

@media all and (max-width:768px) {
	/* 移动终端以上 360 适配 */
}

@media all and (max-width:640px) {}

@media all and (max-width:420px) {}

@media all and (max-width:376px) {}