@charset "utf-8";
/* CSS Document */
<style type="text/css"> 

/*FullPage*/
	body,  div,  p { margin: 0; padding: 0;}
	ul { list-style: none;}
	a{text-decoration: none;font-size:14px;}
	html { overflow: hidden;}
	body { width: 100%;  *cursor: default;
	overflow: hidden; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}
	#pageContain { overflow: hidden;}
	.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
	.contain { width: 100%; height: 100%; display: block; position: absolute; z-index: 0;}
	.current .contain, .slide .contain { display: block;}
	.current { display: block; z-index: 1;}
	.slide { display: block; z-index: 2;}
	.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
	.page1 { background: #fff;}
	.page1.current{transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transform-origin: 50% 50% 0px; transform: translate(0px, 0px) translateZ(0px) scale(1) rotate(0deg); opacity: 1; transition-duration: 800ms;}
	.page2 { background: url(img/bg21.jpg);}
	.page3 { background: url(img/bg31.jpg);}
	.page4 { background: url(img/bg41.jpg);}
	.page5 { background: url(img/bg51.jpg);}
	.page6 { background: url(img/bg61.jpg);}
	#navBar { z-index: 3; position: absolute; top: 45%; right: 3%;}
	#navBar .active { 
		background: #3bb017;
		border:1px solid #3bb017;
		border-radius: 10px;
  		-webkit-border-radius: 10px;
 		-moz-border-radius: 10px;
 	}
	#navBar li { 
		cursor: pointer;
		margin-bottom: 10px;
		transition: all .7s ease;
		border-radius: 50%;
		line-height: 40px;
		text-align: center;
		width: 10px;
		height: 10px;
		background:#fff;
		border:1px solid #fff;
		border-radius: 10px;
  		-webkit-border-radius: 10px;
 		-moz-border-radius: 10px;
	}
	.txt { 
		margin-top: 20%;
		font-size: 50px;
		color: #fff;
		text-align: center;
	}
    
