@charset "UTF-8";/*!

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .tile.text time, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline
}
html {
	line-height:1
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
q, blockquote {
	quotes:none
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none
}
a img {
	border:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block
}
* {
	background-repeat:no-repeat;
	position:relative;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
body {
	font:14px/1.5 "微软雅黑","黑体",sans-serif;
	background:#fff;
	-webkit-font-smoothing:antialiased
}
@media (min-width: 0) and (max-width: 656px) {
body {
	font-size:18px
}
}
a {
	color:inherit;
	text-decoration:none
}
a:hover {
	color:#0080C8
}
ul.blocks {
	padding-bottom:100px
}
ul.blocks>li {
	text-align:center;
	min-height:140px;
	max-width:1280px;
	margin:0 auto;
	font-size:16px
}
ul.blocks>li:before {
	content:'';
	width:92px;
	height:2px;
	display:inline-block;
	background:#dadada;
	position:absolute;
	bottom:-1px;
	left:50%;
	margin-left:-46px
}
ul.blocks.half>li {
	width:50%;
	float:left
}
ul.blocks.half>li:nth-child(odd) {
	clear:left
}
.block {
	padding:40px;
	display:block;
	cursor:pointer
}
.block span {
	color:#999
}
.block:hover {
	background:#0080C8 !important;
	color:#fff
}
.block:hover span, .block:hover b, .block:hover p, .block:hover h4, .block:hover .tile.text time, .tile.text .block:hover time {
	color:#fff !important
}
h1 {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:78px;
	font-weight:normal;
	line-height:1.1;
	letter-spacing:-0.06em;
	margin-bottom:0.2em
}
h2 {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:64px;
	line-height:1.2;
	letter-spacing:-0.06em;
	font-weight:normal;
	margin-bottom:0.7em
}
h2.typed {
	font-size:60px;
	color:#000;
	font-weight:bold;
}
h3 {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:48px;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:1em
}
h3.typed, .detail main figcaption {
	font-size:22px
}
@media (min-width: 0) and (max-width: 656px) {
h3.typed, .detail main figcaption {
	font-size:28px
}
}
h4, .tile.text time {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:38px;
	line-height:1.2;
	letter-spacing:-0.06em;
	font-weight:normal
}
h5 {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:20px;
	letter-spacing:-0.06em;
	font-weight:normal;
	margin-bottom:0.5em
}
@media (min-width: 0) and (max-width: 656px) {
h5 {
	font-size:22px
}
}
h6 {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:16px;
	letter-spacing:-0.06em;
	font-weight:normal
}
.typed {
	font-family:"微软雅黑","黑体",sans-serif;
	line-height:1.4;
	letter-spacing:-0.06em;
	color:#999;
	text-align:center
}
strong {
	font-weight:bold
}
em {
	font-family:"微软雅黑","黑体",sans-serif;
	font-style:italic
}
p {
	margin-bottom:1em
}
q {
	font:38px/1.2 "微软雅黑","黑体",sans-serif;
	letter-spacing:-0.06em;
	display:inline-block;
	margin:54px
}
@media (min-width: 1297px) {
q {
	float:right;
	width:55%;
	margin-right:-25%
}
}
input {
	height:70px;
	font:15px/30px "微软雅黑","黑体",sans-serif;
	color:#fafafa;
	background:#000;
	border:0;
	padding:20px
}
button {
	border:0
}
.button {
	cursor:pointer;
	text-decoration:none !important;
	display:inline-block;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#fff;
	-webkit-transition:background-color 0.3s, opacity 0.3s;
	-moz-transition:background-color 0.3s, opacity 0.3s;
	-o-transition:background-color 0.3s, opacity 0.3s;
	transition:background-color 0.3s, opacity 0.3s
}
.button:hover {
	background-color:#0080C8 !important;
	color:#fff
}
.button.black {
	background:#000;
	width:160px;
	height:54px;
	line-height:54px;
	font-size:13px
}
@media (min-width: 0) and (max-width: 656px) {
.button.black {
	width:100%;
	height:100px;
	line-height:100px;
	font-size:24px
}
}
@media (min-width: 657px) and (max-width: 977px) {
.button.black {
	width:260px
}
}
.button.grey-border {
	color:#000;
	height:54px;
	line-height:48px;
	border:3px #cccccc solid;
	width:210px
}
.button.grey-border:hover {
	background-color:inherit !important;
	border-color:#0080C8
}
.button.play {
	width:80px;
	height:80px;
	background:rgba(236,0,140,0.8) url("../images/play-icon.png") 50% 50% no-repeat
}
.button.link {
	height:70px;
	line-height:70px;
	width:146px;
	background-color:#262626
}
.button.link span {
	background:url("../images/icon-link.png") top left no-repeat;
	height:10px;
	line-height:10px;
	padding-left:30px;
	display:inline-block;
	vertical-align:top
}
.button.load {
	-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
	transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all
}
.button.load.loading {
	color:transparent;
	background:#232525 url("../images/loader.gif") 50% 50% no-repeat !important
}
.social {
	width:64px;
	height:64px;
	display:inline-block;
	margin:10px 0 5px;
	background-color:#232525;
	background-size:100% 100%;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s
}
.social.facebook {
	background-image:url("../images/facebook.png")
}
.social.twitter {
	background-image:url("../images/twitter.png")
}
.social.linkedin {
	background-image:url("../images/linkedin.png")
}
.social.gplus {
	background-image:url("../images/gplus.png")
}
.social.pinterest {
	background-image:url("../images/pinterest.png")
}
.social.instagram {
	background-image:url("../images/instagram.png")
}
.social.email {
	background-image:url("../images/email.png")
}
.social:hover {
	background-color:#0080C8
}
.right {
	float:right
}
.left {
	float:left
}
.clearfix:before, .clearfix:after {
	content:" ";
	display:table
}
.clearfix:after {
	clear:both
}
.eyebrow {
	font:13px Arial, sans-serif
}
.eyebrow a, .eyebrow b {
	color:#0080C8;
	font-weight:bold;
	text-transform:uppercase
}
p.caption {
	text-align:center;
	font:26px "微软雅黑","黑体",sans-serif;
}
.arrow-down {
	padding-bottom:54px
}
.arrow-down:after {
	content:'↓';
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	width:100%;
	font-family:"微软雅黑","黑体",sans-serif !important;
	font-size:36px
}
main.arrow-down {
	padding-top:92px;
	padding-bottom:inherit
}
main.arrow-down:after {
	bottom:auto;
	top:0;
	color:#fff;
	-webkit-transition:color 0.2s ease-in;
	-webkit-transition-delay:0.4s;
	-moz-transition:color 0.2s ease-in 0.4s;
	-o-transition:color 0.2s ease-in 0.4s;
	transition:color 0.2s ease-in 0.4s
}
main.arrow-down.scroll:after {
	color:#000
}
.arrow {
	font-family:"微软雅黑","黑体",sans-serif !important;
	vertical-align:middle;
	display:inline-block
}
.gutter {
	padding:0 40px
}
.center {
	display:table;
	width:100%;
	height:100%
}
.center span {
	display:table-cell;
	vertical-align:middle;
	padding:40px;
	color:#fff;
	line-height:1.2
}
header .v-center {
	display:table;
	width:100%;
	height:100%
}
header .v-center>div {
	display:table-cell;
	vertical-align:middle
}
.video+h1 span {
	position:absolute;
	display:block;
	top:50%;
	width:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
video {
	width:100%;
	height:auto;
	min-height:270px;
	display:block
}
.video {
	overflow:hidden
}
.video .popout {
	height:100%
}
.video .popout>div {
	background-size:cover
}
.video .play {
	z-index:2;
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.video+h1 {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	text-align:center;
	color:#fff;
	margin:0;
	background:url("../images/pixel.png")
}
.touch-device video {
	min-height:80px !important;
	width:80px;
	height:80px;
	top:50%;
	left:50%;
	margin-top:-40px;
	margin-left:-40px;
	position:absolute
}
.touch-device .video .popout>div {
	width:100%;
	height:100%
}
.touch-device .play.button {
	background-color:#0080C8
}
.touch-device body.detail .video {
	background-size:cover
}
.touch-device body.detail video {
	margin-left:240px
}
video:-webkit-full-screen {
top:0;
left:0
}
body:not(.touch-device) .video .popout>div {
	background:none !important
}
.controls {
	opacity:0;
	visibility:hidden;
	position:absolute;
	width:100%;
	height:35px;
	bottom:0;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-o-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out
}
.controls .inner>div {
	position:absolute;
	height:25px;
	top:5px
}
.controls .plause {
	left:5px;
	width:25px;
	cursor:pointer
}
.controls .plause span {
	display:block;
	width:8px;
	height:9px;
	margin:8px auto;
	border-top:5px solid rgba(0,0,0,0);
	border-bottom:5px solid rgba(0,0,0,0);
	border-left:10px solid #fff
}
.controls .progress {
	left:40px;
	right:80px
}
.controls .progress div {
	position:absolute;
	width:0;
	height:9px;
	left:0;
	margin:8px 0
}
.controls .progress div.loaded {
	opacity:0.8;
	background-color:#f73d9e
}
.controls .progress div.played {
	background:#fff
}
.controls .time {
	width:75px;
	right:5px;
	font:10px/25px "微软雅黑","黑体",sans-serif;
	color:#fff;
	text-align:center
}
.video.playing video:hover+.controls, .video.playing .controls:hover {
	opacity:1;
	visibility:visible;
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-o-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out
}
.video.playing .controls .plause span {
	border-top:0px;
	border-right:3px solid #fff;
	border-bottom:0px;
	border-left:3px solid #fff
}
@font-face {
	font-family:"微软雅黑","黑体",sans-serif;
	src:url("fonts/huge_agb_v5-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/huge_agb_v5-webfont.woff") format("woff"), url("fonts/huge_agb_v5-webfont.ttf") format("truetype"), url("fonts/huge_agb_v5-webfont.svg#svgFontName") format("svg")
}
@font-face {
	font-family:"微软雅黑","黑体",sans-serif;
	font-style:normal;
	font-weight:normal;
	src:url("fonts/GalaxieCopernicus-Book.eot?#iefix") format("embedded-opentype"), url("fonts/GalaxieCopernicus-Book.woff") format("woff"), url("fonts/GalaxieCopernicus-Book.svg#svgFontName") format("svg")
}
@font-face {
	font-family:"微软雅黑","黑体",sans-serif;
	font-style:normal;
	font-weight:normal;
	src:url("fonts/GalaxieCopernicus-BookItalic.eot?#iefix") format("embedded-opentype"), url("fonts/GalaxieCopernicus-BookItalic.woff") format("woff"), url("fonts/GalaxieCopernicus-BookItalic.svg#svgFontName") format("svg")
}
html {
	position:static;
	width:100%;
	height:100%
}
body {
	min-width:640px
}
.container {
	margin:0 auto;
	width:640px
}
@media (min-width: 0) and (max-width: 656px) {
.container {
	width:640px
}
}
@media (min-width: 657px) and (max-width: 977px) {
.container {
	width:640px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.container {
	width:960px
}
}
@media (min-width: 1297px) {
.container {
	width:1280px
}
}




main {
	display:block
}
#top-overlap {
	margin-top:-320px;
	-webkit-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1)
}
#top-overlap.scroll {
	margin-top:0
}
@media (min-width: 0) and (max-width: 656px) {
#top-overlap {
	margin-top:-200px
}
}
@media (min-width: 657px) and (max-width: 977px) {
#top-overlap {
	margin-top:-240px
}
}
header+h2 {
	color:#000;
	margin:0;
	padding-top:84px
}
.main-section {
	padding:80px 0
}
body>nav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:105px;
	font:60px "微软雅黑","黑体",sans-serif;
	color:#fff;
	padding-top:0px;
	background:none;
	z-index:1000;
	overflow:hidden;
	backface-visibility:hidden;
	-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)
}
body>nav .bar {
	z-index:2000;
	margin-top:0px;
	width:100%;
	height:100px;
	background:none;
	-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)
}
body>nav .nav-background {
	z-index:1500;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background:none;
	display:table;
	-webkit-transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)
}
body>nav #logo {
	width:144px;
	height:74px;
	padding:58px 40px;
	z-index:1000;
	background-image:url("../images/logo.png");
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)
}
body>nav #toggle {
	width:104px;
	height:74px;
	padding:45px 40px;
	z-index:1000;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)
}
body>nav #toggle .patty {
	width:24px;
	height:4px;
	margin:10px 0;
	background:#0080C8;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s
}
body>nav #toggle .patty:after, body>nav #toggle .patty:before {
	content:'';
	display:block;
	width:24px;
	height:4px;
	background:#0080C8;
	position:absolute;
	z-index:-1;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s
}
body>nav #toggle .patty:before {
	top:-8px
}
body>nav #toggle .patty:after {
	top:8px
}
body>nav #toggle:hover {
	-webkit-transition:top 0.4s;
	-moz-transition:top 0.4s;
	-o-transition:top 0.4s;
	transition:top 0.4s
}
body>nav #toggle:hover .patty:before {
	top:-9px
}
body>nav #toggle:hover .patty:after {
	top:9px
}
body>nav ul {
	visibility:hidden;
	top:-10%;
	width:100%;
	padding:0;
	opacity:0;
	display:table-cell;
	vertical-align:middle;
	-webkit-transform:perspective(600px) rotateX(10deg);
	-moz-transform:perspective(600px) rotateX(10deg);
	-ms-transform:perspective(600px) rotateX(10deg);
	-o-transform:perspective(600px) rotateX(10deg);
	transform:perspective(600px) rotateX(10deg);
	-webkit-transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
	-moz-transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
	-o-transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
	transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63)
}
body>nav li {
	list-style:none;
	text-align:center
}
body>nav li a {
	padding:8px 0 0;
	width:100%;
	display:block;
	letter-spacing:-0.06em
}
body>nav li a:hover {
	background:#fff
}
body>nav li a:focus {
	outline:0
}
body>nav.solid {
	height:80px;
	padding-top:0
}
body>nav.solid .bar {
	margin-top:-20px;
	background-color:#0080C8;
	background-color:rgba(0,128,200,0.9)
}
body>nav.solid #logo {
	background-image:url("../images/logo_white.png")
}
body>nav.solid #toggle .patty {
	background:#fff
}
body>nav.solid #toggle .patty:before {
	background:#fff
}
body>nav.solid #toggle .patty:after {
	background:#fff
}
body>nav.open {
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
	height:100%
}
body>nav.open .bar {
	margin-top:0px;
	background:none
}
body>nav.open #logo {
	background-image:url("../images/logo_white.png") !important
}
body>nav.open .patty {
	background:none !important
}
body>nav.open .patty:after {
	top:0 !important;
	background:#fff !important;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
body>nav.open .patty:before {
	top:0 !important;
	background:#fff !important;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
body>nav.open .nav-background {
	background-color:#ccc !important;
	/*background-color:rgba(217,40,130,0.9) !important*/
	background-color:rgba(0,128,200,0.9) !important
}
body>nav.open ul {
	top:0;
	visibility:visible;
	opacity:1;
	margin-top:0;
	-webkit-transform:perspective(600px) rotateX(0deg);
	-moz-transform:perspective(600px) rotateX(0deg);
	-ms-transform:perspective(600px) rotateX(0deg);
	-o-transform:perspective(600px) rotateX(0deg);
	transform:perspective(600px) rotateX(0deg)
}
body>nav.closing {
	height:100%
}
body>nav.closing ul {
	top:10%;
	visibility:visible;
	opacity:0;
	-webkit-transform:perspective(600px) rotateX(-10deg);
	-moz-transform:perspective(600px) rotateX(-10deg);
	-ms-transform:perspective(600px) rotateX(-10deg);
	-o-transform:perspective(600px) rotateX(-10deg);
	transform:perspective(600px) rotateX(-10deg);
	-webkit-transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);
	-moz-transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);
	-o-transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);
	transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1)
}
body>nav.hide-it {
	margin-top:-80px
}
footer {
	clear:both;
	background:#2a2a2a;
	z-index:100
}
footer .container {
	font-family:"微软雅黑","黑体",sans-serif;
	line-height:1;
	font-size:11px;
	padding:80px 0 40px;
	text-align:center
}
footer #H-logo {
	display:inline-block;
	width:100px;
	height:44px;
    background: url(../images/hl-logo.png)  50% 50% no-repeat;	/*background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAiCAYAAABBY8kOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNpi+E8YbABiBgJ4AyFDmBjoBEYtGrVo1KJRizABCxFqRIDYgQg1eAEjqMCjh49GLRq1aIRbdBSIawioaQFia0pLhjdAfIAINaOl96hFoxaNWjRYLQIIMABdEogcjpWdDQAAAABJRU5ErkJggg==") 50% 50% no-repeat;*/
	text-decoration:none
}
footer #H-logo:hover {
	/*background-color:#0080C8*/
	background: url(../images/hl-logo-.png)  50% 50% no-repeat;
}
footer p {
	letter-spacing:-0.06em;
	font-size:1.4em;
	color:#999;
	margin-top:16px
}
footer sup {
	font-size:0.5em;
	vertical-align:super
}
footer #meta {
	margin-top:60px;
	border-top:1px solid #333;
	padding-top:36px;
	font-family:Arial, sans-serif;
	font-size:11px;
	height:64px
}
footer #meta span {
	float:left;
	color:#999
}
footer #meta a {
	float:right;
	color:#999;
	text-align:right;
	margin-left:40px;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease
}
footer #meta a:hover {
	color:#fff;
	opacity:1 !important
}
footer #meta a .social {
	display:none;
	background-color:transparent;
	width:64px;
	height:64px;
	margin:0;
	top:-24px
}
@media (min-width: 0) and (max-width: 656px) {
footer .container {
	font-size:12px;
	padding:50px 40px 30px
}
footer #meta {
	padding:60px 0;
	font-size:17px
}
footer #meta a {
	display:none
}
footer #meta a.swap {
	display:block;
	width:64px;
	margin-left:20px;
	text-indent:-999em;
	text-align:left
}
footer #meta a.swap .social {
	display:inline-block
}
}
@media (min-width: 657px) and (max-width: 977px) {
footer {
	font-size:10px
}
footer #meta a {
	display:none
}
footer #meta a.swap {
	display:block;
	width:64px;
	margin-left:20px;
	text-indent:-999em;
	text-align:left
}
footer #meta a.swap .social {
	display:inline-block
}
}
.tile {
	float:left;
	/*width:310px;
	height:310px; 
	margin-left:10px;间隙
	margin-bottom:10px; */ 
	
	width:320px;
	height:320px;
	overflow:hidden;
	list-style:none;
	
}
.tile a {
	height:100%;
	display:block
}
.tile.image {
	font:40px "微软雅黑","黑体",sans-serif;
}
.tile.work {
	font:40px "微软雅黑","黑体",sans-serif;
}
.tile.work figcaption {
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-o-transform:scale(1.3);
	transform:scale(1.3);
	-webkit-transition:-webkit-transform 0.4s;
	-moz-transition:-moz-transform 0.4s;
	-o-transition:-o-transform 0.4s;
	transition:transform 0.4s
}
.tile.work img {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
.tile.work figure:hover figcaption {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
.tile.work figure:hover img {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05)
}
.tile.quote {
	background:#0080C8;
	font:32px "微软雅黑","黑体",sans-serif;
}
.tile.quote .center span {
	text-align:left
}
.tile.quote small {
	display:inline-block;
	font-size:0.5em;
	top:10px
}
.tile.quote em {
	font-family:"微软雅黑","黑体",sans-serif;
}
.tile.fact {
	font:24px "微软雅黑","黑体",sans-serif;
}
.tile.fact em {
	font:100px/0.8 "微软雅黑","黑体",sans-serif;
}
.tile.fact figure img {
	opacity:1 !important;
	filter:alpha(opacity=100)
}
.tile.fact figure figcaption {
	opacity:1
}
.tile.text {
	height:480px;
	background:#fff
}
.tile.text .eyebrow {
	margin-bottom:32px;
	color:#777
}
.tile.text h5 {
	font:28px/36px "微软雅黑","黑体",sans-serif;
}
.tile.text a {
	display:block;
	height:100%;
	padding:50px 40px
}
.tile.text a:hover {
	background:#0080C8;
	color:#fff
}
.tile.text a:hover .eyebrow, .tile.text a:hover b {
	color:#fff
}
.tile.time {
	background:#333 !important;
	text-align:center
}
.tile.time .clock {
	display:inline-block
}
.tile.time .clock .minute, .tile.time .clock .hour {
	background:#fff
}
.tile.time .analog.clock {
	margin-top:60px;
	width:160px;
	height:160px
}
.tile.time .hand {
	background:#fff
}
.tile.video {
	background:#000
}
.tile.video .popout {
	-webkit-perspective:1
}
.tile.video .popout.engage .play {
	top:50%;
	margin-top:50px
}
.tile.video video {
	min-height:320px
}
.tile.video .close {
	right:28px
}
.tile figure {
	height:100%;
	background:#0072ff;/*修改鼠标移动色彩*/
	
}
.tile figure figcaption {
	opacity:0
}
.tile figure img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s
}
.tile figure:hover figcaption {
	opacity:1
}
.tile figure:hover img, .tile figure:hover canvas {
	opacity:0.3
}
.tile figure span {
	text-align:center;
	letter-spacing:-0.06em
}
@media (min-width: 0) and (max-width: 639px) {
#mosaic figure .center {
	vertical-align:bottom;
	text-align:left
}
}
@media (min-width: 640px) and (max-width: 977px) {
#mosaic .tile.quote {
	font:28px "微软雅黑","黑体",sans-serif;
}
}
@media (min-width: 1297px) {
#mosaic .tile.time .analog.clock {
	margin-top:92px
}
}




