body {
	font-size:12px;
	color:#333;
	font-famliy:'宋体',Arial,Verdana,Sans-Serif;
	margin:0px auto;
}
div {
	border:none;
	margin:0;
	padding:0;
}
form {
	border:none;
	margin:0;
	padding:0;
}
ul {
	border:none;
	margin:0;
	padding:0;
}
OL {
	border:none;
	margin:0;
	padding:0;
}
li {
	border:none;
	margin:0;
	padding:0;
}
span {
	border:none;
	margin:0;
	padding:0;
}
P {
	border:none;
	margin:0;
	padding:0;
}
img {
	border:none;
	margin:0;
	padding:0;
}
a img {
	border:none;
	margin:0;
	padding:0;
}
ul {
	list-style-type:none
}
ol {
	list-style-type:none
}
li {
	list-style-type:none
}
.center {
	margin:0 auto
}
.clear {
	clear:both;
	margin-top:-1px;
	font-size:1px;
	visibility:hidden;
	width:1px;
	line-height:0;
	height:0px
}
a:link {
	color:#353535;
	text-decoration:none;
	outline-style:none
}
a:visited {
	color:#353535;
	text-decoration:none;
	outline-style:none
}
a:hover {
	color:#0b3779;
}
.wrapper {
	margin:0px auto;
	width:1002px;
	padding:0

}
.header {
	overflow:hidden;
	width:100%;
	height:130px;
	background:url(../images/head_bg.jpg) repeat-x;width: 1000px;margin:0 auto;

}
.top {
	width:1002px;
	height:97px;
}
.logo {
	font-size:32px;
	float:left;
	width:450px;
	height:87px;
	margin-left:25px;
	display:inline;
	margin-top:5px;
}
.headerR {
	float:right;
	overflow:hidden;
	width:500px;
	height:60px;
	margin-top:25px;
	font-size:18px;
	color:#CB161F;
	font-weight:bold;
	text-align:right;
	line-height:30px;
}
.navigation {
	width:1002px;
	height:33px;
	overflow:hidden;
	margin:0 auto
}
.nav_left {
	width:50px;
	float:left;
	background:url(../images/nav_left.jpg) no-repeat;
	height:33px;
}
.nav_right {
	width:50px;
	float:right;
	background:url(../images/nav_right.jpg) no-repeat;
	height:33px;
}
.menu {
	height:33px;
	width:902px;
	float:left;
	background:url(../images/nav_bg.jpg) repeat-x;
}
.menu li {
	display:block;
	float:left;
	height:32px;
	text-decoration:none;
	text-align:center;
	width:110px;
	color:#fff;
	font:14px/32px 'Microsoft YaHei','SimSun',Arial,Sans-Serif;
	background:url(../images/menu.jpg) 0px 0px no-repeat;
	margin:0px 0px 0px 0px;
}
.menu li.homepage {
	background:none transparent scroll repeat 0% 0%
}
.menu li a:link {
	display:block;
	margin:0px;
	color:#fff;
	text-decoration:none
}
.menu li a:visited {
	display:block;
	margin:0px;
	color:#fff;
	text-decoration:none
}
.menu li a:hover {
	display:block;
	margin:0px;
	color:#E29D5C;
	text-decoration:none
}
.banner {
	width:1002px;
	margin-top:1px;
	height:300px;
}

.postlist {
	margin:15px 0px 0px
}
.postlist li {
	padding-left:12px;
	float:left;
	width:640px;
	line-height:32px;
	height:32px
}
.postlist li H3 {
	font-weight:normal;
	font-size:12px;
	float:left;
	width:500px
}
.postlist li sapn {
	float:right;
	width:80px;
	color:#666;
	text-align:right
}
.productlist {
	margin-top:10px
}
.productlist li {
	float: left;
    height: 150px;
    margin: 5px 0 10px;
    overflow: hidden;
    padding: 0 25px;
    width: 170px;
}
.productlist li img {
	border-color: #E4E4E4;
    border-right: 2px solid #E4E4E4;
    border-style: solid;
    border-width: 2px;
    height: 120px;
    padding: 2px;
    width: 168px;
}
.productlist li .product_name {
	display: block;
    height: 25px;
    line-height: 23px;
    overflow: hidden;
    text-align: center;
    width: 170px;
}

