/* CSS Document */
.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;}

/* 按钮 */
.banner .btn{position:absolute;bottom: 28px;right: 50px;margin-left:340px;z-index:100;}
.banner .btn li{opacity: 0.2;margin-left:12px;background:#fff;text-indent:-999em;float:left;width:15px;height:15px;cursor:pointer;border-radius:50%;}
.banner .btn li.hover{background:#fff;opacity: 1;}

.text1{
    width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner{width:100%;height:360px;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;}


/* banner1 */
.banner .list li.bg1 a .text1{left:0;top:0;position:absolute;z-index:3;opacity:1;}
.banner .list li.bg1 a .text1.hover{animation:img1 0.7s ease-out;-webkit-animation:img1 0.7s ease-out;}
@keyframes img1 {0% {top:-100px;opacity:0;} 100% {top:0;opacity:1;}}
@-webkit-keyframes img1 {0% {top:-100px;opacity:0;} 100% {top:0;opacity:1;}}


/* banner2 */
.banner .list li.bg2 .text1{position:absolute;left:0;top:0;opacity:1;}
.banner .list li.bg2 .text1.hover{animation:img2_1 1.2s ease;-webkit-animation:img2_1 1.2s ease;}
@keyframes img2_1 {0% {left:-100px;opacity:0;} 100% {left:0;opacity:1;}}
@-webkit-keyframes img2_1 {0% {left:-100px;opacity:0;} 100% {left:0;opacity:1;}}


/* banner3 */
.banner .list li.bg3 .text1{position:absolute;right:0;top:0;z-index:10;opacity:1;}
.banner .list li.bg3 .text1.hover{animation:img3_1 2.2s ease;-webkit-animation:img3_1 2.2s ease;}
@keyframes img3_1 {0% {right:-100px;opacity:0;} 100% {right:0;opacity:1;}}
@-webkit-keyframes img3_1 {0% {right:-100px;opacity:0;} 100% {right:0;opacity:1;}}



/* banner4 */
.banner .list li.bg4 .text1{position:absolute;left:0;top:0;opacity:1;}
.banner .list li.bg4 .text1.hover{animation:img4_1 2.4s ease;-webkit-animation:img4_1 2.4s ease;}
@keyframes img4_1 {0% {left:-100px;opacity:0;} 100% {left:0;opacity:1;}}
@-webkit-keyframes img4_1 {0% {left:-100px;opacity:0;} 100% {left:0;opacity:1;}}


/* banner5 */
.banner .list li.bg5 .text1{position:absolute;left:0;top:0;z-index:10;opacity:1;}
.banner .list li.bg5 .text1.hover{animation:img5_1 2.8s ease;-webkit-animation:img5_1 2.8s ease;}
@keyframes img5_1 {0% {top:-100px;opacity:0;} 100% {top:0;opacity:1;}}
@-webkit-keyframes img5_1 {0% {top:-100px;opacity:0;} 100% {top:0;opacity:1;}}


/* banner6 */
.banner .list li.bg6 .text1{position:absolute;left:0;top:0;z-index:10;opacity:1;}
.banner .list li.bg6 .text1.hover{animation:img6_1 3.2s ease;-webkit-animation:img6_1 3.2s ease;}
@keyframes img6_1 {0% {left:-100px;opacity:0;} 100% {left:0;opacity:1;}}
@-webkit-keyframes img6_1 {0% {left:-100px;opacity:0;} 100% {left:0;opacity:1;}}