﻿@charset "utf-8";
.logo{width:100%; height:auto; text-align:center}
.logo img{max-width:100%; height:auto;}

/*首页菜单*/
.menu{width:100%; height:auto; overflow:hidden;}
.menu li{
	float: left;
	width:33.333333333333%;
	text-align: center;
	color: #fff;
	overflow: hidden;
	font-size: 0.16rem;
	height:0.5rem;
	line-height:0.5rem;
	border-right: 1px solid #fa7d6d;
	border-bottom: 1px solid #fa7d6d;
	white-space: nowrap;/*规定段落中的文本不进行换行*/
	text-overflow: ellipsis;/*当文本溢出包含元素时显示省略符号来代表被修剪的文本。*/
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	background:linear-gradient(to bottom,#ed270e,#d71f1f);
}
.menu li a{display: block; color: #fff;}
.menu li:nth-of-type(3n+0){border-right:0;}
.menu li:nth-of-type(n+4){border-bottom:0;}
.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; background:linear-gradient(to bottom,#a10403,#d00402);}

/*当前位置*/
.location{ height:0.4rem; line-height:0.4rem; color:#666666; background:#EBEBEB; border-bottom:1px solid #CCCCCC; padding:0 16px}
.location a{color:#666666;}

/*产品分类*/
.pro_fl_u1{width:95%; height:auto; margin:0 auto; margin-top:10px;}
.pro_fl_u1 li{display:inline-block; height:50px; line-height:50px; margin-right:5px; text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6); border-radius:5px;}
.pro_fl_u1 li a{display: block; font-weight:bold; color:#FFF; padding:0 17px}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#d71f1f,#f03827); border-radius:5px;}

/*产品*/
.ul_product {
	width: 100%;
	height:auto;
	margin-top:5px; 
	column-count:2; /*列数*/
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari 和 Chrome */
	column-gap: 0.15rem; /*列间距*/
	-moz-column-gap: 0.15rem;
	-webkit-column-gap: 0.15rem;
}
.ul_product li {
	width:100%;
	height:auto;
	margin-bottom: 20px;
	break-inside: avoid;/*防止列表的内容跨列*/
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	background: #fff;
	color:#333333;
	text-align: center;
	overflow:hidden;
	border-radius:10px;
	border:1px solid #D7D7D7;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.ul_product li a{ display:block}
.ul_product li span{width:100%; height:auto;}
.ul_product li span img{width:100%; height:auto; }
.ul_product li p{text-align: center; color: #282828; height:0.4rem; line-height:0.4rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

/*产品名字*/
.cpname{height:auto; line-height:0.3rem; color:#333333; font-size:0.16rem; font-weight:bold; background:#EAEAEA; border-bottom:1px solid #CCCCCC; padding:10px 16px; }


/*新闻*/
.ul_index_news{width:100%; height:auto;}
.ul_index_news li{width:100%; height:0.45rem; line-height:0.45rem; border-bottom:1px solid #f0f0f0; background:url(../img/jt.jpg) no-repeat right center;}
.ul_index_news li a{display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

/*新闻标题*/
.news_title{width:100%; height:auto; text-align:center; font-size:0.22rem; line-height:0.36rem}

/*********footer*********/
.foot_bj{background:#EBEBEB; margin-top:30px; border-top:1px solid #E7E7E7}
.foot_foot{width:95%; height:auto; margin:0 auto; padding:20px 0}
.foot_foot li{line-height:30px; text-align:center}

/* 移动端底部专用 */
.foot_height{height:0.66rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background: rgba(0, 0, 0, 0.8);}
.footer li{float:left; width:20%; height:auto; border-right:#4d5054 solid 1px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.footer li:nth-child(5){ border:none;}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#CCCCCC;}
/* 移动端底部专用_end */