@import "common.css";
.shangbiao .r-flash{
	height: 526px;
	background-image: url(img/shangbiao/shangbiao-flash.jpg);
	background-position: center;
	background-size: contain;
	border-bottom: 7px solid #bfbfbf;
}
.bggray{
	background-color: #ececec;
}
.shangbiao .gnsb .head{
	padding: 40px 0;
	font-weight:bold;
	font-size: 34px;
	text-align: center;
}
.shangbiao .gnsb .list{
	display: flex;
	justify-content: space-between;
}
.shangbiao .gnsb .list dl{
	width: 49%;
	position: relative;
}
.shangbiao .gnsb .list dl dt{
	height: 388px;
	background-image: url(img/shangbiao/shangbiao-pic2.jpg);
	background-position: center;
	background-size: cover;
}
.shangbiao .gnsb .list dl:nth-of-type(2) dt{
	background-image: url(img/shangbiao/shangbiao-pic.jpg);
}
.shangbiao .gnsb .list dl dd.show{
	position: absolute;
	z-index: 1;
	bottom: 0px;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0.6);
	display: flex;
	justify-content: space-between;
	opacity: 1;
	transition: opacity 0.5s;
}
.shangbiao .gnsb .list dl:hover dd.show{
	opacity: 0;
}
.shangbiao .gnsb .list dl dd.show .title{
	width: 65%;
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 26px;
	background-image: url(img/shangbiao/shangbiao-r.png);
	background-position: 10px center;
	background-size: auto 33px;
	background-repeat: no-repeat;
	padding-left: 10%;
}
.shangbiao .gnsb .list dl dd.show .title a{
	color: #fff;
}
.shangbiao .gnsb .list dl dd.show .price{
	width: 25%;
	height: 80px;
	line-height: 80px;
	background-color: #fff;
	color: #e22020;
	text-align: center;
	font-size: 28px;
}
.shangbiao .gnsb .list dl dd.show2{
	opacity: 0;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: flex;
	transition: opacity 0.5s;
	cursor: pointer;
}
.shangbiao .gnsb .list dl:hover dd.show2{
	opacity: 1;
}
.shangbiao .gnsb .list dl dd.show2 .box{
	margin: auto;
}
.shangbiao .gnsb .list dl dd.show2 .box .pic{
	height: 40px;
	background-image: url(img/shangbiao/shangbiao-r.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.shangbiao .gnsb .list dl dd.show2 .box .title{
	color: #fff;
	font-size: 26px;
	margin: 15px 0;
}
.shangbiao .gnsb .list dl dd.show2 .box .title a{
	color: #fff;
}
.shangbiao .gnsb .list dl dd.show2 .price{
	color: #e22020;
	font-size: 28px;
	text-align: center;
}

.picScroll-left3-title{
	padding: 50px 0 20px;
	border-bottom: 1px solid #fff;
	position: relative;
}
.picScroll-left3-title .title{
	text-align: center;
	font-size: 30px;
}
.picScroll-left3-title .title2{
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -165px;
	padding: 0 20px;
	font-size: 20px;
	background-color: #ececec;
}

.picScroll-left3{ width:100%; margin: 0 -8px;  position:relative;padding: 50px 0 80px;}
.picScroll-left3 .hd{ height:0px; }
.picScroll-left3 .hd .prev,.picScroll-left3 .hd .next{ display:block; position: absolute; left: -80px; top: 50%; margin-top: -32px; width:60px; height:65px; cursor:pointer; background-image:url("img/svg/arrow-gray.svg"); background-size: contain; background-repeat: no-repeat; transform: rotate(180deg)}
.picScroll-left3 .hd .next{ left: auto; right: -80px;transform: rotate(0deg)}
.picScroll-left3 .bd{ }
.picScroll-left3 .bd .tempWrap{ margin: 0 auto;}
.picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left3 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width: 227px; height: 270px; background-color: #fff;}
.picScroll-left3 .bd ul li .pic{ background-size: contain; height: 170px; background-position: center; background-repeat: no-repeat; margin-top: 40px;}
.picScroll-left3 .bd ul li:nth-of-type(1) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr1.svg)}
.picScroll-left3 .bd ul li:nth-of-type(2) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr2.svg)}
.picScroll-left3 .bd ul li:nth-of-type(3) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr3.svg)}
.picScroll-left3 .bd ul li:nth-of-type(4) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr4.svg)}
.picScroll-left3 .bd ul li:nth-of-type(5) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr5.svg)}
.picScroll-left3 .bd ul li:nth-of-type(6) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr1.svg)}
.picScroll-left3 .bd ul li:nth-of-type(7) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr2.svg)}
.picScroll-left3 .bd ul li:nth-of-type(8) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr3.svg)}
.picScroll-left3 .bd ul li:nth-of-type(9) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr4.svg)}
.picScroll-left3 .bd ul li:nth-of-type(10) .pic{ background-image: url(img/shangbiao/svg/shangbiao-rr5.svg)}
.picScroll-left3 .bd ul li .title{  margin-top: 10px; font-size: 18px;}
.picScroll-left3 .bd ul li .price{  margin-top: 10px; font-size: 14px; color: #e15254;}
.picScroll-left3 .bd ul li .txt{  margin-top: 10px; font-size: 14px; color: #959595; padding: 0 20px;}


.common-head{
	margin-top: 70px;
	height: 50px;
}
.common-head .column{
	font-size: 30px;
	font-weight: bold;
}
.common-head .subcolumn{
	display: inline-block;
	margin-left: 20px;
}
.common-head .more{
	float: right;
}


.shangbiaoservice{
	border: 1px solid #dcdcdc;
}

.zuoqinchang img{
	border: 1px solid #ccc;
	box-sizing: border-box;
}