@charset "UTF-8";
.layout {
    max-width: 1600px;
    margin: 0 auto;
}
.fa-title {margin:50px auto 30px auto;}
.fa-title h1{
	font-size:30px;
	margin-bottom: 8px;
	text-align:center;
	line-height:30px;
}
.fa-title p{
	font-size:18px;
	color:#555;
	text-align:center;
}
.allist-fa ul li{
	width:calc((100% - 20px) / 2);
	margin-bottom:20px;
	float:left;
	background:#fff;
	border: 1px dashed #ccc;
	padding:10px;
	position:relative;
}
.allist-fa ul li:nth-child(2n-1){margin-right:20px}
.allist-fa ul li:hover{border: 1px dashed #006acd; box-shadow: 0 0 15px 0 #ccc;}
.allist-fa ul li:hover .fa-more{background:#ff6600;}
.allist-fa ul li:hover .allist-wrap-fa .allist-cnt h5{color:#ff6600;}
.allist-fa ul li .fa-more{position:absolute; bottom:10px; right:10px; display:inline-block; padding:2px 8px; background:#778899; color:#fff;}
.allist-fa .allist-img-fa{
	width:40%;
	float:left;
	overflow:hidden;
}
.allist-fa .allist-img-fa img{
	transform: scale(1);
    transition: all .5s ease;
}
.allist-fa ul li:hover .allist-img-fa img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.allist-fa .allist-wrap-fa{
	width:60%;
	float:right;
	padding:10px 0px 10px 20px;
}
.allist-fa .allist-wrap-fa .allist-cnt h5{
	margin-top: -10px;
	font-size:24px;
	color:#778899;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.allist-fa .allist-wrap-fa .allist-cnt p{font-size:16px;}
.allist-fa .allist-wrap-fa .allist-cnt span{
	font-size:12px;
	color:#888;
	line-height:22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	}
.art-txt{font-size:14px; margin-bottom:20px;}
.art-txt .tsbq{display:inline-block; background:#19B5FE; color:#fff; font-size:14px; padding: 4px 10px; margin-right:10px; margin-bottom:10px;}
.art-txt .tsbq:last-child{margin-right:0;}
.art-txt .tsbq:hover{background:#ff6600;}
.art-txt p{font-size:14px}
.art-txt table {width:100%;}
.art-txt table tr{min-height:30px;}
.art-txt table tr:first-child{background:#19B5FE!important; color:#fff; font-size:bold;}
.art-txt table tr:nth-child(2n-1){background:#F4F4F4;}
.art-txt table tr td:first-child{width:80px!important;}
.art-txt table tr td{width:auto!important; line-height:20px; min-height:30px; font-size:12px; border:1px dashed #ccc; padding:8px 10px;}

.art-con .list .item_relative{
	height:310px;
	position:relative;
    width: calc((100% - 20px) / 2);
	margin-bottom:20px;
	background:#fcfcfc;
	float:left;
	}
.art-con .list .item_relative .hot,.art-con .list .item_relative .hot2{position:absolute; z-index:10; right:-10px; top:-10px;}
.art-con .list .item_relative .item{
	padding: 12px 20px;
    border: 1px dashed #ccc;
	width:100%;
	height:100%;
	min-height:310px;
}
.art-con .list .item_relative:hover .hot,.art-con .list .item_relative:hover .hot2{z-index:12;}
.art-con .list .item_relative:hover .item{box-shadow:0px 0px 12px 0px rgba(0,0,0,0.08); position:absolute; z-index:11; height:auto; min-height:310px; background:#F2F2F2;}
.art-con .list .item_relative:hover .p_list{
	width: calc(100% - 150px);
	overflow:hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
}
.art-con .list .item_relative:nth-child(2n-1){
	margin-right:20px;
}
.art-con .list .item .p_title{
	font-size: 21px;
    line-height: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.art-con .list .item_relative .p_title a{color:#000;}
.art-con .list .item_relative:hover .p_title a{color:#19B5FE;}
.art-con .list .item_relative .p_title a:nth-child(2){font-size:14px; color:#19B5FE; display:block;  margin-top:-8px; float:right; border-bottom:2px solid #19B5FE; padding-bottom:0px;}
.art-con .list .item .p_info{}
.art-con .list .item .tc_main{}
.art-con .list .item .p_price{
	width: 150px;
    padding-top: 5px;
}
.art-con .list .item .p_price .p_price_i{
	font-size: 36px;
    font-family: "din";
	color:red;
}
.art-con .list .item .p_price .p_price_i i{
	font-size: 14px;
}
.art-con .list .item .p_price .p_p{
	color: #7f8aa3;
    margin-top: 5px;
}
.art-con .list .item .p_list{
	width: calc(100% - 150px);
	overflow:hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.art-con .list .item .p_list p{
	border-bottom:1px dashed #ccc;
	line-height:30px;
	white-space: nowrap;
}
.art-con .list .item .p_list p:nth-child(7){border-bottom:none;}
.art-con .list .item_relative:hover p:nth-child(7){border-bottom:1px dashed #ccc!important;}
.art-con .list .item_relative:hover p:last-child{border-bottom:none!important;}

.art-con .list .item .p_zx{display:inline-block; padding:0px 15px; border-radius:3px; background:#19B5FE; color:#fff; margin:10px auto;}
.art-con .list .item .p_zx:hover{background:#ff6600;}
	
@media (max-width: 1600px) {
	.layout {
    padding:0 20px;
	}
}
@media (max-width: 1280px) { 
.allist-fa .allist-wrap-fa .allist-cnt span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	}
.allist-fa .allist-wrap-fa .allist-cnt h5{font-size:20px;}
.art-con .list .item_relative{width:100%;}
.art-con .list .item_relative:nth-child(2n-1){
	margin-right:0px;
}
}

@media (max-width: 980px) {
.allist-fa ul li{
	width:calc((100% - 0px) / 1);
}
.allist-fa ul li:nth-child(2n-1){margin-right:0px}
.allist-fa .allist-wrap-fa .allist-cnt span{
	font-size:12px;
	color:#888;
	line-height:22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	}
}
@media (max-width: 768px) {
.art-txt .tsbq{padding:2px 6px; font-size:12px; margin-right:6px; margin-bottom:6px;}
.allist-fa .allist-wrap-fa .allist-cnt span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	}
.art-con .list .item_relative{margin-bottom:10px; height:auto;}
.art-con .list .item_relative:hover .item{position:relative;height:auto;}
.art-con .list .item_relative .item{height:auto;}
.art-con .list .item_relative:hover .item .p_list{width: calc(100% - 150px);}
.art-con .list .item .p_list{
	width: calc(100% - 150px);
	overflow:hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
}
.art-con .list .item_relative p:nth-child(7){border-bottom:1px dashed #ccc!important;}
.art-con .list .item_relative p:last-child{border-bottom:none!important;}
}
@media (max-width: 540px) {
.fa-title h1{font-size:22px; font-weight:bold;}
.fa-title p{font-size:14px;}
.layout { padding: 0 10px; }
.allist-fa ul li{margin-bottom:10px;padding:10px 4px 10px 10px;}
.allist-fa ul li .fa-more{display:none;}
.allist-fa .allist-wrap-fa{padding:10px 0px 10px 8px;}
.allist-fa .allist-wrap-fa .allist-cnt h5{
	font-size:16px;
}
.allist-fa .allist-wrap-fa .allist-cnt span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	}
.art-con .list .item .p_price .p_price_i{font-size:26px;}
.art-con .list .item .p_price{width:130px;}
.art-con .list .item_relative:hover .item .p_list{width: calc(100% - 130px);}
.art-con .list .item .p_list{width: calc(100% - 130px);}
}