/*公共头部css*/
.yyh_user{margin:auto10px;display:inline-block;font-size:16px;color:red;font-family:"微软雅黑";}
#box-kefu .kefu-open{ text-align:left;}
/*styl.css*/
@font-face {font-weight: normal;font-style: normal;}
.csslider1 {display: inline-block;position: relative;width: 100%;}
.csslider1 > .cs_anchor {display: none;}
.csslider1 > ul {position: relative;z-index: 1;font-size: 0;line-height: 0;margin: 0 auto;padding: 0;overflow: hidden;white-space: nowrap;}
.csslider1 > ul > li.img img {width: 100%;}
.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.num2,.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 {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;}
.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_description {
	z-index: 3;}
.csslider1 > .cs_description a,
.csslider1 > .cs_description a:visited,
.csslider1 > .cs_description a:active {
	color: inherit;
}
.csslider1 > .cs_description a:hover {
	text-decoration: none;
}
.csslider1 > .cs_description > label {
	position: absolute;
	word-wrap: break-word;
	white-space: normal;
	text-align: left;
	max-width: 50%;
	left: 0;
}
.csslider1 > .cs_description > label > span {
	vertical-align: top;
}
.csslider1 > .cs_description > label span {
	display: inline-block;
}
.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,
.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,
.csslider1 > #cs_slide1_2:checked ~ ul > li.num2 {
	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 "demurecontrols";
	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: #1FA5AD;
	width: 70px;
}
.csslider1 > .cs_arrownext:hover > label {
	background-color: #1FA5AD;
	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 #1FA5AD;
	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 #1FA5AD;
}
.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;
	background-color: rgba(0,0,0,0.6);
}

.csslider1 > .cs_bullets > label.num0 {
	background-color: #1FA5AD;
}
.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);
}

