@charset "utf-8";

/*网上展厅*/
.zssearch .t{text-indent:30px;font-size:20px;line-height:50px;color:#fff;background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zssearch .main{border:1px solid #e3e3e3;border-top:0;padding:22px 30px;}
.zssearch .btn-success{border:0;background-color:#2b7bc7;}
.zssearch .btn-success:hover,.zssearch .btn-success:active{background-color:#549cdf;}
.zssearch .letter{margin-top:20px;}
.zssearch .letter a{display:block;float:left;margin-right:1px;padding:3px 8px;}
.zssearch .letter .on, .zssearch .letter a:hover{color:#fff;background-color:#5d1fb2;}
.zsres{border:1px solid #e3e3e3;border-top:0;text-indent:20px;line-height:40px;background-color:#f3f3f3;}
.zslist-container{border:1px solid #e3e3e3;border-top:0;}
.zslist{margin-top:-1px;}
.zslist li{float:left;width:50%;border-top:1px solid #e3e3e3;}
.zslist li.left{border-right:1px solid #e3e3e3;}
.zslist a{display:block;position:relative;padding:20px;border:1px solid #fff; transition:all ease .5s;}
.zslist li.even a{background-color:#f9f9f9;}
.zslist div{margin:0;padding:0;border:1px solid #e3e3e3;width:158px;height:70px;line-height:64px;text-align:center;background-color:#fff;}
.zslist img{max-width:100%;max-height:100%;}
.zslist h5{position:absolute;margin:0;top:20px;right:20px;left:200px;line-height:70px;color:#333;}
.zslist li a:hover{background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zslist li a:hover h5{color:#fff;}
@media(max-width:991px){
	.zslist li{width:100%;border-right:0 !important;}
}
@media(max-width:767px){
	.zssearch button{width:100%;}
}
@media(max-width:479px){
	.zslist div{width:80px;height:42px;line-height:36px;}
	.zslist h5{left:120px;line-height:42px;}
}
/*网上展厅首页的推荐展商*/
.tjzs ul{margin-right:-2px;margin-left:-2px;}
.tjzs li{float:left;padding:2px;width:16.666666%;}
.tjzs a{border:1px solid #ccc;height:120px;line-height:120px;font-size:0;text-align:center;}
.tjzs img{max-width:100%;max-height:100%;vertical-align:middle;}
@media(max-width:991px){
	.tjzs a{height:100px;line-height:100px;}
}
@media(max-width:767px){
	.tjzs li{width:25%;}
}
@media(max-width:479px){
	.tjzs li{width:33.333333%;}
	.tjzs a{height:80px;line-height:80px;}
}

/*展商详情*/
.zsinfo{float:left;border:1px solid #e6e6e6;padding:20px;width:360px;background:#f9f9f9;border-radius:6px;box-shadow:0 0 10px rgb(0 0 0 / 40%);}
.zsinfo em{display:block;margin-bottom:20px;border:1px solid #e3e3e3;text-align:center;background-color:#fff;}
.zsinfo img{max-width:100%;max-height:150px;}
.zsinfo h4{margin-top:0;margin-bottom:15px;}
.zsmain{padding-left:400px;}
.zstitle{float:left;margin-bottom:20px;padding:10px 20px;width:100%;color:#fff;background:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zscontent{min-height:auto;}
.zszplist{margin-right:-7px;margin-left:-7px;}
.zszplist li{float:left;padding:0 7px 15px;width:25%;}
.zszplist a{padding:5px 5px 0;font-size:14px;line-height:36px;color:#333;background-color:#f3f3f3; transition:all ease .5s;}
.zszplist a:hover{color:#fff;background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zszplist em{display:block;padding-bottom:75%;height:0;overflow:hidden;}
.zszplist img{width:100%;transition:transform ease .5s;}
.zszplist a:hover img{transform:scale(1.05)}
@media(max-width:1599px){
	.zszplist li{width:33.333333%;}
}
@media(max-width:1199px){
	.zsinfo{margin-bottom:20px;width:100%;border-radius:0;box-shadow:none;}
	.zsmain{padding-left:0;}
}
@media(max-width:991px){
}
@media(max-width:767px){
	.zsinfo em{margin:0 0 20px;}
	.zszplist li{width:50%;}
}
/*展品详情*/
.zpmain{float:left;width:1100px;}
.zpmain div{max-width:100%;}
.zpinfo{margin-bottom:20px;border:1px solid #e6e6e6;padding:20px;min-height:150px;background:#f9f9f9;}
.zpinfo h2{margin-top:0;margin-bottom:20px;}
.zpmain .content{border:1px solid #ddd;padding:20px;}
.zpside{float:right;width:300px;}
.zpside{background-color:#f3f3f3;}
.zpside .t{padding:15px;font-size:large;font-weight:bold;color:#fff;background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zpside ul{padding:15px;}
.zpside li{margin-bottom:20px;}
.zpside li a{display:block;overflow:hidden;}
.zpside li span{display:block;margin:15px 15px 0;text-align:center;}
@media(max-width:1599px){
	.zpmain{width:1000px;}
}
@media(max-width:1399px){
	.zpmain{width:800px;}
}
@media(max-width:1199px){
	.zpmain{float:none;width:100%;}
	.zpmain .content{margin-bottom:20px;}
	.zpside{float:none;width:100%;}
	.zpside ul{padding:15px 7px 0;}
	.zpside li{float:left;margin-bottom:15px;;padding:0 7px 15px;width:33.333333%;}
	.zpside li span{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:767px){
	.zpside li{width:50%;}
}
@media(max-width:479px){
	.zpmain .content{padding:20px 15px;}
	.zpside li{margin-bottom:5px;}
}