#offices .container {
	padding:80px 0
	
}
#offices ul {
	font-size:0;
	/*width:860px;
	margin:auto;*/
}
#offices li {
	/*float:left; 
	margin-left:10px;*/
	display:inline-block;
	text-align:center
}
#offices  a {
	font-family:"微软雅黑","黑体",sans-serif;
	display:block;
	font-size:20px;
	letter-spacing:-0.02em;
	/*padding-top:48px;*/
	width:160px;
	height:160px
}
#offices a .time {
	color:#999;
	font:16px "微软雅黑","黑体",sans-serif;
}
#offices a:hover {
	
	/*background:#0080C8;*/
	text-decoration:none;
	color:#fff
}
#offices a:hover span {
	color:#fff
}
#offices span {
	display:block
}
@media (min-width: 0) and (max-width: 656px) {
#offices .container {
	padding: 0 0 80px 0;
	
	
}
#offices li {
	float:left
}
#offices a {
	font-size:64px;
	width:320px;
	height:320px;
	padding-top:106px;

	
	
}

#offices a img { width:250px; height:250px;}


#offices a .time {
	font-size:24px
}
}


@media (min-width: 977px) and (max-width: 1296px) {
	
	#offices ul {
	font-size:0;
	width:640px;
	margin:auto;
}
#offices .container {
	
	text-align:center;
	
}
}





