/* CSS Document */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body, input, select, textarea, button { font-family: Microsoft Yahei, "黑体","Times New Roman"; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, dt, form { margin: 0px; padding: 0px; }
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; }
ul { padding-left: 0; list-style-type: none; }
header, footer, article, section, nav, menu, hgroup { display: block; }
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; border: 0; vertical-align: baseline;}
.l { float: left; }
.r { float: right; }
@font-face { font-family: 'Fjalla One'; src: url('/pc/fonts/fjallaone-regular-webfont.eot'); /*IE9*/ src: url('/pc/fonts/fjallaone-regular-webfont.eot') format('embedded-opentype'), /*IE6-8*/ url('/pc/fonts/fjallaone-regular-webfont.woff') format('woff'), /*chrome*/ url('/pc/fonts/fjallaone-regular-webfont.ttf') format('truetype'); /*FF opera android ios*/ font-weight: normal; font-style: normal; }
/* changliang */
html { overflow-x: auto; padding:0px; margin:0px; }
.nybwrap { width: 1200px; margin: 0 auto;}
@media(max-width:1279px){
	.nybwrap{width: 1000px;}
}
.nybclearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.wrap {width: 1200px;margin: 0 auto;overflow: hidden; *zoom:1;_zoom:1;zoom:1;}
.wrap01 {width: 1200px;margin: 0 auto; *zoom:1;_zoom:1;zoom:1;position: relative;}
.jl50 { margin-top: 50px; }
body { font-size: 14px; line-height: 1.6; color: #555; background: #fff; }
a:hover { color: #FF3F3C; }
a { text-decoration: none; color: #00132b; }
.top { margin: 15px auto 20px; }
.top .logo { width: 40%; float: left; }
.top .logo img { text-align: left; display: block; }
.top .tel { width: 40%; display: block; float: right; margin-top: 10px; text-align: right; }
.nav { height: 63px; line-height: 63px; width: 100%; margin: 0 auto; overflow: hidden; font-size: 16px; text-align: center; background: #0066cc; }
.nav ul { margin: 0 auto; overflow: hidden; }
.nav ul li { float: left; width: 12.4%; text-align: center; }
.nav ul li a { font-size: 16px; display: inline-block; line-height: 63px; width: 100%; }
.nav ul li a:link { color: #fff; }
.nav ul li a:hover { color: #fff; }
.nav .li0 { color: #fff; }
.nav .li1 { background: #f9ac11; color: #fff; }
#header-wrapper{}
#header-wrapper .backtitle h1 {font-size: 38px;color: #fff;background: url(/pc/images/prolist_x.png) no-repeat center top;width:526px;text-align: center;overflow: hidden;margin: 0 auto;position:absolute;top:-215px;left: 50%;margin-left: -263px;}
#header-wrapper .backtitle a {display:none;}
.iebaner{display: none;}




.csslider1 {display: inline-block;position: relative;width:100%;
}
.csslider1 > .cs_anchor {
	display: none;
}
.csslider1 > ul {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	
	overflow: hidden;
	white-space: nowrap;
}
.csslider1 > ul > li.img img {
	width:100%; height:auto
}
.csslider1 > ul > li.img {
	font-size: 0pt;

	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.csslider1 > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	white-space: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.csslider1 > ul > li a{clear:both; display: block; text-align: center; width:100%; height:100%;}
.csslider1 .cs_lnk{
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0pt;
	opacity: 0;
	filter: alpha(opacity=0);
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
	position: absolute;
	top: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 5;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	position: absolute;

	text-decoration: none;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}
.csslider1 > .cs_arrowprev {
	left: 0;
}
.csslider1 > .cs_arrownext {
	right: 0;
}

.csslider1 > .cs_arrowprev > label.num4,  /*蹇呮敼*/
.csslider1 > .cs_arrownext > label.num1 {
	opacity: 1;
	z-index: 5;
}
.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
	opacity: 0;
	z-index: -1;
}


/*
.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, 
.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, 
.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num0,
.csslider1 > #cs_slide1_3:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_arrownext > label.num0,
*/

.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num4,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, 

.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, 

.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num3,

.csslider1 > #cs_slide1_3:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_arrownext > label.num4,

.csslider1 > #cs_slide1_4:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_slide1_4:checked ~ .cs_arrownext > label.num0 {
	opacity: 1;
	z-index: 5;
}

/* calculate autoplay */
@-webkit-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-moz-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-ms-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-o-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}


/*.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num1 {
	-webkit-animation: arrow 12000ms infinite -2000ms;
	-moz-animation: arrow 12000ms infinite -2000ms;
	-ms-animation: arrow 12000ms infinite -2000ms;
	-o-animation: arrow 12000ms infinite -2000ms;
	animation: arrow 12000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num2 {
	-webkit-animation: arrow 12000ms infinite 2000ms;
	-moz-animation: arrow 12000ms infinite 2000ms;
	-ms-animation: arrow 12000ms infinite 2000ms;
	-o-animation: arrow 12000ms infinite 2000ms;
	animation: arrow 12000ms infinite 2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num0 {
	-webkit-animation: arrow 12000ms infinite 6000ms;
	-moz-animation: arrow 12000ms infinite 6000ms;
	-ms-animation: arrow 12000ms infinite 6000ms;
	-o-animation: arrow 12000ms infinite 6000ms;
	animation: arrow 12000ms infinite 6000ms;
	
}*/


.csslider1.cs_pauseHover:hover > .cs_arrowprev > label,
.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label,
.csslider1.cs_pauseHover:hover > .cs_arrownext > label,
.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;   
}

/* stop */
.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}


/* /calculate autoplay */
.csslider1 > .cs_bullets {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 6;
	font-size: 0;
	line-height: 8pt;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.csslider1 > .cs_bullets > div {
	margin-left: -50%;
	width: 100%;
}
.csslider1 > .cs_bullets > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	z-index: 1;
	line-height: 0;
	left: -39.5px;
	top: -48px;
}
.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,
.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,
.csslider1 > #cs_slide1_2:checked ~ ul > li.num2,
.csslider1 > #cs_slide1_3:checked ~ ul > li.num3,
.csslider1 > #cs_slide1_4:checked ~ ul > li.num4 {
	opacity: 1;
	z-index: 2;
}

.csslider1 > ul > li {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	opacity: 0;
	z-index: 1;
  
  	-webkit-transition: opacity 2000ms ease;
  	-moz-transition: opacity 2000ms ease;
  	-ms-transition: opacity 2000ms ease;
  	-o-transition: opacity 2000ms ease;
  	transition: opacity 2000ms ease;
  	
}
.csslider1 > ul > li.num0 {
	opacity: 1;
	z-index: 2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
	opacity: 0;
	z-index: 1;
}

/* calculate autoplay */
@-webkit-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	16.666666666666668%, 33.333333333333336%	{ opacity: 1; z-index: 2; }
}
@-moz-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	16.666666666666668%, 33.333333333333336%	{ opacity: 1; z-index: 2; }
}
@-ms-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	16.666666666666668%, 33.333333333333336%	{ opacity: 1; z-index: 2; }
}
@-o-keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	16.666666666666668%, 33.333333333333336%	{ opacity: 1; z-index: 2; }
}
@keyframes fade {
	0%, 50%, 100%	{ opacity: 0; z-index: 2; }
	16.666666666666668%, 33.333333333333336%	{ opacity: 1; z-index: 2; }
}


.csslider1 > #cs_play1:checked ~ ul > li.num0,
.csslider1 > #cs_pause1:checked ~ ul > li.num0 {
	-webkit-animation: fade 12000ms infinite -2000ms;
	-moz-animation: fade 12000ms infinite -2000ms;
	-ms-animation: fade 12000ms infinite -2000ms;
	-o-animation: fade 12000ms infinite -2000ms;
	animation: fade 12000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ ul > li.num1,
.csslider1 > #cs_pause1:checked ~ ul > li.num1 {
	-webkit-animation: fade 12000ms infinite 2000ms;
	-moz-animation: fade 12000ms infinite 2000ms;
	-ms-animation: fade 12000ms infinite 2000ms;
	-o-animation: fade 12000ms infinite 2000ms;
	animation: fade 12000ms infinite 2000ms;
	
}
.csslider1 > #cs_play1:checked ~ ul > li.num2,
.csslider1 > #cs_pause1:checked ~ ul > li.num2 {
	-webkit-animation: fade 12000ms infinite 6000ms;
	-moz-animation: fade 12000ms infinite 6000ms;
	-ms-animation: fade 12000ms infinite 6000ms;
	-o-animation: fade 12000ms infinite 6000ms;
	animation: fade 12000ms infinite 6000ms;
	
}




.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	
}

.csslider1.cs_pauseHover:hover > ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li{
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
/* stop */

.csslider1 > .slide:checked ~ ul > li {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* /calculate autoplay */
.csslider1 {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
	
}
.csslider1 > .cs_play_pause {
  	-webkit-transition: .5s opacity 0s ease;
  	-moz-transition: .5s opacity 0s ease;
  	-ms-transition: .5s opacity 0s ease;
  	-o-transition: .5s opacity 0s ease;
  	transition: .5s opacity 0s ease;
  	
}
.csslider1 > .cs_arrowprev {
  	-webkit-transition: .5s opacity .15s ease, .5s -webkit-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: .5s opacity .15s ease, .5s -moz-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: .5s opacity .15s ease, .5s -ms-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: .5s opacity .15s ease, .5s -o-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: .5s opacity .15s ease, .5s transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	
}
.csslider1 > .cs_arrownext {
  	-webkit-transition: .5s opacity .3s ease, .5s -webkit-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: .5s opacity .3s ease, .5s -moz-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: .5s opacity .3s ease, .5s -ms-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: .5s opacity .3s ease, .5s -o-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: .5s opacity .3s ease, .5s transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
	opacity: 0;
}
.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	overflow: hidden;
	margin-top: -35px;
	width: 40px;
	height: 70px;

	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.csslider1 > .cs_arrowprev {
	left: 70px;
}
.csslider1 > .cs_arrownext {
	right: 70px;
}
.csslider1 > .cs_arrowprev > label {
	right: 0;
}
.csslider1 > .cs_arrownext > label {
	left: 0;
}
.csslider1 > .cs_arrowprev > label:after {
	content: '<';
}
.csslider1 > .cs_arrownext > label:after {
	content: '>';
}
.csslider1 > .cs_arrowprev > label:after,
.csslider1 > .cs_arrownext > label:after {
	display: block;
	font: 40px "Impact ";
	text-align: center;
	line-height: 76px;
	color: #fff;
}




.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	-webkit-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-moz-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-ms-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-o-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	
}
.csslider1 > .cs_arrowprev:hover > label {
	background-color: #fdcc05;
	width: 70px;
}
.csslider1 > .cs_arrownext:hover > label {
	background-color: #fdcc05;
	width: 70px;
}.csslider1 > .cs_bullets {
	bottom: 5px;
	margin-bottom: 5px;
}

.csslider1 > .cs_bullets > label {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
	
}

.csslider1 > .cs_bullets > label > .cs_thumb {
	border: 3px solid #fdcc05;
	margin-top: -11px;
	-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -ms-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	
	-webkit-transform-origin: 0% 100% 0px;
	-moz-transform-origin: 0% 100% 0px;
	-ms-transform-origin: 0% 100% 0px;
	-o-transform-origin: 0% 100% 0px;
	transform-origin: 0% 100% 0px;
	
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	
}
.csslider1 > .cs_bullets > label > .cs_thumb:before {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	left: 50%;
	margin-left: -1px;
	bottom: -8px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	
	border-top: 7px solid #fdcc05;
}
.csslider1 > .cs_bullets > label:hover > .cs_thumb {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}


.csslider1 > .cs_bullets > label {
	margin: 0 6px;
	padding: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
    font-size: 0px;
    line-height: 0;
}

.csslider1 > .cs_bullets > label.num0 {
	background-color: #fdcc05;
}
.csslider1 > .slide:checked ~ .cs_bullets > label {
	/* Fallback for web browsers that doesn't support RGBa background: #000;
	background-color: rgba(0,0,0,0.6);*/background: #000;
    border-radius: 10px;
	
}

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_bullets > label.num3,
.csslider1 > #cs_slide1_4:checked ~ .cs_bullets > label.num4 {
	background-color: #fdcc05; 
}

