@charset "utf-8";

.lt_bn {position:relative;overflow:hidden}
.lt_bn .bx-wrapper{height:auto;}
.lt_bn li {background-position:center center !important;background-size:cover;background-repeat:no-repeat; height:740px;/*height:100vh;text-align:center;*/}
.lt_bn .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);content:'';z-index:1;overflow:hidden}

.lt_bn .bn_txt {display:table;height:100%;width:100%;max-width:1400px; margin:0 auto; padding:0 20px; text-align:center; position:relative;z-index:2;}
.lt_bn .txt_wr {padding-top:190px;}


.lt_bn li .bn_tit {font-size:50px; font-weight:400; letter-spacing:-0.02em; line-height:110px; color:#222; word-break:keep-all; 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 .bn_tit span {font-size:65px;}
.lt_bn li .bn_tit span b {position:relative;}
.lt_bn li .bn_tit span b:before {position:absolute; bottom:1px; left:0; content:""; width:314px; height:20px; background:#f26831; display:inline-block; z-index:-1;}

.lt_bn li .active-slide .bn_tit {opacity:1;}

.lt_bn li .bn_detail {font-size:27px; font-weight:300; word-break:keep-all; color:#8a8a8a; margin:50px 0 0; opacity:0;
-webkit-transition: all 0.5s ease-in .5s;
-moz-transition:  all 0.5s ease-in .5s;
-ms-transition: all 0.5s ease-in .5s;
-o-transition: all 0.5s ease-in .5s;
transition: all 0.5s ease-in .5s}

.lt_bn li .active-slide .bn_detail {opacity:1}


.lt_bn #bx_pager {position:absolute; bottom:70px;z-index:99; width:100%; text-align:center;}
.lt_bn #bx_pager .pager_wrap {width:100%; max-width:1400px; margin:0 auto;}
.lt_bn #bx_pager .pager_wrap a {color:#111;display:inline-block;padding:5px;line-height:20px;opacity:0.5; font-size:16px;}
.lt_bn #bx_pager .pager_wrap  span{display:inline-block;width:0;height:2px;background:#111;vertical-align:top;margin-top:10px;margin-left:8px;
-webkit-transition: all 0.5s ease-in;
-moz-transition:  all 0.5s ease-in ;
-ms-transition: all 0.5s ease-in ;
-o-transition: all 0.5s ease-in ;
transition: all 0.5s ease-in }
.lt_bn #bx_pager .pager_wrap .active{opacity:1}
.lt_bn #bx_pager .pager_wrap .active span{width:20px}


 @media (max-width: 1199px){
	.lt_bn .bx-wrapper, .lt_bn li {height:680px;}
	.lt_bn li .bn_tit {font-size:45px; line-height:100px;}
	.lt_bn li .bn_tit span {font-size:58px;}
	.lt_bn li .bn_tit span b:before {width:282px;}
	.lt_bn li .bn_detail {font-size:24px;}
	
 }
 
 @media (max-width: 969px){
	.lt_bn .bx-wrapper, .lt_bn li {height:500px;}
	.lt_bn .txt_wr {padding-top:125px;}
	.lt_bn li .bn_tit {font-size:35px; line-height:70px;}
	.lt_bn li .bn_tit span {font-size:46px;}
	.lt_bn li .bn_tit span b:before {width:222px; height:15px;}
	.lt_bn li .bn_detail {font-size:19px;}
	
    .lt_bn #bx_pager {bottom:40px;}
	.lt_bn #bx_pager .pager_wrap a {font-size:14px;}
 }

  @media (max-width: 639px){
	.lt_bn .bx-wrapper, .lt_bn li {height:300px;}
	.lt_bn .txt_wr {padding-top:60px;}
	.lt_bn .bn_txt {padding:0 10px;}
	.lt_bn li .bn_tit {font-size:17px; line-height:44px;}
	.lt_bn li .bn_tit span {font-size:35px;}
	.lt_bn li .bn_tit span b {display:block;}
	.lt_bn li .bn_tit span b:before {width:170px; height:10px; bottom:0px; left:50%; margin-left:-85px;}
	.lt_bn li .bn_detail {display:none; font-size:16px; max-width:320px; margin:30px auto 0;}
	
    .lt_bn #bx_pager {bottom:20px; left:0;}
	.lt_bn #bx_pager .pager_wrap {padding:0 20px;}
	.lt_bn #bx_pager .pager_wrap a {font-size:12px;}
	.lt_bn #bx_pager .pager_wrap .active span{width:15px}
 }