.index-banner .main p { height:450px; margin:0px; background-repeat:no-repeat; background-position: center top; }
.index-banner .main a { display:block; height:inherit}
.index-banner .menu { height:0; font-size:0; line-height:0; position:relative; }
.index-banner .menu ul { width:100%; height:10px; text-align:center; position:absolute; position:absolute; z-index:10; left:0; bottom:50px}
.index-banner .menu li { display:inline-block; width:10px; height:10px; border-radius:50%; cursor:pointer; background-color:#000; opacity:0.5; margin:0 6px}
.index-banner .menu .dw-active { opacity:1; }

[class*="index-area-"] [class*="dw-animation-"] { display:none; }
[class*="index-area-"].dw-active [class*="dw-animation-"] { display:inline-block; }
.index-area-1 { height:760px; padding:70px 0 60px 0; }
.index-area-1 .ball { height:425px; }
.index-area-1 .ball img { position:relative; }
.index-area-1 .ball li { width:21.6%; height:inherit; display:block; float:left; }
.index-area-1 .ball .point { width:2%; }
.index-area-1 .ball .li-1 { width:19.6%;}
.index-area-1 .ball .li-1 img { top:25px; -webkit-animation-delay:0.5s; animation-delay:0.5s}
.index-area-1 .ball .li-2 { width:15.6% }
.index-area-1 .ball .li-2 img { top:50px; }
.index-area-1 .ball i { width:10px; height:10px; border-radius:50%; background-color:#c4c4c2; display:inline-block; position:relative; top:100px}

.index-area-1 .img { margin-bottom:60px; -webkit-animation-delay:0.8s; animation-delay:0.8s }
.index-area-1 .video { padding:20px; -webkit-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }
.index-area-1 .video:hover { opacity:0.5; padding:25px; }

.index-area-2 { height:800px; background:url(../images/img4.jpg) no-repeat center top}
.index-area-2 .dw-grid-avg-2 { padding-top:135px; }
.index-area-2 .effect-1 { -webkit-animation-delay:0.5s; animation-delay:0.5s }
.index-area-2 .effect-2 { -webkit-animation-delay:1s; animation-delay:1s }
.index-area-2 .ico { position:absolute; z-index:1; bottom:-20px; right:30px; -webkit-animation-delay:1.5s; animation-delay:1.5s}

.index-area-3 { padding:80px 0; position:relative; }
.index-area-3 .img { position:absolute; z-index:1; }
.index-area-3 .img-1 { left:600px; top:100px; -webkit-animation-delay:0.2s; animation-delay:0.2s }
.index-area-3 .img-2 { left:710px; top:300px; -webkit-animation-delay:0.4s; animation-delay:0.4s}
.index-area-3 .img-3 { left:620px; top:500px; -webkit-animation-delay:0.6s; animation-delay:0.6s }

.index-area-4 { height:800px; background:url(../images/img6.jpg) no-repeat center top}
.index-area-4 ul { width:960px; height:200px; padding:500px 0 0 140px; }
.index-area-4 .effect-1 { -webkit-animation-delay:0s; animation-delay:0s  }
.index-area-4 .effect-2 { -webkit-animation-delay:0.2s; animation-delay:0.2s  }
.index-area-4 .effect-3 { -webkit-animation-delay:0.6s; animation-delay:0.6s  }
.index-area-4 .effect-4 { -webkit-animation-delay:1.0s; animation-delay:1.0s  }
.index-area-4 a:hover img { opacity:0.8; }