/*layout*/
/*slide1*/
.slides-item1 h1,
.slides-item1 h2{
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.slides-item1 {
	background: url(../images/dnww_01.jpg) center 0 no-repeat;
	text-align: center;
}
.slides-item1 .dhdiv {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 750px;
	margin-left: -500px;
	margin-top: -270px;
}
.slides-item1 .dhdiv span{
	display:block;
	overflow: hidden;
	word-wrap : break-word;
	color:#000;
	text-align:left;
	font-size:16px;
	line-height:30px;
	text-indent:32px;
	width:1000px;
	height:120px;
	padding:0 30px;
}
.slides-item1 h1 {
	background: url(../images/Title.png) center center no-repeat;
	width: 1000px;
	height: 290px;
}
.slides-item1 h2 {
	background: url(../images/dnww_01_02.png) center center no-repeat;
	width: 266px;
	height: 44px;
}
.slides-item1  h1 {
	animation: zoomIn 1s ease-in forwards;
	-moz-animation: zoomIn 1s ease-in forwards;
	-webkit-animation: zoomIn 1s ease-in forwards;
}
.slides-item1 h2 {
	animation: fadeInUp 1.5s ease-in forwards;
	-moz-animation: fadeInUp 1.5s ease-in forwards;
	-webkit-animation: fadeInUp 1.5s ease-in forwards;
}
 @-webkit-keyframes fadeInOutUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 1000%, 0);
 transform: translate3d(0, 1000%, 0);
}
 50% {
 opacity: 1;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes fadeInOutUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 1000%, 0);
 transform: translate3d(0, 1000%, 0);
}
 50% {
 opacity: 1;
 -webkit-transform: translate3d(0, 50%, 0);
 transform: translate3d(0, 50%, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes fadep {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0, 10%, 0);
 transform: translate3d(0, 10%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @keyframes fadep {
 0% {
 opacity: 1;
 -webkit-transform: translate3d(0, 10%, 0);
 transform: translate3d(0, 10%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
.fadeInOutUp {
	-webkit-animation-name: fadeInOutUp;
	animation-name: fadeInOutUp;
}



 /*animate*/
@-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 -ms-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -moz-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 -ms-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
 0% {
 opacity: 0;
 -moz-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 -ms-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
 0% {
 opacity: 0;
 -moz-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
}
}
@-moz-keyframes zoomIn {
 0% {
 opacity: 0;
 -moz-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 -ms-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-ms-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}