/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, 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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {font-family: "DIN";
  src: url("bb2e1211dfd31103079dbce7c49e1d4e.eot?t=1555900108736"); /* IE9*/
  src: url("bb2e1211dfd31103079dbce7c49e1d4e.eot?t=1555900108736#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("bb2e1211dfd31103079dbce7c49e1d4e.woff2") format("woff2"), /* chrome、firefox */
  url("bb2e1211dfd31103079dbce7c49e1d4e.woff?t=1555900108736") format("woff"), /* chrome、firefox */
  url("bb2e1211dfd31103079dbce7c49e1d4e.ttf?t=1555900108736") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("bb2e1211dfd31103079dbce7c49e1d4e.svg?t=1555900108736#DIN Neuzeit Grotesk LT W01 BdCn") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "DINCond-Light";
  src: url("DINCond-Light.woff2") format("woff2"),
       url("DINCond-Light.woff") format("woff"),
       url("DINCond-Light.ttf") format("truetype"),
       url("DINCond-Light.eot") format("embedded-opentype"),
       url("DINCond-Light.svg") format("svg");
}

/**/
body {font-size:14px; font-family:"Hiragino Sans GB",Verdana,"Microsoft YaHei","WenQuanYi Micro Hei",Tahoma,arial,sans-serif;min-width:1130px;}
.maxWidth {margin:auto; width:1000px;}
.clear {clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#cf0002; text-decoration:none;}
a:hover {color:#cf0002; text-decoration:underline; transition:all 320ms ease;}

.fl {float:left;}
.fr {float:right;}

/**/
/*#header{min-width: 100%;overflow-x: hidden;}*/
.header {background-color:#cf0002;min-width:1130px;overflow-x: hidden;}
.header .con {margin:auto; height:40px;}
.header .logo-wu {float:left; padding-top:6px; width:80px;}
.header .logo-wu img {width:100%;}

.lang {float:right; padding-top:15px;}
.lang a {border-radius:50%; display:block; float:left; background-size:100%; width:20px; height:20px;}
.lang-en {background-image:url(../img/icon-english.png);}
.lang-de {background-image:url(../img/icon-german.png);}

.social {float:right; padding-top:12px; width:170px; display:-webkit-flex; display:flex; flex-flow:row wrap; flex-wrap:nowrap; justify-content:space-between;}
.social span {display:inline-block;}
/*.social span a {padding:0 5px;}*/
.social span img {height:18px;}

.header-cnyc .con {padding:20px 0;}
.header-cnyc .logo-cnyc {float:left; width:180px;}
.header-cnyc .logo-cnyc img {width:100%;}

.nav {float:left; margin-left:50px; width:720px;}
.nav ul {padding-top:10px; display:-webkit-flex; display:flex; flex-flow:row wrap; flex-wrap:nowrap; justify-content:space-between;}
.nav li {display:inline-block; font-weight:bold; vertical-align:middle;}
.nav li>a {border-bottom:1px solid #fff; color:#c8a16c; display:inline-block; font-size:12px; padding:10px 0; text-decoration:none;}
.nav li>a:hover {border-bottom:1px solid #cf0002; color:#cf0002; text-decoration:none;}
.nav .js-navi {}
.nav li.current>a {border-bottom:1px solid #cf0002; color:#cf0002; text-decoration:none;}

.subNav {position:relative;}
.subNav .subNavCon {display:none; position:absolute; left:-70px; top:32px; text-align:left; z-index:9999; padding:6px 10px 12px; width:180px; line-height:24px; text-align:center; border:1px solid #eee; border-top:2px solid #cf0002; background-color:rgba(255,255,255,.9);}
.subNav .subNavCon.nav-ab {width:100px; left:-23px;}
.subNav .subNavCon.nav-pt dl {width:50%; float:left;}
.subNav dd a {color:#666; font-weight:normal; font-size:12px; display:block; padding:5px 0;}
.subNav dd a:hover {color:#cf0002; text-decoration:none; font-weight:bold;}


/**/
.slider {position:relative; min-width:1130px; width:100%; overflow:hidden;}
.slider .slider-pointer {position:absolute; bottom:20px; color:#fff; list-style:none; padding:0; z-index:999; display:none;}
.slider .slider-pointer li {display:inline-block; margin:0 15px; width:15px; height:15px; border-radius:15px; background-color:#ffffff; opacity:0.85; /*box-shadow:0 0 2px 2px rgba(0,0,0,0.5);*/ transition:all 320ms ease;}
.slider .slider-pointer li:hover {background-color:#e30006;}
.slider .slider-pointer li.active {background-color:#b00005;}
.slider .slider-inner {width:100%; height:100%; position:relative;}
.slider .slider-inner .item {width:100%; height:100%; float:left;}
/*.slider .slider-inner .img {background-position:center top !important; width:100%; height:100%;}*/
.slider .slider-inner .img {width:100%;vertical-align:middle;}
.slider .slider-control {position:absolute; display:block; width:50px; height:50px; z-index:999; border-radius:50%; text-align:center; font-weight:900; background-color:#ffffff; opacity:0.5; cursor:pointer; top:40%; transition:all 320ms ease; background-repeat:no-repeat; background-size:70%; background-position:center;}
.slider .slider-control:hover {opacity:0.65; background-color:#b00005;}
.slider .slider-control:active {opacity:0.85;}
.slider .slider-control.prev {left:-999999px;}
.slider .slider-control.next {right:-999999px;}
.slider:hover .slider-control.prev {left:50px; background-image:url(../img/arrow-prev.png);}
.slider:hover .slider-control.next {right:50px; background-image:url(../img/arrow-next.png);}
.slider .slider-control.prev:hover {background-image:url(../img/arrow-prev-hover.png);}
.slider .slider-control.next:hover {background-image:url(../img/arrow-next-hover.png);}


/**/
.section {border-bottom:2px solid #ccc; padding:50px 0; text-align:left; min-width: 1130px;}

.hd {border-bottom:2px solid #CC071E; color:#CC071E; font-size:36px; font-family:"DIN"; margin:0 auto 10px; padding-bottom:3px; width:1000px;}
.hd em {color:#c8a16c;}
.hd .tag {background-color:#cf0002; border-radius:5px; color:#fff; display:block; font-size:16px; margin:0 0 1em; padding:4px 0; text-align:center; width:80px;}

.nobor {border:0 !important;}



.content {margin:auto; width:1000px;}
.content p {color:#555; line-height:180%; font-size:16px; padding:10px 0; text-align:justify;}
.content p em {font-style:italic;}
.content p strong {font-weight:bold;}
.content p strong.init {font-weight:bold; font-size:18px;}
.content .golden {color:#cc9966;}
.content h2 {font-size:24px; font-family:"DIN"; color:#CC071E; padding:10px 0; font-weight:bold;}
.content h3 {border-bottom:1px solid #eee; font-family:"DIN"; font-size:22px; line-height:140%; clear:both; color:#333; margin:40px 0 15px; padding:20px 0;}
.content h3 em {color:#c8a16c;}
.content h4 {font-size:18px; color:#c8a16c; line-height:185%; padding:10px 0; font-weight:bold; text-align:center;}
.content h5 {font-size:16px; color:#c8a16c; line-height:185%; padding:10px 0; text-align:center;}

.bg-red {background:#e41400; border-bottom:3px solid #fff; color:#fff;}
.bg-red .content h3 {color:#fff; font-weight:bold;}
.bg-red .hd {border-bottom:2px solid #fff; color:#fff;}
.bg-red .content p {color:#fff;}
.bg-gray {background:#f5f5f5; color:#555;}
.bg-gray .hd {border-bottom:2px solid #CC071E; color:#CC071E;}
.line-red {background:url(../img/line-red.png) center repeat-x; clear:both; height:30px; overflow:hidden;}

.fullImg {width:100%;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.text-center,
.text-center p {text-align:center;}
.text-left,
.text-left p {text-align:left;}
.text-right,
.text-right p {text-align:right;}
/*.text-intro {float:left; width:600px;}*/
.img-intro {float:right; border-radius:50%; margin:0 0 30px 80px; padding:16px 0 30px; width:300px;}

.lilist li {background:url(../img/list-dot.png) 0 17px no-repeat; background-size:8px; color:#555; line-height:180%; font-size:14px; padding:10px 0 10px 40px; text-align:justify;}


.tbl-program p {color:#b66f26; padding:15px 0; font-size:18px; line-height:140%;}
.tbl-program em {font-style:italic;}
.tbl-dates td {padding:10px 50px 10px 0;}
.intermission {text-align:center; font-size:20px;}
.intermission p {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:20px 0; margin:30px 350px;}

.section td {color:#555; line-height:140%;}
.section td strong {font-weight:bold;}

.programCon {background-color:#ededed; border:1px solid #eee; color:#b66f26; padding:15px 0 30px;}
.programCon h4,
.programCon h5 {color:#b66f26;}
.programCon h5 {border-bottom:1px solid #d7c7b7; padding-bottom:20px; margin:0 40px 30px;}
.programCon h5 em {font-style:italic;}

.serviceList {list-style-type:disc; padding-left:1em;}
.serviceList li {}

.orchestraCon img {width:100%;}
.orchestraCon .swiper-container {height:500px;}
.orchestraCon .swiper-slide {height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:95%;}

.redbookCon {position:relative; margin-top:20px;}
.slider-redbook {overflow:hidden; position:relative;}
.slider-redbook img {width:100%;}
.slider-redbook .item .mask {position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/copyright.png); background-repeat:repeat-x; display:block;}
.slider-redbook .inner {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box; padding-bottom:50px;}
/*.slider-redbook .swiper-container {height:500px;}*/
.slider-redbook .item {width:100%;flex-shrink:0;position:relative;}
.slider-redbook .swiper-container-horizontal>.swiper-pagination-bullets {bottom:-30px;}
.slider-redbook .swiper-pagination-bullet-active {background-color:#CC071E;}
.slider-redbook .swiper-pagination-bullet {width:12px; height:12px;}

.redbookCon .swiper-button-next, .redbookCon .swiper-button-prev {width:50px; height:50px; background-size:100%;}
.redbookCon .swiper-button-next {right:-70px; background-image:url(../img/arrow-next.png);}
.redbookCon .swiper-button-prev {left:-70px; background-image:url(../img/arrow-prev.png);}



.datesCon .item {float:left; margin:0 5px 40px 0; overflow:hidden; width:194px; /*height:350px;*/}
.datesCon .item:nth-child(5) {margin-right:0;}
.datesCon .item img {width:100%;}
.datesCon .item .txt p {color:#333;padding:0; font-size:18px; padding-top:10px; line-height:26px; font-family:"DINCond-Light";}
/*.datesCon .item .txt p.info {height:70px; overflow:hidden;}*/
.datesCon .item .txt p.link {color:#fe0014;font-weight:bold;font-size:12px; font-family:"Hiragino Sans GB",Verdana,"Microsoft YaHei","WenQuanYi Micro Hei",Tahoma,arial,sans-serif;}
.datesCon .item .txt p.link a {background-color:#f00; color:#fff; padding:5px 6px 7px;}
.datesCon .item .txt p.link a:hover {background-color:#c00; text-decoration:none;}

.datesCon .item .txt p.gray {color:#fe0014;font-weight:bold;font-size:12px; font-family:"Hiragino Sans GB",Verdana,"Microsoft YaHei","WenQuanYi Micro Hei",Tahoma,arial,sans-serif;}
.datesCon .item .txt p.gray span {background-color:#6e6e6e; color:#fff; padding:5px 6px 7px; display:inline-block;padding:5px 6px 7px;line-height:12px;}

/**/
.backToTop {width:60px; height:60px; background:url(../img/icon-gotop.png) center no-repeat; background-size:100%; position:fixed; top:410px; cursor:pointer; margin-left:540px; left:50%; opacity:0.3;}
.backToTop:hover {opacity:1;}


/**/
/*.photoList {display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content: space-between;}
.photoList li {width:170px; text-align:center; background-color:#fff; padding:10px; margin-top:10px;}*/
.photoList {}
.photoList li {width:170px; text-align:center; background-color:#fff; padding:10px; margin:10px 12px 0 0; float:left;}
.photoList li:nth-child(5n) {margin-right:0;}
.photoList li img {vertical-align:middle;}

.cnycphoto {}
.cnycphoto li {height:150px;}

.postcard h3 {text-align:center;}
.postcard h3 span {margin:0 2em; position:relative;}
.postcard h3 span.current,
.postcard h3 span:hover {color:#CC071E; cursor:pointer;}
.postcard h3 span.current:after {background-color:#CC071E; width:4px; height:4px; border-radius:50%; position:absolute; left:50%; bottom:-5px; content:'';}
.postcard li {height:108px;}
.postcard ul {display:none;}


.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:2px; background-color:#fff;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,.3);opacity:0}.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}


/* cover page */
.cover-body {background-color:#bd0614;}
.cover-banner {margin:auto; height:339px; overflow:hidden; position:relative; text-align:center; min-width:1000px;}
.cover-banner img {position:absolute; left:50%; top:0; margin-left:-960px;}
.cover-content {color:#eddf9d; margin:auto; width:1000px; overflow:hidden;}
.cover-mask {position:absolute; bottom:0; left:0; width:100%; height:40px;
background-image: -webkit-linear-gradient(top,rgba(79,0,2,0) 0%,rgba(79,0,2,1) 100%);
background-image: -moz-linear-gradient(top,rgba(79,0,2,0) 0%,rgba(79,0,2,1) 100%);
background-image: -o-linear-gradient(top,rgba(79,0,2,0) 0%,rgba(79,0,2,1) 100%);
background-image: linear-gradient(top,rgba(79,0,2,0) 0%,rgba(79,0,2,1) 100%);}


.cover-content-wrap {background-image:url(../img/cover-bg.jpg?2045); background-repeat:repeat-y; background-position:center top; padding:15px 0 60px;}
.cover-content-banner {text-align:center; margin-bottom:20px;}
.cover-content p {line-height:180%; font-family:cursive; font-size:22px; padding:15px 0; text-align:justify;}
/*.js-marquee-wrapper {margin-top:-100px !important;}*/

.cover-enter {text-align:center; font-size:18px; font-weight:bold; margin:40px 0 30px;}
.cover-enter a {color:#c8a16c;}

#cover-swiper {max-width:1920px; margin:auto;}
#cover-swiper img {width:100%;}





.backhome {text-align:center; padding:50px 0; font-size:20px; font-weight:bold;}
.backhome a {padding:10px 0; color:#999; text-decoration:none;}
.backhome a:hover {padding:10px 0; color:#cf0002;}