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

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('fonts/HelveticaNeueLight.eot');
    src: url('fonts/HelveticaNeueLight.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueLight.woff2') format('woff2'),
         url('fonts/HelveticaNeueLight.woff') format('woff'),
         url('fonts/HelveticaNeueLight.ttf') format('truetype'),
         url('fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueLightItalic';
    src: url('fonts/HelveticaNeueLightItalic.eot');
    src: url('fonts/HelveticaNeueLightItalic.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueLightItalic.woff2') format('woff2'),
         url('fonts/HelveticaNeueLightItalic.woff') format('woff'),
         url('fonts/HelveticaNeueLightItalic.ttf') format('truetype'),
         url('fonts/HelveticaNeueLightItalic.svg#HelveticaNeueLightItalic') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('fonts/HelveticaNeueThin.eot');
    src: url('fonts/HelveticaNeueThin.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueThin.woff2') format('woff2'),
         url('fonts/HelveticaNeueThin.woff') format('woff'),
         url('fonts/HelveticaNeueThin.ttf') format('truetype'),
         url('fonts/HelveticaNeueThin.svg#HelveticaNeueThin') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueThinItalic';
    src: url('fonts/HelveticaNeueThinItalic.eot');
    src: url('fonts/HelveticaNeueThinItalic.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueThinItalic.woff2') format('woff2'),
         url('fonts/HelveticaNeueThinItalic.woff') format('woff'),
         url('fonts/HelveticaNeueThinItalic.ttf') format('truetype'),
         url('fonts/HelveticaNeueThinItalic.svg#HelveticaNeueThinItalic') format('svg');
}


