/* Light theme: warm paper canvas, white cards, brand green accent.
   Loaded after style.css / waterfall.css so it can override the dark tokens. */
body,select{background:#f5f4f1;color:#555;}
#loading{
	-webkit-animation:zene-load-hide .25s ease 1s forwards;
	animation:zene-load-hide .25s ease 1s forwards;
}
@-webkit-keyframes zene-load-hide{
	to{opacity:0;visibility:hidden;pointer-events:none;}
}
@keyframes zene-load-hide{
	to{opacity:0;visibility:hidden;pointer-events:none;}
}

/* Header stays dark so it meets the dark banners. */
.more{background:#8fc31f;color:#fff;}
.more:hover{color:#fff;background:#7db31a;}

.footer.site-foot{
	background:#f5f5f7;
	text-align:left;
	padding:0;
	border-top:1px solid #d2d2d7;
	color:#6e6e73;
	font-size:12px;
	line-height:1.33337;
}
.footer.site-foot span,
.footer.site-foot a{color:#424245;display:inline;line-height:inherit;}
.footer.site-foot .foot-col a{display:block;}
.footer.site-foot .foot-certs a{display:flex;}
.site-foot a:hover{color:#000;text-decoration:underline;}
.foot-inner{
	width:1200px;
	max-width:94%;
	margin:0 auto;
	padding:40px 0 28px;
	box-sizing:border-box;
}
.foot-cols{
	display:grid;
	grid-template-columns:repeat(7,minmax(0,1fr));
	gap:24px 18px;
	padding-bottom:8px;
}
.foot-col h4{
	margin:0 0 10px;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
}
.foot-col h4 a{color:#1d1d1f;}
.foot-col h4 a:hover{color:#1d1d1f;text-decoration:none;}
.foot-col a{
	display:block;
	margin:0 0 8px;
	color:#424245;
	font-size:12px;
	line-height:1.4;
	text-decoration:none;
}
.zene-kf{
	position:fixed;
	right:18px;
	bottom:18px;
	z-index:9999;
	width:52px;
	height:52px;
	padding:0;
	border:0;
	border-radius:50%;
	background:#8fc31f;
	color:#fff;
	box-shadow:0 4px 16px rgba(0,0,0,.18);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.zene-kf:hover{background:#7db31a;}
.foot-certs{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px;
	margin:22px 0 0;
	padding:18px 0 0;
	border-top:1px solid #d2d2d7;
}
.foot-certs span{
	margin-right:6px;
	color:#6e6e73;
	font-size:12px;
	white-space:nowrap;
}
.foot-certs a{
	display:flex;
	align-items:center;
	justify-content:center;
	height:52px;
	padding:8px 12px;
	background:#fff;
	border:1px solid #e5e5ea;
	border-radius:8px;
	box-sizing:border-box;
}
.foot-certs a:hover{border-color:#c7c7cc;text-decoration:none;}
.foot-certs img{
	display:block;
	height:28px;
	width:auto;
	max-width:110px;
	margin:0;
	object-fit:contain;
}
.foot-legal{
	display:flex;
	flex-wrap:wrap;
	gap:8px 16px;
	margin:18px 0 0;
	padding-top:14px;
	border-top:1px solid #d2d2d7;
	color:#6e6e73;
	font-size:12px;
}
.foot-legal span,
.foot-legal a{color:#6e6e73;}
@media only screen and (max-width:1100px){
	.foot-cols{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media only screen and (max-width:700px){
	.foot-inner{padding:28px 0 20px;}
	.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;}
	.footer.site-foot{padding:0;}
	.foot-certs a{height:46px;padding:6px 10px;}
	.foot-certs img{height:24px;}
}

/* ----- page canvas ----- */
.box,
.box-news,
.box.black,
.black{
	background:#f5f4f1;
}
.box5{background:#f5f4f1;}

/* Chinese title sits on the paper; English watermark sits on the dark banner. */
.a-head{color:#222;}
.a-head>img{
	filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));
	opacity:1;
}
.a-nav{
	background:#fff;
	border:1px solid #e6e4df;
	border-radius:4px;
}
.a-nav a{color:#666;}
.lang-en .nav{
	margin-right:18px;
	white-space:nowrap;
}
.lang-en .nav li{width:108px;}
.lang-en .nav .nur{
	font-size:12px;
	letter-spacing:0;
	white-space:nowrap;
}
.lang-en .a-head{font-size:24px;}
.lang-en .a-nav{
	width:248px;
	overflow:visible;
	padding:8px 8px 8px 0;
}
.lang-en .a-nav a{
	float:none;
	display:block;
	height:auto;
	line-height:32px;
	text-align:left;
	width:100%;
}
.lang-en .a-nav span{
	float:none;
	display:block;
	height:auto;
	line-height:32px;
	margin-left:14px;
	padding-left:18px;
	text-align:left;
	white-space:nowrap;
	overflow:visible;
}
.lang-en .ser-net,
.lang-en .ser-h3,
.lang-en .ser-p,
.lang-en .ser-ul,
.lang-en .ser-map{
	width:1000px !important;
	max-width:94% !important;
	margin-left:auto !important;
	margin-right:auto !important;
	box-sizing:border-box;
}
.lang-en .ser-p{
	font-size:15px;
	line-height:1.75;
	color:#333;
	padding:0 4px 20px;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.lang-en .ser-p p{margin:0 0 12px;line-height:1.75;}
.lang-en .ser-map{text-align:center;margin-bottom:20px !important;}
.lang-en .ser-map img{max-width:100%;height:auto;display:block;margin:0 auto;}
.lang-en .ser-ul li{
	height:auto !important;
	min-height:0;
	overflow:visible !important;
	padding:16px 22px 20px;
}
.lang-en .ser-ul h3{margin:0 0 8px;height:auto;}
.lang-en .ser-ul p{
	height:auto !important;
	-webkit-line-clamp:unset !important;
	overflow:visible !important;
	display:block !important;
	word-break:normal;
	line-height:1.65;
}
.box-news .a-head,
.box.black .a-head,
.box-paper .a-head{color:#222;}

/* ----- cards / lists ----- */
.pin-card,
.pin-news-card,
.box.black .pin-grid-detail .pin-card,
.box-news .pin-grid-detail .pin-card{
	background:#fff;
	color:#222;
	box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.pin-card-text b,
.pin-news-card b{color:#222;}
.pin-card-text em,
.pin-tags,
.pin-cap em{color:#888;}
.pin-photo{background:#eee;}
.pin-news-card:hover{
	box-shadow:0 14px 32px rgba(0,0,0,.12);
}
.pin-date i{color:#999;}
.pin-filter input[type="text"],
.pin-filter select{
	background:#fff;
	color:#333;
	border:1px solid #e0ddd6;
}
.pin-subnav a{
	background:#fff;
	color:#555;
	border:1px solid #e0ddd6;
}
.pin-subnav a.cur,
.pin-subnav a:hover{
	background:#8fc31f;
	color:#fff;
	border-color:#8fc31f;
}
.pin-more{
	background:#fff;
}

/* case mosaic side panels */
.even .a1 .case-left,
.even .a2 .case-left,
.even .a3 .case-left,
.odd .a1 .case-left,
.odd .a2 .case-left,
.odd .a3 .case-left{
	background:#ecebe8;
}
.even .a2 .case-left:after{border-right-color:#ecebe8;}
.even .a3 .case-left:after{border-left-color:#ecebe8;}
.odd .a3 .case-left:after{border-right-color:#ecebe8;}
.odd .a2 .case-left:after{border-left-color:#ecebe8;}
.even .a1:hover .case-left,
.even .a2:hover .case-left,
.even .a3:hover .case-left,
.odd .a1:hover .case-left,
.odd .a2:hover .case-left,
.odd .a3:hover .case-left{
	background:#8fc31f;
}
.nr{color:#444;}
.nr p{color:#444;}
.nr a{color:#444;border-color:#888;}
.even .a1:hover .nr,
.even .a2:hover .nr,
.even .a3:hover .nr,
.odd .a1:hover .nr,
.odd .a2:hover .nr,
.odd .a3:hover .nr,
.even .a1:hover .nr a,
.even .a2:hover .nr a,
.even .a3:hover .nr a,
.odd .a1:hover .nr a,
.odd .a2:hover .nr a,
.odd .a3:hover .nr a{
	color:#fff;
	border-color:#fff;
}

/* ----- article / CMS copy (was white on black) ----- */
.casen-h,
.box.black .case-box .casen-h{color:#222;}
.case-box .article,
.box.black .case-box .article{color:#444;}
.box .article,
.box .article p,
.box .article span,
.box .article font,
.box .article div,
.box .article td,
.box .article li,
.box .article strong,
.box .article b,
.box .article em,
.box .article h1,
.box .article h2,
.box .article h3,
.box .article h4,
.box .article h5,
.box.black .article,
.box.black .article p,
.box.black .article span,
.box.black .article font,
.box.black .article div,
.box.black .article td,
.box.black .article li,
.box.black .article strong,
.box.black .article b,
.box.black .article em,
.box.black .article h1,
.box.black .article h2,
.box.black .article h3,
.box.black .article h4,
.box.black .article h5,
.tech,
.tech p,
.tech span,
.tech font,
.tech div,
.tech td,
.tech li,
.tech strong,
.tech b,
.tech h1,
.tech h2,
.tech h3,
.tech h4,
.tech h5{
	color:#333 !important;
	background-color:transparent !important;
}
.box .article a,
.box.black .article a,
.tech a{color:#1677d2 !important;}
.box-paper .return a,
.return a{
	color:#1d1d1f;
	border-color:#c7c7cc;
}
.re0{
	background-image:url(../images/return-dark.png);
	background-size:14px 14px;
	background-repeat:no-repeat;
	background-position:center;
}
.return .re1:hover,
.return .re0:hover{
	background-color:#8fc31f;
	border-color:#8fc31f;
	color:#fff;
}
.return .re0:hover{
	background-image:url(../images/return.png);
	background-size:14px 14px;
}

.ser-h3,
.ser-p{color:#333;}
.ser-ul li{
	background:#fff;
	border:1px solid #e6e4df;
	color:#444;
}
.ser-ul h3,.ser-ul p{color:inherit;}
.ser-ul li:hover,
.ser-ul .ser-cur{
	background:#8fc31f;
	color:#fff;
}

/* cinema / smart / tech inner blocks that still assume black */
.pb-box{color:#555;}
.pd-dj-wenzi h3,
.wenzi-t,
.jingli li h3,
.shipinsj .tewenzi h3,
.meixuezj-js,
.gl-wenz{color:#222;}
.pd-dj-intro,
.wenzi-con,
.tixi-right{color:#555;}
.cc-cloumn span{background-color:#f5f4f1;}
.quanw-item,
.guanl-item,
.tixi-right,
.pb-dj-item{border-color:#ddd;}
.shangh,.beijing{color:#555;}

.news li h3{color:#222;}
.news li p{color:#666;}
.pages a{
	background:#fff;
	border-color:#ddd;
	color:#333;
}
.pages .cr,
.pages a:hover{
	background:#8fc31f;
	color:#fff;
	border-color:#8fc31f;
}

.rt{background:#fff;}
.msg-intro{color:#666;}
.pin-cap{
	background:linear-gradient(transparent,rgba(0,0,0,.55));
	color:#fff;
}
.pin-cap em{color:#eee;}

.en-lead{
	width:1200px;
	max-width:94%;
	margin:0 auto 28px;
	padding:8px 8px 24px;
	color:#333;
	font-size:15px;
	line-height:1.7;
	border-bottom:1px solid #e5e5ea;
}
.en-lead .en-kicker{
	margin:0 0 6px;
	font-size:13px;
	letter-spacing:.12em;
	color:#8fc31f !important;
}
.en-lead h3{
	margin:0 0 12px;
	font-size:24px;
	line-height:1.3;
	font-weight:normal;
	color:#1d1d1f !important;
}
.en-lead p{margin:0 0 12px;}
.en-lead ul{margin:0 0 12px;padding-left:20px;}
.en-lead li{margin:0 0 6px;list-style:disc;}
.en-lead a{color:#06c !important;}
.en-cta{
	margin:16px 0 0;
	padding-top:12px;
	color:#424245;
}
.lang-en .message .fpr p{width:120px;}

.home-announce{
	background:#4a4a4a;
	color:#fff;
	text-align:center;
	padding:14px 20px;
	font-size:15px;
	line-height:1.5;
}
.home-announce p{margin:0;}
.home-announce a{color:#6ec1ff;text-decoration:none;}
.home-announce a:hover{text-decoration:underline;color:#9fd4ff;}
.home-board{
	background:#f5f4f1;
	padding:36px 0 48px;
	border-bottom:1px solid #d2d2d7;
}
.home-spot{
	position:relative;
	display:block;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
	margin:0 0 36px;
}
.home-spot img{
	display:block;
	width:100%;
	height:420px;
	object-fit:cover;
}
.home-spot-copy{
	position:absolute;
	left:0;right:0;bottom:0;
	padding:64px 28px 28px;
	background:linear-gradient(transparent,rgba(0,0,0,.72));
	box-sizing:border-box;
}
.home-spot-copy em{
	display:block;
	margin:0 0 8px;
	font-style:normal;
	font-size:13px;
	letter-spacing:.22em;
	color:#8fc31f;
}
.home-spot-copy h2{
	margin:0 0 10px;
	color:#fff;
	font-size:36px;
	line-height:1.25;
	font-weight:normal;
}
.home-spot-copy p{margin:0;color:#ddd;font-size:14px;}
.home-go{
	display:inline-block;
	margin-top:18px;
	padding-bottom:4px;
	border-bottom:1px solid #8fc31f;
	color:#fff;
	font-size:14px;
}
.home-spot:hover .home-go{color:#8fc31f;}
.home-inner{
	width:1200px;
	max-width:94%;
	margin:0 auto;
}
.home-head{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	margin:8px 0 18px;
}
.home-head h3{
	margin:0;
	font-size:22px;
	color:#1d1d1f;
	font-weight:normal;
}
.home-head a{color:#06c;font-size:13px;}
.home-head a:hover{text-decoration:underline;}
.home-cards{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
	margin:0 0 42px;
}
.home-card{
	display:block;
	background:#fff;
	color:#1d1d1f;
	text-decoration:none;
	overflow:hidden;
}
.home-card-pic{
	display:block;
	overflow:hidden;
	background:#ececec;
}
.home-card-pic img{
	display:block;
	width:100%;
	height:200px;
	object-fit:cover;
	transition:transform .35s ease;
}
.home-card:hover img{transform:scale(1.04);}
.home-card b{
	display:block;
	padding:14px 2px 6px;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	color:#1d1d1f;
}
.home-card em{
	display:block;
	padding:0 2px 16px;
	font-style:normal;
	font-size:12px;
	color:#6e6e73;
}
.home-duo{
	display:grid;
	grid-template-columns:1.15fr .85fr;
	gap:20px;
	margin-top:8px;
}
.home-story{
	display:grid;
	grid-template-columns:1fr 1fr;
	min-height:260px;
	background:#fff;
	color:#1d1d1f;
	text-decoration:none;
	overflow:hidden;
}
.home-story-pic{display:block;overflow:hidden;background:#111;}
.home-story-pic img{
	display:block;
	width:100%;
	height:100%;
	min-height:260px;
	object-fit:cover;
}
.home-story-copy{
	display:block;
	padding:28px 24px;
	box-sizing:border-box;
}
.home-story-copy em{
	display:block;
	margin:0 0 12px;
	font-style:normal;
	font-size:13px;
	letter-spacing:.08em;
	color:#8fc31f;
}
.home-story-copy b{
	display:block;
	font-weight:normal;
	font-size:16px;
	line-height:26px;
	color:#1d1d1f;
}
.home-story-copy i{
	display:inline-block;
	margin-top:18px;
	font-style:normal;
	font-size:13px;
	border-bottom:1px solid #8fc31f;
	padding-bottom:3px;
	color:#1d1d1f;
}
.home-story-dark{background:#1d1d1f;}
.home-story-dark .home-story-copy,
.home-story-dark .home-story-copy b,
.home-story-dark .home-story-copy i{color:#fff;}
@media only screen and (max-width:1000px){
	.home-spot img{height:320px;}
	.home-spot-copy h2{font-size:26px;}
	.home-cards{grid-template-columns:1fr 1fr;}
	.home-duo,.home-story{grid-template-columns:1fr;}
	.home-story-pic img{min-height:200px;height:200px;}
}
@media only screen and (max-width:640px){
	.home-cards{grid-template-columns:1fr;}
	.home-spot img{height:240px;}
	.home-announce{font-size:13px;padding:12px 16px;}
	.home-board{padding:24px 0 36px;}
}