@charset "utf-8";
/* CSS Document */
.xz-block{
	width:1200px;
	margin:0 auto;
	padding:20px 0 0;
}
.bg-fff{
	background-color:#fff;
}
.block-tit{
	padding:20px 0;
	background:url(../images/point.jpg) repeat-x center;
}
.block-tit h2{
	width:200px;
	height:40px;
	margin:0 auto;
	text-align:center;
	font-size: 30px;
    font-weight: normal;
	color:#666;
}
.pb30{
	padding-bottom:30px;
}
.zszc{
	position:relative;
}
.zc-list{
	overflow:hidden;
}
.zc-list ul{
	margin-right:-26px;
}
.zc-list ul li{
	float:left;
	width:587px;
	margin:0 25px 40px 0;
	background-color:#fff;
	border-radius:10px;
	overflow:hidden;
}
.zc-list ul li:hover{
	box-shadow:1px 1px 4px #ccc;
}
.zc-list img{
	max-width:100%;
}
.zc-list ul li .tit{
	font-size:18px;
	font-weight:bold;
	color:#333;
	margin:10px 10px 5px;
}
.zc-list ul li .desc{
	font-size:16px;
	color:#666;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin:0 10px 10px;
}
.xinpin-list{
	width: 2448px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;
}
.xinpin-list li{
	float: left; width: 280px;
}
.xinpin-list li a{
	width: 280px;height: 280px;display: block;overflow: hidden;
}
.xinpin-list li a img{
	height:100%;
}
.index-prolist{
	overflow:hidden;
}
.index-prolist ul{
	margin-right:-30px;
	margin-top:4px;
}
.index-prolist ul li{
	float:left;
	border-radius:5px;
	overflow:hidden;
	background:#fff;
	border:1px #dedede solid;
	width:275px;
	margin-bottom:35px;
	margin-right:30px;
}
.index-prolist ul li:hover{
	box-shadow:0 0 4px #cdcdcd;
}
.index-prolist ul li a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.pro-tip{
	display:inline-block;
	background: #FCF1EE;
    color: #C18128;
	padding:0 5px;
	margin-right:5px;
	font-size:12px;
	height:20px;
	line-height:20px;
}
.index-prolist li .pro-name{
	margin:8px 10px;
	color:#333;
	height:40px;
	line-height:20px;
	display: -webkit-box;
	display: box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	font:14px Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
}
.index-prolist li .products{
	width:275px;
	height:275px;
}

.subitem .secondary{
	padding:20px;
}
.subitem .secondary li{
	float:left;
	margin:0 10px 10px 0;
}
.subitem .secondary li.secondtit{
	width: 100%;
	color:#cf1f3f;
	font-size:14px;
}
.subitem .secondary li a{
	color:#666;
	font-size:14px;
	cursor: pointer;
}

