@charset "utf-8";
/* CSS Document */
.container{
	width: 100%;
	min-width: 1200px;
	height: auto;
	min-height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.container_zgh{
        background:url("../images/content/bg_zgh.jpg") bottom center no-repeat;
	background-color: #EB7487;
	background-size: 100% auto;
}
.container_mjms{
        background:url("../images/content/bg_mjms.jpg") bottom center no-repeat;
	background-color: #FAC663;
	background-size: 100% auto;
}
.container_sfzk{
        background:url("../images/content/bg_sfzk.jpg") bottom center no-repeat;
	background-color: #DEC479;
	background-size: 100% auto;
}

.rightBox{
	width: 250px;
	height: auto;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 0 250px; /* 不增长不收缩 */
	padding-top: 80px;
}
.tag {
	width: 147px;
	height: 269px;
}

.tag img{
  width: 100%;
  height: 100%;
}

.intro {
	/*width: 179px;*/
width: 209px;
	height: auto;
	font-size: 24px;
	line-height: 38px;
	color: #000;
	margin-top: 29px;
}
.returnBtn a{
	display: inline-block;
	width: auto;
	height: 40px;
	line-height: 40px;
	color: #000;
	border: 1px solid;
	padding: 0 0.5em;
	font-size: 20px;
}

.artwork{
	height: auto;
	min-height: 600px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; 
	padding: 65px;
}

.artwork img{
	max-width: 100%; /* 规则1: 任何情况下宽度不超过容器 */
	height: auto; /* 高度根据比例自动计算 */
	/* 为图片添加一个最大高度限制，防止极端情况 */
	max-height: 200vh; /* 最大高度为视口的2倍，避免加载超长图片导致页面失控 */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.artwork img_bak{
object-fit: contain; /* 核心：保持比例，完整显示 */
	
	/* 宽度规则：正方形或高图70%，宽图100% */
	width: auto; /* 初始值设为auto */
	max-width: 100%; /* 规则1: 任何情况下宽度不超过容器 */
	height: auto; /* 高度根据比例自动计算 */

	/* 通过最大宽度来实现在不同比例下的显示效果 */
	/* 当图片很宽时，max-width:100%会限制它，使其宽度为100% */
	/* 当图片是正方形或很高时，下面的规则会生效，限制它的最大宽度为容器70% */
	max-width: min(100%, 70vw); /* 高级写法：取100%和70vw中的最小值 */
	
	/* 为图片添加一个最大高度限制，防止极端情况 */
	max-height: 200vh; /* 最大高度为视口的2倍，避免加载超长图片导致页面失控 */
	
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}