

.cp{text-align: center;padding: 20px 0 50px 0;max-width: 1200px;margin: 0 auto;}

.cp .content-slider li{width: 240px;height: 98px;}

.cp .content-slider li a{display: block;border:1px solid #dfdfdf;margin: 0 10px;}

.cp .content-slider li a:hover{display: block;border:1px solid #3da7bf;}

.cp .lSSlideOuter .lSPager.lSpg{padding-top: 10px;}

.banq{background:#202024;color: #999;padding: 12px 0;}

.banq a{color: #2cbdd4;}

.nyban{background:url(/statics/images/xylem/banbj.jpg) center top no-repeat;height: 267px;}

.mbx{max-width: 1200px;margin: 0 auto;line-height: 70px;color: #fff;padding-left: 10px;}

.mbx a{color: #fff;}

/*! lightslider - v1.1.3 - 2015-04-14

* https://github.com/sachinchoolur/lightslider

* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper, .lSSlideWrapper .lSFade {

	position: relative

}

.lSSlideWrapper .lSSlide, .lSSlideWrapper.usingCss .lSFade>* {

	-webkit-transition-timing-function: inherit!important;

	transition-timing-function: inherit!important;

	-webkit-transition-duration: inherit!important;

	transition-duration: inherit!important

}

.lSSlideOuter, .lSSlideOuter .lSPager.lSGallery {

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-webkit-touch-callout: none;

	-webkit-user-select: none

}

.lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper>.lightSlider:after {

	clear: both

}

.lSSlideOuter {

	overflow: hidden;

	user-select: none

}

.lightSlider:after, .lightSlider:before {

	content: " ";

	display: table

}

.lightSlider {

	overflow: hidden;

	margin: 0

}

.lSSlideWrapper {

	max-width: 100%;

	overflow: hidden

}

.lSSlideWrapper .lSSlide {

	-webkit-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	transform: translate(0, 0);

	-webkit-transition: all 1s;

	-webkit-transition-property: -webkit-transform, height;

	-moz-transition-property: -moz-transform, height;

	transition-property: transform, height

}

.lSSlideWrapper .lSFade>* {

	position: absolute!important;

	top: 0;

	left: 0;

	z-index: 9;

	margin-right: 0;

	width: 100%

}

.lSSlideWrapper.usingCss .lSFade>* {

	opacity: 0;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

	-webkit-transition-property: opacity;

	transition-property: opacity

}

.lSSlideWrapper .lSFade>.active {

	z-index: 10

}

.lSSlideWrapper.usingCss .lSFade>.active {

	opacity: 1

}

.lSSlideOuter .lSPager.lSpg {

	margin: 10px 0 0;

	padding: 0;

	text-align: center

}

.lSSlideOuter .lSPager.lSpg>li {

	cursor: pointer;

	display: inline-block;

	padding: 0 5px

}

.lSSlideOuter .lSPager.lSpg>li a {

	background-color: #222;

	border-radius: 30px;

	display: inline-block;

	height: 8px;

	overflow: hidden;

	text-indent: -999em;

	width: 8px;

	position: relative;

	z-index: 99;

	-webkit-transition: all .5s linear 0s;

	transition: all .5s linear 0s

}

.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {

	background-color: #428bca

}

.lSSlideOuter .media {

	opacity: .8

}

.lSSlideOuter .media.active {

	opacity: 1

}

.lSSlideOuter .lSPager.lSGallery {

	list-style: none;

	padding-left: 0;

	margin: 0;

	overflow: hidden;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	user-select: none

}

.lSSlideOuter .lSPager.lSGallery li {

	overflow: hidden;

	-webkit-transition: border-radius .12s linear 0s .35s linear 0s;

	transition: border-radius .12s linear 0s .35s linear 0s

}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {

	border-radius: 5px

}

.lSSlideOuter .lSPager.lSGallery img {

	display: block;

	height: auto;

	max-width: 100%

}

.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {

	content: " ";

	display: table

}

.lSAction>a {

	width: 32px;

	display: block;

	top: 50%;

	height: 32px;

	cursor: pointer;

	position: absolute;

	z-index: 99;

	margin-top: -16px;

	opacity: .5;

	-webkit-transition: opacity .35s linear 0s;

	transition: opacity .35s linear 0s

}

.lSAction>a:hover {

	opacity: 1

}

.lSAction>.lSPrev {

	background-position: 0 0;

	left: 10px

}

.lSAction>.lSNext {

	background-position: -32px 0;

	right: 10px

}

.lSAction>a.disabled {

	pointer-events: none

}

.cS-hidden {

	height: 1px;

	opacity: 0;

	filter: alpha(opacity=0);

	overflow: hidden

}

.lSSlideOuter.vertical {

	position: relative

}

.lSSlideOuter.vertical.noPager {

	padding-right: 0!important

}

.lSSlideOuter.vertical .lSGallery {

	position: absolute!important;

	right: 0;

	top: 0

}

.lSSlideOuter.vertical .lightSlider>* {

	width: 100%!important;

	max-width: none!important

}

.lSSlideOuter.vertical .lSAction>a {

	left: 50%;

	margin-left: -14px;

	margin-top: 0

}

.lSSlideOuter.vertical .lSAction>.lSNext {

	background-position: 31px -31px;

	bottom: 10px;

	top: auto

}

.lSSlideOuter.vertical .lSAction>.lSPrev {

	background-position: 0 -31px;

	bottom: auto;

	top: 10px

}

.lSSlideOuter.lSrtl {

	direction: rtl

}

.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {

	padding-left: 0;

	list-style: none

}

.lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {

	padding-right: 0

}

.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider>* {

	float: left

}

.lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider>* {

	float: right!important

}

@-webkit-keyframes rightEnd {

0%, 100% {

left:0

}

50% {

left:-15px

}

}

@keyframes rightEnd {

0%, 100% {

left:0

}

50% {

left:-15px

}

}

@-webkit-keyframes topEnd {

0%, 100% {

top:0

}

50% {

top:-15px

}

}

@keyframes topEnd {

0%, 100% {

top:0

}

50% {

top:-15px

}

}

@-webkit-keyframes leftEnd {

0%, 100% {

left:0

}

50% {

left:15px

}

}

@keyframes leftEnd {

0%, 100% {

left:0

}

50% {

left:15px

}

}

@-webkit-keyframes bottomEnd {

0%, 100% {

bottom:0

}

50% {

bottom:-15px

}

}

@keyframes bottomEnd {

0%, 100% {

bottom:0

}

50% {

bottom:-15px

}

}

.lSSlideOuter .rightEnd {

	-webkit-animation: rightEnd .3s;

	animation: rightEnd .3s;

	position: relative

}

.lSSlideOuter .leftEnd {

	-webkit-animation: leftEnd .3s;

	animation: leftEnd .3s;

	position: relative

}

.lSSlideOuter.vertical .rightEnd {

	-webkit-animation: topEnd .3s;

	animation: topEnd .3s;

	position: relative

}

.lSSlideOuter.vertical .leftEnd {

	-webkit-animation: bottomEnd .3s;

	animation: bottomEnd .3s;

	position: relative

}

.lSSlideOuter.lSrtl .rightEnd {

	-webkit-animation: leftEnd .3s;

	animation: leftEnd .3s;

	position: relative

}

.lSSlideOuter.lSrtl .leftEnd {

	-webkit-animation: rightEnd .3s;

	animation: rightEnd .3s;

	position: relative

}

.lightSlider.lsGrab>* {

	cursor: -webkit-grab;

	cursor: -moz-grab;

	cursor: -o-grab;

	cursor: -ms-grab;

	cursor: grab

}

.lightSlider.lsGrabbing>* {

	cursor: move;

	cursor: -webkit-grabbing;

	cursor: -moz-grabbing;

	cursor: -o-grabbing;

	cursor: -ms-grabbing;

	cursor: grabbing

}
@media (max-width:768px) {
	audio, canvas, img, svg, video{ width:auto; height:auto}
	.cp{ padding:0}
	.cp .lSSlideOuter .lSPager.lSpg{ padding-top:0; margin-top:0}
	.cp .content-slider li {width: 168px; height: 75px;}
 
	
}
	 