html,
body {
	width: 100%;
	max-width: 100%;
}

img,
video,
iframe {
	max-width: 100%;
}

.contentView {
	box-sizing: border-box;
	max-width: 100%;
}

.contentView img,
.fieldContent img,
.leaderContent img,
.newsContent img {
	height: auto !important;
	max-width: 100% !important;
}

.contentView video,
.contentView iframe,
.fieldContent video,
.fieldContent iframe,
.leaderContent video,
.leaderContent iframe,
.newsContent video,
.newsContent iframe {
	max-width: 100%;
}

@media (max-width: 1199.98px) {
	.globalNav {
		padding: 0 32px;
	}

	.contentView {
		width: 100% !important;
	}

	#leaderRotate .swiper-slide {
		width: 42vw;
	}
}

@media (max-width: 991.98px) {
	body {
		padding-top: 64px;
	}

	.navbar,
	.navbar.active {
		background: var(--primary) !important;
		min-height: 64px;
	}

	.globalNav {
		padding: 0 20px;
		align-items: center;
		flex-wrap: nowrap;
		min-height: 64px;
	}

	.navbar-expand-lg > .container-fluid.globalNav {
		padding-right: 20px;
		padding-left: 20px;
	}

	.navbar-brand {
		width: 138px;
		height: 30px;
		margin-top: 0;
		flex: 0 0 auto;
	}

	.navbar-toggler {
		min-width: 44px;
		min-height: 44px;
		padding: 7px 9px;
		border-color: rgba(255, 255, 255, 0.35);
		flex: 0 0 auto;
	}

	.navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 20;
		width: 100%;
		height: auto;
		max-height: calc(100dvh - 64px);
		overflow-y: auto;
		margin: 0;
		padding: 8px 20px 14px;
		background: var(--primary);
		box-shadow: 0 14px 24px rgba(0, 0, 0, 0.18);
	}

	.navbar-collapse > i {
		display: none !important;
	}

	.navbar-nav,
	.navbar-nav > li,
	.navbar-nav > li > a {
		height: auto;
		line-height: 1.5;
	}

	.navbar-nav {
		width: 100%;
		margin: 0 !important;
	}

	.navbar-nav > li > a,
	a.nav-link {
		min-width: 0;
		margin: 0;
		padding: 12px 0 !important;
		text-align: left;
		font-size: 15px;
	}

	.nav-item:hover {
		background: transparent;
	}

	.dropdown .dropdown-menu,
	.brandMenu {
		width: 100% !important;
		transform: none;
		margin: 0 0 8px;
		padding: 4px 0;
		border: 0;
		background: rgba(0, 0, 0, 0.14);
		border-radius: 4px;
	}

	.dropdown .dropdown-menu .dropdown-item {
		padding: 10px 12px;
		line-height: 1.45;
		text-align: left;
		color: rgba(255, 255, 255, 0.86);
		border-color: rgba(255, 255, 255, 0.12);
		white-space: normal;
	}

	.dropdown .dropdown-menu .dropdown-item:hover,
	.dropdown .dropdown-menu .dropdown-item:active,
	.dropdown .dropdown-menu .dropdown-item:focus {
		color: #fff;
		background: rgba(255, 255, 255, 0.12);
	}

	.nav_tel {
		order: 4;
		width: 100%;
		height: auto;
		margin-top: 4px;
		padding: 10px 0;
		justify-content: flex-start;
		border-top: 1px solid rgba(255, 255, 255, 0.14);
		background: transparent;
		text-align: left;
	}

	.nav_tel > div {
		position: relative;
		display: flex;
		align-items: center;
		gap: 8px;
		min-height: 32px;
	}

	.nav_tel:hover {
		background: transparent;
	}

	.nav_tel:hover .qywx {
		display: none;
	}

	.nav_tel.qywx-open .qywx {
		display: block;
	}

	.qywx {
		left: 0;
		top: auto;
		bottom: calc(100% + 10px);
		margin: 0;
		transform: none;
		z-index: 30;
	}

	.qywx:before {
		top: auto;
		bottom: -9px;
		left: 28px;
		margin-left: 0;
		border-top: 10px solid #fff;
		border-bottom: 0;
	}

	footer .row.pt-5.pb-5 {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	footer > .container > .row > .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	footer .infoArea {
		float: none;
		width: 100%;
	}

	footer .qrcode {
		float: none;
		width: 120px;
		height: 120px;
		margin: 20px 0 28px;
	}

	footer .linkList .col-3 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	footer .copyright {
		line-height: 1.7;
	}

	#leaderRotate {
		height: 310px;
	}

	#leaderRotate .swiper-slide {
		width: 66vw;
		padding-left: 136px;
	}

	#leaderRotate .swiper-slide .pic {
		width: 112px;
		height: 150px;
	}
}

