/*--------header end--------*/

/*banner begin*/
.indexbanner{width:100%;position:relative;overflow:hidden;background-color:#f2f2f2;}
.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:absolute;left:0;z-index:20;bottom:12px;}
.indexbannerbtn p span{display:inline-block;width:50px;height:2px;background:#fff; overflow:hidden;margin:0 5px;cursor:pointer;}
.indexbannerbtn p span.swiper-pagination-bullet-active{background:#00837a;}
.indexbanner img{display:block;width:100%;position:relative;}

.bannertextcont{padding:20px 15px 40px;text-align:center; color:#333;background:#f2f2f2;}
.bannertitle{font-size:20px;}
.bannertext{font-size:16px;margin:15px 0 20px; }
.bannerlink{display:inline-block;width:107px;height:36px;line-height:34px;text-align:center;font-size:14px;color:#FFF;background:#00837a; border:1px solid #00837a;}
.bannerlink:hover { color:#fff;}
@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:20px;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);}
.bannertextcont{background:none;text-align:left; position:absolute;padding:0 15px; left:0;top:40%;transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);-o-transform:translate(0%,-50%); z-index:10;color:#333;}
.bannertextcont.right .controlwz{ float:right; background: #336699;opacity:0.8; padding:20px; }
.bannertextcont.white { color:#fff; }
.indexbanner li.notxt .bannertextcont{ display:none;}
.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%); }

}

 @media (max-width: 780px) {
 
 .indexbanner{width:100%;position:relative;overflow:hidden;background-color:#f2f2f2; margin-top:60px;}
 
 .bannertitle{ color:#000000!important}
 }