@keyframes Scroll {  0% {
bottom:52px;
}
 50% {
bottom:32px;
}
 100% {
bottom:52px;
}
}
@-webkit-keyframes Scroll {  0% {
bottom:52px;
}
 50% {
bottom:32px;
}
 100% {
bottom:52px;
}
}
@-moz-keyframes Scroll {  0% {
bottom:52px;
}
 50% {
bottom:32px;
}
 100% {
bottom:52px;
}
}
@-o-keyframes Scroll {  0% {
bottom:52px;
}
 50% {
bottom:32px;
}
 100% {
bottom:52px;
}
}
.scroll-icon { position: absolute; bottom: 32px; left: 50%; width: 72px; cursor: pointer; margin-left: -36px; text-align: center; z-index: 1; -webkit-animation: Scroll 1s infinite both; animation: Scroll 1s infinite both; }
.scroll-icon span { display: block; color: #fff; font-weight: 300; opacity: 0.75; filter: Alpha(opacity=75); margin-bottom: 15px; }
 @media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#my-banner .f-center { text-align: center; }
#my-banner .f-14 { font-size: 14px; }
#my-banner .pcimg { width: 100%; height: auto; }
#my-banner .moimg { display: none; }
#my-banner .banner .swiper-slide img { display: block; width: 100%; left: 0; top: 0; }
#my-banner .bannerPic { position: relative; width: 100%; height: auto; transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); }
#my-banner .swiper-slide.active .bannerPic { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px); }
#my-banner .banner .swiper-slide .ind_ban_tex { position: absolute; width: 100%; top: 70%; left: 5%; transform: translateY(-50%); text-align: left; }
#my-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: #fff; text-shadow: 3px 0 10px rgba(0, 0, 0, 0.15); transform: translateY(80px); opacity: 0; margin-bottom: 10px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { color: #fff; font-size: 2.5vw; font-weight: bold; line-height: 1.8; margin-top: 0px; margin-bottom: 0px; text-shadow: 3px 0 10px rgba(0, 0, 0, 0.15); transform: translateY(80px); opacity: 0; letter-spacing: 3px; }
#my-banner .banner .swiper-slide .ind_ban_tex .b_line { width: 50px; margin: 0px auto 40px; height: 2px; background: #fff; transform: translateY(80px); opacity: 0; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { color: #FFF; line-height: 1.5em; letter-spacing: 0; font-size: 1.3vw; text-shadow: 3px 0 10px rgba(0, 0, 0, 0.4); transform: translateY(80px); opacity: 0; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .infoen { font-size: 14px; letter-spacing: 0px; }
#my-banner .banner .swiper-slide.active .ind_ban_tex_title_en { transition: all 2s ease .5s; transform: translateY(0); opacity: 1; }
#my-banner .banner .swiper-slide.active .ind_ban_tex_title { transition: all 2s ease .7s; transform: translateY(0); opacity: 1; }
#my-banner .banner .swiper-slide.active .b_line { transition: all 2s ease .8s; transform: translateY(0); opacity: 1; }
#my-banner .banner .swiper-slide.active .ind_ban_tex_info { width: 50%; transition: all 2s ease 1s; transform: translateY(0); opacity: 1; }
#my-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; }
#my-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; }
#my-banner .banner .swiper-button-next.swiper-button-disabled { background-color: rgba(0, 0, 0, 0.3); }
#my-banner .banner .swiper-button-prev.swiper-button-disabled { background-color: rgba(0, 0, 0, 0.3); }
#my-banner .banner .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #ffffff; margin: 0 14px; opacity: 0.5; color: transparent; }
#my-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: #ffffff; }
#my-banner .banner .swiper-pagination-bullet-active .rightcircle { -webkit-animation: circleProgressLoad_right 6s linear infinite; animation: circleProgressLoad_right 6s linear infinite; }
#my-banner .banner .swiper-pagination-bullet-active .leftcircle { -webkit-animation: circleProgressLoad_left 6s linear infinite; animation: circleProgressLoad_left 6s linear infinite; }
#my-banner .banner .swiper-pagination-bullet-active .wrapper_con { display: block; }
#my-banner .banner .swiper-pagination { font-size: 0; }
#my-banner .banner .swiper-pagination>span { display: inline-block; vertical-align: middle; position: relative; }
#my-banner .banner .swiper-container-rtl .swiper-button-next { left: calc(8.335% - 32px); }
#my-banner .banner .swiper-container-rtl .swiper-button-prev { right: calc(8.335% - 32px); }
#my-banner .banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 5%; }
#my-banner .banner .swiper-pagination-custom { bottom: 5%; }
#my-banner .banner .swiper-pagination-fraction { bottom: 5%; }
#my-banner .right { right: -2px; }
#my-banner .left { left: -2px; }
#my-banner .circleProgress { width: 42px; height: 42px; border: 2px solid transparent; border-radius: 50%; position: absolute; top: 0; -webkit-transform: rotate(-135deg); }
#my-banner .rightcircle { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; right: 0; }
#my-banner .leftcircle { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; left: 0; }
#my-banner .wrapper_con { width: 21px; height: 42px; position: absolute; top: -2px; overflow: hidden; display: none; }
 @media only screen and (max-width: 1366px) and (min-width: 1025px) {
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 32px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 33px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { font-size: 16px; letter-spacing: 3px; }
#my-banner .banner .swiper-button-prev { width: 40px; height: 40px; line-height: 40px; top: calc(58% - 20px); }
#my-banner .banner .swiper-button-next { width: 40px; height: 40px; line-height: 40px; top: calc(58% - 20px); }
}
 @media only screen and (max-width: 1024px) and (min-width: 769px) {
#my-banner .f-center { padding-top: 70px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 26px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 30px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { font-size: 14px; letter-spacing: 2px; }
#my-banner .banner .swiper-button-prev { width: 40px; height: 40px; line-height: 40px; }
#my-banner .banner .swiper-button-next { width: 40px; height: 40px; line-height: 40px; }
#my-banner .banner .swiper-slide .ind_ban_tex .b_line { margin: 0px auto 20px; }
}
 @media only screen and (max-width: 768px) {
#my-banner .f-center { /* padding-top: 70px;
 		height: 45vh; */
}
#my-banner .moimg { display: block; height: 100%; }
#my-banner .pcimg { display: none; }
#my-banner .banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; }
#my-banner .banner .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 6px; }
#my-banner .rightcircle { display: none; }
#my-banner .banner .swiper-pagination-bullet-active .wrapper_con { display: none; }
#my-banner .f-14 { display: none; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 18px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 20px; }
#my-banner .banner .swiper-slide .ind_ban_tex .b_line { width: 30px; margin: 0px auto 20px; }
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { font-size: 12px; width: 100%; margin: 0 auto; letter-spacing: 0px;/*display: none;*/
}
#my-banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .infoen { display: none; }
#my-banner .banner .swiper-button-prev { display: none; }
#my-banner .banner .swiper-button-next { display: none; }
}
#my-banner { width: 100%; max-width: none; min-width: 0px; 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; position: relative; }