@media (max-width: 767.98px) {
	.container {
		width: 100%;
		max-width: 100%;
	}

	.container.p-5,
	.newsBody.container.p-5 {
		padding: 24px 16px !important;
	}

	.bg-white.p-5,
	.bg-white.rounded.p-5 {
		padding: 20px !important;
	}

	.pt-5 {
		padding-top: 28px !important;
	}

	.pb-5 {
		padding-bottom: 28px !important;
	}

	.row {
		margin-left: -8px;
		margin-right: -8px;
	}

	.row > [class*="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.pListTitle {
		margin-bottom: 28px !important;
		font-size: 24px;
	}

	.pListTitle > span:before,
	.pListTitle > span:after,
	.aboutArea h2 > span:before,
	.aboutArea h2 > span:after,
	.minTitle > span:before,
	.minTitle > span:after,
	.contactMain h3:before,
	.contactMain h3:after {
		display: none;
	}

	.container.p-5 > .row > .col-3,
	.container.p-5 > .row > .col-4,
	.exampleList > .col-3,
	.exampleList > .col-4 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 16px;
	}

	/* 首页 */
	#mainRotate,
	.rotateVideo,
	.rotateArea {
		height: 60vw;
	}

	.rotateVideo > .mask,
	.rotateArea > .mask {
		padding: 0 24px;
		font-size: clamp(30px, 8vw, 46px);
		line-height: 1.28;
		text-align: center;
		word-break: keep-all;
	}

	.rotateArea .content {
		padding: 0 24px;
	}

	.rotateArea .content h1 {
		font-size: 30px;
		line-height: 1.35;
	}

	.rotateArea .content h5 {
		font-size: 15px;
		line-height: 1.7;
	}

	#mainRotate .swiper-button-prev,
	#mainRotate .swiper-button-next,
	#mainRotate:hover .swiper-button-prev,
	#mainRotate:hover .swiper-button-next,
	#videoRotate .swiper-button-prev,
	#videoRotate .swiper-button-next,
	#videoRotate:hover .swiper-button-prev,
	#videoRotate:hover .swiper-button-next {
		display: none !important;
	}

	#mainRotate .swiper-pagination-bullet,
	#videoRotate .swiper-pagination-bullet {
		width: 28px;
	}

	#mainRotate .swiper-pagination-bullet:after,
	#videoRotate .swiper-pagination-bullet:after {
		width: 28px;
	}

	.indexModel {
		padding: 40px 0;
	}

	.indexModel > div > h4 {
		font-size: 26px;
		line-height: 1.35;
	}

	.indexModel > div > h6,
	.indexModel > div > .more {
		padding-bottom: 24px;
	}

	.exampleItem {
		margin-bottom: 0;
	}

	.exampleItem h5 {
		font-size: 15px;
		line-height: 1.45;
	}

	.changyuList .col-2 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.fuwuqiye .container {
		overflow: visible;
	}

	.fuwuqiye #a1,
	.fuwuqiye #a1 > ul {
		height: auto;
		overflow: visible;
	}

	.fuwuqiye #a1 > ul {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
		width: auto !important;
		left: auto !important;
		top: auto !important;
		padding: 0 16px;
		margin: 0;
		transform: none !important;
		list-style: none;
	}

	.fuwuqiye #a1 > ul > li {
		display: contents;
		width: auto;
		height: auto;
	}

	.fuwuqiye #a1 .customItem {
		box-sizing: border-box;
		width: 100%;
		height: 54px;
		padding: 12px 14px;
		background: rgba(255, 255, 255, 0.92);
		border-radius: 4px;
		opacity: 1;
		cursor: default;
		transition: none;
	}

	.videoArea {
		padding: 72px 0;
	}

	#videoRotate {
		overflow: hidden;
		padding: 8px 0 48px;
	}

	#videoRotate .swiper-slide {
		height: auto;
		aspect-ratio: 16 / 9;
		transform: scale(1);
	}

	#videoRotate .swiper-slide-active {
		transform: scale(1.04);
	}

	#videoRotate .swiper-slide video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#videoRotate .swiper-pagination {
		margin-top: 24px;
	}

	.video-js {
		width: calc(100vw - 32px) !important;
		max-width: none;
		max-height: 70dvh;
	}

	#closeBtn {
		display: block;
		top: 10px;
		right: 10px;
		min-width: 44px;
		min-height: 44px;
		padding: 10px;
		text-align: center;
		background: rgba(0, 0, 0, 0.45);
		color: #fff;
	}

	.mapInfoBox {
		position: relative;
		right: auto;
		bottom: auto;
		padding: 16px 0 0;
	}

	.mapInfoBox > div {
		width: 100%;
	}

	/* 关于页 */
	.aboutArea {
		padding-bottom: 36px;
	}

	.aboutArea h2 {
		padding: 42px 16px 28px;
		font-size: 24px;
		line-height: 1.35;
	}

	.aboutArea .row > .col-5,
	.aboutArea .row > .col-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.summary {
		font-size: 16px;
		line-height: 2;
	}

	.summary_pic {
		height: 260px;
		margin-bottom: 20px;
		background-size: contain;
	}

	.summary_text2 {
		display: block;
	}

	.summary_text2 > div {
		margin: 0 0 10px;
	}

	.duanluo p {
		font-size: 16px;
		line-height: 2;
	}

	.dujiayanjiu {
		display: block;
	}

	.dujiayanjiu > img {
		display: block;
		width: 72%;
		margin: 0 auto 24px;
	}

	.dujiaList,
	.dujiaList.left {
		width: 100%;
		text-align: left;
	}

	.dujiaItem {
		display: block;
		height: auto;
		margin-bottom: 16px;
		overflow: visible;
	}

	.dujiaText {
		padding: 16px;
		font-size: 16px;
		line-height: 1.9;
	}

	.dujiaImg {
		width: 100%;
		margin-left: 0;
	}

	.historyList {
		padding-top: 72px;
	}

	.historyList:before {
		left: 18px;
		transform: none;
	}

	.historyList:after {
		left: 18px;
		width: 58px;
		height: 58px;
		transform: translateX(-27px);
		font-size: 16px;
	}

	.historyItem,
	.historyItem:nth-child(odd) {
		display: block;
		width: 100%;
		margin-left: 0;
		padding: 0 0 0 48px;
		text-align: left;
		overflow: visible;
	}

	.historyItem:after,
	.historyItem:nth-child(odd):after {
		left: 18px;
		right: auto;
		top: 24px;
		width: 22px;
	}

	.historyItem > img,
	.historyItem:nth-child(odd) > img {
		width: 100%;
		height: auto;
		margin: 12px 0 0;
	}

	.historyYear {
		font-size: 26px;
	}

	.historyContent {
		font-size: 14px;
	}

	#leaderRotate {
		height: 340px;
		padding: 0 8px;
		overflow: hidden;
	}

	#leaderRotate .swiper-slide {
		width: 78vw;
		padding-left: 124px;
		transform: scale(1);
	}

	#leaderRotate .swiper-slide .pic {
		width: 100px;
		height: 134px;
	}

	#leaderRotate .swiper-button-prev,
	#leaderRotate .swiper-button-next,
	#leaderRotate:hover .swiper-button-prev,
	#leaderRotate:hover .swiper-button-next {
		display: none !important;
	}

	#leaderPage {
		bottom: -2px;
	}

	/* 联系页 */
	.bg-white > .row > .col-7,
	.bg-white > .row > .col-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.contactInfo {
		margin-top: 18px;
		line-height: 1.75;
	}

	.contactInfo .col-4,
	.contactInfo .col-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.contactInfo .col-4 {
		margin-top: 12px;
		color: #777;
		font-weight: 600;
	}

	.contactInfo .col-8 {
		color: #333;
	}

	#mapContainer {
		height: 400px;
	}

	.infoWindow {
		width: 100%;
		min-height: 138px;
		height: auto;
		padding: 16px;
	}

	.infoWindow > .pic {
		width: 96px;
		height: 96px;
		margin-right: 20px;
	}

	.infoWindow > .title,
	.infoWindow > .tel,
	.infoWindow > .address {
		width: auto;
		float: none;
	}

	.infoWindow > .title {
		padding-top: 6px;
		font-size: 15px;
	}

	.infoWindow > .tel {
		font-size: 18px;
	}

	.infoWindow > .address {
		font-size: 12px;
		line-height: 1.55;
	}

	/* 详情和富文本 */
	.contentView,
	.newsBody,
	.example_detail {
		width: 100% !important;
	}

	.contentView {
		padding: 20px !important;
		font-size: 15px;
		line-height: 1.9;
	}

	.pTitle,
	.example_detail h2,
	.newsBody h1 {
		font-size: 24px;
		line-height: 1.35;
	}

	.contentView table,
	.fieldContent table,
	.leaderContent table,
	.newsContent table {
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.example_detail iframe {
		height: 320px !important;
	}

	.newsContent {
		font-size: 15px;
		line-height: 2;
	}

	.newsContent .row > .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 16px;
	}

	.pagination {
		flex-wrap: wrap;
		gap: 6px;
	}

	.pagination .page-link {
		min-width: 38px;
		text-align: center;
	}

	/* 场地和人物详情 */
	.fieldDetail .row > .col-5,
	.fieldDetail .row > .col-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.fieldDetail .coverPic {
		height: 230px;
		margin-bottom: 20px;
	}

	.keywords > span {
		margin: 0 8px 8px 0;
	}

	.fieldContent,
	.leaderContent {
		font-size: 15px;
		line-height: 1.9;
		text-align: left;
	}

	.blurBg {
		height: 200px;
	}

	.coverPic {
		top: -120px;
		height: 80px;
	}

	.coverPic > div {
		width: 210px;
		height: 280px;
	}

	.mainContent {
		padding: 116px 16px 0;
	}

	.mainContent .summary {
		max-width: 100%;
		font-size: 16px;
		line-height: 2;
	}
}