#more {
	background:#fff
}
#more li {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:40px;
	background-color:#0080C8;
	color:#fff;
	float:left;
	margin:0;
	width:320px;
	height:320px
}
#more li:nth-child(2) {
	background-color:#e00085
}
#more li a:hover {
	color:#fff;
	background:none
}
#more h2 {
	color:#000;
	text-align:center
}
#more h2:after {
	font-size:40px
}
#more h4, #more .tile.text time, .tile.text #more time, #more h5 {
	font-size:32px
}
#more .eyebrow {
	display:block;
	margin-bottom:32px;
	color:#fff
}
#more .eyebrow b {
	color:#fff
}
#more .container {
	padding:0
}
#more nav {
	display:none
}
#more #mosaic li {
	float:none
}
@media (min-width: 0) and (max-width: 656px) {
#more {
	padding-bottom:92px
}
#more li {
	width:100%;
	height:450px;
	float:none;
	margin:0;
	padding-top:60px
}
#more .carousel {
	padding:0
}
#more .carousel .arrow {
	display:none
}
#more nav {
	display:block;
	bottom:0
}
#more nav span {
	text-shadow:none;
	background:#b3006a
}
#more nav span.active {
	border-color:#fff;
	background:transparent
}
#more h4, #more .tile.text time, .tile.text #more time {
	font-size:48px
}
#more h4:after, #more .tile.text time:after, .tile.text #more time:after {
	display:none
}
#more .eyebrow {
	font-size:22px
}
}
@media (min-width: 657px) and (max-width: 977px) {
#more h4, #more .tile.text time, .tile.text #more time, #more h5 {
	font-size:24px
}
#more li:nth-child(3) {
	display:none !important
}
}
@media (min-width: 1297px) {
#more li {
	width:33.33333%;
	height:400px
}
}
#projects nav span, .carousel nav span {
	cursor:pointer;
	display:inline-block;
	background-color:#bbb;
	border-color:#bbb;
	border:2px solid transparent;
	height:12px;
	width:12px;
	border-radius:50%;
	margin:0 3px;
	-moz-background-clip:content;
	-webkit-background-clip:content;
	background-clip:content-box;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s
}
.carousel {
	margin-bottom:78px
}
.carousel .slides {
	overflow:hidden;
	position:relative
}
.carousel .slides .carousel-wrap {
	white-space:nowrap;
	font-size:0;
	-webkit-transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1);
	-moz-transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1);
	-o-transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1);
	transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1)
}
.carousel .slides .carousel-wrap>li {
	width:100%;
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	margin:0 10px;
	font-size:16px
}
.carousel .slides .carousel-wrap>li:first-child {
	margin-left:0
}
.carousel nav {
	position:absolute;
	height:78px;
	bottom:-78px;
	left:0;
	width:100%;
	padding:32px;
	text-align:center
}
.carousel nav span.active {
	border-color:#333;
	background-color:transparent
}
.carousel img {
	max-width:100%
}
.carousel .prev, .carousel .next {
	position:absolute;
	width:20%;
	height:100%;
	top:0;
	z-index:100
}
.carousel .prev:hover .button, .carousel .next:hover .button {
	opacity:0.75
}
.carousel .prev {
	left:0
}
.carousel .prev .button {
	left:-40px
}
.carousel .next {
	right:0
}
.carousel .next .button {
	right:-40px
}
.carousel .button {
	position:absolute;
	top:50%;
	margin-top:-40px;
	width:80px;
	height:80px;
	line-height:80px;
	font-size:24px;
	background:#0080C8;
	opacity:0
}
.carousel .button:hover {
	opacity:1 !important
}
.carousel.inverted .button {
	background:#393C3C;
	color:#000
}
.carousel.inverted span.active {
	border-color:#fff
}
@media (min-width: 0) and (max-width: 656px) {
.carousel {
	padding-top:40px
}
.carousel nav {
	padding:26px
}
.carousel nav span {
	width:24px;
	height:24px;
	margin:0 6px
}
.carousel .next, .carousel .prev {
	display:none
}
.carousel+.caption {
	padding:0 40px
}
}
.iPad .carousel .button {
	line-height:78px
}
@media (min-width: 0) and (max-width: 656px) {
.constrained li {
	padding:0 40px
}
}
@media (min-width: 657px) and (max-width: 977px) {
.constrained li {
	padding:0 100px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.constrained li {
	padding:0 200px
}
}
@media (min-width: 1297px) {
.constrained li {
	padding:0 200px
}
}
body.clip {
	overflow:hidden !important
}
.overlay {
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	height:0;
	width:100%;
	background:#fff;
	background:rgba(255,255,255,0.95);
	z-index:2000;
	opacity:0;
	-webkit-transition:opacity 0.4s;
	-moz-transition:opacity 0.4s;
	-o-transition:opacity 0.4s;
	transition:opacity 0.4s
}
.overlay>div {
	padding-top:0;
	opacity:0;
	-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)
}
.overlay.engage {
	overflow:auto;
	height:100%;
	opacity:1
}
.overlay.engage>div {
	padding-top:100px;
	opacity:1.0
}
.overlay.engage video {
	padding:0 40px;
	margin-bottom:40px
}
.overlay .close {
	z-index:2001;
	cursor:pointer;
	width:48px;
	height:48px;
	position:absolute;
	top:30px;
	right:80px;
	background:url("../images/close.png") 50% 50% no-repeat;
	background-size:100% 100%
}
@media (min-width: 0) and (max-width: 656px) {
.overlay .close {
	width:64px;
	height:64px;
	top:10px;
	right:10px
}
}
header .video {
	background-color:#000;
	background-size:cover;
	min-height:320px
}
header.square {
	text-align:center
}
header.square p {
	font:16px/1.5 "微软雅黑","黑体",sans-serif;
	display:inline-block;
	margin-bottom:0
}
header.square:before {
	content:'';
	display:block;
	width:320px;
	height:460px;
	border:18px solid #393c3c;
	position:absolute;
	top:72px;
	left:50%;
	margin-left:-178px
}
header.dark {
	background:#232525;
	color:#999;
	text-align:center
}
header.dark .carousel .prev .button {
	left:0
}
header.dark .carousel .next .button {
	right:0
}
header.dark h1 {
	margin:20px auto 0.2em;
	text-align:center;
	color:#fff
}
header.dark h1 a {
	display:block
}
header.dark .eyebrow {
	font:14px "微软雅黑","黑体",sans-serif;
}
header.dark .eyebrow a {
	color:#fff;
	text-transform:none;
	border-bottom:1px solid #393c3c
}
header.dark .eyebrow a:hover {
	text-shadow:0 0 4px #fff
}
header p {
	max-width:960px;
	margin:0 auto
}
@media (min-width: 0) and (max-width: 656px) {
header .carousel {
	padding-top:200px
}
header .carousel .prev, header .carousel .next {
	max-height:800px
}
header .v-center {
	height:500px
}
header h1 {
	font-size:60px
}
header.dark {
	min-height:800px
}
header.square h1 {
	font-size:64px;
	margin:30px 0 50px
}
header.square p {
	font-size:14px
}
header.square:before {
	margin-left:-203px;
	width:370px;
	height:520px;
	top:125px
}
}
@media (min-width: 657px) and (max-width: 977px) {
header .carousel {
	padding-top:90px;
	min-height:360px
}
header .v-center {
	height:500px
}
header h1 {
	font-size:60px
}
header.dark {
	min-height:500px
}
header.square h1 {
	font-size:64px;
	margin:30px 0 15px
}
header.square p {
	font-size:14px
}
header.square:before {
	margin-left:-138px;
	width:240px;
	height:360px;
	top:40px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
header .carousel {
	padding-top:108px;
	min-height:500px
}
header .v-center {
	height:320px
}
header.dark {
	min-height:500px
}
header.square h1 {
	font-size:64px;
	margin:30px 0 15px
}
header.square p {
	font-size:14px
}
header.square:before {
	margin-left:-138px;
	width:240px;
	height:360px;
	top:40px
}
}
@media (min-width: 1297px) {
header .carousel {
	padding-top:124px;
	min-height:640px
}
header .v-center {
	height:438px
}
header.dark {
	min-height:640px
}
header.square h1 {
	margin:60px 0 20px
}
}
.clock .hand-container {
	position:absolute;
	height:100%;
	width:100%;
	top:-50%;
	left:50%
}
.clock .hand {
	background:#000;
	position:absolute;
	bottom:0;
	left:0;
	width:5px;
	margin-left:-3%;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-transform-origin:bottom center;
	-moz-transform-origin:bottom center;
	-ms-transform-origin:bottom center;
	-o-transform-origin:bottom center;
	transform-origin:bottom center
}
.clock .hand.second {
	width:4px;
	margin-left:-2%;
	height:40%;
	background:#ea158e
}
.clock .hand.second:after {
	content:"";
	background:#ea158e;
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	left:-2px
}
.clock .hand.minute {
	height:40%
}
.clock .hand.hour {
	height:25%
}
.clock .tick {
	width:100%;
	height:100%;
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	-ms-transform-origin:left center;
	-o-transform-origin:left center;
	transform-origin:left center;
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg)
}
.clock .tick:before, .clock .tick:after {
	position:absolute;
	display:block;
	content:"";
	width:5%;
	height:4%;
	background:#9b9c9c
}
.clock .tick:after {
	bottom:0
}
.clock .tick.big-tick:before, .clock .tick.big-tick:after {
	height:8%
}
.clock>.tick {
	left:50%
}
#client-logos-list {
	background:#fff;
	padding:60px 0 140px;
	text-align:center
}
#client-logos-list ul {
	font-size:0
}
#client-logos-list li {
	display:inline-block;
	border-bottom:1px solid #dadada;
	width:25%;
	padding:16px 0
}
#client-logos-list li img {
	width:128px
}
#jobs ul.blocks ul {
	display:none;
	padding:0 0 40px
}
#jobs ul.blocks ul a {
	line-height:54px;
	font-size:16px
}
#jobs ul.blocks li.open ul {
	display:block
}
.detail header {
	text-align:center;
	padding:92px 0 72px;
	border-bottom:10px solid #efefef;
	height:auto;
	min-height:initial
}
.detail header span {
	font-family:"微软雅黑","黑体",sans-serif;
}
.detail header .carousel {
	padding-top:0
}
.detail aside h5 {
	line-height:1
}
.detail aside em {
	font:12px/18px "微软雅黑","黑体",sans-serif;
	color:#666;
	letter-spacing:0;
	display:block;
	margin:5px 0
}
.detail aside .meta {
	font:11px/15px Arial, sans-serif;
	list-style:none;
	margin:10px 0 32px
}
.detail aside .meta li {
	margin:5px 0
}
.detail aside .meta span {
	font-weight:bold
}
.detail aside .who {
	margin:10px 0
}
.detail aside .who li {
	margin-top:20px
}
.detail aside .who img {
	margin:0 0 12px 0;
	border-radius:50%
}
.detail aside .who h6 {
	font-size:1em;
	font-family:"微软雅黑","黑体",sans-serif;
}
.detail aside .who span {
	color:#333;
	font-size:0.6em;
	font-style:italic
}
.detail aside .black.button {
	margin-bottom:18px
}
.detail main {
	background:#f7f7f7
}
.detail main section {
	padding:72px 0
}
.detail main section h1, .detail main section h2, .detail main section h3, .detail main section h4, .detail main section .tile.text time, .tile.text .detail main section time, .detail main section h5, .detail main section h6 {
	font-family:"微软雅黑","黑体",sans-serif;
	letter-spacing:-0.06em;
	margin-bottom:0.5em
}
.detail main section h4, .detail main section .tile.text time, .tile.text .detail main section time {
	font-size:28px
}
.detail main section a {
	color:#0080C8
}
.detail main section a:hover {
	text-decoration:underline
}
.detail main section p, .detail main section ul, .detail main section ol {
	font:16px/2 "微软雅黑","黑体",sans-serif;
	margin-bottom:2em
}
.detail main section img {
	width:100%;
	margin:2em 0
}
.detail main section p.last::after {
	content:'';
	background-color:#0080C8;
	display:inline-block;
	width:11px;
	height:11px;
	margin-left:4px
}
.detail main section .formatting {
	min-height:240px
}
.detail main section .formatting .video:first-child, .detail main section .formatting .media:first-child {
	margin-top:0
}
.detail main section .formatting ul li {
	padding-left:20px
}
.detail main section .formatting ul li:before {
	content:'?';
	font-size:11px;
	top:4px
}
.detail main section .formatting ol {
	counter-reset:item
}
.detail main section .formatting ol li {
	padding-left:30px
}
.detail main section .formatting ol li:before {
	content:counters(item, ".") " ";
	counter-increment:item;
	top:0
}
.detail main section .formatting li ul, .detail main section .formatting li ol {
	margin-bottom:0
}
.detail main section .formatting li:before {
	color:#0080C8;
	position:absolute;
	left:0
}
.detail main section .formatting li li {
	margin-left:48px
}
.detail main section .formatting li li:before {
	color:#ccc
}
.detail main section.interlude {
	background:#fff;
	z-index:100
}
.detail main section.interlude img {
	margin:0
}
.detail main section.interlude .container {
	padding:0
}
.detail main section.interlude .reveal {
	height:432px;
	margin-bottom:40px;
	background-attachment:fixed;
	background-size:cover
}
.detail main section.interlude.two-tone {
	padding-bottom:0
}
.detail main section.interlude.two-tone:after {
	content:'';
	display:block;
	height:240px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	background:#f7f7f7;
	z-index:-1
}
.detail main section.interlude.inlined {
	padding:0
}
.detail main #slideshow {
	overflow:hidden
}
.detail main figcaption {
	text-align:center;
	color:#333
}
.detail main .video {
	margin:5em 0 6em
}
.detail main .media {
	height:0;
	margin:5em 0 6em;
	padding-bottom:56.25%
}
.detail main .media iframe, .detail main .media embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.detail main .media.aspect-4-3 {
	padding-bottom:75%
}
.detail #more {
	z-index:200;
	bottom:-60px;
	overflow:hidden
}
.detail #more:after {
	height:192px;
	background:#2a2a2a;/*更多案例底色*/
	width:100%;
	content:'';
	position:absolute;
	bottom:0;
	z-index:-1
}
.detail.perspective header .meta span {
	font-family:"微软雅黑","黑体",sans-serif;
}
.detail.perspective aside em {
	margin-bottom:24px
}
.detail.perspective aside .who {
	margin-top:0
}
.detail.perspective aside .who li {
	margin-top:0
}
.detail.event h1 {
	font-size:100px
}
.detail.event.passed header h1 {
	display:inline-block;
	padding:0 40px;
	color:#0080C8
}
.detail.event.passed header h1:before {
	position:absolute;
	content:'';
	left:0;
	top:40%;
	right:0;
	border:8px solid #000
}
.detail.event.passed aside em {
	text-decoration:line-through
}
.detail.event.passed aside .rsvp {
	display:none
}
@media (min-width: 0) and (max-width: 656px) {
.detail header {
	padding:140px 0 84px
}
.detail header .container {
	padding:0 40px;
	overflow:hidden
}
.detail header .carousel .slides {
	overflow:visible
}
.detail header h1 {
	font-size:72px
}
.detail header h5 {
	font-size:26px;
	margin:0
}
.detail aside {
	border-top:12px solid #ededed;
	padding:54px 0;
	line-height:1.2
}
.detail aside .container {
	padding:0 40px
}

/*.detail aside .container li {
list-style:none;
}*/

.detail aside h5 {
	margin-bottom:36px
}
.detail aside h5 span {
	font-size:22px;
	color:#000
}
.detail aside h5 span:before {
	content:'/';
	padding:0 3px
}
.detail aside .meta {
	border-top:1px solid #bcbcbc;
	font-size:22px;
	padding-top:40px;
	margin:60px 0;
	line-height:1.5
}
.detail aside .who li {
	margin-bottom:40px
}
.detail aside .who img {
	float:left;
	clear:left;
	margin:-8px 20px 0 0
}
.detail main section {
	padding-bottom:24px
}
.detail main section .formatting {
	padding:0 40px
}
.detail main section p {
	font:28px/2.2 "微软雅黑","黑体",sans-serif;
	margin-bottom:2em
}
.detail main section p.last::after {
	width:17px;
	height:17px
}
.detail main section li {
	font:28px/2.2 "微软雅黑","黑体",sans-serif;
	margin-bottom:0
}
.detail main section iframe {
	max-width:560px
}
.detail main section .slides {
	overflow:visible
}
.detail main section:first-child p:first-child::first-line {
	font-weight:bold
}
.detail #more .slides {
	overflow:hidden
}
.detail #more .tile figure img {
	opacity:0.3
}
.detail #more .tile figure figcaption {
	opacity:1
}
.detail.casestudy #more li {
	width:640px;
	height:640px
}
.detail.casestudy #more li.work {
	padding:0
}
.detail.event aside .meta {
	border-top:0;
	margin:30px 0 60px;
	padding:0
}
.detail.event aside ul {
	font-size:40px
}
.detail.event aside h5 {
	font-size:44px
}
}
@media (min-width: 657px) and (max-width: 977px) {
.detail header {
	padding-bottom:40px
}
.detail header h1 {
	margin-bottom:0.4em
}
.detail header h5 {
	font-size:15px;
	margin:0
}
.detail aside {
	padding:48px 0 24px;
	border-top:12px solid #ededed
}
.detail aside .container {
	padding:0 40px
}
.detail aside .meta {
	font-size:14px;
	margin-top:16px
}
.detail aside .actions {
	position:absolute;
	top:0;
	right:0;
	width:260px
}
.detail aside h5 span:before {
	content:'/';
	padding:0 3px
}
.detail aside .who li {
	float:left;
	width:50%
}
.detail main section .formatting {
	padding:0 40px
}
.detail main section.interlude {
	padding:70px 0
}
.detail main section.interlude.two-tone:after {
	height:120px
}
.detail figcaption {
	font-size:17px
}
.detail q {
	margin-left:0;
	margin-right:0
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.detail aside {
	width:100%;
	position:absolute;
	top:0;
	left:0
}
.detail aside .container {
	height:0px;
	overflow:visible;
	padding:75px 0 0 800px
}
.detail main section .container .formatting {
	padding:0 200px 0 80px
}
.detail main section.interlude.two-tone:after {
	height:180px
}
}
@media (min-width: 1297px) {
.detail aside {
	width:100%;
	position:absolute;
	top:0;
	left:0
}
.detail aside .container {
	height:0px;
	overflow:visible;
	padding:92px 0 0 1060px
}
.detail section .container {
	padding:0 80px
}
.detail section .container .formatting {
	padding:0 240px 0 80px
}
.detail main {
	padding-top:14px
}
.detail .image img {
	width:100%;
	height:auto
}
.detail figcaption {
	padding:0 160px
}
.detail.casestudy aside em {
	display:block;
	font-size:14px
}
.detail.casestudy #more .work figcaption {
	padding:0
}
.detail.perspective header .container {
	padding:0 240px
}
.detail.perspective header h5, .detail.perspective header h5+span {
	display:none
}
}
.detail #share {
	text-align:center
}
.detail #share>div {
	text-align:center;
	display:inline-block
}
.detail #share>div h5 {
	font-family:"Galaxie";
	font-size:26px;
	padding-bottom:46px;
	margin-bottom:32px
}
.detail #share>div li {
	display:inline-block;
	width:112px;
	padding:0 24px;
	color:#999;
	font-size:12px;
	border-left:1px solid #dadada
}
.detail #share>div li:first-child {
	border:none
}
.detail #share>div h6 {
	color:#000
}
.detail #share>div a:hover h6 {
	color:#0080C8
}
.detail #share>div .share-url {
	padding-top:40px;
	display:inline-block;
	width:529px
}
.detail #share>div .share-url span {
	background-position:0 50%;
	height:70px;
	line-height:70px
}
.detail #share>div input {
	width:383px
}
.detail #share>div .zeroclipboard-is-hover {
	background-color:#0080C8
}
@media (min-width: 0) and (max-width: 656px) {
.detail #share>div h1 {
	font-size:50px;
	margin-bottom:1.5em
}
.detail #share>div h6, .detail #share>div .share-url, .detail #share>div .shares {
	display:none
}
.detail #share>div li {
	border:0;
	margin:18px 30px 18px;
	width:auto;
	padding:0
}
.detail #share>div li .social {
	width:128px;
	height:128px
}
.detail #share>div.engage {
	padding-top:124px
}
}
@media (min-width: 657px) and (max-width: 977px) {
.detail #share>div .share-url {
	display:none
}
}
@media (min-width: 1297px) {
.detail #share>div {
	width:800px;
	height:500px
}
.detail #share>div li {
	border-left:1px solid #dadada
}
}
#bio {
	padding-top:120px;
	padding-bottom:80px;
	margin:0
}
#bio h1 {
	margin:0;
	font-size:68px
}
#bio h2 {
	font:33px "微软雅黑","黑体",sans-serif;
	color:#999;
	margin-bottom:45px
}
#bio .details {
	float:left;
	color:#333;
	font-size:16px;
	line-height:1.9
}
#bio .photo {
	float:right;
	height:400px;
	overflow:hidden;
	margin:160px 0 40px
}
#bio .photo img {
	display:block;
	margin-bottom:32px;
	max-width:100%
}
#bio .actions {
	margin:40px 0 60px
}
#bio .actions h5 {
	font-family:"微软雅黑","黑体",sans-serif;
}
#bio .actions .social {
	width:40px;
	height:40px;
	margin-right:20px
}
#bio .actions .button {
	height:40px;
	line-height:40px;
	margin:10px 0 5px;
	width:140px !important;
	background:#232525
}
#bio .actions .button span {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
@media (min-width: 0) and (max-width: 656px) {
#bio .container {
	padding:0 40px
}
#bio .details {
	font-size:28px
}
#bio .photo {
	display:none
}
#bio .actions h5 {
	margin:86px 0 32px;
	font-size:40px
}
#bio .actions .social {
	width:84px;
	height:84px;
	margin-right:36px
}
#bio .actions .button {
	display:none
}
}
@media (min-width: 657px) and (max-width: 977px) {
#bio .photo {
	margin-top:0;
	float:none;
	height:500px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
#bio .container {
	width:960px
}
#bio .details {
	float:left;
	width:480px
}
#bio .photo {
	float:right;
	width:384px
}
#bio .photo img {
	width:100%
}
#bio .actions {
	margin-top:60px
}
}
@media (min-width: 1297px) {
#bio .details {
	float:left;
	width:850px
}
#bio .photo {
	float:right;
	width:384px
}
#bio .photo img {
	width:100%
}
#bio .actions {
	margin-top:60px
}
}
#more .carousel .slides .carousel-wrap {
	text-align:center
}
#more .carousel .slides .carousel-wrap>li {
	float:none;
	text-align:left
}
.overlay #more {
	background-color:#f7f7f7;
	padding-bottom:100px;
	padding-top:90px;
	margin:0
}
#capability {
	padding-top:120px;
	padding-bottom:80px
}
#capability h1 {
	margin-bottom:1em
}
#capability h5 {
	font-family:inherit
}
#capability p {
	font-size:16px;
	line-height:2em;
	margin-bottom:2em
}
#capability .container div {
	margin:32px 0
}
#capability li {
	list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNpi/P//P8Nbxt5yBgYGJSCuYAFyjIGMDgYIuMcIVbEbqsIVIMAAmDEOPjb0WhYAAAAASUVORK5CYII=");
	padding-left:20px;
	margin-left:16px;
	line-height:2em
}
@media (min-width: 0) and (max-width: 656px) {
#capability .container {
	padding-left:40px;
	padding-right:40px
}
#capability .container div+div {
	display:none
}
#capability p, #capability h5 {
	font-size:28px
}
#capability li {
	font-size:22px
}
}
@media (min-width: 657px) and (max-width: 977px) {
#capability .container {
	padding-left:40px;
	padding-right:40px
}
#capability li {
	font-size:13px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
