@charset "utf-8"; 

.relevant-right img{

	transition: all 2s;

	-moz-transition: all 2s; /* Firefox 4 */

	-webkit-transition: all 2s; /* Safari 和 Chrome */

	-o-transition: all 2s; /* Opera */

	display: block; 

}

.relevant-right:hover img{

	transform: scale(1.1);

}



.baike-title:hover,

.relevant-title:hover,

.info-align a:hover,

.ariclie-btn a:hover{

	color: #DB4E4E;

}

.baike a,

.baike-big-title,

.baike-info,

.baike-author,

.baike-title,

.hot-comment-txt,

.hot-comment-author,

.hot-comment-img p,

.deploy-list p,

.matters dt,

.matters dd,

.comment-wrap,

.comment-name,

.comment-btn button,

.comment-btn p,

.comment-floor-more,

.comment span,

.comment textarea,

.relevant-info,

.relevant-time,

.relevant-title,

.ariclie-btn a,

.article,

.article p,

.article-ticle,

.article-author,

.relevant-txt,

.info-align a,

.swiper-table span,

.info-r-title h3,

.info-r-title a{

	font-family: SourceHanSansCN-Regular, SourceHanSansCN, MicrosoftYaHei;

	font-weight: 400;

} 

.info-article-wrap{

	margin-bottom: 20px;

}

.info-article-fl{

	width: 800px;

}

.produce-fl{

	width: 774px;

}

.info-article-fr{

	width: 386px;

} 

.info-r1,

.info-r2,

.info-r3,

.info-r4{

	margin-bottom: 20px;

}

.info-r-title{

	margin-bottom: 20px;

	line-height: 44px;

	background: #F8F8F8;

	border: 1px solid #F8F8F8;

	padding: 0 20px;

}

.info-r-title h3{

	font-size: 16px; 

	font-weight: 700;

	color: #3C3C3C; 

	float: left;

}

.info-r-title a{

	float: right;

	display: block;

	font-size: 14px; 

	font-weight: 700;

	color: #FFF;

	width: 64px;

	line-height: 32px;

	background: #DB4E4E;

	border-radius: 1px;

	text-align: center;

	margin: 6px 0;

}

.roll{

	background: #F8F8F8;

	border: 1px solid #F8F8F8;

	margin-bottom: 20px;

	width: 100%;

	padding: 11px 0; 

} 
.roll .swiper-right1-number,
.roll .swiper-right-number{
	height: 300px;
	overflow: hidden;
}
.roll .swiper-table{
	display: table;
	width: 100%;  
} 
.swiper-table span{
	display: table-cell;
	font-size: 12px; 

	color: #3C3C3C;

	line-height: 30px;

	margin: 0 0 11px;

	width: 25%; 

	text-align: center;

} 

.info-align{

	background: #F8F8F8;

	border: 1px solid #F8F8F8;

	padding: 11px 20px 0;

}

.info-align li{

	margin: 0 0 11px;

}

.info-align a{

	display: block;

	font-size: 12px; 

	color: #3C3C3C;

	line-height: 30px;

	height: 30px;

}

/***************/

.info-adv{

	display: block;

	margin-bottom: 14px;

}

.info-article-txt{

	

}

.article-ticle{

	font-size: 24px; 

	font-weight: 700;

	color: #3C3C3C;

	line-height: 36px;

}

.article-author{

	font-size: 12px; 

	color: #838383;

	line-height: 18px;

	margin: 11px 0 10px;

}

.article-mess,

.kword,

.précis{

	font-size: 16px;  

	color: #3C3C3C; 

}

.kword,

.précis{

	line-height: 30px;

}

.kword b,

.précis b{

	font-weight: bold;

}

.article-hr{

	height: 1px;

	background: #E2E2E2;

	width: 100%;

	margin: 13px 0 17px;

}

.article-mess{  

	line-height: 24px;

}

.ariclie-btn{ 

	margin: 220px 0 36px;

}

.ariclie-btn a{

	display: block;

	width: 45%;

	font-size: 16px;  

	color: #838383;

	line-height: 24px;

}

.ariclie-btn a.fr{

	text-align: right;

}

.ariclie-btn span{

	font-weight: 700;

}

/************/

.relevant-left{

	width: 500px;

}

.relevant-txt{

	font-size: 16px; 

	font-weight: 700;

	color: #3C3C3C;

	line-height: 44px; 

	background: #F8F8F8;

	border: 1px solid #F8F8F8;

	padding: 0 20px;

	margin-bottom: 20px;

}

.relevant-txt span{

	color: #838383;

	margin-left: 10px;

	font-weight: 400;

}

.relevant-item{

	background: #F8F8F8;

	margin-bottom: 20px;

	padding: 15px 20px;

}

.relevant-title{

	display: block;

	font-size: 20px; 

	font-weight: 700;

	color: #3C3C3C;

	line-height: 30px;

	height: 30px;

}