.csslider1 > .cs_bullets > label:hover {
	background-color: #fdcc05;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #fdcc05; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-moz-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #fdcc05; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-ms-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #fdcc05; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-o-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #fdcc05; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #fdcc05; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}


.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 {
	-webkit-animation: bullet 12000ms infinite -2000ms;
	-moz-animation: bullet 12000ms infinite -2000ms;
	-ms-animation: bullet 12000ms infinite -2000ms;
	-o-animation: bullet 12000ms infinite -2000ms;
	animation: bullet 12000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 {
	-webkit-animation: bullet 12000ms infinite 2000ms;
	-moz-animation: bullet 12000ms infinite 2000ms;
	-ms-animation: bullet 12000ms infinite 2000ms;
	-o-animation: bullet 12000ms infinite 2000ms;
	animation: bullet 12000ms infinite 2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 {
	-webkit-animation: bullet 12000ms infinite 6000ms;
	-moz-animation: bullet 12000ms infinite 6000ms;
	-ms-animation: bullet 12000ms infinite 6000ms;
	-o-animation: bullet 12000ms infinite 6000ms;
	animation: bullet 12000ms infinite 6000ms;
	
}




.csslider1 > #cs_play1:checked ~ .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;
  	
}

.csslider1.cs_pauseHover:hover > .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/* stop */

.csslider1 > .slide:checked ~ .cs_bullets > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* /calculate autoplay */


.csslider1 > .cs_description > label {
	font: 20px 'Roboto', sans-serif;
	line-height: normal;
	bottom: 35px;
	left: 20px;
	top: auto;
	opacity: 1;
	z-index: 1;

	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
	
}
.csslider1 > .cs_description > label > span {
	margin: 1px 10px;
	padding: 10px;
	color: #fff;

	overflow: hidden;

	-webkit-transform-origin: 0% 0% 0px;
	-moz-transform-origin: 0% 0% 0px;
	-ms-transform-origin: 0% 0% 0px;
	-o-transform-origin: 0% 0% 0px;
	transform-origin: 0% 0% 0px;
	
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3,
.csslider1 > #cs_slide1_4:checked ~ .cs_description > .num4 {
	z-index: 2;
}



.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_descr,
.csslider1 > #cs_slide1_4:checked ~ .cs_description > .num4 > .cs_descr {
	opacity: 1;
	visibility: visible;
  	-webkit-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_title,
.csslider1 > #cs_slide1_4:checked ~ .cs_description > .num4 > .cs_title {
	opacity: 1;
	visibility: visible;
  	-webkit-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-moz-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-ms-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-o-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 .cs_wrapper,
.csslider1 > #cs_slide1_4:checked ~ .cs_description > .num4 .cs_wrapper {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	
}

.csslider1 > .cs_description > label > .cs_title {
	margin: 0px 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	
  	-webkit-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-moz-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-ms-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-o-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	
}
.csslider1 > .cs_description > label > .cs_descr {
	font-size: 0.8em;
	margin: 1px 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;

	background-color: #fdcc05;

	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	
  	-webkit-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
}


.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	
	-webkit-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	
}
.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	
	-webkit-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	
}


