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

body, h1, h2, h3, p, ul, dl, dd, form, textarea, input, ol { margin:0; }
ul, ol, td, th { list-style:none outside; padding: 0; }
a { color:#4A4A4A; text-decoration:none; -webkit-tap-highlight-color:transparent; transition: color 0.3s; }
button, input, .sart-title { -webkit-tap-highlight-color:transparent; }
a:focus, input, textarea, select { outline:none; }

.sart-body { max-width: 900px; margin: auto; padding: 20px 0; font-size:14px; line-height:24px; -webkit-text-size-adjust:100%; font-family: 'PingFangSC-Regular', 'Microsoft YaHei', '微软雅黑', sans-serif; padding: 0 20px 20px; }
	.sart-body img { border: none; }
.sart-header { line-height: 50px; height: 50px; text-align: center; }
	.sart-navigation { text-align: center; font-size: 0; width: 940px; margin-left: -20px; }
		.sart-navigation li { font-size: 16px; display: inline-block; vertical-align: top; }
			.sart-navigation a { display: block; min-width: 4em; padding: 0 0.825em; }
			.sart-navigation a:hover, .sart-navigation a.sart-nav-current { background: url(current.svg) no-repeat 50% 43px; background-size: auto 1px; }
	.sart-navigation.sart-fixed { position: fixed; left: 50%; top: 0; width: 940px; transform: translateX(-50%); z-index: 99; margin-left: 0 }
		.sart-justify { text-align:justify; text-justify:inter-ideograph; }
.sart-poster { overflow: hidden; margin-top: 20px; }
	.sart-poster dt { float: left; margin-right: 30px; }
	.sart-poster dd { overflow: hidden; }
.sart-title { cursor: pointer; line-height: 40px; margin-top: 30px; font-size: 16px; text-indent: 1em; position: relative; }
	.sart-title:after { content: ''; width: 16px; height: 16px; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); background-image: url(minus-circle.svg); background-size: 100% auto; }
	.sart-title.sart-title-hide:after { background-image: url(plus-circle.svg); }
.sart-content { overflow: hidden; }
	.sart-paragraph { margin-top: 20px; overflow: hidden; transition: height 0.2s; }
	.sart-paragraph-btn { display: block; margin: 20px auto 0; transition: all 0.2s; line-height: 32px; text-align: center; width: 132px; border-radius: 6px; }
.sart-gallery { overflow: hidden; margin-top: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; }
	.sart-col-1 { width: 100%; }
		.sart-col-1 a { height: 223px; }
	.sart-col-2 { width: 435px; }
		.sart-col-2 a { height: 223px; }
	.sart-col-3 { width: 280px; }
		.sart-col-3 a { height: 223px; }
	.sart-col-4 { width: 214px; }
		.sart-col-4 a { height: 214px; }
	.sart-gallery-br { width: 100%; height: 0; overflow: hidden; }
	.sart-gallery figure { margin: 20px 0 0; }
		.sart-gallery a { overflow: hidden; position: relative; display: block; }
			.sart-gallery img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
		.sart-gallery-title { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; margin: 10px 0 0; }
		.sart-gallery figcaption { display: none; }
.sart-gallery-auto { display: block; }
	.sart-gallery-auto figure { width: 280px; }
		.sart-body img { vertical-align: middle; }
		.sart-gallery-auto img { position: static; transform: none; width: 100%; max-width: 100%; height: auto!important; }
.pswp__caption { transition: transform 0.3s; }
	.pswp--zoomed-in .pswp__caption { transform: translateY(100%); }
	.pswp__caption__center { max-width: 90%; }