.relevant-time{

	font-size: 16px; 

	color: #838383;

	line-height: 30px;

	height: 60px;

	text-align: justify;

}

.relevant-info{

	font-size: 16px; 

	color: #3C3C3C;

	line-height: 24px;

	height: 24px;

	margin-top: 5px;

} 

.relevant-right{

	display: block;

	width: 208px;

	height: 102px;

	overflow: hidden;

	margin-top: 8px;

}

.relevant-right img{

	width: 208px;

	height: 102px;

	object-fit: cover;

}

/****************/

.comment{

	background: #F8F8F8;

	border: 1px solid #D8D8D8;

	padding: 6px 10px;

}

.comment span,

.comment textarea{ 

	font-size: 16px; 

	color: #838383;

	line-height: 24px;

} 

.comment textarea{

	width: 100%;  

	font-weight: 700; 

	border: none;

	resize: none;

}

.comment span{

	display: block;

	text-align: right;

} 

.comment-btn{

	margin: 20px 0;

}

.comment-btn1{

	width: 110px;

	height: 48px;

	line-height: 48px;

	background: #F8F8F8;

	border-radius: 1px;

	font-size: 16px; 

	font-weight: 700;

	color: #838383;

	text-align: center; 

	cursor: not-allowed;

}

.comment-btn1.active{

	background: #DB4E4E;

	color: #fff;

	cursor: pointer;

}

.comment-btn p{

	font-size: 16px; 

	color: #838383;

	line-height: 48px;

}

.comment-floor{

	margin-bottom: 20px;

	background: #F8F8F8;

}

.comment-list{

	padding: 0 20px;

}

.floor-top{ 

	border-bottom: 2px solid #FFF; 

	padding: 20px 0;

}

.floor-second-list:last-child,

.floor-top:last-child{

	border: none;

}

.floor-head{

	display: block;

}

.floor-head img{

	width: 44px;

	height: 44px;

}

.comment-floor-more{

	display: block;

	font-size: 16px; 

	color: #DB4E4E;

	line-height: 84px; 

	border-top: 2px solid #FFF;

	text-align: center;

}

.floor-second-list{

	margin-top: 20px;

	border-bottom: 2px solid #F8F8F8;

}

.floor-right{

	width: 693px;

	margin-top: 10px;

}

.comment-name{

	font-size: 16px; 

	font-weight: 700;

	color: #3C3C3C;

	line-height: 24px;

}

.comment-time,

.comment-wrap,

.aid{

	font-size: 16px;  

	line-height: 24px;

}



.aid{

	color: #D8D8D8;

	cursor: pointer;

}

.icon-aid{

	display: inline-block;

	width: 22px;

	height: 19px;

	margin-right: 6px;

	background: url(../zbimages/icon/zan.png) no-repeat;

}

.icon-aid.icon-aid-active{

	background-image: url(../zbimages/icon/zan1.png); 

}

.icon-reply{

	display: block;

	width: 22px;

	height: 19px;

	background: url(../zbimages/icon/reply.png) no-repeat;

	margin-right: 28px;

}

.comment-wrap{ 

	color: #3C3C3C; 

	text-align: justify;

	margin: 12px 0;

}

.comment-time{ 

	color: #838383;  

}

.floor-second .comment-time{

	margin-bottom: 16px;

}

.floor-second{

	background: #fff;

	position: relative;

	padding: 1px 20px 0;

	margin-top: 28px;

}

.floor-second:before{

	display: block;

	content: '';

	width:0;

    height:0;

	border-right:10px solid transparent;

	border-left:10px solid transparent;

	border-bottom:12px solid #fff; 

	position: absolute;

	left: 30px; 

	top: -12px;

	z-index: 50;

}

.floor-second-right{

	width: 590px;

}

.comment-wrap b{

	margin-left: 6px;

}

/*产品详情*/

.swiper-container.produce-slide{

	width: 774px;

}

.produce-slide .swiper-slide{ 
	position: relative;
} 
.img-name{
	position: absolute;
	text-align: center; 
	font-size: 20px;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 500;
}

.produce-slide .swiper-button-next, 

.produce-slide .swiper-container-rtl .swiper-button-prev,

.produce-slide .swiper-button-prev, 

.produce-slide .swiper-container-rtl .swiper-button-next{  

    width:48px;height:48px;

	background: url(../zbimages/icon/arr1.png) no-repeat rgba(0,0,0,.4); 

	opacity: .5;

}   

.produce-slide .swiper-button-next, 

.produce-slide .swiper-container-rtl .swiper-button-prev{

	left: auto;

    right: 0;

    background-position: -48px 0;

} 

.produce-slide .swiper-button-prev, 

.produce-slide .swiper-container-rtl .swiper-button-next{

	left: 0;

    right: auto;

    background-position: 0 0;

}

