@charset "utf-8";






#footer-section1{display:none;  _margin-top:50px; padding:60px 15px; background:#f4f4f4; overflow:hidden;}
#footer-section1 .in{position:relative; max-width:1400px;  margin:0 auto; vertical-align:middle;  box-sizing:border-box;}
#footer-section1 .title{position:relative;}
#footer-section1 h2{text-align:center; font-size:25px; line-height:1.2; margin-bottom:30px; font-weight:800;}
#footer-section1 .tabArea{margin-bottom:30px; text-align:center;}
#footer-section1 .tabArea ul{}
#footer-section1 .tabArea ul li{position:relative; margin:0 5px; color:#999;  vertical-align:middle; cursor:pointer; padding:5px 15px; background:#fff; border-radius:10px;}
#footer-section1 .tabArea ul li:after{}
#footer-section1 .tabArea ul li.on{font-weight:bold; color:var(--c1); }
#footer-section1 .tabArea ul span{color:#999; vertical-align:middle; margin:0 2px;}
#footer-section1 .boardArea{ }
#footer-section1 .boardArea .board{height:0; position:relative; top:-9999px; left:-9999px; visibility:hidden; opacity:0; transition:opacity 0s;}
#footer-section1 .boardArea .board.on{top:0; left:0; visibility:visible; height:auto; opacity:1; transition:opacity 0.5s;}
#footer-section1 .boardArea .box{ text-align:left;}
#footer-section1 .boardArea .box + .box{margin-top:20px;}
#footer-section1 .boardArea .box.on a{}
#footer-section1 .boardArea .box a{position:relative; display:block; padding:30px 15px 15px 15px; background:#fff;    border-radius:10px;  }
#footer-section1 .boardArea .box a:hover{background:#f9f9f9;}
#footer-section1 .boardArea .box h3{font-size:12px; margin-bottom:10px; color:var(--c1);}
#footer-section1 .boardArea .box h4{font-size:14px; font-weight:bold; margin-bottom:15px; color:#000;}
#footer-section1 .boardArea .box p{font-size:13px; color:#999; margin-bottom:20px;}
#footer-section1 .boardArea .box span{font-size:12px;}
#footer-section1 .boardArea .box span i{margin-right:10px; line-height:inherit;}
#footer-section1 .boardArea .box.img p{background-position:center; background-size:cover; height:100px;}
#footer-section1 .boardArea .empty_li{padding:30px 0; color:#999; width:100% !important;}

#footer-section1 .slick-slider{}
#footer-section1 .slick-slider button.slick-arrow.font{width:20px; top:-33px; margin-top:-10px; height:30px; line-height:30px; font-size:16px;}
#footer-section1 .slick-slider button.slick-arrow.slick-prev.font{right:20px;}
#footer-section1 .slick-slider button.slick-arrow.slick-next.font{right:0;}


@media all and (min-width:768px){
  #footer-section1{_margin-top:150px; padding:150px 15px;}
  #footer-section1 h2{text-align:left; font-size:30px;}
  #footer-section1 .in{}
  #footer-section1 .tabArea{margin-bottom:15px; text-align:right; position:absolute; top:50%; right:0; transform:translateY(-50%);}
  #footer-section1 .tabArea ul li{font-size:16px;}
  /* #footer-section1 .tabArea ul span{display:inline-block; width:1px; height:10px; margin:0 30px 0 10px; background:#ccc;} */
  #footer-section1 .boardArea .box{margin:0 20px 5px 0;}
  #footer-section1 .boardArea .box + .box{margin-top:0; }
  #footer-section1 .boardArea .box a{padding:40px 25px 30px 25px; height:auto; transition:0.2s;}
  #footer-section1 .boardArea .box:hover a{}
  #footer-section1 .boardArea .box h3{font-size:15px; line-height:25px; height:40px; overflow:hidden; text-overflow:ellipsis;}
  #footer-section1 .boardArea .box h4{font-size:18px; margin-bottom:20px; max-height:80px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}
  #footer-section1 .boardArea .box p{font-size:14px; margin-bottom:30px;}
  #footer-section1 .boardArea .box span{font-size:14px;}
  #footer-section1 .boardArea .box.img h3{height:25px;}
  #footer-section1 .boardArea .empty_li{min-height:100px; padding:80px 0;}
  #footer-section1 .boardArea .board[unslick="true"] .slick-track{width:100% !important;  }

  #footer-section1 .slick-slider button.slick-arrow.font{width:30px; top:50%; margin-top:-15px; height:40px; line-height:40px; font-size:20px; background-color:transparent;}
  #footer-section1 .slick-slider button.slick-arrow.slick-prev.font{right:auto; left:-50px; display:none !important;}
  #footer-section1 .slick-slider button.slick-arrow.slick-next.font{right:-35px;}
}


