/* footer */
#footer {width:100%; clear:both; position:relative; margin:0 auto;  }
#footer .inner{ position:relative;  text-align:Center; padding:20px 0px; width:100%; background:#fff; 
border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
#footer .inner a{color:rgba(0,0,0,1);font-size:15px; font-weight:500; }
#footer .inner a:hover{color:rgba(0,0,0,0.6);}
#footer .inner span{font-size:11px; padding:0px 15px;}
#footer .copy{width:100%; padding:25px 0px; color:rgba(0,0,0,1);text-align:Center; font-size:16.5px; line-height:27px;}
#footer .copyinfo{display:inline-block;font-size:17px;  padding:10px 30px; border-radius:20px; background:rgba(0,0,0,0.1); color:#000; }
#footer .copyright{ color:rgba(0,0,0,0.5); font-weight:500; text-align:Center; font-size:15px;}
#footer .copyblue{font-weight:700; color:#3399cc;}


@media all and (max-width:1024px){
#footer .copy span{ padding:0px;}
}


@media all and (max-width:980px) { 

#footer .inner a{font-size:14px;}
#footer .inner span{font-size:11px; padding:0px 5px;}
}


@media all and (max-width:768px){
    #footer{padding: 0px 0 55px;}
    #footer .inner .f_logo{text-align: center; margin-bottom: 15px;}
    #footer .inner .flex{flex-direction: column;}
    #footer .inner .flex .f_menu{order: -1; display: flex; justify-content: center;}
    #footer .inner .flex .f_menu li{margin: 0 10px;}
    #footer .inner .flex .info{text-align: center; margin-top: 15px;}
    #footer .inner .flex .info span{font-size: 1.5rem;}

#footer .copyinfo{width:80%; margin:0 auto; display:inline-block; font-size:14px;  padding:5px; border-radius:20px; background:rgba(0,0,0,0.1); color:#000; }
#footer .copy{font-size:14px; line-height:25px; }

#footer .copy img{width:70%;}
}