#capability .container {
	padding-left:80px;
	padding-right:80px
}
#capability .container div {
	width:50%
}
}
@media (min-width: 1297px) {
#capability .container {
	padding-left:160px;
	padding-right:160px
}
#capability .container div {
	width:50%;
	float:left
}
#capability h2 {
	padding-right:33%
}
}
.homepage.gallery {
	overflow:hidden;
	height:100%
}
.homepage.gallery.Android {
	overflow:visible !important
}
.homepage.gallery.Android .slide {
	-webkit-transform:none !important
}
.homepage.gallery #projects {
	height:100%
}
.homepage.gallery #projects .slide {
	position:absolute;
	background-attachment:fixed;
	height:0;
	-webkit-transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);
	-moz-transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);
	-o-transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);
	transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0)
}
.homepage.gallery #projects .slide.no-animation {
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-o-transition:none !important;
	transition:none !important
}
.homepage.gallery #projects .slide.active {
	height:100%
}
.homepage.gallery #projects nav {
	opacity:1;
	display:block
}
.homepage.shifted #projects nav {
	opacity:0
}
.homepage.shifted #wrap {
	top:-100%
}
.homepage #wrap {
	top:0;
	width:100%;
	height:100%;
	-webkit-transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1)
}
.homepage #projects {
	width:100%
}
.homepage #projects .slide {
	overflow:hidden;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position: center  75px; 
	background-size:auto 90%
}
.homepage #projects .slide:nth-child(1) {
	z-index:10
}
.homepage #projects .slide:nth-child(2) {
	z-index:9
}
.homepage #projects .slide:nth-child(3) {
	z-index:8
}
.homepage #projects .slide:nth-child(4) {
	z-index:7
}
.homepage #projects .slide:nth-child(5) {
	z-index:6
}
.homepage #projects .slide:nth-child(6) {
	z-index:5
}
.homepage #projects .slide:nth-child(7) {
	z-index:4
}
.homepage #projects .slide:nth-child(8) {
	z-index:3
}
.homepage #projects .slide:nth-child(9) {
	z-index:2
}
.homepage #projects .slide:nth-child(10) {
	z-index:1
}
/*文字*/
.homepage #projects .slide .bannerwenzi{
	position:absolute;
	bottom:200px;
	left:50%;
	width:100%;
    margin-left: -50%;
    text-align:center;
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:50px;
	color:#403D3C;
}
/*文字*/

