/* common */

.layout-width {width:1280px;margin:0 auto;}

body {min-height:calc(100vh);color:#242424;display:flex;flex-direction:column;}
.layout-top-bar,
.layout-bottom {flex:none;}

a {color:#242424;text-decoration:none;}
a:hover {color:#eb6ea0;}


.layout-top-bar {background-color:#eee;font-size:1.5rem;}
.layout-top-bar .layout-width {background-color:#eee;}
.layout-top-bar .layout-top-bar-body {height:5rem;display:flex;justify-content:space-between;align-items:center;}
.layout-top-bar .bar-right {padding:.5rem 0;display:flex;}
.bar-right a {position:relative;display:flex;align-items:center;padding:.5rem 0;cursor:pointer;}
.bar-right a i.left {color:#c2c2c2;margin-right:.35rem;font-size:1.7rem;position:relative;}
.top-login a {margin-left:4.5rem;}
.top-login a::after {content:'|';position:absolute;right:-2.5rem;color:#e0e0e0;}
.top-login a:first-child {margin-left:0;}
.top-login a:last-child::after {content:none;}
.top-login a:hover {color:#eb6ea0;}
.top-login a:hover i.left {color:#e9a8c2;}

.layout-content {flex:auto;display:flex;justify-content:center;align-items:center;}

.layout-nav {display:flex;align-items:center;font-size:1.5rem;}
.layout-nav i {color:#848484;margin:0 1rem;}
.layout-nav span {color:#848484;}
.layout-nav a {color:#848484;}
.layout-nav a:hover {text-decoration:underline;}
.layout-nav a.current {color:#242424;}


.layout-bottom {background-color:#242424;color:#7b7b7b;}
.layout-bottom a {color:#d1d1d1;}
.layout-bottom .layout-width {display:flex;justify-content:space-between;padding:4rem 0 6rem;}
.layout-bottom .bottom-left {display:flex;flex-direction:column;padding-top:2rem;margin-left:2rem;}
.layout-bottom nav {margin-bottom:2rem;}
.layout-bottom nav a {margin-right:4rem;font-size:1.5rem;position:relative;}
.layout-bottom nav a::after {position:absolute;content:'|';color:#6a6969;right:-2.2rem;}
.layout-bottom nav a:last-child {margin-right:0;}
.layout-bottom nav a:last-child::after {content:none;}
.layout-bottom nav a:hover {text-decoration:underline;}
.layout-bottom .logo {margin-top:3rem;}
.layout-bottom .company {color:#d1d1d1;font-size:1.4rem;margin-top:2rem;margin-bottom:1.5rem;}
.layout-bottom p {margin:.25rem 0;padding:0;font-size:1.3em;display:flex;}
.layout-bottom p.copyright {margin-top:1.5rem;}
.layout-bottom p.copyright span {margin-right:3rem;display:flex;}
.layout-bottom p.copyright a {color:#7b7b7b;margin-right:3rem;display:flex;}
.layout-bottom p.copyright a.last {margin-right:0;}
.layout-bottom p.copyright a img {margin-right:.5rem;}

.layout-bottom .bottom-right {display:flex;flex-direction:column;font-size:1.4rem;align-items:flex-end;margin-left:8rem;}
.layout-bottom .bottom-right .tel {font-size:2.5rem;margin-top:1rem;color:#c9c9c9;font-weight:500;}
.layout-bottom .bottom-right .work-time {margin-top:1rem;}
.layout-bottom .bottom-right .email {margin-top:1rem;color:#d1d1d1;}
.layout-bottom .bottom-right .email i {margin-right:.8rem;color:#848484;}
.layout-bottom .bottom-right .wechat {margin-top:1.5rem;display:flex;align-items:center;color:#c9c9c9;}
.layout-bottom .bottom-right .wechat .icon {background-color:#3db15e;color:#fff;width:3rem;height:3rem;align-items:center;justify-content:center;display:flex;border-radius:.7rem;margin-right:.75rem;color:#fff;}


.slogan-wrapper {display:flex;}
.slogan-wrapper .slogan-one {display:flex;flex-direction:column;justify-content:center;align-items:center;flex:auto;}
.slogan-wrapper .slogan-one span {height:3rem;display:flex;align-items:center;justify-content:center;}
.slogan-wrapper .slogan-one span img {height:3.5rem;}
.slogan-wrapper .slogan-one span i {color:#f2dee6;font-size:4.5rem;}
.slogan-wrapper .slogan-one span i.fa-user-circle {font-size:4.5rem;}
.slogan-wrapper .slogan-one span i.fa-plane {position:relative;top:.2rem;}
.slogan-wrapper .slogan-one div {margin-top:1.5rem;font-size:1.6rem;}
.slogan-wrapper .slogan-one p {margin:0;padding:0;color:#858585;margin-top:1rem;font-size:1.4rem;}