.fl {
	float: left
}

.fr {
	float: right
}

.fwn {
	font-weight: 400
}

#demo {
	overflow: hidden;
	width: 100%;
	margin: 0 auto
}

#indemo {
	float: left;
	width: 800%!important
}

#demo1 {
	float: left
}

#demo2 {
	float: left
}

#m_demo {
	overflow: hidden;
	width: 92%;
	margin: 0 auto
}

#m_indemo {
	float: left;
	width: 800%!important
}

#m_demo1 {
	float: left
}

#m_demo2 {
	float: left
}

.com-img {
	overflow: hidden
}

.com-img img {
	transition: all .8s;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s
}

.com-img:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2)
}

.roll_product {
	float: left
}

.ssddds {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.xyin-case-sort li.on,.xyin-case-sort li:hover {
	background: #3c486d;
	position: relative;
	color: #fff;
	cursor: pointer
}

.xyin-case-sort li.on a,.xyin-case-sort li:hover a {
	color: #fff
}

.aby_hh li:hover .aby_hh_img img {
	filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%)
}

.xypg-left-con33 {
	display: none
}

.cpdetail-wrap {
	padding-top: 30px
}

.pro11 {
	padding-top: 30px
}

@media (min-width:992px) {
	.flex2 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}

	.xypg-left-con33 {
		width: 230px;
		display: block
	}

	.pro3 {
		width: calc(100% - 250px)
	}
}