/* calculate autoplay */
@-webkit-keyframes cs_descrWrapper {
	3.0625%, 37.708333333333336%	{ z-index: 2; }
	37.718333333333334%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_descrWrapper {
	3.0625%, 37.708333333333336%	{ z-index: 2; }
	37.718333333333334%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_descrWrapper {
	3.0625%, 37.708333333333336%	{ z-index: 2; }
	37.718333333333334%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_descrWrapper {
	3.0625%, 37.708333333333336%	{ z-index: 2; }
	37.718333333333334%, 100%	{ z-index: 0; }
}
@keyframes cs_descrWrapper {
	3.0625%, 37.708333333333336%	{ z-index: 2; }
	37.718333333333334%, 100%	{ z-index: 0; }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0 {
	-webkit-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	-moz-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	-ms-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	-o-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	animation: cs_descrWrapper 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 {
	-webkit-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	-moz-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	-ms-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	-o-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	animation: cs_descrWrapper 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 {
	-webkit-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	-moz-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	-ms-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	-o-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	animation: cs_descrWrapper 12000ms infinite 6600ms ease;
}



@-webkit-keyframes cs_title {
	3.0625%, 30.260833333333334%	{ opacity: 1; -webkit-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -webkit-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -webkit-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_title {
	3.0625%, 30.260833333333334%	{ opacity: 1; -moz-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -moz-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -moz-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_title {
	3.0625%, 30.260833333333334%	{ opacity: 1; -ms-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -ms-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -ms-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_title {
	3.0625%, 30.260833333333334%	{ opacity: 1; -o-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -o-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -o-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@keyframes cs_title {
	3.0625%, 30.260833333333334%	{ opacity: 1; transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}



@-webkit-keyframes cs_descr {
	6.125%, 25.885833333333334%	{ opacity: 1; -webkit-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	8.75%, 24.573333333333334%	{ opacity: 1; -webkit-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -webkit-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_descr {
	6.125%, 25.885833333333334%	{ opacity: 1; -moz-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	8.75%, 24.573333333333334%	{ opacity: 1; -moz-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -moz-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_descr {
	6.125%, 25.885833333333334%	{ opacity: 1; -ms-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	8.75%, 24.573333333333334%	{ opacity: 1; -ms-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -ms-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_descr {
	6.125%, 25.885833333333334%	{ opacity: 1; -o-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	8.75%, 24.573333333333334%	{ opacity: 1; -o-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -o-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@keyframes cs_descr {
	6.125%, 25.885833333333334%	{ opacity: 1; transform: rotateX(9deg); z-index: 1; visibility: visible;}
	8.75%, 24.573333333333334%	{ opacity: 1; transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_title {
	-webkit-animation: cs_title 12000ms infinite -1400ms ease;
	-moz-animation: cs_title 12000ms infinite -1400ms ease;
	-ms-animation: cs_title 12000ms infinite -1400ms ease;
	-o-animation: cs_title 12000ms infinite -1400ms ease;
	animation: cs_title 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_title {
	-webkit-animation: cs_title 12000ms infinite 2600ms ease;
	-moz-animation: cs_title 12000ms infinite 2600ms ease;
	-ms-animation: cs_title 12000ms infinite 2600ms ease;
	-o-animation: cs_title 12000ms infinite 2600ms ease;
	animation: cs_title 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_title {
	-webkit-animation: cs_title 12000ms infinite 6600ms ease;
	-moz-animation: cs_title 12000ms infinite 6600ms ease;
	-ms-animation: cs_title 12000ms infinite 6600ms ease;
	-o-animation: cs_title 12000ms infinite 6600ms ease;
	animation: cs_title 12000ms infinite 6600ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite -1400ms ease;
	-moz-animation: cs_descr 12000ms infinite -1400ms ease;
	-ms-animation: cs_descr 12000ms infinite -1400ms ease;
	-o-animation: cs_descr 12000ms infinite -1400ms ease;
	animation: cs_descr 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite 2600ms ease;
	-moz-animation: cs_descr 12000ms infinite 2600ms ease;
	-ms-animation: cs_descr 12000ms infinite 2600ms ease;
	-o-animation: cs_descr 12000ms infinite 2600ms ease;
	animation: cs_descr 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite 6600ms ease;
	-moz-animation: cs_descr 12000ms infinite 6600ms ease;
	-ms-animation: cs_descr 12000ms infinite 6600ms ease;
	-o-animation: cs_descr 12000ms infinite 6600ms ease;
	animation: cs_descr 12000ms infinite 6600ms ease;
}



@-webkit-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -webkit-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -webkit-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -webkit-transform: translateX(100%); }
}
@-moz-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -moz-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -moz-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -moz-transform: translateX(100%); }
}
@-ms-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -ms-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -ms-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -ms-transform: translateX(100%); }
}
@-o-keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; -o-transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -o-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -o-transform: translateX(100%); }
}
@keyframes cs_title_text {
	3.0625%, 30.260833333333334%	{ opacity: 1; transform: translateX(-1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; transform: translateX(100%); }
}


@-webkit-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -webkit-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -webkit-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -webkit-transform: translateX(-100%); }
}
@-moz-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -moz-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -moz-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -moz-transform: translateX(-100%); }
}
@-ms-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -ms-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -ms-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -ms-transform: translateX(-100%); }
}
@-o-keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; -o-transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; -o-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -o-transform: translateX(-100%); }
}
@keyframes cs_descr_text {
	6.125%, 25.885833333333334%	{ opacity: 1; transform: translateX(1%); }
	8.75%, 24.573333333333334%	{ opacity: 1; transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; transform: translateX(-100%); }
}



.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite -1190ms ease;
	-moz-animation: cs_title_text 12000ms infinite -1190ms ease;
	-ms-animation: cs_title_text 12000ms infinite -1190ms ease;
	-o-animation: cs_title_text 12000ms infinite -1190ms ease;
	animation: cs_title_text 12000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite 2810ms ease;
	-moz-animation: cs_title_text 12000ms infinite 2810ms ease;
	-ms-animation: cs_title_text 12000ms infinite 2810ms ease;
	-o-animation: cs_title_text 12000ms infinite 2810ms ease;
	animation: cs_title_text 12000ms infinite 2810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite 6810ms ease;
	-moz-animation: cs_title_text 12000ms infinite 6810ms ease;
	-ms-animation: cs_title_text 12000ms infinite 6810ms ease;
	-o-animation: cs_title_text 12000ms infinite 6810ms ease;
	animation: cs_title_text 12000ms infinite 6810ms ease;
}


.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-moz-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-ms-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-o-animation: cs_descr_text 12000ms infinite -1190ms ease;
	animation: cs_descr_text 12000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-moz-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-ms-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-o-animation: cs_descr_text 12000ms infinite 2810ms ease;
	animation: cs_descr_text 12000ms infinite 2810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-moz-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-ms-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-o-animation: cs_descr_text 12000ms infinite 6810ms ease;
	animation: cs_descr_text 12000ms infinite 6810ms ease;
}




.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;
  	
}

.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title > .cs_wrapper,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/* stop */
.csslider1 > .slide:checked ~ .cs_description > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}



/* /calculate autoplay *//* hide description & bullets on mobile devices */
@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) { 
	.csslider1 > .cs_description,
	.csslider1 > .cs_bullets {
		display: none;
	}
}




.top_capa { margin-top: 50px;margin-bottom: 50px; }
.top_capa .tit { width: 100%; overflow: hidden; margin-bottom: 50px; }
.top_capa .tit h1 { font-size: 40px; width: 100%; color: #000; text-align: center; display: inline-block; }
.top_capa .tit p { font-size: 18px; color: #666; text-align: center; }
.top_capa dl { float: left; width: 19%;*width:18.9%; margin: 0 3%; overflow: hidden; }
.top_capa dt { width: 100%; margin-bottom: 20px; float: left; }
.top_capa dt img { margin: 0 auto; text-align: center; display: block; }
.top_capa dd { width: 100%; }
.top_capa dd p { font-size: 15px; text-align: center; color: #000; width: 100%; overflow: hidden; }
.sy_about_bg { background: #f4f4f4; padding: 60px 0; margin-top: 50px; width: 100%; }

.sy_about_r1 { width: 49.8%; float: left; }
.sy_about_r1 p{height:48px;overflow:hidden;}
.sy_about_r2 p{height:70px;overflow:hidden;}
.sy_about_r1 dt { width: 100%; margin-bottom: 5px; height: auto; }
.sy_about_r1 dd { background: #ffba00; line-height: 26px; color: #fff; padding: 15px; }
.sy_about_l {float: left;width: 600px;}
.sy_about_img {float:left;width: 108px;}
.sy_about_img img {width: 108px;}
.sy_about_l dl { width: 79%; float: right; }
.sy_about_l dd { width: 94%; background: #fff; padding: 2% 3%; overflow: hidden; }
.sy_about_l dd strong { font-size: 36px; width: 100%; margin: 0 auto 8px; color: #666; }
.sy_about_l dd p { font-size: 14px; width: 100%; margin: 0 auto; color: #666; line-height: 30px; }
.sy_about_l dt { width: 100%; overflow: hidden; }

.sy_comshili {position: relative;overflow: hidden;float: right;width: 476px;}
.sy_comshili img { width: 100%; height: auto; }
.sy_comshili .tit { font-size: 24px; color: #fff; text-align: center; padding-top: 90px; height: 78px; }
.sy_comshili ._img { position: relative; left: 0; transition: all ease-in .3s; }
.sy_comshili ._img ._t { position: absolute; bottom: 0.2%; text-align: center; font-size: 14px; font-weight: 500; color: #fff; background: url(/pc/images/h_bg.png); width: 96%; padding: 2%; line-height: 26px; }
.sy_comshili ._img ._t:after { content: ""; position: absolute; bottom: 0; left: 0; width: 50%; }
.sy_comshili ._txt { position: absolute; left: -100%; top: 0; bottom: 0; width: 93%; z-index: 2; transition: all ease-in .3s; color: #fff; }
/* .sy_prolei ._list li ._txt ._st{ font-size: 28px; font-weight: bold; margin-bottom: 20px;} */
.sy_comshili li:hover ._txt { left: 0; }
.sy_comshili li:hover ._img { left: 100%; }
.sy_comshili ._txt { left: 0; background: url(/pc/images/bg2.png) right top; filter: alpha(opacity=0); opacity: 0; }
.sy_comshili:hover ._img { left: 0; }
.sy_comshili:hover ._img ._t { display: none; }
.sy_comshili:hover ._txt { filter: alpha(opacity=100); opacity: 1; }

.sy_comshili ._txt { padding: 22% 5% 16%; width: 91%; }
.sy_comshili ._txt ._st { position: absolute; top: 8%; padding-bottom: 10px; font-size: 20px; color: #fff; font-weight: bold; }
.sy_comshili ._txt ._st:after { content: ""; position: absolute; bottom: 0; left: 0; width: 50%; height: 1px; background-color: #fff; }

.sy_about_r { width: 38%; float: right; }
.sy_about_r2 { width: 49%; color: #fff; float: right; }
.sy_about_r2 img { width: 100%; height: auto; }
.sy_about_r2 dl { width: 100%; overflow: hidden; }
.sy_about_r2 dt { width: 100%; margin-top: 5px; overflow: hidden; }
.sy_about_r2 dt img { width: 100%; height: auto; }
.sy_about_r2 dd { width: 92%; background: #424355; overflow: hidden; padding: 4%; }
.sy_about_r1 dd strong, .sy_about_r2 dd strong, .sy_about_l dd strong { font-size: 24px; display: inline-block; font-weight: 500; margin-bottom: 10px; }
.sy_about_r1 dd p, .sy_about_r2 dd p { font-size: 14px; line-height: 24px; color: #fff; }
@media(min-width:1279px){
	.sy_about_l{width:720px;}
.sy_about_r1 p{height:auto;overflow:hidden;}
.sy_about_r2 p{height:auto;overflow:hidden;}
.sy_about_img {float:left;width: 130px;}
.sy_about_img img {width: 130px;}
.sy_comshili{width:572px;}

}

.sy_prolist_bg { width: 100%; overflow: hidden; margin: 40px auto 0; }
.sy_prolist { max-width: 1230px; margin: 50px auto 0; }
.sy_prolist_tit { width: 100%; overflow: hidden; /* background:url(/pc/images/index_02bg.jpg) no-repeat center top;*/ margin: 0 auto 20px; }
.sy_prolist_tit h2 { font-size: 42px; color: #000; padding-top: 5px; text-align: center; margin-top: 20px; }
.sy_prolist_tit p { color: #666; font-size: 16px; text-align: center; }
.sy_prolist li { width: 30.3333%; float: left; margin: 0 1.5%; }
.sy_prolist li h4 { font-size: 16px; color: #000; text-align: center; font-weight: 500; padding: 10px 0; }
.pro_tab { margin-top: 30px; }
.pro_tab ul { width: 100%; margin: 0 auto; }
.pro_tab li { padding: 15px 0; cursor: pointer; font-size: 18px; text-align: center; float: left; width:16.06%;*width:16.06%; background: #f4f4f4; color: #000; margin: 0 0.3% 0; display: block; }
.pro_tab li img { display: block; margin: 0 auto; text-align: center; }
.pro_tab li a { color: #fff; }
.pro_tab .current { background: #EB0001; color: #fff; }
.news_solution { margin-top: 58px; }
.cenNew_list h3 { width: 100%; font-size: 36px; color: #000; margin-bottom: 40px; background: url(/pc/images/new_ico.png) no-repeat left center; padding-left: 57px; text-align: left; }
.line1 { margin: 0 auto 10px; height: 4px; width: 60px; background: #ffba00; }

.cenNew_list { width: 50%; float: left; overflow: hidden;margin-top: -5px;}
.cenNew_list ul{clear:both;}
.cenNew_list ul li{position:relative;clear:both;text-align:left;border-bottom:1px dashed #ddd;padding: 8px 80px 8px 15px;line-height: 24px;}
.cenNew_list ul li::after{content:'';position:absolute;left:0px;top: 17px;width:6px;height:6px;background:#f00;border-radius:50%;}
.cenNew_list ul li span{position:absolute; right:0px; top:10px; }
.cenNew_list ul li a{font-size: 16px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.sy_solution { width: 45%; float: right; }
.sy_solution h3 { width: 100%; background: url(/pc/images/solution_ico.png) no-repeat left center; padding-left: 57px; text-align: left; font-size: 36px; color: #000; margin-bottom: 40px; }
.sy_solution dl { overflow: hidden; position: relative; margin-bottom: 30px; }
.sy_solution dl h4 { font-size: 22px; line-height: 40px; margin-bottom: 10px; font-weight: normal; color: #00132b; }
.sy_solution dt { margin-right: 1.5em; width: 162px; height: 118px; text-align: center; overflow: hidden; float: left; }
.sy_solution dt .solu_pc{display:block;}
.sy_solution dd {line-height: 26px; font-size: 14px; color: #666; overflow: hidden; }
.sy_solution dd p{font-size:14px;color:#666;line-height:24px; padding-bottom:5px; padding-left:29px;}
.sy_solution dd p a{color:#666;}
.sy_solution dd p a:hover{color:#f00;}
.sy_solution dd p.mobtwoicon01{background:url(/pc/images/mobtwoicon01.png) no-repeat left 1px; background-size:20px;}
.sy_solution dd p.mobtwoicon02{background:url(/pc/images/mobtwoicon02.png) no-repeat left 1px; background-size:20px;}
.sy_solution dd p.mobtwoicon03{background:url(/pc/images/mobtwoicon03.png) no-repeat left 1px; background-size:20px;}
.slide_nav { text-align: center; width: 100%; height: 25px; background: url(/pc/images/x.jpg) repeat-x left center; }
.slide_nav ul { background: #fff; display: inline-block; padding: 0 20px; overflow: hidden; margin: 0 auto; }
.slide_nav li { float: left; width: 16px; height: 16px; line-height: 99; overflow: hidden; border-radius: 50%; background-color: #424355; margin: 3px 5px 0; cursor: pointer; }
.slide_nav li.current { background-color: #EB0000; }
.sy_news .-news-tj { width: 45%; }
.pr { position: relative; }
.sy_news .-news-tj .word { background: url(/pc/images/black.6.png) repeat; position: absolute; bottom: 0; left: 0; margin-top: -30px; right: 0; padding: 15px 0 15px 5%; color: #fff; }
.sy_news .-news-tj .word ._tit { font-size: 18px; font-weight: normal; width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sy_news .-news-tj .word .date { display: block; width: 66px; height: 100%; background-color: #ffba00; text-align: center; position: absolute; right: 0; bottom: 0; font-family: Arial; }
.sy_news .-news-tj .word .date span { display: block; }
.sy_news .-news-tj .word .date .ri { font-size: 18px; line-height: 18px; padding: 4px 0; color: #fff; }
.sy_news .-news-tj .word .date .mon { font-size: 18px; line-height: 18px; display: inline-block; border-top: 1px #fff solid; padding-top: 4px; color: #fff; }
.rect-75 { padding-bottom: 69%; position: relative; display: block; width: 100%; height: 0; overflow: hidden; }
.sy_case { margin-top: 60px; background: url(/pc/images/case_bg.jpg) no-repeat center top #030303; padding: 20px 0 30px; }
.sy_case_tit { width: 100%; margin: 15px 0 40px; overflow: hidden; }
.sy_case_tit h2 { color: #fff; margin: 15px 0 0; text-align: center; font-size: 38px; font-weight: 500; }
.sy_case_tit p { color: #fff; }
.sy_case .bt1 { width: 24.5%; }
.sy_case .bt3 { width: 18%; }
.sy_case .bt4 { width: 19%;*width: 18%; }
.sy_case p { display: block; font-size: 16px; text-align: center; color: #fff; }
.sy_case .jt { width: 4%; margin:110px 1% 0 1%; }
.sy_case span { display: block; float: left; }
.sy_case .bt2 { display: block; float: left; width: 20%; overflow: hidden; }
.sy_case .bt2 li { width: 47%; margin-left: 3%;*margin-left: 2.9%; margin-bottom: 3%; float: left; position: relative; }
.sy_case .bt2 li img { display: block; }
/*footer*/
.foot_btm {padding: 7px 0; background: #182133; color: #fff; font-size: 15px; }
.foot_btm a { color: #fff; }
.foot_btm ._left { float: left; }
.foot_btm ._left b { padding: 0 5px; }
.foot_btm ._right { float: right; }
.foot_link {background: #f4f4f4;line-height:25px;font-size: 12px; color:#333}  .foot_link a{ color:#333}
/*footer*/
.home_foot_btm { height: 45px; line-height: 45px; padding: 7px 0; background: #eb0001; color: #fff; font-size: 15px; }
.home_foot_btm a { color: #fff; }
.home_foot_btm ._left { float: left; }
.home_foot_btm ._left b { padding: 0 5px; }
.home_foot_btm ._right { float: right; }
.bread { background: url(/pc/images/mess.jpg); width: 100%; overflow: hidden; height: 40px; }
.crusher_bread { height: 40px; margin: 0 auto; line-height: 40px; text-align: left; color: #777777; }
.crusher_bread a { color: #777777; }
.crusher_bread a:hover { text-decoration: underline; color: #C80000; }
.pro_top_jieshao h1 { font-size: 38px; color: #fff; background: url(/pc/images/prolist_x.png) no-repeat center top; width: 100%; text-align: center; overflow: hidden; margin: 0 auto; }
.pro_top_jieshao h1 a { color: #eb0001; }
.pro_top_ban {height: 99px;background-size: cover;padding-top: 110px;}
.pro_top_jieshao {width: 1200px; margin: 0 auto; z-index: 15; }
@media(max-width:1279px){
	.pro_top_jieshao {width: 1000px;}
}
.pro_top_pro { margin-top: 50px; }
.pro_top_left { width: 68.5%; float: left;  }
.pro_top_left img { display: block; margin: 0 auto; }
.pro_top_right { width: 28%; float: right; }
.pro_ad { color: #222; background: url(/pc/images/youshi_bg.png) no-repeat left center; line-height: 80px; height: 80px; text-align: left; margin-top: 30px; font-size: 16px; }
.pro_ad ul { padding-left: 130px; }
.pro_ad li { display: block; color: #fff; background: url(/pc/images/list_tick.png) no-repeat left center; padding-left: 30px; font-size: 17px; margin-right: 40px; float: left; }
.pro_top_right_miaoshu { width: 100%; height: 220px;*height: 225px; overflow: hidden; }
.pro_top_right_miaoshu p { margin-bottom: 15px; overflow: hidden; width: 100%; font-size: 15px; }
.pro_top_right_miaoshu p:last-child{margin-bottom:0px;}
.pro_top_right_miaoshu strong {color: #eb0001;font-weight: 600;width:90px;*width: 31%;font-size: 16px;display: inline-block;float: left;}
.pro_top_right_miaoshu p span {display: block;font-size: 14px;padding-left:90px;}
.pro_tel { margin-top: 25px; overflow: hidden; text-align: center; width: 100%; background: url(/pc/images/pro_tel.png) no-repeat 5px 8px; padding-left: 55px;}
.pro_tel span { font-size: 17px; width: 100%; text-align: left; float: left; overflow: hidden; }
.pro_tel p { font: bold 34px/38px Arial, Helvetica, sans-serif;*font-size:25px; color: #FF3D17; float: left; }
.pro_tel p a { color: #FF3D17; }
.pro_tel p strong { font: bold 40px/38px Arial, Helvetica, sans-serif;*font-size:30px; text-align: left; }
.price { width: 100%; overflow: hidden; margin-top: 30px; clear: both; background: url(/pc/images/zx.jpg) no-repeat left top; }
.price a { height: 60px; line-height: 60px; text-indent: 103px; width: 97%; float: left; font-size: 24px; }
.price a:hover { color: #666; }
@media(max-width:1279px){
	.pro_top_right_miaoshu {height:auto; }
	.pro_top_right_miaoshu p { margin-bottom: 10px;}
	.pro_tel,.price{margin-top:20px;}	
}
.pd_guide { margin-top: 60px; margin-bottom: 40px; }
.pd_guide li { width: 19.8%; *width: 19.7%;float: left; margin-right:0.2%; text-align: center; background-color: #f4f4f4; color:#000; }
.pd_guide a { display: block; color: #000; font-size: 20px; padding: 15px 0;}
.fixed .pdico { display: none; }
.pd_guide li.active a { background: #38425a; color: #fff; }
.pd_guide li.active a:after { display: block; }
.pro_con { margin-top: 30px; overflow: hidden; margin-bottom: 60px; }
.pro_con_left { width: 75%; float: left; /*margin-top: -15px;*/ }
.pro_con_left h3 { font-size: 24px; margin: 15px 0; color: #000; }
.pro_con_left p {text-align: left;margin: 10px 0;line-height: 26px;text-indent: 25px;}
.pro_con_left p img{margin-left:-25px;}
.pro_right { float: right; width: 19%; }
.pro_hot h4 { background: url(/pc/images/hot_tj.png) no-repeat left top; color: #fff; text-align: center; padding: 31px 0 18px; text-indent: 35px; margin-top: 10px; font-weight: 500; font-size: 22px; }
.pro_hot, .pro_more { overflow: hidden; margin: 0 auto; }
.pro_hot { padding: 0 3px; border: #d8d8d8 1px solid; width: 96%; }
.pro_hot ul { width: 85%; margin: 0 auto; padding: 7%; overflow: hidden; }
.pro_hot li { text-align: center; line-height: 30px; width: 100%; margin-bottom: 7px; float: left; }
.pro_hot li img { width: 100%; height: auto; }
.pro_more { margin-top: 20px; }
.pro_more h4 { font-size: 22px; text-align: left; text-indent: 60px; line-height: 30px; font-weight: 500; margin-bottom: 2px; color: #fff; background: url(/pc/images/more_tj.png) no-repeat 15px center #3a4352; padding: 10px 0; }
.pro_more ul li { margin-bottom: 2px; }
.pro_more ul li img { width: 10%; height: auto; }
.pro_more ul li a { background: #f1f1f1; padding-left: 40px; font-size: 16px; color: #333; display: block; height: 50px; line-height: 50px; }
.pro_more ul li a:hover { background: #eb0001; color: #fff; }
.nh_bann { overflow: hidden; position: relative; width: 100%; }
.nh_bann img { margin: 0 auto; width: 100%; display: block; text-align: center; }
.nh_bann .wrap { height: 100%; }
.nn_bann_box { position: relative; }
.nn_bann_box .wrap { position: absolute; width: 1000px; top: 35px; left: 50%; margin-left: -600px; }
.nh_word { width: 15%; margin-top: -150px; position: absolute; z-index: 9999; background: url(/pc/images/yd.png) repeat; color: #fff; padding: 1.5% 0 1.5% 3%; }
.nh_word:before { content: ''; width: 31px; height: 31px; background: url(/pc/images/nh_bn.png) no-repeat; position: absolute; left: 0; top: 0; }
.nh_word .nh_channel { font-size: 32px; }
.nh_word .posi { font-weight: normal; font-size: 14px; }
.nh_word .posi a { color: #fff; }
.main_bar { padding: 30px 0; }
.newslist_top { margin-top: 60px; overflow: hidden; }
.newslist_top_l { width: 50%; float: left; }
.pr { position: relative; }
.newslist_top_l img { width: 100%; height: auto; }
.newslist_top_l .word { background: url(/pc/images/black.6.png) repeat; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 0 15px 5%; color: #fff; }
.newslist_top_l .word ._tit { font-size: 18px; font-weight: normal; width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newslist_top_l .word .date { display: block; width: 66px; height: 100%; background-color: #ffba00; text-align: center; position: absolute; right: 0; bottom: 0; font-family: Arial; }
.newslist_top_l .word .date span { display: block; }
.newslist_top_l .word .date .ri { font-size: 18px; line-height: 18px; padding: 4px 0; color: #fff; }
.newslist_top_l .word .date .mon { font-size: 18px; line-height: 18px; display: inline-block; border-top: 1px #fff solid; padding-top: 4px; color: #fff; }
.newslist_top_r { width: 45%; float: right; }
.newslist_top_r li { overflow: hidden; border-bottom: 1px #d8d8d8 dashed; margin-bottom: 18px; padding-bottom: 23px; }
.newslist_top_r li a * { cursor: pointer; }
.newslist_top_r li ._time { float: left; font-family: Arial; width: 15%; color: #3d3d3d; text-align: center; }
.newslist_top_r li ._time ._ri { display: block; font-size: 50px; font-weight: 100; color: #333; text-align: center; line-height: 50px; }
.newslist_top_r li ._time ._year { display: block; font-size: 14px; }
.newslist_top_r li ._intnew { float: left; width: 85%; }
.newslist_top_r li ._intnew ._title { padding-bottom: 7px; font-size: 22px; font-weight: 100; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newslist_top_r li ._intnew ._text { margin-top: 5px; height: 54px; line-height: 27px; overflow: hidden; }
.newslist_top_r li a:hover ._time, .newslist_top_r li a:hover ._intro ._title { color: #fb9528; }
.newslist_top_r._title { position: absolute; left: 0; bottom: 0; width: 100%; height: 59px; line-height: 59px; font-size: 18px; color: #ffffff; text-align: center; background: rgba(0,0,0,.60); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); }
.hy_new { background: #f4f4f4; overflow: hidden; margin: 50px 0 10px; padding: 50px; }
.hy_new_tit { margin-bottom: 30px; }
.hy_new_tit h3 { font-size: 40px; text-align: center; font-weight: 600; color: #000; text-align: center; }
.hy_new_tit span { font-size: 14px; font-weight: 500; color: #999; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; }
._h4_tit { font-size: 16px; text-align: center; color: #666464; width: 70%; margin: 10px auto 40px; }
.hy_new li { width: 22%;*width: 21.8%; margin: 0 1.5%; float: left; }
.hy_new ._title { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 10px 0; }
.hy_new ._text { font-size: 14px; color: #747474; height: 44px; line-height: 22px; overflow: hidden; }
.inews_items .hd { margin-top: 50px; }
.inews_items .hd ul { font-size: 0; text-align: center; }
.inews_items .hd li { display: inline-block; border: 1px #707070 solid; width: 9px; height: 9px; line-height: 99; overflow: hidden; margin: 0 4px; border-radius: 50%; cursor: pointer; *display: inline; *zoom: 1; }
.inews_items .hd li.on { border-color: #88b82a; background-color: #88b82a; }
.hy_new ._full { left: 0; top: 0; width: 100%; *width: 264px; }
.hy_new .imgZoom { overflow: hidden; width: 100%; overflow: hidden; }
.news-title { overflow: hidden; margin-bottom: 30px; }
.news-title ul { width: 100%; margin: 0 auto; }
.news-title ul li { float: left; width: 24.8%;*width: 24.6%; height: 70px; cursor: pointer; line-height: 70px; font-size: 20px; margin-right: 0.2%; cursor: pointer; background: #f1f1f1; text-align: center; }
.news-title ul li.current { background:#eb0001; color: #fff; }
.news-title ul li.tab-on a { color: #fff; }
.new_tit { width: 100%; margin: 40px auto 30px; overflow: hidden; }
.new_tit h3 { font-size: 40px; text-align: center; font-weight: 600; color: #000; text-align: center; }
.new_tit span { font-size: 14px; font-weight: 500; color: #999; font-family: Arial, Helvetica, sans-serif; }
.new_tit a:hover { color: #ff4a00; }
.xg_zs { width: 100%; margin-bottom: 70px; overflow: hidden; }
.xg_zs ul { overflow: hidden; margin-left: -3%;}
.xg_zs li {position: relative;padding-left: 75px;margin-top: 30px;width: 47%;margin-bottom: 2%;float: left;-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: 3%;}
.xg_zs li .date { position: absolute; left: 0; top: 6px; width: 55px; border: 1px #ccc solid; text-align: center; }
.xg_zs li .date span { display: block; font-family: Arial; }
.xg_zs li .date .day { font-size: 30px; font-weight: bold; background-color: #ccc; line-height: 45px; color: #fff; }
.xg_zs li .date .year { font-size: 0.77em; color: #565656; }
.xg_zs li h4 { font-size: 19px; font-weight: 500; color: #00132b; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.xg_zs li .p { line-height: 1.8; height: 38px; color: #666; }
.xg_zs li:hover .date { border-color: #424355; }
.xg_zs li:hover .date .day { background-color: #424355; }
.xg_zs li:hover .title { color: #FF3F3C; }
.xg_zs .more_bg { background: url(/pc/images/newtitbg.jpg) repeat-x left center; display: block; width: 100%; margin: 0 auto; margin-top: 60px; overflow: hidden; }
.xg_zs .more { padding: 12px 20px; margin: 0 auto 0; display: block; width: 200px; overflow: hidden; text-indent: 80px; margin-left: 38%; text-align: left; border: #272c4c 2px solid; background: #fff url(/pc/images/more.png) no-repeat 40px center; font-size: 18px; color: #000; }
.xg_zs .more:hover { background: #fdcc05 url(/pc/images/more.png) no-repeat 40px center; color: #000; }
.pro_cate { margin: 60px auto 60px; text-align: center; max-width: 1200px; position: relative; height: 100px; line-height: 100px; background: #f0f0f0; }
.pro_cate ul { margin-left: 25px; }
.pro_cate li { *float: left; margin: 0 1%; float: left; width: 14.5%; border-right: #fff 1px solid; }
.pro_cate li a { display: block; font-size: 16px; color: #333; margin-left: -27px; height: 120px; z-index: 9; zoom: 1; }
.pro_cate li ._ico { display: inline-block; width: 63px; height: 63px; margin-top: 8px; background: url(/pc/images/news_tab_ico.png) no-repeat center top; }
.pro_cate li ._ico1 { background-position: 0 0; }
.pro_cate li ._ico2 { background-position: -63px 0; }
.pro_cate li ._ico3 { background-position: -126px 0; }
.pro_cate li ._ico4 { background-position: -189px 0; }
.pro_cate li ._ico5 { background-position: -252px 0; }
.pro_cate li ._ico5 { background-position: -252px 0; }
.pro_cate li ._ico6 { background-position: -315px 0; }
.pro_cate li ._t { font-size: 16px; margin: 0; padding: 0; line-height: 28px; color: #272c4c; font-weight: 500; }
.pro_cate ul li a.act { background: #FEDE00; color: #fff; margin-top: -10px; padding-top: 10px; height: 110px; }
.product-list { overflow: hidden; max-width: 1230px; margin: 0 auto 40px; min-height: 572px;}
.product-list ul { margin-bottom: 30px; overflow: hidden; }
.product-list li { width: 22%; *width: 21.8%;float: left; text-align: center; margin: 0 1.5% 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; vertical-align: top; }
.product-list li img { width: 100%; height: auto; margin-bottom: 4px; }
.product-list li a { font-size: 14px; line-height: 27px; }
.product-list li h4 { font-size: 15px; font-weight: 500; }
.contact_ban { height: 100%; left: 0%; overflow: visible; }
.contact_ban img { display: block; width: 100%; margin: 0 auto; position: relative; }
.contact_ban_zi { text-align: center; position: absolute; color: #fff; width: 100%; float: left; top: 32%; padding: 2% 0; }
.contact_ban_zi h3 { font-size: 50px; color: #fff; margin-bottom: 30px; font-weight: 500; }
.contact_ban_zi p { font-size: 17px; line-height: 36px; width: 1000px; margin: 0 auto; text-align: center; }
.contact-wz { width: 100%; }
.contact ul li img { display: block; text-align: center; margin: 10px auto 0; }
.con_tit { width: 100%; }
.con_tit p { width: 75%; float: left; padding-left: 60px; font-size: 26px; font-weight: 500; color: #000; line-height: 70px; height: 70px; }
.con_tit .online { float: right; margin: 13px 0; height: 44px; line-height: 44px; border-radius: 30px; width: 15%; font-size: 16px; color: #fff; text-indent: 40px; text-align: center; }
.con_tit .online a { color: #fff; }
.con_tit .online a:hover { color: #fc0; }
.lianxi_bg { background: url(/pc/images/contact_ban.jpg) repeat-x center top; height: 600px; width: 100%; overflow: hidden; }
.lianxi { margin-top: 30px; margin-bottom: 40px; }
.lianxi_con { width: 100%; margin: 0 auto; overflow: hidden; }
.lianxi h3 { font-size: 24px; color: #000; text-align: left; line-height: 59px; width: 100%; float: left; margin-bottom: 15px; overflow: hidden; }
.fl { width: 50%; float: right; padding: 30px 0 50px 50px;  background: url(/pc/images/wd.png) repeat;margin-top: 50px; }
.fl p { line-height: 36px; }
.fl p strong { font-size: 16px; color: #000; }
.fr { width: 43%; float: right; margin-top: 10px; margin-bottom: 30px; }
.arrow { padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #E3E3E3; color: #454545; font: 18px 'Microsoft Yahei'; }
.p1 span { color: #0755c9; }
.h { color: #222; font: bold 24px 'Microsoft Yahei'; line-height: 200%; }
.p2 { font: 16px 'Microsoft Yahei'; color: #000; line-height: 26px; margin: 10px 0; }
.fl .t1 { font-size: 32px; font-weight: bold; color: #eb0001; line-height: 150%; }
.lx_list { width: 1280px; overflow: hidden; margin: 40px auto 60px; }
.lx_list ul{margin-left: 20px; overflow: hidden;}
.lx_list h3 { font-size: 40px; margin: 8px 0; text-align: center; color: #eb0001; }
.lx_list p { font-size: 17px; text-align: center; color: #666; margin-bottom: 30px; }
.lx_list li { float: left; width: 20%;*width:19.9%; border: #d8d8d8 1px solid; padding: 1%; margin: 0 1.3% 30px; }
.lx_list li img { display: block; margin: 0 auto; text-align: center; width:40%; margin-bottom:10px; }
.lx_list li h4 { text-align: center; width: 100%; font-size: 24px; }
@media(max-width:1279){
	.lx_list{width:1000px;}
    .lx_list li h4 {font-size: 20px; }
}
.zixun1 { display: block; margin-top: 15px; width: 250px; height: 50px; text-align: center; line-height: 50px; background: #0070C0; font-size: 18px; }
.zixun1 a { color: #fff; }
.news { margin-top: 70px; }
.news_tab { width: 18%; float: right; }
.news_tab li { text-align: center; padding: 30px 0; margin-bottom: 1%; float: left; width: 100%; border-right: #fff 1px solid; background-color: #f1f1f1; }
.news_tab li ._ico { display: inline-block; width: 64px; height: 61px; background-repeat: no-repeat; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_tab li ._ico1 { background-position: 0 0; }
.news_tab li ._ico2 { background-position: -64px 0; }
.news_tab li ._ico3 { background-position: -128px 0; }
.news_tab li ._t { font-size: 18px; color: #000; }
.news_tab li.cur, .news_tab li:hover { background-color: #424355; }
.news_tab li.cur ._t, .news_tab li:hover ._t { color: #fff; }
.news_tab li.cur ._ico, .news_tab li:hover ._ico { background-image: url(/pc/images/news_ico.png); transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.news-list { width: 70%; float: left; margin-bottom: 60px; }
.news-list li { padding-bottom: 25px; margin-bottom: 25px; width: 100%; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.news-list li img { float: right; margin-top: 40px; }
.news-list li ._date { float: left; width: 9%; background: #e9e9e9; text-align: center; height: 110px; font-family: arial; color: #182133; }
.news-list li ._date span { display: block; }
.news-list li ._date ._d1 { font-size: 44px; line-height: 46px; padding-top: 20px; }
.news-list li ._nr { float: left; width: 77%; margin-left: 3%; }
.news-list li ._title { font-size: 17px; font-weight: normal; color: #000; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
._time1 { color: #666; margin: 3px 0; background: url(/pc/images/b.jpg) no-repeat left center; padding-left: 20px; }
.news-list li ._sum { line-height: 24px; height: 48px; overflow: hidden; color: #565656; margin-top: 8px; }
.news-list li :hover ._title { color: #182133; }
.news-list li :hover ._date { background: #182133; color: #fff; }
.news_tit_more { margin-bottom: 40px; }
.news_detail { width: 74%; float: left; }
.news_detail ._head { width: 100%; overflow: hidden; }
.news_detail ._head h1 { font-size: 31px; text-align: left; color: #000; line-height: 1.4; font-weight: bold; text-align: center; }
.news_detail ._tools { padding: 10px 0; color: #999999; }
.news_detail .ion { font-size: 16px; font-weight: normal; vertical-align: top; }
.news_detail ._tools ._tool { height: 50px; line-height: 50px; margin: 0 4px; display: inline-block; vertical-align: middle; }
.nd_menus span { display: block; float: left; margin-left: 5px; }
.jl5 { margin-top: 5px; }
.tit_left { width: 60%; margin-top: 15px; }
.news_detail .fx { width: 40%; float: left; }
.news_detail .fx span { display: block; float: left; }
.news_detail_con { width: 100%; margin-top: 20px; }
.news_detail_con video {clear: both; margin:0 auto; display: block;width:700px;}
.news_detail_con a { color: #eb0001; }
.news_detail_con p { margin: 15px 0; text-indent: 25px; line-height: 30px; font-size: 15px; }
.news_detail .myart { padding: 20px 0; line-height: 2; }
.news_detail .myart img { display: block; margin: 0 auto; }
.news_detail ._detailPage_bottom { border-top: 1px solid #cccccc; }
.news_detail ._detailPage_bottom li { height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #cccccc; }
.news_detail ._detailPage_bottom ._mark { width: 104px; font-size: 16px; float: left; margin-right: 10px; text-align: center; }
.news_detail ._detailPage_bottom ._title { font-size: 18px; float: left; width: 68%; color: #000; }
.news_detail ._detailPage_bottom ._time { float: right; color: #999; }
.daodu { width: 84%; padding: 2% 1% 2% 15%; margin-bottom: 35px; background: #f4f4f4 url(/pc/images/wxts.png) no-repeat 20px 15px; overflow: hidden; }
.daodu p { display: inline-block; margin: 5px 0 10px; text-indent: 0; }
.daodu_lx { width: 100%; }
.daodu_lx .tel {background: url(/pc/images/new_tel.png) no-repeat left bottom;padding: 18px 0 0 50px;color: #666;margin: 20px 0 0 5%;font-size: 16px;}
.daodu_lx .tel strong { font-size: 26px; color: #FE4042; }
.daodu_lx .tel strong a { color: #FE4042; }
.daodu_lx .chat {background: #FF3D17;margin-left: 10%;color: #fff;font-size: 18px;padding: 10px 30px;}
.daodu_lx .chat a { color: #fff; }
.news_right { width: 16%; float: right; border: 1px solid #dbdbdb; padding: 20px; }
.news_right_pro { width: 99.2%; overflow: hidden; }
.news_right_pro h4 { font-size: 26px; margin-bottom: 15px; text-align: left; }
.news_right_pro ul { width: 100%; margin: 0 auto; }
.news_right_pro ul li { text-align: center; line-height: 40px; }
.news_right_pro ul li img { width: 100%; height: auto; }
.xg_news_tit { width: 100%; overflow: hidden; z-index: 10; height: 40px; }
.xg_news_tit h4 { background: none; border-bottom: 0; color: #333; overflow: hidden; padding: 0; text-align: center; line-height: 42px; height: 41px; background: #fff; border-top: 3px solid #e96a59; border-right: 1px solid #d8d8d8; font-size: 26px; float: left; position: absolute; width: auto; padding: 0 15px; }
.xg_news_tit span { text-align: right; margin-right: 20px; line-height: 41px; display: block; float: right; }
.xg_news a {color: #555;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.xg_news a:hover { color: #db0000; }
.xg_news ul { width: 100%; overflow: hidden; margin: 2% 0 1% 1%; }
.xg_news li {width: 47%;margin: 0 2% 0 0;float: left;height: 40px;font-size: 15px;line-height: 40px;background: url(/pc/images/new_ico.jpg) no-repeat 0px center;text-indent: 25px;}
.xg_news { border: 1px solid #d8d8d8; border-top: none; background: url(/pc/images/news_lm.png) repeat-x; margin: 3% auto; overflow: hidden; }
.prolist { margin: 60px auto 30px; }
.prolist_r { width: 27%; float: right; margin-top: -40px; }
.prolist_r h3, .prolist1_l h3 {font-size: 38px;color: #222;text-align: left;overflow: hidden;}
.prolist_r h3 span, .prolist1_l h3 span { font-size: 96px; font-style: italic; color: #eb0001; margin-right: 10px; }
.prolist_tit1 h3 { font-size: 38px; color: #222; width: 200px; padding: 0 25px; text-align: center; border: #222 1px solid; background: #fff; overflow: hidden; margin: 0 auto; }
.prolist_tit h3 a, .prolist_tit1 h3 a { color: #eb0001; }
.prolist_tit1 h3 { background: #f4f4f4; }
.prolist_r p, .prolist1_l p { font-size: 16px; margin-bottom: 15px; line-height: 32px; }
.more_detail {display: block;background: #fdcc05 url(/pc/images/s.png) 90% center no-repeat;width: 80%;color: #000;text-align: center;padding: 12px 30px 12px 0;float: left;font-size: 22px;background-size: 30px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.prolist_pic1 { float: right; overflow: hidden; }
.prolist_img { float: left; width: 69%; }
.prolist ul, .prolist1_bg ul { margin-bottom: 30px; margin-top: 40px; overflow: hidden; }
.prolist li, .prolist1_bg li {border: 1px dashed #999;background: #fff;float: left;padding: 10px 19px;overflow: hidden;margin: 0 5px 13px 0;}
.prolist_r li a { color: #555; }
.prolist1_bg { width: 100%; background: #f4f4f4; padding: 50px 0 20px; }
.prolist1_l {width: 27%;float: left;margin-top: -33px;}
.prolist1_img { float: right; width: 69%; }
.wenda { width: 100%; margin-top: 30px; overflow: hidden; }
.wenda_tit { background: url(/pc/images/wd_tit.png) no-repeat left top; color: #000; font-size: 28px; height: 66px; margin-bottom: 35px; line-height: 66px; text-indent: 75px; }
.wenda li { width: 100%; margin: 10px auto 30px; }
.wenda .wenti { width: 100%; overflow: hidden; }
.wenda .wenti dt { width: 6.5%; float: left; }
.wenda .wenti dd { width: 92%; float: right; margin-top: 16px; font-size: 16px; }
.wenda .wenti dd span { color: #000; }
.wenda .daan { width: 97.8%; padding: 1%; overflow: hidden; margin-top: 15px; border: #ccc 1px dashed; }
.wenda .daan dl { width: 100%; background: #f2f2f2; padding: 5px 0; text-indent: 20px; overflow: hidden; }
.wenda .daan dt { width: 4.5%; float: left; }
.wenda .wenti dt img, .wenda .daan dt img { border-radius: 50%; border: 1px solid #e8e8e8; width: 100%; height: auto; }
.wenda .daan dd { width: 94%; float: right; margin-top: 8px; color: #4297db; font-size: 16px; }
.wenda .daan .da { width: 100%; margin-top: 15px; padding-top: 5px; overflow: hidden; }
.wenda .icons { background: url(/pc/images/relate-icons.png) no-repeat; }
.wenda .d { width: 24px; height: 24px; line-height: 24px; margin: 0 0 0 10px; font-size: 14px; font-style: normal; color: #fff; text-align: center; float: left; }
.wenda p { float: right; width: 95%; text-indent: 0; margin: 0; }
.solution { max-width: 1250px; margin: 0 auto; margin-top: 87px; margin-bottom: 10px; overflow: hidden; }
.solution li { width: 29.3333%;*width: 29.2%; height: 470px; margin: 0 2% 0; float: left; }
.solution li img { width: 100%; height: auto; }
.solution .jianjie { width: 100%; }
.solution .jianjie p { font-size: 14px; }
.solution .jianjie p span { color: #ED1C24; }
.solution .more { width: 120px; border-bottom: 2px solid #ccc; line-height: 42px; margin-top: 16px; }
.solution .more a { color: #F29C06; font-size: 14px; }
.solution h2 { font-size: 20px; font-weight: bold; line-height: 26px; }
.solution_text { border-bottom: 4px solid #f2f2f2; padding: 0 23px 15px 0; }
.case_text .details a { color: #ff9900; text-decoration: none; }
.hover-more .more-show h2 { margin: 0; padding: 0; }
.hover-more .more-show h2 a { display: inline-block; color: #333; margin-top: 20px; margin-bottom: 15px; }
.hover-more:hover .more-show { border-bottom-color: #ff9900; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.hover-more:hover .more-show h2 a { margin-top: 25px; }
.hover-more .more-show h2 a { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.solution_text .details { display: inline-block; margin-top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.hover-more:hover .details { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); margin-top: 20px; }
.solution img:hover { filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.index_case_text { border-bottom: 4px solid #f2f2f2; padding: 0 13px 0 13px; }
.details { margin-top: 17px; margin-bottom: 15px; text-decoration: underline; }
.index_case_text .details { display: inline-block; margin-top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.case_banner {height: 500px; background: url("/pc/images/ser_ban.jpg") no-repeat center top; margin-bottom: 28px; background-size: cover;}
.case_banner .text {/*background: url("/pc/images/yd01.png") repeat;*/ background:rgba(0,0,0,0.5);  padding: 35px 35px 30px; }
.case_banner .text p { color: #fff; }
.case_banner_zi { width: 58.33333333%; margin-top: 15%; }
.case_banner h3 { font-size: 36px; margin-bottom: 15px; color: #fff; }
.ser_banner {height: 600px; background: url(/pc/images/service_ban.jpg) no-repeat center top; margin-bottom: 28px; background-size: cover;}
.ser_banner .text { background-color: rgba(253,204,5,0.7); padding: 35px 35px 30px; }
.ser_banner .text p { color: #fff; }
.ser_banner_zi { width: 58.33333333%; float: right; margin-top: 15%; }
.ser_banner h3 { font-size: 36px; margin-bottom: 15px; color: #fff; }
.case_detail { margin-top: 50px; margin-bottom: 40px; }
.case_detail h1 { font-size: 36px; color: #202020; text-align: center; }
.case_detail img { display: block; margin: 30px auto; text-align: center; }
.case_detail_zi { width: 96%; padding: 2%; overflow: hidden; }
.case_detail_h3 { font-size: 28px; margin: 70px 0 0; background: url(/pc/images/case_xq.png) left top no-repeat; border-bottom: #EA0001 4px solid; line-height: 51px; color: #fff; text-indent: 70px; height: 50px; }
.case_detail_zi p { line-height: 32px; text-indent: 25px; margin: 8px 0; }
.case_detail_zi p strong { font-size: 20px; color: #eb0001; font-weight: 500; margin: 8px 0; }
.case_tit { text-align: center; background: url(/pc/images/case_bg2.png) center bottom no-repeat; margin: 0 auto 30px; width: 140px; padding-bottom: 10px; overflow: hidden; }
.case_tit h2 { font-size: 34px; text-align: center; font-weight: 500; color: #333; margin: 0 auto; }
.case_detail_zi h3 { font-size: 24px; color: #000; }
.case_detail ul { width: 90%; overflow: hidden; margin: 30px auto 10px; }
.case_detail li { width: 46%; margin: 0 2%; float: left; }
.case_detail li p { margin: 10px 0; text-indent: 0; text-align: center; }
.case_detail li img { margin: 0; }
.case_detail li .pro_tit { text-align: center; }
.xg_casedetail { margin-bottom: 50px; }
.xg_casedetail li { width: 22%; float: left; margin: 0 1.5%; overflow: hidden; }
.xg_casedetail li img { width: 100%; height: auto; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 100%; height: auto; }
.xg_casedetail li:hover img { filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.xg_casedetail li h4 { display: inline-block; width: 100%; margin: 15px 0; text-align: center; color: #333; font-weight: 400; font-size: 15px; position: relative; }
.xg_casedetail li h4:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: lineout .5s infinite; -webkit-animation: lineout .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: -15px; left: 0; display: inline-block; content: ""; height: 3px; width: 0; background: #FF3F3C; }
.xg_casedetail li:hover h4:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: linemove .5s infinite; -webkit-animation: linemove .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: -15px; left: 0; display: inline-block; content: ""; height: 3px; width: 100%; background: #FF3F3C; }
.xg_casedetail li:hover h4 { color: #FF3F3C; }
.floating_ck {position: fixed;right: 0;top: 50%;*top:45%;width: 105px;z-index: 999999;margin-top: -50px;}
.floating_ck dl dd { background:#E60012;margin-bottom: 3px; text-align: center; cursor: pointer; }
.floating_ck dl dd a { display: block; margin: 0 auto; text-align: center; }
.floating_ck dl dd:hover .floating_left { display: block; }
.quote, .qrcord,.rwmicon {padding:8px 0 5px;}
.rwmicon{position:relative;}
.rwmicon .floating_ewm{transition:all 0.5s; -webkit-transition:all 0.5s;position: absolute;left: 0px;bottom: 0px;width: 0px;padding: 0px;margin: 0px;z-index: 999;height: 0px;background: #fff;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.rwmicon:hover .floating_ewm{transition:all 0.5s; -webkit-transition:all 0.5s; width:124px; height:124px; left:-124px; padding:5px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.floating_ck dl dd a, .floating_ck dl dd p { color: #fff; }
.floating_ck dl dd a.pc_pc{display:block;}
.floating_left { position: absolute; left: -190px; top: 230px; width: 300px; z-index: 999; height: 73px; line-height: 73px; background: #E60012; display: none; }
.floating_left a { color: #fff; }
.floating_ewm i { display: block; width: 145px; height: 145px; margin: auto; margin-top: 7px; }
.floating_ewm p { color: #Fff; }
.floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; }
.floating_ewm .qrcord_p02 { font-size: 20px; }
.pro-fixed { position: fixed; bottom: 0; left: 0; z-index: 999; margin: 0; padding: 0; width: 100%; box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); -webkit-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); -moz-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); }
.pro-fixed a { float: left; display: block; }
.pro-fixed a img { display: block; text-align: center; margin: 5px auto 0; }
.pro-fixed p { text-align: center; height: 40px; line-height: 40px; margin: 0; text-indent: 0; }
.pro-fixed a:hover p { color: #fff; }
.pro-fixed a.clear-bor { border-right: none; }
.mb_home, .mb_pro { background: rgba(255,255,255,.8); width: 18%; border-right: #d8d8d8 1px solid; }
.mb_home p, .mb_pro p { color: #000; }
.mb_zx { width: 25.6%; }
.mb_tel { width: 37.6%; }
.mb_name { font-size: 24px; text-align: center; font-weight: 600; }
.mb_zx { background: rgba(39,44,76,.8); }
.mb_tel { background: rgba(235,0,1,.8); }
.mb_zx p { color: #fff; }
.mb_tel p { color: #fff; font-family: Arial, Helvetica, sans-serif; }
#backtitle { font-size: 26px; font-weight: 600; color: #000; margin: 10px 0 10px 0; }
.com_ban { width: 100%; overflow: hidden; }
.com_ban img { display: block; text-align: center; margin: 0 auto; width: 100%;}
.com_con { margin-top: 50px; }
.com_con h3 { text-align: center; margin-bottom: 30px; color: #000; font: bold 42px/42px 微软雅黑; }
.com_con p { text-indent: 25px; line-height: 32px; font-size: 15px; margin: 8px 0; }
.about_box3 { height: 533px; }
.about_box3 .ab3_img {width: 50%;background: url(/pc/images/a3_bg.jpg) right top no-repeat;height: 100%;}
.ab3_img > ul {padding-top: 40px;float: right;width: 500px;}
.ab3_img li {width: 45%;margin: 5% 5% 1.5% 0;float: left;}
.ab3_img li img { display: block; text-align: center; width: 30%; margin: 0 auto 20px; }
.ab3_img li .img:after { content: ''; width: 50px; height: 3px; background-color: #ffd900; position: absolute; bottom: 0; left: 50%; margin-left: -25px; }
.ab3_img li h3 { font-size: 26px; text-align: center; color: #fff; }
.ab3_img p { font-size: 13px; text-align: center; color: #fff; height: 42px; overflow: hidden;}
.about_box3 .ab3_con {width: 50%;height: 100%;background-color: #ffd900;}
.about_box3 .ab3_con .box {width: 500px;padding: 10% 0 0px 10%;color: #624031;float: left;box-sizing: border-box;}
.ab3_con .box .a3_t { font-size: 42px; color: #000; }
.ab3_con .box .a3_p { font-weight: bold; font-size: 22px; }
.ab3_con .box .a3_con { font-size: 110%; margin-top: 30px;*margin-top: 20px; line-height: 30px;*line-height:25px; }
@media(min-width:1200px){
	.ab3_img > ul{width:600px;}
	.about_box3 .ab3_con .box{width:600px;}
}
.digital {overflow: hidden; }
.digital ul { width: 90%; margin: 0 auto; }
.digital li { width: 22%;*width: 21.8%; float: left; margin: 25px 1.5% 30px; }
.digital li img { display: block; width: 60%; text-align: center; margin: 0 auto; }
.digital li p { font-size: 16px; text-align: center; color: #000; margin-top: 15px; text-indent: 0; }
.com_ca { margin-top: 30px; background: #f4f4f4; padding: 60px 0; }
.com_ca dt { float: left; width: 52%; }
.com_ca dd { width: 43%; margin-top: 50px; float: right; }
.com_ca dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.com_ca dd p { line-height: 30px; font-size: 15px; }
.com_huanjing { margin-top: 60px; margin-bottom: 60px; }
.com_huanjing dt { float: right; width: 50%; }
.com_huanjing dd { width: 45%; margin-top: 80px; float: left; }
.com_huanjing dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.com_huanjing dd p { line-height: 30px; font-size: 15px; }
.ser_lc { margin-top: 53px; width: 100%; padding: 0 0 60px 0; overflow: hidden; }
.ser_lc h3 { font-size: 40px; margin: 40px 0 10px 0; color: #000; text-align: center; }
.ser_lc p { text-align: center; font-size: 15px; margin-bottom: 20px; }
.ser_lc h4 { color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width: 16.6%; background: url(/pc/images/lc_line.png) no-repeat right 63px; }
.ser_lc li img { display: block; width: 60%; margin: 0 auto; text-align: center; }
.com_adv { width: 100%; height: 545px; background: #e5e5e5; }
.com_adv-bx-z { float: left; width: 54%; background: #f4f4f4; height: 545px; padding: 108px 75px 0 60px; box-sizing: border-box; *width: 405px; *height: 437px; }
.com_adv-bx-z h2 { font-size: 55px; color: #eb0001; }
.com_adv-bx-z h2 span { font-size: 23px; font-weight: normal; width: 115px; display: block; border-bottom: 5px solid #2b2b2b; height: 35px; margin-top: 30px; }
.com_adv-bx-z p { font-size: 18px; color: #2b2b2b; line-height: 32px; margin: 8px 0 15px 0; background: url(/pc/images/ser_ico.png) no-repeat left 0px; text-indent: 45px; }
.com_adv-bx-z h4 { font-size: 34px; color: #2b2b2b; margin-bottom: 20px; }
.com_adv-bx-y { float: right; background: url(/pc/images/ser1.jpg) no-repeat; height: 545px; width: 46%; }
.com_adv-bx-y .wz { width: 465px; height: 171px;background: url(/pc/images/hd.png) repeat; margin-top: 186px; padding: 18px 35px 0 40px; box-sizing: border-box; *width: 390px; *height: 147px; }
.com_adv-bx-y .wz h4 { color: #fff; font-size: 26px; margin-bottom: 8px; }
.com_adv-bx-y .wz p { font-size: 13px; color: #fff; line-height: 21px; }
.ser_pj { margin-top: 80px; }
.ser_pj dt { float: left; width: 50%; }
.ser_pj dd { width: 45%; margin-top: 80px; float: right; }
.ser_pj dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.ser_pj dd p { line-height: 30px; font-size: 15px; }
.ser_jishu { margin-top: 50px; }
.ser_jishu dt { float: right; width: 50%; }
.ser_jishu dd { width: 44%; padding: 60px 30px 0 0; height: 325px; float: left; }
.ser_jishu dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.ser_jishu dd p { line-height: 30px; font-size: 15px; }
.ser_shili { margin-top: -80px; }
.ser_shili ul { width: 100%; }
.ser_shili li { width: 22%;*width: 21.9%; margin: 0 1.5%; float: left; }
.ser_con { margin-top: 50px; margin-bottom: 60px; font-size: 16px; line-height: 36px; }
.ser_con h3 { font-size: 40px; margin-bottom: 25px; text-align: center; color: #000; }
.mao1 { display: inline-block; width: 26px; margin: 0 20px 0 0; height: 32px; background: url(/pc/images/yihao_left.png) 0 no-repeat; }
.mao2 { display: inline-block; width: 26px; margin: 0 0 0 20px; height: 32px; background: url(/pc/images/yihao_right.png) 0 no-repeat; }
.ser_con p { text-indent: 25px; margin: 8px 0; }
.releate { border: 1px solid #e1e1e1; border-top: none; background: url(/pc/images/news_lm.png) repeat-x; margin: 3% 0 1% 0; width: 99%; overflow: hidden; }
.releate ul { width: 100%; overflow: hidden; margin: 15px 0 10px 0; float: left; }
.releate h4 { display: block; float: left; padding-left: 20px; padding-right: 20px; text-align: center; font-size: 26px; color: #000; line-height: 42px; height: 41px; background: #fff; border-top: 3px solid #e96a59; border-right: 1px solid #eee; }
.releate li { width: 47%; margin: 0 2% 0 0; float: left; height: 36px; line-height: 36px; background: url(/pc/images/new_ico.jpg) no-repeat 15px center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-indent: 45px; }
.foot_yd { width: 94%; margin-top: 30px; background: #EFE2C0; padding: 3%; overflow: hidden; }
.foot_yd_top { border: #BD8824 2px dashed; padding:3% 2% 3%; width: 96%; margin: 0 auto; overflow: hidden; }
.foot_yd_top .w1 {width: 35%;margin-right: 2%;}
.foot_yd_top .w2 { width: 28%; }
.foot_yd_top .w3 {width: 35%;}
.foot_yd_top dl { float: left; width: 100%; overflow: hidden; }
.foot_yd_top dt {width: 60px;margin-right: 8px;display: inline-block;height: 60px;float: left;}
.foot_yd_top dd { float: left; text-align: left; }
.foot_yd_top dd span { font-size: 20px; margin-top: 8px; text-align: left; color: #000; }
.foot_yd_top dd p { font-size: 16px; text-indent: 0; margin: 0; color: #666; text-align: left; width: 100%; overflow: hidden; }
.foot_yd_con { font-size: 22px; margin: 15px 0; color: #000; font-weight: 600; text-align: center; }
.foot_yd_tel { width:70%; margin: 0 auto; text-indent: 80px; padding: 2px 0; color: #fff; background: #EF2416 url(/pc/images/yd_tel.png) no-repeat 6.2% 6px; }
.foot_yd_tel .zi { font-size: 20px; font-weight: 300; }
.foot_yd_tel .tel { font-size: 30px;*font-size:26px; font-weight: 800; }
.foot_yd_tel .tel a { color: #fff; }
.cases_con_shuxing { width: 100%; margin-top: 50px; margin-bottom: 20px; overflow: hidden; }
.cases_con_shuxing dl { width: 30.3333%; margin: 0 1.5%; float: left; }
.cases_con_shuxing dt { width: 100%; }
.cases_con_shuxing dt img { margin: 0 auto; display: block; text-align: center; }
.cases_con_shuxing dd { width: 100%; }
.cases_con_shuxing dd h4 { font-size: 16px; color: #222; font-weight: 400; text-align: center; }
.nav-right { height: 95px; overflow: hidden; overflow: hidden; }
.m_li1 { Z-INDEX: 10; float: left; width: 95px; text-align: center; font-weight: bold; height: 95px; overflow: hidden; }
.m_li1 a:hover { color: #f8c4c6; }
.m_li1 a:hover span { color: #f8c4c6; }
.m_li1 a span { color: #f8c4c6; }
.m_li1:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 100%; height: 8px; }
.m_li0:after { Z-INDEX: 10; position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 0px; height: 7px; }
.m_li0 { float: left; width: 95px; position: relative; float: left; height: auto; }
.list01 { Z-INDEX: 10; DISPLAY: none; }
.kefu { display: none; margin-top: 30px; height: 40px; cursor: pointer; }
.kefu a { color: #dfbb00; }
.kefu a.nabor { margin-left: 1px; border-left: none; }
ul, ol, dl, li, dt, dd { margin: 0; padding: 0; list-style: none; }
.clearfix:after, .clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.drawer-toggle, #mzx, #mtop { display: none; }
.news_q_list { max-width: 1320px; margin: 60px auto 50px; overflow: hidden; }
.news_q_list h2 { font-size: 24px; margin-bottom: 40px; }
.news_q_list li { padding-bottom: 25px; width: 47%; float: left; margin: 0 3% 25px 0; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.news_q_list li img { float: right; margin-top: 40px; }
.news_q_list li ._date {float: left;width: 15%;background: #e9e9e9;text-align: center;height: 68px;font-family: arial;color: #182133;}
.news_q_list li ._date span { display: block; }
.news_q_list li ._date ._d1 { font-size: 34px; line-height: 36px; padding-top: 6px; }
.news_q_list li ._nr {float: left;width: 82%;margin-left: 3%;}
.news_q_list li ._title { font-size: 17px; font-weight: normal; color: #000; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
._time1 { color: #666; margin: 3px 0; background: url(/pc/images/b.jpg) no-repeat left center; padding-left: 20px; }
.news_q_list ._sum { line-height: 24px; height: 48px; overflow: hidden; color: #565656; margin-top: 8px; }
.news_q_list li :hover ._title { color: #182133; }
.news_q_list li :hover ._date { background: #182133; color: #fff; }
/** page**/
#ctl00_ContentConn_PageInfo { text-align: center; margin-top: 20px; font-size: 14px; float: left; /*height: 45px;*/ line-height: 40px; width: 100%; }
#ctl00_ContentConn_PageInfo a { background: #fff none repeat scroll 0 0; border: 1px solid #bcbcbc; color: #999; margin: 5px 5px 0 0; padding: 6px 10px; }
#ctl00_ContentConn_PageInfo a:hover { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }
#ctl00_ContentConn_PageInfo .current { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }
.xg_wenti { float: left; width: 100%; overflow: hidden; margin-bottom: 50px; }
.xg_wenti h1 { float: left; display: block; background: #ffe717; height: 55px; line-height: 55px; font-size: 26px; padding: 0 25px; color: #000; font-weight: bold; text-align: left; }
.xg_wenti img { float: left; }
.about_con { line-height: 25px; margin: 60px auto; font-size: 13px; }
.about_con p { text-indent: 2em; margin-bottom: 15px; line-height: 32px; }
.about_con p a { color: #0088cc; }
.about_con h1 { font-size: 16px; text-align: center; margin-top: 20px; }
.about_con h3 { font-size: 30px; width: 100%; color: #FF3333; margin: 3% 0 2% 0; }
.about-pic { width: 96%; margin: 0 auto; overflow: hidden; }
.about-pic ul li { margin: 0 5px -1px 0; overflow: hidden; }
.about-pic ul.l-pic { float: left; width: 51%; _height: 450px; _width: 48%; }
.about-pic ul.r-pic { float: right; width: 49%; _height: 450px; _width: 48%; }
.zhengshu, .huanjing, .box-nl { width: 100%; overflow: hidden; }
.zhengshu ul, .huanjing ul, .box-nl ul { overflow: hidden; }
.zhengshu ul li { float: left; margin-right: 10px; _margin-right: 8px; width: 22%; margin-right: 3%; }
.zhengshu ul li img, .huanjing ul li img { width: 100%; height: auto; }
.zhengshu ul li p, .box-nl ul li p { text-align: center; text-indent: 0; margin: 2px 0; }
.zhengshu p, .huanjing p, .box-nl p { text-indent: 0; }
.huanjing ul li { float: left; width: 30%; margin: 0 1.5%; }
.huanjing ul li p, .box-nl ul li p { text-align: center; line-height: 20px; margin-top: 5px; }
.box-nl ul li { float: left; width: 22%; margin: 0 1.5%; }
.kuan2s { width: 100%; margin: 0 auto; overflow: hidden; }
.kuan2s li { width: 22%; float: left; margin: 0 1.5%; }
.kuan2s li p { font-size: 14px; text-align: center; color: #242424; text-indent: 0; }
.kuan2s li img { display: block; margin: 0 auto; text-align: center; }
.message { width: 1200px; margin: 80px auto 30px; background: #f4f4f4; }
.message .tit { width: 100%; margin-bottom: 30px; }
.message .tit h3 { font-size: 28px; color: #000; text-align: center; line-height: 59px; background: url(/pc/images/lx_tit.png) no-repeat center top; margin: 0 auto; margin-top: -12px; width: 100%; float: left; margin-bottom: 15px; overflow: hidden; }
.message .tit span { padding: 5px 15px 5px 15px; margin: 0 10px; color: #000; border: 2px solid #38425a; font-family: 微软雅黑; }
.message p { font-size: 14px; width: 97%; margin: 0 auto; color: #666; line-height: 32px; text-indent: 20px; margin-top: 15px; margin-bottom: 15px; }
.message ul { width: 95%; margin: 0 auto; overflow: hidden; }
.message li { width: 47%; float: left; margin: 0 1.5% 2%; }
.message li span { float: left; width: 100px; line-height: 36px; font-size: 16px; }
.message li b { color: #f33; margin-left: 10px; line-height: 44px; }
.message input.intxt { width: 66%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; line-height: 36px; height: 36px; color: #999; overflow: hidden; float: left; }
.message textarea { border: 1px solid #CCC; width: 86%; height: 100px; line-height: 20px; margin: 6px 0 0; background: #fff; color: #999; float: left; }
.submit { background: #eb0001; border: 0; width: 180px; height: 50px; color: #fff; font-size: 15px; cursor: pointer; margin: 0 auto; margin-left: 40%; }
.subly { background: url(/pc/images/service_5.jpg) no-repeat left top; font-size: 16px; color: #666; height: 176px; line-height: 105px; width: 100%; overflow: hidden; text-align: center; margin-top: 30px; }
.index_bottom { height: 150px; margin-top: 50px; width: 100%; background: url('/pc/images/ser_bg.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; padding: 70px 0 0; }
.index_bottom .link { background: url('/pc/images/index_bottom_item.png') no-repeat center; width: 69.66%; }
.index_bottom .link li { float: left; color: #fff; width: 29.33%;*width: 28%; padding-left: 4%; cursor: pointer; }
.index_bottom .link li a { color: #fff; }
.index_bottom .link li a h4 { opacity: 0.8; }
.index_bottom .link li a .desc { opacity: 0.8; }
.index_bottom .link li a:hover h4 { opacity: 1; }
.index_bottom .link li a:hover .desc { opacity: 1; }
.index_bottom .link li div { display: inline-block; float: left; margin-right: 15px; width: 40px; height: 40px; background: url('/pc/images/index_bottom_ico.png') no-repeat 0 0; vertical-align: middle; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.index_bottom .link li:hover div { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.index_bottom .link li .ic2 { background-position: -40px 0; }
.index_bottom .link li .ic3 { background-position: -80px 0; }
.index_bottom .link ul { padding: 3% 0%; overflow: hidden; }
.index_bottom .t { font-size: 40px; color: #000;}
.index_bottom .p { font-size: 32px; color: #000; }
.index_bottom .link li h4 { font-size: 16px; font-weight: normal; }
.pro_con_left video {clear: both; margin:0 auto; display: block;width:700px;}
@media(max-width:1279px){
	.pro_con_left video {clear: both; margin:0 auto; display: block;width:700px;}
}
.pro_con_left>div>.NybAdvantageTop{padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pro_con_left>div>.NybAdvantageTop span{padding: 0px 0px;font-weight: bold;line-height: 26px;display: block;text-indent: 0px;color: #000;}
.pro_con_left>div>.NybAdvantageTop span em{float: left;background: #ffd200;display:block;font-size: 16px;color:#ff1a1a;font-weight: bold;text-indent: 0;font-style: normal;border-radius: 50%;width: 26px;height: 26px;text-align: center;line-height: 26px;margin-right: 10px;}

.NybAdvantage{ overflow: hidden; margin:0 auto; padding-top:60px;}
.NybAdvantage ul{width:100%;}
.NybAdvantage ul li{float: left;position: relative;margin-right:50px;margin-bottom: 50px;margin-top:30px;width: 340px;background: #efefef;padding: 80px 10px 30px 10px;font-size: 14px;color:#3f3f3f;line-height: 26px;height: 400px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;width: 48%;margin-left: 1%;margin-right: 1%;}
.NybAdvantage ul li .NybAdvantageTop{position: absolute;width: 120px;height: 120px;left: 50%;top: -60px;border:5px solid #fff;background: #ffd200;border-radius:50%;padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0px 0px 0px -60px;}
.NybAdvantage ul li .NybAdvantageTop span{display: block;width: 96px;height: 96px;padding: 0px 0px;text-align:center;border-radius:50%;border:2px dotted #fff;font-size: 16px;font-weight: bold;line-height: 30px;}
.NybAdvantage ul li .NybAdvantageTop span em{display:block;font-size: 24px;color:#ff1a1a;font-weight:normal;padding: 10px 0px 0px 0px;text-indent: 0;font-style: normal;}
@media(min-width:1000px){
.wordInner video {clear: both; margin:0 auto; display: block;width:700px;}	
}
/*在线留言*/
.cont_form{background: url(/pc/images/ly_bg.jpg) top right no-repeat #f0f0f0;background-size: 100% auto; padding:1px 15px 30px;margin-top:20px;margin-bottom:20px}
.cont_form h3{ margin-bottom:10px; margin-top:20px; text-align:left;height: 40px;line-height: 40px;color: #eb0001;  font-size: 24px; }
.cont_form p{clear: both; text-align: left;}
.cont_form ul{width:100%;margin:0 auto;}
.cont_form li{margin-bottom: 5px;width: 48%;float: left;}
.cont_form li:first-child{margin-right: 4%;}
.cont_form .wenb{margin-top:10px;width:100%}
.cont_form li span{width: 100%;display: block;overflow: hidden;text-align: left;font-size: 16px;line-height: 38px;color: #000;}
.cont_form li span font{color:#eb0001;}
.cont_form li input{height: 36px;line-height: 36px;width:100%;color: #666;font-size: 15px;background-color: #fff;border: #999 1px solid;text-indent: 35px;}
.cont_form li .text-tel {background: url(/pc/images/icon-text-tel.png) no-repeat 12px center #fff;}
.cont_form li .text-user {background: url(/pc/images/icon-text-user.png) no-repeat 10px center #fff;}
.cont_form li .text-message {background: url(/pc/images/icon-text-message.png) no-repeat 10px 17px #fff;padding: 15px 0 0;text-indent: 35px;width:100%;border: #999 1px solid;height: 100px;line-height: 20px;font-size: 15px;color: #666;}
.cont_form .btnclick{
    width:  100%;
    overflow:  hidden;
    padding-top: 10px;
}
.btnclick input{color: #000;height: 41px;line-height: 36px;display: block;width: 180px;cursor: pointer;font-size: 16px;border: none;background: #fc0;}
.btnclick input:hover{background: #fdcc05;border: 2px solid #444;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
@media (min-width:375px){
	.NybAdvantage ul li{height:340px}
}
@media (min-width:414px){
	.NybAdvantage ul li{height:310px}
}
@media (min-width:768px){
	.NybAdvantage ul li{height:240px; padding-left:20px; padding-right:20px;}
}
/*<!--定制咨询-->*/
.pro_dz {background:#192232;  color:#f1e9d1; overflow:hidden; line-height:60px; font-size:15px; margin:35px 0;}.pro_dz img { float:left; margin-right:20px; }
.pro_dz p { text-indent:0;}
.pro_dz  a { padding:5px 15px; background:#ff1313; width:40px; text-align:center; color:#f1e9d1;    border-radius: 10px;}
.pro_dz  a:hover { background:#fbc83d; color:#111}
.news_detail_con h3 { margin:20px 0;}
@media screen and (min-width:1000px) and (max-width: 1600px) {
    #mzx { display: none; }
}
@media (max-width:1800px) {
    .nh_word { width: 18%; }
}
@media (max-width:1500px) {
    .ab3_img > ul {}
    .about_box3 .ab3_img {}
    .about_box3 .ab3_con {}
}
@media (max-width:1366px) {
    .m_ly, #mzx { display: none; }
}
@media (max-width:1279px) {
    .wrap,.wrap01, .csslider1, .pro_cate, .solution, .news_q_list, .message { width:1000px; }
    #mzx { display: none; }
    .news_q_list li ._date ._d2 { font-size: 12px; }
    .prolist_r h3, .prolist1_l h3 { font-size: 32px; }
    .prolist_r h3 span, .prolist1_l h3 span { font-size: 80px; }
    .prolist_r { margin-top: -30px; }
    .about_box3 .ab3_con .box {}
    #pro_ad_bottom { display: none; }
	.index_bottom .link{ background-image:none; width:75%}
	.index_bottom .link li{ background:#eb0001; padding:15px 0 15px 15px;  width:27%; margin:0 1%}
}
.foot_zx,.foot{display: none;}

.display_none { display: none; }
/*案例内页*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.container{clear:both; width:1000px; margin:0 auto; padding:0px 0px;}
@media (min-width:1200px){
    .container {width:1200px;}
}
.nyb_caseone{clear:both;}
.nyb_caseone .nyb_caseonepic{clear:both; text-align:center;}
.nyb_caseone .nyb_caseonepic img{width: 100%;}
.nyb_caseone .container .nyb_caseonebox{background:rgba(255,48,49,0.8);padding:15px;}
.nyb_caseone .container .nyb_caseonebox h3{clear:both;text-align:center;font-size:18px;color:#fff;position:relative;display: inline-block;line-height:1;display: block;padding-bottom:25px;}
.nyb_caseone .container .nyb_caseonebox dl{float:left; width:33.3333%;}
.nyb_caseone .container .nyb_caseonebox dl dt{clear:both; text-align:center;}
.nyb_caseone .container .nyb_caseonebox dl dd{clear:both; text-align:center; padding-top:15px; color:#fff;}


.nyb_caseone{position:relative;}
.nyb_caseone .container{position:absolute;top: 0px;left:50%;height: 100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);z;z-index: 2;}
.nyb_caseone .container .nyb_caseonebox{position:absolute;left:0px;width: 265px;padding: 40px 40px 20px 40px;background:rgba(255,48,49,0.8);bottom: -165px;}
.nyb_caseone .container .nyb_caseonebox:after{content:'';position:absolute; left:5px; right:5px; top:5px; bottom:5px; border:1px solid #fff; background:none;}
.nyb_caseone .container .nyb_caseonebox h3{text-align:left;font-size: 24px;margin-bottom: 20px;}
.nyb_caseone .container .nyb_caseonebox h3:after{position:absolute; left:0px; bottom:0px; width:100%; height:1px; border:0px; background:#fff; display:block; content:'';}
.nyb_caseone .container .nyb_caseonebox dl{clear:both;float: none;width: 100%;padding: 13px 0px;}
.nyb_caseone .container .nyb_caseonebox dl dt{text-align:left;float: left;clear: none;width: 35px;}
.nyb_caseone .container .nyb_caseonebox dl dd{clear: none;text-align:left;color:#fff;font-size:16px;padding: 5px 0px 0px 0px;float: right;width: 215px;}
.nyb_caseone .container .nyb_caseonebox dl dd span{font-weight:bold;}
@media (min-width:1200px){
.nyb_caseone{position:relative;}
.nyb_caseone .container .nyb_caseonebox{height:480px;padding: 60px 40px 20px 40px;bottom: -200px;}
.nyb_caseone .container .nyb_caseonebox:after{content:'';position:absolute; left:5px; right:5px; top:5px; bottom:5px; border:1px solid #fff; background:none;}
.nyb_caseone .container .nyb_caseonebox h3{font-size:30px;padding-bottom:27px;margin-bottom: 30px;}
.nyb_caseone .container .nyb_caseonebox h3:after{position:absolute; left:0px; bottom:0px; width:100%; height:1px; border:0px; background:#fff; display:block; content:'';}
.nyb_caseone .container .nyb_caseonebox dl{padding: 0px;}
.nyb_caseone .container .nyb_caseonebox dl dt{text-align:left;float: none;clear: both;width: auto;}
.nyb_caseone .container .nyb_caseonebox dl dd{clear:both;padding:18px 0px;float: none;width: 100%;}
.nyb_caseone .container .nyb_caseonebox dl dd span{font-weight:bold;}
}
@media (min-width:1366px){
	.nyb_caseone .container .nyb_caseonebox{bottom:-155px}
}
/**/
.nyb_casetwo{position:relative;z-index:5;margin-top:-56px;padding-left:385px; padding:0px 0px 70px 380px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nyb_casetwo .Breadnav{text-align:left;line-height:1;color:#fff;padding:20px 0px;font-size:16px; display:block;}
.nyb_casetwo .Breadnav a:link,.nyb_casetwo .Breadnav a:visited{color:#fff; text-decoration:none; }
.nyb_casetwo .Breadnav a:hover,.nyb_casetwo .Breadnav a:active{color:#fff; text-decoration:none; }
.nyb_casetwo h1{clear:both;font-size:26px;padding:25px 0px 15px 0px;color:#3d3d3d;font-weight: bold;line-height:35px;}
.nyb_casetwo .nyb_casetwotxt{clear:both;text-align:left;color:#555;font-size:16px;line-height:28px;height: 84px;overflow: hidden;}
/**/
.nyb_casethree{clear: both; background: #eeeeee;}
.nyb_casethree .container{padding:35px 0px; position: relative;}
.nyb_casethree .container::after{position: absolute;content: '';width:0px;height: 0px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);border-top:26px solid #eee;border-bottom:26px solid transparent;border-left:27px solid transparent;border-right:27px solid transparent;bottom: -52px;}
.nyb_casethree .container h3{clear:both;font-size:34px; padding:17px 0px 36px 0px;color:#3d3d3d; font-weight:normal; text-align:center; line-height:1;}
.nyb_casethree .container ul{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:-20px;}
.nyb_casethree .container ul li{float:left;margin-left:20px;width: 235px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nyb_casethree .container ul li a{font-size:18px; margin-top:15px;}
.nyb_casethree .container ul li img{width:100%;}
.nyb_casethree .container ul li a{clear:both; display:block; text-align:center; font-size:14px; color:#3d3d3d; line-height:24px; margin-top:8px;}
@media (min-width:1200px){
	.nyb_casethree .container ul{margin-left:-40px;}
    .nyb_casethree .container ul li{margin-left:40px; width:270px; padding:0px;}
    .nyb_casethree .container ul li a{font-size:18px; margin-top:15px;}
}
/**/
.nyb_casefour{padding:70px 0px 30px 0px;}
.nyb_casefourtit,.nyb_casesixtit{clear:both;text-align:center;padding-bottom:25px;}
.nyb_casefourtit h3,.nyb_casesixtit h3{position:relative;display:inline-block;font-size:30px;color:#3d3d3d;font-weight:normal;line-height: 1;}
.nyb_casefourtit h3:after,.nyb_casesixtit h3:after{position:absolute; right:-40px; margin-top:-7px; top:50%; width:24px; height:14px; background:url(/pc/images/nybicon02.jpg) no-repeat center center; content:'';}
.nyb_casefourtit h3:before,.nyb_casesixtit h3:before{position:absolute; left:-40px; margin-top:-7px; top:50%; width:24px; height:14px; background:url(/pc/images/nybicon01.jpg) no-repeat center center; content:'';}
.nyb_casefour p{font-size:16px; line-height:28px; padding:10px 0px; color:#555;}
.nyb_casefour p img{padding:7px 0px;}
.nyb_casefour video{width:60%;margin:0 auto;display: block;width:700px;}
@media (min-width:1200px){
	.nyb_casefourtit h3,.nyb_casesixtit h3{font-size:34px;}
.nyb_casefourtit,.nyb_casesixtit{clear:both;text-align:center;padding-bottom: 30px;}
}
/**/
.nyb_casefive{clear: both; background: #eeeeee;}
.nyb_casefive .container{padding:35px 0px;position: relative;background: url(/pc/images/nybicon04.png) no-repeat right 40px;}
.nyb_casefive .container::after{position: absolute;content: '';width:0px;height: 0px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);border-top:26px solid #eee;border-bottom:26px solid transparent;border-left:27px solid transparent;border-right:27px solid transparent;bottom: -52px;}
.nyb_casefive .container h3{clear:both;font-size:30px;color:#3d3d3d;font-weight:normal;text-align:center;line-height:1;padding: 17px 0px 30px 0px;}
.nyb_casefive .container p{font-size: 16px;line-height: 36px;color:#555;padding: 5px 0px;}
@media (min-width:1200px){
	.nyb_casefive .container h3{font-size:34px; padding-bottom:36px;}
}
/**/
.nyb_casesix{padding-bottom:30px; padding-top:40px;}
.nyb_casesix ul{clear:both; padding:5px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin-left:-50px;}
.nyb_casesix ul li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; width:292px; margin-left:50px;}
.nyb_casesix ul li h4{clear:both; text-align:center; background:#EDEDED; font-weight:normal;}
.nyb_casesix ul li h4 a{display:block;padding:15px 0px;font-size:16px;line-height:24px;color:#3d3d3d;}
.nyb_casesix ul li.nyb_casesixli{background:#ededed;padding: 30px 20px 0px 20px;width:285px;height:272px;}
.nyb_casesix ul li.nyb_casesixli a{clear:both;display:block;line-height:24px;padding:5px 0px;font-size: 14px;background:url(/pc/images/nybicon03.png) no-repeat left 13px;padding-left:15px;}
.nyb_casesix ul li.nyb_casesixli a.nyb_casesixlitit{font-size:24px; color:#3d3d3d; line-height:1; padding-bottom:20px; padding-left:0px; background:none;}
.nyb_casesix{padding-bottom:50px; padding-top:70px;}
@media (min-width:1200px){
	.nyb_casesix ul{margin-left:-82px;}
	.nyb_casesix ul li{float:left;width: 342px;margin-left:82px;}
	.nyb_casesix ul li.nyb_casesixli{padding:50px 30px 0px 30px;width: 342px;height: 310px;}
    .nyb_casesix ul li.nyb_casesixli a,.nyb_casesix ul li h4 a{font-size:16px;}
}
/*table*/
.zccs table{border:1px solid #eee; width:100% !important; border-collapse: collapse;}
.zccs table td{border:1px solid #eee; text-align:center;}
.zccs table tr:nth-child(odd){background:#e6e6e6;}
.zccs table tr:nth-child(1) td:nth-child(1){background:#eb0001; color:#fff;}

/**/
.videodiv{background: url(/pc/images/videobg.png) no-repeat left top #fce6d2;background-size:auto 100%;padding:22px 0px 22px 17px;width: 700px;margin: 0 auto;}
.videodiv .videodivbox{float:left;width: 609px;border-radius: 10px;border: 5px solid #fff;overflow: hidden;box-shadow: 0px 3px 13px 3px rgba(36, 0, 0, 0.23);}
.videodiv .videodivtxt{float:right;width: 81px;padding: 0px;margin: 0px;text-align:center;color: #b8312d;text-indent: 0px;font-size: 32px;font-weight: bold;line-height:36px;padding-top: 64px;}
.videodiv .videodivtxt span{clear:both;display:block;text-align:center;}
.videodiv .videodivtxt span img{width:53px; height: 51px; margin: 0px;}
.videodiv .videodivtxt strong{clear:both;text-align:center;display:block;padding-right: 14px;padding-left: 16px;}