.homepage #projects .slide .copy {
	position:absolute;
	bottom:220px;
	
	
	/*left:50%;
	width:980px;
    margin-left: -490px;*/
	
	width:100%;
	padding:0 30px;
	text-align:center;
   
	
	
	opacity:0;
	-webkit-transform:translateY(-50px);
	-moz-transform:translateY(-50px);
	-ms-transform:translateY(-50px);
	-o-transform:translateY(-50px);
	transform:translateY(-50px);
	-webkit-transition:-webkit-transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1), opacity 1s;
	-moz-transition:-moz-transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1), opacity 1s;
	-o-transition:-o-transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1), opacity 1s;
	transition:transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1), opacity 1s
}
.homepage #projects .slide .copy a {
	display:block
}
.homepage #projects .slide .copy h2 {
	font-family:"微软雅黑","黑体",sans-serif;
	
	font:68px/72px ;
	letter-spacing:-0.06em;
	margin-bottom:12px
}
.homepage #projects .slide .copy h2 span {
	display:inline-block
}
.homepage #projects .slide .copy p {
	font-family:"微软雅黑","黑体",sans-serif;
	font:22px/32px ;
	color:#666
}
.homepage #projects .slide .copy.light {
	color:#000
}
.homepage #projects .slide .copy.light p {
	color:#000
}
.homepage #projects .slide .arrow {
	color:#0080C8;
	font-size:30px;
	line-height:26px;
	vertical-align:text-bottom
}
.homepage #projects .slide.active .copy {
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
.homepage #projects nav {
	position:absolute;
	right:24px;
	top:40%;
	width:18px;
	z-index:100;
	display:none;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s
}
.homepage #projects nav span {
	margin-bottom:20px
}
.homepage #projects nav span.active {
	background-color:transparent;
	border-color:#888
}
.homepage #projects nav span.mosaic-link {
	background-color:#F5D800
}
.homepage #projects button {
	display:none;
	cursor:pointer;
	position:absolute;
	bottom:0;
	width:100%;
	height:50px;
	background:transparent;
	text-align:center;
	border:0;
	outline:0;
	z-index:100;
	color:#bbb;
	-webkit-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1)
}
.homepage #projects button span {
	-webkit-transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
	display:inline-block;
	font:36px "微软雅黑","黑体",sans-serif !important;
	font-weight:bold;
	top:-18px
}
.homepage #projects button:hover {
	background:#0080C8
}
.homepage #projects button:hover span {
	top:0;
	color:#fff
}
.homepage #main {
	background:#f7f7f7;
	overflow:hidden
}
.homepage #main h2.welcome {
	background:#ccc;/*颜色修改*/
	font:94px/1 "微软雅黑","黑体",sans-serif;
	color:#0080C8;
	letter-spacing:-0.06em;
	text-align:center;
	height:540px
}
.homepage #main h2.welcome span {
	padding:0 40px;
	margin-top:-40px;
	position:absolute;
	display:block;
	top:50%;
	width:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.homepage #main h2.welcome em {
	font-family:"微软雅黑","黑体",sans-serif;
}
.homepage #main #mosaic {
	margin-top:-222px
}
.homepage #offices {
	margin-top:80px
}
.homepage #offices .container {
	border-top:1px solid #e1e1e1
}



@media  (min-width: 0) and (max-width: 656px) {
.homepage #projects .slide {	
     background-size:120% auto ;
	
}

.homepage #projects .slide .copy {
	bottom:0;
	padding:0 10px
}
.homepage #projects.landscape {
	height:360px
}
.homepage #projects.landscape .copy h2 {
	font-size:32px;
	line-height:30px
}
.homepage #projects.landscape .copy p {
	font-size:10px
}
}




@media  (min-width: 657px) and (max-width: 977px) {
.homepage  #projects .slide {
      background-size: auto 80%
}
.homepage #projects .slide .copy {
	bottom:20px
}
.homepage #projects button {
	display:none
}
.homepage #projects .container {
	padding:0 96px
}
.homepage #offices {
	background:#fff
}
.homepage #offices .container {
	border:0
}
}



@media (min-width: 977px) and (max-width: 1296px) {
	
.homepage #projects .slide {
	background-size: auto 95%
}

.homepage #projects .slide .copy {
	bottom:70px
}
.homepage #projects button {
	display:block
}
}




@media  (min-width: 1297px) {
.homepage #projects .slide {
	background-size:auto 100%
}
.homepage #projects .slide .copy {
	left:70%;
	width:300px;
	text-align:left
}
.homepage #projects .slide .copy h2 span {
	display:block
}
.homepage #projects button {
	display:block
}
}





/*@media only screen and (min-width: 560px) and (max-device-width: 1136px) {

/* iPhone 5 CSS */		
 /* .homepage #projects .slide {
   background-size: 100% auto 
   }

}*/
		
		

	











.homepage.touch-device.gallery #projects nav span {
	border-color:#bbb
}
.homepage.touch-device.gallery #projects nav span.mosaic-link {
	border-color:#ee5eb6
}
.homepage.touch-device.gallery #main h2.welcome span {
	margin-top:-80px
}
.aboutuspage {
	background-color:#f7f7f7;
	text-align:center
}
.aboutuspage header h1 {
	font-size:300px
}
.aboutuspage header .video:not(.teaser)+h1 {
	display:none
}
.aboutuspage header h5 {
	position:absolute;
	top:50%;
	margin-top:160px;
	text-align:center;
	width:100%;
	color:#fff;
	font-family:"微软雅黑","黑体",sans-serif;
}
.aboutuspage section {
	margin-bottom:150px
}
.aboutuspage #what-we-do {
	font-size:18px
}
.aboutuspage #what-we-do .container {
	background-color:#f7f7f7;
	padding-top:48px;
	margin-top:116px;
	-webkit-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1)
}
.aboutuspage #what-we-do h4, .aboutuspage #what-we-do .tile.text time, .tile.text .aboutuspage #what-we-do time {
	margin-bottom:0.5em
}
.aboutuspage #what-we-do .strengths {
	color:#ccc;
	margin-bottom:4em
}
.aboutuspage #what-we-do .strengths li {
	background-color:#232525
}
.aboutuspage #what-we-do .strengths h4, .aboutuspage #what-we-do .strengths .tile.text time, .tile.text .aboutuspage #what-we-do .strengths time {
	color:#fff
}
.aboutuspage #what-we-do #capabilities li {
	text-align:center;
	color:#999;
	margin-bottom:4px
}
.aboutuspage .scroll #what-we-do .container {
	margin-top:-18px;
	padding-top:0
}
.aboutuspage #leadership {
	text-align:center
}
.aboutuspage #leadership ul {
	padding-top:32px;
	width:100%;
	margin:0 auto
}
.aboutuspage #leadership li {
	float:left;
	width:50%
}
.aboutuspage #leadership li:nth-child(2n+1) {
	clear:left
}
.aboutuspage #leadership p {
	color:#0080C8;
	font:22px "微软雅黑","黑体",sans-serif;
	margin:0
}
.aboutuspage #leadership span {
	font-family:Arial, sans-serif
}
.aboutuspage #office-map {
	background-color:#fff;
	padding:120px 0;
	text-align:center;
	font-size:0;
	margin-bottom:0
}
.aboutuspage #office-map ul {
	margin-top:480px
}
.aboutuspage #office-map .clock {
	width:60px;
	height:60px;
	margin:40px auto 10px
}
.aboutuspage #office-map .clock .hand {
	width:2px
}
.aboutuspage #office-map .clock .hand.second {
	width:1px
}
.aboutuspage #office-map .clock:hover .tick {
	-webkit-transform:rotate(390deg);
	-webkit-transition:9s ease-in-out
}
.aboutuspage #office-map li {
	display:inline-block;
	overflow:hidden;
	height:262px;
	width:228px
}
.aboutuspage #office-map li a {
	display:block
}
.aboutuspage #office-map li .name {
	margin-bottom:10px
}
.aboutuspage #office-map li .number, .aboutuspage #office-map li .email {
	display:block;
	color:#999999;
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:13px
}
.aboutuspage #office-map li .number {
	margin-bottom:15px
}
.aboutuspage #office-map li:hover .name, .aboutuspage #office-map li:hover .number, .aboutuspage #office-map li:hover .email {
	color:#fff
}
.aboutuspage #office-map li:hover .clock .tick:before, .aboutuspage #office-map li:hover .clock .tick:after, .aboutuspage #office-map li:hover .clock .hand {
	background:#fff
}
.aboutuspage .overlay {
	text-align:left;
	-webkit-overflow-scrolling:touch
}
.aboutuspage .overlay>nav {
	position:absolute;
	width:50px;
	top:92px;
	right:80px;
	padding-top:12px;
	border-top:1px solid #dadada;
	font-size:32px;
	text-align:center;
	color:#0080C8;
	cursor:pointer;
	z-index:100
}
.aboutuspage .overlay>nav .disabled {
	opacity:0.3
}
.aboutuspage .overlay #display {
	opacity:1;
	-webkit-transform:translateZ(0);
	-webkit-transition:opacity ease-in;
	-webkit-transition-delay:0.5s;
	-moz-transition:opacity ease-in 0.5s;
	-o-transition:opacity ease-in 0.5s;
	transition:opacity ease-in 0.5s
}
.aboutuspage .overlay #display.faded {
	opacity:0
}
@media (min-width: 0) and (max-width: 656px) {
.aboutuspage h3.typed, .aboutuspage .detail main figcaption, .detail main .aboutuspage figcaption {
	padding:0 40px
}
.aboutuspage.touch-device header .video {
	height:640px
}
.aboutuspage header h1 {
	font-size:240px
}
.aboutuspage #what-we-do {
	font-size:20px
}
.aboutuspage #what-we-do .container {
	margin-top:36px
}
.aboutuspage #what-we-do .strengths .video {
	height:360px
}
.aboutuspage #what-we-do .strengths .copy {
	padding:50px 50px 80px
}
.aboutuspage #office-map {
	background:none !important
}
.aboutuspage #office-map .clock, .aboutuspage #office-map .email, .aboutuspage #office-map .number {
	display:none
}
.aboutuspage #office-map h4, .aboutuspage #office-map .tile.text time, .tile.text .aboutuspage #office-map time {
	line-height:320px;
	font-size:64px
}
.aboutuspage #office-map ul {
	margin-top:48px
}
.aboutuspage #office-map li {
	width:320px;
	height:320px;
	background-size:cover;
	background-position:0px 100%
}
.aboutuspage .overlay>nav {
	display:none
}
}
@media (min-width: 657px) and (max-width: 977px) {
.aboutuspage header h1 {
	font-size:200px
}
.aboutuspage #what-we-do .container {
	margin-top:36px
}
.aboutuspage #what-we-do .strengths li {
	height:680px
}
.aboutuspage #what-we-do .strengths .video {
	height:360px
}
.aboutuspage #what-we-do .strengths .copy {
	padding:60px
}
.aboutuspage #office-map {
	background-position:10% 120px
}
.aboutuspage #office-map li {
	width:160px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.aboutuspage h3.typed, .aboutuspage .detail main figcaption, .detail main .aboutuspage figcaption {
	padding:0 180px 32px
}
.aboutuspage #what-we-do .strengths li {
	width:50%;
	height:480px;
	float:left
}
.aboutuspage #what-we-do .strengths h4, .aboutuspage #what-we-do .strengths .tile.text time, .tile.text .aboutuspage #what-we-do .strengths time {
	font-size:32px
}
.aboutuspage #what-we-do .strengths .copy {
	font-size:0.85em;
	padding:48px
}
.aboutuspage #what-we-do .capabilities li {
	width:50%;
	float:left
}
.aboutuspage #office-map {
	background-position:50% 120px
}
}
@media (min-width: 1297px) {
.aboutuspage h3.typed, .aboutuspage .detail main figcaption, .detail main .aboutuspage figcaption {
	padding:0 280px 32px
}
.aboutuspage #what-we-do .strengths {
	margin-bottom:120px
}
.aboutuspage #what-we-do .strengths li {
	width:50%;
	height:640px;
	float:left
}
.aboutuspage #what-we-do .strengths .copy {
	padding:60px
}
.aboutuspage #what-we-do .capabilities li {
	width:50%;
	float:left
}
.aboutuspage #leadership ul {
	width:960px
}
.aboutuspage #leadership li {
	width:320px
}
.aboutuspage #leadership .block {
	padding:40px 10px
}
.aboutuspage #leadership li:nth-child(2n+1) {
	clear:none
}
.aboutuspage #leadership li:nth-child(3n+1) {
	clear:left
}
.aboutuspage #office-map {
	background-position:50% 120px
}
}
#how-we-work {
	padding-top:80px;
	background-color:#000
}
#how-we-work h1 {
	color:#fff
}
#how-we-work #process {
	background:#000;
	text-align:left
}
#how-we-work #process .panel {
	height:540px;
	padding-top:200px;
	border-bottom:1px solid #666
}
#how-we-work #process li {
	font-size:18px;
	color:#a8abad
}
#how-we-work #process h4, #how-we-work #process .tile.text time, .tile.text #how-we-work #process time {
	color:#fff
}
#how-we-work .ref {
	top:50%;
	left:50%;
	position:absolute
}
#how-we-work #panel1 {
	z-index:5;
	background:#000 url("../images/process-1.png") 50% 50% no-repeat
}
#how-we-work #panel2 {
	z-index:4;
	background:#000 url("../images/process-2.png") 50% 50% no-repeat
}
#how-we-work #panel5 {
	z-index:1;
	background:#000 url("../images/process-4.png") 50% 50% no-repeat
}
#how-we-work #title2 span {
	color:#0080C8
}
#how-we-work #title3 {
	padding-top:30px;
	text-align:center
}
@media (min-width: 0) and (max-width: 656px) {
#how-we-work #process {
	text-align:center
}
#how-we-work #process .prev, #how-we-work #process .next {
	display:none
}
#how-we-work #process .panel {
	height:760px;
	padding:50px
}
#how-we-work #process .panel li {
	font-size:24px;
	color:#a8abad;
	list-style:disc;
	list-style-position:inside;
	margin-bottom:8px
}
#how-we-work #process h4, #how-we-work #process .tile.text time, .tile.text #how-we-work #process time {
	font-size:48px
}
#how-we-work #process .typed {
	font-size:26px
}
#how-we-work #panel1, #how-we-work #panel2 {
	background-position:50% 35%
}
#how-we-work #benefits1, #how-we-work #benefits2 {
	top:60%
}
#how-we-work #partner1 {
	margin:-118px 0 0 64px
}
#how-we-work #row1 {
	margin:-150px 0 0 -61px
}
#how-we-work #row2 {
	margin:-118px 0 0 -103px
}
#how-we-work #panel5 {
	background:#000 url("../images/process-4a.png") 50% 50% no-repeat
}
#how-we-work #title3 {
	display:none
}
#how-we-work #title4 {
	position:absolute;
	top:35%;
	width:540px
}
#how-we-work #title5 {
	position:absolute;
	top:60%;
	width:540px
}
#how-we-work #title6 {
	position:absolute;
	top:88%;
	width:540px
}
#how-we-work #arrow1 {
	margin:-306px 0 0 -12px;
	width:24px
}
#how-we-work #arrow2 {
	margin:-232px 0 0 40px;
	height:24px
}
#how-we-work #arrow3 {
	margin:-180px 0 0 -12px;
	width:24px
}
#how-we-work #arrow4 {
	margin:-232px 0 0 -88px;
	height:24px
}
#how-we-work #arrow5 {
	margin:-62px 0 0 -64px;
	width:128px
}
#how-we-work #arrow6 {
	margin:140px 0 0 -11px;
	width:24px
}
#how-we-work #arrow7 {
	margin:207px 0 0 32px;
	height:24px
}
#how-we-work #arrow8 {
	margin:207px 0 0 -80px;
	height:24px
}
#how-we-work #arrow9 {
	margin:80px 0 0 -236px;
	width:232px;
	-webkit-transform:rotate(90deg) !important;
	-moz-transform:rotate(90deg) !important;
	-ms-transform:rotate(90deg) !important;
	-o-transform:rotate(90deg) !important;
	transform:rotate(90deg) !important
}
}
@media (min-width: 657px) and (max-width: 977px) {
#how-we-work #process {
	text-align:center
}
#how-we-work #process .typed {
	font-size:28px
}
#how-we-work #process .panel {
	height:540px;
	padding:0
}
#how-we-work #title1, #how-we-work #title2 {
	top:40px
}
#how-we-work #benefits1, #how-we-work #benefits2 {
	top:400px
}
#how-we-work #partner1 {
	margin:-52px 0 0 68px
}
#how-we-work #row1 {
	margin:-83px 0 0 -57px
}
#how-we-work #row2 {
	margin:-51px 0 0 -99px
}
#how-we-work #panel5 {
	background-size:80% auto
}
#how-we-work #title4 {
	position:absolute;
	top:26%;
	left:10%
}
#how-we-work #arrow1 {
	margin:-82px 0 0 -224px;
	width:24px
}
#how-we-work #arrow2 {
	margin:-10px 0 0 -180px;
	height:24px
}
#how-we-work #arrow3 {
	margin:36px 0 0 -224px;
	width:24px
}
#how-we-work #arrow4 {
	margin:-10px 0 0 -299px;
	height:24px
}
#how-we-work #title5 {
	position:absolute;
	top:26%;
	left:43%
}
#how-we-work #arrow5 {
	margin:-64px 0 0 -64px;
	width:128px
}
#how-we-work #title6 {
	position:absolute;
	top:26%;
	left:76%
}
#how-we-work #arrow6 {
	margin:-74px 0 0 204px;
	width:24px
}
#how-we-work #arrow7 {
	margin:-12px 0 0 243px;
	height:24px
}
#how-we-work #arrow8 {
	margin:-12px 0 0 141px;
	height:24px
}
#how-we-work #arrow9 {
	margin:80px 0 0 -12px;
	width:232px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
