@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-pic.jpg);
	background-position: center;
	background-size: cover;
}
.shangbiao .gnsb .list dl:nth-of-type(2) dt{
	background-image: url(img/shangbiao/shangbiao-pic2.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);
	transition: opacity 0.5s;
	cursor: pointer;
}
.shangbiao .gnsb .list dl:hover dd.show2{
	opacity: 1;
}
.shangbiao .gnsb .list dl dd.show2 .box{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.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: -90px;
	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: 90px; 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;
	margin-right: 1px;
}
.shangbiaoservice ul{
	display: flex;
	flex-wrap: wrap;
}
.shangbiaoservice ul li{
	width: 171px;
	height: 171px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}
.shangbiaoservice ul li .box{
	height: 170px;
	display: flex;
	transition: all 0.5s;
}
.shangbiaoservice ul li:hover .box,.shangbiaoservice ul li.selected .box{
	background-color: #e33630;
	transform:scale(1.1,1.1);
	box-shadow: 0 0 15px 0 #666;
}


.shangbiaoservice ul li .box dl{
	margin: auto;
}
.shangbiaoservice ul li .box dl dt{
	height: 74px;
	background-image: url(img/svg/shangbiao-ico.svg);
	background-size: auto 46px;
	background-repeat: no-repeat;
	background-position: center;
}
.shangbiaoservice ul li:hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico-2.svg);
}
.shangbiaoservice ul li.selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico-2.svg);
}

.shangbiaoservice ul li:nth-of-type(2) .box dl dt{
	background-image: url(img/svg/shangbiao-ico2.svg);
}
.shangbiaoservice ul li:nth-of-type(2):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico2-2.svg);
}
.shangbiaoservice ul li:nth-of-type(2).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico2-2.svg);
}

.shangbiaoservice ul li:nth-of-type(3) .box dl dt{
	background-image: url(img/svg/shangbiao-ico3.svg);
}
.shangbiaoservice ul li:nth-of-type(3):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico3-2.svg);
}
.shangbiaoservice ul li:nth-of-type(3).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico3-2.svg);
}

.shangbiaoservice ul li:nth-of-type(4) .box dl dt{
	background-image: url(img/svg/shangbiao-ico4.svg);
}
.shangbiaoservice ul li:nth-of-type(4):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico4-2.svg);
}
.shangbiaoservice ul li:nth-of-type(4).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico4-2.svg);
}

.shangbiaoservice ul li:nth-of-type(5) .box dl dt{
	background-image: url(img/svg/shangbiao-ico5.svg);
}
.shangbiaoservice ul li:nth-of-type(5):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico5-2.svg);
}
.shangbiaoservice ul li:nth-of-type(5).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico5-2.svg);
}

.shangbiaoservice ul li:nth-of-type(6) .box dl dt{
	background-image: url(img/svg/shangbiao-ico6.svg);
}
.shangbiaoservice ul li:nth-of-type(6):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico6-2.svg);
}
.shangbiaoservice ul li:nth-of-type(6).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico6-2.svg);
}

.shangbiaoservice ul li:nth-of-type(7) .box dl dt{
	background-image: url(img/svg/shangbiao-ico7.svg);
}
.shangbiaoservice ul li:nth-of-type(7):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico7-2.svg);
}
.shangbiaoservice ul li:nth-of-type(7).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico7-2.svg);
}

.shangbiaoservice ul li:nth-of-type(8) .box dl dt{
	background-image: url(img/svg/shangbiao-ico8.svg);
}
.shangbiaoservice ul li:nth-of-type(8):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico8-2.svg);
}
.shangbiaoservice ul li:nth-of-type(8).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico8-2.svg);
}

.shangbiaoservice ul li:nth-of-type(9) .box dl dt{
	background-image: url(img/svg/shangbiao-ico9.svg);
}
.shangbiaoservice ul li:nth-of-type(9):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico9-2.svg);
}
.shangbiaoservice ul li:nth-of-type(9).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico9-2.svg);
}

.shangbiaoservice ul li:nth-of-type(10) .box dl dt{
	background-image: url(img/svg/shangbiao-ico10.svg);
}
.shangbiaoservice ul li:nth-of-type(10):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico10-2.svg);
}
.shangbiaoservice ul li:nth-of-type(10).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico10-2.svg);
}

.shangbiaoservice ul li:nth-of-type(11) .box dl dt{
	background-image: url(img/svg/shangbiao-ico11.svg);
}
.shangbiaoservice ul li:nth-of-type(11):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico11-2.svg);
}
.shangbiaoservice ul li:nth-of-type(11).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico11-2.svg);
}

