@charset "utf-8";
.banner_skeleton{position:relative;width:100%;max-width:2560px;min-height:720px;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}
.banner_skeleton .con{display:flex;align-items:center;justify-content:center;flex-direction:row}
.banner_skeleton .skeleton_text{width:50%;display:flex;justify-content:center;flex-direction:column;flex:1}
.banner_skeleton .skeleton_text .sub_w{width:50%;height:32px;background:linear-gradient(90deg,#f8f9fb 24%,rgba(236,240,243,.2) 40%,rgba(224,231,236,.4) 64%);-webkit-animation:1.6s infinite skeleton!important;animation:1.6s infinite skeleton!important;background-size:400% 100%!important}
.banner_skeleton .skeleton_text .title_w{width:80%;height:32px;margin-top:.32rem;background:linear-gradient(90deg,#f8f9fb 24%,rgba(236,240,243,.2) 40%,rgba(224,231,236,.4) 64%);-webkit-animation:1.6s infinite skeleton!important;animation:1.6s infinite skeleton!important;background-size:400% 100%!important}
.banner_skeleton .skeleton_text .des_w{width:20%;height:32px;margin-top:.32rem;background:linear-gradient(90deg,#f8f9fb 24%,rgba(236,240,243,.2) 40%,rgba(224,231,236,.4) 64%);-webkit-animation:1.6s infinite skeleton!important;animation:1.6s infinite skeleton!important;background-size:400% 100%!important}
.banner_skeleton .skeleton_img{width:50%;max-width:6rem;height:3rem;margin:2%;display:flex;justify-content:center;flex-direction:column;border-radius:.08rem;background:linear-gradient(90deg,#f8f9fb 24%,rgba(236,240,243,.2) 40%,rgba(224,231,236,.3) 64%);-webkit-animation:1.6s infinite skeleton!important;animation:1.6s infinite skeleton!important;background-size:400% 100%!important}
.banner_skeleton .skeleton_prev{position:absolute;top:50%;left:.8rem;right:auto;width:.56rem;height:.56rem;margin-top:-.44rem;z-index:10;cursor:pointer;background:linear-gradient(90deg,#f8f9fb 24%,rgba(236,240,243,.2) 40%,rgba(224,231,236,.4) 64%);-webkit-animation:1.6s infinite skeleton!important;animation:1.6s infinite skeleton!important;background-size:400% 100%!important;border-radius:4px}
.banner_skeleton .skeleton_next{position:absolute;top:50%;right:.8rem;left:auto;width:.56rem;height:.56rem;margin-top:-.44rem;z-index:10;cursor:pointer;background:linear-gradient(90deg,#f8f9fb 24%,rgba(236,240,243,.2) 40%,rgba(224,231,236,.4) 64%);-webkit-animation:1.6s infinite skeleton!important;animation:1.6s infinite skeleton!important;background-size:400% 100%!important;border-radius:4px}
.banner_skeleton .skeleton_pagination{position:absolute;text-align:center;bottom:.32rem;left:0;width:100%}
.banner_skeleton .skeleton_pagination span{display:inline-block;height:10px;width:30px;margin:0 8px;background-color:var(--color_dark);border-radius:2px;background:linear-gradient(90deg,#f8f9fb 24%,rgba(236,240,243,.2) 40%,rgba(224,231,236,.4) 64%);-webkit-animation:1.6s infinite skeleton!important;animation:1.6s infinite skeleton!important;background-size:400% 100%!important}
@media screen and (min-width:0) and (max-width:992px){
.banner_skeleton{min-height:auto;flex-direction:column;min-height:12rem;max-height:12rem}
.banner_skeleton .con{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-direction:column}
.banner_skeleton .skeleton_text{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;flex:none;margin:1.6rem auto}
.banner_skeleton .skeleton_img{width:100%;max-width:none;flex:none;margin:0 auto 1.6rem}
}
.skeleton:empty{background:linear-gradient(90deg,#f8f9fb 25%,rgba(236,240,243,.2) 37%,rgba(224,231,236,.3) 63%);opacity:1;border-radius:4px;-webkit-animation:1.5s infinite skeleton!important;animation:1.5s infinite skeleton!important;background-size:400% 100%!important}
@-webkit-keyframes skeleton{
0%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes skeleton{
0%{background-position:100% 50%}
100%{background-position:0 50%}
}
.index_banner{z-index:1;width:100%;max-width:2560px;margin-left:auto;margin-right:auto;position:relative;max-height:720px}
.index_banner .a_w{transform:translateY(8px);opacity:1;-webkit-transition:all .8s ease;transition:all .8s ease;transform:translateX(48px)}
.index_banner .a2_w{-webkit-transition-delay:.2s;transition-delay:.2s}
.index_banner .a3_w{-webkit-transition-delay:.3s;transition-delay:.3s}
.index_banner .a4_w{-webkit-transition-delay:.4s;transition-delay:.4s}
.index_banner .a5_w{-webkit-transition-delay:.5s;transition-delay:.5s}
.index_banner .a6_w{-webkit-transition-delay:.6s;transition-delay:.6s}
.index_banner .a7_w{-webkit-transition-delay:.7s;transition-delay:.7s;-webkit-transition-delay:.8s;transition-delay:.8s}
.index_banner .swiper-slide-active .a_w{transform:translate(0)!important;opacity:1!important}
.index_banner .a_w .tips_w{margin-top:.24rem}
.index_banner .banner_w{width:100%;max-width:100%;overflow:hidden;position:relative;z-index:1;background-color:var(--color_light_green)}
.index_banner .banner_w .con{position:relative;z-index:1}
.index_banner .banner_w .text_w{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.index_banner .banner_w .text_w .sub_w{font-size:32px;font-size:.32rem;font-weight:700}
.index_banner .banner_w .text_w .title_w{font-size:48px;font-size:.48rem;font-weight:700}
.index_banner .banner_w .text_w .des_w{padding-top:24px;padding-bottom:48px;padding-top:.24rem;padding-bottom:.48rem;font-weight:400;font-size:18px;line-height:1.6}
.index_banner .banner_w .text_w .tips{padding-top:64px;padding-top:.64rem;font-size:14px;color:var(--color_muted)}
.index_banner .banner_w .bg_w{margin-left:auto;margin-right:auto;max-width:2560px;overflow:hidden}
.index_banner .banner_w .bg_w picture{margin-left:auto;margin-right:auto}
.index_banner .banner_w .bg_w img{width:100%;max-width:100%;height:100%;margin-left:auto;margin-right:auto}
.index_banner .swiper_button{max-width:88px}
@media screen and (min-width:0) and (max-width:992px){
.index_banner .banner_w .text_w{text-align:center;margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:flex-start}
.index_banner .banner_w .text_w .sub_w{font-size:36px;font-size:.36rem}
.index_banner .banner_w .text_w .title_w{font-size:56px;font-size:.56rem}
.index_banner .banner_w .text_w .des_w{padding-top:24px;padding-bottom:48px;font-size:28px;padding-top:.24rem;padding-bottom:.48rem;font-weight:400;font-size:.28rem;line-height:1.6}
.index_banner .banner_w .text_w .tips{padding-top:16px;padding-top:.16rem;font-size:12px;color:var(--color_muted)}
.index_banner .banner_w .text_w .btn_w{margin:0 auto;text-align:center}
.index_banner .banner_w .text_w .banner_btn{min-width:100px;width:auto;height:42px;line-height:42px;font-size:12px;padding:0 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.index_banner .banner_w .text_w .banner_btn_r{height:42px;line-height:38px;font-size:12px;border:2px solid var(--color_primary);padding:0 20px}
.index_banner{width:100%;height:auto;min-height:auto;max-height:auto;min-height:none;max-height:none}
.index_banner .a_w{transform:translateX(0)}
}
@media screen and (max-width:3840px){
.index_banner .swiper-button-prev{left:2.4rem;right:auto}
.index_banner .swiper-button-next{right:2.4rem;left:auto}
}
@media screen and (max-width:2560px){
.index_banner .swiper-button-prev{left:.8rem;right:auto}
.index_banner .swiper-button-next{right:.8rem;left:auto}
}
@media screen and (max-width:1920px){
.index_banner .swiper-button-prev{left:.32rem;right:auto}
.index_banner .swiper-button-next{right:.32rem;left:auto}
}
@media screen and (min-width:1366px) and (max-width:1366px){
.index_banner .swiper-button-prev{left:0;right:auto}
.index_banner .swiper-button-next{right:0;left:auto}
}
@media screen and (max-width:1366px){
.index_banner .swiper_button{display:none}
}
@media screen and (max-width:1200px){
.index_banner .swiper_button{display:none}
}
.row-index{padding-top:.64rem;padding-bottom:.64rem}
.h3_w{padding:.64rem 0}