@charset "utf-8";

/*广告*/
.banner{ width:410px;height:288px; position:relative;}
.banner .list{ width:410px; height:288px; overflow:hidden; position:relative; z-index:1;}
.banner .list li{ width:410px; height:288px; position:absolute; left:0px; top:0px; display:none;}
.banner .list li a{ width:410px; margin:0 auto; position:relative; display:block; overflow:hidden; height:288px;}
.banner .list li a:hover{ text-decoration:none;}
.banner .list li.bg2{ background:#fff;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; top:250px; left:50%; margin-left:40px; z-index:100;}
.banner .btn li{ margin-left: 12px; background: #fff; text-indent: -999em; float: left; width: 10px; height: 10px; cursor: pointer; border-radius:50%;}
.banner .btn li.hover{ background: #FC3;}