/* 框架 */
html,
body,
.wrap { width: 100%; height: 100%; overflow: hidden; }
.wrap { background: url(../../base/img/bg-landing.jpg) no-repeat center bottom; background-size: cover; }

/* 顶部 */
#landingHeader { height: 163px; }
#landingHeader #logo { float: left; margin: 37px 0 0; }
#landingHeader #logo img { max-width: 700px; max-height: 90px; }

/* 内容 */
#landingContent { position: absolute; left: 0; top: 163px; bottom: 180px; width: 100%; margin: auto; }
#landingContent .container { height: 100%; }
#landingMenu { position: absolute; left: 0; top: 50%; margin-top: -200px; width: 100%; text-align: center; font-size: 0; line-height: 1; }
#landingMenu li { display: inline-block; vertical-align: top; margin: 0 67px; }
#landingMenu li a { position: relative; display: block; width: 266px; height: 400px; text-decoration: none; }
#landingMenu li a::before { position: absolute; left: 0; top: 0; bottom: 0; content: ''; width: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 10px; }
#landingMenu li .con { position: relative; width: 209px; height: 209px; top: 105px; margin: 0 auto; color: #fff; overflow: hidden; }
#landingMenu li .con::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../../base/img/landing-round.png) no-repeat; }
#landingMenu li .con .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 209px; font-size: 152px; opacity: 0; visibility: hidden; transform: scale(0); }
#landingMenu li .icon { position: relative; font-size: 64px; margin-top: 48px; }
#landingMenu li .title { position: relative; margin-top: 18px; font-size: 24px; }

#landingMenu li a::before,
#landingMenu li .con::after,
#landingMenu li .bg { transition: all 0.6s ease; }

#landingMenu li a:hover::before { top: -20px; bottom: -20px; background: #97181D; }
#landingMenu li a:hover .con::after { transform: rotate(-180deg); }
#landingMenu li a:hover .con .bg { transform: scale(1); opacity: 0.1; visibility: visible; }

#landingMenu .li2 a:hover::before { background: #DAB866; }

/* 底部 */
#landingFooter { position: absolute; left: 0; bottom: 0; width: 100%; padding: 25px 0 30px; margin-top: 122px; background: #97181D; color: #fff; text-align: center; }
#landingFooter a { color: inherit; }
#landingFooter::before { position: absolute; content: ''; left: 0; bottom: 100%; width: 100%; height: 122px; background: url(../../base/img/bg-landing-footer.png) no-repeat center bottom; background-size: 100% auto; }
#landingFooter .copyRight { line-height: 2; font-size: 16px; }
#landingFooter .copyRight img { vertical-align: middle; }