.index-banner{width:100%;max-width:none;min-width:300px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;margin-bottom: 60px;}
.index-banner .f-center{text-align:center}
.index-banner .f-14{font-size:14px}
.index-banner .pcimg{width:100%;height:auto}
.index-banner .banner .swiper-slide img{display:block;width:100%;left:0;top:0}
.index-banner .bannerpic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.index-banner .swiper-slide.active .bannerpic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)}
.index-banner .banner .swiper-slide .ind_ban_tex{position:absolute;width:70%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display: none;}
.index-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en{font-size:46px;font-family:'oswald',impact,arial,sans-serif !important;line-height:1.2;color:#ffffff;text-shadow:1px 0 2px rgba(0,0,0,0.2);transform:translatey(80px);opacity:0;margin-bottom:10px}
.index-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title{color:#ffffff;font-size:46px;font-weight:bold;line-height:1.8;margin-bottom:10px;text-shadow:1px 0 2px rgba(0,0,0,0.2);transform:translatey(80px);opacity:0}
.index-banner .banner .swiper-slide .ind_ban_tex .b_line{width:50px;margin:0px 0px 40px;height:2px;background:#fff;transform:translatey(80px);opacity:0}
.index-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info{color:#ffffff;line-height:1.5;font-size:18px;text-shadow:1px 0 2px rgba(0,0,0,0.2);transform:translatey(80px);opacity:0}
.index-banner .banner .swiper-slide.active .ind_ban_tex_title_en{transition:all 2s ease .5s;transform:translatey(0);opacity:1}
.index-banner .banner .swiper-slide.active .ind_ban_tex_title{transition:all 2s ease .7s;transform:translatey(0);opacity:1}
.index-banner .banner .swiper-slide.active .b_line{transition:all 2s ease .8s;transform:translatey(0);opacity:1}
.index-banner .banner .swiper-slide.active .ind_ban_tex_info{transition:all 2s ease 1s;transform:translatey(0);opacity:1}
.index-banner .banner .swiper-button-prev{background-image:none;left:calc(8.335% - 32px);top:calc(50% - 32px);width:64px;height:64px;text-align:center;line-height:64px;color:#ffffff;background-color:rgba(202,202,202,0.3);transition:all .3s ease;}
.index-banner .banner .swiper-button-next{background-image:none;right:calc(8.335% - 32px);top:calc(50% - 32px);width:64px;height:64px;text-align:center;line-height:64px;color:#ffffff;background-color:rgba(202,202,202,0.3);transition:all .3s ease;}
.index-banner .banner .swiper-button-next.swiper-button-disabled{background-color:rgba(0,0,0,0.3)}
.index-banner .banner .swiper-button-prev.swiper-button-disabled{background-color:rgba(0,0,0,0.3)}
.index-banner .banner .swiper-pagination-bullet{width:12px;height:12px;background-color:#ffffff;margin:0 14px;opacity:0.5;color:transparent}
.index-banner .banner .swiper-pagination-bullet-active{opacity:1;width:42px;height:42px;line-height:42px;text-align:center;border:2px solid rgba(255,255,255,0.4);background-color:transparent;color:#fff}
.index-banner .banner .swiper-pagination-bullet-active .rightcircle{-webkit-animation:circleprogressload_right 6s linear infinite;animation:circleprogressload_right 6s linear infinite}
.index-banner .banner .swiper-pagination-bullet-active .leftcircle{-webkit-animation:circleprogressload_left 6s linear infinite;animation:circleprogressload_left 6s linear infinite}
.index-banner .banner .swiper-pagination-bullet-active .wrapper_con{display:block}
.index-banner .banner .swiper-pagination{font-size:0}
.index-banner .banner .swiper-pagination>span{display:inline-block;vertical-align:middle;position:relative}
.index-banner .banner .swiper-container-rtl .swiper-button-next{left:calc(8.335% - 32px)}
.index-banner .banner .swiper-container-rtl .swiper-button-prev{right:calc(8.335% - 32px)}
.index-banner .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5%}
.index-banner .banner .swiper-pagination-custom{bottom:5%}
.index-banner .banner .swiper-pagination-fraction{bottom:5%}
.index-banner .right{right:-2px}
.index-banner .left{left:-2px}
.index-banner .circleprogress{width:42px;height:42px;border:2px solid transparent;border-radius:50%;position:absolute;top:0;-webkit-transform:rotate(-135deg)}
.index-banner .rightcircle{border-bottom:2px solid #fff;border-left:2px solid #fff;right:0}
.index-banner .leftcircle{border-top:2px solid #fff;border-right:2px solid #fff;left:0}
.index-banner .wrapper_con{width:21px;height:42px;position:absolute;top:-2px;overflow:hidden;display:none}