﻿
.home-banner{ background-color:#ffffff}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.swiper-slide .back_img{ width:100%;height: 100%; display: block;opacity :1 }
	.swiper-slide .back_img_mob{ display:none;opacity :0}
		.swiper-slide .banner_fonts{ position:absolute; left:3%; bottom:55px; z-index:2}

.swiper-slide .position02{ margin-left:0}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ position: absolute;right: 45px;bottom: 40px;z-index: 10; left:auto; width:auto;}
.swiper-pagination-bullet{ width:8px; height:8px;border-radius:50%; background-color:#d3d3d4;opacity:1}	
.swiper-pagination-bullet-active{ background-color:#a40001;opacity:1}	

.swiper-slide .banner_fonts{
		transform:translateY(100px);
		opacity:0;
		transition:all .4s; color:#FFFFFF;}
.swiper-slide .banner_fonts h3{color: #fff;font-size: 30px;left: 2%;line-height: 30px;z-index: 99;text-shadow:0px 0px 40px #333;}
.swiper-slide .banner_fonts p{ display:block; padding-bottom:90px;text-shadow:0px 0px 30px #333; font-weight:bold} 
.swiper-slide .banner_fonts  a{ color:#134dab; background-color:#FFFFFF; padding:10px 40px;}
.swiper-slide .banner_fonts  a:hover{color:#fff; background-color:#134dab;}
.ani-slide .banner_fonts{
		transform:translateY(0);
		opacity:1;
		}
.swiper-slide .back_img{
		transform:translateX(0);
		opacity:1;
		transition:all .4s;}
.ani-slide .back_img{
		transform:translateX(0);
		opacity:1;
		}
.home-banner{}		
.home-banner .swiper-button-next, 
.home-banner .swiper-button-prev {
	width:60px;
	height:60px;
	margin-top: -30px;
}

.home-banner .swiper-button-prev {
	left: 4.5%;
	background: url(../skin_pc/images/home_banner_prev.png) no-repeat;
}

.home-banner .swiper-button-next {
	right: 4.5%;
	background: url(../skin_pc/images/home_banner_next.png) no-repeat;
}
.home_center_con{ padding-top:40px; padding-bottom:40px;}
.home_banner{}

.home_banner .pagination {
 width:100%;
 position:absolute;
 bottom:40px;
 left:3%;
 z-index:20;
 font-size:0;
 opacity:1; text-align:left;
}
.home_banner  .pagination {
 opacity:1;
 transition:all 1s .5s;
}
.home_banner  .pagination span {
 display:inline-block;
 width:44px;
 height:3px;
 background:#EAEBF1;
 position:relative;
 margin:0 10px 0 0;border-radius:0
}
.home_banner  .pagination span:before {
 content:'';
 width:0;
 height:100%;
 background:#000000;
 top:0;
 left:0;
 position:absolute;
}
.home_banner  .pagination span.swiper-active-switch:before {
 width:100%;
 transition:all 6s linear;
}
.home_banner  .pagination span.swiper-pagination-bullet-active{ background-color:#2faaf7}
.home_banner  .swiper-slide .back_imgsd { opacity:0;transition:all .8s ease;}
.home_banner  .swiper-slide.swiper-slide-active .back_imgsd {opacity:1;
 animation:scale11 7s infinite;
 transform:scale(1);}
 @keyframes scale11 {
 0% {
  transform:scale(1);
 }
 100% {
  transform:scale(1.08);
 }
}

.idx_logo{position:absolute;left: 3%;top: 3%;z-index:100;}
.idx_logo .img{height: 50px;width: auto;}

.idx_more{font-size: 16px;color: #fff;width: 125px;line-height: 35px;border:1px solid #fff;display: block;position:absolute;bottom: 40px;left: 50%;margin-left: -62px;z-index:100;text-align: center;}
.idx_more:hover{color: #fff;background: #2faaf7;border-color:#2faaf7;}