.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 {
	background-color: #1FA5AD;
}

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

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #1FA5AD; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-moz-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #1FA5AD; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-ms-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #1FA5AD; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-o-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #1FA5AD; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #1FA5AD; }
	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 {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 {
	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 {
	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 {
	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: #1FA5AD;

	-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;
	}
}

/*style.css*/
/*--- slider-css --*/
.slider {
    position: relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 20px;
    width: 20px;
    display: inline-block;
    background:#fff;
    border-radius:100px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
}
.callbacks_here a:after{
    background:#6CB6B6;
}
.callbacks_tabs a{
    visibility:hidden;
}
.callbacks_tabs li{
    display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
    position: absolute;
    bottom: 14px;
    z-index:9;
    right:54em;
}
.banner{
    position:relative;

    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    min-height:150px;
}
.back {
    width: 100%;
}
/*----*/


@charset "utf-8";
body,ul,li,a{
	font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}
img {
border: 0px;
}
.clear{clear:both;}
dd{    -webkit-margin-start: 0px;}
.nav-top{width:100%;height:30px;line-height:30px;background:#333;color:#EEE;font-size:14px;}
.nav-top .container{width:95%;max-width:1200px;margin:0 auto;}
.nav-top .container p{color:#eee;}
.nav-top li{float:left;transition:all .5s linear;}
.nav-top li a{display:inline-block;color:#eee;padding:0 10px;}
.nav-top .login-btn a{color:#E4393C;font-weight:bold;}
.nav-top li:hover{background:#0063AF;border-top-left-radius:90%;border-bottom-right-radius:90%;}
.top{width:100%;height:80px;background-color:#fff;position:relative;z-index:1;}
.top_box{width:95%;height:80px;margin:auto;max-width:1200px;}
.logo{float:left;margin-top:5px;}
.top_right{float:right;width:auto;height:80px;/*min-width:627px;*/}
.nav{height:53px;float:left;margin-top:25px;}
.nav>ul:after{content:"";display:block;clear:both;}
.nav>ul>li{float:left;margin:auto 12px;position:relative;height:53px;}
.nav>ul>li.shouji{display:none;}
.nav>ul>li a{font-size:16px;color:#3e3e3e;}
.nav>ul>li>a{position: relative;}
.nav>ul>li>a span.tophot{background: url(../images/tophot.gif) no-repeat scroll 0 0;height: 15px;margin: -8px -0 10px 0;position: absolute;width: 34px;z-index: 9999;}
.nav>ul>li a:hover{color:#41b56d;}
/*.nav li.menuon a{color:#41b56d;}*/
.log{width:129px;height:57px;float:right;margin-top:20px;}
.log li{float:left;}
.log li a{display:block;color:#fff;font-size:16px;}
.log li a:hover{color:#d4e3da;}
.log li .reg{background-color:#00c0ff;margin-right:5px;padding:5px 15px 5px 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.log li .login{background-color:#f96868;padding:5px 15px 5px 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}

.nav li .sec-nav{position:absolute;top:30px;left:-20px;width:110px;line-height:40px;background:#F3F3F3;display:none;}
.nav li .sec-nav li{border-bottom:1px solid #ddd;padding-left:20px;box-sizing:border-box;}
/* banner */
.banner{width:100%;height:auto;}
.banner img{max-width:100%;}
/* 首页主体内容 */
.box{width:1238px;height:auto;margin: 0 auto;}
.bulletin{width:100%;height:66px;background-color:#f0f0f0;}
.bulletin_title{width:100px;float:left;font-size:18px;color:#3fa9f5;line-height:66px;background: url(../images/lb.png) no-repeat left 20px;padding-left:40px;}
.bulletin_right{width:auto;height:66px;float:left;}
.bulletin_right li{width: 450px;float: left;padding-top: 10px;padding-bottom: 10px;}
.bulletin_right li em {color: #9b9b9b;line-height: 45px;margin-right: 20px;float: right;}
.bulletin_right li a {color: #505050; line-height: 45px;font-size:16px;}
.bulletin_right li a:hover{color:#41b56d;}
.advantage{width:100%;height:280px;background-color:#f5faf7;}
.advantage .box dd {margin-top:3em;width: 305px;height: 120px;text-align: center;float: left;position: relative;overflow: hidden;margin-left:0px;}
.advantage_icon img {position: absolute;left: 0;}
.advantage_txt {width: 200px;position: absolute;left: 100px;top: 18px;}
.advantage .box dd h1 {height: 20px;font-size: 18px;color: #404040;}
.advantage .box dd h2 {line-height: 26px;font-size: 14px;color: #666;}
.gs{width:1238px;text-align:center;margin:auto;line-height:150px;font-size:30px;color:#545454;}
.gs span{color:#41b56d;}
.superiority_titile{text-align:center;font-size:30px;margin-top:30px;color:#565656;}
.superiority_why{font-size:16px;line-height:30px;color:#565656;}
.superiority_box{border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;width:auto;height:505px;}
.superiority_box li{overflow:hidden;zoom:1;border-left:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;width:308px;height:252px;float:left;}
.ddh{overflow:hidden;height:250px;width:306px;}
.ddh:hover{border:1px solid #8fd3a9;}
.superiority_box img{margin:auto;display: block;padding-top: 20px;}
.superiority_box_title{font-size:16px;color:#323232;text-align:center;line-height:60px;}
.superiority_box_description{font-size:13px;color:#727272;text-align:center;line-height:20px;}
.superiority_box a{display:block;width:100px;padding:5px;text-align: center;color:#fff;background-color:#41b56d;margin:20px auto auto auto;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.superiority_more{display:block;width:460px!important;height:58px!important;background-color:#f2f0f0!important;text-align:center;font-size:20px!important;margin:30px auto auto auto;color:#969696!important;line-height:58px;}
.superiority_more:hover{display:block;width:460px!important;height:58px!important;background-color:#dedede!important;text-align:center;font-size:20px!important;color:#969696!important;line-height:58px;}
.case_bg{width:auto;height:568px;background-color:#f5faf7;margin-top:40px;}
/* 首页案例 */
.subfeature em{display:none;}	
.subfeature em img{width:190px;height:190px;padding:80px 0;position:relative;top:-400px;left:11px;background:#313231;opacity:0.8;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.panel:hover .subfeature em{ display:inline-block;}
.stepcarousel {
	MARGIN: 0px auto; OVERFLOW: scroll; WIDTH: 1150px; POSITION: relative; HEIGHT: 431px
}
.stepcarousel .belt {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
#displaycssbelt {
	VISIBILITY: hidden
}
#stocklevels {
	VISIBILITY: hidden
}
.stepcarousel .panel {
	FLOAT: left; MARGIN: 0px 20px 0px 20px; OVERFLOW: hidden; WIDTH: 210px
}
.stock {
	CLEAR: both; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 929px; COLOR: #000; BORDER-BOTTOM: #000 1px dashed; FONT-FAMILY: arial, verdana, sans-serif; HEIGHT: 10px; TEXT-ALIGN: right
}
.subfeature {
	DISPLAY: block; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 210px
}
.subfeature-txt {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 202px! important; LINE-HEIGHT: 17px; PADDING-TOP: 3px; POSITION: relative
}
.subfeature-txt H2 {
	CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px
}
.subfeature-txt H2 A {
	COLOR: #000
}
.subfeature-txt H2 A:hover {
	COLOR: #ff0076
}
.subfeature A IMG {
	BORDER-RIGHT: transparent 1px solid; BORDER-TOP: transparent 1px solid; BORDER-LEFT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid
}

.scrollbut{
	z-index: 50;
    position: absolute;
    top: 1796px;
    cursor: pointer;
}
   #scrollbut_a{left: 325px! important;top: 1845px! important;}
   #scrollbut_b{left: 1550px! important;top: 1845px! important;}
@media only screen and (min-width: 1601px) {
   #scrollbut_a{left: 325px! important;top: 1745px! important;}
   #scrollbut_b{left: 1550px! important;top: 1745px! important;}
}
@media screen and (min-width: 1301px) and (max-width: 1600px) {
   #scrollbut_a{left: 50px! important;top: 1721px! important;}
   #scrollbut_b{left: 1290px! important;top: 1721px! important;}
}
@media only screen and (max-width: 1300px) {
   #scrollbut_a{left: 14px! important;top: 1680px! important;}
   #scrollbut_b{left: 1213px! important;top: 1680px! important;}
}
.case_title{line-height:100px;}
/* 媒体报道*/
body,td,th {
	font-size: 12px;
	color: #666666;
}
img{ border:0px;}
#mt{width:1238px; overflow:hidden; margin:0px auto}
#mt td{padding:0px 20px 0px 15px; }
.mt_title{line-height:70px;}
/* 新闻*/
.news_bg{width:auto;height:395px;background-color:#f5faf7;margin-top:-60px;}
.news_box{width:500px;height:110px;float:left;}
.news_titile{font-size:16px;color:#565656;line-height:35px;}
.news_titile em{float:right;font-style:normal;color:#7b7b7b;}
.news_description{font-size:12px;color:#7b7b7b;line-height:20px;}
.news_titile a{color:#565656;font-size:18px;}
.news_description a{color:#7b7b7b;font-size:14px;}
.news_left{width:619px;float:left;padding-left:4%;}
.news_right{width:500px;float:right;padding-right:4%;}
.new_title{line-height:150px;}
/*行业*/
.industry_banner{width:auto;height:445px;background:#1e2a44 url(../images/industry_banner.jpg) no-repeat center top;}
.industry_box{width:1288px;height:atuo;overflow:hidden;}
.horizontal{width:auto;height:1px;background: url(../images/horizontal.png) no-repeat center top;}
.industry_a{font-size:18px;text-align:center;line-height:40px;}
.industry_why{font-size:16px;text-align:center;line-height:30px;}
.industry_module{width:198px;height:198px;float:left;border:1px solid #eee;margin:7px;}
.industry_module:hover{background-color:#1AB769;}
.industry_title{font-size:16px;line-height:40px;color:#333333;text-align:center;font-style:normal;}
.industry_img{text-align:center; position:relative; width:90px; height:90px; margin-bottom:3px;margin:40px auto auto auto;}
.industry_img img{width:80px;height:80px;}
.industry_img em{display:none;}
.industry_module:hover .industry_img em{ display:inline-block;z-index: 999;}
.industry_module:hover h5{color:#fff;}
.industry_module:hover .industry_img i{display:none;}
.industry_module:hover .industry_title{ color:#fff;}
.box em{font-style:normal}
.sdfe{background: url() no-repeat left top;}
.sdfe h5{font-size:20px;text-align:center;line-height:150px;}
/*代理*/
.proxy_banner{background:url(../images/proxy_banner.jpg) no-repeat center top;width:100%;height:389px;}
.main_agency {
    width: 1004px;
    overflow: hidden;
    margin: 87px auto 0;
    font-family: "微软雅黑";
}
.item_green .title {
    border-bottom: 1px solid #bbcd15;
}
.main_agency .title {
    width: 989px;
    height: 75px;
    padding-left: 15px;
}
.main_agency .title i {
    float: left;
    margin-right: 20px;
    font-size: 72px;
    line-height: 75px;
}
.main_agency .title h1 {
    color: #bfbfbe;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: normal;
}
.main_agency .item p {
    margin: 40px 0;
    color: #4A4A4A;
    font-size: 18px;
    line-height: 33px;
}
.item_green em {
    color: #bbcd15;
	font-style: normal;
}
.main_agency .title h1 em {
    font-size: 36px;
}
.item_blue .title {
    border-bottom: 1px solid #5faae3;
}
.item_blue em {
    color: #5faae3;
	font-style: normal;
}
.item_red .title {
    border-bottom: 1px solid #e55e48;
}
.item_red em {
    color: #e55e48;
	font-style: normal;
}
.main_agency .item ul.flow {
    width: 954px;
    height: 301px;
    margin: 50px auto;
}
.main_agency .item ul.flow li {
    float: left;
    display: inline;
    width: 231px;
    height: 301px;
    margin-right: 10px;
}
.main_agency .item .flow li.step01 {
    background: url(../images/bg_agency01.jpg) no-repeat;
    color: #9f7d4d;
}
.main_agency .item .flow li.step02 {
    background: url(../images/bg_agency02.jpg) no-repeat;
    color: #8f9199;
}
.main_agency .item .flow li.step03 {
    background: url(../images/bg_agency03.jpg) no-repeat;
    color: #4d9f91;
}
.main_agency .item .flow li.step04 {
    background: url(../images/bg_agency04.jpg) no-repeat;
    color: #4d7b9f;
    margin-right: 0;
}
.main_agency .item .flow li h2 {
    font: 18px/20px "微软雅黑";
    margin: 165px 0 0 0;
    text-align: center;
}
.main_agency .item .flow li.step01 p {
    margin-top: 30px;
    color: #9f7d4d;
}
.main_agency .item .flow li p {
    width: 210px;
    margin: 30px auto 0;
    font: 14px/20px "微软雅黑";
}
.main_agency .item .flow li.step02 p {
    color: #8f9199;
}
.main_agency .item .flow li.step03 p {
    color: #4d9f91;
}
.main_agency .item .flow li.step04 p {
    color: #4d7b9f;
}
/* 微官网*/
.wgw_banner{background:url(../images/wgw_banner.jpg) no-repeat center top;width:100%;height:389px;}
.wgwimg_1{width:523px;height:514px;float:left;}
.wgwtext_1{width:480px;height:auto;float:right;margin-top:150px;}
.wgw_title{font-size:30px;line-height:40px;margin-bottom:15px;}
.wgw_title font{color:#fc5604;}
.wgw_description{font-size:18px;color:#646464;line-height:25px;}
.wgw2_bg{width:100%;height:640px;background-color:#fafafa;margin-top:40px;}
.wgwimg_2{width:652px;height:477px;float:right;margin-top:80px;}
.wgwtext_2{width:480px;height:auto;float:left;margin-top:180px;}
.wgw3_titile{font-size:30px;text-align:center;margin-top:70px;}
.wgw3_description{font-size:18px;text-align:center;line-height:40px;}
.wgw3_img{width:990px;margin:50px auto auto auto;}
/*.vote_banner{background:url(../images/vote_banner.jpg) no-repeat center top;width:100%;height:389px;}*/
.vote_banner{background:url(../images/vote_ban_1.png) no-repeat center top;width:100%;height:400px;}
.vote_title{width:1238px;height:auto;font-size:30px;line-height:50px;text-align:center;margin-top:30px;}
.wtgimg_1{width:276px;height:400px;float:left;margin:40px auto 40px auto;}
.wtg_text{width:900px;height:auto;float:right;font-size:14px;margin-top:40px;margin-left:10px;}
.wtgimg_1 ul{border:1px solid #d7d7d7;width:202px}
.wtgimg_1 li{height:3.9em;width:270px;font-size:18px;}
.wtgimg_1 p{padding-left:70px;padding-top:20px;}
.login_1{border:1px solid #d7d7d7;border-radius:15px;padding:10px;width:180px;margin-top:20px;text-align:center;color:#d7d7d7;}
.login_1 a{color:#333;font-size:16px;}
.login_1 a:hover{color: rgb(228,0,127);}
.wtg_text div{color:#3e3e3e;}
.ab:hover{
	-moz-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); 
    -o-transform:scale(1.1,1.1); 
    transform:scale(1.1,1.1);
	 transition: 1s;
    -webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s;
}
.wtg_text li{float:left;width:132px;margin:40px;}
.wtg_text li:hover{background-color:#eee;}
.mb{border:1px solid #d7d7d7;border-radius:50%;height:132px;}
.wtg_text p{color:#5f5f5f;padding:30px 25px;text-align:center;font-size: 18px;}
.vote_al{display:block;width:500px;height:50px;line-height:50px;font-size:25px;text-align:center;color:#333;margin:20px auto 20px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.vote_mb_box{width:286px;height:492px;float:left;margin:20px 10px 20px 10px;}
.tp_img{padding:25px 0;width:188px;height:auto;}
.vote_title p{width:260px;border:3px dashed #d7d7d7;padding:12px;margin:auto;}
.img{height:550px;}
/*微营销 */
.marketing_banner{background:url(../images/marketing_banner.jpg) no-repeat center top;width:100%;height:389px;}
.marketing{border-bottom:1px solid #d7d7d7;}
.margin_title{font-size:30px;line-height:40px;text-align:center;margin-top:40px;}
.margin_description{font-size:25px;line-height:40px;text-align:center;color:#919191;margin-bottom:20px;}
.margin_x_title{font-size:30px;margin:20px auto 20px auto;text-align:center;}
.margin_smbox{width:1238px;height:auto;background:url(../images/margin_smbox.jpg) no-repeat right top;}
.margin_box{padding-left:60px;padding-top: 12px;}
.margin_box div{font-size:18px;}
.margin_box p{font-size:14px;line-height:0px;}
.margin_box1{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left 12px;}
.margin_box2{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -58px;}
.margin_box3{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -130px;}
.margin_box4{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -200px;}
.margin_box5{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -270px;}
.margin_box6{width:auto;height:70px;background:url(../images/margin_box_ico.png) no-repeat left -349px;}
.x{width:1238px;height:1px;margin:10px auto 10px auto;border-bottom:1px solid #d7d7d7;}
.gl{width:1106px;height:406px;text-align:center;margin:60px auto 70px auto;}
.gl li{float:left;width:220px;height:220px}
.gl img:hover{
	-moz-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); 
    -o-transform:scale(1.1,1.1); 
      transform:scale(1.1,1.1); 
	 transition: 1s;
    -webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
     transition:1s;
}
.margin_al{display:block;width:430px;height:50px;line-height:50px;font-size:25px;text-align:center;color:#fff;margin:10px auto 50px auto;background-color:#ff8a00;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.margin_al:hover{background-color:#de7800;}


/*公共底部css*/
.aboutUs{font-style:normal;}
.zhongXin {width:70%;margin:0 auto;padding-top:30px;}
.footList {width:20%;float:left;}
ul {list-style:none;}
.footList li {width:100%;float:left;}
.footList li span {color: #FFF;font-size: 18px;padding-bottom: 20px;display: inline-block;}
.footList li a {color: #fff;font-size: 14px;line-height: 36px;text-decoration: none;}
.footBox {width: 100%;border-bottom: 1px solid #fff;padding-bottom: 20px;float: left;}
.foot_icp {color: #fff;line-height: 20px;text-align: center;font-size:13px;}
.copyRight {color: #fff;width: 100%;text-align: center;padding: 10px 0;float: left;font-size:13px;}
.kf {width: 114px;height: 30px;background: url(/images/kfqq_bg.png) no-repeat;display: inline-block;line-height: 100px;overflow: hidden;margin-top:10px;}
.kf:hover {width: 114px;height: 30px;background: url(/images/kfqq_bg.png) no-repeat;background-position: 0px -32px;display: inline-block;line-height: 100px;overflow: hidden;}
.aboutUs{height:30em;background-color:#333;}
/*phone.css*/
@media screen and (min-width:998px){
	.log,.y-user{display:none;}
}
@media screen and (max-width:997px){
	*{box-sizing:border-box;}
	.nav-top ul{display:none;}
	div.logo{background:none;}
	.top_box{
		width:95%;
		position:relative;
	}
	.top_right ul:after,.box:after,.clear:after{content:"";display:block;clear:both;}
	.icon-bar{
		/*display:none;*/
		position:absolute;
		top:25px;
		right:20px;
		width:50px;
		height:50px;
		padding:5px 12px;
		cursor:pointer;
	}
	.icon-bar span{
		display:block;
		width:40px;
		border:2px solid #333;
		border-radius:5px;
		margin-bottom:8px;
	}
	.top_right{
		width:100%;
		height:0;
		position:absolute;
		top:80px;
		left:0;
		z-index:999;
		background:#aaa;
		padding:0;
		overflow:hidden;
		transition:height .5s linear;
	}
	.nav{
		width:100%;
		height:auto;
		margin:0;
	}
	.nav ul li.shouji{display:block;}
	.nav li.yyh_pc{display:none;}
	a.yyh_user{
		float:left;
		width:50%;
		height:35px;
		line-height:35px;
		text-align:center;
		padding:0;
		margin:0;
	}
	.log{
		width:100%;
		height:auto;
		margin:0;
	}
	.top_right>.log>ul>li{width:50%;}
	.top_right .log li a{width:100%;margin:0;padding:0;}
	.top_right ul li{
		width:100%;
		height:35px;
		text-align:center;
		margin:0;
		line-height:35px;
	}
	.top_right .nav li:hover{background:#FAC569;}
	.top_right li a{color:#eee;width:100%;display:block;}
	/**悬浮窗口**/
	#box-kefu{display:none;}
	/**页尾**/
	div.aboutUs{width:100%;height:auto;}
	div.zhongXin{width:95%;padding:10px 0 50px;}
	.zhongXin>ul,.zhongXin>div{display:none;}
	.zhongXin>.foot_No_hidden{display:block;}
	.h_block{display:block;}
}	
@media screen and (max-width:500px){
	#footer_c_c{display:none;}
}
/*inline.css*/
@media screen and (max-width:997px){
	.box{width:100%;}
	.bulletin{height:auto;}
	.bulletin_title{width:40%;}
	.bulletin_right{width:60%;}
	.bulletin_right ul li{margin:0;padding:0;line-height:66px;width:100%;}
	.clear li em{line-height:25px;display:none;}
	.advantage{height:auto;}
	.advantage>.box dd{width:100%;margin:1.5em 0;}
	.advantage dd>div{position:static;float:left;}
	.advantage_icon{width:45%;text-align:right;}
	.advantage_txt{width:55%;line-height:40px;}
	.box dd .advantage_txt h1{height:auto;line-height:35px;}
	.advantage_icon img{position:static;max-width:100%;}
	.superiority_titile{width:100%;margin:20px 0;font-size:1.2rem;}
	.superiority_box li{width:50%;}
	.superiority_box li .ddh{padding:0 5px;}
	.superiority_box li div{width:100%;}
	.superiority_box img{padding:0;}
	.superiority_box_title{line-height:24px;padding:15px 0;}
	.stepcarousel{width:100%;}
	.news_bg{width:100%;height:auto;margin:0;}
	.news_bg>.box{width:95%;margin:0 auto;}
	.new_title{margin:0;line-height:100px;}
	.news_bg>.box>div{width:100%;padding:0;}
	.news_box{width:100%;height:auto;margin:20px 0;}
	.news_hidden{display:none;}
	#mt{width:100%;}
	#scrollbut_a,#scrollbut_b{display:none;}
	.new-header .new-nav .new-first-nav>li {
	    margin: 0 5px !important;
	}
	.new-nav .new-nav-list .new-first-nav {
	    margin-right: 5px;
	}
}
@media screen and (max-width:1200px){
	.new-header .new-nav .new-first-nav>li {
	    margin: 0 15px;
	}
	.new-nav .new-nav-list .new-first-nav {
	    margin-right: 10px;
	}
}
@media screen and (max-width:1110px){
	.new-header .new-nav .new-first-nav>li {
	    margin: 0 10px;
	}
}
.case_bg{height:auto;}

.func_muban{width:100%;max-width:1150px;margin:60px auto 30px;background:#fff;position:relative;}

.muban_carouse{width:100%;overflow: hidden;margin-bottom:40px;padding-bottom: 40px;border-bottom:1px solid #EEEEEE;}
.muban_carouse ul{width:400%;overflow:hidden;position: relative;}
.muban_carouse ul li{float:left;width:6%;position:relative;}
.muban_carouse ul li img{width:100%;}
.muban_carouse ul li em{position:absolute;width:100%;height:400px;top:30px;left:0;display:none;background:rgba(0,0,0,0.5);}
.muban_carouse ul li em img{width:100%;margin-top:40%;}
.muban_carouse ul li:hover em{display:block;}

.muban_bottom{position: relative;}
.muban_bottom>a{display: block;width:35%;margin:0 auto;border:1px solid #FE0000;color:#FE0000;line-height: 46px;text-align: center;font-size: 18px;}
.muban_bottom>b{cursor: pointer;position: absolute;width:44px;height:44px;line-height: 40px;border-radius: 50%;border:1px solid #DEDEDE;color:#D3D3D3;font-size:30px;text-align: center;}
.arr_pre{left:0;top:50%;margin-top:-22px;}
.arr_next{right:0;top:50%;margin-top:-22px;}


/*imageflow.css*/
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}、



/*最新公共头部*/
.new-clearfix:after{content:"";display:block;clear: both;}
.wid{width:95%;max-width: 1200px;margin:0 auto;}
.ft{float:left;}
.rt{float:right;}
.new-header,.new-header *{box-sizing:border-box;font-size:14px;}
.new-header{position: relative; background:#fff;}
.new-header .new-top{background: #333;height:30px;line-height:30px;color:#fff;overflow:hidden;}
.new-top a{color:#fff;}
.new-top .new-top-sub .new-zixun{float:left;}
.new-top .new-top-sub ul{float:right;}
.new-top .new-top-sub ul li{float:left;transition: all .5s linear;}
.new-top .new-top-sub ul li:hover {background: #0063AF;border-top-left-radius: 90%;border-bottom-right-radius: 90%;}
.new-top .new-top-sub ul li a{padding:0 10px;}
.new-header .new-nav{height:90px;float:none;}
.new-nav .new-logo img{margin-top:6px;}
.new-nav .new-loginreg{padding-top:30px;height:90px;}
.new-nav .new-loginreg li{float:left;}
.new-nav .new-loginreg li a{display: block;color:#fff;width:54px;height:30px;line-height:30px;text-align: center;border-radius: 5px;margin:0 5px;font-size:16px;}
.new-nav .new-loginreg li.new-login a{background:#00c0ff;}
.new-nav .new-loginreg li.new-regist a{background:#f96868;}
.new-nav .new-loginreg li.new-login-user{min-width:100px;}
.new-nav .new-loginreg li.new-login-user a{font-size:16px;color:red;font-family:微软雅黑;width:100%;}
.new-nav .new-first-nav{margin-right:15px;}
.new-nav .new-first-nav>li{height:90px;padding:24px 0;float:left;margin:0 20px;line-height:43px;position: relative;}
.new-nav .new-first-nav>li>b{height:70px;border-left:1px solid #F3A58D;position: absolute;z-index:4;left:50%;top:10px;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s;}
.new-nav .new-first-nav>li>a{color:#3e3e3e;font-size:16px;display:block;background:#fff;position: relative;z-index:5;}
.new-nav .new-first-nav>li>a .new-tophot{background: url(../images/index_yingxiao/tophot.gif) no-repeat scroll 0 0;height: 15px;margin: 0px 0px 11px 0;;position: absolute;width: 34px;z-index: 9999;}
.new-nav .new-first-nav>li .new-caret{position: absolute;border:10px solid transparent;border-bottom-color:#393939;bottom:-10px; opacity:0; left:50%;margin-left:-5px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;}
.new-nav .new-first-nav>li .new-second-nav{position: fixed;width:100%;left:0;background:#374750;height:0;line-height:70px;top:120px;z-index:100; overflow:hidden; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; transition: height .5s;}
.new-nav .new-first-nav>li .new-second-nav ul{height:100%;text-align: center;/*margin-right:16px;*/ /*margin-left:32%;*/}
.new-nav .new-first-nav>li .new-second-nav ul li{display:inline-block;margin:0 1%;}
.new-nav .new-first-nav>li .new-second-nav a{font-size:16px;color:#fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.new-nav .new-first-nav>li .new-second-nav a:hover{color:#3399CC;}
.new-nav .new-first-nav>li:hover>a{color:#F3A58D;}
.new-nav .new-first-nav>li:hover>b{transform:skew(-45deg);opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.new-nav .new-icon-menu{ display:none;}
@media screen and (max-width: 1079px) {
    .new-nav .new-logo img{width:280px;margin-top:13px;}
    /* .new-nav .new-first-nav>li .new-second-nav ul{margin-left:20%;} */
    /*.new-nav .new-first-nav>li{margin:0 18px;}*/
}
@media screen and (max-width: 992px) {
    .new-nav .new-first-nav>li{margin:0 10px;}
}
@media screen and (max-width: 910px) {
	.new-func-intro{transition:all 0.3s;}
    .new-nav .new-icon-menu{ display:block; position: absolute;top: 48px;right: 20px;width: 50px;height: 50px;padding: 5px;cursor: pointer;font-size:12px;text-align:center; letter-spacing:4px;}
    .new-icon-menu span {display: block;width: 40px;border: 2px solid #333;border-radius: 5px;margin-bottom: 6px;}
	.new-icon-menu span:last-child{ margin-bottom: 2px;}
    .new-nav-list{height:0;overflow:hidden;position: absolute;top:120px;left:0;width:100%;background:#AAAAAA;z-index:100;transition: all 0.3s;}
    .new-nav .new-first-nav,.new-nav .new-loginreg{float:none;}
    .new-nav .new-first-nav{margin-right:0;}
    .new-nav .new-first-nav>li{float:none;width:100%;margin:0;text-align: center;height:50px;line-height:50px;padding:0;}
    .new-nav .new-first-nav>li>b{display: none;}
    .new-nav .new-first-nav>li>a{background:none;}
    .new-nav .new-first-nav>li>a .new-tophot{display: none;}
    .new-nav .new-first-nav>li:hover{background:#FAC569;}
    .new-nav .new-first-nav>li:hover>a{color:#41B56D;}
    .new-nav .new-first-nav>li .new-second-nav{position: relative;left:0;top:0;line-height:50px;display: block;height:0;overflow:hidden;}
    .new-nav .new-first-nav>li .new-second-nav ul{width:100%;margin-right:0;}
    .new-nav .new-first-nav>li .new-second-nav ul li{display:block;margin:0;height:50px;}
    .new-nav .new-loginreg{padding-top:0;height:auto;}
    .new-nav .new-loginreg li{width:50%;}
    .new-nav .new-loginreg li a{margin:0;width:100%;height:40px;line-height:40px;}
}
@media screen and (max-width: 400px) {
    .new-nav .new-logo img{width:220px;margin-top:15px;}
}