@charset "utf-8";
.footer_banner {position:relative; display:block; overflow:hidden;}

.ft_banner01{background:#f7f8fc;}

.footer_banner ul{display:flex; width:95%; max-width:1400px; margin:0 auto; padding:15px 0;}
.footer_banner li{position:relative;text-align:center; max-width:198px; border:1px solid #ddd;}
.footer_banner li img{width:100%;height:auto;vertical-align:top}
.footer_banner .bn_txt{width:100%;z-index:2;position:absolute;text-align:left; top:50%;left:0;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform: translateY(-50%);}
.footer_banner .txt_wr{max-width:1280px;margin:0 auto;padding:0 3%}

.footer_banner li .bn_tit{display:block;max-width:500px;font-size:4em;font-weight:600; line-height:1.4em;color:#4ad1d4;word-break:keep-all}
.footer_banner li .bn_detail{font-size:1.385em;margin:35px 0 ;color:#888;font-weight:400}
.footer_banner li .bn_view {display:inline-block;background:none;color:#4ad1d4;border:2px solid #4ad1d4;padding:0 25px;line-height:45px;border-radius:30px;
;transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}
.footer_banner li .bn_view:hover{background:#4ad1d4;color:#fff}

.footer_banner li.empty_li{border:none;}

.footer_banner li:hover{border:1px solid #00a1de;}

.arrow{position: relative; display: inline-block;vertical-align: middle;transform: rotate(45deg);box-sizing: border-box;width: 11px;height: 11px; border-width: 2px 2px 0 0; border-style: solid;margin-left: 25px;}
.arrow:before {right: 0; top: -1px; position: absolute; height: 2px; box-shadow: inset 0 0 0 32px; width: 18px;
-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
-webkit-transform-origin: right top;}
.arrow:after,.arrow:before {content: "";box-sizing: border-box;}

.footer_banner .slick-list{flex:1; width:100%; padding-right:2px;}
.footer_banner .slick-slide{text-align:center; margin:0 10px;}

.footer_banner .slick_btn{width:34px; height:34px; margin:auto 0; color:#fff; background:rgba(0,0,0,0.5); border-radius:50%; transition:.3s;}
.footer_banner .slick_btn:hover{background:#333;}

.footer_banner .bx-prev:hover,.footer_banner .bx-next:hover{opacity:1}
.footer_banner .bn_link {display:block;position:absolute;top:10px;right:10px;background:#ff0000;color:#fff;border-radius:50px;width:40px;padding:0;line-height:40px;text-align:center;opacity:0}
.footer_banner:hover .bn_link{opacity:1} 

@media (max-width:1279px){    
    .footer_banner li .bn_tit {font-size:3em}
    .footer_banner li .bn_detail{font-size:1.2em;margin:20px 0}
 }

@media (max-width: 969px){
    .footer_banner li .bn_tit {font-size:2.5em}
    .footer_banner li .bn_detail{font-size:1em} 
    .footer_banner li .bn_view{line-height:40px;font-size:1em}
    .footer_banner .txt_wr{padding:40px}
 }

@media (max-width: 640px){
    .footer_banner li .bn_tit {font-size:1.8em;width:60%}
    .footer_banner li .bn_view{display:none}
    .footer_banner li .bn_detail{display:none}
    .footer_banner .bx-prev,.footer_banner .bx-next{width:36px;height:36px;margin-top:-18px;background-size:25%}
}