@charset "utf-8";












.bottom-fixed{position:fixed; bottom:20px; right:10px; z-index:15;}
.bottom-fixed ul{}
.bottom-fixed ul li{position:relative; background:var(--c1); border-radius:50px; overflow:hidden;}
.bottom-fixed ul li:after{opacity:0.3; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('/imgs/_pages/btn-bg2.jpg'); background-size:cover; background-position:center; content:""; z-index:10; transition:0.2s;}
.bottom-fixed ul li + li{margin-top:1px;}
.bottom-fixed ul li a{position:relative; display:block; padding:7px 30px 7px 15px; color:#fff; font-size:11px; line-height:1.2; z-index:11;}
.bottom-fixed ul li a span{display:block; font-size:13px; font-weight:600;}
.bottom-fixed ul li a i{position:absolute; top:50%; right:5px; transform:translateY(-50%); transition:0.2s;}
/* .bottom-fixed ul li:hover{background:var(--c2);} */
.bottom-fixed ul li:hover:after{opacity:0.5;}

.bottom-fixed ul li.line a{display:flex; align-items:center; min-height:25px;}

@media all and (min-width:768px){
  .bottom-fixed{bottom:30px;}
  .bottom-fixed ul li + li{margin-top:3px;}
  .bottom-fixed ul li a{font-size:13px;  padding:10px 40px 10px 25px;}
  .bottom-fixed ul li a span{font-size:15px;}
  .bottom-fixed ul li a i{right:12px;}
  .bottom-fixed ul li a:hover i{right:10px;}
  .bottom-fixed ul li.line a{min-height:30px;}
}














#footer-section1{  _margin-top:50px; padding:60px 15px; background:#fff; 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{background:#fff; text-align:left;}
#footer-section1 .boardArea .box + .box{margin-top:20px;}
#footer-section1 .boardArea .box.on a{border-color:var(--c1);}
#footer-section1 .boardArea .box a{position:relative; display:block; padding:30px 15px 15px 15px; border:2px solid #eee; background:#; border-radius:3px;}
#footer-section1 .boardArea .box h3{font-size:12px; margin-bottom:10px; color:var(--c1);}
#footer-section1 .boardArea .box p{font-size:14px; font-weight:bold; margin-bottom:25px; color:#000;}
#footer-section1 .boardArea .box h4{font-size:13px; color:#666;}
#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 button.slick-arrow.font{width:20px; top:0; 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:100px 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:280px; transition:0.2s;}
  #footer-section1 .boardArea .box:hover a{border-color:var(--c1);}
  #footer-section1 .boardArea .box h3{font-size:15px; line-height:25px; height:40px; overflow:hidden; text-overflow:ellipsis;}
  #footer-section1 .boardArea .box h4{}
  #footer-section1 .boardArea .box p{font-size:17px; margin-bottom:30px; height:80px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}
  #footer-section1 .boardArea .box span{font-size:14px;}
  #footer-section1 .boardArea .box.img h3{height:25px;}
  #footer-section1 .boardArea .empty_li{min-height:300px; 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;}
  #footer-section1 .slick-slider button.slick-arrow.slick-next.font{right:-35px;}
}








#footer-section2{position:relative; background:var(--c1); padding:70px 10px;  margin-top:100px;}
#footer-section2>.in{max-width:1400px; margin:0 auto; position:relative; z-index:11;}
#footer-section2 .txt{color:#fff;}
#footer-section2 .txt h2{font-size:20px; margin-bottom:10px;}
#footer-section2 .txt h2 span{}
#footer-section2 .txt h2 span b{display:inline-block;  margin-left:20px; font-size:50px; opacity:0.2;}
#footer-section2 .txt p{margin:0 0 30px 0; font-size:14px; opacity:0.8}
#footer-section2 .txt a{color:#fff; }
#footer-section2 .txt a i{border-color:#fff;}

@media all and (min-width:768px){
  #footer-section2{padding:100px 20px; margin-top:150px;}
  #footer-section2 .txt h2{font-size:30px; margin-bottom:20px;}
  #footer-section2 .txt p{font-size:17px; max-width:300px;}
}












#footer{padding:60px 10px; box-sizing:border-box;  }
#footer>.in{position:relative; max-width:1400px; margin:0 auto; }

#footer .cont{}
#footer .cont .left{width:100%;}
#footer .cont .left h1{margin-bottom:20px;}
#footer .cont .left .info{}
#footer .cont .left .info p{opacity:0.6;}
#footer .cont .left .info span{font-size:12px; opacity:0.5;}
#footer .cont .left ol{opacity:0.6; margin:5px 0;}
#footer .cont .left ol li{  vertical-align:middle;}
#footer .cont .left ol span{margin:0 15px; font-size:10px; vertical-align:middle;}
#footer .cont .left ul{margin-top:30px;}
#footer .cont .left ul li{margin-right:10px;  transition:0.2s;}
#footer .cont .left ul li:hover{opacity:0.6;}
#footer .cont .left ul li a{display:inline-block; padding:5px; box-sizing:border-box; background:#f4f4f4; border-radius:5px;}
#footer .cont .left ul li img{height:40px;}
#footer .cont .right{display:none;}
#footer .last{width:100%;}
#footer .last span{color:#ccc; font-size:12px;}

#footer .last span a{color:#ccc; }
#footer .last span a:hover{text-decoration:underline;}


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


  #footer{padding:100px 20px;}
  #footer .cont .left{width:50%;}
  #footer .cont .left h1{margin-bottom:30px;}
  #footer .cont .left ul{margin-top:30px;}
  #footer .cont .left ul li a{padding:8px 15px;}
  #footer .cont .left .info span{font-size:13px;}
  #footer .cont .right{width:50%; display:inline-block;}
  #footer .cont .right nav{}
  #footer .cont .right ul.depth01{display:flex; width:100%; justify-content:space-between;}
  #footer .cont .right ul.depth01 .d1{width:20%;}
  #footer .cont .right ul.depth01 .d1>a{font-weight:bold;}
  #footer .cont .right ul.depth01 .d1.btn-toggle{display:none;}
  #footer .cont .right ul.depth02{margin-top:20px;}
  #footer .cont .right ul.depth02 .d2 a{opacity:0.6;}



  #footer .last span{display:inline-block; position:absolute; bottom:0; right:0;}

}























/**/