/*----页面-----*/

/*顶部banner*/
.pub_banner{ width:100%; }

/*详情*/
.pages{padding-top:40px;padding-bottom:105px;}
.currentPosi{font-size:16px; color:#7C7C7C; background:url(../images/crumbsIcon.png) no-repeat left center; padding-left:26px;margin-bottom:20px;}
.currentPosi a{color:#7C7C7C;display: inline-block;margin:0 10px;}
.currentPosi a:first-child{margin-left:0;}
.currentPosi a.current{color:#1CA4DC}

.pagesTitle{border-bottom:1px solid #EDEDED;padding-bottom:11px; display: flex; align-items: flex-end;justify-content: space-between;}
.pagesTitle .publicTitle{font-size:20px;position:relative;padding-left:16px;}
.pagesTitle .publicTitle:before{position:absolute; left:0; top:5px;content:'';width:6px;height:18px; background:#4D8CDC;}
.pagesTitle .pagesBtn{color:#ffffff; text-align:center;width: 156px;height: 38px;line-height:38px;background: linear-gradient(0deg, #FF8A8F, #FF686F);box-shadow: 0px 2px 4px 0px rgba(208, 55, 62, 0.89);border-radius: 4px;}

.pagesCont{clear:both;padding-top:95px;}
.pagesCont .pagesCont_title{text-align: center; font-size:24px; color:#525252;margin-bottom:35px;}
.pagesCont img{width:100%; display: block;}
.pagesCont .pagesCont_nr_btn{
	display: block;
	margin:30px auto 0;
	font-size:20px;
	width: 292px;
	height: 62px;
	line-height:62px;
	color:#ffffff;
	text-align: center;
	background: linear-gradient(0deg, #FF8A8F, #FF686F);
	box-shadow: 0px 2px 4px 0px rgba(208, 55, 62, 0.89);
	border-radius: 4px;
}

.pagesList{clear:both; display: flex;padding-top:30px;}
.pagesList .lf{width:152px;}
.pagesList .lf ul li a{display: block; width:100%; height:50px; line-height:50px; color:#000000; text-align: center;}
.pagesList .lf ul li:hover a{background:#f7f7f7; color:#4b89dc;}
.pagesList .lf ul li.active a{height:65px !important; line-height:65px !important; background:#4b89dc; color:#ffffff;}
.pagesList .rg{
	flex: 1;
	border-left: 1px solid #EDEDED;
	margin-left:10px;
	padding-left:25px;
}
.pagesList .rg .rg_list{ display: none}
.pagesList .rg ul li{border-bottom:1px dashed #EDEDED;}
.pagesList .rg ul li a{font-size:14px; color:#2B2B2B;display: flex; align-items: center; justify-content: space-between; line-height: 54px;}
.pagesList .rg ul li a .left{width:830px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;padding-left:14px;}
.pagesList .rg ul li a .left:before{content:''; width:4px;height: 4px;background: #4B89DC;border-radius: 50%;position: absolute;left:0; top:25px;}
.pagesList .rg ul li:hover a{color:#FF8A73; }
.pagesList .rg ul li:hover a .left:before{background:#FF8A73}
.pagesList .rg .show{ display: block}


.detailBox{padding-top:55px;}
.detailBox .title{text-align: center; font-size:22px;}
.detailBox .date{text-align: center; font-size:14px; color:#CCCCCC; padding:10px 0 20px}
.detailBox .cont{font-size:14px;color:#9F9F9F; line-height:28px;}
.detailBox .cont p{ margin-bottom:20px;}


/*分页*/
.paging{text-align: center;padding-top:50px;}
.paging a {
	display: inline-block;
	color: #999999;
	border-radius: 2px;
	font-size: 0.6rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	margin: 0 0.05rem;
	border: 1px solid #d7d7d7;
}
.paging a.page_hover {
	background:#4D8CDC;
	color: #FFFFFF;
	border-color: #4D8CDC;
}
.paging a.active{background:#4B89DC; color:#ffffff;}
.paging a:hover{text-decoration: underline;}
.paging a.jump{width:inherit;}
.paging a.jump span{display:inline-block; margin:0 8px;border:1px solid #A1A1A1;width:42px; height:18px; line-height: 18px ;text-align: center;}



/*商品展示页面*/
.productBox{padding-top:55px;}
.productBox .list{width:228px;height:261px;cursor:pointer;margin-right:19px;float:left;margin-bottom:30px;background:#ffffff;overflow:hidden;transition:all 0.2s;}
.productBox .list img{width:228px;height:143px;}
.productBox .list:nth-child(5n){margin-right:0;}
.productBox .list .title{text-align: center;font-size:14px;color:#454545;padding:11px 14px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.productBox .list .title span{display:block;font-size:13px;color:#CECECE;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.productBox .list .ms{width:100%;font-size:13px;color:#9F9F9F;padding:0 14px;height:auto;overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/}
.productBox .list:hover{box-shadow: 0px 2px 8px 0px rgba(185, 185, 185, 0.21);}


/*商品展示详情*/
.productDetailBox{padding-top:55px;}
.productDetailBox .lf{width:422px;height:417px;float:left;margin-right:28px;}
.productDetailBox .lf img{width:100%;height:100%;}
.productDetailBox .rg{width:758px;float: left;}
.productDetailBox .rg .tit{font-size:22px; color:#525252;margin-bottom:40px;padding-top:10px;}
.productDetailBox .rg .ms{font-size:14px; line-height: 27px; color:#9F9F9F;text-indent: 2em;}
.productDetailCont{padding-top:65px;}
.productDetailCont img{display: block;margin:0 auto;}


/*big Resolution*/
@media only screen and (max-width: 640px) {
	body .pagesTitle .publicTitle::before {
		background: none;
		display: none;
	}

	body .pagesTitle .publicTitle {
		font-size: 0.7rem;
		position: relative;
		padding-left: 0.2rem;
	}

	body .pagesList {
		display: block;
		padding: 0.5rem;
	}

	body .pagesList .lf {
		width: 100%;
	}
	body .pagesList .lf ul {
		display: flex;
		width: 100%;
		border-bottom: 1px solid #4b89dc;
	}
	body .pagesList .lf ul li {
		flex: 1;
	}
	body .pagesList .lf ul li a {
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: 0.6rem;
	}
	body .pagesList .rg ul li a {
		font-size: 0.55rem;
		color: #2B2B2B;
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 2rem;
	}
	body .pagesList .lf ul li.active a {
		height: 1.5rem !important;
		line-height: 1.5rem !important;
		background: #4b89dc;
		color: #ffffff;
	}
	body .pagesList .rg {
		flex: 1;
		border-left: 1px solid #EDEDED;
		margin-left: 0;
		padding-left: 0;
	}
	body .pagesList .rg .rg_list .content{
		font-size: 0.6rem;
		padding: 0.3rem 0.3rem;
	}
	body .productBox {
		padding-top: .5rem;
	}
	body .productBox .list {
		width: 45%;
		height: 9rem;
		cursor: pointer;
		margin-right: 2.5%;
		float: left;
		margin-bottom: 0.5rem;
		background: #ffffff;
		overflow: hidden;
		transition: all 0.2s;
		margin-left: 2.5%;
		box-sizing: border-box;
		box-shadow: 1px 1px 0.5rem #d7d7d7;
		border-radius: 0.1rem;
	}
	body .productBox .list .title {
		text-align: center;
		font-size: 0.6rem;
		color: #454545;
		padding: 0;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		line-height: 1rem;
	}
	body .detailBox {
		padding: 0.5rem;
	}
}