.index-news{
	width:1200px;
	margin:20px auto;
}
.news-block-tit{
	border:1px #dedede solid;
	border-top:2px #d11e3c solid;
	height:40px;
	line-height:40px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.news-block-tit .tit-left{
	float:left;
	display:flex;
	align-items:center;
	margin-left:20px;
}
.news-block-tit .tit-left img{
	height:20px;
	margin-right:10px;
}
.news-block-tit .tit-left .tit-text1{
	font-size:20px;
	color:#d11e3c;
}
.news-block-tit .tit-left .tit-text2{
	font-size:12px;
	color:#999;
	align-self:flex-end;
}
.news-block-tit .tit-right{
	float:right;
	margin-right:20px;
}
.news-block-tit .tit-right a{
	color:#666;
	margin-left:15px;
	font-size:16px;
}
.news-block-tit .tit-right a:hover{
	color:#d11e3c;
}
.news-block-list{
	padding:15px;
	border:1px #dedede solid;
	border-top:none;
	margin-bottom:20px;
}
.news-block-list .block-left{
	width:380px;
	margin-right:15px;
	float:left;
}
.news-block-list .block-left li{
	margin-bottom:10px;
}
.news-block-list .block-left li:last-child{
	margin-bottom:0;
}
.news-block-list .block-left li .img-box{
	width:135px;
	height:90px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
.news-block-list .block-left li .img-box img{
	height:100%;
	min-width:100%;
	max-width:auto;
}
.news-block-list .block-left li .news-title{
	height:36px;
	line-height:18px;
	display: -webkit-box;
	display: box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	font-size:14px;
	color:#000;
	margin-top:2px;
	text-align:justify;
}
.news-block-list .block-left li .news-title:hover{
	color:#d11e3c;
}
.news-block-list .block-left li .disc{
	font-size:12px;
	color:#999;
	margin-top:5px;
}
.news-block-list .block-left li .disc .desc{
	max-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-block-list .block-center{
	width:360px;
	padding:0 15px;
	float:left;
	border-left:1px #f0f0f0 solid;
	border-right:1px #f0f0f0 solid;
}
.news-block-list .block-center li{
	margin-bottom:12px;
	line-height:16px;
	font-size:16px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.news-block-list .block-center li:before{
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50%;
	background-color:#999;
	margin-right:5px;
	vertical-align:middle;
}
.news-block-list .block-center li a{
	font-size:14px;
}
.news-block-list .block-right{
	width:360px;
	margin-left:15px;
	float:left;
}
.news-block-list .block-right li{
	overflow:hidden;
	margin-bottom:8px;
}
.news-block-list .block-right li .news-title{
	display:block;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:14px;
}
.news-block-list .block-right li .disc{
	font-size:12px;
	color:#999;
	width:100%;
	height:32px;
	line-height:16px;
	display: -webkit-box;
	display: box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;	
}
.news-block-list a{
	color:#333;
}
.news-block-list a:hover{
	color:#d11e3c;
}

.floorhd_tit{
	position:relative;
}

.floorhd_tit:after, .floorhd_tit:before {
    content: "";
    position: absolute;
    top: 12px;
}

.floorhd_tit:before {
    background-image: url(../images/sprite-icon.png);
    background-position: 0 0;
    width: 25px;
    height: 20px;
    left: 0;
}

.floorhd_tit:after {
    background-image: url(../images/sprite-icon.png);
    background-position: -25px 0;
    width: 25px;
    height: 20px;
    right: 0;
}

.w1200{width:1200px; margin:0 auto;}
.mt30{margin-top:30px;}

.index-pro-block .block-title{
	padding:12px 0;
	text-align:center;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	justify-content:center;
	font-size:36px;
	letter-spacing:8px;
	font-weight:bold;
	color:#fff;
	background-color:#DC2748;
}
.index-pro-block .block-title:before,
.index-pro-block .block-title:after{
	content:"";
	display:block;
	width:18px;
	height:18px;
	background:url(../images/icon_star.png) no-repeat center;
	background-size:100%;
}
.index-pro-block .block-title:before{
	margin-right:15px;
}
.index-pro-block .block-title:after{
	margin-left:15px;
}
.index-pro-block .category-hieght{
	height:60px;
	background-color:#DC2748;
}
.index-pro-block .category-list{
	width:1200px;
	height:60px;
	margin:0 auto;
	background-color:#DC2748;
	display:flex;
}
.index-pro-block .category-list.fixed{
	position:fixed;
	top:0;
	left:50%;
	margin-left:-600px;
	z-index:3;
}
.index-pro-block .category-list .category-li{
	min-width:90px;
	flex-grow:1;
	height:60px;
	font-size:18px;
	line-height:60px;
	float:left;
	cursor:pointer;
	color:#fff;
	position:relative;
	text-align:center;
}
.index-pro-block .category-list .category-li.active,
.index-pro-block .category-list .category-li:hover{
	background-color:#efd6da;
	color:#DC2748;
}
.index-pro-block .pro-list,.pro-page .pro-list{
	overflow:hidden;
	padding:3px;
}
.index-pro-block .pro-list ul{
	margin-right:-15px;
}
.index-pro-block .pro-list li{
	width:20%;
	float:left;
	margin-bottom:20px;
}

.pro-page .pro-list li{
	width:25%;
	float:left;
	margin-bottom:20px;
}
.pro-list li a{
	display:block;
	margin-right:15px;
	border-radius:5px;
	overflow:hidden;
	background-color:#fff;
	border: solid 1px #f0f0f0;
}
.pro-page{
	padding:10px;
}
.pro-list li a .pro-name{
	height:1.2em; 
	line-height:1.3; 
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color:#666;
	margin:10px;
}
.pro-list li:hover a{
	box-shadow:1px 1px 4px #cdcdcd,-1px -1px 4px #cdcdcd;
}
.pro-list li:hover a .pro-name{
	color:#ff3600;
}
.pro-list li:hover  .img-box:before{
	content:"";
	display:block;
	width:100%;
	height:30px;
	background:rgba(0,0,0,.8);
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
.pro-list li .img-box .btn-text{
	display:none;
}
.pro-list li:hover  .img-box .btn-text{
	display:block;
	width:120px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-60px;
	z-index:2;
}
.pro-list li img{
	display:block;
	width:100%;
}
.pro-list li .bottom{
	padding:10px;
	color:#999;
}
.pro-list li:hover .bottom{
	color:#333;
}
.pro-list li .shop-name{
	display:inline-block;
	width:64%;
	font-size:12px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	float:left;
}
.pro-list li .address{
	width:36%;
	font-size:12px;
	float:right;
	text-align:right;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.img-block{
	width:100%;
	height:0;
	padding-bottom:100%;
	position:relative;
}
.img-block .img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#loadV {
    z-index: 9;
    width: 32px;
    height: 32px;
    text-align: center;
    top: 400px;
    left: 50%;
    position: fixed;
    margin-left: -16px;
}

.p-l-r-10{padding:0 10px;}
.m-b-10{margin-bottom:10px;}
.m-b-15{margin-bottom:15px;}
.h22{height:22px;}
.tips-flex{display: flex;}
.tips-flex .text{display:flex;align-items:center;height:1.6rem;font-size:10px;-webkit-text-size-adjust:none;border-radius:3px;padding:0 0.5rem;margin-right:0.5rem;margin-bottom:0.5rem;white-space:nowrap}
.tips-flex .text img{width:12px;height:14px;margin-right:3px}
.tips-flex .bg-orage{background-color:#ff3600;color:#fff}
.tips-flex .bg-orage2{background-color:#FFE5D0;color:#F5781D}
.tips-flex .bg-auth1{background-color:#FFE5D0;color:#F5781D}
.tips-flex .bg-auth2{background-color: #CEF2FF;color: #29B4E6;}
.tips-flex .bg-auth3{background-color: #E3F8F3;color: #59C1A6;}

.floor{margin-bottom:15px;}
.floor:last-child{margin-bottom:0}
.floor-tit{height:40px; background:url(./img/tit_bg.jpg) no-repeat; padding:0 20px; line-height:40px; margin-bottom:10px;}
.floor-tit h3{font-size:24px; font-weight:normal; color:#fff; float:left;}
.floor-tit .tit-right{font-size:18px; float:right; color:#666;}
.floor-tit .tit-right a{color:#666; margin-right:20px; font-size:18px;}
.floor-tit .tit-right a:hover{color:#dc2748;}
.floor-tit .tit-right a:last-child{margin-right:0;}
.floor-con{width:1200px;}
.floor-con li img{width:100%;}
.floor-con li:hover img{opacity:0.8; filter:alpha(opacity:80);}
.floor-con li .bottom-text{font-size:16px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:5px; margin-bottom:5px;}
.floor-con .li4{margin-right:-10px;}
.floor-con .li4 li{width:292px; margin-right:10px; float:left;} 
.floor-con .li4-small li{width:200px; margin:0 20px 20px 0; float:left;} 
.floor-con .pic-list{width:880px;overflow:hidden;}
.floor-con .pic-list .floor-tit{margin-right:20px;}
.floor-con .text-list{width:300px;overflow:hidden;}
.floor-con .text-list .title{height:40px; background:#dc2748; padding:0 20px; line-height:40px; font-size:18px; color:#fff; }
.floor-con .text-list ul{border:1px #dedede solid; padding:0 20px 12px; border-top:none;}
.floor-con .text-list li{font-size:16px; line-height:2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.floor-con .text-list li a{color:#666; font-size:16px;}
.floor-con .text-list li a:hover{color:#dc2748;}
.fenge30{height:30px; background-color:#f6f6f6;}
.p-t2-b1{padding:20px 0 10px;}