@charset "utf-8";













#footer{  margin-top:30px;}
#footer>.in{position:relative; max-width:1400px; margin:0 auto; text-align:center; padding:50px 20px 20px 20px; box-sizing:border-box; }
#footer h1{margin-bottom:20px;}

#footer .top{background:#ededed; box-sizing:border-box; padding:50px 20px; }
#footer .top>.in{max-width:1400px; margin:0 auto;}
#footer .top ul{  text-align:center;}
#footer .top ul li{ display:flex; height:90px; background:#fff; box-sizing:border-box; padding:5px 10px; transition:0.3s;}
#footer .top ul li:hover{opacity:0.7;}
#footer .top ul li a{display:flex;; width:100%; height:100%; ; align-items:center; justify-content:center;}
#footer .top ul li a img{}
#footer .top .swiper{overflow:visible; position:relative;}
#footer .top .swiper-container{overflow:hidden; position:static;}
#footer .top .swiper-button-prev{width:30px; height:30px; background:#777; color:#fff; border-radius:50%; display:none;}
#footer .top .swiper-button-next{width:30px; height:30px; background:#777; color:#fff; border-radius:50%; display:none;}
#footer .top .swiper-button-prev:after,
#footer .top .swiper-button-next:after{font-size:15px;}


#footer .box{  margin-bottom:20px;  line-height: ;}
#footer .box p{}
#footer .box p span{font-size:12px;}
#footer .box p span.lr{margin:0 10px; font-size:10px;}
#footer .box p span b{display:inline-block; margin-right:5px; font-size:14px;}
#footer .box a{color:#fff; transition:0.3s;}
#footer .box a:hover{color:#ccc;}
#footer .box p span.sns{max-width:30px; display:inline-block; margin-top:5px; transition:0.3s;}
#footer .box p span.sns:hover{opacity:0.7;}
#footer .box a{font-size:12px;}


.bottom-fixed{position:fixed; bottom:10px; right:10px; width:150px; z-index:100;}

.right-fixed{position:fixed; top:50%; transform:translateY(-50%); z-index:100; right:10px;}
.right-fixed ul{text-align:center;}
.right-fixed ul li{cursor:pointer; font-size:15px;  width:30px; height:30px; line-height:30px; border-radius:50%; background:rgba(0,0,0,0.3); transition:0.3s;}
.right-fixed ul li + li{margin-top:15px; }
.right-fixed ul li:hover{background:rgba(0,0,0,0.5);}
.right-fixed ul li i{color:#fff;}


@media all and (min-width:768px){
  #footer{margin-top:70px; overflow:hidden;}
  #footer>.in{padding:70px 0;}
  #footer h1{margin-bottom:0;}

  #footer .top{ padding:70px 0; }
  #footer .top ul li{height:110px; justify-content:center; margin-bottom:0; padding:5px 30px;}

  #footer .top .swiper-button-prev{width:40px; height:40px; line-height:40px; text-align:center; left:-100px; display:block; top:37px; margin:0;}
  #footer .top .swiper-button-next{width:40px; height:40px; line-height:40px; text-align:center; right:-100px; display:block; top:37px; margin:0;}
  #footer .top .swiper-button-prev:after,
  #footer .top .swiper-button-next:after{font-size:15px;}


  #footer .box{display:flex; align-items:center; margin:0; font-size:14px;}
  #footer .box h2{font-size:20px;}
  #footer .box .txt{margin-left:auto; text-align:left; display:flex; }
  #footer .box p{ text-align:right;}
  #footer .box p span{font-size:16px;}
  #footer .box p span.lr{ font-size:14px;}
  #footer .box a{font-size:16px;}

  .bottom-fixed{width:auto;}

  .right-fixed{right:20px;}
  .right-fixed ul li{width:40px; height:40px; ;}
  .right-fixed ul li i{font-size:20px; line-height:40px}



}























/**/