.pagelist {margin:10px auto; height:30px;width:650px;text-align:center;overflow:hidden;}
.pagelist ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.pagelist ul li {list-style:none;float:left;padding:2px 8px; border:1px solid #ccc; height:20px; line-height:20px; margin:0px 2px;}
.thisclass{ background:#ff0000; display:block; padding:0px 6px; font-weight:bold;color:#fff;}

.pageNavi {
	padding-right:0px;
	border-TOP:#ddd 1px solid;
	padding-left:0px;
	padding-bottom:25px;
	margin:10px auto 0px;
	width:98%;
	padding-top:10px;
	text-align:center
}
.wp-pagenavi {
	margin:0px auto;
	padding-top:15px
}
.wp-pagenavi A {
	border-RIGHT:#ccc 1px solid;
	padding-right:8px! important;
	border-TOP:#ccc 1px solid;
	padding-left:8px! important;
	padding-bottom:4px! important;
	margin:2px;
	border-LEFT:#ccc 1px solid;
	color:#333! important;
	padding-top:4px! important;
	border-bottom:#ccc 1px solid;
	text-decoration:none! important
}
.pageleft {
	overflow:hidden;
	width:300px;
	line-height:24px;
	height:24px
}
.pageright {
	overflow:hidden;
	width:300px;
	line-height:24px;
	height:24px
}
.pageleft {
	padding-left:10px;
	float:left;
	text-align:left
}
.pageright {
	padding-right:10px;
	float:right;
	text-align:right
}
.footer {
	overflow:hidden;
	width:1002px;
	color:#515151;
	text-align:center;
	background-image:url(../images/foot.jpg);
	background-repeat:no-repeat;
}
.footer P {
	line-height:26px
}
.footpage {
	text-align:center;
	margin-top:25px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}
.footpage li {
	padding-right:5px;
	display:inline;
	padding-left:12px;
	font-size:12px;
	padding-bottom:0px;
	border-LEFT:#999 1px solid;
	width:1px;
	padding-top:0px;
	WHITE-SPACE:nowrap
}
.footpage li.nb {
	border-LEFT-STYLE:none
}
.footpage a:link {
	color:#515151
}
.footpage a:visited {
	color:#515151
}
.footpage a:hover {
	color:#515151;
}
.content_bc {
	width:1002px;
	height:auto;
	margin-top:15px;
}
.content_bc1 {
	width:1002px;
	margin:0px auto;
	height:auto;
	padding-top:15px;
}
.content_left {
	float:left;
	width:255px;
	height:auto;
}
.content_left1 {
	float:left;
	width:255px;
}
.left_a {
	width:215px;
	height:auto;
	float:left;
	overflow:hidden;
}
.left_a dt {
	background:url(../images/left_1.jpg)  0px 0px no-repeat;
	width:215px;
	height:26px;
	float:left;
}
.left_a dt1 {
	background:url(../images/left_3.jpg)  0px 0px no-repeat;
	width:215px;
	height:26px;
	float:left;
}
.left_a dt2 {
	background:url(../images/left_4.jpg)  0px 0px no-repeat;
	width:215px;
	height:26px;
	float:left;
}
.left_a dt3 {
	background:url(../images/left_5.jpg)  0px 0px no-repeat;
	width:215px;
	height:26px;
	float:left;
}
.left_a dd{
	margin:10px 0px 0px 0px;
	padding:0px;
	width:215px;
	float:left;
}

.left_a dd a.titlemenu_dolphin:link,.left_a dd a.titlemenu_dolphin:visited,.left_a dd a.titlemenu_dolphin:active{
	display:block;
	text-decoration: none;
	font:12px/32px Verdana, Arial, Helvetica, sans-serif;
	height:30px;
	text-align:center;
	background:url(../images/dot2.gif) 0px 0px no-repeat;
	padding-left:0px;
	margin-bottom:2px;
	color:#484848;
}

.left_a dd a.titlemenu_dolphin:hover{
	display:block;
	color: #cb161f; 
	text-decoration: none;
	font:12px/32px Verdana, Arial, Helvetica, sans-serif;
}
.left_d {
	width:220px;
	padding-bottom:2px;
	margin-top:10px;
	float:left;
	overflow:hidden
}
.left_d dt {
	background-image:url(../images/lxwm.jpg);
	width:215px;
	height:26px;
	margin-top:10px;
	float:left;
	background-repeat:no-repeat;
	overflow:hidden;
	display:inline
}
.left_d dd{
	float:left; 
	padding-top:10px; 
	font-size:12px; 
	line-height:20px; 
	color:#666; 
	width:199px; 
	border:1px #CCCCCC solid; 
	padding-left:13px; 
	height:123px; 
	border-top:none
}
.right_a {
	width:215px;
	height:auto;
	float:right;
	overflow:hidden;
}
.right_a dt {
	background:url(../images/left_2.jpg)  0px 0px no-repeat;
	width:215px;
	height:85px;
	float:left;
	overflow:hidden;
}
.right_a dd {
	width:215px;
	padding-top:10px;
}
.right_a dd img{
	 float:right
}
.js{
	background:url(../images/right_1.jpg) no-repeat; 
	width:210px; 
	height:160px; 
	float:right; 
	margin-top:10px;
}
div.photopic_nopic{
	margin:35px 0px 0px 24px;
	padding:0px;
}

div.photopic_nopic a.photopic_nopic:link,div.photopic_nopic a.photopic_nopic:visited,div.photopic_nopic a.photopic_nopic:active{
	display:block;
	text-decoration: none;
	font:12px/22px Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	text-align:left;
	background:url(../images/dot2.png) 0px 7px no-repeat;
	padding-left:15px;
	margin:0px;
	color:#424242;
	overflow:hidden;
	width:145px;
}

div.photopic_nopic a.photopic_nopic:hover{
	display:block;
	color: #ff0000; 
	text-decoration: none;
	font:12px/22px Verdana, Arial, Helvetica, sans-serif;
}
.gongsjj {
	width:492px;
	height:170px;
	float:left;
}
.gongsjj dt {
	background-image:url(../images/gongsjj_title.jpg);
	width:492px;
	height:50px;
	background-repeat:no-repeat;
}
.gongsjj dd {
	line-height:22px;
	margin:8px 22px 0px 13px;
	color:#4c4c4c;
	overflow:hidden
}
.product_bc {
	width:740px;
	height:150px;
	float:left;
}
.product_title {
	background-image:url(../images/product_title.jpg);
	width:492px;
	height:50px;
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
}
.product_search {
	width:350px;
	height:30px;
	background-repeat:no-repeat;
	float:left;
	margin-top:8px;
        margin-left:180px;
}
.product_content {
	width:740px;
	float:left;
	display:inline;
	margin-top:15px;
}
.product_content ul li{
	float: left; 
	overflow: hidden; 
	width: 150px;  
	height: 130px;
}
.product_content ul li img{
	border:solid 1px #eee; 
	padding:1px;
}
.right_title {
	width:700px;
	height:33px;
	float:left;
	margin-left:10px;
	display:inline;
	background-image:url(../images/right_title.jpg);
	background-repeat:no-repeat;
}
.right_bc {
	width:700px;
}
.right_title_a {
	float:left;
	margin-top:10px;
	margin-left:50px;
	font-size:14px;
	font-weight:bold
}
.right_title_b {
	font-size:12px;
	float:left;
	margin-top:11px;
	margin-left:40px;
	display:inline
}
.right_content {
	padding-top:0px;
	height:auto
}
.posts {
	width:720px;
	line-height:22px;
	float:right;
}
.posts P {
	margin-bottom:10px
}
.single {
	width:730px;
}
.single H2 {
	font-size:18px;
	padding-bottom:10px;
	margin:20px 0px 10px;
	color:#222;
	border-bottom:#ddd 1px solid;
	text-align:center
}
.info{height:20px;text-align:center;border-bottom:#ddd 1px solid;line-height:15px;}
.info small{font-size:12px;margin-left:10px;}
.aas {
	border:1px solid #000000;
}
.news {
	width:492px;
	height:190px;
	float:left;
	margin-top:10px;
}
.news dt{
	background-image:url(../images/news_title.jpg);
	width:492px;
	height:50px;
	background-repeat:no-repeat;
}
.news dd {
	float:left;
	width:492px;
}
.news1 {
	width:350px;
	height:210px;
	float:left;
	display:inline;
	margin-left:10px
}
/* ============文章列表============== */

div.newslist_cyranopic{
	float:left;
	margin:15px 0px 0px 5px;
	padding:0px;
	width:107px;
}

div.newslist_cyranopic div.fang{
	border:1px #bababa solid;
	background: #fff;
	padding:1px;
	text-align:center;
}

div.newslist_cyranopic div.picFit{
	overflow: hidden;
}

div.newslist_cyranopic div.newslist_showmore{ margin-top:6px;
}

ul.newslist_cyrano{
	float:left;
	margin:8px 0px 0px 18px;
	padding:0px;
}

li.newslist_cyrano{
	margin:0px;
	padding-left:15px;
	list-style-type: none;
	width:342px;
	height:26px;
	background:url(../images/dot3.gif) 0px 0px no-repeat; line-height:26px; overflow:hidden
}

li.newslist_cyrano .time{
	float:right;
	font:12px/26px Arial, Helvetica, sans-serif;
	color:#787667;
	padding:0px;
}

a.newslist_cyrano:link,a.newslist_cyrano:visited,a.newslist_cyrano:active{
	color:#787667;
	text-decoration: none;
	font:12px/26px Verdana, Arial, Helvetica, sans-serif;
	padding-left:18px;
}

a.newslist_cyrano:hover{
	color: #ff0000; 
	font:12px/26px Verdana, Arial, Helvetica, sans-serif;
}
/* ============文章列表end============== */
.more {
	float:right;
	margin-top:40px;
}
.more1 {
	float:right;
	margin-top:22px;
}
.f_m {
	margin-left:10px;
	display:inline
}
.f_f {
	width:1002px;
	margin:0 auto
}
dl,dd,dt {
	margin:0;
	padding:0
}
.f_1 {
	width:240px;
	float:left;
	height:230px;
	overflow:hidden
}
.f_1 dl {
	width:240px;
	float:left;
	height:230px;
}
.f_1 dt {
	width:240px;
	background:url(../images/f.jpg) no-repeat;
	height:40px;
	line-height:42px;
	font-size:14px;
	font-weight:bold;
	text-indent:40px;
}
.f_1 dd {
	width:240px;
	height:180px;
	margin-top:5px;
}
.f_1 dd a {
	display:block inline;
	width:200px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	background:url(../images/dot3.gif) no-repeat scroll 0 0 transparent;
	padding-left:15px;
	float:left;
	margin-left:10px;
}
.ad {
	margin-top:10px;
	margin-bottom:10px;
}
#gbooklist {
	width:98%;
	text-align:center;
}
#gbooklist .faq,#gbooklist
					.reply {
	text-align:left;
	width:98%;
	word-wrap:break-word;
	word-break:break-all;
}
#gbooklist .faq {
	margin-bottom:15px;
}
#gbooklist .faqtit,#gbooklist .faqcon {
	padding-left:5px;
}
#gbooklist .faqtit {
	background:#A0234F;
	color:#ffffff;
	font-size:14px;
}
#gbooklist .reply {
	border:1px dashed
					#FF0000;
	width:95%;
	margin-bottom:10px;
	margin-left:5px;
	padding:3px;
}
.pageNavi {
	border:none;
}
/* CSS Document */ #faqbox {
	}#faqbox .faqline {
	line-height:2em;
	height:35px;
	text-align:left
}
#faqbox .faqline .faqtit {
	width:70px;
	display:block;
	float:left;
	clear:both;
	text-align:right
}
#faqbox
					.Content {
	line-height:2em;
	height:120px;
	text-align:left
}
#faqbox .Content
					.faqtit {
	width:70px;
	display:block;
	float:left;
	clear:both;
	text-align:right
}
#faqbox .Content textarea {
	height:100px;
}

#demo {
	overflow:hidden;
}
#indemo {
	float:left;
	width:800%;
}
#demo1 {
	float:left;
}
#demo2 {
	float:left;
}


/*css幻灯片*/
.csslider1 {
	display: inline-block;
	position: relative;
	max-width: 1002px;
	width: 100%;
	height: 300px;
}
.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;
	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;
}
/* 幻灯片结束 */