.banner li {
    list-style: none;
}
.banner{ width:100%; position:relative;    background: #D5EEC3; margin-top:-20px}
.switchButton{ height:0px; width:1120px; margin:0 auto;    position: relative; display:none; }
.switchButton span{ display:inline-block;vertical-align:top; width:60px; height:60px;    z-index: 6; position:absolute; top:261px; cursor:pointer;}
.switchButton span.prov{ background:url(./focus-images/prov.png); left:-150px;}
.switchButton span.next{ background:url(./focus-images/next.png); right:-150px;}
.banner .bannerList{    height: 575px;    overflow: hidden;    padding: 0px; margin: 0px;}
.banner .bannerList> li .bannerCentent{ position:relative;}
.banner .bannerList> li{ display:none; text-align:center; color:#fff; font-size:14px;  width:100%; height:574px;    overflow: hidden;}
.banner .bannerList> li.active{ display:block;}

.banner .bannerSpot {position:absolute; width:100%;bottom:20px; text-align:center; width:150px\9;    left: 50%\9;    margin-left: -75px\9;}
.banner .bannerSpot li{ display:inline-block; width:11px; height:11px; margin-right:8px; border:1px solid #fff;     cursor: pointer;border-radius:100%}
.banner .bannerSpot li.active{ background:#fff;}




.banner .bannerSpot li {
    display: inline-block;
    width: 24px;
    height: 0px;
    margin-right: 8px;
    border: 2px solid rgba(255,255,255,.5);
    cursor: pointer;
    border-radius: 0px;
}


.newBanner .bannerList .width1200{margin: 0 auto;position: relative;width:1200px;}



.newBanner,.newBanner .bannerList> li{ height:575px;overflow: hidden; background-color:#16b5ff;}
.newBanner .switchButton{ width:1200px;}
.newBanner .switchButton span{ top:278px;}
.newBanner .bannerSpot li{ *display:none;}

.bannerList ol{ width:100%; height:100%; position: relative;}
.bannerList ol li{ position:absolute;}



.bannerList .l0{ background:url('./focus-images/l0/bg.png') center ;}
.bannerList .l0 ol li.o1{ left:0; top:150px; width: 800px}
.bannerList .l0 ol li.o2{ left:80px; top:320px;}
.bannerList .l0 ol li.o3{ left:800px; top:150px;}

/*.bannerList .l1 ol li.o1 img{ width: 592px; height: 397px}*/
/*.bannerList .l1 ol li.o2 img{ width: 326px; height: 369px}*/
/*.bannerList .l1 ol li.o3 img{ width: 407; height: 272}*/
/*.bannerList .l1{ background:url('./focus-images/l1/bg.png') center ;}*/
.bannerList .l1 ol li.o1{ left:0; top:53px;}
.bannerList .l1 ol li.o2{ left:592px; top:81px;}
.bannerList .l1 ol li.o3{ left:918px; top:261px;}





/*.bannerList .l2 ol li.o1 img{ width: 720px; height: 317px}*/
/*.bannerList .l2 ol li.o2 img{ width: 589px; height: 72px}*/
/*.bannerList .l2 ol li.o3 img{ width: 582px; height: 349}*/
.bannerList .l2 ol li.o1{ left:0; top:103px;}
.bannerList .l2 ol li.o2{ left:70px; top:334px;}
.bannerList .l2 ol li.o3{ left:740px; top:100px;}
.bannerList .l2{ background:url('./focus-images/l2/bg.png') center ;}


/*.bannerList .l3 ol li.o1 img{ width: 1127px; height: 153px}*/
/*.bannerList .l3 ol li.o2 img{ width: 177px; height: 51px}*/
/*.bannerList .l3 ol li.o3 img{ width: 1003px; height: 222px}*/
.bannerList .l3{ background:url('./focus-images/l3/bg.png') center;}
.bannerList .l3 ol li.o1{ left: 50px;    top: 100px;}
.bannerList .l3 ol li.o2{ left: 500px;    top: 280px;}
.bannerList .l3 ol li.o3{ left: 115px;    top: 348px;}

/*.bannerList .l4 ol li.o1 img{ width: 700px; height: 170px}*/
/*.bannerList .l4 ol li.o2 img{ width: 700px; height: 55px}*/
/*.bannerList .l4 ol li.o3 img{ width: 368px; height: 405px}*/
.bannerList .l4{ background:url('./focus-images/l4/bg.png') center;}
.bannerList .l4 ol li.o1{ left: 50px;    top: 150px;}
.bannerList .l4 ol li.o2{ left: 50px;    top: 380px;}
.bannerList .l4 ol li.o3{ left: 800px;    top: 100px;}


.bannerList .l0.active ol li.o1{ animation:bounceInDown 1s ease 0s 1 both; -webkit-animation:bounceInDown 1s ease 0s 1 both;}
.bannerList .l0.active ol li.o2{ animation:bounceInUp 1s ease 0.5s 1 both; -webkit-animation:bounceInUp 1s ease 0.5s 1 both;}
.bannerList .l0.active ol li.o3{ animation:zoomIn 1s ease 1s 1 both; -webkit-animation:fadeInRight 1s ease 1s 1 both;}

.bannerList .l1.active ol li.o1{ animation:bounceInDown 1s ease 0s 1 both; -webkit-animation:bounceInDown 1s ease 0s 1 both;}
.bannerList .l1.active ol li.o2{ animation:bounceInUp 1s ease 0.5s 1 both; -webkit-animation:bounceInUp 1s ease 0.5s 1 both;}
.bannerList .l1.active ol li.o3{ animation:zoomIn 1s ease 1s 1 both; -webkit-animation:zoomIn 1s ease 1s 1 both;}
.bannerList .l2.active ol li.o1{ animation:zoomIn 1s ease 1s 1 both; -webkit-animation:zoomIn 1s ease 1s 1 both;}
.bannerList .l2.active ol li.o2{ animation:fadeInLeft 1s ease 0s 1 both; -webkit-animation:fadeInLeft 1s ease 0s 1 both;}
.bannerList .l2.active ol li.o3{ animation:fadeInRight 1s ease 0s 1 both; -webkit-animation:fadeInRight 1s ease 0s 1 both;}
.bannerList .l3.active ol li.o1{ animation:fadeInDown 1s ease .5s 1 both; -webkit-animation:fadeInDown 1s ease .5s 1 both;}
.bannerList .l3.active ol li.o2{ animation:fadeInLeft 1s ease 0s 1 both; -webkit-animation:fadeInLeft 1s ease 0s 1 both;}
.bannerList .l4.active ol li.o1{ animation:fadeInDown 1s ease 0s 1 both; -webkit-animation:fadeInDown 1s ease 0s 1 both;}
.bannerList .l4.active ol li.o2{ animation:fadeInLeft 1s ease .5s 1 both; -webkit-animation:fadeInLeft 1s ease .5s 1 both;}
.bannerList .l4.active ol li.o3{ animation:zoomIn 1s ease .5s 1 both; -webkit-animation:zoomIn 1s ease .5s 1 both;}