﻿/*banner*/
.banner{width:100%; position:relative; overflow:hidden; z-index:3;}
.banner ul,.swiperlist ul{width: 100%;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative;box-sizing: content-box;width: 100%;height: 100%;z-index: 1; display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform; -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;box-sizing: content-box;}
.banner ul li{ position:relative; float:left;  margin:0 auto; flex-shrink: 0;}
.banner ul li img{ display:block; margin:0 auto; width:100%; height:100%}
.bannerindeo{ text-align:center; position:absolute; left:0; bottom:8%; width:100%; z-index:99;}
.bannerindeo span{ width:1rem; height:1rem; display:inline-block; margin-right:10px; border-radius:100%; background:#fff; cursor:pointer;}
.bannerindeo span.swiper-pagination-bullet-active,.bannerindeo span.cur{background:#0081F9;}
/**banner*/
.banner-btn{ position:absolute;width:47px;height:87px;top:50%;margin-top:-44px; background-position:0 0;background-repeat:no-repeat; background-image:url(bannerbtn01.png); z-index:999;}
.banner-left{left:10%;background-position:0 0;}
.banner-right{right:10%;background-position:-54px 0;}
.banner-btn:hover{background-position:0 0;background-repeat:no-repeat; background-image:url(bannerbtn02.png);}
.banner-left:hover{background-position:0 0;}
.banner-right:hover{background-position:-54px 0;}
.idnextitle{font-size:34px; line-height:34px;margin-bottom:16px;}
.indextext{ font-size:16px; }
