/* 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: 0; padding: 0; }
img { max-width: 100%; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; }
video { max-width: 100%; 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; }
.l { float: left; }
.r { float: right; }
@font-face { font-family: 'Fjalla One'; src: url('fonts/fjallaone-regular-webfont.eot'); /*IE9*/ src: url('fonts/fjallaone-regular-webfont.eot') format('embedded-opentype'), /*IE6-8*/ url('fonts/fjallaone-regular-webfont.woff') format('woff'), /*chrome*/ url('fonts/fjallaone-regular-webfont.ttf') format('truetype'); /*FF opera android ios*/ font-weight: normal; font-style: normal; }

/*导航*/
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.navdh{height:63px; line-height:52px; background:#182133;  position:relative; z-index:1; width:1200px; margin:0px auto  }
		.navdh a{ color:#fff; text-decoration:none}
		.navdh .nLi{ float:left;  position:relative; display:inline;}
		.navdh .nLi h3{ float:left;  }
		.navdh .nLi h3 a{ display:block; padding:0 35px; font-size:16px; font-weight:900}
		.navdh .sub{ display:none; width:200px; left:0; top:52px;  position:absolute; background:#f00;  line-height:45px;}
		.navdh .sub li{ zoom:1; width:200px }
		.navdh .sub a{ display:block; padding:0 30px; border-bottom:1px dotted #e3e3e3 }
		.navdh .sub a:hover{ background:#00132b; color:#fff;}
		.navdh .on  a{ background:#eb0001; color:#fff;}
p img { display: block; margin: 6px auto; padding: 0px; }
/* changliang hankuiting */
html { overflow-x: auto; }
.wrap { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.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: #eb0001; }
.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 {  width: 100%; margin: 0 auto; overflow: hidden; font-size: 16px; text-align: center;}

.nav ul { margin: 0 auto; overflow: hidden; }
.nav ul li { float: left; width: 11%; 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: #eb0001; color: #fff; }
*/

.csslider1 {display: inline-block;position: relative;
  /*max-width: 1920px;*/
;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 .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; }
.top_capa .tit { width: 100%; overflow: hidden; margin-bottom: 50px; }
.top_capa .tit h1 { font-size:2em; width: 100%; color:#EB0001; text-align: center; display: inline-block; }
.top_capa .tit p { font-size: 18px; color: #666; text-align: center;padding-top: 15px; }
.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 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: 60%; }
.sy_about_img { width: 18%; float: left; }
.sy_about_img img { width: 130px; height: 318px; }
.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: 79.5%; }
.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(../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(../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; }

.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(../images/index_02bg.jpg) no-repeat center top;*/ margin: 0 auto 20px; }
.sy_prolist_tit h2 { font-size:2em; color:#EB0001; padding-top: 5px; text-align: center; margin-top: 20px; }
.sy_prolist_tit p { color: #666; font-size: 16px; text-align: center; padding-top: 15px;}
.sy_prolist li { width: 30.3333%; float: left; margin: 0 1.5%; }
.sy_prolist img { width:373px;height: 256px; float: left; }
.sy_prolist li h2 { font-size: 16px; color: #000;width: 373px;overflow: hidden;white-space: nowrap; text-align: center; font-weight: 500; padding: 10px 0; }
.pro_tab { margin-top: 30px; }
.pro_tab ul { width: 100%;}
.pro_tab li { padding: 15px 0; cursor: pointer; font-size: 18px; text-align: center; float: left; width:19.2%;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:2em; color: #000; margin-bottom: 40px; background: url(../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; }
.cenNew_list dl dd { overflow: hidden; color: #666; margin-bottom: 35px; }
.cenNew_list dl dd .date { float: left; width: 83px; height: 83px; border: 1px #808080 solid; margin-right: 3%; }
.cenNew_list dl dd .date span { display: block; text-align: center; color: #333; }
.cenNew_list dl dd .date ._day { font-weight: bold; font-size: 36px; line-height: 35px; margin-top: 12px; }
.cenNew_list dl dd .date ._month { font-size: 14px; }
.cenNew_list dl dd .title { font-size: 18px; font-weight: 500; color: #00132b; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cenNew_list dl dd .p { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 8px; }
.cenNew_list dl dd:hover .date { border-color: #EB0000; }
.cenNew_list dl dd:hover .date span { color: #EB0000; }
.cenNew_list dl dd:hover .title { color: #EB0000; }
.cenNew_list dl dd:hover .p { color: #878787; }

.sy_solution { width: 45%; float: right; }
.sy_solution h3 { width: 100%; background: url(../images/solution_ico.png) no-repeat left center; padding-left: 57px; text-align: left; font-size:2em; 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 dd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; line-height: 26px; font-size: 14px; color: #666; overflow: hidden; }

.slide_nav { text-align: center; width: 100%; height: 25px; background: url(../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(../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(../images/case_bg.jpg) no-repeat center top; 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 12px 0 12px; }
.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 { line-height: 45px; padding: 7px 12px; 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;  height:25px;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(../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(../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: 159px; background-size: cover; padding-top: 50px; }

.pro_top_jieshao { max-width: 1200px; margin: 0 auto; z-index: 15; }
.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(../images/youshi_bg.png) no-repeat center center; line-height: 80px; height: 80px; text-align: left; margin-top: 30px; font-size: 16px; }
.pro_ad ul { padding-left:90px; }
.pro_ad li { display: block; color: #fff; background: url(../images/list_tick.png) no-repeat left center; padding-left: 30px; font-size: 17px; margin-right: 20px; float: left; }
.pro_top_right_miaoshu { width: 100%; height: auto;*height: 225px; overflow: hidden; }
.pro_top_right_miaoshu p { margin-bottom: 15px; overflow: hidden; width: 100%; font-size: 15px; }
.pro_top_right_miaoshu strong { color: #eb0001; font-weight: 600; width: 27%;*width: 31%; font-size: 16px; display: inline-block; float: left; }
.pro_top_right_miaoshu p span { float: left; width: 71%;*width:68%; display: inline-block; font-size: 14px; }
.pro_tel { margin-top: 25px; overflow: hidden; text-align: center; width: 100%; background: url(../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(../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; }

.pd_guide { margin-top: 60px; margin-bottom: 40px; }
.pd_guide li { width: 19.8%; *width: 19.7%;float: left; margin-right: 2px; text-align: center; background-color: #f4f4f4; col or:#000; }
.pd_guide a { display: block; color: #000; font-size: 20px; padding: 15px 0; position: relative; }

.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: 7px 0; line-height: 26px; text-indent: 25px; }
.pro_right { float: right; width: 19%; }
.pro_hot h4 { background: url(../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(../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: 1200px; top: 35px; left: 50%; margin-left: -600px; }

.nh_word { width: 15%; margin-top: -150px; position: absolute; z-index: 9999; background: url(../images/yd.png) repeat; color: #fff; padding: 1.5% 0 1.5% 3%; }
.nh_word:before { content: ''; width: 31px; height: 31px; background: url(../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(../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; width: 100%; }
.xg_zs li { position: relative; padding-left: 75px; margin-top: 30px; width: 40%; *width: 39.6%; margin-right: 3%;*margin-right:2%; margin-bottom: 2%; float: left; }
.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(../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(../images/more.png) no-repeat 40px center; font-size: 18px; color: #000; }
.xg_zs .more:hover { background: #fdcc05 url(../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(../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; }
.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(../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(../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 { max-width: 1230px; overflow: hidden; margin: 40px auto 60px; }
.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; }
.lx_list li h4 { text-align: center; width: 100%; font-size: 24px;* 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:40px; }
.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(../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(../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; }
.news_detail ._tools ._tool:hover { color:; }

.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 a { color: #eb0001; }
.news_detail_con p { margin: 15px 0; 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(../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(../images/new_tel.png) no-repeat left bottom; padding: 18px 0 0 50px; color: #666; margin: 20px 0 0 10%; 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 50px; }
.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; }
.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(../images/new_ico.jpg) no-repeat 20px center; text-indent: 4%; }
.xg_news { border: 1px solid #d8d8d8; border-top: none; background: url(../images/news_lm.png) repeat-x; margin: 3% auto; overflow: hidden; }
.prolist { margin:30px auto; }
.prolist_r { width: 27%; float: right; margin-top:40px; }
.prolist_r h3, .prolist1_l h3 { font-size: 38px;text-align: left; overflow: hidden; }
.prolist_r h3 a, .prolist1_l h3 a { color:#FF5455; }
.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(../images/s.png) 90% center no-repeat; width: 80%; color: #000; text-align: left; text-indent: 80px;*text-indent:40px; padding: 12px 0; float: left; margin-right: 2%; font-size: 22px; }
.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 20px; overflow: hidden; margin: 0 5px 13px 0; }
.prolist_r li a { color: #555; }
.prolist1_bg { width: 100%; }
.prolist1_l { width: 27%; float: left; margin-top:40px; }
.prolist1_img { float: right; width: 69%; }
.prolist_tj { }

.wenda { width: 100%; margin-top: 30px; overflow: hidden; }
.wenda_tit { background: url(../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(../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:left;width:95%; text-indent: 0; margin: 0; padding: 3px;}

.solution { max-width: 1250px; margin: 0 auto;margin-bottom: 10px; overflow: hidden; }
.solution li { width: 29.3333%;*width: 29.2%; height: 340px; margin:2%; float: left; }
.solution li img { width: 100%; height:274px; }
.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:220px; background: url("https://cbu01.alicdn.com/img/ibank/2019/007/390/10402093700_1864305585.jpg") no-repeat 85% 0;}
.case_banner .text {background: url("../images/yd.png") repeat;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("../images/service_ban.jpg") no-repeat 50% 0; margin-bottom: 28px; }
.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(../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(../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; }
.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 { padding: 8px 0 4px; }
.floating_ck dl dd a, .floating_ck dl dd p { color: #fff; }
.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; }
.pro-img_m, .m_pro_lei, .pro_tab_m, ._title1, .m_banner, .m_sub_banner, .m_zhishi, .m_contact_ban, .pro-fixed, .top_float, .sy_lei, .xunjia, .backtitle, .pro_ad_bottom { display: none; }
#pro_ad_bottom { display: none; }

.com_ban { width: 100%; overflow: hidden; }
.com_ban img { display: block; text-align: center; margin: 0 auto; }
.com_con { margin-top: 50px; }
.com_con h3 { text-align: center; margin-bottom: 30px; color: #000; font: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: 60%;*width: 50%; background: url(../images/a3_bg.jpg) right top no-repeat; height: 100%; }
.ab3_img > ul { margin-left: 29%;*margin-left: 19%; padding-top: 40px; }
.ab3_img li { width: 45%;*width: 48%; margin: 2% 5% 1.5% 0;*margin: 2% 2% 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; }
.about_box3 .ab3_con { width: 40%;*width:49.9%; height: 100%; background-color: #ffd900; }
.about_box3 .ab3_con .box { padding: 11% 10% 10%;*padding: 15% 4% 10%; color: #624031; }
.ab3_con .box .a3_t { font:42px/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; }

.digital { width: 100%; 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 { background: #f4f4f4; padding: 60px 0; }
.com_ca dt { float: left; width: 52%; }
.com_ca dd { width: 43%; margin-top: 20px; float: right; }
.com_ca dd h3 { font:40px/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: 50px; float: left; }
.com_huanjing dd h3 { font:40px/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(../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(../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(../images/ser1.jpg) no-repeat; height: 545px; width: 46%; }
.com_adv-bx-y .wz { width: 465px; height: 171px;background: url(../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(../images/yihao_left.png) 0 no-repeat; }
.mao2 { display: inline-block; width: 26px; margin: 0 0 0 20px; height: 32px; background: url(../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(../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(../images/new_ico.jpg) no-repeat 15px center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-indent: 45px; }
.foot_yd { width: 94%; background: #EFE2C0; padding: 3%; overflow: hidden; }
.foot_yd_top { border: #BD8824 2px dashed; padding: 2% 2% 1%; width: 96%; margin: 0 auto; overflow: hidden; }
.foot_yd_top .w1 { width: 33%; margin-right: 4%; }
.foot_yd_top .w2 { width: 28%; }
.foot_yd_top .w3 { width: 33%; }
.foot_yd_top dl { float: left; width: 100%; overflow: hidden; }
.foot_yd_top dt { width: 80px; margin-right: 8px; display: inline-block; height: 80px; 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: 60%; margin: 0 auto; text-indent: 80px; padding: 2px 0; color: #fff; background: #EF2416 url(../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 1% 25px 2%; 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: 10%; 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: 77%; 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(../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(../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(../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('../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('../images/index_bottom_item.png') no-repeat center; width: 69.66%; }
.index_bottom .link li { float: left; color: #fff; width: 33.33%;*width: 28%; padding-left: 4%; cursor: pointer; margin-top: 15px;}
.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('../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; }
.iebaner{ display:none}

@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 { margin-left: 20px; }
    .about_box3 .ab3_img { width: 50%; }
    .about_box3 .ab3_con { width: 50%; }
}

@media (max-width:1366px) {
    .m_ly, #mzx { display: none; }
}

@media (max-width:1100px) {
    .pro_con_left { width: 98%; margin: 0 auto; float: none; }
    .pro_right { display: none; }
    .lx_list li h4 { font-size: 20px; }
    .pro_top_right_miaoshu strong { width: 29%; }
    .pro_tel p, .pro_tel p strong { font-size: 30px; }
}

@media (max-width:1200px) {
    .wrap, .csslider1, .lcsslider1x_list, .pro_cate, .solution, .news_q_list, .message { width: 100%; }
    #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 { padding: 10% 10% 0; }
    #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%}
}

@media (max-width:1024px) {
    .sy_case img { width: 100%; height: auto; }
    .sy_case .bt4 { width: 18%; }
    .daodu_lx .tel { margin: 20px 0 0 0; }
	.solution{ width:100%;}
}

@media (max-width: 999px) {
.wrap, .pro_cate, .product-list, .pro_top_left.pro_con_left, .newslist_top_l, .top_capa dt, .pro_tab ul, .sy_about_l, .prolist_img, .prolist1_img, .com_ca dt, .com_ca dd, .com_huanjing dd, .com_huanjing dt, .com_adv-bx-z, .ser_pj dt, .ser_pj dd, .ser_jishu dt, .ser_jishu dd, .solution, .fl, .xg_zs li, .about_box3 .ab3_img, .foot_yd_tel, .case_detail ul, .csslider1, .lx_list, .news_q_list li { width: 100%; }
.cenNew_list, .sy_solution, .sy_about_l dl, .prolist1_l, .pro_con_left, .pro_top_right, .com_con, .com_ca, .com_huanjing, .news_detail { width: 98%; margin: 0 auto; float: none; }
.ser_con, .ser_pj, .ser_jishu, .lianxi_bg, .xg_zs, .newslist_top_r, .prolist_r, .case_detail, .prolist_tj, .news_q_list li ._nr, .about_con { width: 98%; margin: 0 auto; }
#rt-showcase-surround, #pctop, .news_q_list li ._date, .index_bottom, .top_capa { display: none; }
.top,  .bread, .pro_cate, .pro_top_left, .pro_con_right, .pro_tit, .consult, .quote, .qrcord, .foot_btm, .pro_tab_pc, .sy_about_r, .sy_about_img, .sy_prolist_tit, .sy_case, .nh_bann, .about_box3 .ab3_con, .com_adv-bx-y, .case_banner, .solution .jianjie, .ser_banner, .fr, .pc_zhishi, .yincang, .pro_top_ban, .releate, .sy_about_bg, .top_capa .tit, .news_right, .news_detail ._tools, .hy_new ._text, .xg_news, .top,  .pro_right { display: none; }
.pro-img_m { display: block; position: relative; }
.pro-img_m img { width: 100%; height: auto; }
.back { position: absolute; top: 1.8%; left: 2%; z-index: 999; width: 8%; display: block; }
.go-home { position: absolute; top: 1.8%; right: 2%; z-index: 999; width: 8%; display: block; }
.return, #mzx, #mtop, .backtitle { display: block; }
.return_top { width: 40px; height: 40px; cursor: pointer; text-indent: -999em; background: url(../images/totop.png) no-repeat; background-size: 40px 40px; position: fixed; right: 1%; bottom: 10px; }
.m_ly { display: block; width: 40px; height: 40px; cursor: pointer; text-indent: -999em; background: url(../images/fixed-phone.gif) no-repeat #fd4e02; background-size: 40px 40px; position: fixed; right: 1%; bottom: 55px; border-radius: 50%; }
.return { height: 80px; width: 40px; }
.floating_ck { top: 80%; position: fixed; right: 0; }
.floating_ck dl dd, .top_capa { background: none; }
.m_pro_lei, .pro_tab_m, ._title1, .m_banner, .m_sub_banner, .m_contact_ban, .pro-fixed, .top_float { display: block; }
.m_pro_lei { width: 100%; overflow: hidden; background: #f4f4f4; text-align: center; padding-top: 45px; margin: 0 0 10px; }
.m_pro_lei a { display: block; color: #000; float: left; font-size: 14px; margin: 0; padding: 2px 0 0; line-height: 22px; text-align: center; width: 20%; }
.m_pro_lei a:hover p { color: #000; }
.m_pro_lei a img { display: block; text-align: center; margin:8px auto 0; }
.m_pro_lei .act { color: #ff4e22; font-weight: 700; background: #e8e8e8; }
.m_banner { width: 100%; margin: 0 auto; border-bottom: #f3f3f3 8px solid; padding-top: 46px; overflow: hidden; }
.m_banner img { display: block; margin: 0 auto; text-align: center; }
.sy_about { margin-top: 0; }
.top_capa dl { width: 22%; margin: 0 1.5%; }
.top_capa dt img { margin: 0 auto; width: 60%; display: block; text-align: center; }
.top_capa dd p { text-align: center; font-size: 13px; }
.top_capa dd span { display: none; }
.top_capa dd { float: none; }
.sy_solution { margin-top: 10px; }
.sy_solution dl h4 { font-size: 18px; }
.sy_prolist_tit h3, .cenNew_list h3, .sy_solution h3, .hy_new_tit h3, .new_tit h3, .com_huanjing dd h3, .com_ca dd h3, .com_con h3, .ser_pj dd h3, .ser_jishu dd h3, .ser_lc h3, .ser_con h3, .lx_list h3, .case_detail h1, .case_tit h2 { font-size: 24px; }
    .backtitle { color: #000; position: absolute; font-size: 22px; margin-top: -40px; padding: 0 18px; background: rgba(248,53,40,0.9); color: #fff; }
    .pro_top_right_miaoshu p { margin-bottom: 8px; }
    .pro_tab { background: none; margin-top: 0; }
    .sy_prolist_bg { margin: 0 auto 0; }
    .sy_prolist { margin: 0 auto 0; }
    .news_solution { margin: 20px auto 0; border-top: #f3f3f3 8px solid; padding-top: 10px; }
    .news_solution { padding-top: 15px; }
    .cenNew_list h3, .sy_solution h3 { background: none; padding-left: 0; margin-bottom: 20px; }
    .cenNew_list dl dd .date, .slide_nav { display: none; }
    .cenNew_list dl dd { border-bottom: #d8d8d8 1px solid; padding-bottom: 15px; margin-bottom: 15px; }
    .prolist1_img { margin-top: 30px; }
    .prolist_img { margin-bottom: 0; }
    .prolist1_img img, .prolist_img img { width: 100%; height: auto; }
    .more_detail { background-image: none; text-indent: 0; padding: 8px 0; font-size: 16px; width: 50%; text-align: center; }
.top_capa dt { height: auto; }
.sy_about_l dt img { width: 100%; height: auto; }
.newslist_top_r { margin-top: 20px; }
.newslist_top { padding-top: 60px; margin-top: 0; }
.hy_new { margin: 0; padding: 0; background: none; }
.hy_new_tit { margin-bottom: 20px; border-radius: 50%; }
.prolist_tit, .prolist_tit1 { background-image: none; }
#pro_tab4 { display: none; }
.pd_guide { margin: 30px 0 0 0; }
.pd_guide li { width: 32.8%; margin-bottom: 2px; }
.pd_guide a { padding: 8px 0; font-size: 14px; }

.label-icon-div { display: inline-block; border-radius: 10px 0; vertical-align: middle; color: #fff; background: #f23030; margin-right: 5px; padding: 0 5px; line-height: 20px; font-size: 14px; float: left; font-style: normal; }
    #pro_ad_bottom { margin-bottom: 10px; width: 100%; display: inline-block; overflow: hidden; }
    #pro_ad_bottom img { display: block; margin-right: 5px; float: left; }
    #pro_ad_bottom ul { margin-top: 5px; vertical-align: middle; display: inline; }
    #pro_ad_bottom li { float: left; color: #01a3ec; }
    .pro_top_right_miaoshu p span { width: auto; display: block; }
    .pro_top_right_miaoshu p strong { width: auto; font-size: 14px; display: block; }
    .pro_top_right_miaoshu { height: auto; width: 96%; padding: 10px 10px 0; }
    .pro_tel p strong { font-size: 36px; }
    .pro_con_left p, .case_detail_zi p { text-indent: 0; }
    .pro_con { margin-top: 10px; margin-bottom: 50px; }
    .pro_con_left h3 { background: url(../images/pro_h3_ico.png) no-repeat left center; text-indent: 30px; color: #000; font-size: 20px; }
    .wenda_tit { background: #FDCC05; height: 40px; line-height: 40px; text-indent: 30px; margin-bottom: 2px; font-size: 22px; }
    .com_con h3 { margin-top: 30px; margin-bottom: 15px; }
    .com_ca { background: none; padding: 0; }
    .com_ca dd, .com_huanjing dd, .ser_jishu dd, .ser_pj dd { margin-top: 20px; }
    .ab3_img > ul { margin-left: 0; padding-top: 20px; }
    .ab3_img li { width: 42%; margin: 2% 5% 1.5% 3%; }
    .ab3_img li img { margin: 0 auto; }
    .ab3_img li h3 { font-size: 18px; color: #ffd900; }
    .about_box3 { height: auto; overflow: hidden; margin-top: 20px; }
    .com_adv { background: none; height: auto; }
    .com_adv-bx-z { padding: 20px 0 20px 20px; height: auto; }
    .m_sub_banner { width: 100%; border-bottom: #f3f3f3 8px solid; }
    .ser_jishu dt img, .m_sub_banner img { width: 100%; height: auto; }
    .solution { margin-top: 25px; }
    .solution h2 { font-size: 14px; height: 60px; font-weight: 500; line-height: 22px; }
    .solution li { height: auto; }
    .index_case_text { border-bottom: none; padding: 0; }
    .details { margin-bottom: 0; }
    .ser_con { margin-top: 20px; }
    .ser_lc h4 { font-size: 14px; font-weight: 500; }
    .ser_lc { padding: 0 0 20px 0; border-top: #f3f3f3 8px solid; margin: 20px auto 0; }
    .ser_lc h3 { margin: 20px 0 10px 0; }
    .com_adv-bx-z h2 { font-size: 30px; }
    .com_adv-bx-z h4 { font-size: 18px; }
    .com_adv-bx-z p { font-size: 15px; margin-bottom: 0; }
    .ser_lc li, .lianxi_bg { background: none; }
    .lx_list li h4 { font-size: 13px; height: 40px; font-weight: 500; }
    .lx_list { margin: 20px auto 0; border-top: #f3f3f3 8px solid; padding-top: 15px; }
    .lianxi_bg { height: auto; }
    .lianxi { margin-top: 0; margin-bottom: 0; }
    .lianxi h3 { margin-bottom: 5px; }
    .fl { margin-top: 0; padding: 10px 0 20px 50px; }
    .ser_shili, .xg_casedetail { margin-top: 20px; }
    .mao1, .mao2 { display: none; }
    .ser_con h3 { margin-bottom: 15px; }
    .ser_con { font-size: 14px; line-height: 26px; }
    .ser_jishu dd { height: auto; padding: 2%; width: 96%; }
    .ser_jishu dd h3 { margin-bottom: 8px; }
    .m_nav { width: 100%; margin-top: 45px; background: url(../images/wd90.png) repeat; position: absolute; overflow: hidden; }
    .m_nav li { float: left; width: 20%; height: 40px; line-height: 40px; font-size: 15px; text-align: center; }
    .m_nav .li0 { color: #000; }
    .m_nav .li1 { border-bottom: 2px solid #eb0001; padding-bottom: 5px; color: #eb0001; }
    .m_nav .close1 { background: url(../images/close1.png) no-repeat right bottom; float: right; text-indent: -999999px; }
    .m_nav .close1 a { display: block; }
    .m_zhishi { display: block; }
    .news-title ul li { height: 40px; line-height: 40px; font-size: 16px; }
    .news-title { margin-bottom: 25px; }
    .xg_zs .more { margin: 0 auto 20px; padding: 8px 15px; }
    .xg_zs .more_bg, .ser_jishu, .news { margin-top: 20px; }
    .case_detail { padding-top: 60px; margin-top: 0; }
    .xg_zs li h4, .newslist_top_r li ._intnew ._title, .cenNew_list dl dd .title, .news_q_list li ._title { font-size: 16px; font-weight: 600; }
    .xg_zs { margin-bottom: 0; }
    .xg_zs .more_bg { background: none; }
    .prolist_tit h3, .prolist_tit1 h3 { font-size: 30px; }
    .prolist { margin: 0 auto; padding-top: 46px; }
    .bt60 { margin-bottom: 40px; }
    .digital li p { font-size: 14px; height: 50px; }
    .digital li img { width: 80%; }
    .pro_top_jieshao, .pro_top_pro, .wenda .daan dd { margin-top: 0; }
    .foot_yd_con { font-size: 16px; }
    .foot_yd_tel .zi { display: none; }
    .foot_yd_tel { background-image: none; text-indent: 0; }
    .foot_yd_tel span { display: block; text-align: center; }
    .foot_yd_tel .tel { font-size: 22px; font-family: Arial, Helvetica, sans-serif; }
    .foot_yd_top .w1, .foot_yd_top .w2, .foot_yd_top .w3 { width: 30.3333%; margin: 0 1.5%; }
    .foot_yd_top dt img { display: block; margin: 0 auto; text-align: center; }
    .foot_yd_top dt { margin-right: 0; }
    .wenda li { margin: 0; }
    .top_capa dt { margin-bottom: 10px; }
    .prolist_r h3 span, .prolist1_l h3 span { font-size: 50px; }
    .prolist_r h3, .prolist1_l h3 { font-size: 24px; }
    .prolist_r p, .prolist1_l p { font-size: 14px; }
    .prolist1_bg { padding: 10px 0 5px; }
    .new_tit { margin: 20px auto 20px; }
    .newslist_top_r li { padding-bottom: 10px; }
    .newslist_top_l .word { padding: 10px 0 10px 5%; }
    .cases_con_shuxing img { margin: 10px auto; width: 70%; }
    .cases_con_shuxing { margin: 20px auto 0; }
    .case_detail_h3 { background: #eb0001; text-align: center; text-indent: 0; margin-top: 20px; font-size: 18px; font-weight: 500; height: 36px; line-height: 36px; }
    .case_detail img { margin: 20px auto; }
    .case_tit { width: 100px; }
    .zg_more { margin-top: 20px; }
    .daodu { background: none; padding: 0; margin-bottom: 0; width: 100%; }
    .daodu p { display: none; }
    .daodu_lx .tel strong { font-size: 22px; }
    .daodu_lx .tel strong a { color: #f85959; }
    .daodu_lx .tel, .daodu_lx .chat { width: 100%; display: block; }
    .daodu_lx .chat { font-size: 14px; padding: 4px 0; border-radius: 2px; margin-left: 0; width: 72px; font-weight: 600; float: right; color: #fff; display: inline-block; text-align: center; background: #38425a; }
    .news_detail ._head h1 { font-size: 22px; }
    .news_detail_con a { color: #0070C0; }
    .daodu_lx .tel b { display: none; }
    .news_detail_con img { width: 100%; height: auto; }
    .news_detail_con { margin-top: 10px; }
    .daodu_lx .tel { margin: 0; padding: 10px 0 10px; background: none; }
    .sy_prolist li h4 { font-size: 14px; line-height: 20px; }
    .daodu p { margin: 5px 0 0; }
    .daodu_lx .tel { padding: 0; width: 69%; background: url(../images/new-icon-tel.png) no-repeat left 3px; text-indent: 30px; float: left; }
    .news_detail_con p { text-indent: 0; }
    .news_detail { margin-bottom: 0; margin-top: 40px; }
    .pro_tab li { font-size: 14px;padding: 10px 0 5px;text-align: center;width: 17%;margin: 0 1.5%;}
    .top_float {  background: url(../images/rd.png) repeat; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; }
    .top_float ul { width: 98%; margin: 0 auto; }
    .top_float li { float: left; display: block; height: 46px; line-height: 46px; }
    .top_float li p { text-indent: -999em; }
    .top_float .top_zx { width: 10%; float: left; margin-left: 1%; cursor: pointer; text-indent: -999em; background: url(../images/pro_4.png) no-repeat center 5px; background-size: 35px 35px; }
    .top_float .top_logo { width: 59%; margin: 0 10%; cursor: pointer; text-indent: -999em; background: url(../images/m_logo.png) no-repeat center 5px; background-size: 127px 35px; }
    .top_float .top_nav { width: 10%; float: right; cursor: pointer; text-indent: -999em; background: url(../images/nav_ico.png) no-repeat center 5px; background-size: 35px 35px; }
    .product-list { margin: 0 auto; }
    .xg_casedetail li h4 { font-size: 13px; height: 50px; line-height: 18px; }
    .news_detail ._head h1 { text-align: left; }
    .xg_casedetail { margin-bottom: 0; }
    .news_q_list li ._nr { float: none; }
    .news_q_list li { padding-bottom: 15px; margin: 0 3% 15px 0; }
    .news_q_list { margin-top: 0; padding-top: 60px; }
    .news { margin-top: 0; padding-top: 20px; }
    .message input.intxt { width: 100%; }
    , .message textarea { width: 99.5%; }
    .message, .about_con { margin-top: 20px; }
    .sy_lei { display: block; }
    .sy_lei { width: 100%; overflow: hidden; text-align: center; padding: 0px; margin: 10px 0 0 0; }
    .sy_lei a { display: block; color: #333; float: left; font-size: 14px; margin: 0; padding: 10px 0 5px; text-align: center; width: 17%; margin: 0 1.5%; }
    .sy_lei a:hover p { color: #e60012; }
    .sy_lei a img { display: block;  text-align: center; margin: 0 auto; }
    .sy_lei a.list-active { color: #333; background: #d5d5d5; }
    .sy_lei a.list-active:hover p { color: #e60012; }
    .pro_tab .current { background: none; color: #eb0001; }
    .pro_tab li { background: none; }
    .case_detail_zi h3 { font-size: 20px; }
    .xunjia { display: block; background: #0F1B45; color: #FFE303; }
    .zixun { display: block; background: #FDCE06; }
    .price { background: none; text-indent: 0; width: 100%; float: left; margin-bottom: 20px; margin-top: 0; text-align: center; }
    .price a { text-indent: 0; font-size: 18px; height: 46px; line-height: 46px; }
    .price a { width: 50%; float: left; }
    .pd_guide li.active a { background: #666; }
    embed, .sx_0 { display: none; }
    .pro_tel span { font-size: 15px; }
}

@media (max-width: 767px) {
    .ser_lc li { width: 32%; }
    .lx_list li { width: 19.8%; }
    .xg_zs li .date { display: none; }
    .xg_zs li .p { height: auto; }
    .xg_zs li { width: 100%; border-bottom: #d8d8d8 1px solid; padding: 0 0 15px 0; overflow: hidden; margin: 0 0 15px 0; }
    .foot_yd_top dd span { font-size: 18px; }
    .top_capa dt img { width: 70%; }
    .wenda .wenti dt, .wenda .daan dt, .wenda .d { display: none; }
    .wenda .wenti dd, .wenda .daan dd, .wenda p { width: 100%; }
}

@media (max-width: 480px) {
    .product-list li, .hy_new li, .digital li, .top_capa dl, .xg_casedetail li, .xg_casedetail li, .kuan2s li, .box-nl ul li { width: 47%; }
    .top_capa dt img { width: 50%; }
    .pd_guide li { width: 32.6%; }
    .solution li { width: 46%; }
    .lx_list li { width: 28%; }
    .ser_shili li img { display: block; text-align: center; margin: 0 auto; }
    .ser_shili li { margin: 1% 1.5%; }
    .newslist_top_r li ._time { display: none; }
    .newslist_top_r li ._intnew { width: 100%; }
    .digital li { margin: 15px 1.5% 10px; }
    .foot_yd_top dd span { font-size: 14px; }
    .foot_yd_top dd p { display: none; }
    .fl .t1 { font-size: 21px; }
    .ser_shili li { width: 22%; }
    .top_float .top_zx { background-size: 33px 33px; background-position: center 3px; }
    .top_float .top_logo { background-size: 120px 27px; }
    .top_float .top_nav { background-size: 33px 33px; background-position: center 3px; }
    .top_float li { height: 40px; line-height: 40px; }
    .m_nav { margin-top: 40px; }
    .m_banner { padding-top: 40px; }
    .cases_con_shuxing dd h4 { font-size: 14px; }
    .message li, .message textarea { width: 100%; }
    .message .tit p, .subly { display: none; }
    .message { padding-bottom: 30px; }
    .message input.intxt, .message textarea { width: 95%; }
}

@media (max-width: 360px) {
    .news_solution { margin-bottom: 20px; }
    .sy_solution dl { width: 48%; float: left; margin: 0 1%; }
    .sy_solution dl h4 { font-size: 12px; background: #424355; height: 36px; padding: 0 5px; line-height: 17px; color: #fff; margin-bottom: 0; }
    .sy_solution dl h4 a { color: #fff; }
    .sy_solution dt { width: 100%; height: auto; }
    .sy_solution dd { display: none; }
    .top_float .top_zx { background-size: 30px 30px; background-position: center 3px; }
    .top_float .top_logo { background-size: 115px 26px; background-position: center 3px; }
    .top_float .top_nav { background-size: 30px 30px; background-position: center 3px; }
    .top_float li { height: 34px; line-height: 34px; }
    .m_nav { margin-top: 34px; }
    .m_banner { padding-top: 34px; }
    .m_pro_lei { padding-top: 30px; }
    .news_detail { margin-top: 30px; width: 96%; }
    .sy_prolist_tit h3, .cenNew_list h3, .sy_solution h3, .hy_new_tit h3, .new_tit h3, .com_huanjing dd h3, .com_ca dd h3, .com_con h3, .ser_pj dd h3, .ser_jishu dd h3, .ser_lc h3, .ser_con h3, .lx_list h3, .case_detail h1, .case_tit h2, .news_detail ._head h1 { font-size: 20px; }
}
.display_none { display: none; }
/*=========================安平县汉威丝网制品有限公司网站模板版权所有，仿站盗用必究=============================*/