@media (max-width: 575.98px) {
	body {
		padding-top: 60px;
	}

	.navbar,
	.navbar.active {
		min-height: 60px;
	}

	.navbar-brand {
		width: 126px;
		height: 27px;
	}

	.navbar-collapse {
		max-height: calc(100dvh - 60px);
	}

	.globalNav {
		padding: 0 18px;
		min-height: 60px;
	}

	.navbar-expand-lg > .container-fluid.globalNav {
		padding-right: 18px;
		padding-left: 18px;
	}

	.navbar-collapse {
		padding-right: 18px;
		padding-left: 18px;
	}

	footer .logo {
		width: 150px;
		height: 34px;
	}

	footer .infoArea .col-3,
	footer .infoArea .col-9 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	footer .infoArea .col-3 {
		margin-top: 10px;
		color: rgba(255, 255, 255, 0.68) !important;
	}

	footer .linkList .col-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	footer .copyright {
		padding: 12px 0;
		font-size: 11px;
	}

	.container.p-5,
	.newsBody.container.p-5 {
		padding: 20px 12px !important;
	}

	.bg-white.p-5,
	.bg-white.rounded.p-5 {
		padding: 16px !important;
	}

	.container.p-5 > .row > .col-3,
	.container.p-5 > .row > .col-4,
	.exampleList > .col-3,
	.exampleList > .col-4,
	.changyuList .col-2 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#mainRotate,
	.rotateVideo,
	.rotateArea {
		height: 60vw;
	}

	.rotateVideo > .mask,
	.rotateArea > .mask {
		font-size: clamp(28px, 9vw, 38px);
	}

	.indexModel {
		padding: 34px 0;
	}

	.indexModel > div > h4 {
		font-size: 24px;
	}

	.fuwuqiye #a1 > ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
		padding: 0 12px;
	}

	.fuwuqiye #a1 .customItem {
		height: 48px;
		padding: 10px 12px;
	}

	.videoArea {
		padding: 54px 0;
	}

	#videoRotate .swiper-slide-active {
		transform: scale(1);
	}

	.aboutArea h2 {
		font-size: 22px;
	}

	.summary_pic {
		height: 220px;
	}

	.dujiayanjiu > img {
		width: 88%;
	}

	.dujiaText {
		font-size: 15px;
	}

	#leaderRotate {
		height: 452px;
	}

	#leaderRotate .swiper-slide,
	#leaderRotate .swiper-slide.swiper-slide-active {
		width: 84vw;
		min-height: 408px;
		padding: 16px;
		text-align: center;
		transform: scale(1);
	}

	#leaderRotate .swiper-slide .pic {
		position: relative;
		left: auto;
		top: auto;
		width: 130px;
		height: 172px;
		margin: 0 auto 12px;
	}

	.leaderItem h3 {
		font-size: 22px;
	}

	.leaderItem h5 {
		font-size: 15px;
	}

	.leaderItem small {
		font-size: 12px;
	}

	.contactMain h1,
	.pTitle,
	.example_detail h2,
	.newsBody h1 {
		font-size: 22px;
	}

	.contactMain h2,
	.contactMain h3,
	.summary {
		font-size: 15px;
		line-height: 1.9;
	}

	#mapContainer {
		height: 400px;
	}

	.infoWindow {
		display: grid;
		grid-template-columns: 82px minmax(0, 1fr);
		gap: 0 14px;
		min-height: 150px;
		padding: 16px;
	}

	.infoWindow > .pic {
		grid-row: 1 / 4;
		width: 82px;
		height: 82px;
		margin: 0;
		float: none;
	}

	.infoWindow > .pic:after {
		display: none;
	}

	.infoWindow > .title,
	.infoWindow > .tel,
	.infoWindow > .address {
		min-width: 0;
	}

	.infoWindow > .title {
		padding-top: 0;
	}

	.infoWindow > .tel {
		font-size: 17px;
	}

	.contentView {
		padding: 16px !important;
		font-size: 15px;
	}

	.example_detail iframe {
		height: 240px !important;
	}

	.fieldDetail .coverPic {
		height: 210px;
	}

	.blurBg {
		height: 168px;
	}

	.coverPic {
		top: -96px;
		height: 70px;
	}

	.coverPic > div {
		width: 180px;
		height: 240px;
	}

	.mainContent {
		padding-top: 96px;
	}
}