@charset "utf-8";
.lt_bn {position:relative;overflow:hidden;}
.lt_bn .bx-wrapper{height:600px}
.lt_bn li{background-position:center top !important;background-size:cover;background-repeat:no-repeat;height:600px;text-align:center;color:#fff}
.lt_bn li.list_0{background-position:center center !important;}
.lt_bn li.list_2{background-position:right top !important;}
.lt_bn .bg{;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);content:'';z-index:1;overflow:hidden}

.lt_bn .bn_txt{display:table;height:100%;width:100%;position:relative;z-index:2;}

.lt_bn .txt_wr{display:table-cell;vertical-align:bottom;vertical-align:middle;padding:0 20%;}

/*.leftbot{position:absolute; left:60px; bottom:10px;} .center{position:absolute;}
.center{position:absolute; top:-170px; left:20%;}
.center{max-width:1200px;}*/

.center{padding-top:40px;}

.leftbot1, .leftbot2, .leftbot3, .leftbot4 {position:absolute; left:-200px;}

.leftbot1{ top:110px;}
.leftbot2{ top:170px;}
.leftbot3{ top:160px;}
.leftbot4{ top:50px;}


.lt_bn li .bn_tit{display: none;}
.lt_bn li .bn_detail{font-size:2.8em;font-weight:bold; line-height:1.53em;
-webkit-text-shadow:0px 0px 5px rgba(55,55,55,0.8);
-moz-text-shadow:0px 0px 5px rgba(55,55,55,0.8);
text-shadow: 0px 0px 5px rgba(55,55,55,0.8);}
.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_tit{opacity:0; transform:translateY(30px);
-webkit-transition: all 0.3s ease-in .3s;
-moz-transition:  all 0.3s ease-in .3s;
-ms-transition: all 0.3s ease-in .3s;
-o-transition: all 0.3s ease-in .3s;
transition: all 0.3s ease-in .3s}
.lt_bn li .active-slide .bn_tit{opacity:1;
transform:translateY(0)}

.lt_bn li .bn_detail{opacity:0; transform:translateY(30px); margin-top: -10%;
-webkit-transition: all 0.3s ease-in .3s;
-moz-transition:  all 0.3s ease-in .3s;
-ms-transition: all 0.3s ease-in .3s;
-o-transition: all 0.3s ease-in .3s;
transition: all 0.3s ease-in .3s}
.lt_bn li .active-slide .bn_tit{opacity:1;
transform:translateY(0)}
.lt_bn li .active-slide .bn_detail{opacity:1}

.lt_bn li .bn_view{opacity:0;
-webkit-transition: all 1.3s ease-in 1s;
-moz-transition: all 1.3s ease-in 1s;
-ms-transition: all 1.3s ease-in 1s;
-o-transition: all 1.3s ease-in 1s;
transition: all 1.3s ease-in 1s}
.lt_bn li .active-slide .bn_view{opacity:1}

.lt_bn #bx_pager{position:absolute;bottom:20px;right:20px;z-index:99}
.lt_bn #bx_pager a{color:#fff;display:inline-block;padding:5px;line-height:20px;opacity:0.5}
.lt_bn #bx_pager span{display:inline-block;width:0;height:1px;background:#fff;vertical-align:top;margin-top:10px;margin-left:8px;
-webkit-transition: all 0.3s ease-in;
-moz-transition:  all 0.3s ease-in ;
-ms-transition: all 0.3s ease-in ;
-o-transition: all 0.3s ease-in ;
transition: all 0.3s ease-in }
.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: 600px){
	.lt_bn li.list_2{background-image:url('/theme/cookie/img/m_main2.jpg') !important;}
 }

 @media (max-width: 969px){
    .lt_bn .bx-wrapper ,.lt_bn li{height:500px}
    .lt_bn .bx-controls-direction a{width:30px;height:30px }
    .lt_bn .txt_wr{padding:0 40px}
    .lt_bn li .bn_tit{font-size:2em;}
    .lt_bn .btn_bottom{display:none}
    .lt_bn #bx_pager{width:100%;text-align:center;right:0}
	 .lt_bn li .bn_detail{font-size:2.0em;}
	.txt_wrap3 .txtwtxt1{font-size:20px; line-height:40px;}
 }

 @media (max-width: 1200px){
 .leftbot1, .leftbot2, .leftbot3, .leftbot4 {position: absolute; left: -170px;}
}

 @media (max-width: 969px){
 .leftbot1, .leftbot2, .leftbot3, .leftbot4 {position: relative; left: 0; top:0}
 .center {padding-top: 0;}
}

.mainban_txt_wrap p{ font-size:23px; color:#fff; line-height:41px;word-break:keep-all;}
.mainban_txt_wrap p:first-child{margin-bottom:15px;}
.mainban_txt_wrap strong{ font-weight:bold; /*font-size:41.15px;*/ font-size:36px;}
.mainban_txt_wrap{max-width:1200px; margin:0 auto; padding-top:200px;}

.txt_wrap2 p.txtwtxt1{/*line-height:49px;*/line-height:41px;}
.txt_wrap2 p{ /*font-size:23px;*/ font-size:21px; color:#fff; line-height:41px;word-break:keep-all; font-weight:500}
.txt_wrap2 p:first-child{margin-bottom:15px;}
.txt_wrap2 strong{ font-weight:bold; /*font-size:41.15px;*/ font-size:36px; }
.txt_wrap2{max-width:1200px;margin:0 auto;text-align:left;}

.txt_wrap3 p{ font-size:23px; color:#fff; line-height:41px;word-break:keep-all;}
.txt_wrap3{max-width:1200px; margin:0 auto;text-align:left;}
.leftbot{max-width:1200px;}
.comma{font-size:13px;}

@media (max-width: 1000px){
   .txt_wrap2 strong{ font-size:35px; }
   .txt_wrap2 p {font-size:19px; }
} 
@media (max-width: 750px){
   .txt_wrap2 strong{  font-size:30px; }
   .txt_wrap2 p {font-size:18px; line-height: 36px}
   .lt_bn .txt_wr{padding:0 20px}
} 
@media (max-width: 480px){
   .txt_wrap2 strong{  font-size:25px; line-height: 30px}
   .txt_wrap2 p {font-size:15px; line-height: 30px}
   	.txt_wrap3 .txtwtxt1{font-size:18px; line-height:30px;}
} 