/* ========== 产品详情页专用样式（product.html）========== */
/* 与 product.css 完全隔离，不受 news.css 影响 */

.page-body .banners{width:100%;overflow:hidden;height:287px}
.page-body .banners img{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:287px}
.page-body .biaoyu{width:504px;height:55px;background:url(../images/biaoyu.jpg) no-repeat;margin-top:55px}

/* 内容区 - 带左侧导航（和列表页一致） */
.page-body .content{
	width:1000px;
	margin:37px auto 0;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:flex-start;
	min-height:auto;
	overflow:visible
}

/* 左侧导航 */
.page-body .content .item{
	width:180px;
	flex-shrink:0;
	background:#363636;
	padding-bottom:20px
}
.page-body .content .item ul{
	text-align:center;
	padding:0;
	list-style:none;
	margin:0
}
.page-body .content .item ul li{
	height:63px;
	line-height:63px;
	overflow:hidden;
	border-bottom:1px solid #5c5c5c
}
.page-body .content .item ul li a{
	display:block;
	width:120px;
	margin:0 auto;
	color:#fff;
	font-size:14px;
	text-decoration:none
}
.page-body .content .item ul li:hover a{color:#0096f5}
.page-body .content .item ul li.on{background:transparent}
.page-body .content .item ul li.on a{color:#fff}

/* 右侧内容区 */
.page-body .content .list{
	flex:1;
	overflow:visible;
	min-height:auto;
	margin-left:0 !important;
	margin-top:0 !important
}

/* 顶部标题栏 */
.page-body .content .list .header{height:64px;overflow:hidden;background:url(../images/bg_yuanjiao.png) no-repeat;line-height:64px}
.page-body .content .list .header .title{width:600px;overflow:hidden;padding-left:23px;font-size:21px;font-weight:bold}
.page-body .content .list .header .wz{padding-right:20px}
.page-body .content .list .header .wz a{margin:0 5px}
.page-body .content .list .header .wz .returns{position:relative;top:2px}

/* 产品详情主体 - 左图右文（flex布局） */
.page-body .content .list .cpxq{
	overflow:hidden;
	margin-top:20px;
	clear:both;
	display:flex;
	flex-direction:row;
	align-items:flex-start
}
.page-body .content .list .cpxq .cptp{
	width:360px;
	flex-shrink:0;
	float:none
}
.page-body .content .list .cpxq .cptp .bd{
	height:280px;
	text-align:center;
	overflow:hidden
}
.page-body .content .list .cpxq .cptp .bd img{
	max-width:340px;
	max-height:260px;
	object-fit:contain
}
.page-body .content .list .cpxq .cptp .hd ul{
	margin-top:10px;
	list-style:none;
	padding:0
}
.page-body .content .list .cpxq .cptp .hd ul li{
	width:60px;
	height:60px;
	overflow:hidden;
	float:left;
	margin-right:8px;
	cursor:pointer;
	border:1px solid #ddd
}
.page-body .content .list .cpxq .cptp .hd ul li img{
	width:60px;
	height:60px;
	object-fit:cover
}
.page-body .content .list .cpxq .cptp .hd ul li.on{
	border:2px solid #0093f0;
	width:56px;
	height:56px
}
.page-body .content .list .cpxq .cptp .hd ul li.on img{
	width:56px;
	height:56px
}

/* 右侧产品介绍 */
.page-body .content .list .cpxq .cpjs{
	flex:1;
	float:none;
	color:#383838;
	font-size:13px
}
.page-body .content .list .cpxq .cpjs ul{
	list-style:none;
	padding:0;
	margin:0
}
.page-body .content .list .cpxq .cpjs ul li{
	line-height:24px;
	font-size:13px
}
.page-body .content .list .cpxq .cpjs .btn_group{
	margin:20px 0;
	clear:both
}
.page-body .content .list .cpxq .cpjs .btn_group a{
	margin-right:19px
}
.page-body .content .list .cpxq .cpjs .bdsharebuttonbox{
	float:left
}
.page-body .content .list .cpxq .cpjs .fenxiang .wenzi{
	float:left;
	position:relative;
	top:4px
}

/* 详细描述区域 */
.page-body .content .list .xxms{
	clear:both;
	margin-top:40px
}
.page-body .content .list .xxms h3{
	font-size:21px;
	color:#4b4b4b;
	border-bottom:2px solid #0096f5;
	padding-bottom:10px
}
.page-body .content .list .xxms .miaoshu{
	min-height:200px;
	margin:20px 0;
	overflow:hidden;
	font-size:14px;
	line-height:26px
}
.page-body .content .list .xxms .miaoshu div.col-xs-4{
	width:33%;
	float:left;
	text-align:center
}
.page-body .content .list .xxms .miaoshu .text{
	text-align:left !important;
	padding-top:30px
}

/* 上下条导航 */
.page-body .content .list .met_page{
	color:#999;
	padding:15px 0;
	border-top:1px solid #eee;
	margin-top:20px;
	clear:both
}

/* 相关产品推荐 - 通栏（在.content内，.list外，flex换行后独占一行） */
.page-body .content .xgcptj{
	width:100%;
	flex:0 0 100%;
	background:#f4f4f4;
	padding:20px 0;
	clear:both;
	box-sizing:border-box
}
.page-body .content .xgcptj .xgcptj-inner{
	width:1000px;
	margin:0 auto
}
.page-body .content .xgcptj h3{
	width:186px;
	height:52px;
	background:#008fea;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:52px
}
.page-body .content .xgcptj ul{
	margin-top:40px;
	padding-left:3px;
	list-style:none;
	overflow:hidden
}
.page-body .content .xgcptj ul li{
	float:left;
	width:228px;
	height:360px;
	background:url(../images/bg_tj.png) no-repeat;
	margin:0 2px;
	padding:5px 6px 5px 8px
}
.page-body .content .xgcptj ul li:hover{
	background:#0098f8 url(../images/bg_tj.png) no-repeat
}
.page-body .content .xgcptj ul li a{
	display:block;
	padding:0 20px
}
.page-body .content .xgcptj ul li h4{
	font-size:16px;
	font-weight:bold;
	margin-top:26px;
	margin-bottom:10px
}
.xgcptj ul li div.mt30 img{
	width:180px;
	height:184px
}

/* 隐藏底部多余的分类导航 */
.proList_left{display:none !important}