.footer {background: url(../images/footer-bg.jpg) no-repeat center; }
.footer-outerLink {justify-content: center; }
.footer-outerLink .outer-item {z-index: 3;flex: 0 0 auto;position: relative;margin-left: 2.4rem;cursor: pointer;padding: 1.7rem 0; }
.footer-outerLink .outer-item:before {background: #e5e5e5;height: 40px;content: "";display: block;width: 1px;position: absolute;left: -1.2rem;top: 50%;margin-top: -20px; }
.footer-outerLink .outer-item:first-child {margin-left: 0; }
.footer-outerLink .outer-item:first-child:before {display: none; }
.footer-outerLink .outer-item:hover .hover {display: block; }
.footer-outerLink .outer-item:hover .unhover {display: none; }
.footer-outerLink .outer-item:hover .outer-name, .footer-outerLink .outer-item:hover .outer-detail {
color: #003da6 ; }
.footer-outerLink .outer-ewm {display: none;background: #fff;padding: 2px;position: absolute;bottom: 100%;left: 0;width: 140px;margin-bottom: 16px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.footer-outerLink .hover {display: none; }
.footer-outerLink .outer-mains {justify-content: flex-start; }
.footer-outerLink .outer-ico {flex: 0 0 26px;width: 26px;position: relative;height: 24px;overflow: hidden;margin-right: 12px; }
.footer-outerLink .outer-ico .img100 {position: absolute;width: 100%;height: 100%;left: 0;top: 0; }
.footer-outerLink .outer-txts {position: relative;flex: 0 0 auto;max-width: 210px; }
.footer-outerLink .outer-name {font-size: 18px;line-height: 20px;color: #333;margin-bottom: 5px;transition-duration: .3s; }
.footer-outerLink .outer-detail {font-size: 14px;line-height: 20px;color: #6f6f6f;transition-duration: .3s; }

.footer-top {padding: .5rem 0 0.5rem;}

.footer-top .footer-top-middle{ width:290px;}
.footer-top .footer-top-middle .ewm { width: 135px; margin-bottom:30px;}
.footer-top .footer-top-middle .ewm img { display: block; width: 100%;}
.footer-top .footer-top-middle .ewm p {text-align: center; font-size: 16px; color: #7d8593; margin-top: 10px;}

.footer-top .footer-top-left {width:calc(100% - 600px);}
.footer-top .footer-top-right {width:220px;}

.footer-top .footer-right {flex: 0 0 auto; }
.footer-top .footer-nav {flex: 0 0 16.6666%;/* margin-bottom: 0.5rem; */}
.footer-top .footer-nav-a1 {display: block;font-size: 18px;line-height: 22px;margin-bottom: 0.2rem;color: #fff;}
.footer-top .footer-nav-a2 {display: block;font-size: 14px;height: 32px;line-height: 32px;color: rgba(255, 255, 255, 0.6);transition-duration: .3s; }
.footer-top .footer-nav-a2:hover {color: #fff; }

.footer-top .tele-h5 {text-align: right; }
.footer-top .ewm-btns {justify-content: flex-end; }
.footer-top .tele-num {font-size: 30px;line-height: 1.3;color: #003da6 ;margin-bottom: 1.1rem; }

.footer-right-address {font-size: 14px;line-height: 24px;color: #fff; }
.footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line {color: #fff;margin-top: 0.1rem;}
.footer-right-address .ser-line{ font-size:16px; line-height:1.5;}
.footer-right-address .footer-add-h5 {padding-left: 15px;color: #ff9600;margin-top: 0.3rem;background: url(../images/add2.png) no-repeat left center;font-size: 16px;}


.footer-bot {padding: 20px 0;font-size: 14px;line-height: 32px;color: rgba(255, 255, 255, 0.5);background: #373434; }
.footer-bot .boc-a {color: rgba(255, 255, 255, 0.5);transition: all .3s ease; }
.footer-bot .boc-a:hover {color: #fff; }
.footer-bot .footer-bot-dl {flex: 0 0 auto; }
.footer-bot .footer-bot-dr {position: relative;flex: 0 0 230px; }
.footer-bot .friend-name {cursor: pointer;color: rgba(255, 255, 255, 0.5);padding-left: 15px;background: url(../img/sectiontopon.png) no-repeat left 80px center; }


.footer-bot .friend-a {display: block;color: #333;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transition-duration: .3s;padding: 0 10px; }
.footer-bot .friend-a:hover {background: #fff;color: #003da6 ; }
.footer-bot .friend-hides {position: absolute;z-index: 3;width: 100%;bottom: 100%;left: 0;display: none;background: #d8d7d7;color: #333;height: auto;line-height: 40px; }


.book-email {width: 290px;color: rgba(0, 0, 0, 0.5);font-size: 14px;line-height: 48px;}
.book-email .book-title {font-size: 18px;line-height: 22px;color: #fff;margin-bottom: .2rem;}
.book-email .book-mains { position: relative; padding-right: 110px; background: #d8d7d7; }
.book-email .book-input { width: 100%;  background: none; border: none; display: block; height: 48px;padding: 0 22px; box-sizing: border-box; }
.book-email .book-input::placeHolder {color: rgba(0, 0, 0, 0.5); }
.book-email .book-submit {padding: 0;border: none;position: absolute;right: 0;top: 0;width: 85px;height: 48px;background: #003da6;text-align: center;color: #fff;border: none;display: block;}


@media (max-width: 767px) {

.footer-top-left {display:none;}
.footer-top .footer-top-right{ margin-top:20px;}
}