#how-we-work #process .panel li {
	width:240px;
	margin-bottom:20px
}
#how-we-work #title1, #how-we-work #title2 {
	float:left
}
#how-we-work #benefits1, #how-we-work #benefits2 {
	float:right;
	list-style:disc
}
#how-we-work #title2 span {
	display:block
}
#how-we-work #partner1 {
	margin:-49px 0px 0px 67px
}
#how-we-work #row1 {
	margin:-80px 0 0 -58px
}
#how-we-work #row2 {
	margin:-49px 0 0 -100px
}
#how-we-work #title4 {
	position:absolute;
	top:80px;
	left:46px
}
#how-we-work #arrow1 {
	margin:-139px 0 0 -400px
}
#how-we-work #arrow2 {
	margin:-20px 0 0 -316px
}
#how-we-work #arrow3 {
	margin:63px 0 0 -400px
}
#how-we-work #arrow4 {
	margin:-20px 0 0 -520px
}
#how-we-work #title5 {
	position:absolute;
	top:80px;
	left:416px
}
#how-we-work #arrow5 {
	margin:-112px 0 0 -112px
}
#how-we-work #title6 {
	position:absolute;
	top:80px;
	left:788px
}
#how-we-work #arrow6 {
	margin:-124px 0 0 362px
}
#how-we-work #arrow7 {
	margin:-20px 0 0 430px
}
#how-we-work #arrow8 {
	margin:-20px 0 0 258px
}
#how-we-work #arrow9 {
	margin:100px 0 0 -20px
}
}
@media (min-width: 1297px) {
#how-we-work #process .panel {
	padding-left:80px;
	padding-right:80px
}
#how-we-work #process .panel li {
	width:240px;
	margin-bottom:20px
}
#how-we-work #title1, #how-we-work #title2 {
	float:left
}
#how-we-work #benefits1, #how-we-work #benefits2 {
	float:right;
	list-style:disc
}
#how-we-work #partner1 {
	margin:-49px 0px 0px 67px
}
#how-we-work #row1 {
	margin:-80px 0 0 -58px
}
#how-we-work #row2 {
	margin:-49px 0 0 -100px
}
#how-we-work #title4 {
	position:absolute;
	top:80px;
	left:206px
}
#how-we-work #arrow1 {
	margin:-139px 0 0 -400px
}
#how-we-work #arrow2 {
	margin:-20px 0 0 -316px
}
#how-we-work #arrow3 {
	margin:63px 0 0 -400px
}
#how-we-work #arrow4 {
	margin:-20px 0 0 -520px
}
#how-we-work #title5 {
	position:absolute;
	top:80px;
	left:576px
}
#how-we-work #arrow5 {
	margin:-112px 0 0 -112px
}
#how-we-work #title6 {
	position:absolute;
	top:80px;
	left:948px
}
#how-we-work #arrow6 {
	margin:-124px 0 0 362px
}
#how-we-work #arrow7 {
	margin:-20px 0 0 430px
}
#how-we-work #arrow8 {
	margin:-20px 0 0 258px
}
#how-we-work #arrow9 {
	margin:100px 0 0 -20px
}
}
.workpage {
	background:#f7f7f7;
	text-align:center
}
.workpage header h1 {
	padding-top:0;
	height:100%;
	font-size:90px
}
.workpage header .video:not(.teaser)+h1 {
	display:none
}
.workpage #mosaic {
	padding-bottom:80px
}
.workpage #recent-work .button {
	margin-bottom:140px
}
.workpage #client-logos-list {
	padding-top:90px
}
@media (min-width: 0) and (max-width: 656px) {
.workpage.touch-device header .video {
	height:640px
}
.workpage #client-logos-list li {
	width:33.3333%
}
}
@media (min-width: 1297px) {
.workpage #mosaic .container {
	padding:0 1px
}
.workpage #mosaic .tile {
	width:426px;
	height:426px
}
.workpage #mosaic .tile img {
	width:100%;
	height:100%
}
.workpage #mosaic .tile.quote .center span {
	padding-right:112px
}
.workpage #mosaic .tile.video video {
	min-height:427px
}
.workpage #client-logos-list li {
	width:20%
}
}
.careerspage header {
	text-align:center;
	color:#fff;
	background-position:50% 50%;
	background-size:cover;
	overflow:hidden;
	padding-top:108px
}
.careerspage header img {
	min-width:100%;
	min-height:100%;
	height:auto;
	width:auto;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:0
}
.careerspage header>span {
	z-index:5;
	font:20px "微软雅黑","黑体",sans-serif;
	position:absolute;
	top:108px;
	left:0;
	width:100%;
	text-align:center
}
.careerspage header .carousel {
	position:relative;
	z-index:4
}
.careerspage header .carousel p {
	font:22px "微软雅黑","黑体",sans-serif;
}
.careerspage header:before {
	top:160px;
	border-color:#0080C8;
	z-index:3
}
.careerspage main {
	padding-top:90px;
	background:#f7f7f7
}
.careerspage section .block span {
	font:15px "微软雅黑","黑体",sans-serif;
	color:#0080C8
}
.careerspage.department header {
	padding-top:216px;
	height:560px
}
.careerspage.department header h1 {
	font-size:112px;
	margin:0
}
.careerspage.department #jobs h2 {
	color:#000
}
.careerspage #department-subhead {
	display:none
}
.jobpage header {
	height:auto
}
.jobpage #job-description {
	display:none
}
.jobpage #job-description-content strong {
	font:32px "微软雅黑","黑体",sans-serif;
}
.jobpage #job-application {
	background:#fff
}
.jobpage #job-application-success, .jobpage #job-application-error {
	padding:40px 0
}
.jobpage #job-application-success, .jobpage #job-application-error {
	display:none
}
.jobpage #job-application-success p, .jobpage #job-application-error p {
	text-align:center
}
.jobpage #job-application-success a, .jobpage #job-application-error a {
	color:#0080C8
}
.jobpage #job-application-success h3, .jobpage #job-application-error h3, .jobpage #job-application-form h3 {
	font-size:32px;
	text-align:center
}
.jobpage #job-application-form>fieldset p {
	color:#0080C8;
	margin:0 auto 20px;
	text-align:right
}
.jobpage section h3 {
	font-family:"微软雅黑","黑体",sans-serif;
	font-size:32px;
	text-align:center
}
.jobpage label {
	display:inline-block;
	width:20%
}
.jobpage input {
	clear:left;
	width:100%;
	display:block;
	background:#f0f0f0;
	border:none;
	font-family:"微软雅黑","黑体",sans-serif;
	color:#333;
	padding:20px 32px;
	margin:0 auto 24px
}
.jobpage input.error {
	border:1px #0080C8 solid
}
.jobpage .button.black {
	padding:0 32px;
	color:#fff;
	font-family:"微软雅黑","黑体",sans-serif;
}
.jobpage .button.error {
	background:#0080C8
}
.jobpage .input-wrapper {
	float:left;
	padding:0;
	margin:0 16px 24px 0
}
.jobpage .input-wrapper span {
	margin:10px 0 0;
	display:block;
	text-align:center;
	font-size:12px;
	color:#a8abad
}
.jobpage input[type=file] {
	display:none
}
.jobpage input[type=submit] {
	-webkit-appearance:none
}
@media (min-width: 0) and (max-width: 656px) {
.careerspage header h1 {
	font-size:100px;
	line-height:normal
}
.careerspage header .carousel {
	min-height:620px
}
.careerspage header.square:before {
	top:172px
}
.careerspage section .half li {
	width:100%
}
.careerspage section .half li .block {
	padding:72px 0
}
.careerspage section .half li h4, .careerspage section .half li .tile.text time, .tile.text .careerspage section .half li time {
	font-size:60px;
	line-height:1.1
}
.careerspage section .half li span {
	font-size:26px
}
.careerspage.department #jobs .block {
	padding:64px 40px
}
.careerspage.department #jobs ul h4, .careerspage.department #jobs ul .tile.text time, .tile.text .careerspage.department #jobs ul time {
	font-size:60px
}
.careerspage.department #jobs ul span, .careerspage.department #jobs ul a {
	font-size:26px
}
.careerspage.department #jobs ul a {
	line-height:78px
}
.jobpage .input-wrapper:last-of-type {
	float:right;
	margin-right:0
}
}
@media (min-width: 657px) and (max-width: 977px) {
.careerspage header .carousel {
	padding-top:108px;
	min-height:460px
}
.careerspage header .constrained li {
	padding:0 200px
}
.careerspage.department #jobs .block {
	padding:64px 40px
}
.careerspage.department #jobs ul span, .careerspage.department #jobs ul a {
	font-size:22px
}
.careerspage.department #jobs ul a {
	line-height:64px
}
.jobpage .input-wrapper:last-of-type {
	float:right;
	margin-right:0
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.careerspage header .carousel {
	min-height:460px
}
.careerspage header .constrained li {
	padding:0 300px
}
.jobpage main .container {
	width:780px;
	padding:0 40px
}
.jobpage .button.black {
	width:auto
}
}
@media (min-width: 1297px) {
.careerspage header h1 {
	font-size:100px
}
.careerspage header .carousel {
	min-height:548px
}
.careerspage header .constrained li {
	padding:0 300px
}
.careerspage section .half {
	width:920px;
	margin:0 auto
}
.jobpage main .container {
	width:780px
}
.jobpage .button.black {
	width:auto
}
}
.officepage {
	background-color:#f7f7f7
}
.officepage header {
	height:720px;
	background-color:#232525;
	background-size:cover;
	text-align:center;
	color:#fff;
	padding-top:184px
}
.officepage header h1 {
	text-transform:uppercase;
	font-size:190px;
	line-height:0.9em;
	margin:0
}
.officepage header p {
	font:24px/1.5 "微软雅黑","黑体",sans-serif;
	margin-bottom:30px
}
.officepage header a {
	text-decoration:underline
}
.officepage header a.address {
	text-decoration:none
}
.officepage header a.address:hover {
	color:inherit
}
.officepage section {
	padding-bottom:80px
}
.officepage #about p {
	font-size:20px;
	line-height:2.0;
	text-align:center
}
.officepage #mosaic {
	margin-bottom:90px
}
.officepage #mosaic .time .second {
	background:#ea158e
}
.officepage #mosaic .time .second:before {
	content:"";
	display:block;
	width:14px;
	height:14px;
	border-radius:50%;
	position:absolute;
	left:-5px;
	bottom:-7px;
	background:#ea158e
}
.officepage #mosaic .time .second:after {
	content:"";
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	left:-5px;
	top:-14px;
	border:4px solid #ea158e;
	background:none
}
.officepage #mosaic .time .digital {
	color:#fff;
	font:30px "微软雅黑","黑体",sans-serif;
	padding:30px;
	display:block
}
.officepage #mosaic #job-openings-count {
	background:#000
}
.officepage #jobs {
	text-align:center;
	padding-top:80px;
	background-color:#fff
}
.officepage #jobs .container {
	width:100%
}
.officepage #slideshow {
	overflow:hidden;
	padding-top:80px;
	background-color:#f7f7f7
}
.officepage #offices {
	background-color:#fff
}
.officepage #jobs .office-page-job-listing .block {
	cursor:auto
}
.officepage #jobs .office-page-job-listing .block:hover {
	background:transparent !important
}
.officepage #jobs .office-page-job-listing .block:hover h4, .officepage #jobs .office-page-job-listing .block:hover .tile.text time, .tile.text .officepage #jobs .office-page-job-listing .block:hover time {
	color:#000 !important
}
.officepage #jobs .office-page-job-listing .block:hover span {
	color:#999 !important
}
.officepage #jobs .office-page-job-listing ul {
	display:block
}
@media (min-width: 0) and (max-width: 656px) {
.officepage header {
	height:640px;
	padding-top:160px
}
.officepage header h1 {
	font-size:160px
}
.officepage header .button {
	width:200px
}
.officepage #mosaic .digital {
	font-size:60px
}
}
@media (min-width: 657px) and (max-width: 977px) {
.officepage header h1 {
	font-size:160px
}
}
@media (min-width: 1297px) {
.officepage #mosaic .container {
	padding:0 1px
}
.officepage #mosaic .tile {
	width:426px;
	height:426px
}
.officepage #mosaic .tile img {
	width:100%;
	height:100%
}
.officepage #mosaic .tile.quote .center span {
	padding-right:112px
}
.officepage #mosaic .tile.video video {
	min-height:427px
}
}
.ideaspage main {
	padding:48px 0 100px;
	text-align:center
}
.ideaspage #tabs {
	padding-bottom:36px
}
.ideaspage #tabs h3, .ideaspage #tabs .close {
	display:none
}
.ideaspage #tabs li {
	font:13px Arial, sans-serif;
	font-weight:bold;
	cursor:pointer;
	display:inline-block;
	border:3px solid #dadada;
	line-height:46px;
	margin:10px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s
}
.ideaspage #tabs li:after {
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	content:'';
	border:12px solid transparent;
	border-top-color:#fff;
	position:absolute;
	bottom:-12px;
	right:45px
}
.ideaspage #tabs .active {
	color:#fff;
	background:#232525;
	border-color:#232525
}
.ideaspage #tabs .active:after {
	border-top-color:#232525;
	bottom:-26px
}
.ideaspage #tabs .blog {
	background:#ddd
}
.ideaspage #tabs .blog a {
	display:block
}
.ideaspage #tabs .blog:after {
	display:none
}
.ideaspage section h3.typed, .ideaspage section .detail main figcaption, .detail main .ideaspage section figcaption {
	font-size:40px;
	color:#000;
	margin:0
}
.ideaspage section ul.blocks>li {
	max-width:none
}
.ideaspage section ul.blocks .eyebrow {
	display:inline-block;
	padding:15px
}
.ideaspage section ul.blocks p {
	padding:16px 10%;
	max-width:1280px;
	margin:0 auto;
	color:#999
}
.ideaspage #offices {
	background:#f7f7f7
}
@media (min-width: 0) and (max-width: 656px) {
.ideaspage header .constrained li {
	padding:0 40px
}
.ideaspage header p {
	display:none
}
.ideaspage header+section {
	padding-top:20px
}
.ideaspage #tabs li {
	display:none;
	height:80px;
	font-size:28px;
	line-height:75px;
	margin-bottom:18px
}
.ideaspage #tabs li span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.ideaspage #tabs li.active {
	display:block
}
.ideaspage #tabs li.active:after {
	bottom:18px;
	border-top-color:#fff
}
.ideaspage #tabs.overlay {
	padding-top:92px
}
.ideaspage #tabs.overlay h3, .ideaspage #tabs.overlay .close, .ideaspage #tabs.overlay li {
	display:block
}
.ideaspage #tabs.overlay li:after {
	display:none
}
}
@media (min-width: 657px) and (max-width: 977px) {
.ideaspage header .constrained li {
	padding:0 90px
}
.ideaspage header h1 {
	margin-bottom:24px
}
.ideaspage #tabs li {
	width:90px;
	height:36px;
	font-size:11px;
	line-height:32px;
	border-width:2px;
	margin:6px
}
.ideaspage #tabs li:after {
	border-width:8px;
	right:35px;
	bottom:-6px
}
.ideaspage #tabs li.active:after {
	bottom:-18px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.ideaspage header .constrained li {
	padding:0 100px
}
.ideaspage #tabs li {
	width:120px;
	height:50px
}
}
@media (min-width: 1297px) {
.ideaspage header .constrained li {
	padding:0 100px
}
.ideaspage #tabs li {
	width:120px;
	height:50px
}
}
.contactpage {
	background-color:#f7f7f7
}
.contactpage main {
	margin-top:-270px
}
.contactpage main>h2 {
	color:#fff
}
.contactpage #hello {
	background:#2a2a2a;
	padding:0 0  320px
}
.contactpage #hello h1 {
	text-align:center;
	margin-bottom:0.8em;
	color:#fff
}
.contactpage #hello h2 {
	text-align:center;
	margin-bottom:0.8em;
	color:#fff
}
.contactpage #hello h1 span {
	color:#ccc;
	font-family:"微软雅黑","黑体",sans-serif;
}
.contactpage #hello h5 {
	color:#fff
}
.contactpage #hello li {
	color:#ccc;
	width:320px;
	float:left;
	padding:16px;
	border-left:1px solid #454545;
	font-size:16px;
	text-align:center;
	word-wrap:break-word
}
.contactpage #hello li:first-child {
	border-left:none
}
.contactpage #hello a {
	color:#fff;
	border-bottom:1px solid #333
}
.contactpage #hello a:hover {
	color:#0080C8
}
.contactpage #our-offices li {
	background:#fff;
	width:50%;
	float:left;
	text-align:center
}
.contactpage #our-offices li p {
	color:#999
}
.contactpage #our-offices h2 {
	color:#fff;
	text-align:center;
	margin-bottom:0.5em;
	background-color:#0080C8
}
.contactpage #our-offices h2 img {
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	width:100%;
	height:auto
}
.contactpage #our-offices h2:hover img {
	opacity:0.3
}
.contactpage #our-offices address {
	font:1em/1.5 "微软雅黑","黑体",sans-serif;
	margin-bottom:2em
}
.contactpage #our-offices address a {
	text-decoration:underline
}
.contactpage #our-offices address a:before {
	content:'?';
	padding:0 8px 0 4px;
	display:inline-block;
	color:#999
}
.contactpage #our-offices h2 {
	color:#fff;
	text-align:center;
	margin-bottom:0.5em;
	-webkit-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.contactpage #our-offices .info {
	padding:0 40px
}
.contactpage #social {
	background-color:#f7f7f7
}
.contactpage #social .container {
	text-align:center
}
.contactpage #social .social {
	margin-left:10px;
	margin-right:10px
}
@media (min-width: 0) and (max-width: 656px) {
.contactpage #hello .container {
	padding:0 40px
}
.contactpage #hello h1 {
	margin-bottom:1.5em
}
.contactpage #hello li {
	width:100%;
	font-size:28px;
	border-left:none;
	border-bottom:1px solid #454545;
	padding:92px 16px
}

