/*首页banner*/
.slider-box{width:100%;height:100vh;position:relative;z-index:0;margin-top:0px;transition:all .5s ease;margin-top:0px;background-size:cover;background-attachment:fixed;background-position:0% 100%}
.slider-box .banner_mouse{}

.slider-box .swiper-container{width:100%;height:100%;position:absolute;left:0px;top:0px}
.slider-box .swiper-slide{overflow:hidden;color:#fff;position: relative;}
.slider-box .swiper-slide .pic{position: relative;z-index:10}
.swiper-slide img{width:100%;height:100vh;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);position:relative;z-index:8}
.slider-box .swiper-container .swiper-slide-active img,.slider-box .swiper-container .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1)}
.slider-box .swiper-slide .banner_text {position: absolute;z-index:20; height:100vh;left: 0px;top:300px;
bottom:50px;max-width:1400px;padding:0 15px;margin:0 auto;left:50%;transform:translateX(-50%);text-align: left;
}

.slider-box .swiper-slide .banner_text .slogan{width: 300px;height:50px; line-height: 50px; color: #fff;font-size:18px;
background-color: #004588;text-align: center;border-radius: 20px; border: 0px solid #999; }
.slider-box .swiper-slide .banner_text .title{height:100px; line-height: 100px; color: #fff;font-size:50px;	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight: bold;}
.slider-box .swiper-slide .banner_text .desc{height:90px; max-width:800px; line-height: 30px; color: #fff;font-size:18px;
 transition: all ease .8s .3s;   opacity: 0;  transform: translateY(40px);}
.slider-box .swiper-slide .banner_text .btn{align-items:center;width:160px;height:50px;line-height:50px;border:2px solid #fff;padding:0px 5px;color:#fff;text-align:center;display:flex;font-size:16px;border-radius:30px;justify-content:space-around}

.slider-box .swiper-slide .banner_text .slogan{transition: all ease .8s .1s;opacity: 0;transform: translateY(-40px);}
.slider-box .swiper-slide .banner_text .title{transition: all ease-out .8s .6s;opacity: 0;transform: translateY(40px);}
.slider-box .swiper-slide .banner_text .desc{transition: all ease-in-out .8s .3s;opacity: 0;transform: translateY(40px);}
.slider-box .swiper-slide .banner_text .btn{transition: all ease-out .8s .2s;opacity: 0;transform: translateY(40px);}
.slider-box .swiper-slide-active  .banner_text .slogan {opacity: 1;transform: translateY(0px);}
.slider-box .swiper-slide-active  .banner_text .title {opacity: 1;transform: translateY(0px);}
.slider-box .swiper-slide-active  .banner_text .desc {opacity: 1;transform: translateY(0px);}
.slider-box .swiper-slide-active  .banner_text .btn {opacity: 1;transform: translateY(0px);}
.slider-box .swiper-slide-active  .banner_text .btn  a{color: #ffffff}


/*左右*/
.slider-box .swiper-button-prev{background:transparent;width:55px;height:55px;line-height:53px;margin-top:-30px;text-align:center;border:2px solid #d4d3d3;border-radius:55px;opacity:0;visibility:hidden;transition:all .3s ease;left:25px;transform:translateX(50px)}
.slider-box .swiper-button-next{background:transparent;width:55px;height:55px;line-height:53px;margin-top:-30px;text-align:center;border:2px solid #d4d3d3;border-radius:55px;opacity:0;visibility:hidden;transition:all .3s ease;right:25px;transform:translateX(-50px)}
.slider-box:hover .swiper-button-prev{color: #fff;font-size: 30px;line-height: 42px;transform:translateX(0);opacity:1;visibility:visible;}
.slider-box:hover .swiper-button-next{color: #fff;font-size: 30px;line-height: 42px;transform:translateX(0);opacity:1;visibility:visible}

/*分页*/
.slider-box .swiper-pagination-bullet{width:15px;height:15px;line-height:15px;font-size:15px;color:#000;opacity:0.8;background:#fff;transition:all .2s ease}
.slider-box .swiper-pagination-bullet-active{opacity:1;background:#ff0000}
.slider-box .swiper-container-horizontal > .swiper-pagination-bullets{bottom:50px;max-width:1400px;padding:0 15px;margin:0 auto;left:50%;transform:translateX(-50%)}
.slider-box .swiper-pagination-custom{bottom:30px}
.slider-box .swiper-pagination-fraction{bottom:30px}




/*banner鼠标动画*/
.banner_mouse{ position: absolute;right:10%;    bottom: 36px;z-index:20;
width: 23px;height: 40px;cursor:pointer;
background:url(/static/tn106/img/mouse_ico.png) no-repeat -23px 0px;
-webkit-animation: nudgeMouse 1.8s linear infinite;
animation: mouse_up_down 1.8s linear infinite;  
}

.banner_mouse:before{content: "";position: absolute;width:23px;height:40px;top:0;left:0;
background:url(/static/tn106/img/mouse_ico.png) no-repeat 0px 0px;
-webkit-animation: mouse_color 1.8s ease infinite;
animation: mouse_color 1.8s ease infinite;}

.banner_mouse:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;
height: 4px;width: 4px;border-radius: 100%;background-color: #ffffff;
-webkit-animation: mouse_p 1.8s linear infinite;
animation: mouse_p 1.8s linear infinite;
}

@-webkit-keyframes mouse_color{
0%{height:0}
90%{height:40px}
}
@keyframes mouse_color{
0%{height:0}
90%{height:40px}
}	

@keyframes mouse_p{
	0%{opacity:1;-webkit-transform:scale(0.1) translateY(-8px);transform:scale(0.1) translateY(-8px);background-color: #ff5722}
	40%{opacity:0.8;-webkit-transform:scale(0.8) translateY(4px);transform:scale(0.8) translateY(4px)}
	80%{opacity:0;-webkit-transform:scale(1) translateY(16px);transform:scale(1) translateY(16px)}
	100%{opacity:0;-webkit-transform:scale(0.5) translateY(-8px);transform:scale(0.5) translateY(-8px)}
}
@-webkit-keyframes mouse_p{
	0%{opacity:1;-webkit-transform:scale(0.1) translateY(-8px);transform:scale(1) translateY(-8px);background-color: #ff5722}
	40%{opacity:1;-webkit-transform:scale(0.8) translateY(4px);transform:scale(0.9) translateY(4px)}
	80%{opacity:0;-webkit-transform:scale(1) translateY(16px);transform:scale(0.4) translateY(16px)}
	100%{opacity:0;-webkit-transform:scale(0.5) translateY(-8px);transform:scale(0.4) translateY(-8px)}
}	
	
	

@-webkit-keyframes mouse_up_down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(9px);
            transform: translateY(9px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes mouse_up_down {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  55% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}



/* 大于1000px  */
@media only screen and (min-width: 1000px) {	
	 .banner_text {width: 800px;top:100px;!important;left: 0px;}
}
/* 大于1200px  */
@media only screen and (min-width: 1200px) {
	.banner_text{width:1000px;top:200px!important;left: 0px;}
}
/* 大于1400px  */
@media only screen and (min-width: 1400px) {
	.banner_text{width:1200px;top:200px!important;left: 0px;}
}
/* 大于1600px  */
@media only screen and (min-width: 1600px) {
	.banner_text{width:1440px;top:300px!important;left: 0px;}	
}
/* 小于1000px  */
@media only screen and (max-width: 1000px) {
	 .banner_text {width: 800px;top:200px!important;left: 0px;}
}
/* 小于768px  */
@media only screen and (max-width: 768px) {
.banner_text{display: none}
.swiper-button-prev{display: none}
.swiper-button-next{display: none}
.banner_mouse{display: none}
.slider-box{width:100%;height:300px;margin-top: 100px}

.swiper-slide img{width:100%;height:300px; position:relative;z-index:8;transition:1s linear 2s;transform:scale(1.1,1.1);}



.slider-box .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;max-width:1400px;padding:0 15px;margin:0 auto;left:50%;transform:translateX(-50%)}
}