﻿ /* 背景图*/
.b-container{
	/*background-image: url(../img/bg@2x.png);*/
	background-repeat: no-repeat;
	/*background-position: 45% 50%;*/
	/*background-size: 80% 80%;!*按比例缩放*!*/
}
.b-bg-color{
	background-image:url(../img/indexbg.png)

}
/* 每一行 */
.b-row{
	padding-top: 20px;
}
/* 顶部banner那里没有顶部间距 */
.b-row.b-banner{
	padding-top: 0px;
}
.b-banner .img{
	width: 100%;
}

.b-header{
	padding-bottom: 0px;
}

/* hover的时候才出现, 平时隐藏 */
.b-mask,.b-mask-in{
	display: none!important;
}

.b-gallery-box{
	padding:29px;
	background:transparent;
}

.b-gallery-box:hover{
	transform:scale(1.01);
	-webkit-transform:scale(1.01);
	-moz-transform:scale(1.01);
	-o-transform:scale(1.01);
	-ms-transform:scale(1.01);
	color:blue;
	cursor: pointer;
}
.b-jiantou{
display:none;
	position: absolute;
	left: 43%;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid transparent;
}
 .b-gallery-img-box.active:nth-child(1) > .b-jiantou{
	border-top: 15px solid #2077a2;
}
 .b-gallery-img-box.active:nth-child(2) > .b-jiantou{
	 border-top: 15px solid #c13ac1;
 }

 .b-gallery-img-box.active:nth-child(3) > .b-jiantou{
	 border-top: 15px solid #cda372;
 }
 .b-gallery-img-box.active:nth-child(4) > .b-jiantou{
	 border-top: 15px solid #99ae59;
 }

 .b-gallery-img-box.active:nth-child(5) > .b-jiantou{
	 border-top: 15px solid #7b4bba;
 }


 .b-gallery-img-box{
	position:relative;;
}

.b-gallery-type .b-gallery-img-box{
	width:20%;
	padding:20px;
}

 .b-gallery-type .b-gallery-img-box img{
	 width:100%;
 }

/*更多*/
.b-arrow-right:hover{
	color: blue !important;
	cursor: pointer;
}

/*文章左边的置顶文章图片*/
 .b-top-article{
	 width: 600px;
 }
 .b-article-list-img{
	 height: 80px;
	 width: 120px;
 }
.article-desc{
    font-size: 14px;
    color: #707070;
    margin-top: 10px;
	font-weight: normal;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 展馆蒙版上的横线 */
.b-gallery-line{
	background-color: white;
	height: 6px;
	width: 25%;
	display: inline-block;
	filter:none;
	opacity:1;
}
.b-gallery-box .b-info{
	width: 50%;
}
/* 展馆的名字 */
.b-gallery-name>a{
	color: #FFFFFF;
	font-size: 30px;
	margin-top: 20px;
}

/* 品牌里面包裹的a标签 */
.b-brand-a{
	display: inline-block;
}
/* 展馆里的品牌列表 */
.b-gallery-box .b-brand-list{
	margin-top: 20px;
}

/* 展馆图片 */
 .b-gallery-img {
	 width: 100%;
	 height: 350px;
	 margin: 0;
	 overflow: hidden;
 }

/* 品牌墙左边的 品牌入驻 */
.b-brand-left{
	width: 142px;
	height: 133px;
	font-size: 65px;
	font-family: Alibaba PuHuiTi;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 72px;
}
.b-brand-left-bg{
	background-image: url(../img/brand-left.jpg);
	height: 314px;
	width: 337px;
	margin: 3px;
}

/* 品牌森林 */
/* 品牌森林盒子 */

.b-brand-box img{
	height:120px;
}

/* 品牌墙的图片 */
.b-brand-img{
	margin-left: 3px;
	width: auto;
	height: 100%;
}
.b-data-img{
	
	width: 100%;
	height: 100%;
}

.b-container{
	margin-top: 0px;
}

.zgname{
	font-size: 22px;
	    height: 40px;
    line-height: 40px;
    color: #ffffff;

}
.zgname a{
	color: #ffffff;
}
.zgcontent{
	font-size: 14px;
	    margin-top: 10px;
    color: #ccc;
}

/* 文章部分 */
/* 文章的导航,覆盖框架里的样式 */
.tabs-bordered li.b-aritcle-nav a.active {
    border-bottom: 2px solid blue !important;
}
.b-row.b-article{
	background-color: #FFF;
	padding-bottom: 100px;
}
.b-row.b-article .table-striped tbody tr:nth-of-type(odd) {
    background-color:  #1e9e9f;
}
.b-row.b-article .table-striped tbody tr:nth-of-type(even) {
    background-color: #FFFFFF;
}

.b-row.b-article .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    /* border-top: 1px solid #dee2e6; */
}
.b-data-box{
	height:350px;
	display:block;
	text-align:center;
}
.senlin{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
 .box{
	 text-align: center;
	 overflow: hidden;
	 position: relative;
 }
 .box:before{
	 content: "";
	 width: 95%;
	 height: 100%;
	 background: #000;
	 position: absolute;
	 top: 0;
	 opacity: 0.5;
	 transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
 }
 /*.box:hover:before{*/
	 /*width: 100%;*/
	 /*left: 0;*/
	 /*opacity: 0.5;*/
 /*}*/
.box-content{
	    width: 100%;
    color: #fff;
    position: absolute;
    top: 46%;
    left: 156px;
    font-size: 24px;
 }
 
 .h450{
 	height: 500px;
 }
@media (max-width: 419px){
.b-gallery-img {
    height: 200px;

}
 .h450{
 	height: 350px;
 }
}