/* ----------------------------------------
   -------------- 3.PRELOADER -------------
   ---------------------------------------- */
.pre-loader {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9999;
  overflow: hidden;
}
.spinner {
  display: inline-block;
  position: absolute;
  width: 640px;
  height: 64px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #3C78FF;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-childa2 {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
.hr{
width: 1920px;
height: 700px;
background: #E1C3C3;
border: 1px solid #979797;
}

/*banner*/
.carousel-control{
	width: 0;
	opacity: 0;
}
.carousel-control{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	font-size: 24px;
    line-height: 52px;
	background: #000000;
	z-index: 3;
	text-align: center;
}
.carousel-control:focus, 
.carousel-control:hover {
	background: #000000;
	opacity: 1;
}
.slider-item:after{
	position:absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.carousel-control.left,
.carousel-control.right{
	background-image: none;
	opacity: 0;
}
.carousel-control.left{
	left: 20px;
	width:102px;
	height:102px;
}
.carousel-control.right{
	right: 20px;
	width:102px; 
	height:102px;
}
.carousel-control .carousel-control-next-icon, .carousel-control-prev-icon{width:3rem; height:3rem}

.carousel-control-next, .carousel-control-prev {
	z-index: 2;
}
#bannerDiv{position:relative;width:100%; margin:0 auto;}
.main-banner .swiper-button-prev{
  background-image: url(../../assets/images/icon-banner-prev.png);
  width:102px;
  height:102px;
  -webkit-background-size:auto;
  background-size:auto;
   opacity: 0;
}
.main-banner .swiper-button-next{
  background-image: url(../../assets/images/icon-banner-next.png);
  width:102px;
  height:102px;
  -webkit-background-size:auto;
  background-size:auto;
   opacity: 0;
}
.main-banner .swiper-button-prev:hover{ opacity: 1;}
.main-banner .swiper-button-next:hover{ opacity: 1;}

.slider-item {
	position: relative;
	height: 640px;
	text-align: center;
	min-width:1200px;
}
.slider-item img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.slider-content-area {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
	text-align:left;
}


.text_free:after {
	opacity: 0;
	right: 30px
}

.text_free:hover {
	color: #fff;
	cursor:pointer;
	margin-left: 34px;
}

.text_free:hover:after {
	opacity: 1

}
.arr-white-endow:hover,.arr-white:hover,.arr-white-more:hover {
    color: #fff
}
.imgHover:after {
	opacity: 0;
	right: 42px
}

.imgHover:hover {
	color: #fff;
	padding-right: 15px;
	/*margin-left: 24px;*/
	/*padding: 0 15px 0 25px;*/
}

.imgHover:hover:after {
	opacity: 1

}
.imgHover2:after {
	opacity: 0;
	right: 42px
}

.imgHover2:hover {
	color: #fff;
	padding-right: 15px;
}

.imgHover2:hover:after {
	opacity: 1

}
.arr-white-endow,.arr-white-more{
	font-size:20px;
	line-height:28px;
    position: relative;
    color: #fff;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}
.arr-white {
	font-size:20px;
	line-height:28px;
    position: relative;
    color: #fff;
    padding-right: 15px;
	font-weight:500;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.arr-white:after {
    content: "\e66f";
    position: absolute;
	font-size:28px;
    top: 24%;
    right: 0px;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}
.arr-white-endow:after {
    content: "\e66f";
    position: absolute;
	font-size:28px;
    top: 15%;
    right: 42px;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}
.arr-white-more:after {
    content: "\e66f";
    position: absolute;
	font-size:28px;
    top: 15%;
    right: 42px;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.arr-white-endow:hover:after,.arr-white:hover:after {
    -webkit-transform: translate(4px);
    -ms-transform: translate(4px);
    transform: translate(4px)
}
.index_am_fadeInRight {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;

}

/*.slider-content .text_free:hover{cursor:pointer;}
.slider-content .text_free img{display:none;}
.slider-content .text_free:hover img{display:inline;}*/

.slider-content .btn-default:before, 
.slider-content .btn-default:after,
.slider-content .btn-default:before, 
.slider-content .btn-default:after{
	background: #ffffff;
}
.slider-content .text-wrapper-free1{
    opacity: 0;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
}
.slider-content .paragraph_1{
    opacity: 0;
    transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
}

.slider-content .paragraph_2{
	opacity: 0;
	transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
}

.slider-option .swiper-slide-active .slider-content .paragraph_1,  
.slider-option .swiper-slide-active .slider-content p, 
.slider-option .swiper-slide-active .slider-content .text-wrapper-free1 {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.slider-option ,.swiper-slide-active{
	opacity: 1;
	width:100%;
	margin:0 auto;
}
.slider-option .swiper-slide-active .slider-content .paragraph_2{
    opacity: 0.7;
    -webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.slider-option .swiper-slide-active .slider-content .paragraph_1{
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.slider-option .swiper-slide-active .slider-content .paragraph_2{
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}
.slider-option .swiper-slide-active .slider-content p{
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
}
.slider-option .swiper-slide-active .slider-content .text-wrapper-free1{
	-webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.slider-option .swiper-slide-active .slider-content .paragraph_1{
	-webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.slider-option .swiper-slide-active .slider-content .paragraph_2{
	-webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.swiper-pagination-bullet{opacity:1;}
.banner-pagination{
    position: absolute;
    z-index: 10;
    bottom: 10px;
    right: 50%;
    margin-right: -90px;
    list-style: none;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.banner-pagination span{
	background:url(../../assets/images/icon-banner-btn2.png) right top no-repeat;
	width:10px;
	height:10px;
	margin-right:10px;
}
.banner-pagination .swiper-pagination-bullet-active{
    width: 32px;
    height: 10px;
    background: url(../../assets/images/icon-banner-btn1.png) left bottom no-repeat;
	border-radius:0;
}


.carousel-control{
	width: 0;
	opacity: 1;
}
.carousel-control{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	font-size: 24px;
    line-height: 52px;
	background:#000000;
	z-index: 3;
	text-align: center;
}
.carousel-control:focus, 
.carousel-control:hover {
	background: #000000;
    opacity: 1;
}

.carousel-control.left,
.carousel-control.right{
	background-image: none;
}
.carousel-control.left{
	left: 20px;
}
.carousel-control.right{
	right: 20px;
}


.carousel-control-next, .carousel-control-prev {
	z-index: 2;
}


/*======================
	End Slider
================================*/
/*end*/

/*menu*/
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
#customerCase .swiper-button-prev{
  background-image: url(../../assets/images/case_prev.png);
  width:102px;
  height:102px;
  -webkit-background-size:auto;
  background-size:auto;
  top:45%;
}
#customerCase .swiper-button-next{
  background-image: url(../../assets/images/case_next.png);
  width:102px;
  height:102px;
  -webkit-background-size:auto;
  background-size:auto;
  top:45%;
}
.myPrev{
	position:absolute;top:50%;
	left:10px; 
	right:auto;
	z-index:10; 
	cursor:pointer;
	background-image: url(../../assets/images/case_prev.png); 
	width:102px;
	height:102px;
	-webkit-background-size:auto;
	background-size:auto;
  }
.myNext{
	position:absolute;
	top:50%;
	right:10px;
	left:auto; 
	z-index:10; 
	cursor:pointer;  
	background-image: url(../../assets/images/case_next.png); 
	width:102px;
	height:102px;
	-webkit-background-size:auto;
	background-size:auto;
  }

@media (max-width: 1450px) {
  .myPrev {
    display:none;
  }
  .myNext{
	display:none;
  }
}
/*end*/
/**/

/*.tab-content>.tab-detail {
    display: none
}

.tab-content>.active {
    display: block
}*/