#tail {  }
#tail .logo { background-color:#f7f7f7; }
#tail .logo .wrap {  }
#tail .logo .wrap ul { overflow:hidden; margin:0 -1%; padding:21px 0; }
#tail .logo .wrap ul li { float:left; width:23%; margin:0 1%; }
#tail .logo .wrap ul li a { display:block; box-sizing:border-box; border:1px solid #dddddd; background-color:#ffffff; height:58px; position:relative; cursor:auto; }
#tail .logo .wrap ul li a img { max-width:80% !important; max-height:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

#tail .link { border-top:1px solid #dddddd; }
#tail .link .wrap {  }
#tail .link .wrap ul { overflow:hidden; }
#tail .link .wrap ul li { float:left; overflow:hidden; padding:21px; position:relative; }
#tail .link .wrap ul li:before { content:''; position:absolute; top:50%; left:0; transform:translate(0, -50%); width:1px; height:16px; background-color:#dddddd; }
#tail .link .wrap ul li:first-child { padding-left:0; }
#tail .link .wrap ul li:first-child:before { content:none; }
#tail .link .wrap ul li a { color:#333333; font-size:15px; font-weight:700; }

#tail .copy { border-top:1px solid #dddddd; }
#tail .copy .wrap {  }
#tail .copy .wrap div { overflow:hidden; padding:22px 0; position:relative; }
#tail .copy .wrap div h6 { position:absolute; top:50%; right:0; transform:translate(0, -50%); }
#tail .copy .wrap div h6 img { height:38px; }
#tail .copy .wrap div address { float:left; font-size:14px; font-style:normal; line-height:28px; }
#tail .copy .wrap div address p { color:#333333; }
#tail .copy .wrap div address p .bar { display:inline-block; margin:0 10px; }
#tail .copy .wrap div address strong { color:#999999; font-weight:700; display:block; }

@media screen and (max-width:1280px) {
    #tail .logo .wrap ul { padding:19px 0; }
    #tail .logo .wrap ul li a { height:53px; }
    
    #tail .link .wrap ul li { padding:19px; }
    #tail .link .wrap ul li:before { height:15px; }
    #tail .link .wrap ul li a { font-size:14px; }

    #tail .copy .wrap div { padding:20px 0; }
    #tail .copy .wrap div h6 img { height:35px; }
    #tail .copy .wrap div address { font-size:13px; line-height:26px; }
    #tail .copy .wrap div address p .bar { margin:0 9px; }
    #tail .copy .wrap div address p .bar.two { display:block; margin:0; font-size:0; color:#fff; height:0; width:0; }
}
@media screen and (max-width:1024px) {
    #tail .logo .wrap ul { padding:17px 0; }
    #tail .logo .wrap ul li a { height:48px; }
    
    #tail .link .wrap ul li { padding:17px; }
    #tail .link .wrap ul li:before { height:14px; }
    #tail .link .wrap ul li a { font-size:13px; }

    #tail .copy .wrap div { padding:18px 0; }
    #tail .copy .wrap div h6 img { height:32px; }
    #tail .copy .wrap div address { font-size:12px; line-height:24px; }
    #tail .copy .wrap div address p .bar { margin:0 8px; }
}
@media screen and (max-width:768px) {
    #tail .logo .wrap ul { margin:0 -1%; padding:15px 0; }
    #tail .logo .wrap ul li { width:48%; margin:1%; }
    #tail .logo .wrap ul li a { height:43px; }
    
    #tail .link .wrap ul li { padding:15px; }
    #tail .link .wrap ul li:before { height:13px; }
    #tail .link .wrap ul li a { font-size:12px; }

    #tail .copy .wrap div { padding:16px 0; }
    #tail .copy .wrap div h6 img { height:29px; }
    #tail .copy .wrap div address { font-size:11px; line-height:22px; }
    #tail .copy .wrap div address p .bar { margin:0 7px; }
}
@media screen and (max-width:640px) {
    #tail .logo .wrap ul { padding:13px 0; }
    #tail .logo .wrap ul li a { height:38px; }
    
    #tail .link .wrap ul li { padding:13px; }
    #tail .link .wrap ul li:before { height:12px; }
    #tail .link .wrap ul li a { font-size:11px; }

    #tail .copy .wrap div { padding:14px 0; }
    #tail .copy .wrap div h6 { position:static; top:auto; right:auto; transform:translate(0, 0); text-align:center; margin:0 0 14px; }
    #tail .copy .wrap div h6 img { height:26px; }
    #tail .copy .wrap div address { font-size:10px; line-height:20px; float:none; text-align:center; }
    #tail .copy .wrap div address p .bar { margin:0 6px; }
    #tail .copy .wrap div address p .bar.one { display:block; margin:0; font-size:0; color:#fff; height:0; width:0; }
    #tail .copy .wrap div address p .bar.three { display:block; margin:0; font-size:0; color:#fff; height:0; width:0; }
    #tail .copy .wrap div address p .bar.four { display:block; margin:0; font-size:0; color:#fff; height:0; width:0; }
}