.xzsblb .hengxiana {
	width: 120px;
	height: 2px;
	float: right;
	margin-top: 10px;
	background: #0170e2;
}

.xzsblb .hengxianb {
	width: 120px;
	height: 2px;
	float: left;
	margin-top: 10px;
	background: #0170e2;
}

.xzsblb .pcnone {
	display: none;
}

.xzsblb div,
.xzsblb p {
	margin: 0;
	padding: 0;
}

.xzsblb img {
	border: 0;
}

.xzsblb img {
	max-width: 100%;
}

.xzsblb :focus {
	outline: 0;
}

.xzsblb .cb:after {
	content: "\20";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}

.xzsblb .cb {
	zoom: 1;
}

.xzsblb .mc {
	margin-left: auto;
	margin-right: auto;
}

.xzsblb .fL a {
	color: white;
}

.xzsblb .fL {
	float: left;
}

.xzsblb .fR {
	float: right;
}

.xzsblb a {
	text-decoration: none;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	color: #123456;
}

.xzsblb .w1200 {
	width: 1400px;
	margin: 0 auto;
}

.xzsblb .mainc_c {
	width: 50px;
	height: 2px;
	background: #123456;
	z-index: 99;
	position: relative;
	margin-top: 30px;
	margin-left: -25px;
}

.xzsblb .mainc_d {
	width: 560px;
	margin-top: 20px;
}

.xzsblb .mainc_d .a {
	text-align: right;
}

.xzsblb .mainc_d .a a {
	font-size: 28px;
	color: #000;
	font-weight: 700;
}

.xzsblb .mainc_d .a a:hover {
	color: #123456;
}

.xzsblb .mainc_d .a a span {
	display: block;
	color: #989898;
	font-size: 16px;
	font-weight: normal;
}

.xzsblb .mainc_d .a a:hover span {
	color: #000;
}

.xzsblb .mainc_d .b {
	color: #000;
	font-size: 15px;
	margin-top: 15px;
	text-align: right;
}

.xzsblb .mainc_d .c {
	color: #626262;
	text-align: right;
	margin-top: 15px;
	line-height: 25px;
	font-size: 13px;
	overflow-y: auto;
	padding-right: 5px;
}

.xzsblb .mt80 {
	margin-top: 80px;
}

.xzsblb .mainc_e {
	width: 560px;
	margin-top: 20px;
	margin-right: 80px;
}

.xzsblb .mainc_e .a a {
	font-size: 28px;
	color: #000;
	font-weight: 700;
}

.xzsblb .mainc_e .a a:hover {
	color: #123456;
}

.xzsblb .mainc_e .a a span {
	display: block;
	color: #989898;
	font-size: 16px;
	font-weight: normal;
}

.xzsblb .mainc_e .a a:hover span {
	color: #000;
}

.xzsblb .mainc_e .b {
	color: #000;
	font-size: 15px;
	margin-top: 15px;
}

.xzsblb .mainc_e .c {
	color: #626262;
	margin-top: 15px;
	line-height: 25px;
	font-size: 13px;
	overflow: auto;
	padding-right: 5px;
}

.xzsblb .mainc_e .c::-webkit-scrollbar,
.mainc_d .c::-webkit-scrollbar {
	width: 4px;
}

.xzsblb .mainc_g {
	width: 750px;
	height: 477px;
	border: 5px solid #f5f5f5;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

.xzsblb .index_pro .mainc_g {
	height: 333px;
}

.xzsblb ::-webkit-scrollbar {
	width: 8px;
}

.xzsblb ::-webkit-scrollbar-track {
	background: #fff;
}

.xzsblb ::-webkit-scrollbar-thumb {
	background: #202020;
}

.xzsblb .mb80 {
	margin-bottom: 50px;
}

.xzsblb .mt50 {
	margin-top: 50px;
}

.xzsblb .mainc_b_proudct {
	width: 750px;
	height: 333px;
	border: 5px solid #f5f5f5;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

.xzsblb .float-l {
	float: left;
}

.xzsblb .float-r {
	float: right;
}

.xzsblb ::-webkit-input-placeholder {
	color: #ababab;
	opacity: 1;
}

.xzsblb ::-moz-placeholder {
	color: #ababab;
	opacity: 1;
}

.xzsblb :-ms-input-placeholder {
	color: #ababab;
	opacity: 1;
}

.xzsblb .i-wrap .up-graybox {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=10);
	transition: all 0.4s ease 0s;
}

.xzsblb .i-wrap .up-graybox .bgbox {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=70);
}

