@charset "utf-8";
/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form{padding:0px;margin:0px;border:0;font-size:12px;}
h1,h2,h3,h4,h5,h6 {font-size:12px;font-weight:100;}
select{padding:0px;margin:0px;overflow:scroll;}
td,tr,td {font-size:12px;}
ul,ol li{list-style:none;}
input {padding:0px;margin:0px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;font-size:0px;height:0px;overflow:hidden;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
/* a {text-decoration:none;blr:expression(this.onFocus=this.blur());} */
a {outline:none;}

/* banner1 */
.banner{width:100%;height:100%;position:relative;}
.banner .list{width:100%;height:100%;overflow:hidden;position:relative;z-index:1;}
.banner .list li{width:100%;height:100%;position:absolute;left:0px;top:0px;display:none;}
.banner .list li a{width:100%;margin:0 auto;position:relative;display:block;overflow:hidden;height:100%;}
.banner .list li a:hover{text-decoration:none;}
.banner .list li.bg1 a .text1{right:8rem;top:1.02rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text1.hover{animation:img1 0.7s ease-out;-webkit-animation:img1 0.7s ease-out;}
.banner .list li.bg1 a .text2{right:7.81rem;top:1.58rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text2.hover{animation:img2 0.9s ease-out;-webkit-animation:img2 0.9s ease-out;}
.banner .list li.bg1 a .text3{right:6.94rem;top:1.90rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text3.hover{animation:img3 0.7s ease-out;-webkit-animation:img3 0.7s ease-out;}
.banner .list li.bg1 a .text4{right:5.77rem;top:2.45rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text4.hover{animation:img4 0.9s ease-out;-webkit-animation:img4 0.9s ease-out;}
.banner .list li.bg1 a .text5{right:5.88rem;top:2.77rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text5.hover{animation:img5 0.7s ease-out;-webkit-animation:img5 0.7s ease-out;}
.banner .list li.bg1 a .text6{right:5.54rem;top:3.34rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text6.hover{animation:img6 0.9s ease-out;-webkit-animation:img6 0.9s ease-out;}
.banner .list li.bg1 a .text7{right:4.83rem;top:3.66rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text7.hover{animation:img7 0.7s ease-out;-webkit-animation:img7 0.7s ease-out;}
.banner .list li.bg1 a .text8{right:4.81rem;top:4.22rem;position:absolute;z-index:3;}
.banner .list li.bg1 a .text8.hover{animation:img8 0.9s ease-out;-webkit-animation:img8 0.9s ease-out;}


@keyframes img1 {0% {right:-350px;opacity:0.3;} 100% {right:8rem;opacity:1;}}
@-webkit-keyframes img1 {0% {right:-350px;opacity:0.3;} 100% {right:8rem;opacity:1;}}
@keyframes img2 {0% {right:-350px;opacity:0.3;} 100% {right:7.81rem;opacity:1;}}
@-webkit-keyframes img2 {0% {right:-350px;opacity:0.3;} 100% {right:7.81rem;opacity:1;}}
@keyframes img3 {0% {right:-350px;opacity:0.3;} 100% {right:6.94rem;opacity:1;}}
@-webkit-keyframes img3 {0% {right:-350px;opacity:0.3;} 100% {right:6.94rem;opacity:1;}}
@keyframes img4 {0% {right:-350px;opacity:0.3;} 100% {right:5.77rem;opacity:1;}}
@-webkit-keyframes img4 {0% {right:-350px;opacity:0.3;} 100% {right:5.77rem;opacity:1;}}
@keyframes img5 {0% {right:-350px;opacity:0.3;} 100% {right:5.88rem;opacity:1;}}
@-webkit-keyframes img5 {0% {right:-350px;opacity:0.3;} 100% {right:5.88rem;opacity:1;}}
@keyframes img6 {0% {right:-350px;opacity:0.3;} 100% {right:5.54rem;opacity:1;}}
@-webkit-keyframes img6 {0% {right:-350px;opacity:0.3;} 100% {right:5.54rem;opacity:1;}}
@keyframes img7 {0% {right:-350px;opacity:0.3;} 100% {right:4.83rem;opacity:1;}}
@-webkit-keyframes img7 {0% {right:-350px;opacity:0.3;} 100% {right:4.83rem;opacity:1;}}
@keyframes img8 {0% {right:-350px;opacity:0.3;} 100% {right:4.81rem;opacity:1;}}
@-webkit-keyframes img8 {0% {right:-350px;opacity:0.3;} 100% {right:4.81rem;opacity:1;}}



/* banner2 */
.banner .list li.bg2 .text1{position:absolute;left:6.01rem;top:2rem}
.banner .list li.bg2 .text1.hover{animation:img2_1 1.2s ease;-webkit-animation:img2_1 1.2s ease;}
.banner .list li.bg2 .text2{position:absolute;left:9.97rem;top:1.75rem;}
.banner .list li.bg2 .text2.hover{animation:img2_7 2.2s ease;-webkit-animation:img2_7 2.2s ease;}
.banner .list li.bg2 .text3{position:absolute;left:7.94rem;top:1.65rem;}
.banner .list li.bg2 .text3.hover{animation:img2_3 1.4s ease-out;-webkit-animation:img2_3 1.4s ease-out;}
.banner .list li.bg2 .text4{position:absolute;left:6.31rem;top:2.76rem;transform:scale(1);-webkit-transform:scale(1);}
.banner .list li.bg2 .text4.hover{animation:img2_4 1.9s ease-out;-webkit-animation:img2_4 1.9s ease-out;}
.banner .list li.bg2 .text5{position:absolute;left:6.11rem;top:2.55rem;transform:scale(1);-webkit-transform:scale(1);}
.banner .list li.bg2 .text5.hover{animation:img2_5 1.9s ease-out;-webkit-animation:img2_5 1.9s ease-out;}
@keyframes img2_1 {0% {top:-100px;} 100% {top:2rem}}
@-webkit-keyframes img2_1 {0% {top:-100px;} 50%{top:-80px;} 100% {top:85px;}}
@keyframes img2_3 {0% {left:-350px;opacity:0.3;} 100% {left:7.94rem;opacity:1;}}
@-webkit-keyframes img2_3 {0% {left:-350px;opacity:0.3;} 100% {left:7.94rem;opacity:1;}}
@keyframes img2_4 {0%{transform:scale(0);} 40%{transform:scale(0);} 100% {transform:scale(1);}}
@-webkit-keyframes img2_4 {0%{-webkit-transform:scale(0);} 40%{-webkit-transform:scale(0);} 100% {-webkit-transform:scale(1);}}
@keyframes img2_5 {0%{transform:scale(0);} 40%{transform:scale(0);} 100% {transform:scale(1);}}
@-webkit-keyframes img2_5 {0%{-webkit-transform:scale(0);} 40%{-webkit-transform:scale(0);} 100% {-webkit-transform:scale(1);}}
@keyframes img2_7{0%{right:-400px;}  50%{right:-400px;opacity:0.3;} 100% {right:28px;opacity:1;}}
@-webkit-keyframes img2_7{0%{right:-400px;}  50%{right:-400px;opacity:0.3;} 100% {right:28px;opacity:1;}}




.banner .list li.bg3 .text1{position:absolute;left:0px;top:85px;z-index:10;}
.banner .list li.bg3 .text2-1{position:absolute;left:32px;top:131px;}
.banner .list li.bg3 .text2-2{position:absolute;left:389px;top:0px;}
.banner .list li.bg3 .text3{position:absolute;left:106px;top:0px;}
.banner .list li.bg3 .text4{position:absolute;left:345px;top:162px;font-size:30px;color:#fff;text-align:center;}
.banner .list li.bg3 .text5{position:absolute;left:99px;top:218px;}
.banner .list li.bg3 .text6{position:absolute;left:130px;top:220px;font-size:30px;color:#e9dcff;text-align:center;}
.banner .list li.bg3 .text7{position:absolute;left:386px;top:220px;font-size:30px;color:#e9dcff;text-align:center;}
.banner .list li.bg3 .text8{position:absolute;left:640px;top:220px;font-size:30px;color:#e9dcff;text-align:center;}
.banner .list li.bg3 .text1.hover{animation:img3_1 1s ease;-webkit-animation:img3_1 1s ease;}
.banner .list li.bg3 .text2-1.hover{transform-origin:right bottom;-webkit-transform-origin:right bottom;animation:img3_2-1 30s linear;-webkit-animation:img3_2-1 30s linear;}
.banner .list li.bg3 .text2-2.hover{transform-origin:left bottom;-webkit-transform-origin:left bottom;animation:img3_2-2 30s linear;-webkit-animation:img3_2-2 30s linear;}
.banner .list li.bg3 .text4.hover{animation:img3_4 1.5s ease;-webkit-animation:img3_4 1.5s ease;}
.banner .list li.bg3 .text6.hover{animation:img3_6 0.7s ease;-webkit-animation:img3_6 0.7s ease;}
.banner .list li.bg3 .text7.hover{animation:img3_7 0.7s ease;-webkit-animation:img3_7 0.7s ease;}
.banner .list li.bg3 .text8.hover{animation:img3_8 0.7s ease;-webkit-animation:img3_8 0.7s ease;}
@keyframes img3_1 {0% {top:-100px;} 50%{top:-80px;} 100% {top:85px;}}
@-webkit-keyframes img3_1 {0% {top:-100px;} 50%{top:-80px;} 100% {top:85px;}}
@keyframes img3_2-1 {0% {transform:rotate(-20deg);} 10% {transform:rotate(100deg);} 20% {transform:rotate(-20deg);} 30% {transform:rotate(100deg);} 40% {transform:rotate(-20deg);} 50% {transform:rotate(100deg);} 60% {transform:rotate(-20deg);} 70% {transform:rotate(100deg);} 80% {transform:rotate(-20deg);} 90% {transform:rotate(100deg);} 100% {transform:rotate(0deg);}}
@-webkit-keyframes img3_2-1 {0% {-webkit-transform:rotate(-20deg);} 10% {-webkit-transform:rotate(100deg);} 20% {-webkit-transform:rotate(-20deg);} 30% {-webkit-transform:rotate(100deg);} 40% {-webkit-transform:rotate(-20deg);} 50% {-webkit-transform:rotate(100deg);} 60% {-webkit-transform:rotate(-20deg);} 70% {-webkit-transform:rotate(100deg);} 80% {-webkit-transform:rotate(-20deg);} 90% {-webkit-transform:rotate(100deg);} 100% {-webkit-transform:rotate(0deg);}}
@keyframes img3_2-2 {0% {transform:rotate(10deg);} 10% {transform:rotate(-100deg);} 20% {transform:rotate(10deg);} 30% {transform:rotate(-100deg);} 40% {transform:rotate(10deg);} 50% {transform:rotate(-100deg);} 60% {transform:rotate(10deg);} 70% {transform:rotate(-100deg);} 80% {transform:rotate(10deg);} 90% {transform:rotate(-100deg);} 100% {transform:rotate(0deg);}}
@-webkit-keyframes img3_2-2 {0% {-webkit-transform:rotate(10deg);} 10% {-webkit-transform:rotate(-100deg);} 20% {-webkit-transform:rotate(10deg);} 30% {-webkit-transform:rotate(-100deg);} 40% {-webkit-transform:rotate(10deg);} 50% {-webkit-transform:rotate(-100deg);} 60% {-webkit-transform:rotate(10deg);} 70% {-webkit-transform:rotate(-100deg);} 80% {-webkit-transform:rotate(10deg);} 90% {-webkit-transform:rotate(-100deg);} 100% {-webkit-transform:rotate(0deg);}}
@keyframes img3_4 {0%{opacity:0;transform:scale(0);} 30%{opacity:0;transform:scale(0);} 80%{opacity:0.7;transform:scale(1.2);} 100%{opacity:1;transform:scale(1);}}
@-webkit-keyframes img3_4 {0%{opacity:0;-webkit-transform:scale(0);} 30%{opacity:0;-webkit-transform:scale(0);} 80%{opacity:0.7;-webkit-transform:scale(1.2);} 100%{opacity:1;-webkit-transform:scale(1);}}
@keyframes img3_6 {0% {left:-210px;} 100% {left:130px;}}
@-webkit-keyframes img3_6 {0% {left:-210px;} 100% {left:130px;}}
@keyframes img3_7 {0%{opacity:0;transform:scale(4);} 100%{opacity:1;transform:scale(1);}}
@-webkit-keyframes img3_7 {0%{opacity:0;-webkit-transform:scale(4);} 100%{opacity:1;-webkit-transform:scale(1);}}
@keyframes img3_8 {0% {right:-210px;} 100% {right:130px;}}
@-webkit-keyframes img3_8 {0% {right:-210px;} 100% {right:130px;}}





.banner .list li.bg4 .text1{position:absolute;left:250px;top:45px;font-size:69px;color:#ffe9e9;}
.banner .list li.bg4 .text2{overflow:hidden;width:66px;position:absolute;left:251px;top:137px;}
.banner .list li.bg4 .text3{opacity:0;position:absolute;left:485px;top:55px;}
.banner .list li.bg4 .text4{opacity:0;transform-origin:left bottom;-webkit-transform-origin:left bottom;position:absolute;left:500px;top:105px;}
.banner .list li.bg4 .text5{opacity:0;position:absolute;left:508px;top:192px;}
.banner .list li.bg4 .text6{opacity:0;transform-origin:left bottom;-webkit-transform-origin:left bottom;position:absolute;left:510px;top:230px;}
.banner .list li.bg4 .text7{position:absolute;left:5px;bottom:40px;}
.banner .list li.bg4 .text3.hover{animation:img4_3 1s 0.5s ease forwards;-webkit-animation:img4_3 1s 0.5s ease forwards;}
.banner .list li.bg4 .text4.hover{animation:img4_4 1.2s 0.5s ease forwards;-webkit-animation:img4_4 1.2s 0.5s ease forwards;}
.banner .list li.bg4 .text5.hover{animation:img4_5 1.5s 0.5s ease forwards;-webkit-animation:img4_5 1.5s 0.5s ease forwards;}
.banner .list li.bg4 .text6.hover{animation:img4_6 0.3s 1.5s ease-out forwards;-webkit-animation:img4_6 0.3s 1.5s ease-out forwards;}
.banner .list li.bg4 .text7.hover{animation:img4_7 0.8s ease-in;-webkit-animation:img4_7 0.8s ease-in;}
@keyframes img4_3 {0%{top:-100px;opacity:0;} 100%{top:50px;opacity:1;}}
@-webkit-keyframes img4_3 {0%{top:-100px;opacity:0;} 100%{top:50px;opacity:1;}}
@keyframes img4_4 {0%{transform:scale(0);} 100%{transform:scale(1);opacity:1;}}
@-webkit-keyframes img4_4 {0%{-webkit-transform:scale(0);} 100%{-webkit-transform:scale(1);opacity:1;}}
@keyframes img4_5 {0%{transform:scale(0);} 100%{transform:scale(1);opacity:1;}}
@-webkit-keyframes img4_5 {0%{-webkit-transform:scale(0);} 100%{-webkit-transform:scale(1);opacity:1;}}
@keyframes img4_6 {0%{transform:rotate(30deg);opacity:0;} 100%{transform:rotate(0deg);opacity:1;}}
@-webkit-keyframes img4_6 {0%{-webkit-transform:rotate(30deg);opacity:0;} 100%{-webkit-transform:rotate(0deg);opacity:1;}}
@keyframes img4_7{0%{bottom:-300px;opacity:0;} 100%{bottom:40px;opacity:1;}}
@-webkit-keyframes img4_7{0%{bottom:-300px;opacity:0;} 100%{bottom:40px;opacity:1;}}