.sart-article { margin: 20px 0 -10px; list-style: inside; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
	.sart-article li { width: 48%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px; }
.sart-virtual { margin-top: 20px; }
	.sart-content iframe { width: 100%; height: 860px; margin: 20px auto 0; display: block; }
.sart-guide { margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
	.sart-guide-item { width: 435px; }
		.sart-guide-title { font-size: 16px; }
			.sart-guide-title [class^="sart-icon-"] { display: inline-block; margin-right: 14px; vertical-align: top; width: 24px; height: 24px; background-size: 24px auto; }
				.sart-icon-weixin { background: url(weixin.svg); }
				.sart-icon-qrcode { background: url(qrcode.svg); }
				.sart-icon-headset { background: url(headset.svg); }
		.sart-guide-title + .sart-justify { margin-top: 10px; }
		.sart-justify + .sart-guide-title { margin-top: 50px; }
	.sart-voice-qrcode { margin-top: 20px; font-size: 12px; text-align: center; display: flex; justify-content: flex-start; flex-wrap: wrap; }
		.sart-voice-qrcode li { width: 134px; margin-right: 30px; }
			.sart-voice-qrcode img { width: 100%; display: block; }
.sart-feeds { margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
	.sart-feeds > * { width: 100%; margin-top: 0; }
		.sart-feeds .sart-gallery-auto figure { margin: 0; width: 100%; }
		.sart-feeds .sart-article li { width: 100%; }
.sart-hosts { overflow: hidden; }
	.sart-hosts li { float: left; margin: 20px 30px 0 0; width: 202px; padding-top: 34px; position: relative; }
		.sart-hosts span { position: absolute; left: 0; top: 0; }
		.sart-hosts a.sart-image { display: flex; height: 120px; justify-content: center; align-items: center; }
			.sart-hosts img { max-width: 100%; }
		.sart-host-title, .sart-videotitle { margin-top: 10px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; }
	.sart-hosts li:nth-of-type(4n) { margin-right: 0; }
.sart-video { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.sart-video li { margin-top: 20px; }
		.sart-video-col-1 { width: 100%; }
		.sart-video-col-2 { width: 435px; }
	.sart-video img, .sart-virtual img { max-width: 100%; }
.sart-layout-resume > p { padding-left: 50px; text-indent: 0; }
	.sart-layout-resume > p > span { font-family: Arial; display: inline-block; vertical-align: top; width: 50px; margin-left: -50px; }
.sart-swiper { position: relative; margin-top: 20px; }
	.swiper-slide { height: 100%; background-size: cover; background-position: 50%; }
	.swiper-pagination-bullet { width: 20px; border-radius: 0; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }
.sart-footer { margin-top: 50px; padding-top: 10px; }
/*顶部焦点图*/
.top-banner{
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	display: block;
}
/*部分展品标题*/
.sart-photo{
	position: relative;
	font-size: 20px;
	color: #4e7a93;
	height25px;
	line-height: 25px;
	text-align: center;
	margin-top: 50px;
}
.sart-photo::before{
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 380px;
	height: 2px;
	background: #4e7a93;
	display: block;
}
.sart-photo::after{
	content: '';
	position: absolute;
	top: 12px;
	right: 0;
	width: 380px;
	height: 2px;
	background: #4e7a93;
	display: block;
}


@media (max-width: 900px){
	.sart-body { padding: 20px; }
	.sart-xs-hidden { display: none !important; }
	.sart-header { width: 100%; height: 100vh; top: 0; left: 0; transition: opacity 0.3s; position: fixed; z-index: 99; opacity: 0; visibility: hidden; }
		.sart-header.sart-show { visibility: visible; opacity: 1; }
		.sart-navigation { flex-direction: column; line-height: 52px; padding-top: 80px; position: fixed;left: 50%;top: 0;transform: translateX(-50%);z-index: 99;margin-left: 0; }
			.sart-navigation li { display: block; }
			.sart-navigation a:hover, .sart-navigation a.sart-nav-current { background-position: 50% 43px; }
	.sart-icon-menu { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 50px; }
		.sart-icon-menu:after { content:''; position: absolute; width: 32px; height: 100%; right: 20px; background: url(icon_menu.svg) no-repeat 50%; background-size: 32px auto; }
		.sart-icon-menu.sart-close:after { background-image: url(icon_close.svg); background-size: 24px auto; }
	// .sart-poster { margin-top: 70px; }
		.sart-poster dt { float: none; margin-right: 0; margin: 0 20px; }
			.sart-poster img { width: 100%; }
		.sart-poster dd { margin-top: 20px; }
			.sart-justify { padding-left: 20px; padding-right: 20px; }
	.sart-video-col-2, .sart-col-2, .sart-col-3, .sart-gallery-auto figure, .sart-article li, .sart-guide-item { width: 100%; }
	.sart-col-4 { width: 48%; }
	.sart-gallery-masonry + .sart-paragraph-btn { display: none; }
	.sart-voice-qrcode, .sart-article, .sart-guide-title { padding: 0 20px; }
	.sart-justify + .sart-guide-title, .sart-guide-item + .sart-guide-item { margin-top: 20px; }
	.sart-voice-qrcode { justify-content: space-between; }
	.sart-voice-qrcode li { width: 48%; margin-right: 0; }
	.sart-feeds .sart-article { box-sizing: border-box; width: 100%; margin-top: 20px; }
	.sart-hosts { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 20px; }
		.sart-hosts li { width: 48%; margin-right: 0; }
	.sart-video { padding: 0 20px; }
	.sart-gallery, .sart-virtual { padding: 0 20px; }
		.sart-gallery img { width: 100%!important; height: auto!important; position: static; transform: none; }
	.sart-col-1 a, .sart-col-2 a, .sart-col-3 a, .sart-col-4 a { height: auto; }
	.sart-footer { padding: 10px 20px; }
	.top-banner{ margin: 50px auto 0;}
	.sart-photo{ font-size: 18px;}
	.sart-photo::before,.sart-photo::after{
		display: none;
	}
}

/*插件样式调整*/
.pswp__bg{
	background: #d4cbb8;
}