.xzsblb .mainc_b_proudct:hover,
.xzsblb .mainc_g:hover {
	border: 5px solid #56c7f1;
}

.xzsblb .i-wrap .up-graybox .stit {
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	color: #fff;
}

.xzsblb .i-wrap .up-graybox .line {
	display: inline-block;
	width: 100px;
	height: 1px;
	background-color: #f2f2f2;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	transition: all 0.6s ease 0s;
}

.xzsblb .i-wrap .up-graybox .linet {
	top: 0;
}

.xzsblb .i-wrap .up-graybox .lineb {
	bottom: 0;
}

.xzsblb .i-wrap .up-graybox .out-ico {
	display: none;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.xzsblb .i-wrap .up-graybox:hover .line {
	width: 6px;
	margin-left: -3px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.xzsblb .public-list .main-wrap {
	margin: 0 auto;
	position: relative;
}

.xzsblb .public-list .list-wrap {
	position: relative;
	overflow: hidden;
}

.xzsblb .public-list .list-wrap .img-box {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.xzsblb .public-list .list-wrap .fl.img-box {
	box-shadow: 0 1px 15px #a6d9ec;
}

.xzsblb .public-list .list-wrap .img-box img {
	width: 100%;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.xzsblb .list-wrap .img-box:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.xzsblb .public-list .list-wrap .img-box:hover .up-graybox {
	opacity: 1;
	filter: alpha(opacity=1);
}

.xzsblb .public-list .list-wrap .up-graybox {
	z-index: 3;
}

@media screen and (max-width:1400px) {
	.xzsblb .hengxiana {
		width: 120px;
		height: 2px;
		float: right;
		margin-top: 10px;
		background: #0170e2;
	}

	.xzsblb .hengxianb {
		width: 120px;
		height: 2px;
		float: left;
		margin-top: 10px;
		background: #0170e2;
	}

	.xzsblb .pcnone {
		display: none;
	}

	.xzsblb div,
	.xzsblb p {
		margin: 0;
		padding: 0;
	}

	.xzsblb img {
		border: 0;
	}

	.xzsblb img {
		max-width: 100%;
	}

	.xzsblb :focus {
		outline: 0;
	}

	.xzsblb .cb:after {
		content: "\20";
		display: block;
		width: 0;
		height: 0;
		clear: both;
	}

	.xzsblb .cb {
		zoom: 1;
	}

	.xzsblb .mc {
		margin-left: auto;
		margin-right: auto;
	}

	.xzsblb .fL a {
		color: white;
	}

	.xzsblb .fL {
		float: left;
	}

	.xzsblb .fR {
		float: right;
	}

	.xzsblb a {
		text-decoration: none;
		transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		color: #123456;
	}

	.xzsblb .w1200 {
		width: 1140px;
		margin: 0 auto;
	}

	.xzsblb .mainc_c {
		width: 50px;
		height: 2px;
		background: #123456;
		z-index: 99;
		position: relative;
		margin-top: 30px;
		margin-left: -25px;
	}

	.xzsblb .mainc_d {
		width: 550px;
		margin-top: 20px;
	}

	.xzsblb .mainc_d .a {
		text-align: right;
	}

	.xzsblb .mainc_d .a a {
		font-size: 28px;
		color: #000;
		font-weight: 700;
	}

	.xzsblb .mainc_d .a a:hover {
		color: #123456;
	}

	.xzsblb .mainc_d .a a span {
		display: block;
		color: #989898;
		font-size: 16px;
		font-weight: normal;
	}

	.xzsblb .mainc_d .a a:hover span {
		color: #000;
	}

	.xzsblb .mainc_d .b {
		color: #000;
		font-size: 15px;
		margin-top: 15px;
		text-align: right;
	}

	.xzsblb .mainc_d .c {
		color: #626262;
		text-align: right;
		margin-top: 15px;
		line-height: 25px;
		font-size: 13px;
		overflow-y: auto;
		padding-right: 5px;
	}

	.xzsblb .mt80 {
		margin-top: 80px;
	}

	.xzsblb .mainc_e {
		width: 560px;
		margin-top: 20px;
		margin-right: 0px;
	}

	.xzsblb .mainc_e .a a {
		font-size: 28px;
		color: #000;
		font-weight: 700;
	}

	.xzsblb .mainc_e .a a:hover {
		color: #123456;
	}

	.xzsblb .mainc_e .a a span {
		display: block;
		color: #989898;
		font-size: 16px;
		font-weight: normal;
	}

	.xzsblb .mainc_e .a a:hover span {
		color: #000;
	}

	.xzsblb .mainc_e .b {
		color: #000;
		font-size: 15px;
		margin-top: 15px;
	}

	.xzsblb .mainc_e .c {
		color: #626262;
		margin-top: 15px;
		line-height: 25px;
		font-size: 13px;
		overflow: auto;
		padding-right: 5px;
	}

	.xzsblb .mainc_e .c::-webkit-scrollbar,
	.mainc_d .c::-webkit-scrollbar {
		width: 4px;
	}

	.xzsblb .mainc_g {
		width: 550px;
		height: 477px;
		border: 5px solid #f5f5f5;
		z-index: 0;
		position: relative;
		overflow: hidden;
	}

	.xzsblb .index_pro .mainc_g {
		height: 240px;
	}

	.xzsblb ::-webkit-scrollbar {
		width: 8px;
	}

	.xzsblb ::-webkit-scrollbar-track {
		background: #fff;
	}

	.xzsblb ::-webkit-scrollbar-thumb {
		background: #202020;
	}

	.xzsblb .mb80 {
		margin-bottom: 50px;
	}

	.xzsblb .mt50 {
		margin-top: 50px;
	}

	.xzsblb .mainc_b_proudct {
		width: 550px;
		height: 240px;
		border: 5px solid #f5f5f5;
		z-index: 0;
		position: relative;
		overflow: hidden;
	}

	.xzsblb .float-l {
		float: left;
	}

	.xzsblb .float-r {
		float: right;
	}

	.xzsblb ::-webkit-input-placeholder {
		color: #ababab;
		opacity: 1;
	}

	.xzsblb ::-moz-placeholder {
		color: #ababab;
		opacity: 1;
	}

	.xzsblb :-ms-input-placeholder {
		color: #ababab;
		opacity: 1;
	}

	.xzsblb .i-wrap .up-graybox {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		filter: alpha(opacity=10);
		transition: all 0.4s ease 0s;
	}

	.xzsblb .i-wrap .up-graybox .bgbox {
		display: block;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.5;
		filter: alpha(opacity=70);
	}

	.xzsblb .mainc_b_proudct:hover,
	.xzsblb .mainc_g:hover {
		border: 5px solid #56c7f1;
	}

	.xzsblb .i-wrap .up-graybox .stit {
		font-size: 16px;
		line-height: 30px;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -25px;
		color: #fff;
	}

	.xzsblb .i-wrap .up-graybox .line {
		display: inline-block;
		width: 100px;
		height: 1px;
		background-color: #f2f2f2;
		position: absolute;
		left: 50%;
		margin-left: -50px;
		transition: all 0.6s ease 0s;
	}

	.xzsblb .i-wrap .up-graybox .linet {
		top: 0;
	}

	.xzsblb .i-wrap .up-graybox .lineb {
		bottom: 0;
	}

	.xzsblb .i-wrap .up-graybox .out-ico {
		display: none;
		width: 26px;
		height: 26px;
		position: absolute;
		right: 20px;
		top: 20px;
	}

	.xzsblb .i-wrap .up-graybox:hover .line {
		width: 6px;
		margin-left: -3px;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	.xzsblb .public-list .main-wrap {
		margin: 0 auto;
		position: relative;
	}

	.xzsblb .public-list .list-wrap {
		position: relative;
		overflow: hidden;
	}

	.xzsblb .public-list .list-wrap .img-box {
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	.xzsblb .public-list .list-wrap .fl.img-box {
		box-shadow: 0 1px 15px #a6d9ec;
	}

	.xzsblb .public-list .list-wrap .img-box img {
		width: 100%;
		transform: translateZ(0px);
		transition: transform 0.3s ease 0s;
	}

	.xzsblb .list-wrap .img-box:hover img {
		transform: scale(1.05, 1.05);
		transition: transform 0.6s ease 0s;
	}

	.xzsblb .public-list .list-wrap .img-box:hover .up-graybox {
		opacity: 1;
		filter: alpha(opacity=1);
	}

	.xzsblb .public-list .list-wrap .up-graybox {
		z-index: 3;
	}
}

@media screen and (max-width:1000px) {
	.xzsblb .hengxiana {
		width: 120px;
		height: 2px;
		float: left;
		margin-top: 10px;
		background: #0170e2;
	}

	.xzsblb .hengxianb {
		width: 120px;
		height: 2px;
		float: left;
		margin-top: 10px;
		background: #0170e2;
	}

	.xzsblb .pcnone {
		display: block;
	}

	.xzsblb div,
	.xzsblb p {
		margin: 0;
		padding: 0;
	}

	.xzsblb img {
		border: 0;
	}

	.xzsblb img {
		max-width: 100%;
	}

	.xzsblb :focus {
		outline: 0;
	}

	.xzsblb .cb:after {
		content: "\20";
		display: block;
		width: 0;
		height: 0;
		clear: both;
	}

	.xzsblb .cb {
		zoom: 1;
	}

	.xzsblb .mc {
		margin-left: auto;
		margin-right: auto;
	}

	.xzsblb .fL a {
		color: white;
	}

	.xzsblb .fL {
		float: left;
	}

	.xzsblb .fR {
		float: right;
	}

	.xzsblb a {
		text-decoration: none;
		transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		color: #123456;
	}

	.xzsblb .w1200 {
		width: 100%;
		margin: 0 auto;
	}

	.xzsblb .mainc_c {
		width: 50px;
		height: 2px;
		background: #123456;
		z-index: 99;
		position: relative;
		margin-top: 30px;
		margin-left: -25px;
	}

	.xzsblb .mainc_d {
		width: 96%;
	}

	.xzsblb .mainc_d .a {
		text-align: left;
	}

	.xzsblb .mainc_d .a a {
		font-size: 20px;
		color: #000;
		font-weight: 700;
	}

	.xzsblb .mainc_d .a a:hover {
		color: #123456;
	}

	.xzsblb .mainc_d .a a span {
		color: #989898;
		font-size: 16px;
		font-weight: normal;
	}

	.xzsblb .mainc_d .a a:hover span {
		color: #000;
	}

	.xzsblb .mainc_d .b {
		color: #000;
		font-size: 15px;
		margin-top: 15px;
		text-align: left;
	}

	.xzsblb .mainc_d .c {
		color: #626262;
		text-align: left;
		margin-top: 15px;
		line-height: 25px;
		font-size: 13px;
		overflow-y: auto;
		padding-right: 5px;
	}

	.xzsblb .mt80 {
		margin-top: 10px;
	}

	.xzsblb .mainc_e {
		width: 96%;
		padding: 0 2%;
		margin-right: 0;
	}

	.xzsblb .mainc_e .a a {
		font-size: 20px;
		color: #000;
		font-weight: 700;
	}

	.xzsblb .mainc_e .a a:hover {
		color: #123456;
	}

	.xzsblb .mainc_e .a a span {
		color: #989898;
		font-size: 16px;
		font-weight: normal;
	}

	.xzsblb .mainc_e .a a:hover span {
		color: #000;
	}

	.xzsblb .mainc_e .b {
		color: #000;
		font-size: 15px;
		margin-top: 15px;
	}

	.xzsblb .mainc_e .c {
		color: #626262;
		margin-top: 15px;
		line-height: 25px;
		font-size: 13px;
		overflow: auto;
		padding-right: 5px;
	}

	.xzsblb .mainc_e .c::-webkit-scrollbar,
	.mainc_d .c::-webkit-scrollbar {
		width: 4px;
	}

	.xzsblb .mainc_g {
		width: 759px;
		height: 477px;
		z-index: 0;
		position: relative;
		overflow: hidden;
	}

	.xzsblb .index_pro .mainc_g {
		height: 347px;
		display: none;
	}

	.xzsblb ::-webkit-scrollbar {
		width: 8px;
	}

	.xzsblb ::-webkit-scrollbar-track {
		background: #fff;
	}

	.xzsblb ::-webkit-scrollbar-thumb {
		background: #202020;
	}

	.xzsblb .mb80 {
		margin-bottom: 0px;
	}

	.xzsblb .mt50 {
		margin-top: 0px;
	}

	.xzsblb .mainc_b_proudct {
		width: 97%;
		height: auto;
		z-index: 0;
		position: relative;
		overflow: hidden;
	}

	.xzsblb .float-l {
		float: none;
	}

	.xzsblb .float-r {
		float: right;
	}

	.xzsblb ::-webkit-input-placeholder {
		color: #ababab;
		opacity: 1;
	}

	.xzsblb ::-moz-placeholder {
		color: #ababab;
		opacity: 1;
	}

	.xzsblb :-ms-input-placeholder {
		color: #ababab;
		opacity: 1;
	}

	.xzsblb .i-wrap .up-graybox {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		filter: alpha(opacity=10);
		transition: all 0.4s ease 0s;
	}

	.xzsblb .i-wrap .up-graybox .bgbox {
		display: block;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.5;
		filter: alpha(opacity=70);
	}

	.xzsblb .i-wrap .up-graybox .stit {
		font-size: 16px;
		line-height: 30px;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -25px;
		color: #fff;
	}

	.xzsblb .i-wrap .up-graybox .line {
		display: inline-block;
		width: 100px;
		height: 1px;
		background-color: #f2f2f2;
		position: absolute;
		left: 50%;
		margin-left: -50px;
		transition: all 0.6s ease 0s;
	}

	.xzsblb .i-wrap .up-graybox .linet {
		top: 0;
	}

	.xzsblb .i-wrap .up-graybox .lineb {
		bottom: 0;
	}

	.xzsblb .i-wrap .up-graybox .out-ico {
		display: none;
		width: 26px;
		height: 26px;
		position: absolute;
		right: 20px;
		top: 20px;
	}

	.xzsblb .i-wrap .up-graybox:hover .line {
		width: 6px;
		margin-left: -3px;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	.xzsblb .public-list .main-wrap {
		margin: 0 auto;
		position: relative;
	}

	.xzsblb .public-list .list-wrap {
		position: relative;
		overflow: hidden;
		border: 5px solid #f5f5f5;
	}

	.xzsblb .public-list .list-wrap .img-box {
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	.xzsblb .public-list .list-wrap .fl.img-box {
		box-shadow: 0 1px 15px #a6d9ec;
	}

	.xzsblb .public-list .list-wrap .img-box img {
		width: 100%;
		transform: translateZ(0px);
		transition: transform 0.3s ease 0s;
	}

	.xzsblb .list-wrap .img-box:hover img {
		transform: scale(1.05, 1.05);
		transition: transform 0.6s ease 0s;
	}

	.xzsblb .public-list .list-wrap .img-box:hover .up-graybox {
		opacity: 1;
		filter: alpha(opacity=1);
	}

	.xzsblb .public-list .list-wrap .up-graybox {
		z-index: 3;
	}
}