@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;
 }