.shangbiaoservice ul li:nth-of-type(12) .box dl dt{
	background-image: url(img/svg/shangbiao-ico12.svg);
}
.shangbiaoservice ul li:nth-of-type(12):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico12-2.svg);
}
.shangbiaoservice ul li:nth-of-type(12).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico12-2.svg);
}

.shangbiaoservice ul li:nth-of-type(13) .box dl dt{
	background-image: url(img/svg/shangbiao-ico13.svg);
}
.shangbiaoservice ul li:nth-of-type(13):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico13-2.svg);
}
.shangbiaoservice ul li:nth-of-type(13).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico13-2.svg);
}

.shangbiaoservice ul li:nth-of-type(14) .box dl dt{
	background-image: url(img/svg/shangbiao-ico14.svg);
}
.shangbiaoservice ul li:nth-of-type(14):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico14-2.svg);
}
.shangbiaoservice ul li:nth-of-type(14).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico14-2.svg);
}

.shangbiaoservice ul li:nth-of-type(15) .box dl dt{
	background-image: url(img/svg/shangbiao-ico15.svg);
}
.shangbiaoservice ul li:nth-of-type(15):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico15-2.svg);
}
.shangbiaoservice ul li:nth-of-type(15).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico15-2.svg);
}

.shangbiaoservice ul li:nth-of-type(16) .box dl dt{
	background-image: url(img/svg/shangbiao-ico16.svg);
}
.shangbiaoservice ul li:nth-of-type(16):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico16-2.svg);
}
.shangbiaoservice ul li:nth-of-type(16).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico16-2.svg);
}

.shangbiaoservice ul li:nth-of-type(17) .box dl dt{
	background-image: url(img/svg/shangbiao-ico17.svg);
}
.shangbiaoservice ul li:nth-of-type(17):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico17-2.svg);
}
.shangbiaoservice ul li:nth-of-type(17).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico17-2.svg);
}

.shangbiaoservice ul li:nth-of-type(18) .box dl dt{
	background-image: url(img/svg/shangbiao-ico18.svg);
}
.shangbiaoservice ul li:nth-of-type(18):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico18-2.svg);
}
.shangbiaoservice ul li:nth-of-type(18).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico18-2.svg);
}

.shangbiaoservice ul li:nth-of-type(19) .box dl dt{
	background-image: url(img/svg/shangbiao-ico19.svg);
}
.shangbiaoservice ul li:nth-of-type(19):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico19-2.svg);
}
.shangbiaoservice ul li:nth-of-type(19).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico19-2.svg);
}

.shangbiaoservice ul li:nth-of-type(20) .box dl dt{
	background-image: url(img/svg/shangbiao-ico20.svg);
}
.shangbiaoservice ul li:nth-of-type(20):hover .box dl dt{
	background-image: url(img/svg/shangbiao-ico20-2.svg);
}
.shangbiaoservice ul li:nth-of-type(20).selected .box dl dt{
	background-image: url(img/svg/shangbiao-ico20-2.svg);
}

.shangbiaoservice ul li:hover .box dl dd{
	color: #fff;
}
.shangbiaoservice ul li.selected .box dl dd{
	color: #fff;
}

.shangbiaoservice ul li.more .box dl dt{
	background-image: none;
	height: 30px;
	line-height: 12px;
	font-weight: bold;
	font-size: 70px;
}
.shangbiaoservice ul li.more:hover .box dl dt{
	background-image: none;
	color: #fff;
}
.shangbiaoservice ul li.more .box dl dd{
	margin-top: 10px;
}
.hyreg{
	width: 400px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	background-color: #e33630;
	border-radius: 35px;
	margin: 50px auto;
}
.hyreg a{
	color: #fff;
	display: block;
	text-decoration: none;
}

.ssjy{
	padding: 100px 0;
}
.ssjy .common-head{
	margin:0px;
}
.ssjy .list{
	display: flex;
	flex-wrap: wrap;
}
.ssjy .list dl{
	width: 19.8%;
	background-color: #fff;
	padding: 20px 10px 10px;
	margin-bottom: 3px;
	box-sizing: border-box;
	position: relative;
	margin-right: 2px;
	
}
.ssjy .list dl dt{
	height: 86px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.ssjy .list dl dd.show .title{
	text-align: center;
	padding: 10px 0;
}
.ssjy .list dl dd.show .txt{
	color: #999;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ssjy .list dl dd.show2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	cursor: pointer;
}
.ssjy .list dl:hover dd.show2{
	opacity: 1;
}
.ssjy .list dl dd.show2 .zx{
	margin: auto;
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background-color: #e33630;
	border-radius: 20px;
}
.ssjy .list dl dd.show2 .zx a{
	color: #fff;
}