/*banner*/ 
	.slideshow { 
	   	position: absolute;
	    width: 100vw;
	    height: 100vh;
	    overflow: hidden;
	} 
	.slideshow-image { 
	   	position: absolute;
	    width:100%;
	    height: 100%;
	    background: no-repeat 50% 50%;
	    background-size: cover;
	    -webkit-animation-name: kenburns;
	    animation-name: kenburns;
	    -webkit-animation-timing-function: linear;
	    animation-timing-function: linear;
	    -webkit-animation-iteration-count: infinite;
	    animation-iteration-count: infinite;
	    -webkit-animation-duration: 16s;
	    animation-duration: 16s;
	    opacity: 1;
	    -webkit-transform: scale(1.2);
	    transform: scale(1.2);
	} 
	.slideshow-image:nth-child(1) { 
	   	-webkit-animation-name: kenburns-1;
	    animation-name: kenburns-1;
	    z-index: 4;
	} 
	.slideshow-image:nth-child(2) { 
	   	-webkit-animation-name: kenburns-2;
	    animation-name: kenburns-2;
	    z-index: 3;
	} 
	.slideshow-image:nth-child(3) { 
	   	-webkit-animation-name: kenburns-3;
	    animation-name: kenburns-3;
	    z-index: 2;
	} 
	.slideshow-image:nth-child(4) { 
	   	-webkit-animation-name: kenburns-4;
	    animation-name: kenburns-4;
	    z-index: 1;
	}
	.slideshow-image:nth-child(5) { 
	   	-webkit-animation-name: kenburns-5;
	    animation-name: kenburns-5;
	    z-index: 0;
	}
	.in_title { 
	 	position: absolute;
	 	top: 50%;
	 	left: 50%;
	 	-webkit-transform: translate3d(-50%, -50%, 0);
	 	transform: translate3d(-50%, -50%, 0);
	 	z-index: 99;
	 	text-align: center;
	 	font-family: Raleway, sans-serif;
	 	font-weight: 300;
	 	text-transform: uppercase;
	 	background-color: none;
	 	padding: 1em 2em;
	 	line-height: 3;
	} 
	@-webkit-keyframes kenburns-1 { 
	 	0% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	 	1.5625% { opacity: 1;} 
	 	23.4375% { opacity: 1;} 
	 	26.5625% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
	 	100% { opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);}
	 	98.4375% { opacity: 0;-webkit-transform: scale(1.21176);transform: scale(1.21176);}
	 	100% { opacity: 1;} 
	} 
	@keyframes kenburns-1 { 
		0% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
		1.5625% { opacity: 1;}
	 	23.4375% { opacity: 1;}
	 	26.5625% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
		100% {opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);}
	 	98.4375% { opacity: 0;-webkit-transform: scale(1.21176);transform: scale(1.21176);}
	 	100% { opacity: 1;}
	} 
	@-webkit-keyframes kenburns-2 { 
		23.4375% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	 	26.5625% { opacity: 1;} 
	 	48.4375% { opacity: 1;} 
	 	51.5625% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
	 	100% { opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	} 
	@keyframes kenburns-2 { 
		23.4375% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 
		26.5625% { opacity: 1;} 
		48.4375% { opacity: 1;} 
		51.5625% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
		100% { opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);}
	} 
	@-webkit-keyframes kenburns-3 { 
	 	48.4375% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	 	51.5625% { opacity: 1;} 
	 	73.4375% { opacity: 1;} 
	 	76.5625% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
	 	100% { opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	} 
	@keyframes kenburns-3 { 
		48.4375% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
	 	51.5625% { opacity: 1;} 
	 	73.4375% { opacity: 1;} 
	 	76.5625% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
	 	100% { opacity: 0;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	} 
	@-webkit-keyframes kenburns-4 { 
		73.4375% { opacity: 1;-webkit-transform: scale(1.2);
	 	transform: scale(1.2);} 
	 	76.5625% { opacity: 1;} 
	 	98.4375% { opacity: 1;} 
	 	100% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
	} 
	@keyframes kenburns-4 { 
	 	73.4375% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	 	76.5625% { opacity: 1;}
	 	98.4375% { opacity: 1;} 
	 	100% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
	} 
	@-webkit-keyframes kenburns-5 { 
		73.4375% { opacity: 1;-webkit-transform: scale(1.2);
	 	transform: scale(1.2);} 
	 	76.5625% { opacity: 1;} 
	 	98.4375% { opacity: 1;} 
	 	100% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
	} 
	@keyframes kenburns-5 { 
	 	73.4375% { opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);} 
	 	76.5625% { opacity: 1;}
	 	98.4375% { opacity: 1;} 
	 	100% { opacity: 0;-webkit-transform: scale(1);transform: scale(1);} 
	}   
	.title_text{	
		opacity: 1;
		position: relative;
		transition: 10s all ease;
		width:0px;
		height:129px;
		background: url(../img/bjzy1111.png);
		overflow:hidden;
	}
	.title_yw{	
		opacity: 0;
		margin-top:3px;
		position: relative;
		transition: 5s all ease;s
		width:0px;
		height:63px;
		background:url(../img/bjzy211.png);
		overflow:hidden;
	}

	.title_hx{
		opacity: 1;
		margin-top:13px;
		position: relative;
		transition: 15s all ease;
		width:0px;
		height:61px;
		background:url(/img/bjzy31.png);
		overflow:hidden;
	}
	.title_zw{
		opacity: 0;
		margin-top:15px;
		position: relative;
		transition: 10s all ease;s
		width:0px;
		height:80px;
		background:url(/img/gh.png);
		overflow:hidden;
	}
	.page1.current .title_text{	
		opacity: 1;
		height:129px;
		width:851px;
		transition-delay: 0s;
	}
	.page1.current .title_yw{	
		opacity: 1;
		height:63px;
		width:851px;
		transition-delay: 8s;
		margin-top: 13px;
	}
	.page1.current .title_hx{	
		opacity: 1;
		height:61px;
		width:851px;
		transition-delay: 10s;
		margin-top:13px;
	}
	.page1.current .title_zw{	
		opacity: 1;
		height:80px;
		width:851px;
		transition-delay: 15s;
		margin-top:15px;
	}
/*about*/
	.bt{display:block;transition: all .4s ease;  position: relative;top:0px;opacity: 0;margin:auto;}
	.bt img{display:block;top:0px;opacity: 1;left: 46%;margin:auto;}
	.page2.current .bt{opacity: 1;top: 8%;}
	.page3.current .bt{opacity: 1;top: 8%;}
	.page4.current .bt{opacity: 1;top: 8%;}
	.page5.current .bt{opacity: 1;top: 8%;}
	.page6.current .bt{opacity: 1;top: 8%;}

	.page2 .abzi{ opacity: 0; width:970px;text-align: center; top:200%;position: relative; margin:auto;}
	.page2.current .abzi{ opacity: 1;top:26%;}
	.abzi p{line-height:32px;font-size:14px;color:#fff;position: relative;transition: all 1s ease-out;bottom:-180px;opacity: 0;}
	.page2.current .abzi p{bottom: 0;opacity: 1;}
	.aban{display:block;margin:40px auto;width:160px;height:36px;line-height:36px;position: relative;bottom:-300px;transition: all 1.3s ease; opacity: 0;}
	.page2.current .aban{bottom:0;opacity: 1;}
	.aban a{color:#fff;text-align: center;display:block;transition:0.5s all ease;}
	.abx{width:650px;color:#dcdcdc;margin:auto;height:1px;border-top: 1px solid #dcdcdc;opacity: 0;position: relative;transition:1.3s all ease-out;bottom: -300px;}
	.page2.current .abx{opacity: 1;bottom:0;}
	
	.page2 .abtu{width:1200px;height:151px;opacity: 0; transition:1s all ease;position: relative;top:20%;margin:auto;}
	.page2.current .abtu{ opacity: 1;}
	.abtu ul li{ width:151px; height:151px; overflow:hidden; -webkit-transition: all 500ms ease-out; 
	            -moz-transition: all 500ms ease-out;
	            transition: all 500ms ease-out; float:left;margin-left:24px;margin-right:25px;}
	.abtu ul li a{ width:151px; height:151px; display:inline-block;transition:0.5s all ease;
				}
	.abtu ul li.abtu1{ margin-right:0;}
		
	.abtu ul li a#abtu1{ background:url(/img/ab11.png);position:relative;top:-200px;transition: all .7s ease;}
	.abtu ul li a#abtu1:hover{ background:url(/img/ys11.png);}
	.page2.current .abtu ul li a#abtu1{top: 0px;}

	.abtu ul li a#abtu2{ background:url(/img/ab21.png);position:relative;top:300px;transition: all .8s ease;}
	.abtu ul li a#abtu2:hover{ background:url(/img/ys22.png);}
	.page2.current .abtu ul li a#abtu2{top:0px;}

	.abtu ul li a#abtu3{ background:url(/img/ab31.png);position:relative;top:-200px;transition: all .9s ease;}
	.abtu ul li a#abtu3:hover{ background:url(/img/ys33.png);}
	.page2.current .abtu ul li a#abtu3{top:0px;}

	.abtu ul li a#abtu4{ background:url(/img/ab41.png);position:relative;top:300px;transition: all .7s ease;}
	.abtu ul li a#abtu4:hover{ background:url(/img/ys44.png);}
	.page2.current .abtu ul li a#abtu4{top:0px;}

	.abtu ul li a#abtu5{ background:url(/img/ab51.png);position:relative;top:-200px;transition: all .8s ease;}
	.abtu ul li a#abtu5:hover{ background:url(/img/ys55.png);}
	.page2.current .abtu ul li a#abtu5{top:0px;}

	.abtu ul li a#abtu6{ background:url(/img/ab611.png);position:relative;top:-300px;transition: all .9s ease;}
	.abtu ul li a#abtu6:hover{ background:url(/img/ys611.png);}
	.page2.current .abtu ul li a#abtu6{top:0px;}

/*news*/
    .newan{display:block;margin:40px auto;width:230px;height:36px;line-height:36px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;
    position: relative;bottom:-100%;transition: all 1.3s ease; opacity: 0;}
    .newan a{color:#fff;text-align: center;display:block;transition:0.5s all ease-out;}
    .page3.current .newan{bottom:0;opacity: 1;}

	#c_news_list-14972678269345766 {position:relative;left:100%;transition: all 1.5s ease-out;opacity:0;} 
	.page3.current #c_news_list-14972678269345766{left:0;opacity: 1;}

/*company*/
    .w_right {
	width:100%;
	float:left;
	height:100%;
	position:relative;
	overflow: hidden;
	display:block;
	margin:auto;
	}
	.w_right ul {
		display:block;
		width:1430px;
		padding:0px;
		height:70%;
		position:relative;
		left:0px;
		display:block;
		margin:auto;
	}
	.w_right ul li {
		width:213px;
		float:left;
		height:494px;
		overflow:hidden;
		position:relative;
		margin-left: 15px;
	}
	.w_right ul li:nth-child(1) {
		margin-top:0px;
	}
	.w_right ul li:nth-child(2) {
		margin-top:0px;
	}
	.w_right ul li:nth-child(3) {
		margin-top:0px;
	}
	.w_right ul li:nth-child(4) {
		margin-top:0px;
	}
	.w_right ul li div.bg {
		position:absolute;
		width:213px;
		height:493px;
		top:0px;
		left:0px;
	}
	.w_right ul li div.bg img {
		position:absolute;
		top:0px;
		left: 0px;
		transition:1.5s;
	}
	.w_right ul li:hover div.bg img {
		transform:scale(1.15);
	}
	.w_right ul li:nth-child(1) div.bg img {
		top: 0px;
		left:0px;
	}
	.w_right ul li:nth-child(2) div.bg img {
		top: 0px;
		left: 0px;
	}
	.w_right ul li:nth-child(3) div.bg img {
		top: 0px;
		left: 0px;
	}
	.w_right ul li:nth-child(4) div.bg img {
		top: 0px;
		left: 0px;
	}
	.w_right ul li div.title {
		width:100%;
		height: 171px;
		position:absolute;
		bottom:0px;
		left:0px;
		background:url(/img/xszi1.png) 0px 0px no-repeat;
	}
	.w_right ul li:nth-child(1) div.title {
		background-position: 0px 0px;
	}
	.w_right ul li:nth-child(2) div.title {
		background-position: 0px 0px;
	}
	.w_right ul li:nth-child(3) div.title {
		background-position: 0px 0px;
	}
	.w_right ul li:nth-child(4) div.title {
		background-position: 0px 0px;
	}
	.w_right ul li div.title a {
		display:block;
		width:90%;
		left:5%;
		height:80px;
		line-height:30px;
		text-align:left;
		font-family:microsoft yahei;
		font-weight:normal;
		color:#000;
		font-size:18px;
		bottom:0px;
		position:absolute;
		z-index: 110;
		text-decoration: none;
	}
	.page4.current .flipInY1{left: 0;transition:1.5s all ease;}
	.page4.current .flipInY2{right: 0;transition:1.5s all ease-out;}
	.page4.current .flipInY3{right: 0;transition:1.2s all ease;}
	.page4.current .flipInY4{right: 0;transition:1s all ease-out;}
	.w_right ul .flipInY1{	
		width:495px;
		float:left;
		height:493px;
		overflow:hidden;
		position:relative;
		top:20%;
		float:left;
		left:-300%;
	}
	.w_right ul .flipInY2{	
		width:213px;
		float:left;
		height:493px;
		overflow:hidden;
		position:relative;
		top:20%;
		float:left;
		right:-150%;
	}
	.w_right ul .flipInY3{	
		width:213px;
		float:left;
		height:493px;
		overflow:hidden;
		position:relative;
		top:20%;
		float:left;
		right:-200%;
	}
	.w_right ul .flipInY4{	
		width:213px;
		float:left;
		height:493px;
		overflow:hidden;
		position:relative;
		top:20%;
		float:left;
		right:-250%;
	}
	.w_right ul .flipInY1 .title {
		width:496px;
		height: 107px;
		position:absolute;
		bottom:0px;
		left:0px;
		background:url(/img/zgs.png) 0px 0px no-repeat;
	}
	.w_right ul .flipInY1 .bg {
		position:absolute;
		width:496px;
		height:493px;
		top:0px;
		left:0px;
	}

/*products*/
	.zzcy{display:block;width:100%;margin:auto; overflow: hidden;margin-top:133px;}
    .zzcy1{display:block;width:1200px;margin:auto; overflow: hidden;}
    .zzcy img:hover{
      -webkit-transition: opacity .65s,-webkit-transform .65s;
      -moz-transition: opacity .65s,-webkit-transform .65s;
      transition: opacity .65s,transform .65s
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -moz-transform: scale(1.1);
    }
	.pl{width:300px;height:525px;float: left;overflow: hidden;left:-50%;position:relative;opacity:0;}
    .pr{width:900px;height:525px;float: left;overflow: hidden;}
    .prl{width:300px;height:525px;float: left;overflow: hidden;}
    .prr{width:600px;height:525px;float: right;overflow: hidden;}
    
    .s1{width:300px;height:300px;float: left;background:#fff;overflow: hidden;padding:50px 18px 20px 18px;top:-50%;position:relative;opacity:0;}
    .s2{width:300px;height:300px;float: left;overflow: hidden;right:-100%;position:relative;opacity:0;}
    .s3{width:300px;height:300px;float: left;overflow: hidden;top:-50%;position:relative;opacity:0;}

    .prrs{width:600px;height:300px;float: left;overflow: hidden;}
    .prrx{width:600px;height:225px;float: left;overflow: hidden;}

    .x1{width:300px;height:245px;float: left;overflow: hidden;top:50%;position:relative;opacity:0;}
    .x2{width:600px;height:225px;float: left;background:#fff;overflow: hidden;padding:30px 40px;top:50%;position:relative;opacity:0;}
    
    .zzbt{color:#000;font-size:16px;margin-bottom:15px;}
    .zzjs{color:#292929;font-size:14px;height:140px;line-height: 20px;font-family:"微软雅黑";}
    .zzjt{float:right;}
    .zzbt1{color:#000;font-size:16px;margin-bottom:15px;}
    .zzjs1{color:#888;font-size:14px;height:100px;line-height: 20px;font-family:"微软雅黑";}
    .page5.current .pl{left: 0;opacity:1;transition:1.1s all ease-out;}
    .page5.current .s1{top: 0;opacity:0.9;transition:1.2s all ease-out;}
    .page5.current .x1{top: 0;opacity:1;transition:1.3s all ease-out;}
    .page5.current .s2{right: 0;opacity:1;transition:1.4s all ease-out;}
    .page5.current .s3{top: 0;opacity:1;transition:1.5s all ease-out;}
    .page5.current .x2{top: 0;opacity:0.9;transition:1.3s all ease-out;}

/*contact*/
    .lxtt{margin:auto;width:1200px;height:532px;position:relative;margin-top:10px;}
    #c_public_htmlCode-14974256323309563{width:606px;height:532px;position:relative;float:left;background:url(/img/con1.png);left:-100%;}
    .page6.current #c_public_htmlCode-14974256323309563{left:0;opacity:1;transition:1.4s all ease-out;}
    #c_message_form-14974269675644701{width:594px;height:532px;position:absolute;float:right;margin-left:200%;background:url(/img/con1.png);right:-100%;}
    .page6.current #c_message_form-14974269675644701{margin-left:606px;opacity:1;transition:1.4s all ease-out;}

/*footer*/
    .footer {color: #fff;position: fixed;bottom: -50%;z-index: 6666;font-size: 14px;width: 100%;text-align: center;margin:auto;height: 35px;line-height: 35px;position:relative;  opacity:0; }
    .footer a { color: #fff; margin-left: 0px;font-size:14px;}
    .footer a:hover{ color: #fff;text-decoration: underline;}
    .page6.current .footer{opacity:1;transition:1s all ease-out;position: fixed;z-index: 666666;bottom: 251px;}

/*button*/    
	.button {
		float: left;
		min-width: 120px;fff
		max-width: 235px;
		display: block;
		font-size:14px;
		border: none;
		background: none;
		color: inherit;
		vertical-align: middle;
		position: relative;
		z-index: 1;
		-webkit-backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
	}
	.button:focus {
		outline: none;
	}
	.button > span {
		vertical-align: middle;
	}
	.button--nina {
		overflow: hidden;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	.aban .button--nina.button--inverted {
		color: #fff;
		border:1px solid #fff;
		width: 160px;
	    height: 36px;
		border-radius: 15px;
		text-align: center;
	    text-decoration: none;
	}
	.newan .button--nina.button--inverted {
		color: #fff;
		border:1px solid #fff;
		width: 230px;
	    height: 36px;
		border-radius: 15px;
		text-align: center;
	    text-decoration: none;
	}
	.button--nina > span {
		display: inline-block;
		opacity: 0;
		color: #fff;
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
		transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	}
	.button--nina::before {
		content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
		transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	}
	.aban .button--nina:hover {
		border:1px solid #3bb017;
		background-color: #3bb017;
	}
	.newan .button--nina:hover {
		border:1px solid #3bb017;
		background-color: #3bb017;
	}
	.button--nina:hover::before {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	.button--nina:hover > span {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.button--nina:hover > span:nth-child(1) {
		-webkit-transition-delay: 0.045s;
		transition-delay: 0.045s;
	}
	.button--nina:hover > span:nth-child(2) {
		-webkit-transition-delay: 0.09s;
		transition-delay: 0.09s;
	}
	.button--nina:hover > span:nth-child(3) {
		-webkit-transition-delay: 0.135s;
		transition-delay: 0.135s;
	}
	.button--nina:hover > span:nth-child(4) {
		-webkit-transition-delay: 0.18s;
		transition-delay: 0.18s;
	}
	.button--nina:hover > span:nth-child(5) {
		-webkit-transition-delay: 0.225s;
		transition-delay: 0.225s;
	}
	.button--nina:hover > span:nth-child(6) {
		-webkit-transition-delay: 0.27s;
		transition-delay: 0.27s;
	}
	.button--nina:hover > span:nth-child(7) {
		-webkit-transition-delay: 0.315s;
		transition-delay: 0.315s;
	}
	.button--nina:hover > span:nth-child(8) {
		-webkit-transition-delay: 0.36s;
		transition-delay: 0.36s;
	}
	.button--nina:hover > span:nth-child(9) {
		-webkit-transition-delay: 0.405s;
		transition-delay: 0.405s;
	}
	.button--nina:hover > span:nth-child(10) {
		-webkit-transition-delay: 0.45s;
		transition-delay: 0.45s;
	}
/*button*/  
</style>