
/*广告*/
.banner{width:100%;height:1000px;position:relative;}
.banner .list{width:100%;height:1000px;overflow:hidden;position:relative;z-index:1;}
.banner .list li{width:100%;height:1000px;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{background:url(/img/a4.jpg) no-repeat center center;}
.banner .list li.bg1 .text1{position:absolute;left:36%;top:25%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg1 .text1{position:absolute;left:33%;top:25%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg1 .text1{position:absolute;left:32%;top:25%;}
}
.banner .list li.bg1 .text1.hover{animation:img2_2 1.5s ease-out;-webkit-animation:img2_2 1.5s ease-out;}
.banner .list li.bg1 .text2{position:absolute;left:27%;top:40%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg1 .text2{position:absolute;left:20%;top:40%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg1 .text2{position:absolute;left:20%;top:40%;}
}
.banner .list li.bg1 .text2.hover{animation:img2_2 1.8s ease-out;-webkit-animation:img2_2 1.8s ease-out;}
.banner .list li.bg1 .text3{position:absolute;left:28%;top:52%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg1 .text3{position:absolute;left:23%;top:52%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg1 .text3{position:absolute;left:23%;top:52%;}
}
.banner .list li.bg1 .text3.hover{animation:img2_2 2s ease-out;-webkit-animation:img2_2 2s ease-out;}
.banner .list li.bg1 .text4{position:absolute;left:30%;top:60%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg1 .text4{position:absolute;left:25%;top:60%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg1 .text4{position:absolute;left:25%;top:60%;}
}
.banner .list li.bg1 .text4.hover{animation:img2_2 2.2s  ease-out;-webkit-animation:img2_2  2.2s  ease-out; }

.banner .btn{position:absolute;bottom:150px;left:47%;z-index:100;}
.banner .btn li{margin-left:12px;background:#fff;text-indent:-999em;float:left;width:14px;height:14px;cursor:pointer;border-radius:50%;}
.banner .btn li.hover{background:#FC3;}

@keyframes img1 {0% {left:-200px;transform:rotate(-180deg);} 100% {left:180px;transform:rotate(0deg);}}
@-webkit-keyframes img1 {0% {left:-200px;-webkit-transform:rotate(-180deg);} 100% {left:180px;-webkit-transform:rotate(0deg);}}
@keyframes img2 {0% {right:-350px;opacity:0.3;} 100% {right:90px;opacity:1;}}
@-webkit-keyframes img2 {0% {right:-350px;opacity:0.3;} 100% {right:90px;opacity:1;}}
@keyframes img3 {0% {right:-350px;opacity:0.3;} 100% {right:220px;opacity:1;}}
@-webkit-keyframes img3 {0% {right:-350px;opacity:0.3;} 100% {right:220px;opacity:1;}}
.banner .list li.bg2{  background:url(/img/a1.jpg) no-repeat center center;}
.banner .list li.bg2 .text1{position:absolute;left:37%;top:23%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg2 .text1{position:absolute;left:33%;top:23%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg2 .text1{position:absolute;left:33%;top:23%;}
}
.banner .list li.bg2 .text1.hover{animation:img2_2 1.5s ease-out;-webkit-animation:img2_2 1.5s ease-out;}
.banner .list li.bg2 .text2{position:absolute;left:28%;top:38%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg2 .text2{position:absolute;left:23%;top:38%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg2 .text2{position:absolute;left:23%;top:38%;}
}
.banner .list li.bg2 .text2.hover{animation:img2_2 1.8s ease-out;-webkit-animation:img2_2 1.8s ease-out;}
.banner .list li.bg2 .text3{position:absolute;left:27%;top:50%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg2 .text3{position:absolute;left:22%;top:50%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg2 .text3{position:absolute;left:22%;top:50%;}
}
.banner .list li.bg2 .text3.hover{animation:img2_2 2s ease-out;-webkit-animation:img2_2 2s ease-out;}
.banner .list li.bg2 .text4{position:absolute;left:30%;top:58%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg2 .text4{position:absolute;left:24%;top:58%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg2 .text4{position:absolute;left:24%;top:58%;}
}
.banner .list li.bg2 .text4.hover{animation:img2_2 2.2s  ease-out;-webkit-animation:img2_2  2.2s  ease-out; }



@keyframes img2_2 {0%{transform:scale(0);} 100%{transform:scale(1);opacity:1;}}
@-webkit-keyframes img2_2 {0%{-webkit-transform:scale(0);} 100%{-webkit-transform:scale(1);opacity:1;}}

.banner .list li.bg3{background:url(/img/a3.jpg) no-repeat center center;}

.banner .list li.bg3 .text1{position:absolute;left:38%;top:25%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg3 .text1{position:absolute;left:35%;top:25%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg3 .text1{position:absolute;left:35%;top:25%;}
}
.banner .list li.bg3 .text1.hover{animation:img2_2 1.5s  ease-out;-webkit-animation:img2_2 1.5s ease-out;}
.banner .list li.bg3 .text2{position:absolute;left:26%;top:38%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg3 .text2{position:absolute;left:20%;top:38%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg3 .text2{position:absolute;left:20%;top:38%;}
}
.banner .list li.bg3 .text2.hover{animation:img2_2 1.8s ease-out;-webkit-animation:img2_2 1.8s ease-out;}
.banner .list li.bg3 .text3{position:absolute;left:32%;top:51%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg3 .text3{position:absolute;left:26%;top:51%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg3 .text3{position:absolute;left:26%;top:51%;}
}
.banner .list li.bg3 .text3.hover{animation:img2_2 2s ease-out;-webkit-animation:img2_2 2s ease-out;}
.banner .list li.bg3 .text4{position:absolute;left:32%;top:58%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg3 .text4{position:absolute;left:25%;top:58%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg3 .text4{position:absolute;left:27%;top:58%;}
}
.banner .list li.bg3 .text4.hover{animation:img2_2 2.2s  ease-out;-webkit-animation:img2_2  2.2s  ease-out; }

@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{background:url(/img/a2.jpg) no-repeat center center;}
.banner .list li.bg4 .text1{position:absolute;left:36%;top:18%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg4 .text1{position:absolute;left:34%;top:18%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg4 .text1{position:absolute;left:34%;top:18%;}
}
.banner .list li.bg4 .text1.hover{animation:img2_2 1.5s ease-out;-webkit-animation:img2_2 1.5s ease-out;}
.banner .list li.bg4 .text2{position:absolute;left:31%;top:33%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg4 .text2{position:absolute;left:27%;top:33%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg4 .text2{position:absolute;left:27%;top:33%;}
}
.banner .list li.bg4 .text2.hover{animation:img2_2 1.8s ease-out;-webkit-animation:img2_2 1.8s ease-out;}
.banner .list li.bg4 .text3{position:absolute;left:30%;top:45%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg4 .text3{position:absolute;left:25%;top:45%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg4 .text3{position:absolute;left:25%;top:45%;}
}
.banner .list li.bg4 .text3.hover{animation:img2_2 2s ease-out;-webkit-animation:img2_2 2s ease-out;}
.banner .list li.bg4 .text4{position:absolute;left:31%;top:53%;}
@media only screen and (max-width: 1440px) and (min-width: 1367px){
.banner .list li.bg4 .text4{position:absolute;left:26%;top:53%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.banner .list li.bg4 .text4{position:absolute;left:26%;top:53%;}
}
.banner .list li.bg4 .text4.hover{animation:img2_2 2.2s  ease-out;-webkit-animation:img2_2  2.2s  ease-out; }

@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;}}