/* 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,h5,h6, p, ul, ol, dd, dl, dt, form { margin: 0px; padding: 0px; }
img { 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; border: 0; vertical-align: baseline;}
.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; }

/* changliang */
html { overflow-x: auto; padding:0px; margin:0px;}
.wrap { max-width: 1200px; margin: 0 auto; overflow: hidden; *zoom:1; _zoom:1; zoom:1;}
.wrap01 {max-width: 1200px;margin: 0 auto; *zoom:1;_zoom:1;zoom:1;position: relative;}
.jl50 { margin-top: 50px; }
body { font-size: 14px; line-height: 1.6; color: #555; background: #fff; }
a:hover { color: #FF3F3C; }
a { text-decoration: none; color: #00132b; }
.top { margin: 15px auto 20px; }
.top .logo { width: 40%; float: left; }
.top .logo img { text-align: left; display: block; }
.top .tel { width: 40%; display: block; float: right; margin-top: 10px; text-align: right; }
.nav { height: 63px; line-height: 63px; width: 100%; margin: 0 auto; overflow: hidden; font-size: 16px; text-align: center; background: #182133; }
.nav ul { margin: 0 auto; overflow: hidden; }
.nav ul li { float: left; width: 12.4%; text-align: center; }
.nav ul li a { font-size: 16px; display: inline-block; line-height: 63px; width: 100%; }
.nav ul li a:link { color: #fff; }
.nav ul li a:hover { color: #fff; }
.nav .li0 { color: #fff; }
.nav .li1 { background: #eb0001; color: #fff; }
#header-wrapper{}
#header-wrapper .backtitle 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;}
#header-wrapper .backtitle a {display:none;}
@media (min-width:1000px){
	#header-wrapper .backtitle h1{position:absolute;top:-215px;left: 50%;transform: translate(-50%);}
}
@media (max-width:999px){
	#header-wrapper .backtitle {color: #000;padding: 0 18px;font-weight: normal;color: #000;padding: 10px 10px;background: #fff;}
	#header-wrapper .backtitle h1{font-size: 16px; color: #000; background: none; display: inline-block;width: auto;}
	#header-wrapper.fixed{position: fixed; left:0%; top:0px; width:100%; z-index: 9999;box-shadow: 0px 1px 5px #ccc;}
	#header-wrapper.fixed .backtitle h1{font-weight:bold; color: #f00;}
	#header-wrapper .backtitle a{display:inline-block;position: relative; float:right; background: url(../images/qb.png) no-repeat 10px center #fecb34;background-size: 16px; font-size:14px; line-height:26px; border-radius:12px; padding:0px 10px 0px 30px; color:#3a3a3a;}
	#header-wrapper .backtitle a::after{content:'';cursor:pointer;position:absolute;left: 0px;top:0;width: 20px;height:100%;    -webkit-animation:masked-animation 4s infinite linear;-moz-animation:masked-animation 4s infinite linear;-ms-animation:masked-animation 4s infinite linear;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}
@-webkit-keyframes masked-animation{
    0%{left:0%;}
    50%{left:90%;}
    100%{left:0%;}
}
@-moz-keyframes masked-animation{
    0%{left:0%;}
    50%{left:90%;}
    100%{left:0%;}
}
@-ms-keyframes masked-animation{
    0%{left:0%;}
    50%{left:90%;}
    100%{left:0%;}
}

}
.csslider1 {display: inline-block;position: relative;max-width: 1920px;
}
.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: 18px; color: #000; }
.top_capa .tit h6 { font-size: 40px; width: 100%; color: #000; text-align: center; display: inline-block; }

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

.sy_about_r1 { width: 49.8%; float: left; }
.sy_about_r1 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: 42px; color: #000; padding-top: 5px; text-align: center; margin-top: 20px; }

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

.cenNew_list { width: 50%; float: left; overflow: hidden;margin-top: -5px;}
.cenNew_list ul{clear:both;}
.cenNew_list ul li{position:relative;clear:both;text-align:left;border-bottom:1px dashed #ddd;padding: 8px 80px 8px 15px;line-height: 24px;}
.cenNew_list ul li::after{content:'';position:absolute;left:0px;top: 17px;width:6px;height:6px;background:#f00;border-radius:50%;}
.cenNew_list ul li span{position:absolute; right:0px; top:10px; }
.cenNew_list ul li a{font-size: 16px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media (max-width:767px){
.cenNew_list ul li span{display:none;}
.cenNew_list ul li{padding-right:5px;}
.cenNew_list ul li a{font-size: 14px;}
}
.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: 36px; color: #000; margin-bottom: 40px; }
.sy_solution dl { overflow: hidden; position: relative; margin-bottom: 30px; }
.sy_solution dl h4 { font-size: 22px; line-height: 40px; margin-bottom: 10px; font-weight: normal; color: #00132b; }
.sy_solution dt { margin-right: 1.5em; width: 162px; height: 118px; text-align: center; overflow: hidden; float: left; }
.sy_solution 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 { height: 45px; line-height: 45px; padding: 7px 0; background: #182133; color: #fff; font-size: 15px; }
.foot_btm a { color: #fff; }
.foot_btm ._left { float: left; }
.foot_btm ._left b { padding: 0 5px; }
.foot_btm ._right { float: right; }
.foot_link {background: #f4f4f4;  height:25px;line-height:25px;font-size: 12px; color:#333}  .foot_link a{ color:#333;padding-right: 10px;}
/*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; }
.breadm { background: url(../images/mess.jpg); width: 100%; overflow: hidden; height: 40px; display:none;}
.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: 99px;background-size: cover;padd;padding-top: 110px;}
.pro_top_jieshao { max-width: 1200px; margin: 0 auto; z-index: 15; }
.pro_top_pro { margin-top: 50px;letter-spacing: 1px; }
.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: 130px; }
.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: 40px; float: left; }
.pro_top_right_miaoshu { width: 100%; height: 220px;*height: 225px; overflow: hidden; }
.pro_top_right_miaoshu p { margin-bottom: 15px; overflow: hidden; width: 100%; font-size: 15px; }
.pro_top_right_miaoshu 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; color:#000; }
.pd_guide a { display: block; color: #000; font-size: 20px; padding: 15px 0;}
.fixed .pdico { display: none; }
.pd_guide li.active a { background: #38425a; color: #fff; }
.pd_guide li.active a:after { display: block; }
.pro_con { margin-top: 30px; overflow: hidden; margin-bottom: 60px;  letter-spacing: 1px; }
.pro_con_left { width: 75%; float: left; margin-top: -15px; }
.pro_con_left h3 { font-size: 24px; margin: 15px 0; color: #000; }
.pro_con_left p {text-align: left;margin: 10px 0;line-height: 26px;text-indent: 25px;letter-spacing:1px;}
.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: 15px; 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; height: 200px; }
.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:focus { background: #FEDE00; color: #fff; margin-top: -10px; padding-top: 10px; height: 110px; }
.pro_cate ul li a:active { background: #FEDE00; color: #fff; margin-top: -10px; padding-top: 10px; height: 110px; }
.pro_cate ul li a:visited { background: #FEDE00; color: #fff; margin-top: -10px; padding-top: 10px; height: 110px; }
.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%; 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: 20px 0; text-align: center; color: #eb0001; }
.lx_list p { font-size: 17px; text-align: left; color: #666; margin-bottom: 30px;margin-left:408px }
.lx_list ul{float:left;margin-left:150px;}
.lx_list li { float: left; width: 20%;*width:19.9%; border: #d8d8d8 1px solid; padding: 1%; margin: 0 1.3% 30px; }
.lx_list li img { display: block; margin: 0 auto; text-align: center; width:40%; margin-bottom:10px; }
.lx_list li h4 { text-align: center; width: 100%; font-size: 24px;* font-size: 20px; }
.zixun1 { display: block; margin-top: 15px; width: 250px; height: 50px; text-align: center; line-height: 50px; background: #0070C0; font-size: 18px; }
.zixun1 a { color: #fff; }
.news { margin-top: 70px; }
.news_tab { width: 18%; float: right; }
.news_tab li { text-align: center; padding: 30px 0; margin-bottom: 1%; float: left; width: 100%; border-right: #fff 1px solid; background-color: #f1f1f1; }
.news_tab li ._ico { display: inline-block; width: 64px; height: 61px; background-repeat: no-repeat; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_tab li ._ico1 { background-position: 0 0; }
.news_tab li ._ico2 { background-position: -64px 0; }
.news_tab li ._ico3 { background-position: -128px 0; }
.news_tab li ._t { font-size: 18px; color: #000; }
.news_tab li.cur, .news_tab li:hover { background-color: #424355; }
.news_tab li.cur ._t, .news_tab li:hover ._t { color: #fff; }
.news_tab li.cur ._ico, .news_tab li:hover ._ico { background-image: url(../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; }
.nd_menus span { display: block; float: left; margin-left: 5px; }
.jl5 { margin-top: 5px; }
.tit_left { width: 60%; margin-top: 15px; }
.news_detail .fx { width: 40%; float: left; }
.news_detail .fx span { display: block; float: left; }
.news_detail_con { width: 100%; margin-top: 20px; }
.news_detail_con video { padding-left:12%;}
.news_detail_con a { color: #eb0001; }
.news_detail_con p { margin: 15px 0; text-indent: 25px; line-height: 30px; font-size: 15px; }
.news_detail .myart { padding: 20px 0; line-height: 2; }
.news_detail .myart img { display: block; margin: 0 auto; }
.news_detail ._detailPage_bottom { border-top: 1px solid #cccccc; }
.news_detail ._detailPage_bottom li { height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #cccccc; }
.news_detail ._detailPage_bottom ._mark { width: 104px; font-size: 16px; float: left; margin-right: 10px; text-align: center; }
.news_detail ._detailPage_bottom ._title { font-size: 18px; float: left; width: 68%; color: #000; }
.news_detail ._detailPage_bottom ._time { float: right; color: #999; }
.daodu { width: 84%; padding: 2% 1% 2% 15%; margin-bottom: 35px; background: #f4f4f4 url(../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: 60px auto 30px; }
.prolist_r { width: 27%; float: right; margin-top: -40px; }
.prolist_r h3, .prolist1_l h3 { font-size: 38px; color: #222; text-align: left; overflow: hidden; }
.prolist_r h3 span, .prolist1_l h3 span { font-size: 96px; font-style: italic; color: #eb0001; margin-right: 10px; }
.prolist_tit1 h3 { font-size: 38px; color: #222; width: 200px; padding: 0 25px; text-align: center; border: #222 1px solid; background: #fff; overflow: hidden; margin: 0 auto; }
.prolist_tit h3 a, .prolist_tit1 h3 a { color: #eb0001; }
.prolist_tit1 h3 { background: #f4f4f4; }
.prolist_r p, .prolist1_l p { font-size: 16px; margin-bottom: 15px; line-height: 32px; }
.more_detail { display: block; background: #fdcc05 url(../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%; background: #f4f4f4; padding: 50px 0 20px; }
.prolist1_l { width: 27%; float: left; margin-top: -40px; }
.prolist1_img { float: right; width: 69%; }
.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: right; width: 95%; text-indent: 0; margin: 0; }
.solution { max-width: 1250px; margin: 0 auto; margin-top: 87px; margin-bottom: 10px; overflow: hidden; }
.solution li { width: 29.3333%;*width: 29.2%; height: 470px; margin: 0 2% 0; float: left; }
.solution li img { width: 100%; }
.solution .jianjie { width: 100%; }
.solution .jianjie p { font-size: 14px; }
.solution .jianjie p span { color: #ED1C24; }
.solution .more { width: 120px; border-bottom: 2px solid #ccc; line-height: 42px; margin-top: 16px; }
.solution .more a { color: #F29C06; font-size: 14px; }
.solution h2 { font-size: 20px; font-weight: bold; line-height: 26px; }
.solution_text { border-bottom: 4px solid #f2f2f2; padding: 0 23px 15px 0; }
.case_text .details a { color: #ff9900; text-decoration: none; }
.hover-more .more-show h2 { margin: 0; padding: 0; }
.hover-more .more-show h2 a { display: inline-block; color: #333; margin-top: 20px; margin-bottom: 15px; }
.hover-more:hover .more-show { border-bottom-color: #ff9900; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.hover-more:hover .more-show h2 a { margin-top: 25px; }
.hover-more .more-show h2 a { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.solution_text .details { display: inline-block; margin-top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.hover-more:hover .details { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); margin-top: 20px; }
.solution img:hover { filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.index_case_text { border-bottom: 4px solid #f2f2f2; padding: 0 13px 0 13px; }
.details { margin-top: 17px; margin-bottom: 15px; text-decoration: underline; }
.index_case_text .details { display: inline-block; margin-top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.case_banner { height: 500px; background: url("../images/ser_ban.jpg") no-repeat 85% 0; margin-bottom: 28px; }
.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 85% 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%; -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%;}
.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, .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: bold 42px/42px 微软雅黑; }
.com_con p { text-indent: 25px; line-height: 32px; font-size: 15px; margin: 8px 0; }
.about_box3 { height: 533px; }
.about_box3 .ab3_img { width: 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 { width: 68%; padding: 15% 10% 10%;*padding: 15% 4% 10%; color: #624031; }
.ab3_con .box .a3_t { font-size: 42px; color: #000; }
.ab3_con .box .a3_p { font-weight: bold; font-size: 22px; }
.ab3_con .box .a3_con { font-size: 110%; margin-top: 30px;*margin-top: 20px; line-height: 30px;*line-height:25px; }
.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 { margin-top: 30px; background: #f4f4f4; padding: 60px 0; }
.com_ca dt { float: left; width: 52%; }
.com_ca dd { width: 43%; margin-top: 50px; float: right; }
.com_ca dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.com_ca dd p { line-height: 30px; font-size: 15px; }
.com_huanjing { margin-top: 60px; margin-bottom: 60px; }
.com_huanjing dt { float: right; width: 50%; }
.com_huanjing dd { width: 45%; margin-top: 80px; float: left; }
.com_huanjing dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.com_huanjing dd p { line-height: 30px; font-size: 15px; }
.ser_lc { margin-top: 53px; width: 100%; padding: 0 0 60px 0; overflow: hidden; }
.ser_lc h3 { font-size: 40px; margin: 40px 0 10px 0; color: #000; text-align: center; }
.ser_lc p { text-align: center; font-size: 15px; margin-bottom: 20px; }
.ser_lc h4 { color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width: 16.6%; background: url(../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%; margin-top: 30px; 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 3% 25px 0; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.news_q_list li img { float: right; margin-top: 40px; }
.news_q_list li ._date { float: left; width: 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: 29.33%;*width: 28%; padding-left: 4%; cursor: pointer; }
.index_bottom .link li a { color: #fff; }
.index_bottom .link li a h4 { opacity: 0.8; }
.index_bottom .link li a .desc { opacity: 0.8; }
.index_bottom .link li a:hover h4 { opacity: 1; }
.index_bottom .link li a:hover .desc { opacity: 1; }
.index_bottom .link li div { display: inline-block; float: left; margin-right: 15px; width: 40px; height: 40px; background: url('../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}
.pro_con_left video {     margin-left: 12%;}
.NybAdvantage{ overflow: hidden; margin:0 auto; padding-top:60px;}
.NybAdvantage ul{width:100%;}
.NybAdvantage ul li{float: left;position: relative;margin-right:50px;margin-bottom: 50px;margin-top:30px;width: 340px;background: #efefef;padding: 80px 10px 30px 10px;font-size: 14px;color:#3f3f3f;line-height: 26px;height: 400px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;width: 48%;margin-left: 1%;margin-right: 1%;}
.NybAdvantage ul li .NybAdvantageTop{position: absolute;width: 120px;height: 120px;left: 50%;top: -60px;border:5px solid #fff;background: #ffd200;border-radius:50%;padding: 5px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0px 0px 0px -60px;}
.NybAdvantage ul li .NybAdvantageTop span{display: block;width: 96px;height: 96px;padding: 0px 0px;text-align:center;border-radius:50%;border:2px dotted #fff;font-size: 16px;font-weight: bold;line-height: 30px;}
.NybAdvantage ul li .NybAdvantageTop span em{display:block;font-size: 24px;color:#ff1a1a;font-weight:normal;padding: 10px 0px 0px 0px;text-indent: 0;font-style: normal;}


/*在线留言*/
.cont_form{background: url(../images/ly_bg.jpg) top right no-repeat #f0f0f0;background-size: 100% auto; padding:1px 15px 30px;margin-top:20px;margin-bottom:20px}
.cont_form h3{ margin-bottom:10px; margin-top:20px; text-align:left;height: 40px;line-height: 40px;color: #eb0001;  font-size: 24px; }
.cont_form p{clear: both; text-align: left;}
.cont_form ul{width:100%;margin:0 auto;}
.cont_form li{margin-bottom: 5px;width: 48%;float: left;}
.cont_form li:first-child{margin-right: 4%;}
.cont_form .wenb{margin-top:10px;width:100%}
.cont_form li span{width: 100%;display: block;overflow: hidden;text-align: left;font-size: 16px;line-height: 38px;color: #000;}
.cont_form li span font{color:#eb0001;}
.cont_form li input{height: 36px;line-height: 36px;width:100%;color: #666;font-size: 15px;background-color: #fff;border: #999 1px solid;text-indent: 35px;}
.cont_form li .text-tel {background: url(../images/icon-text-tel.png) no-repeat 12px center #fff;}
.cont_form li .text-user {background: url(../images/icon-text-user.png) no-repeat 10px center #fff;}
.cont_form li .text-message {background: url(../images/icon-text-message.png) no-repeat 10px 17px #fff;padding: 15px 0 0;text-indent: 35px;width:100%;border: #999 1px solid;height: 100px;line-height: 20px;font-size: 15px;color: #666;}
.cont_form .btnclick{
    width:  100%;
    overflow:  hidden;
    padding-top: 10px;
}
.btnclick input{color: #000;height: 41px;line-height: 36px;display: block;width: 180px;cursor: pointer;font-size: 16px;border: none;background: #fc0;}
.btnclick input:hover{background: #fdcc05;border: 2px solid #444;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
@media (min-width:375px){
	.NybAdvantage ul li{height:340px}
}
@media (min-width:414px){
	.NybAdvantage ul li{height:310px}
}
@media (min-width:768px){
	.NybAdvantage ul li{height:240px; padding-left:20px; padding-right:20px;}
}
/*<!--定制咨询-->*/
.pro_dz {background:#192232;  color:#f1e9d1; overflow:hidden; line-height:60px; font-size:15px; margin:35px 0;}.pro_dz img { float:left; margin-right:20px; }
.pro_dz p { text-indent:0;}
.pro_dz  a { padding:5px 15px; background:#ff1313; width:40px; text-align:center; color:#f1e9d1;    border-radius: 10px;}
.pro_dz  a:hover { background:#fbc83d; color:#111}
.m_dbfd { display:none;}
.news_detail_con h3 { margin:20px 0;}
@media screen and (min-width:1000px) and (max-width: 1600px) {
    #mzx { display: none; }
}
@media (max-width:1800px) {
    .nh_word { width: 18%; }
}
@media (max-width:1500px) {
    .ab3_img > ul { 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,.wrap01, .csslider1, .lx_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 { width: 75%; 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%;}
}
.foot_zx,.foot{display: none;}
@media (max-width: 999px) {
.wrap,.wrap01, .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, .nav,  .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_detail ._tools, .hy_new ._text, .xg_news, .top, .com_ban, .pro_right { display: none; }
.pro-img_m { display: block; position: relative; }
.pro-img_m img { width: 100%; height: auto; }
.breadm{display:block; padding:0px 10px;}
.bread{height:0px;}
.foot_zx{border-bottom:#efeff4 solid 10px;padding:35px 1.5%;border-top:#efeff4 solid 10px; display: block;}
.foot_talk,.foot_tel{width:100%}
.foot_talk a{display: block;padding: 16px;font-size:22px;color: #fff;text-align: center;background: #eb0001;border-radius: 14px; line-height:16px;}
.foot_tel{text-align:center;font-size:20px;color:#2b2b2b;margin-top:20px}
.foot_tel a{color:#eb0001;margin-left:10px;font-size:20px;}
.foot{margin:20px 0;padding:0 1.5%;text-align:center; display: block;}
.foot_nav{overflow:hidden;display: inline-block;}
.foot_nav li{float: left;padding: 0 10px;border-right: 1px solid #303030;line-height: 18px;font-size: 15px;}
.foot_nav li a{display:block}
.foot_nav li:last-child{border-right:none 0}
.foot_copy{margin-top:18px;text-align:center;}
.foot_copy p,.foot_copy p a{line-height: 22px;font-size: 15px;color:#444}
.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: 80px; z-index: 999999999;}
.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: 125px; 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; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }

.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; }
.slide_nav { display: none; }
.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: inline;float: none; }
.pro_top_right_miaoshu p strong { width: auto; font-size: 14px; display: inline; float: none; }
.pro_top_right_miaoshu { height: auto; width: 96%; padding: 10px 10px 0; background: #f5f5f5;}
.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; position:fixed;z-index: 1; }
.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, .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; background-size:6% }
.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_floatm .top_zx{background: url(../images/pro_5.gif) 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; }
.top_float .top_nav a{display:block;}
.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; width:80%; }
.pro_tab li img {width:80%;}
.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; display: none;}
.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; }
.pro_tel{display:none;}
.pro_tel span { font-size: 15px; }
	/*m_dbfd start*/
.m_dbfd { width: 100%; max-width: 780px; margin: 0 auto; position: fixed; background: #fdce00; bottom: 0; z-index: 999; overflow: hidden; display:block; }
.m_dbfd ul { list-style: none; height: 45px; display: -webkit-box; -webkit-box-orient: horizontal; }
.m_dbfd ul li { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; height: 45px; font-size: 14px; text-align: center; }
.m_dbfd ul li a { font-size: 14px; height: 50px; color: #000; display: block; width: 100%; text-align: center; }
.m_dbfd ul li img { width: 24px; height: 24px; margin: 3px auto 0px; overflow: hidden; }
.m_dbfd ul li a:hover { height: 45px; color: #000; text-align: center; }
.m_dbfd ul li span { margin-top: 0px; width: 100%; font-size: 14px; height: 16px; display: block; line-height: 16px; }
.m_dbfd ul li:nth-child(1) { border-right: 1px solid #333; }
.m_dbfd ul li:nth-child(3) { background: #eb0001; }
.m_dbfd ul li:nth-child(3) a { color: #fff; }
.news_right { width: 98%;float: right; border: none;padding: 0px; margin: 0 1%;}
.news_right_pro ul li img { margin-bottom:8px;}
.news_right_pro ul li { text-align: center; line-height: 20px; margin-bottom:15px;  width: 48%; float: left;   margin-left: 1.6%;}
.news_right_pro h4 { font-size:22px; color:#222;}
video { width:100%; }
.news_detail_con video { padding-left:0;}
}
	@media (max-width:780px) {
		.backtitle{padding-left:10px; padding-right:10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	}
@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%; }
	.pro_con_left video { width:99%; margin-left:1%;}
	.pro_dz img { display:none;}
	.pro_dz {    background: #192232; color: #f1e9d1; overflow: hidden; line-height: 28px;  font-size: 13px; margin: 35px 0;padding:10px 5px;}
	
	
}

@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%; }
    .cont_form li{width: 100%;margin-right: 0!important;}
}

@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; }
    .cenNew_list ul li a{font-size:14px;}
    .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; }

#LXB_CONTAINER .lxb-pos-right {
    left:0;
}

#nb_icon_wrap {
    display: none!important;
}