.banner_box{height:700px;}
.banner_box .swiper-container{width: 100%; z-index: 0; height: 100%;}
.banner_box .swiper-slide{background-color: rgba(0,0,0,.5);}
.banner_box .swiper-wrapper, .banner_box [data-swiper-parallax]{will-change:transform}
.banner_box .headbg{position:absolute;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner_box .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index: 1;}
.banner_box a .headbg {width: 100%;height: 100%;display: block;}
.banner_box .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.banner_box .weui-cell{width: 100%; height: 100%;}
.banner_box .en{display: inline-block; text-align: left; font-size: 16px; line-height: 22px; font-weight: 300; opacity: .5; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutUp 2s; animation: fadeOutUp 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner_box .cn{margin-top: .3rem; font-size: .5rem; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner_box .swiper-slide-active .headbg{-webkit-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.banner_box .swiper-slide-active .en{opacity: .5; -webkit-animation: fadeInDown 1.5s; animation: fadeInDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner_box .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.banner_box .swiper-button-prev{ left:2%; right:auto;}
.banner_box .swiper-button-next{ right:2%; left:auto;}

.banner_box .swiper-button-prev,
.banner_box .swiper-button-next{top: 50%;width:0;height: 34px;border: 1px solid transparent;background: none; -webkit-border-radius: 50%; border-radius: 50%;overflow: hidden;
transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-ms-transition: ease .5s;-o-transition: ease .5s;}
.banner_box:hover .swiper-button-prev,
.banner_box:hover .swiper-button-next{width:34px;}

.banner_box .swiper-button-next{margin-top: 20px;}
.banner_box .swiper-button-prev::before, 
.banner_box .swiper-button-next::before{position: absolute; display: block; content: ""; left: 50%; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff;}
.banner_box .swiper-button-prev::before{margin-left: -3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.banner_box .swiper-button-next::before{margin-left: -7px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.banner_box .swiper-pagination{width: auto !important; bottom:15px !important; left: 50% !important;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.banner_box .swiper-pagination-bullet{position: relative; width:30px; height:6px; margin:6px !important; font-size: 14px; color: #fff; opacity: 1;border-radius:2px;background: #cccccc;transition: all .5s;}
.banner_box .swiper-pagination-bullet-active {width:40px;opacity: 1;background: #0074ac;}
.banner_box .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.banner_box .swiper-pagination-bullet:last-child{margin-right: 0 !important;}
@media (min-width: 640px){.banner_box .en{margin-left: -10%;}}
@media (min-width: 1200px){.banner_box .swiper-button-prev:hover, .banner_box .swiper-button-next:hover{border-color: #fff;}}


@media (max-width:768px) {
.banner_box{height: 100vh;padding-top:1rem;}	
}