body { min-width: 1440px; }

.top-lky { height: 92px; line-height: 92px; width: 100%; position: relative; z-index: 10; display: flex; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); }

.t-logo { width: 150px; height: 100%; background: #191919; float: left; flex-grow: 0; }

.t-logo a { display: block; text-align: center; }

.t-logo img { margin-top: 10px; width: 74px; height: 74px; }

.t-nav { float: left; flex-grow: 1; position: relative; display: flex; }
.t-nav > li { flex-grow: 1; flex-basis: 0; float: left; height: 100%; text-align: center; position: relative; z-index: 10; }
.t-nav > li.lastli, .t-nav > li.firstli { width: 20px; flex-grow: 0; flex-basis: auto; }
.t-nav > li a { position: relative; z-index: 10; display: block; height: 100%; color: #ffffff; font-size: 22px; -moz-transition: 400ms; -webkti-transition: 400ms; transition: 400ms; }
.t-nav > li.tnbg { flex-grow: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; display: flex; overflow: hidden; }
.t-nav > li.tnbg .tnl { width: 0; background: #191919; transition: 450ms; -moz-transition: 450ms; -webkit-transition: 450ms; display: block; }
.t-nav > li.tnbg .tnc { display: block; width: calc(12.5% + 50px); position: relative; top: 92px; transition: 450ms; -moz-transition: 450ms; -webkit-transition: 450ms; }
.t-nav > li.tnbg .tnc em { display: block; width: 100%; height: 200px; position: absolute; left: 0; top: -187px; background: #191919; }
.t-nav > li.tnbg .tnc:after { content: ''; display: block; width: 82px; height: 79px; background: url("../images/common/nav-hbg.png") no-repeat 0 -79px; position: absolute; right: 0; bottom: 0; }
.t-nav > li.tnbg .tnc:before { content: ''; display: block; width: 82px; height: 79px; background: url("../images/common/nav-hbg.png") no-repeat 0 0; position: absolute; left: 0; bottom: 0; }
.t-nav > li.tnbg .tnr { display: block; flex-grow: 1; background: #191919; transition: 450ms; -moz-transition: 450ms; -webkit-transition: 450ms; }
.t-nav > li.hot a span { position: relative; }
.t-nav > li.hot a span:after { content: ''; display: block; position: absolute; right: -7px; top: -9px; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #5961ff; background: linear-gradient(to bottom, #6d8fff, #5961ff); background: -webkit-linear-gradient(to bottom, #6d8fff, #5961ff); }
.t-nav > li.cur .subsetli { display: block; }
.t-nav > li.show .subsetli { opacity: 1; }
.t-nav > li:hover .subsetli { display: block; }
.t-nav > li .subsetli { display: none; width: 66%; position: absolute; left: 17%; top: 100%; padding-top: 36px; }
.t-nav > li .subsetli .subsetli-bg { background: #676767; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 6px 0; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3)); }
.t-nav > li .subsetli:after { content: ''; position: absolute; left: 50%; top: 4px; display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid transparent; border-bottom: 20px solid #676767; border-bottom: 20px solid rgba(0, 0, 0, 0.3); margin-left: -12px; }
.t-nav > li .subsetli a { height: 64px; line-height: 64px; font-size: 20px; text-align: center; }
.t-nav > li .subsetli a:after { content: ''; display: block; margin: 0 auto; width: 40px; height: 2px; background: #999; background: rgba(0, 0, 0, 0.2); }
.t-nav > li .subsetli a:last-child:after { display: none; }
.t-nav > li .subsetli:hover { display: block; }

.t-nav.hover .tnbg .tnc { top: 0; }

.t-nav.hover1 .tnbg .tnl { width: 0; }

.t-nav.hover2 .tnbg .tnl { width: calc(12.5% - 12px); }

.t-nav.hover3 .tnbg .tnl { width: calc(25% - 17px); }

.t-nav.hover4 .tnbg .tnl { width: calc(37.5% - 20px); }

.t-nav.hover5 .tnbg .tnl { width: calc(50% - 24px); }

.t-nav.hover6 .tnbg .tnl { width: calc(62.5% - 29px); }

.t-nav.hover7 .tnbg .tnl { width: calc(75% - 32px); }

.t-nav.hover8 .tnbg .tnl { width: 87.5%; }

.t-nav.notran .tnbg .tnl, .t-nav.notran .tnbg .tnt { transition: 0ms; -moz-transition: 0ms; -webkit-transition: 0ms; }

.tnav-inner > li a:hover { color: #333; }
.tnav-inner > li .subsetli a { color: #ffffff !important; }
.tnav-inner.hover.hover1 > li:nth-child(3) a { color: #333; }
.tnav-inner.hover.hover2 > li:nth-child(4) a { color: #333; }
.tnav-inner.hover.hover3 > li:nth-child(5) a { color: #333; }
.tnav-inner.hover.hover4 > li:nth-child(6) a { color: #333; }
.tnav-inner.hover.hover5 > li:nth-child(7) a { color: #333; }
.tnav-inner.hover.hover6 > li:nth-child(8) a { color: #333; }
.tnav-inner.hover.hover7 > li:nth-child(9) a { color: #333; }

.ico-img { display: inline-block; vertical-align: top; background-repeat: no-repeat; width: 30px; height: 30px; }

.img-cn { background: url("../images/common/icon-language.png") no-repeat 0 0; }

.img-en { background: url("../images/common/icon-language.png") no-repeat 0 -30px; }

.img-jp { background: url("../images/common/icon-language.png") no-repeat 0 -90px; }

.img-kr { background: url("../images/common/icon-language.png") no-repeat 0 -60px; }

.img-yjt { width: 20px; height: 20px; background: url("../images/common/icon-agg.png") no-repeat 0 -44px; }

.img-share { width: 21px; height: 22px; background: url("../images/common/icon-agg.png") no-repeat 0 -73px; }

.img-show { width: 25px; height: 18px; background: url("../images/common/icon-agg.png") no-repeat 0 -105px; }

.t-login-lg { float: left; width: 270px; height: 100%; background: #191919; flex-grow: 0; font-size: 0; position: relative; }
.t-login-lg a.tlanguage { display: inline-block; vertical-align: top; color: #fff; font-size: 18px; line-height: 36px; margin: 28px 0 0 20px; }
.t-login-lg a.tlanguage:hover { color: #f63; }
.t-login-lg a.tlanguage em { margin-left: 12px; }
.t-login-lg .img-cn { margin-top: 3px; }

.login-state { display: inline-block; width: 100px; position: relative; height: 100%; margin: 0 20px 0 0; font-size: 18px; text-align: right; }
.login-state:after { content: ''; position: absolute; right: -20px; top: 28px; width: 1px; height: 36px; background: #fff; }

.login-state-off { display: inline-block; vertical-align: top; }
.login-state-off a { line-height: 92px; color: #fff; }
.login-state-off a:hover { color: #f63; }

.login-state-on { display: inline-block; vertical-align: top; }
.login-state-on a.login-user { display: block; line-height: 24px; font-size: 14px; color: #fff; width: 100%; vertical-align: top; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 22px; }
.login-state-on a.login-user:hover { color: #f63; }
.login-state-on a.login-out { font-size: 14px; line-height: 24px; color: #fff; opacity: 0.7; vertical-align: top; }
.login-state-on a.login-out:hover { color: #f63; }

.language-list { background: rgba(0, 0, 0, 0.5); width: 140px; position: absolute; right: 10px; top: 100%; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; overflow: hidden; display: none; }
.language-list.show { display: block; }
.language-list li { cursor: pointer; height: 60px; line-height: 60px; color: #ffffff; font-size: 14px; }
.language-list li a { color: #fff; }
.language-list li i.ico-img { margin-left: 20px; margin-top: 15px; margin-right: 12px; }
.language-list li:hover { background: rgba(255, 255, 255, 0.2); }
.language-list li:hover a { color: #f63; }

.lky-footer-box { background: #191919; box-shadow: 0 0 12px rgba(0, 0, 0, 0.65); padding: 0 8%; color: #979797; }
.lky-footer-box a { color: #ffffff; }
.lky-footer-box a:hover { color: #f63; }

.l-fot-link { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 70px; }
.l-fot-link dl { float: left; width: 25%; box-sizing: border-box; padding-right: 4%; }
.l-fot-link dl:last-child { padding-right: 0; }
.l-fot-link dt { font-size: 24px; padding-top: 43px; padding-bottom: 28px; line-height: 1; }
.l-fot-link dd { font-size: 20px; line-height: 24px; padding: 8px 0; }
.l-fot-link .l-dl2 { display: inline-block; vertical-align: top; }
.l-fot-link .l-dl2 dd { float: left; width: 40%; }

.l-fot-info { font-size: 17px; padding-bottom: 30px; line-height: 50px; }
.l-fot-info p span { margin-right: 40px; display: inline-block; vertical-align: top; }
.l-fot-info p a { color: #979797; }
.l-fot-info p a:hover { color: #aaa; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.page-box { text-align: right; font-size: 20px; line-height: 60px; height: 60px; padding-right: 12%; }
.page-box a { display: inline-block; vertical-align: top; width: 40px; color: #979797; text-align: center; }
.page-box a.page_prev, .page-box a.page_next { text-indent: -9999em; overflow: hidden; border: 1px solid #979797; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; background: url("../images/common/icon-agg.png") no-repeat; }
.page-box a.page_prev:hover, .page-box a.page_next:hover { background-position-y: -60px !important; border-color: #535ddd; }
.page-box a.page_prev { background-position: -30px 0; margin-right: 10px; }
.page-box a.page_next { background-position: -90px 0; margin-left: 10px; }
.page-box span { display: inline-block; vertical-align: top; color: #535ddd; width: 40px; text-align: center; }

.shadow_hover { transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.4)); -webkit-filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.4)); }
.shadow_hover:hover { filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); }