.lhw-top { width: 100%; height: 80px; border-bottom: 1px solid rgba(255,255,255,0.15); font-size: 0px; position: fixed; top: 0px; left: 0px; z-index: 6; transition: all 0.5s ease; }
.lhw-top:after { content: ""; width: 100%; height: 80px; background: url(/images/lehome_0813/lhw-top-bg.png) repeat-x; position: absolute; top: 0px; left: 0px; }
.lhw-wrapper { width: 1200px; margin: 0 auto; position: relative; z-index: 2; }
.lhw-top .lhw-wrapper .lhw-top-logo a { padding:  0; display: block; }
.lhw-top .lhw-wrapper .lhw-top-logo,.lhw-top .lhw-wrapper .lhw-top-slogan,.lhw-top .lhw-wrapper .lhw-top-nav,.lhw-top .lhw-wrapper .lhw-top-demo { display: inline-block; vertical-align: middle; }
.lhw-top .lhw-wrapper .lhw-top-slogan { margin-left: 15px; }
.lhw-top .lhw-wrapper .lhw-top-nav { font-size: 16px; margin-left: 30px; }
.lhw-top .lhw-wrapper .lhw-top-nav ul { padding: 0px; margin: 0px; list-style: none; }
.lhw-top .lhw-wrapper .lhw-top-nav ul li { display: inline-block; vertical-align: top; position: relative; }
.lhw-top .lhw-wrapper .lhw-top-nav ul li.hover a.lhw-nav-link:after { content: ""; width: 0px; height: 0px; border-top: 5px solid #999; border-right: 5px solid transparent; border-left: 5px solid transparent; display: inline-block; vertical-align: middle; margin: auto; transition: all 0.5s ease; }
.lhw-top .lhw-wrapper .lhw-top-nav ul li a.lhw-nav-link { color: #fff; text-decoration: none; height: 80px; line-height: 80px; display: block; padding: 0 5px; }
.lhw-top .lhw-wrapper .lhw-top-nav ul li:after { content: ""; width: 0px; transition: all 0.5s ease; }
.lhw-top .lhw-wrapper .lhw-top-nav ul li:hover:after { content: ""; width: 50px; height: 3px; background: #fff; display: block; position: absolute; right: 0px; left: 0px; bottom: 0; margin: auto; }
.lhw-top.fixed .lhw-wrapper .lhw-top-nav ul li:hover:after { content: ""; width: 50px; height: 3px; background: #2589ff; display: block; position: absolute; right: 0px; left: 0px; bottom: 0; margin: auto; }
.lhw-top .lhw-wrapper .lhw-top-demo { width: 139px; height: 80px; font-size: 16px; }
.lhw-top .lhw-wrapper .lhw-top-demo .lhw-demo-btn { width: 132px; height: 39px; line-height: 39px; position: absolute; top: 0px; right: 0px; bottom: 0px; margin: auto; text-align: center; border-radius: 50px; color: #fff; background: #2589ff; font-weight: bold; text-decoration: none; }
.lhw-top .lhw-wrapper .lhw-top-demo .lhw-demo-btn img { display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -1px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-mode { width: 700px; position: absolute; background: #fff; top: 80px; right: -295px; font-size: 0px; box-shadow: 0 15px 32px rgba(0,0,0,0.05); display: none;flex-wrap: wrap; }
.lhw-top .lhw-wrapper .lhw-top-nav ul li:hover .lhw-sub-menu { display: flex; -webkit-animation-name: slideUp; animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.lhw-top .lhw-wrapper .lhw-top-nav ul li.hover:hover a.lhw-nav-link:after { transform: rotate(180deg); }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-mode a {width:350px;color: #323232; display: block; vertical-align: top; text-align: center; padding: 10px 15px; text-decoration: none; position: relative;display: flex;box-sizing: border-box;align-items: flex-start; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-mode a img{
flex-shrink: 0;
}
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-mode a:before { content: ""; width: 1px; height: 65px; border-right: 1px dashed #d9d9d9; position: absolute; top: 0px; right: 0px; bottom: 0px; display: none; margin: auto; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu a span { display: block; font-size: 16px; margin-top: 5px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu a:hover { color: #2589ff; }

.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other { width: 896px; position: absolute; top: 80px; right: -156px; background: #fff; height: 130px; display: none; font-size: 0px; box-shadow: 0 15px 32px rgba(0,0,0,0.05); }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-mode:before,.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other:before { content: ""; width: 0px; height: 0px; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; display: block; position: absolute; top: -10px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-mode:before { right: 348px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other:before { right: 207px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a { display: inline-block; vertical-align: top; font-size: 16px; padding: 32px; color: #323232; text-decoration: none; position: relative; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:before { content: ""; width: 1px; height: 65px; border-right: 1px dashed #d9d9d9; position: absolute; top: 0px; right: 0px; bottom: 0px; display: block; margin: auto; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i { width: 39px; height: 39px; background-image: url(/images/lehome_0813/lhw-nav-icon.png); background-repeat: no-repeat; font-style: normal; display: block; margin: 0 auto 5px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i.icon02 { background-position: -39px 0; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i.icon03 { background-position: -78px 0; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i.icon05 { background-position: -117px 0; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i.icon06 { background-position: -156px 0; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i.icon07 { background-position: -195px 0; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i.icon08 { background-position: -234px 0; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other i.icon09 { background-position: -273px 0; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover { color: #2589ff; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon01 { background-position: 0 -39px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon02 { background-position: -39px -39px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon03 { background-position: -78px -39px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon05 { background-position: -117px -39px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon06 { background-position: -156px -39px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon07 { background-position: -195px -39px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon08 { background-position: -234px -39px; }
.lhw-top .lhw-wrapper .lhw-top-nav .lhw-sub-menu.lhw-other a:hover .icon09 { background-position: -273px -39px; }

.lhw-top .lhw-top-demo .lhw-demo-box { width: 550px; position: absolute; top: 80px; right: 0px; background: #fff; padding: 25px; box-shadow: 0 15px 32px rgba(0,0,0,0.05); display: none; transition: all 0.5s ease; z-index: -2; }
.lhw-top .lhw-top-demo:hover .lhw-demo-box { display: block; -webkit-animation-name: slideUp; animation-name: slideUp; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@keyframes slideUp { from { transform: translate3d(0, 25px, 0); opacity: 0; visibility: visible; } to { transform: translate3d(0, 0, 0); opacity: 1; } }
.lhw-top .lhw-top-demo .lhw-demo-box i { width: 0px; height: 0px; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; display: block; position: absolute; top: -10px; right: 50px; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-title { text-align: center; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-title a { font-size: 16px; color: #2589ff; text-align: center; margin: 15px 40px; text-decoration: none; display: inline-block; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-list { font-size: 0px; text-align: center; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab { font-size: 0px; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab p { width: 33.33%; padding: 10px 0; display: inline-block; vertical-align: top; text-align: center; font-size: 16px; background: #f0f0f0; margin: 0px; cursor: pointer; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab p.cur { color: #fff; background: #2589ff; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab .lhw-demo-content { font-size: 0px; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab .lhw-demo-content a { width: 233px; height: 39px; line-height: 39px; text-decoration: none; display: inline-block; vertical-align: top; font-size: 16px; border: 1px solid #ebebeb; margin: -1px -1px 0 0; padding: 0 20px; color: #323232; transition: all 0.5s ease; overflow: hidden; }

.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab .lhw-demo-content a:hover { padding-left: 32px; width: 221px; color: #2589ff; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab .lhw-demo-content .lhw-demo-item { display: none; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-tab .lhw-demo-content .lhw-demo-item.active { display: block; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-list span { display: inline-block; vertical-align: top; font-size: 14px; text-align: center; margin: 0 15px; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-list img { width: 100px; display: block; margin-bottom: 10px; }
.lhw-top .lhw-top-demo .lhw-demo-box .lhw-demo-title p { font-size: 32px; margin: 0px; text-align: center; }
.lhw-top .lhw-demo-qrcode { text-align: center; }
.lhw-top .lhw-demo-qrcode p { margin: 15px 0; font-size: 16px; color: #2589ff; }
.lhw-top.fixed { color: #323232; background: #fff; box-shadow: 0 15px 32px rgba(0,0,0,0.15); }
.lhw-top.fixed:after { display: none; }
.lhw-top.fixed .lhw-wrapper .lhw-top-nav ul li a.lhw-nav-link { color: #323232; }
.lhw-top.fixed .lhw-top-slogan .ts-01,.lhw-top .lhw-top-slogan .ts-02,.lhw-top .logo-02,.lhw-top.fixed .logo-01 { display: none; }
.lhw-top .lhw-top-slogan .ts-01,.lhw-top.fixed .lhw-top-slogan .ts-02,.lhw-top.fixed .logo-02 { display: block; }