@charset "utf-8";
.lt_bn {position:relative;overflow:hidden}
.lt_bn .bx-wrapper{height:100vh;}
.lt_bn li {background-position:center center !important;background-size:cover;background-repeat:no-repeat;height:100vh;text-align:center;color:#fff}
.lt_bn .bg{;position:absolute;top:0;left:0;width:100%;height:100vh;/*background:rgba(0,0,0,0.3);*/content:'';z-index:1;overflow:hidden}

.lt_bn .bn_txt{display:table;height:100vh; width:100%; max-width:1600px; margin:0 auto; text-align:center; position:relative;z-index:2;display: flex;
    justify-content: center;  align-items: center;  flex-direction: column;}

.lt_bn .txt_wr {display:table-cell;vertical-align:middle;padding:0 20px}

.lt_bn li .bn_view {display:inline-block;background:#fff;color:#333;padding:0 35px;line-height:45px;margin-top:20px}

.lt_bn .bn_link {display:none;position:absolute;bottom:10px;right:10px;z-index:99;background:#ff0000;color:#fff;width:40px;line-height:40px;border-radius:30px;text-align:center;font-size:16px}
.lt_bn:hover .bn_link {display:block}
.lt_bn .bn_link:hover {transform: rotate( -45deg );color:#fff;}

.lt_bn .bx-pager{position:absolute;bottom:0;right:0}


.lt_bn li .bn_wr1 {font-size:35px;letter-spacing: 7px; color:#fff; font-weight:600; opacity:0;
-webkit-transition: all 1s ease-in .3s;
-moz-transition:  all 1s ease-in .3s ;
-ms-transition:  all 1s ease-in .3s;
-o-transition: all 1s ease-in .3s;
transition: all 1s ease-in .3s}
.lt_bn li .active-slide .bn_wr1 {opacity:1}

.lt_bn li .bn_tit {font-size:70px; color:#fff; font-weight:800; opacity:0;
-webkit-transition: all 1s ease-in .5s;
-moz-transition:  all 1s ease-in .5s ;
-ms-transition:  all 1s ease-in .5s;
-o-transition: all 1s ease-in .5s;
transition: all 1s ease-in .5s}
.lt_bn li .active-slide .bn_tit {opacity:1;}

.lt_bn li .bn_detail {font-size:30px; line-height:35px; color:#fff; font-weight:300; opacity:0; margin-top:30px; word-break:keep-all;
-webkit-transition: all 1s ease-in .5s;
-moz-transition:  all 1s ease-in .5s ;
-ms-transition:  all 1s ease-in .5s;
-o-transition: all 1s ease-in .5s;
transition: all 1s ease-in .5s}
.lt_bn li .active-slide .bn_detail{opacity:0.8;}


.mouse {text-align:center; color:#fff; position:absolute; z-index:9;    bottom: 30px;}
.mouse p {margin:10px 0 5px;}

.lt_bn #bx_pager {position:relative;bottom:-30px; width:100%; z-index:99; text-align:center;}
.lt_bn #bx_pager a{display:inline-block; width:10px; height:10px; margin:0 3px; border-radius:50%; background: #fff; opacity:0.5;}
.lt_bn #bx_pager .active {opacity:1; }
.lt_bn #bx_pager .active span{width:20px}
.lt_bn .btn_bottom{display:none; position:absolute;bottom:0;left:50%;width:81px;height:37px;background:url('./btn_bottom.png');border:0;margin-left:-40px;text-indent:-999px;overflow:hidden}

 @media (max-width: 969px){
	.lt_bn .bx-wrapper, .lt_bn li {height:100vh;}
    .lt_bn li .bn_wr1 {font-size:32px;}	
	.lt_bn li .bn_tit {font-size:50px;}	
	.lt_bn li .bn_detail {font-size:19px; line-height:28px; margin-top:20px;}	
	.lt_bn #bx_pager {bottom:-30px;}
 }

  @media (max-width: 639px){
	.lt_bn .bx-wrapper, .lt_bn li {height:100vh;}
    .lt_bn li .bn_wr1 {font-size:20px;}	
	.lt_bn li .bn_tit {font-size:35px;}	
	.lt_bn li .bn_detail {font-size:15px; line-height:22px; margin-top:10px; padding:0 10px;}
	.lt_bn li .bn_detail br {display:none;}	
	.lt_bn #bx_pager {bottom:-20px;}
      .mouse{display: none}
 }