html { overflow-y:scroll; }
body { background:#FFF; font-size:14px; line-height:21px; -webkit-text-size-adjust:100%; min-width: 1150px; position: relative; }
body, input, textarea, select { color:#4A4A4A; font-family: 'HelveticaNeueLight', 'PingFangSC-Light', 'Microsoft YaHei Light', 'Microsoft YaHei', '微软雅黑', sans-serif; }
body, h1, h2, h3, p, ul, dl, dd, form, textarea, input, ol { margin:0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol, td, th { padding:0; list-style:none outside; }
a { color:#333; text-decoration:none; -webkit-tap-highlight-color:transparent; }
i, strong, em { font-style:normal; font-weight:normal; }
a:focus, input, textarea, select, button { outline:none; }
textarea { overflow:auto; resize:none; }
input, textarea, select { font-size:100%; }
img { border:0; vertical-align:middle; }
table { border-collapse:collapse; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
input[type=submit], input[type=reset], input[type=number], input[type=tel],
input[type=text], input[type=password], button, textarea { -webkit-appearance: none !important; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
input, textarea, button { border-radius:0; }

.animate { transition:all 0.3s; -webkit-transition:all 0.3s; }
.clear:after { display:block; clear:both; content:''; visibility:hidden; height:0; }.clear { zoom:1; }
.breakall { word-break:break-all; word-wrap:break-word; }
.float-left { float:left; display:inline; } .float-right { float:right; display:inline; }
.justify { text-align:justify; text-justify:inter-ideograph; }
.nowrap { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noright { margin-right:0!important; padding-right:0!important; }
.noborder { border:none!important; }
.container { width: 1100px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
	.r_content { padding-left: 372px; }
	.vo { opacity: 0; display: inline-block; vertical-align: top; }

.jspContainer { overflow:hidden; position:relative; }
	.jspPane { position:absolute; }
	.jspVerticalBar { position:absolute; top:0; right:0; width:3px; height:100%; }
		.jspCap { display:none; }
		.jspTrack { background:none; position:relative; }
			.jspDrag { background:url(../image/icon_bar.svg) no-repeat 0 6px; position:relative; top:0; left:0; cursor:pointer; }
		.jspArrow { text-indent:-20000px; display:block; cursor:pointer; padding:0; margin:0; }
		.jspArrow.jspDisabled { cursor:default; background:#80808d; }
			.jspVerticalBar .jspArrow { height:16px; }
	.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:0; }
		.jspHorizontalBar .jspCap { float:left; }
			.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }
		.jspCorner { background:none; float:left; height:100%; }
		.jspHorizontalBar .jspArrow { width:16px; float:left; height:100%; }
.swiper-slide { height: 100vh; background-size: cover; background-position: 50%; }
	.swiper-container video { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; }
	.swiper-arrow { z-index: 98; animation: arrow 3s infinite; position: absolute; left: calc(50% - 20px); bottom: 8px; width: 40px; height: 28px; background: url(../image/icon_arrow_down.svg); background-size: cover; }
.navigation { visibility: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #FFF; z-index: 99; }
	.navigation ul { width: 976px; font-size: 18px; line-height: 34px; font-family: 'HelveticaNeueThin', 'PingFangSC-Thin', 'Microsoft YaHei Light', 'Microsoft YaHei', '微软雅黑', sans-serif; position: relative; margin: 135px auto 0; }
		.navigation li { }
			.navigation a { color: #4A4A4A; display: block; }
				.navigation li > a { width: 86px; position: relative; }
				.navigation li > a:hover, .navigation li.current > a { color: #000; }
				.navigation li.current > a { font-family: 'HelveticaNeueLight'; }
				.navigation li > a.hasdrop:hover:after, .navigation li.current > a.hasdrop:after { content: ''; position: absolute; right: 0; top: 0; width: 12px; height: 100%; background: url(../image/icon_arrow.svg) no-repeat 0 13px; background-size: 100% auto; }
			.dropmenu { background-color: #FFF; display: none; outline: 0; width: 842px; position: absolute; left: 126px; top: 0; }
				.scroll { width: 100%; height: 544px; }
					.dropmenu span { display: inline-block; vertical-align: top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
					.dropmenu span.cn { width: 288px; }
					.dropmenu span.en { width: 312px; padding: 0 100px 0 24px; }
					.dropmenu span.year { width: 100px; }
			.dropmenu a:hover, .dropmenu a.current { color: #000; }
				.dropmenu a.current { font-family: 'HelveticaNeueLight', 'PingFangSC-Light', 'Microsoft YaHei', '微软雅黑', sans-serif; }
				.newlist span.year { font-family: 'HelveticaNeueThinItalic'; font-size: 12px; width: auto; }
				.newlist span.cn { padding: 0 68px 0 20px; }
				.newlist span.en { padding: 0; }
			.navigation li.current .dropmenu { display: block; }
.header { position: absolute; z-index: 99; width: 976px; top: 69px; left: calc(50% - 488px); }
	.logo { width: 275px; height: 32px; background: url(../image/LOGO.svg) no-repeat; background-size: cover; float: left; }
		.header.dark .logo { background-image: url(../image/logo3.svg); }
		.header.hide .logo { background-image: url(../image/logo3.svg); }
	.menu { width: 32px; height: 32px; background: url(../image/icon_menu.svg) no-repeat; background-size: 32px 32px; float: right; }
		.header.dark .menu { background-image: url(../image/icon_menu2.svg); }
		.header.hide .menu { background-image: url(../image/icon_close1_2.svg); background-size: 16px auto; background-position: 50%; }
.footer { font-family: 'HelveticaNeueLightItalic'; font-size: 12px; line-height: 34px; margin-top: 104px; }
	.footer, .footer a { color: #B3B3B3; }
.home_footer { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); z-index: 98; }
	.home_footer, .home_footer a { color: #FFF; }
.detail { padding-top: 112px; }
	.detail h1 { font-size: 24px; line-height: 33px; }
	.detail h2 { font-size: 20px; line-height: 23px; margin: 10px 0 59px; }
	.detail .cn { margin-bottom: 42px; }
.studio { min-height: calc(100vh - 364px); }
	.studio h1 { font-size: 32px; margin-bottom: 60px; line-height: 38px; }
	.studio .cn { margin-bottom: 60px; }
.infobox { margin: 80px auto; }
	.infobtn { display: inline-block; vertical-align: top; margin-left: 372px; line-height: 24px; font-size: 20px; font-family: 'HelveticaNeueLightItalic'; padding-left: 29px; background: url(../image/icon_info.svg) no-repeat 0 1px; background-size: 20px auto; }
	.info { display: none; border: 1px solid #B3B3B3; position: relative; padding: 0 50px; }
		.info > div { width: 475px; margin: 42px 12px 49px; float: left; line-height: 29px;}
		.info .en { line-height: 29px; }
		.close { position: absolute; right: 19px; top: 19px; width: 16px; height: 16px; background: url(../image/icon_close2.svg); background-size: 16px 16px; }
.my-gallery { overflow: hidden; }
	.pswp__top-bar { background-color: transparent!important; }
	.my-gallery figure { float: left; margin: 0 24px 24px 0; }
		.my-gallery figure:nth-of-type(4n) { margin-right: 0; }
		.my-gallery a { display: block; position: relative; width: 164px; overflow: hidden; height: 164px; background-size: cover; background-repeat: no-repeat; background-position: 50%; }
			.my-gallery img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); visibility: hidden; }
.contact { margin: auto; padding-top: 226px; min-height: calc(100vh - 364px); line-height: 26px; font-size: 18px; }
	.contact h1 { font-size: 32px; line-height: 38px; margin-bottom: 151px; }
	.contact p { padding-left: 40px; margin-bottom: 26px; background-repeat: no-repeat; background-position: 0 3px; background-size: 20px 20px; }
		.phone { background-image: url(../image/icon_phone.svg); }
		.email { background-image: url(../image/icon_email.svg); }
		.address { background-image: url(../image/icon_address.svg); }
			.address small { font-size: 14px; }
.news { padding-top: 226px; }
	.newsimage { margin: 60px auto; }
		.newsimage img, .news img { max-width: 100%; }
	.newsimage + .container { margin-top: 0; }
.joinmenu { position: fixed; left: 50%; top: 330px; margin-left: -550px; font-size: 18px; line-height: 20px; }
	.joinmenu a { margin-bottom: 24px; padding-left: 38px; }
		.joinmenu a, .joinmenu small { display: block; }
		.joinmenu small { font-size: 14px; }
	.joinmenu a.current { background: url(../image/icon_arrow.svg) no-repeat 0 50%; background-size: 11px auto; }
.join { margin: auto; padding-top: 226px; line-height: 21px; font-size: 14px; }
	.join h1 { font-size: 32px; line-height: 38px; }
	.join h2 { font-size: 24px; line-height: 33px; margin: 60px 0 30px; }
	.job { border-bottom: 1px dashed #B3B3B3; padding-bottom: 60px; }
	.job ul{padding-left:18px; list-style-type: decimal;}




@keyframes arrow {
	0%, 30% {
		opacity: 0;
		transform: translateY(-8px);
	}
	60% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(8px);
	}
}