@charset "utf-8";
/* CSS Document */

body { padding: 0px; margin: 0px; }
.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1;
}
.bxslider li a { overflow: hidden; display: block; }
/** THEME
===================================*/

.bx-wrapper .bx-viewport { background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */


.header .container { margin: 0 109px; position: relative; }
.header { position: fixed; top: 0px; z-index: 999; padding: 26px 0; background: #fff; width: 100%; left: 0px; transition: top 300ms ease-out; transition: opacity 200ms ease-out 200ms; opacity: 1; }
.index .header { transition: opacity 300ms ease-out 500ms; opacity: 0; }
.header.hide { transition: top 300ms ease-out; top: -52px; }
.footer { padding: 24px 109px; text-align: right; font-size: 12px; display: block; }
.footer .copyright { padding-bottom: 10px; }
/* PC css */
a.logo { float: left; }
.header .logo img { width: auto; height: 48px; }
/*.nav a span,.subnav a span,.mobile-menu a span{font-family: 'smedium','Source Han Sans CN', 'PingFang SC', 'Microsoft YaHei', 'SimSun','MingLiU',serif;}*/
.nav { /* position: relative; */
	/* float: right; */
position: absolute; right: 0; bottom: 0; }
.nav a { font-size: 14px; }
.nav li { float: left; }
.nav li:after { float: left; background-color: #3f3f41; content: ""; width: 1px; height: 12px; margin: 6px 12px 0px 12px; }
.nav li:first-child:after { width: 0; }
.subnav { padding: 17px 18px 34px 18px; position: fixed; z-index: 100; background: #fff; width: 100%; top: 88px; }
.subnav a { font-size: 12px; }
.subnav li { float: left; }
.subnav li:after { float: right; background-color: #3f3f41; content: ""; width: 1px; height: 10px; margin: 7px 10px 0px 10px; }
.subnav li:last-child:after { width: 0; }
/* mobile hide dom*/
.m-footer { display: none; }

/* progress */
#loading-progress { position: fixed; top: -5px; left: 0; width: 100%; height: 5px; background-color: #f3f3f3; z-index: 10000; transition: top 300ms ease-out; }
#loading-progress.show { top: 0px; }
#loading-progress .bar { height: 5px; background-color: #fff000; }
#contents-wrap { min-height: 101vh; position: relative; z-index: 1; background-color: #fff; }
.content { width: 100%; position: relative; z-index: 0; transition: transform 1.1s cubic-bezier(.68, 0, .42, 1);  *zoom: 1;
background-color: #fff; }
.detail-body p { font-family: 'smedium' !important; }
.content:before, .content:after { display: table; content: ""; line-height: 0; }
.content:after { clear: both; }
.content.moveUp { transform: translate(0, -260px); transition-delay: 300ms; }
.content.show { position: absolute; top: 0px; left: 0; width: 100%; z-index: 2; transition-duration: 900ms; }
.content .container { padding: 91px 13% 20px 13%; }
/*
.hover-line
---------------------------------------*/
.hover-line-links a > span, a.hover-line > span { display: inline-block; position: relative; white-space: nowrap; font-size: 14px; }
.hover-line-links a > span:after, a.hover-line > span:after { content: ''; height: 6px; width: 0%; position: absolute; top: 40%; left: 110%; z-index: -1; background-color: #fff000; transition: width 500ms, left 500ms; }
.hover-line-links a:hover > span:after, .hover-line-links a.current > span:after, a.hover-line:hover > span:after, a.hover-line.current > span:after { width: 120%; left: -10%; transition: width 500ms; }
/* index css */
#index-banner { background: #fff000; width: 100%; position: absolute; top: 0; left: 0; z-index:999999; }
#site-name { position: absolute; width: 500px; margin-left: -250px; margin-top: -100px; top: 50%; left: 50%; z-index: 1; font-weight: 700; line-height: 1; text-align: center; /* transform: translate(0, -20px); */
transition: transform 1s ease-out; cursor: pointer; }
#site-name span { float: left; }
#site-name span img { height: 59px; width: auto; }
#site-name span { display: inline-block; opacity: 0; margin-right: 0.4em; transform: scale(1.9, 1.9); transition: opacity .5s ease-out, transform .5s ease-out; backface-visibility: hidden; }
#site-name span:last-child { margin-right: 0; }
#site-name span.c3 { margin-right: 1.6em; }
#site-name span.c1s { margin-right: 1.2em; }
#site-name span.ncls { width: 100%; margin-right: 0; }
#site-name .ncls img { height: 200px; margin: auto; }
#site-name.show span { opacity: 1; transform: scale(1, 1); }
/* ads page*/
.banner { position: relative; transition: opacity 200ms ease-out 200ms; opacity: 0; }
.banner.show { opacity: 1; }
/* index video */
.index-video { position: absolute; z-index: 10; top: 0; right: 0px; bottom: 0; left: 0px; /*overflow: hidden;*/ }
.bg-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#background_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; }
#video_cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.bgvideo-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0); }



@media (max-width: 1366px) { 
.content .container { padding: 91px 5.5% 20px 5.5%; }
 }
 
  
 @media (max-width: 1440px) { 
.content .container { padding: 91px 5% 20px 5%; }
 }