@charset "utf-8";
/* CSS Document */
footer {background: #444444; color: rgba(255, 255, 255, 0.5); overflow-x:hidden;}
.footer {padding: 3.264% 3.473% 3.125% 3.473%; display: flex; flex-wrap: wrap; color: #fff;}
.footer > div:nth-child(1) {width: 65.224%; display: flex; flex-wrap: wrap; padding: 15px 23px 42px 0; border-right: 1px solid rgba(255, 255, 255, 0.05);}
.footer > div:nth-child(1) > h4 {width: 100%; font-weight: 700; padding: 0 0 31px 2px;}
.footer > div:nth-child(1) > ul li {padding: 9px 0;}
.footer > div:nth-child(1) > ul h5 {font-weight: 900;}
.footer > div:nth-child(1) > ul:nth-of-type(1) {width: 16%; padding: 0 5px 0 6px;}
.footer > div:nth-child(1) > ul {width: 28%; padding: 0 0 0 5px;}
.footer > div:nth-child(1) a:link, .footer > div:nth-child(1) a:visited {text-decoration:none; color:rgba(255, 255, 255, 0.5); position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.footer > div:nth-child(1) a:active, .footer > div:nth-child(1) a:hover {text-decoration:none; color:#fff; background: #b61900; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > div:nth-child(1) a::before {content: ''; position: absolute; top: -5px; right: 0; height: 3px; background: #9fa0a0; width: 0%; transition: all 0.25s ease-out 0s;}
.footer > div:nth-child(1) a:hover::before, .sjj_nav_ul > li.current > a::before {width: 100%; left: 0; transition: all 0.25s ease-out 0s;}
.footer > div:nth-child(1) h5 a:link, .footer > div:nth-child(1) h5 a:visited {text-decoration:none; color:rgba(255, 255, 255, 1); position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.footer > div:nth-child(1) h5 a:active, .footer > div:nth-child(1) h5 a:hover {text-decoration:none; color:#fff; background: #b61900; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > div:nth-child(2) {width: 34.776%; padding: 4px 0 0 8.21%;}
.logoF {padding: 0 0 19px 0;}
.footer > div:nth-child(2) > ul {width: 100%; word-break: break-all;}
.footer > div:nth-child(2) > ul li {padding: 6.5px 0 6.5px 39px; letter-spacing: 0.23px; line-height: 1.733;}
.footer > div:nth-child(2) > ul li label {padding: 0 8px;}
.footer > div:nth-child(2) > ul li a:link, .footer > div:nth-child(2) > ul li a:visited {text-decoration:none; color:rgba(255, 255, 255, 0.5); position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.footer > div:nth-child(2) > ul li a:active, .footer > div:nth-child(2) > ul li a:hover {text-decoration:none; color:#fff; background: #b61900; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > div:nth-child(2) > ul li a::before {content: ''; position: absolute; top: -5px; right: 0; height: 3px; background: #9fa0a0; width: 0%; transition: all 0.25s ease-out 0s;}
.footer > div:nth-child(2) > ul li a:hover::before, .sjj_nav_ul > li.current > a::before {width: 100%; left: 0; transition: all 0.25s ease-out 0s;}
.footer > div:nth-child(2) > ul li.footer_tel {background: url("../images/icon_05a.png") no-repeat 5px 12px;}
.footer > div:nth-child(2) > ul li.footer_mail {background: url("../images/icon_05b.png") no-repeat 5px 15px;}
.footer > div:nth-child(2) > ul li.footer_add {background: url("../images/icon_05c.png") no-repeat 5px 11px;}
.shareF {display: flex; flex-wrap: wrap; padding: 27px 0 0 2px;}
.shareF a:link, .shareF a:visited {text-decoration:none; color:#fff; background: rgba(0, 0, 0, 0.34); width: 40px; height: 40px; border-radius: 40px; margin: 0 10px 10px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease 0s;}
.shareF a:active, .shareF a:hover {text-decoration:none; color:#fff; background: #b61900; cursor:pointer; transition: all 0.5s ease 0s;}
@media only screen and (min-width:577px){
    /*.footer > div:nth-child(1) > ul {display: block!important;}*/
    .openBtn {display: none!important;}
}


.copyright {background: #191919; color: rgba(255, 255, 255, 0.35); text-align: center; font-weight: 300; line-height: 1.267; letter-spacing: -0.22px; padding: 17px 20px 19px 20px; position: relative; z-index: 10;}