﻿﻿




/*banner begin*/
.indexbanner{width:100%;position:relative;overflow:hidden;background-color:#f2f2f2; display: block;}
.indexbanner li{width:100%;position:relative;width:100%; overflow:hidden;float:left; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;}
.indexbanner ul{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
}
.indexbannerbtn{width:100%;text-align:center;position:relative;left:0;z-index:20;bottom:32px;}
.indexbannerbtn p span{display:inline-block;width:16px;height:16px; border-radius:16px ;background:#fff; overflow:hidden;margin:0 5px;cursor:pointer;}
.indexbannerbtn p span.swiper-pagination-bullet-active{background:#9D2328;}
.indexbannerbtn p span.swiper-active-switch{background:#9D2328;}
.indexbanner img{display:block;width:100%;position:relative;}



@media (min-width:1024px)
{
.bannertitle{font-size:50px; font-weight: bold; line-height:76px;transition:all 600ms;-webkit-transition:all 600ms;-moz-transition:all 600ms;-ms-transition:all 600ms;-o-transition:all 600ms;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.bannertext{font-size:28px;margin:40px 0 42px;transition:all 1000ms;-webkit-transition:all 1000ms;-moz-transition:all 1000ms;-ms-transition:all 1000ms;-o-transition:all 1000ms;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);opacity:0}
.bannerlink{font-size:16px;opacity:0;transition:all 1300ms;-webkit-transition:all 1300ms;-moz-transition:all 1300ms;-ms-transition:all 1300ms;-o-transition:all 1300ms; -webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);}

.indexbanner li.active .bannertitle{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.indexbanner li.active .bannertext{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.indexbanner li.active .bannerlink{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
}

@media (min-width: 1199px) {
.bannertextcont{padding:0; min-width:1180px;left:50%;top:42%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); }

}

/*banner end*/











/* 首页banner */
.index_banner{ position:relative; z-index:1; display: none;  }
.bannerBox{ position:relative; z-index:1; width:100%; overflow:hidden;}
.bannerBox ul{}
.bannerBox ul li{ float:left;position:relative; height:auto !important;}
.bannerBox ul li img{ display:block}
.bannerBox ul li p{position:absolute; width:100%;text-align:center;padding:10px 0; bottom:0; left:0;min-height:56px; font-size:1.5rem; box-sizing:border-box;-webkit-box-sizing:border-box; color:#fff; background:rgba(0,0,0,.7);}

.bannerBtn{ position: absolute; bottom:8px; z-index:98; right:0;width:100%;text-align:center;}

.bannerBtn .swiper-pagination-bullet{
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid #9D2328;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
  background:none;
  transition:all 1s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
}
.bannerBtn .swiper-pagination-bullet-active {
  background:#9D2328;
}



@media (max-width:720px){
.index_banner{ display: block;}
.indexbanner{ display: none;}
}
/*banner end*/