@media all and (min-width:1000px){

  #footer-section1 .title{position:absolute; top:0; left:0;}
  #footer-section1 .boardArea .board{padding-left:200px; box-sizing:border-box;}

}





#bottom-banner{position:relative; margin-top:50px; background-image:url('/imgs/bottom-bg.jpg'); background-position:center; background-size:cover;}
#bottom-banner:after{position:absolute; top:0; left:0; width:100%; height:100%; background:#00142f; content:""; opacity:0.8; z-index:11;}
#bottom-banner>.in{height:300px; box-sizing:border-box; padding:20px; }
#bottom-banner .box{position:relative; width:100%; height:100%; z-index:12;}
#bottom-banner .box>.in{max-width:700px; margin-left:auto;}
#bottom-banner .box.right{display:none;}
#bottom-banner .txt{position:absolute; top:50%; transform:translateY(-50%); max-width:700px; margin-left:auto; }
#bottom-banner .txt h2{font-size:18px; color:#fff;  line-height:1.2; margin-bottom:40px; font-weight:600; }
#bottom-banner .txt p{}
#bottom-banner .txt p a{font-size:13px; position:relative; height:30px; display:block; color:#fff; border-bottom:1px solid #fff; overflow:hidden;}
#bottom-banner .txt p a + a{margin-top:10px; }
#bottom-banner .txt p a span{position:absolute; top:50%; left:0; transform:translateY(-50%); transition:0.3s;}
#bottom-banner .txt p a b{position:absolute; top:0; left:0; transform:translateY(-100%); font-weight:500; transition:0.3s;}
#bottom-banner .txt p a i{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:12px; }
#bottom-banner .txt p a:hover span{top:0; transform:translateY(-100%);}
#bottom-banner .txt p a:hover b{top:50%; transform:translateY(-50%);}

@media all and (min-width:768px){
  #bottom-banner{  margin-top:150px;}
  #bottom-banner:after{position:absolute; top:0; left:0; width:50%; height:100%;}
  #bottom-banner>.in{height:500px;}
  #bottom-banner .box{width:50%;}
  #bottom-banner .box.right{display:inline-block;;}
  #bottom-banner .txt h2{margin-bottom:60px; font-size:30px; }
  #bottom-banner .txt p a{font-size:17px; height:35px; }
  #bottom-banner .txt p a + a{margin-top:15px; }
  #bottom-banner .txt p a b{font-size:20px;}
}

#footer{padding:50px 20px; box-sizing:border-box; background:#222;;}
#footer>.in{position:relative; max-width:1400px; margin:0 auto; }

#footer .top{margin-bottom:30px; border-bottom:1px solid #444; padding-bottom:30px; }
#footer .top h1{ }
#footer .top h1 a{color:#fff; font-size:15px; }
#footer .top h1 a span{display:inline-block; margin-left:10px; font-size:11px; color:#ccc; font-weight:300; }

#footer .util{}
#footer .util li{margin-right:20px;  }
#footer .util li + li:after{top:40%; transform:rotate(15deg); left:-10px;}
#footer .util li a{color:#aaa;}
#footer .box{position:relative;  margin-bottom:20px;  line-height:2;}
#footer .box p{color:#aaa;}
#footer .box p b{color:#fff;}
#footer .box p span{margin-right:15px;}
#footer .box strong{display:block; font-weight:normal; color:#aaa;}
#footer .box strong .designed{color:#999; display:inline-block;;}
#footer .box strong .designed a{color:#999;}
#footer .box strong .designed a:hover{text-decoration:underline;}
#footer select{padding:0 20px; margin-top:40px; height:40px; border:1px solid transparent;; border-radius:0; background:transparent; color:#fff;background:#333; opacity:0.6;}

@media all and (min-width:768px){

  #footer .top{display:flex; justify-content:space-between; align-items:center; }
  #footer .top h1 a{font-size:25px; }
  #footer .top h1 a span{margin-left:15px; font-size:14px;}

  #footer .box{margin:0; font-size:16px;}
  #footer .box h2{font-size:25px;}
  #footer .box p{}
  #footer .box p span{margin-right:25px;}
  #footer .box .designed{display:inline-block; position:absolute; bottom:0; right:0;}

  #footer select{position:absolute; top:0; right:0; margin:0; }
}























/**/