.contactpage #hello li img {
	width:320px;
	height:320px;
}



.contactpage #hello li:first-child {
	border-top:1px solid #454545
}
.contactpage #hello h5 {
	font-size:64px;
	margin-bottom:0.2em
}
.contactpage #our-offices h4, .contactpage #our-offices .tile.text time, .tile.text .contactpage #our-offices time {
	margin:60px 0
}
.contactpage #our-offices li {
	width:100%;
	font-size:18px
}
.contactpage #our-offices h2 {
	font-size:80px;
	height:360px;
	line-height:360px;
	margin:0
}
.contactpage #our-offices h2 span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer
}
.contactpage #our-offices address {
	height:64px
}
.contactpage #our-offices address a[href^="mailto:"] {
	display:none
}
.contactpage #our-offices .info {
	height:0;
	overflow:hidden;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s
}
.contactpage #our-offices .info.expanded {
	padding-top:36px;
	height:212px
}
.contactpage #our-offices .black.button {
	width:200px;
	height:54px;
	line-height:54px;
	font-size:17px
}
.contactpage #social {
	padding:64px 0
}
}
@media (min-width: 657px) and (max-width: 977px) {
.contactpage #hello h5 {
	font-size:30px
}
.contactpage #hello ul {
	padding-top:32px
}
.contactpage #hello li {
	padding:24px 16px 54px
}
.contactpage #hello li:nth-child(3) {
	border:none
}
.contactpage #our-offices h2 {
	font-size:44px;
	height:180px;
	line-height:180px
}
.contactpage #our-offices li {
	font-size:13px;
	height:380px
}
.contactpage #our-offices address {
	height:72px
}
.contactpage #our-offices address a[href^="mailto:"] {
	display:none
}
.contactpage #our-offices .black.button {
	width:120px;
	height:40px;
	line-height:40px
}
.contactpage #social {
	padding:60px 0
}
.contactpage #social .social {
	width:48px;
	height:48px
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.contactpage #hello h1 {
	padding:0 120px
}
.contactpage #hello li {
	width:240px
}
.contactpage #our-offices h2 {
	height:270px;
	line-height:270px
}
.contactpage #our-offices h4, .contactpage #our-offices .tile.text time, .tile.text .contactpage #our-offices time {
	margin-bottom:50px
}
.contactpage #our-offices li {
	height:540px;
	font-size:18px
}
.contactpage #our-offices address {
	height:90px
}
.contactpage #social {
	padding:100px 0
}
}
@media (min-width: 1297px) {
.contactpage #hello h1 {
	padding:0 240px
}
.contactpage #our-offices h2 {
	height:360px;
	line-height:360px
}
.contactpage #our-offices h4, .contactpage #our-offices .tile.text time, .tile.text .contactpage #our-offices time {
	margin-bottom:50px
}
.contactpage #our-offices li {
	height:640px;
	font-size:16px
}
.contactpage #our-offices address {
	height:80px
}
.contactpage #social {
	padding:100px 0
}
}
.presspage h4, .presspage .tile.text time, .tile.text .presspage time {
	font-size:32px;
	margin-bottom:1em
}
.presspage .main-section {
	background:#f7f7f7;
	padding-bottom:0
}
.presspage #news {
	text-align:center;
	margin-bottom:90px
}
.presspage #news ul {
	padding-bottom:90px;
	text-align:left
}
.presspage #news li {
	background:#fff;
	overflow:hidden;
	float:left
}
.presspage #news li a {
	display:block;
	padding:50px 40px;
	height:100%
}
.presspage #news li a:hover {
	background:#0080C8;
	color:#fff
}
.presspage #news li a:hover * {
	color:#fff
}
.presspage #news .eyebrow {
	margin-bottom:28px;
	color:#999
}
.presspage #news p {
	font-size:15px;
	line-height:1.8;
	color:#666
}
.presspage #news small {
	font:14px Arial, sans-serif;
	color:#666;
	display:inline-block;
	margin-bottom:1em
}
.presspage #news small b {
	color:#000;
	font-weight:bold
}
.presspage #contacts {
	background:#fff
}
.presspage #contacts ul {
	padding:120px 0
}
.presspage #contacts li {
	width:50%;
	height:auto;
	float:left;
	text-align:center;
	padding:0 60px
}
.presspage #contacts p {
	font-size:16px;
	color:#666
}
.presspage #contacts a {
	display:block;
	color:#000
}
.presspage #contacts a:hover {
	color:#0080C8
}
.presspage #our-story {
	background:#0080C8;
	border-top:12px solid #d0006f;
	color:#fff;
	padding:140px 0;
	text-align:center
}
@media (min-width: 0) and (max-width: 656px) {
.presspage header .carousel {
	padding-top:124px
}
.presspage #news .container {
	padding:0 40px
}
.presspage #news li {
	width:100%
}
.presspage #news li a {
	height:auto
}
.presspage #news li .eyebrow {
	font-size:22px
}
.presspage #news li p {
	font-size:28px
}
.presspage #news li small {
	display:none
}
.presspage #news li:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:2px;
	width:100%;
	background:#f7f7f7
}
.presspage #news li:first-child:after {
	display:none
}
.presspage #contacts li {
	width:100%
}
}
@media (min-width: 657px) and (max-width: 977px) {
.presspage header .carousel {
	padding-top:124px
}
.presspage #news li {
	height:560px;
	width:50%
}
}
@media (min-width: 977px) and (max-width: 1296px) {
.presspage header .carousel {
	padding-top:124px
}
.presspage #news li {
	height:560px;
	width:33.333%
}
.presspage #contacts li:first-child {
	border-right:1px solid #dadada
}
}
@media (min-width: 1297px) {
.presspage #news ul {
	padding:0 1px 90px
}
.presspage #news li {
	height:560px;
	width:426px
}
.presspage #contacts li:first-child {
	border-right:1px solid #dadada
}
}
.eventspage header {
	background:url("../images/header.jpg") 50% 0 no-repeat;
	background-size:cover
}
.eventspage header h1 {
	color:#fff;
	font-size:100px
}
.eventspage header .eyebrow {
	font-size:18px;
	color:#fff
}
.eventspage header .eyebrow i {
	text-transform:uppercase
}
.eventspage header p {
	color:#fff;
	font-size:40px;
	max-width:780px
}
.eventspage header:before {
	border-color:#0080C8
}
.eventspage main {
	background:#f7f7f7;
	padding-top:50px;
	padding-bottom:100px
}
.eventspage #calendar li {
	float:left;
	background:transparent;
	display:block;
	width:320px;
	height:464px
}
.eventspage #calendar li .carousel-wrap h1 {
	font-size:100px
}
.eventspage #calendar li .carousel-wrap span.eyebrow {
	display:inline-block;
	width:420px
}
.eventspage #calendar li .block {
	display:block;
	background:#fff;
	padding:60px 40px 20px;
	height:100%
}
.eventspage #calendar li .block.passed {
	background:#eee
}
.eventspage #calendar li .block.passed * {
	color:#777
}
.eventspage #calendar li h4, .eventspage #calendar li .tile.text time, .tile.text .eventspage #calendar li time {
	margin-top:40px;
	font-size:60px
}
.eventspage #calendar li h4:after, .eventspage #calendar li .tile.text time:after, .tile.text .eventspage #calendar li time:after {
	display:none
}
.eventspage #calendar li p {
	font-size:20px;
	width:inherit
}
.eventspage #calendar li.carousel {
	background:#fff;
	padding:0;
	margin:0;
	overflow:hidden
}
.eventspage #calendar li.carousel li {
	float:none;
	display:inline-block
}
.eventspage #calendar li.carousel nav {
	bottom:0
}
.eventspage #calendar nav.month {
	padding-top:100px;
	text-align:center
}
.eventspage #calendar nav.month .button {
	margin:0 10px
}
.eventspage #calendar nav.month .arrow {
	color:#0080C8;
	right:-15px
}
.eventspage #calendar nav.month .last {
	box-shadow:inset 3px 3px #dadada, inset -3px -3px #dadada;
	background:transparent;
	color:#000
}
.eventspage #calendar nav.month .last .arrow {
	right:auto;
	left:-15px
}
.eventspage #calendar nav.month .last:hover {
	box-shadow:none;
	color:#fff
}
.eventspage #calendar .button {
	font-size:14px;
	width:212px
}
.eventspage #calendar .button .arrow {
	font-size:22px
}
@media (min-width: 0) and (max-width: 656px) {
.eventspage header .carousel {
	min-height:680px
}
.eventspage .arrow-down {
	margin-bottom:50px
}
.eventspage #calendar ul {
	margin-bottom:45px;
	padding:0 40px
}
.eventspage #calendar ul.carousel-wrap {
	padding:0
}
.eventspage #calendar li {
	padding:40px;
	width:100%
}
.eventspage #calendar li .block {
	padding:40px 60px 20px
}
.eventspage #calendar li.event {
	padding:0
}
.eventspage #calendar li.event li {
	padding:0
}
.eventspage #calendar li .eyebrow {
	font-size:20px
}
.eventspage #calendar li h4, .eventspage #calendar li .tile.text time, .tile.text .eventspage #calendar li time {
	margin-top:28px;
	font-size:80px
}
.eventspage #calendar li h4:after, .eventspage #calendar li .tile.text time:after, .tile.text .eventspage #calendar li time:after {
	content:'→';
	font-size:22px;
	line-height:44px;
	float:right
}
.eventspage #calendar li p {
	font-size:26px
}
.eventspage #calendar li:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:2px;
	width:100%;
	background:#f7f7f7
}
.eventspage #calendar li:first-child:after {
	display:none
}
.eventspage #calendar nav.month {
	padding-top:40px
}
.eventspage #calendar .button {
	font-size:24px;
	width:260px
}
.eventspage #calendar .carousel-wrap h1 {
	font-size:140px
}
.eventspage #calendar .carousel-wrap span.eyebrow {
	font-size:30px;
	display:inline-block;
	width:420px
}
.eventspage #calendar .carousel-wrap li:after {
	display:none
}
}
@media (min-width: 657px) and (max-width: 977px) {
.eventspage header h1 {
	font-size:100px
}
.eventspage header p {
	font-size:24px
}
.eventspage #calendar ul {
	margin-bottom:45px
}
.eventspage #calendar li {
	width:320px;
	height:280px
}
.eventspage #calendar li .block {
	padding-top:40px
}
.eventspage #calendar li h4, .eventspage #calendar li .tile.text time, .tile.text .eventspage #calendar li time {
	padding:40px
}
.eventspage #calendar li.event h4, .eventspage #calendar li.event .tile.text time, .tile.text .eventspage #calendar li.event time {
	padding:0;
	font-size:60px;
	line-height:1
}
.eventspage #calendar li.event h4:after, .eventspage #calendar li.event .tile.text time:after, .tile.text .eventspage #calendar li.event time:after {
	content:'→';
	font-size:22px;
	line-height:44px;
	float:right
}
.eventspage #calendar li.event p {
	font-size:17px
}
.eventspage #calendar .button {
	font-size:14px;
	width:160px
}
}
.error404 {
	height:100%;
	min-height:768px
}
.error404 main {
	height:100%;
	width:100%;
	padding-bottom:328px;
	text-align:center;
	color:#fff;
	background:url(../images/background.jpg) no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-ms-behavior:url("backgroundsize.min.htc")
}
.error404 main div {
	top:20%
}
.error404 main h1 {
	font-size:180px
}
.error404 main h1 span {
	position:relative
}
.error404 main h1 span:before {
	position:absolute;
	content:"";
	left:-50px;
	top:65px;
	right:0;
	border-top:10px solid;
	border-color:#0080C8;
	width:220px;
	-webkit-transform:rotate(-55deg);
	-ms-transform:rotate(-55deg);
	-moz-transform:rotate(-55deg);
	-o-transform:rotate(-55deg);
	transform:rotate(-55deg)
}
.error404 main p {
	font-size:30px;
	padding:0 20px
}
.error404 main p span {
	font:48px "微软雅黑","黑体",sans-serif;
}
.error404 footer {
	position:absolute;
	bottom:0;
	width:100%
}
.hpage {
	background-color:#f7f7f7
}
.hpage header {
	text-align:center;
	padding:115px 0 0 0
}
.hpage header p {
	color:#999
}
.hpage main {
	text-align:center
}
.hpage main .H {
	margin-bottom:80px
}
.hpage main .H .carousel {
	margin-bottom:60px
}
.hpage main .H .carousel nav {
	padding:21px
}
.hpage main .H h2 {
	font-size:28px;
	margin-bottom:0.4em
}
.hpage main .H p {
	font-size:18px;
	color:#999;
	margin-bottom:1.2em
}
.hpage main .H p.designer {
	color:#232525;
	font-size:10px
}
.hpage main .H p.designer a {
	color:#232525
}
.hpage main .H p:last-child {
	margin-bottom:0
}
.hpage main .H .social {
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	margin:0 0.5em;
	height:34px;
	width:34px
}
.hpage main #load-more>.container {
	border-top:1px solid #ececec;
	padding-top:50px
}
.ie8 .homepage #projects .slide {
	height:960px;
	-ms-behavior:url("backgroundsize.min.htc")
}
.ie8 .aboutuspage .overlay>nav .disabled {
	filter:alpha(opacity=30)
}
.ie8 .workpage .video+h1 span {
	margin-top:-90px
}
.ie8 header.square:before {
	display:none
}
.ie8 #tabs li:after {
	display:none
}
.ie8 #tabs .active:after {
	display:none
}
.ie8 .tile .time .digital.clock {
	font-size:48px;
	margin-top:-100px
}
.ie8 .tile figure figcaption {
	filter:alpha(opacity=0)
}
.ie8 .tile figure figcaption span {
	filter:inherit
}
.ie8 .tile figure:hover figcaption {
	filter:alpha(opacity=100)
}
.ie8 .tile figure:hover img {
	filter:alpha(opacity=30)
}
.ie8 .analog.clock, .ie8 #office-map .clock {
	visibility:hidden
}
.ie8 .social {
	-ms-behavior:url(backgroundsize.min.htc)
}
.ie9 .homepage #projects .slide {
	height:960px
}
.ie9 .time.tile .digital.clock {
	font-size:48px !important;
	margin-top:-100px
}
.ie9 .analog.clock, .ie9 #office-map .clock {
	visibility:hidden
}
@media print {
* {
	background:transparent !important;
	color:black !important;
	text-shadow:none !important;
	filter:none !important;
	-ms-filter:none !important
}
a, a:visited {
	color:#444 !important;
	text-decoration:underline
}
a[href]:after {
	content:" (" attr(href) ")"
}
a[href^="javascript:"]:after, a[href^="#"]:after {
	content:""
}
pre, blockquote {
	border:1px solid #999;
	page-break-inside:avoid
}
thead {
	display:table-header-group
}
tr, img {
	page-break-inside:avoid
}
img {
	max-width:100% !important
}
@page {
margin:0.5cm
}
p {
	font-size:14px !important
}
p, h2, h3 {
	orphans:3;
	widows:3
}
nav, .button, aside {
	display:none
}
.formatting {
	padding:0 !important
}
.detail header h5, .detail header h5+span {
	display:block !important
}
#H-logo:after {
	content:"H";
	font-size:70px
}
}
/*******/
.kongge{
	line-height:90px; clear:both; height:90px;}



