/*banner*/
#banner { }
#banner .swiper-container { position:relative; overflow:hidden; z-index:1; }
#banner .swiper-wrapper { -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; 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 .swiper-slide { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center;
justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; }
#banner .swiper-slide img { width:100%; height:100%; }
#banner .swiper-pagination { bottom:25px; left:0; width:100%; position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;-webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; height:18px; }
#banner .swiper-pagination-bullet { display:inline-block; width:18px; height:100%; background:#023990; margin:0 5px; cursor:pointer; border-radius:100%; }
#banner .swiper-pagination-bullet-active,#banner .swiper-pagination-bullet:hover { background:#f69900; box-shadow:0 0 2px #333; width:32px; border-radius:9px; }
#banner .pagination { position:absolute; left:0; text-align:center; bottom:10px; width:100%; }
#banner .swiper-button-next { position:absolute; left:0; top:50%; width:80px; height:80px; line-height:80px; font-size:80px; color:#023990; z-index:10; margin:-40px 0 0 1px; cursor:pointer; }
#banner .swiper-button-prev { position:absolute; right:0; top:50%; width:80px; height:80px; line-height:80px; font-size:80px; color:#023990; z-index:10; margin:-40px 1px 0 0; cursor:pointer; }
#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover { color:#f69900; }

/*banner*/
#banner .pic { position:relative; width:100%; height:100%; }
#banner .pic img { width:100%; height:100%; }
#banner .word { position:absolute; width:1000px; left:50%; top:66px; bottom:45px; margin:0 0 0 -509px; z-index:3; display:none; -webkit-align-items:flex-start; align-items:flex-start; text-shadow:1px 1px 2px #555; }

#banner .swiper-slide-active .word { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
#banner .swiper-slide-active .animated { -webkit-animation-duration:0.5s; animation-duration:0.5s; -o-animation-duration:0.5s; -ms-animation-duration:0.5s; -moz-animation-duration:0.5s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -moz-animation-fill-mode:both; }
#banner .swiper-slide-active .animated.infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; }
#banner .swiper-slide-active .animated.hinge { -webkit-animation-duration:0.5s; animation-duration:0.5s; -o-animation-duration:0.5s; -ms-animation-duration:0.5s; -moz-animation-duration:0.5s; }
#banner h2 { font-size:80px; color:#fff; padding:5px 10px; text-align:left; -webkit-animation-name:b1; animation-name:b1; -o-animation-name:b1; -ms-animation-name:b1; -moz-animation-name:b1; opacity:0; background:rgba(255,0,0,.8); letter-spacing:18px; }
#banner h3 { font-size:69px; color:#fff; text-align:left; background:rgba(33,43,90,0.8); padding:5px 10px; margin:20px 0; -webkit-animation-name:b1; animation-name:b1; -o-animation-name:b1; -ms-animation-name:b1; -moz-animation-name:b1; opacity:0; animation-delay:0.5s; -webkit-animation-delay:0.5s; -o-animation-delay:0.5s; -moz-animation-delay:0.5s; -ms-animation-delay:0.5s; letter-spacing:20px; }
@-webkit-keyframes b1 {
0% { opacity:0; -webkit-transform:translateX(-100%); transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); -ms-transform:translateX(-100%); }
100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); }
}
@keyframes b1 {
0% { opacity:0; -webkit-transform:translateX(-100%); transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); -ms-transform:translateX(-100%); }
100% { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); }
}