@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:800px; color:#fff}

.lt_bn .bn_txt {display:flex; align-items:center; height:100%; width:96%; max-width:1680px; margin:0 auto; position:relative;z-index:2;}
.lt_bn .txt_wr {padding-top:110px;}


.lt_bn li .bn_tit1, .lt_bn li .bn_tit2 {font-size:68px; line-height:85px; font-weight:700; word-break:keep-all; opacity:0;
-webkit-transition: all 0.7s ease-in .2s;
-moz-transition:  all 0.7s ease-in .2s ;
-ms-transition:  all 0.7s ease-in .2s;
-o-transition: all 0.7s ease-in .2s;
transition: all 0.7s ease-in .2s}

.lt_bn li .active-slide .bn_tit1, .lt_bn li .active-slide .bn_tit2 {opacity:1;}


.lt_bn li .bn_detail {font-size:24px; line-height:35px; margin-top:40px; color:#f1f1f1; word-break:keep-all; opacity:0;
-webkit-transition: all 0.7s ease-in .4s;
-moz-transition:  all 0.7s ease-in .4s;
-ms-transition: all 0.7s ease-in .4s;
-o-transition: all 0.7s ease-in .4s;
transition: all 0.7s ease-in .4s}

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

.lt_bn #bx_pager {display:none; position:relative; z-index:99; width:90%; margin:0 auto;}
.lt_bn #bx_pager .pager_wrap {position:absolute; width:100%; bottom:220px; left:0;}
.lt_bn #bx_pager .pager_wrap a {color:#fff;display:inline-block;padding:5px;line-height:20px;opacity:0.5; font-size:17px; font-weight:500;}
.lt_bn #bx_pager .pager_wrap span {display:inline-block;width:0;height:3px;background:#fff;vertical-align:top;margin-top:8px;margin-left:8px;
-webkit-transition: all 0.7s ease-in;
-moz-transition:  all 0.7s ease-in;
-ms-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
transition: all 0.7s ease-in }
.lt_bn #bx_pager .pager_wrap .active{opacity:1}
.lt_bn #bx_pager .pager_wrap .active span{width:15px;}

.lt_bn .bx-controls {position:absolute; top:210px; width:100%;}
.lt_bn .bx-controls-direction {width:96%; max-width:1680px; margin:0 auto; font-size:0;}
.lt_bn .bx-controls-direction a {display:inline-block; width:50px; height:50px; text-align:center; line-height:48px; color:#fff; font-weight:300; border-radius:50%; border:1px solid #fff; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.lt_bn .bx-controls-direction a:hover {background:#7f120f; border-color:#7f120f;}
.lt_bn .bx-controls-direction a.bx-prev {margin-right:10px;}
.lt_bn .bx-controls-direction a.bx-prev:before {content:"←"; font-size:22px;}
.lt_bn .bx-controls-direction a.bx-next:after {content:"→"; font-size:22px;}

 
 @media (max-width: 1199px){
	.lt_bn .bx-wrapper, .lt_bn li {height:700px;}
	.lt_bn .bx-controls {top:180px;}
	
 }
 

 @media (max-width: 969px){
	.lt_bn .bx-wrapper, .lt_bn li {height:600px;}
	.lt_bn .bn_txt {width:90%;}
	.lt_bn .txt_wr {padding-top:70px;}
	.lt_bn li .bn_tit1, .lt_bn li .bn_tit2 {font-size:58px; line-height:74px;}
	.lt_bn li .bn_detail {font-size:21px; line-height:32px; margin-top:30px;}
	.lt_bn .bx-controls {top:140px;} 
	.lt_bn .bx-controls-direction {width:90%;}
	.lt_bn .bx-controls-direction a {width:46px; height:46px; line-height:44px;}
	.lt_bn .bx-controls-direction a.bx-prev {margin-right:8px;}
	.lt_bn .bx-controls-direction a.bx-prev:before {font-size:20px;}
	.lt_bn .bx-controls-direction a.bx-next:after {font-size:20px;}
 }

  @media (max-width: 639px){
	.lt_bn .bx-wrapper, .lt_bn li {height:420px;}
	.lt_bn .txt_wr {padding:0 0 40px;}
	.lt_bn li .bn_tit1, .lt_bn li .bn_tit2 {font-size:43px; line-height:54px;}
	.lt_bn li .bn_detail {max-width:460px; font-size:18px; line-height:27px; margin-top:17px;}
	.lt_bn li .bn_detail br {display:none;}
	.lt_bn .bx-controls {top:auto; bottom:7%;} 
	.lt_bn .bx-controls-direction a.bx-prev {margin-right:7px;}
	
	
 }

  @media (max-width: 399px){
	.lt_bn .bx-wrapper, .lt_bn li {height:380px;}
	.lt_bn li .bn_tit1, .lt_bn li .bn_tit2 {font-size:38px; line-height:50px; letter-spacing:-0.025em;}
	.lt_bn li .bn_detail {font-size:16px; line-height:23px;}
	.lt_bn .bx-controls-direction a {width:42px; height:42px; line-height:40px;}
	.lt_bn .bx-controls-direction a.bx-prev {margin-right:6px;}
	
 }