body{
	background:#f5f7fb;
}
/* 横幅 */
.pageBaner{
	position: relative;
}
.pageBaner img{
	display:block;
	max-width:100%;
}
@media screen and (min-width:0px) and (max-width:768px){
	.pageBaner .pageName{
		font-size:24px;
	}
}


/* /顶部 */

.map{
    height: 60px;
    line-height: 60px;
    margin:10px 0 5px 0;
}
.map .page-title{
    font-size: 20px;
    font-weight: 400;
    color: inherit;
    float:left;
    margin-right: 20px;
}
.map ul{
    float:left;
}
.map ul li{
    display: inline-block;
}
.map ul li a{
    display: block;
    color: #6e7582;
    font-size:12px;
}
.map ul li a:before{
    content: "›";
    margin:0 8px 0 4px;
    color: #6e7582;
    position: relative;
    top:-2px;
}
.map ul li:first-child a:before{
    display: none;
}

.detail{
	overflow:hidden;
	background:#fff;
	padding:20px 20px;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
    border: 1px solid rgba(110,117,130,.2);
	border-bottom:none;
    border-radius: 3px 3px 0 0;
}
.detail .pd-title{
    margin-bottom: 25px;
    border-bottom:1px solid #eee;
}
.detail .pd-title h1{
    font-size:24px;
    color: #354052;
    padding-bottom: 10px;
	margin-top:10px;
}

.detail-title{
	border-bottom:1px solid rgba(110,117,130,.2);
	height:32px;
	margin:12px 0;
	display:flex;
	border-radius:3px;
}
.detail-title span{
	height:32px;
	line-height:32px;
	border:1px solid rgba(110,117,130,.2);
	padding:0 10px;
	border-bottom:#f5f7fb;
	background:#fff;
}

.link{
	background:#fff;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
	border-radius:0px 0px 3px 3px;
    border: 1px solid rgba(110,117,130,.2);
	overflow:hidden;
	padding:10px 20px;
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.link div{
	max-width:50%;
	border:1px solid #ddd;
	border-radius:3px;
}
.link div:hover{
	border:1px solid #e6212b;
}
.link div a{
	display:block;
	margin:8px 12px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.link div:hover a{
	color:#e6212b;
}


.videoBox video{
	width:100%;
}




/* 相关推荐 */
.rec{
    background: #fff;
    box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
    border: 1px solid rgba(110,117,130,.2);
    padding:20px 20px 10px 20px;
    border-radius: 3px;

}
.rec-title{
	color:#e6212b;
	font-size:22px;
	font-weight:bold;
	text-indent:15px;
}
.rec ul li a{
	display:block;
	font-size:16px;
	margin:10px 0;
	padding:2px 15px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.rec ul li a:hover:before{
	background:#fff;
}

/* /祥情 */

@media screen and (max-width:768px){

	.banner .text h3 {font-size: 24px; color: #fff;}
    .banner .text p { font-size: 14px;color: #fff;margin-top:5px;}
    	
	
	.classify{margin-top:20px;overflow:hidden;height:auto;}
	.classify a{color:#333;}

	.pro-list .row{margin-left: -10px;margin-right: -10px;}
	.pro-list .col-lg-4{padding:5px;}
	.pro-title{font-size:24px;padding: 25px 0 25px 0;}
	.pro-list .item{margin:0;}
	.pro-list .col-lg-3{padding:10px;}
	
	.pro-top .text{padding-bottom:20px;}
	.pro-top .text h1{font-size:24px; line-height:32px;    margin-bottom: 15px; margin-top: 15px;}
	.pro-top .text span{padding: 3px 12px;font-size:14px;}
	.detail{margin-left: 0px;padding-top: 30px;padding-right: 0px;overflow: hidden;border:none;}
	
	.rec-title{text-indent:0px;}
	.rec ul li a{padding:2px 0px;}
	
	.detail{
	    padding:10px;
	}
	
	.map{
	    margin:0 15px;
	}
	.classify{
		margin-left:-1%;
		margin-right:-1%;
		padding:10px 0;
		margin-top:0px;
	}
	.classify a{
		display:block;
		width:48%;
		border:1px solid #eee;
		margin:0px;
		float:left;
		font-size:15px;
		margin:1%;
	}
	
}