/*@media screen  and (min-width:1280px){
	.baidumap{ width: 1000px; height:550px; margin:auto }
	.baidumap .ifowk{width: 1000px; height:550px;}
	
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	.baidumap{ width: 1000px; height:550px; margin:auto }
	.baidumap .ifowk{width: 1000px; height:550px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.baidumap{ width: 640px; height:550px; margin:auto }
	.baidumap .ifowk{width: 640px; height:550px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.baidumap{ width: 640px; height:550px; margin:auto }
	.baidumap .ifowk{width: 640px; height:550px;}
}*/

@media screen  and (min-width:1281px){
	.baidumap{ width: 1280px; height:550px; margin:auto }
	.baidumap .ifowk{width: 1280px; height:550px;}
	
	
	
	
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.baidumap{ width: 960px; height:550px; margin:auto }
	.baidumap .ifowk{width: 960px; height:550px;}
	
	
}


@media screen and (min-width: 960px) and (max-width: 1023px) {
	.baidumap{ width: 768px; height:550px; margin:auto }
	.baidumap .ifowk{width: 768px; height:550px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.baidumap{ width: 640px; height:550px; margin:auto }
	.baidumap .ifowk{width: 640px; height:550px;}
}

@media screen and (max-width:767px) {
	.baidumap{ width: 600px; height:550px; margin:auto }
	.baidumap .ifowk{width: 600px; height:550px;}
	
	
}