.home-head { text-align: center;}

.home-head .title {
	margin: 25px 0 10px;
	font-size: 22px;
	color: #000;
}

.home-head .subtitle {
	color: #b0b0b0;
}
.home-banner{ padding-top:84px;}


/* ========== */
/* = BANNER = */
/* ========== */
.home-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 32px;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1px;}
.swiper-pagination-bullet {
	position: relative;
	width: 44px;
	height: 2px;
	border-radius: 0;
	opacity: 1;
	background: rgba(255,255,255,.1);
}

.swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -22px;
	width: 44px;
	height: 100%;
	background: #2b9eff;
	opacity: 0;
	transition: all ease .4s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.swiper-pagination-bullet:hover::before,
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.home-banner .swiper-button-next, 
.home-banner .swiper-button-prev {
	width: 43px;
	height: 85px;
	margin-top: -42px;
}

.home-banner .swiper-button-prev {
	left: 14.5%;
	background: url(../images/home_banner_prev.png) no-repeat;
}

.home-banner .swiper-button-next {
	right: 14.5%;
	background: url(../images/home_banner_next.png) no-repeat;
}




.home-banner-1,
.home-banner-2,.home-banner-3 { position: relative; overflow: hidden; height:564px;}

/*循环切换动画1 开始*/
.home-banner-con{ 
	position: absolute;
	left: 50%;
	z-index: 5;
	width: 100%;
	max-width: 1200px;
	color: #fff;
	text-transform: uppercase;
	transform: translateX(-50%);bottom:36%;
}
.home-banner-con .con-in { width:100%; text-align: center}
.home-banner-con .text-1 {
	font-size:20px;
}
.home-banner-con .text-1 span{ padding-bottom:15px;text-shadow: 1px 1px 1px #666;}
.home-banner-con .text-1 img{ width:100%; max-width:580px;}
.home-banner-con .line {
	position: relative;
	margin:30px 0;text-shadow: 1px 1px 1px #666;
	height: auto; font-size:48px; font-family:DINPro Bold,  "华文中宋","新宋体" ;
}
.home-banner-con .line em {
	position: absolute;
	left: 0;
	top: -1px;
	width: 41px;
	height: 3px;
	background: #268cf0;
}
.home-banner-con .line img{ width:100%; max-width:900px;}
.home-banner-con .text-2 {
	margin-bottom: 20px;
	font-size:18px;
	line-height: 28px; font-family: "华文中宋","新宋体" ;
}
.home-banner-con .text-2 img{ width:100%; max-width:540px;}



.home-banner-con .text-1 {
	opacity: 0;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.home-banner-con .line {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	transition-delay: .2s;
}

.home-banner-con .line em {
	opacity: 0;
	left: 100%;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
}

.home-banner-con .text-2,
.home-banner-con .text-3,
.home-banner-con .more-button {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.home-banner-con .text-2 { transition-delay: .3s;}
.home-banner-con .text-3 { transition-delay: .4s;}
.home-banner-con .more-button { transition-delay: .5s;}


.home-banner-con .text-1.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con .line.active {
	opacity: 1;
}
.home-banner-con .line.active em {
	opacity: 1;
	left: 0;
}
.home-banner-con .text-2.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0); display:none;
}
.home-banner-con .text-3.active {
	opacity: .1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con .more-button.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/*循环切换动画1 EDN*/

/*循环切换动画2 开始*/
.home-banner-con-2{ 
	position: absolute;
	left: 50%;
	z-index: 5;
	width: 100%;
	max-width: 1200px;
	color: #fff;
	text-transform: uppercase;
	transform: translateX(-50%);bottom:36%;
}
.home-banner-con-2 .con-in { width:100%; text-align: center}
.home-banner-con-2 .text-1 {
	font-size:20px; font-family: "华文中宋","新宋体" ;
}
.home-banner-con-2 .text-1 span{ padding-bottom:15px; border-bottom:#FFFFFF 1px solid;}
.home-banner-con-2 .text-1 img{ width:100%; max-width:580px;}
.home-banner-con-2 .line {
	position: relative;
	margin:30px 0;
	height: auto; font-size:58px; font-family: "华文中宋","新宋体" ;
}
.home-banner-con-2 .line em {
	position: absolute;
	left: 0;
	top: -1px;
	width: 41px;
	height: 3px;
	background: #268cf0;
}
.home-banner-con-2 .line img{ width:100%; max-width:900px;}
.home-banner-con-2 .text-2 {
	margin-bottom: 20px;
	font-size:18px;
	line-height: 28px; font-family: "华文中宋","新宋体" ;
}
.home-banner-con-2 .text-2 img{ width:100%; max-width:540px;}



.home-banner-con-2 .text-1 {
	opacity: 0;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.home-banner-con-2 .line {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	transition-delay: .2s;
}

.home-banner-con-2 .line em {
	opacity: 0;
	left: 100%;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
}

.home-banner-con-2 .text-2,
.home-banner-con-2 .text-3,
.home-banner-con-2 .more-button {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.home-banner-con-2 .text-2 { transition-delay: .3s;}
.home-banner-con-2 .text-3 { transition-delay: .4s;}
.home-banner-con-2 .more-button { transition-delay: .5s;}


.home-banner-con-2 .text-1.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .line.active {
	opacity: 1;
}
.home-banner-con-2 .line.active em {
	opacity: 1;
	left: 0;
}
.home-banner-con-2 .text-2.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .text-3.active {
	opacity: .1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .more-button.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/*循环切换动画2 EDN*/


/*循环切换动画3 开始*/
.home-banner-con-3{ 
	position: absolute;
	left: 50%;
	z-index: 5;
	width: 100%;
	max-width: 1200px;
	color: #fff;
	text-transform: uppercase;
	transform: translateX(-50%);bottom:36%;
}
.home-banner-con-3 .con-in { width:100%; text-align: center}
.home-banner-con-3 .text-1 {
	font-size:20px; font-family: "华文中宋","新宋体" ;
}
.home-banner-con-3 .text-1 span{ padding-bottom:15px; border-bottom:#FFFFFF 1px solid;}
.home-banner-con-3 .text-1 img{ width:100%; max-width:580px;}
.home-banner-con-3 .line {
	position: relative;
	margin:30px 0;
	height: auto; font-size:58px; font-family: "华文中宋","新宋体" ;
}
.home-banner-con-3 .line em {
	position: absolute;
	left: 0;
	top: -1px;
	width: 41px;
	height: 3px;
	background: #268cf0;
}
.home-banner-con-3 .line img{ width:100%; max-width:900px;}
.home-banner-con-3 .text-2 {
	margin-bottom: 20px;
	font-size:18px;
	line-height: 28px; font-family: "华文中宋","新宋体" ;
}
.home-banner-con-3 .text-2 img{ width:100%; max-width:540px;}



.home-banner-con-3 .text-1 {
	opacity: 0;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.home-banner-con-3 .line {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	transition-delay: .2s;
}

.home-banner-con-3 .line em {
	opacity: 0;
	left: 100%;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
}

.home-banner-con-3 .text-2,
.home-banner-con-3 .text-3,
.home-banner-con-3 .more-button {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.home-banner-con-3 .text-2 { transition-delay: .3s;}
.home-banner-con-3 .text-3 { transition-delay: .4s;}
.home-banner-con-3 .more-button { transition-delay: .5s;}


.home-banner-con-3 .text-1.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-3 .line.active {
	opacity: 1;
}
.home-banner-con-3 .line.active em {
	opacity: 1;
	left: 0;
}
.home-banner-con-3 .text-2.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-3 .text-3.active {
	opacity: .1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-3 .more-button.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/*循环切换动画3 EDN*/

.progress {
  margin: 0 auto;
  width: 110px;
  height: 110px;
  line-height: 110px;
  position: relative;
}
.progress:after{
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .07;
}

.progress .bg {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: url(../../images/home/progress_bar_bg.png) no-repeat top right;
	 background-size: cover;
}
 
.progress .progress-value {
  	  position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -44px;
      margin-left: -44px;
      width: 88px;
      height: 88px;
      line-height: 88px;
      border-radius: 50%;
      font-size: 12px;
      color: #2b9eff;
      text-align: center;
      background: rgba(255,255,255,.1);
}


.banner-progress-list {
	padding-top: 120px;
	overflow: hidden;
}

.banner-progress-list li {
	float: left;
	width: 33.333%;
	text-align: center;
	color: #fff;
}

.banner-progress-list li p {
	padding-top: 15px;
	font-size: 15px;
	transition: all .4s ease-in;
}

.banner-progress-list li .num { font-size: 30px;}

.banner-progress-list li:hover .progress .bg {
	animation: progress-360 4s ease-in infinite;
}
  
.banner-progress-list li:hover p {
	transform: translateY(-5px);
}












@media (max-width: 1700px){
	.home-banner .swiper-button-prev { left: 15px; }
	.home-banner .swiper-button-next { right: 15px; }
	.banner-progress-list { padding-top: 20px; }
}


@media (max-width: 1300px){
	.home-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px;}
}


.home-banner-img-animate {	
	/*-webkit-animation: imageAnimation 10s linear infinite 0s;
    -moz-animation: imageAnimation 10s linear infinite 0s;
    -o-animation: imageAnimation 10s linear infinite 0s;
    -ms-animation: imageAnimation 10s linear infinite 0s;
    animation: imageAnimation 10s linear infinite 0s;*/ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; 
	  overflow:hidden
}
.home-banner-img-animate_002 {	
	/*-webkit-animation: imageAnimation 10s linear infinite 0s;
    -moz-animation: imageAnimation 10s linear infinite 0s;
    -o-animation: imageAnimation 10s linear infinite 0s;
    -ms-animation: imageAnimation 10s linear infinite 0s;
    animation: imageAnimation 10s linear infinite 0s;*/ position:absolute; left:50%; top:0; width:100%; 
	  overflow:hidden
}

.text-1 span.active  {
	opacity: .15;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}
.text-1 span.active:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.text-1 span.active:nth-child(3) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.text-1 span.active:nth-child(4) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.text-1 span.active:nth-child(5) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.text-1 span.active:nth-child(6) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}













@-webkit-keyframes imageAnimation {
	0% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	8% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes imageAnimation {
	0% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	8% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}








.home-intro {
	padding: 85px 0 68px;
	background: #f8f8f9;
}


@keyframes aa {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}
	50% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 20deg)
	}
}


/* ========== */

/* ========== */
/* = DYNAMIC = */
/* ========== */
.home-dynamic {
	padding: 75px 0 83px;
	background: #f8f8f9;
}

.home-dynamic-body {
	padding-top: 65px;
	overflow: hidden;
}



/* ========== */
/* = ANIMATION = */
/* ========== */
 @keyframes progress-180 {
    0%{
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
    }
    100%{
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
    }
}

 @keyframes progress-360 {
    0%{
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
    }
    100%{
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
    }
}


.animateBox {
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	opacity: 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.animateBox.animate {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
}


.home-case-list li:nth-child(2),
.home-case-list li:nth-child(6) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.home-case-list li:nth-child(3),
.home-case-list li:nth-child(7) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.home-case-list li:nth-child(4),
.home-case-list li:nth-child(8) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}



.home-dynamic-list li:nth-child(2) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.home-dynamic-list li:nth-child(3) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.home-dynamic-list li:nth-child(4) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}

@media (max-width:1000px) {
.home-banner-con .text-2,.home-banner-con .line,.home-banner-con .text-1 span{ display:none;}
.home-banner-img-animate{}
.home-banner-con .line,.home-banner-con-2 .line,.home-banner-con-3 .line{ font-size:1.2rem;}
.home-banner-1, .home-banner-2, .home-banner-3{ height:auto}
.home-banner-img-animate {	
	/*-webkit-animation: imageAnimation 10s linear infinite 0s;
    -moz-animation: imageAnimation 10s linear infinite 0s;
    -o-animation: imageAnimation 10s linear infinite 0s;
    -ms-animation: imageAnimation 10s linear infinite 0s;
    animation: imageAnimation 10s linear infinite 0s;*/ width:200%; max-height:564px; max-width:1920px; overflow:hidden; margin-left:-50%; position:relative; left:0
}
.home-banner-img-animate_002 {	
	/*-webkit-animation: imageAnimation 10s linear infinite 0s;
    -moz-animation: imageAnimation 10s linear infinite 0s;
    -o-animation: imageAnimation 10s linear infinite 0s;
    -ms-animation: imageAnimation 10s linear infinite 0s;
    animation: imageAnimation 10s linear infinite 0s;*/ width:200%; max-height:564px; max-width:1920px; overflow:hidden; margin-left:-50%; position:relative; left:0
}
.swiper-button-next,.swiper-button-prev{ display:none}
.home-banner{ padding-top:4.5rem;}
}