.produce-slide .swiper-pagination-bullet{

	width: 48px;

    height: 4px;

    border-radius: 0;

    background: #838383; 

    opacity: 1;

}

.produce-slide .swiper-pagination-bullet-active{

	background: #fff;

}

.matters{

	background: #F8F8F8;

	padding: 0 20px;

	overflow: hidden;

	margin-bottom: 20px;

}

.matters dd,

.matters dt{

	font-size: 16px;  

	line-height: 24px;

}

.matters dt{

	font-weight: 700;

	color: #3C3C3C;

	margin: 16px 0 6px;

}

.matters dd{

	color: #838383;

	text-align: justify;

}

.deploy-list{

	margin-right: -21px;

}

.deploy-list li{

	margin: 0 21px 20px 0;

	float: left;

	background: #F8F8F8;

	width: 204px;

	padding: 20px 20px 0;

}

.deploy-img{

	display: block;

	width: 202px;

	height: 153px;

	overflow: hidden;

}

.deploy-img img{

	width: 202px;

	height: 153px;

	object-fit: cover;

}

.deploy-list p{

	text-align: center;

	font-size: 16px; 

	color: #3C3C3C;

	line-height: 56px;

	height: 56px;

}

/*热门评论*/

.hot-comment-wrap{

	margin-top: -20px;

}

.hot-comment-img{

	position: relative; 

}

.hot-comment-img img{

	max-width: 100%;

}

.hot-comment-img p{

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 10;

	line-height: 44px;

	background: rgba(60, 60, 60, 0.7);

	font-size: 14px; 

	color: #FFF;

	width: 100%;

	padding: 0 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box; 

}

.hot-comment-author,

.hot-comment-txt{

	font-size: 16px;

	line-height: 24px; 

}

.hot-comment-info{ 

	padding: 14px 20px 0;

	background: #F8F8F8;

	border: 1px solid #F8F8F8; 

	margin-bottom: 20px;

}

.hot-comment-info .relevant-txt{

	padding: 0;

}

.hot-comment-author{ 

	color: #838383;

}

.hot-comment-txt{

	color: #3C3C3C;

	text-align: justify;

	margin-top: 8px; 

}

.img-all{  

	margin: -20px -25px 0 0;

}

.img-three{

	margin: 0 20px 20px 0;

	width: 232px;

}

.img-three img{

	display: block;
	width: 180px;
}

.upload{

	position: relative;

	margin-left: 20px;

}

.upload img{

	height: 48px;

}

.upload input{ 

	width: 112px;

	height: 50px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 300;

	opacity: 0;

	filter: alpha(opacity=0);

}

 /*百科列表*/

.baike-list{

	background: #F8F8F8;

	padding: 15px 20px 16px;

	margin-bottom: 20px;

} 

.baike-title{

	display: block;

	font-size: 20px; 

	font-weight: 700;

	color: #3C3C3C;

	line-height: 30px; 

}

.baike-author{ 

	font-size: 16px; 

	color: #838383;

	line-height: 22px;

	margin: 2px 0 14px;

}

.baike-info{ 

	font-size: 16px; 

	color: #3C3C3C;

	line-height: 24px;

}

.baike-big-title{

	line-height: 44px;

	background: #F8F8F8;

	border: 1px solid #F8F8F8;

	padding: 0 10px;

	font-size: 24px; 

	font-weight: 700;

	color: #3C3C3C; 

	margin-bottom: 20px;

}

.baike{

	background: #F8F8F8;

	padding: 20px 0 0 20px;

	margin-bottom: 20px;

	

}

.baike ul{

	margin-right: -60px;

}

.baike li{

	float: left;

	margin: 0 52px 20px 0;

}

.baike a{

	display: block;

	background: #fff;

	line-height: 50px;

	font-size: 20px; 

	color: #838383; 

	padding: 0 12px;

}

.baike li.active a,

.baike a:hover{

	background: #DB4E4E;

	color: #fff;

}
#manypicslist{
	margin: 20px 0 0;
	overflow: hidden;
}
.imgContainer{
 
        float:left;

        width: 120px;

        height: 120px;

        margin-right: 5px;

        margin-bottom: 5px;

        border: 0px solid #666666;

        position: relative;

        box-sizing: border-box;

    }

    .imgContainer img{

        width: 100%;

        height: 100%;

        cursor: pointer;

    }

    .imgContainer p{

        position: absolute;

        bottom: -1px;

        left: 0;

        width: 100%;

        height: 24px;

        background: #000000;

        text-align: center;

        line-height: 24px;

        color: white;

        font-size: 14px;

        font-weight: bold;

        cursor: pointer;

        display: none;

        opacity:0.7;

        border-bottom-right-radius:5px;

        border-bottom-left-radius:5px;

    }

    .imgContainer:hover p{

        display: block;

    }

.article-mess img{max-width:100%;display: inline-block;}