/*通用颜色*/
.marketing-regions {
	margin-top: 20px;
}

.region-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.region-tab {
	padding: 8px 15px;
	border-radius: 4px;
	cursor: pointer;
	background: #f5f5f5;
}

.region-tab.active {
	background: #e60012;
	color: white;
}

.office-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.office-tab {
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
}

.office-tab.active {
	border-color: #e60012;
	color: #e60012;
}

.region-info {
	padding: 15px;
	background: #f9f9f9;
	border-radius: 4px;
}

.info-item {
	margin-bottom: 10px;
}

.info-item label {
	color: #666;
	margin-right: 10px;
}

#container {
	position: relative;
	width: 100%;
	height: 100%;
}

/*PC端*/
@media screen and (min-width: 769px) {

	/* 添加须要的样式 */
	.region-list {
		display: flex;
		flex-wrap: nowrap;
		gap: calc(9 / 1920* 100vw);
		margin: calc(10 / 1920* 100vw) 0;
	}

	.region-item,
	.pcregion-item {
		display: flex;
		padding: 0 calc(15 / 1920* 100vw);
		/* border: 1px solid #b9b9b9; */
		cursor: pointer;
		text-align: center;
		font-size: calc(20 / 1920* 100vw);
		border-radius: 0 calc(20/1920*100vw) 0 0;
		justify-content: center;
		align-items: center;
		color: white;
		background-color: #f9f9f996;

	}

	.region-item.active {
		padding: calc(10 / 1920* 100vw) calc(15 / 1920* 100vw);
		background-color: #ffffff;
		color: #fd0000 !important;
		border-color: #e60012;
	}

	.office-list {
		display: flex;
		flex-wrap: wrap;
		gap: calc(10/1920*100vw);
		margin: calc(10/1920*100vw) calc(20/1920*100vw);
	}

	.office-list button {
		font-size: calc(18 / 1920* 100vw);

	}

	.office-item {
		padding: 5px 15px;
		border: 1px solid #ddd;
		cursor: pointer;
		border-radius: 4px;
	}

	.office-item.active {
		background-color: #e60012;
		color: white;
		border-color: #e60012;
	}

	.office-info {
		margin-top: calc(-10 / 1920* 100vw);
		background-color: rgb(255, 255, 255);
		width: calc(780/1920*100vw);
	}

	.manager-info,
	.office-detail {
		font-size: calc(18/1920*100vw);
		background-color: #ebe6e6;
		;
		padding: calc(10/1920*100vw);
		margin: calc(10/1920*100vw);
		line-height: 1.8;
	}

	#container {
		width: 100%;
		height: 400px;
		/* 确保容器有高度 */
	}

	.info-window {
		font-size: 14px;
		line-height: 1.5;
		padding: 10px;
		background-color: white;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	}

	.custom-info-window {
		position: absolute;
		background: white;
		border: 1px solid #ccc;
		padding: 10px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		display: none;
		/* 初始隐藏 */
		z-index: 1000;
	}

	.fsez {
		font-size: calc(16/1920*100vw);
	}

	.fsez p {
		text-align: left;
	}

	.time_axis {
		width: 100%;
		padding: 0 calc(160/1920*100vw);
		flex: 1;
		box-sizing: border-box;
		padding-top: calc(20 / 1920 * 100vw);
	}

	#content1 {
		position: relative;
		/* margin-top: calc(120/1920*100vw); */
	}
   .jtgkbj{
	width: 100vw;
	/* height: 100vh;
	min-height: calc(650/1920*100vw); */
	 max-height: calc(960/1920*100vw); 
	position: absolute;
	top:0;
	left: 0;
	margin: auto;
	z-index: -1;
   }
	/* #content1::after {
		position: absolute;
		content: '';
		background-color: red;
		top: calc(10/1920*100vw);
		left: calc(960/1920*100vw);
		width: 1px;
		height: calc(1060/1920*100vw);
	} */

	.divfddhl {
		position: absolute;
		right: 0;
		top: 0;
	}

	.divfddhl1 {
		position: fixed;
		right: 0;
		top: 20%;
		z-index: 100;
	}

	.fddiv {
		position: absolute;
		top: calc(150/1920*100vw);
		display: flex;
		position: absolute;
		top: calc(90 / 1920* 100vw);
		display: flex;
		flex-direction: column;
	}

	.fddiva:hover {
		color: #fff;
		;
		border-bottom: #fff 1px solid;
	}

	.fddiva {
		margin-left: calc(15/1920*100vw);
		width: calc(85/1920*100vw);
		height: calc(40/1920*100vw);
		color: #ffffffbd;
		border-bottom: #ffffffbd 1px solid;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: calc(15/1920*100vw);
	}

	.fddiva span {
		margin-bottom: calc(20/1920*100vw);
		font-size: calc(40/1920*100vw);
		margin-right: calc(10/1920*100vw);

	}

	.erjdalbj {
		width: calc(115/1920*100vw);
		height: calc(550/1920*100vw);

	}

	.divcer {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: calc(60/1920*100vw) calc(160/1920*100vw);
		margin-bottom: 0;
	}


	.wtc {
		display: flex;
		width: 100vw;
		min-height: calc(100 / 1920* 100vw);
		align-items: center;
		justify-content: flex-end;
		padding-right: calc(270/1920*100vw);
	}

	.about {
		position: relative;
		left: 0;
		transform: none;
		text-align: center;
		/* margin-bottom: calc(40/1920*100vw); */
	}

	.about .about-cn {
		font-size: calc(40/1920*100vw);
		margin-bottom: calc(10/1920*100vw);
	}

	.about .about-en {
		font-size: calc(28/1920*100vw);
	}

	.con {
		text-align: center;
		/* margin-bottom: calc(40/1920*100vw); */
	}

	.con1,
	.con2 {
		font-size: calc(32/1920*100vw);
		color: #da0a18;
		line-height: 1.5;
	}

	.con-left {
		display: flex;
		width: 100%;
		padding: 0;
		justify-content: space-around;
		/* gap: calc(80 / 1920* 100vw); */
		margin: calc(0 / 1920* 100vw) 0;
	}

	.metric {
		text-align: center;
	}

	.con-title {
		font-size: calc(22/1920*100vw);
		margin-bottom: calc(10/1920*100vw);
	}

	.metric .con-num {
		font-size: calc(50/1920*100vw);
	}

	.metric .con-num .unit {
		font-size: calc(24/1920*100vw);
	}

	.divider {
		width: calc(60/1920*100vw);
		height: 2px;
		background-color: #da0a18;
		margin: calc(30/1920*100vw) auto;
	}

	.time_dian {
		display: none;
	}

	.nomal-con {
		padding-left: calc(20 / 1920* 100vw);
		font-size: calc(14/1920*100vw);
		line-height: 1.8;
		text-align: justify;
		max-width: calc(800/1920*100vw);
		margin: 0 auto;
		border-left: red 2px solid;
	}

	.time_left {

		width: 50%;
		float: left;
		position: relative;
		box-sizing: border-box;
		padding-bottom: calc(60 / 1920 * 100vw);
	}

	.time_left .con {
		padding-right: calc(20 / 1920 * 100vw);
		margin-top: calc(100/1920*100vw) !important;
	}

	.pid {
		padding-top: calc(120/1920*100vw);
	}

	.time_rigth {
		width: 50%;
		float: right;
		position: relative;
		padding-bottom: calc(190 / 1920 * 100vw);
	}

	.con {

		padding: 0 calc(20 / 1920 * 100vw);
		/* margin-top: calc(80/1920*100vw) !important; */
	}

	.d1 {
		top: calc(405/1920*100vw);
	}

	.d2 {
		top: calc(683/1920*100vw);
	}

	.d3 {
		top: calc(895/1920*100vw);
	}

	.jiantou_rigth {
		position: absolute;
		top: 50%;
		margin-top: -16px;
		left: 5px;
		width: 0;
		height: 0;
		border-right: 15px solid #fff;
		border-bottom: 15px solid transparent;
		border-top: 15px solid transparent;
	}

	.con1 {
		color: #da0a18;
		font-size: calc(30 / 1920 * 100vw);
		font-weight: bold;
		line-height: calc(40 / 1920 * 100vw);
		padding-top: calc(20 / 1920 * 100vw);
	}

	.con2 {
		color: #da0a18;
		font-size: calc(40 / 1920 * 100vw);
		font-weight: lighter;
	}

	.first-title {
		font-size: calc(60 / 1920* 100vw);
		color: #da0a18;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		top: 2%;
		right: calc(949/1920*100vw);
		transform: translateY(87%);
	}

	.first-title-left {
		position: relative;
		white-space: nowrap;
		left: 100%;
	}

	.first-title-right {
		position: relative;
		white-space: nowrap;
		right: 0;
	}

	.con-right {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
		position: absolute;
		right: -100%;
		top: 0;
	}

	.metric {
		flex: 1;
        border-right: 1px solid #ccc;
        color: #da0a18;
		padding: calc(20/1920*100vw) 0;
		background-color: #5656564b;
	}

	.con-title {
		font-size: calc(18 / 1920 * 100vw);
	}

	.metric .con-num {
		font-size: calc(35 / 1920 * 100vw);
	}

	.metric .con-num .unit {
		font-size: calc(20 / 1920 * 100vw);
	}

	/* 愿景与使命 */
	.vision-mission {
		clear: both;
		/* height: 100vh;
		width: 100vw;
	    min-height: calc(900/ 1920 * 100vw); */
		min-height: calc(800 / 1920* 100vw);
		/* width: calc(1920 / 1920 * 100vw);
		height: calc(894 / 1920 * 100vw); */
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/hopeBK.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		z-index: -1;
		margin-top: calc(40 / 1920 * 100vw);
	}

	.vision-mission-left {
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.vision-mission-title,
	.vision-mission-content {
		margin-top: calc(100 / 1920* 100vw);
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.talent-img1 {
		width: calc(200/1920*100vw);
		object-fit: contain;
	}

	/* 取较长图片的宽度 */
	.vision-div {
		width: calc(547 / 1920 * 100vw);
	}

	.vision-img1 {
		width: calc(296 / 1920 * 100vw);
		height: calc(28 / 1920 * 100vw);
		margin-bottom: calc(20 / 1920 * 100vw);
		align-self: left;
	}

	.vision-img2 {
		width: calc(120 / 1920 * 100vw);
		height: calc(23 / 1920 * 100vw);
		align-self: left;
	}

	.vision-img3 {
		width: calc(270 / 1920 * 100vw);
		/* height: calc(121 / 1920 * 100vw); */
		margin-bottom: calc(40 / 1920 * 100vw);
	}

	.vision-img4 {
		width: calc(547 / 1920 * 100vw);
		height: calc(111 / 1920 * 100vw);
	}

	/* 开展历程 */
	.mySwiper1 {
		width: 100vw !important;
		min-height: calc(800/1920*100vw);
		overflow-y: hidden;
	}

	.divsx {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}


	.mySwiper1 .swiper-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: flex;
		transition-property: transform;
		box-sizing: content-box;
	}

	.mySwiper1 .carousel-btn.next {
		right: calc(150 / 1920* 100vw);
	}

	.mySwiper1 .carousel-btn.prev {
		left: calc(60 / 1920* 100vw);
	}

	.mySwiper1 .carousel-btn {
		position: absolute;
		top: 50% !important;
		transform: translateY(-50%);
		cursor: pointer;
		outline: none;
		z-index: 10;
		opacity: 1;
		transition: transform 0.3s ease;
	}

	.mySwiper1 .swiper-button-lock {
		display: block;
	}

	.mySwiper1 .carousel-btn>img {
		width: calc(50 / 1920* 100vw);
	}

	.mySwiper1 .swiper-slide {
		text-align: left;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.divxddw {
		position: relative;
		width: 100vw;
	}

	.divxddw .swiper {
		width: 100vw !important;
		height: calc(500/1920*100vw) !important;
		overflow-y: auto !important;
	}

	.divxddwimg {
		width: 100vw;
		height: calc(900/1920*100vw);
	}

	.divfd {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
	}

	.div-bttp {
		display: flex;
		align-items: center;
		margin-left: calc(160/1920*100vw);
		margin-top: calc(160/1920*100vw);
	}

	.bttpimg {
		margin-left: calc(20/1920*100vw);
		width: calc(70/1920*100vw);
		height: calc(30/1920*100vw);
	}

	.bttpbt {
		font-size: calc(30 / 1920* 100vw);
		font-weight: bold;
		color: #676767;
	}

	.fzs {
		font-size: calc(13/1920*100vw);
		margin-left: calc(160/1920*100vw);
	}

	.textbt {
		display: flex;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #858585;
		margin-top: calc(60/1920*100vw);
	}

	.btdx {
		font-size: calc(35/1920*100vw);
	}

	.btyw {
		font-size: calc(26/1920*100vw);
	}

	.divposr {
		position: relative;
		width: 100vw;
		height: calc(500/1920*100vw);
	}

	.divposa1 {
		position: absolute;
		top: calc(300 / 1920* 100vw);
		left: calc(118 / 1920* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.divposa2 {
		position: absolute;
		top: calc(250 / 1920* 100vw);
		left: calc(785 / 1920* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.divposa3 {
		position: absolute;
		top: calc(100 / 1920* 100vw);
		left: calc(1490 / 1920* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.divposa4 {
		position: absolute;
		top: calc(391/ 1920* 100vw);
		left: calc(480 / 1920* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.mySwiper1 {
		width: 100%;
		position: relative;
	}

	.divposa5 {
		position: absolute;
		top: calc(348 / 1920* 100vw);
		left: calc(1072 / 1920* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.divposa:hover .divny,
	.divposa:hover .divlr {
		color: #fc0000;
	}

	.mtop {
		margin-top: calc(100/1920*100vw);
	}

	.swiper-slide .divposa1img1 {
		height: calc(160/1920*100vw);
		margin-right: calc(30/1920*100vw);
	}

	.divny {
		color: #858585;
		font-size: calc(37/1920*100vw);
		font-weight: bold;
	}

	.divny span {
		font-size: calc(18/1920*100vw);
		font-weight: 100;
	}

	.divlr {
		font-size: calc(18/1920*100vw);
		color: #000000;
		width: calc(245/1920*100vw);
	}

	/* 组织架构 */
	.organization-structure {
		width: calc(1920 / 1920 * 100vw);
		/* height: calc(1482 / 1920 * 100vw); */
		max-height: max-content;
		height: 100vh;
		min-height: calc(800/1920*100VW);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/enterpriseBK.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		z-index: -1;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}
	.organization-structure-content{
		position: relative;
	}
    .organization-structure-content:hover .bakcolor{
		display: flex;
		
	}
	.bakcolor{
		padding: 10px 20px;
        border-radius: 38px;
        background-color: #66666694;
		color: white;
         display: none; 
		 left: 50%;
		 top: 50%;
		 transform: translateX(-50%) translateY(-50%);
        align-content: center;
        justify-content: center;
        position: absolute;
        margin: auto;
        align-items: center;
	}
	.organization-structure-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.org-img1 {
		width: calc(238 / 1920 * 100vw);
		height: calc(36 / 1920 * 100vw);
		margin-bottom: calc(10 / 1920 * 100vw);
	}

	.org-img2 {
		width: calc(140 / 1920 * 100vw);
		height: calc(35 / 1920 * 100vw);
	}

	.org-img3 {
		width: calc(1400 / 1920 * 100vw);
		height: 90%;
	}

	/* 企业声誉 */
	.enterprise-honor {
		width: calc(1920 / 1920 * 100vw);
		height: calc(1127 / 1920 * 100vw);
		overflow-y: hidden;
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/声誉配景.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		z-index: -1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.enterprise-honor-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: calc(110 / 1920 * 100vw);
		padding-bottom: calc(20 / 1920 * 100vw);
	}

	.honor-title-img1 {
		width: calc(276 / 1920 * 100vw);
		height: calc(35 / 1920 * 100vw);
		margin-bottom: calc(10 / 1920 * 100vw);
	}

	.honor-title-img2 {
		width: calc(140 / 1920 * 100vw);
		height: calc(35 / 1920 * 100vw);
	}

	.enterprise-honor-content {
		flex: 1;
		align-items: self-end;
		justify-content: space-evenly;
		flex-wrap: wrap;
		z-index: 1;
	}

	.enterprise-honor .swiper {
		width: 90vw !important;
		height: 40% !important;
		margin-left: auto;
		margin-right: auto;
	}

	.enterprise-honor .swiper-wrapper {
		height: 58% !important;
		width: 90vw !important;
	}

	.enterprise-honor .carousel-btn>img {
		width: calc(60 / 1920* 100vw) !important;
	}

	.enterprise-honor .swiper-slide {
		margin-left: calc(50/1920*100vw);
		text-align: center;
		font-size: 18px;
		height: 34% !important;
		background-color: #56565600 !important;
		/* 一排显示3个 */
		width: 30% !important;
		/* Center slide text vertically */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.honor-content-item {
		height: calc(313 / 1920* 100vw);
		/* 一排显示3个 */
		width: 100%;
		padding-bottom: calc(36 / 1920 * 100vw);
		display: flex;
		justify-content: center;
		z-index: -1;
	}

	.carousel-btn {
		position: absolute;
		top: 20% !important;
		transform: translateY(-50%);
		cursor: pointer;
		outline: none;
		z-index: 10;
		opacity: 1;
		transition: transform 0.3s ease;
	}

	.honor-content-item2 {
		/* 一排显示3个 */
		width: 100%;
		padding-bottom: calc(40 / 1920 * 100vw);
		margin-bottom: calc(74 / 1920 * 100vw);
		display: flex;
		justify-content: center;
		z-index: -1;
	}

	.honer-img-bk {
		position: relative;
		width: calc(431 / 1920 * 100vw);
		height: calc(313 / 1920 * 100vw);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/组 1.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		z-index: -1;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.swiper-slide:hover .honor-show-img {
		display: flex;
	}

	.honor-show-img {
		display: none; */
        /* width: calc(106 / 1920* 100vw); */
        /* height: calc(106 / 1920* 100vw); */
        /* background-image: url(/static/freemarker/template/1/1121260742838849536/images/group/矩形 12.png); */
        /* background-repeat: no-repeat; */
        /* background-size: 100% 100%; */
        /* display: flex
; */
        /* justify-content: center; */
		color: #fffbfb;
        background-color: #7f7f7fc4;
        align-items: center;
        flex-direction: column;
        position: absolute;
        /* right: 0; */
        z-index: 2;
        cursor: pointer;
	}

	.honer-img {
		width: calc(358 / 1920 * 100vw);
		height: calc(241 / 1920 * 100vw);
		object-fit: contain;
		left: 0;
		top: 0;
		z-index: 1;
	}

	/* 人才理念 */
	.talent-philosophy {
		height: 70vh;
		width: 100vw;
		min-height: calc(560/1920*100vw);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/人才理念配景.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.talent-philosophy-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: calc(120 / 1920 * 100vw) 0;
	}

	.talent-title-img1 {
		width: calc(246 / 1920 * 100vw);
		height: calc(35 / 1920 * 100vw);
		margin-bottom: calc(10 / 1920 * 100vw);
	}

	.talent-title-img2 {
		width: calc(140 / 1920 * 100vw);
		height: calc(35 / 1920 * 100vw);
	}

	.talent-philosophy-content {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin-top: calc(250/1920*100vw);
	}

	.talent-philosophy-content img {
		width: calc(230/1920*100vw);
		height: calc(182/1920*100vw);
	}

	/* 加入云顶集团3118 */
	.join-us {
		width: calc(1920 / 1920 * 100vw);
		height: 100vh;
		max-height: max-content;
		min-height: calc(800/1920*100vw);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/加入云顶集团3118配景.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.join-us-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: calc(80 / 1920 * 100vw) 0;
	}

	.join-us-title .join-title-img1 {
		width: calc(118 / 1920 * 100vw);
		height: calc(28 / 1920 * 100vw);
		margin-bottom: calc(10 / 1920 * 100vw);
	}

	.join-us-title .join-title-img2 {
		width: calc(140 / 1920 * 100vw);
		height: calc(35 / 1920 * 100vw);
	}

	.join-us-content {
		position: relative;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		z-index: 50;
	}

	.join-us-item-right {
		width: calc(768 / 1920 * 100vw);
		height: calc(700 / 1920 * 100vw);
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		box-sizing: border-box;
		padding: 40px 0;
	}

	.join-item-left-img {
		width: calc(768 / 1920 * 100vw);
		/* max-width: max-content; */
        min-height: min-content;
		/* height: calc(700 / 1920 * 100vw); */
	}

	.search-search {
		width: calc(495 / 1920 * 100vw);
		height: calc(81 / 1920 * 100vw);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/圆角矩形 2.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		display: flex;
		justify-content: space-between;
	}

	.join-search-icon1 {
		width: calc(30 / 1920 * 100vw);
		height: calc(30 / 1920 * 100vw);
		margin-left: calc(36 / 1920 * 100vw);
		align-self: center;
	}

	.join-search-input {
		flex: 1;
		border: none;
		font-size: calc(20 / 1920 * 100vw);
		margin: 0 calc(36 / 1920 * 100vw);
		outline: none;
	}

	.join-search-input::placeholder {
		color: red;
		text-align: center;
	}

	.join-search-input::-webkit-input-placeholder {
		color: red;
	}

	.join-search-input::-moz-placeholder {
		color: red;
	}

	.join-search-input:-ms-input-placeholder {
		color: red;
	}

	.join-search-icon2 {
		width: calc(38 / 1920 * 100vw);
		height: calc(38 / 1920 * 100vw);
		margin-right: calc(36 / 1920 * 100vw);
		align-self: center;
	}

	.item-one {
		width: 100%;
		display: flex;
		align-items: center;
		z-index: 50;
	}

	.item-title {
		font-size: calc(25/1920*100vw);
		margin-right: calc(40 / 1920 * 100vw);
		color: #f3f3f3;
	}

	.join-hot-city-content {
		flex: 1;
	}

	.city-item {
		display: flex;
		justify-content: space-around;
		align-items: center;
		color: #f3f3f3;
	}

	.city-item span,
	.city-item2 span {
		margin-right: calc(20 / 1920 * 100vw);
		line-height: calc(40 / 1920 * 100vw);
	}

	.city-item span::before,
	.city-item2 span::before {
		content: url("/static/freemarker/template/1/1121260742838849536/images/group/定位点图标.png");
		display: inline - block;
		margin-right: calc(5 / 1920 * 100vw);
		width: calc(16 / 1920 * 100vw);
		height: calc(19 / 1920 * 100vw);
	}

	.join-hot-city-content {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.join-all-city-content {
		width: 100%;
	}

	.city-item2 {
		color: #f3f3f3;
	}

	/* 在线留言 */

	.online-top {
		height: calc(341 / 1920 * 100vw);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/二维码配景.png");
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-right: calc(310 / 1920 * 100vw);
		padding-left: calc(150 / 1920 * 100vw);
	}

	.contact-info {}

	.contact-info p {
		color: #999;
		margin: calc(10 / 1920 * 100vw) 0;
		font-size: calc(18 / 1920 * 100vw);
	}

	.online-top-right {
		display: flex;
		flex-direction: row;
	}

	.qrcode {
		margin-top: calc(20 / 1920 * 100vw);
		text-align: center;
		margin-left: calc(110 / 1920 * 100vw);
	}

	.qrcode img {
		width: calc(184 / 1920 * 100vw);
		height: calc(184 / 1920 * 100vw);
	}

	.qrcode p {
		color: #999;
		font-size: calc(18 / 1920 * 100vw);
	}

	.online-bottom {
		height: calc(842 / 1920 * 100vw);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/在线留言配景.png");
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.online-bottom-left {
		display: flex;
		flex-direction: column;
		margin-top: calc(150 / 1920 * 100vw);
		margin-left: calc(150 / 1920 * 100vw);
	}

	.online-bottom-left img {
		height: calc(38 / 1920 * 100vw);
		width: calc(157 / 1920 * 100vw);
		margin-bottom: calc(20 / 1920 * 100vw);
	}

	.online-bottom-left span {
		color: #999;
		margin-top: calc(10 / 1920 * 100vw);
		font-size: calc(18 / 1920 * 100vw);
	}

	.message-form {
		margin-top: calc(125 / 1920 * 100vw);
		margin-right: calc(150 / 1920 * 100vw);
		display: flex;
		flex-direction: column;
	}

	.message-form-input {
		width: calc(870 / 1920 * 100vw);
		border-radius: calc(30 / 1920 * 100vw);
		padding: calc(30 / 1920 * 100vw) calc(30 / 1920 * 100vw);
		font-size: calc(18 / 1920 * 100vw);
		border: none;
		margin-bottom: calc(10 / 1920 * 100vw);
		color: #000;
	}

	.message-form input::-webkit-input-placeholder {
		color: #999;
	}

	.message-form textarea {
		height: calc(250 / 1920 * 100vw);
	}

	.message-form-submit {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: calc(35 / 1920 * 100vw);
	}

	.message-form-submit button {
		background-color: rgba(220, 10, 23, 1);
		color: #ffffff;
		border: none;
		padding: calc(10 / 1920 * 100vw) calc(40 / 1920 * 100vw);
		cursor: pointer;
		border-radius: calc(40 / 1920 * 100vw);
	}

	.message-form-submit-btn {
		font-size: calc(22 / 1920 * 100vw);
		text-align: center;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.message-form-submit-btn img {
		margin-left: calc(20 / 1920 * 100vw);
		width: calc(30 / 1920 * 100vw);
		height: calc(30 / 1920 * 100vw);
	}

	.message-form-submit-code {
		border: none;
		height: calc(50 / 1920 * 100vw);
		line-height: calc(50 / 1920 * 100vw);
		border-radius: calc(40 / 1920 * 100vw);
		width: calc(200 / 1920 * 100vw);
		margin-left: calc(45 / 1920 * 100vw);
		text-align: center;
	}

	.message-form-submit input::-webkit-input-placeholder {
		color: #999;
		font-size: calc(20 / 1920 * 100vw);
	}

	.message-form-code-img {
		width: calc(112 / 1920 * 100vw);
		height: calc(40 / 1920 * 100vw);
		margin-left: calc(45 / 1920 * 100vw);
	}

	/* vr云参展 */

	.vr-container {
		width: calc(1920 / 1920 * 100vw);
		height: calc(944 / 1920 * 100vw);
		background-image: url("/static/freemarker/template/1/1121260742838849536/images/group/VR配景.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		z-index: -1;
	}

	.vr-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: calc(80 / 1920 * 100vw) 0;
	}

	.vr-img1 {
		width: calc(316 / 1920 * 100vw);
		height: calc(28 / 1920 * 100vw);
		margin-bottom: calc(10 / 1920 * 100vw);
	}

	.vr-img2 {
		width: calc(140 / 1920 * 100vw);
		height: calc(35 / 1920 * 100vw);
	}

	.vr-content {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin-top: calc(220 / 1920 * 100vw);
	}

	.vr-content img {
		width: calc(300/1920*100vw);
	}

	.vr-content-item1 {
		color: white;
		position: relative;
		border-radius: 0 0 calc(22.5 / 1920* 100vw) calc(22.5 / 1920* 100vw);
		background-color: #61616187;
		/* width: calc(194 / 1920* 100vw); */
		height: calc(45 / 1920* 100vw);
		/* line-height: calc(62 / 1920* 100vw); */
		display: flex;
		margin-top: calc(-50 / 1920* 100vw);
		align-items: center;
		justify-content: center;
		font-size: calc(18 / 1920* 100vw);
	}

	.vr-content-item1:hover,
	.vr-content-item2:hover {
		background-color: #da0a18;
		color: white;
	}

	.vr-content-item1 img {
		height: calc(40/1920*100vw);
		width: auto;
	}

	.vr-content-item2 {
		color: white;
		position: relative;
		border-radius: 0 0 calc(22.5 / 1920* 100vw) calc(22.5 / 1920* 100vw);
		background-color: #61616187;
		/* width: calc(194 / 1920* 100vw); */
		height: calc(45 / 1920* 100vw);
		/* line-height: calc(62 / 1920* 100vw); */
		display: flex;
		margin-top: calc(-50 / 1920* 100vw);
		align-items: center;
		justify-content: center;
		font-size: calc(18 / 1920* 100vw);
	}

	.vr-content-item1 img,
	.vr-content-item2 img {
		width: calc(12 / 1920 * 100vw);
		height: calc(24 / 1920 * 100vw);
		margin-left: calc(10 / 1920 * 100vw);
	}

	.vr-content-item1 .active,
	.vr-content-item2 .active {
		color: #fff !important;
		border-radius: calc(31/1920*100vw);
		background-color: rgb(255, 3, 3);
	}

	/* 模态框样式 */
	.modal {
		display: none;
		/* 默认隐藏模态框 */
		position: fixed;
		/* 牢靠定位，笼罩整个页面 */
		z-index: 1000;
		/* 确保模态框显示在最上层 */
		padding-top: 100px;
		/* 模态框内内容距离顶部的距离 */
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		/* 当内容溢出时显示转动条 */
		background-color: rgb(253 252 252 / 81%);
		/* 半透明配景 */
	}

	/* 模态框内放大的图片 */
	.modal-content {
		margin: auto;
		display: block;
		width: 80%;
		height: 80%;
		object-fit: contain;
		display: flex;
		/* max-width: 700px; */
		align-items: center;

		/* 最大宽度限制 */
	}

	/* 图片的缩放动画 */
	.modal-content {
		animation-name: zoom;
		animation-duration: 0.6s;
	}

	.bodyy {
		overflow: hidden !important;
	}

	/* 缩放动画 */
	@keyframes zoom {
		from {
			transform: scale(0);
			/* 初始缩放为0 */
		}

		to {
			transform: scale(1);
			/* 缩放到1倍 */
		}
	}

	/* 关闭按钮样式 */
	.close {
		position: absolute;
		/* 绝对定位 */
		top: calc(80/1920*100vw);
		right: calc(155/1920*100vw);
		color: #f80000;
		/* 按钮颜色 */
		font-size: 40px;
		/* 字体巨细 */
		font-weight: bold;
		/* 字体加粗 */
		cursor: pointer;
		/* 鼠标悬浮时显示指针 */
	}

	/* 鼠标悬浮时关闭按钮的样式 */
	.close:hover {
		color: red;
		/* 更改悬浮时的颜色 */
	}

	.yd {
		display: none;
	}
}

/*移动端*/

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}

	.post {
		position: relative;
	}

	.divfddh2 {
		position: absolute;
		right: 0;
		top: 0;
	}

	.divfddhl1 {
		position: fixed;
		right: 0;
		top: 20%;
		z-index: 100;
	}

	.ksdhzk {
		width: calc(120/768*100vw);
		height: calc(120/768*100vw);
		opacity: 0.8;
	}

	.fddiv {
		position: absolute;
		width: calc(150/768*100vw);
		display: flex;
		position: absolute;
		top: calc(30 / 768* 100vw);
		display: flex;
		flex-direction: column;
	}

	.disno {
		display: none;
	}

	.fddiva:hover {
		color: #fff;
		border-bottom: #fff 1px solid;
	}

	.fddiva {
		margin-left: calc(15 / 768* 100vw);
		width: calc(135 / 768* 100vw);
		height: calc(40 / 768* 100vw);
		color: #ffffffbd;
		border-bottom: #ffffffbd 1px solid;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: calc(26 / 768* 100vw);
		margin-top: calc(10/768*100vw);
	}

	.fddiva1 {
		margin-top: calc(20/768*100vw);
		margin-left: calc(15 / 768* 100vw);
		width: calc(135 / 768* 100vw);
		height: calc(40 / 768* 100vw);
		color: #ffffffbd;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: calc(26 / 768* 100vw);
	}

	.ksdhsq {
		width: calc(14/768*100vw);
		margin-right: calc(20/768*100vw);
	}

	.fddiva span {
		margin-bottom: calc(20/768*100vw);
		font-size: calc(40/768*100vw);
		margin-right: calc(10/768*100vw);

	}

	.erjdalbj {
		width: calc(180/768*100vw);
		height: calc(640/768*100vw);
		background-color: #db0a17;
		border-radius: calc(30/768*100vw) 0 0 calc(30/768*100vw);

	}

	.divcer {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: calc(60/768*100vw) calc(160/768*100vw);
		margin-bottom: 0;
	}

	.ydmk1 {
		width: calc(700/768*100vw);
		margin: auto calc(20/768*100vw);
	}

	.ydmkbj {
		margin-left: calc(40/768*100vw);
	}

	.ydmkzt1 {
		margin-top: calc(20/768*100vw);
		font-size: calc(50/768*100vw);
		color: #7a7a7a;
	}

	.ydmkzt2 {
		font-size: calc(50/768*100vw);
		color: #a5a5a5;
	}

	.ydmkzt3 {
		margin-top: calc(50/768*100vw);
		color: #e70000;
		font-size: calc(40/768*100vw);

	}

	.ydmySwiper1 {
		width: 100vw !important;
		height: calc(930/768*100vw) !important;
		overflow-x: hidden !important;
		display: flex;
		overflow-x: hidden;
	}

	.ydmySwiper1 .swiper-wrapper {
		display: flex;
	}

	.ydmySwiper1 .swiper-slide {
		display: flex;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.divsx {
		position: absolute;
		bottom: calc(-15/768*100vw);
		left: calc(30/768*100vw);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.div-bttp {
		display: flex;
		align-items: center;

	}

	.bttpimg {
		margin-left: calc(110/768*100vw);
		width: calc(70/768*100vw);
		height: calc(30/768*100vw);
	}

	.bttpbt {
		font-size: calc(38 / 768* 100vw);
		font-weight: bold;
		color: #676767;
	}

	.fzs {
		font-size: calc(16/768*100vw);
	}

	.ydmk3map {
		margin-top: calc(60/768*100vw);
	}

	.divposa1 {
		position: absolute;
		top: calc(384 / 768* 100vw);
		left: calc(118 / 768* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.swiper-slide .ydmk3 .mk3img,
	#section3 {
		width: 100vw !important;
		height: calc(930/768*100vw) !important;
		overflow-y: hidden;
	}

	.divposa2 {
		position: absolute;
		top: calc(379 / 768* 100vw);
		left: calc(100 / 768* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.divposa1img1 {
		height: calc(160/768*100vw);
		margin-right: calc(30/1920*100vw);
	}

	.divposa3 {
		position: absolute;
		top: calc(220 / 768* 100vw);
		left: calc(500 / 768* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.divny {
		color: #858585;
		font-size: calc(37/768*100vw);
		font-weight: bold;
	}

	.divny span {
		font-size: calc(20/768*100vw);
		font-weight: 100;
	}

	.divlr {
		font-size: calc(20/768*100vw);
		color: #858585;
		width: calc(245/768*100vw);
	}

	.divposa4 {
		position: absolute;
		top: calc(540 / 768* 100vw);
		left: calc(340 / 768* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.divposa5 {
		position: absolute;
		top: calc(541 / 768* 100vw);
		left: calc(337 / 768* 100vw);
		display: flex;
		align-items: flex-start;
	}

	.ydmkzt4 {
		margin-top: calc(20/768*100vw);
		color: #e70000;
		font-size: calc(85/768*100vw);
	}

	.ydmkzt5 {
		margin-top: calc(40/768*100vw);
		color: #e70000;
		font-size: calc(85/768*100vw);
	}

	.divtop {
		margin-top: calc(50/768*100vw);
	}

	.divtop20 {
		margin-top: calc(20/768*100vw);
	}

	.disflx {
		margin-top: calc(40 / 768* 100vw);
		margin-bottom: calc(40 / 768* 100vw);
		display: flex;
		justify-content: space-between;
	}

	.fontsiz {
		line-height: calc(50/768*100vw);
		font-size: calc(25/768*100vw);
	}

	.red {
		color: red;
	}

	.fontsiz20 {
		font-size: calc(20/768*100vw);
	}

	.fontsiz50 {
		font-size: calc(50/768*100VW);
	}

	.fontsiz50 span {
		font-size: calc(20/768*100vw);
	}

	.ydmk2 {
		margin-top: calc(20/768*100vw);
		color: white;
	}

	.ydmk2bj {
		background-color: #970505f0;
		height: calc(470/768*100vw);
		width: 100vw;
	}

	.ydmk2img {
		width: 100vw;
		object-fit: contain;
	}

	.tetrt {
		text-align: right;
	}

	.fontsiz40 {
		font-size: calc(40/768*100vw);
	}

	.mk2div {
		padding-top: calc(30/768*100vw);
		padding-right: calc(40/768*100vw);
	}

	.matop30 {
		margin-top: calc(30/768*100vw);
	}

	.matop15 {
		margin-top: calc(15/768*100vw);
	}

	.mk2div1 {
		padding-top: calc(10/768*100vw);
		padding-right: calc(40/768*100vw);
	}

	.mk2div2 {
		padding-left: calc(20/768*100vw);
	}

	.fontsiz25 {
		font-size: calc(20/768*100vw);
	}

	.ydmk3 {
		width: 100vw;
		height: calc(870/768*100vw);
		position: relative;

	}

	.mk3img {
		width: 100vw;
		object-fit: contain;
	}

	.ydmk3fd {
		top: 0;
		color: #878787;
		position: absolute;
		left: calc(15/768*100vw);
		width: calc(728/768*100vw);
	}

	.textcerter {
		text-align: center;
	}

	.ydmk3a {
		margin-top: calc(40 / 768* 100vw);
		width: calc(728 / 768* 100vw);
		height: calc(630 / 768* 100vw);
		background-color: #fffefe;
		opacity: 0.8;
	}

	.imgobj {
		margin-top: calc(40/768*100vw);
		width: calc(728/768*100vw);
		height: calc(500/768*100vw);
	}

	.discenter {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100vw;
	}

	.bakcolor {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #565656;
		border-radius: calc(30/768*100vw);
		width: calc(300/768*100vw);
	}

	.djfdimg {
		width: calc(30/768*100vw);
		margin-right: calc(30/768*100vw);
	}

	.djfd {
		color: white;
		font-size: calc(25/768*100vw);
		padding: calc(15/768*100vw) 0;
	}

	.ydxddw {
		position: relative;
	}

	.ydjddw {
		position: absolute;
		top: 0;
	}

	.dislbsq {
		display: flex;
	}

	.rybj {
		height: calc(270/768*100vw);
	}

	.discen {
		display: flex;
		justify-content: space-around;
		width: 100%;
		top: calc(180/768*100vw);

	}

	.hsmc {
		background: linear-gradient(to bottom, #f3f3f336 30%, #dfdfdf00 40%, #f3f3f336 70%);
		height: calc(500/768*100vw);
		top: calc(150/768*100vw);
		width: 100%;
	}

	.tpwb {
		top: calc(240/768*100vw);
	}

	.position-relative {
		width: calc(748/768*100vw);
		position: relative;
	}

	.bjk {
		margin-left: calc(80/768*100vw);
		width: calc(590/768*100vw);
		height: calc(430/768*100vw);
	}

	.zszp {
		width: calc(500 / 768* 100vw);
		height: calc(330 / 768* 100vw);
		position: absolute;
		top: calc(51/768*100vw);
		left: calc(124/768*100vw);
	}

	.divck {
		position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        /* bottom: calc(7 / 768* 100vw); */
        /* background-color: red; */
        /* right: calc(176 / 768* 100vw); */
        color: white;
        display: flex
;
        width: calc(140 / 768* 100vw);
        height: calc(140 / 768* 100vw);
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}

	/* .divck img {
		width: calc(80/768*100vw);
		height: calc(80/768*100vw);
	} */
	.rotate-circle{
		display: none;
	}

	.tmap-zoom-control{
		display: none !important;
	}
	.divck div {
		font-size: calc(25/768*100vw);
	}

	.carousel-btn img {
		width: calc(60/768*100vw) !important;
		height: calc(60/768*100vw);
	}

	.ydmk4 .swiper {
		width: calc(740 / 768* 100vw) !important;
		height: calc(432 / 768* 100vw) !important;
		overflow-x: hidden !important;
		display: flex;
		overflow-x: hidden;
	}

	.ydmk4 .swiper-wrapper {
		display: flex;
	}

	.ydmk4 .swiper-slide {
		display: flex;
		overflow-x: hidden;
	}

	.ydmk4 {
		height: calc(770/768*100vw);
	}

	.dbbj {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: calc(80/768*100vw);
		background: linear-gradient(to bottom, #edebeb 40%, #dfdfdf 10%, #e7e3e3 70%);
	}

	.d2 {
		color: black;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: calc(80/768*100vw);
		margin-bottom: calc(20/768*100vw);
	}

	.bt1 {
		font-size: calc(45/768*100vw);

	}

	.bt2 {
		font-size: calc(30/768*100vw);
	}

	.bt3 {
		font-size: calc(20/768*100vw);
	}

	.hx {
		margin-top: calc(20/768*100vw);
		margin-bottom: calc(20/768*100vw);
		background-color: #da0a18;
		height: calc(2/768*100vw);
		width: calc(60/768*100vw);
	}

	.dis2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.bjred {
		background-color: #bd000e;
		width: 100vw;
		height: calc(1700/768*100vw);
		/* height: calc(200/768*100vw); */
	}

	.ydmk6 {
		margin-top: calc(200/768*100vw);
		/* height: calc(200/768*100vw); */
		height: calc(1650/768*100vw);
	}

	.mk6img {
		width: calc(700/768*100vw);
		height: calc(700/768*100vw);
		margin-left: calc(16/768*100vw);
	}

	.ydmk6a {
		margin-top: calc(40 / 768* 100vw);
		width: calc(728 / 768* 100vw);
		height: auto;
	}

	.search-search {
		display: flex;
		background-color: white;
		height: calc(80/768*100vw);
		width: calc(500/768*100vw);
		border-radius: calc(50/768*100vw);
	}

	.search-search img {
		margin-top: calc(15/768*100vw);
		margin-left: calc(30/768*100vw);
		height: calc(50/768*100vw);
		width: calc(50/768*100vw);
	}

	.join-search-input {
		margin-top: calc(15/768*100vw);
		margin-left: calc(30/768*100vw);
		height: calc(50/768*100vw);
		width: calc(270/768*100vw);
		border: 0 rgba(170, 10, 23, 1) solid;
		text-align: center;
		font-size: calc(30/768*100vw);
		color: red;
	}

	.join-search-input::-webkit-input-placeholder {
		color: red;
	}

	.wdbt {
		color: white;
		font-size: calc(30/768*100vw);
		width: calc(201/768*100vw);
	}

	.dislddq {
		display: flex;
		align-items: center;
		width: calc(700 / 768* 100vw);
		/* margin-left: calc(16/768*100vw); */
		margin-top: calc(60/768*100vw);
	}

	.yjwd {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		/*grid-gap: 10px;*/

	}

	.yjwd5 {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		/*grid-gap: 10px;*/
		width: calc(650/768*100vw);
	}

	.yjwddis {
		font-size: calc(25/768*100vw);
		color: white;
		display: flex;
		margin-left: calc(20/768*100vw);
		padding-top: calc(15/768*100vw);
		padding-bottom: calc(15/768*100vw);

	}

	.yjwddis img {
		width: calc(25/768*100vw);
	}

	.dwt {
		width: calc(400/768*100vw);
	}

	.disgd {
		margin-top: calc(20/768*100vw);
		margin-left: calc(40/768*100vw);
	}

	.ydmk7 {
		/* margin-top: calc(826/768*100vw); */
	}

	.ydmk7img {
		width: 100vw;
		height: calc(620 / 768* 100vw);
	}

	.mk7a {
		position: absolute;
		top: calc(60/768*100vw);
	}

	.mk7l {
		margin-left: calc(60/768*100VW);
		font-size: calc(25/768*100vw);
		line-height: calc(45/768*100vw);
	}

	.mk7dis {
		display: flex;
	}

	.mk7dis1 div {
		margin-top: calc(20/768*100vw);
	}

	.mk7dis1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: calc(25/768*100vw);
		margin-left: calc(34/768*100vw);
		margin-top: calc(60/768*100vw);
	}

	.mk7dis1 img {
		width: calc(200/768*100vw);
		height: calc(200/768*100vw);
	}

	.ydmk8 {
		/* margin-top: calc(-250/768*100vw); */
	}

	.ydmk8img {
		width: 100vw;
		background-color: #ebebebcc;
		height: calc(1120 / 768* 100vw);
	}

	.mk8a {
		position: absolute;
		top: calc(60/768*100vw);
		left: calc(40/768*100vw);
	}

	.mk8zt1 {
		font-size: calc(60/768*100vw);
		margin-bottom: calc(20/768*100vw);
	}

	.mk8zt2 {
		font-size: calc(35/768*100vw);
		color: #9b9b9b;
	}

	.message-form {
		margin-top: calc(50 / 768* 100vw);
		display: flex;
		flex-direction: column;
	}

	.message-form-input {
		width: calc(620 / 768* 100vw);
		height: calc(40/768*100vw);
		font-size: calc(30/768*100vw);
		border-radius: calc(20 / 768* 100vw);
		padding: calc(20 / 768* 100vw) calc(30 / 768* 100vw);
		border: none;
		margin-bottom: calc(10 / 768* 100vw);
		color: #000;
	}

	.message-form textarea {
		height: calc(250 / 768* 100vw);
	}

	.message-form-submit {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: calc(35 / 768* 100vw);
		justify-content: center;
	}

	.message-form-submit button {
		background-color: rgba(220, 10, 23, 1);
		color: #ffffff;
		border: none;
		padding: calc(10 / 768* 100vw) calc(40 / 768* 100vw);
		cursor: pointer;
		border-radius: calc(40 / 768* 100vw);
	}

	.message-form-submit-code {
		border: none;
		height: calc(50 / 768* 100vw);
		line-height: calc(50 / 768* 100vw);
		border-radius: calc(40 / 768* 100vw);
		width: calc(200 / 768* 100vw);
		margin-left: calc(45 / 768* 100vw);
		text-align: center;
		font-size: calc(22/768*100vw);
	}

	.message-form-code-img {
		width: calc(112 / 768* 100vw);
		height: calc(40 / 768* 100vw);
		margin-left: calc(45 / 768* 100vw);
	}

	.message-form-submit-btn {
		font-size: calc(22 / 768* 100vw);
		text-align: center;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.message-form-submit-btn img {
		width: calc(20/768*100vw);
		height: calc(20/768*100vw);
	}

	.message-form input::-webkit-input-placeholder {
		color: #ccc;
	}

	.message-form textarea::-webkit-input-placeholder {
		color: #ccc;
	}

	.ydmk9 {
		margin-top: calc(250/768*100vw);
	}

	.ydmk9img {
		width: 100vw;
	}

	.al {
		display: flex;
		background-color: #ffffffa6;
		padding: calc(15 / 768* 100vw) calc(40 / 768* 100vw);
		font-size: calc(22 / 768* 100vw);
		border-radius: calc(50 / 768* 100vw);
		justify-content: center;
		margin: calc(20/768*100vw) 0;
		align-items: center;
		color: #000;
	}

	.al5 {
		padding: calc(15 / 768* 100vw) calc(10 / 768* 100vw);
	}

	.al3 {
		padding: calc(15 / 768* 100vw) calc(20 / 768* 100vw);
	}

	.al img {
		margin-left: calc(20/768*100vw);
		width: calc(20/768*100vw);
		height: calc(20/768*100vw);
	}

	.vr-content-item1,
	.vr-content-item2 {
		color: white;
		position: relative;
		border-radius: 0 0 calc(22.5 / 768* 100vw) calc(22.5 / 1920* 100vw);
		background-color: #61616187;
		/* width: calc(194 / 1920* 100vw); */
		height: calc(45 / 768* 100vw);
		/* line-height: calc(62 / 1920* 100vw); */
		display: flex;
		margin-top: calc(-52 / 768* 100vw);
		align-items: center;
		justify-content: center;
		font-size: calc(24 / 768* 100vw);
	}

	.vr-content-item1 img,
	.vr-content-item2 img {
		width: calc(12 / 768* 100vw) !important;
		height: calc(24 / 768* 100vw);
		margin-left: calc(10 / 768* 100vw);
	}

	.pl img {
		width: calc(200 / 768* 100vw);
	}

	.pl {
		width: 100vw;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		margin-top: calc(40/768*100vw);
	}

	.plgd {
		margin-top: calc(150/768*100vw);
	}

	.region-list {
		display: flex;
		flex-wrap: nowrap;
		gap: calc(9 / 768* 100vw);
		margin: calc(10 / 768* 100vw) 0;
	}

	.region-item {
		display: flex;
		padding: 0 calc(15 / 768* 100vw);
		/* border: 1px solid #b9b9b9; */
		cursor: pointer;
		text-align: center;
		font-size: calc(20 / 768* 100vw);
		border-radius: 0 calc(20/768*100vw) 0 0;
		justify-content: center;
		align-items: center;
		color: white;
		background-color: #f9f9f996;

	}

	.region-item.active {
		padding: calc(10 / 768* 100vw) calc(15 / 768* 100vw);
		background-color: #ffffff;
		color: #fd0000 !important;
		border-color: #e60012;
	}

	.office-list {
		display: flex;
		flex-wrap: wrap;
		gap: calc(10/768*100vw);
		margin: calc(10/768*100vw) calc(20/768*100vw);
	}

	.office-list button {
		font-size: calc(18 / 768* 100vw);

	}

	.office-item {
		padding: 5px 15px;
		border: 1px solid #ddd;
		cursor: pointer;
		border-radius: 4px;
	}

	.office-item.active {
		background-color: #e60012;
		color: white;
		border-color: #e60012;
	}

	.office-info {
		margin-top: calc(2 / 768* 100vw);
		background-color: rgb(255, 255, 255);
		width: calc(732/768*100vw);
	}

	.manager-info,
	.office-detail {
		font-size: calc(25/768*100vw);
		background-color: #ebe6e6;
		;
		padding: calc(10/768*100vw);
		margin: calc(10/768*100vw);
		line-height: 1.8;
	}

	.fsez {
		font-size: calc(24/768*100vw);
		text-align: left;
	}

	/* 添加导航高亮样式 */
	.fddiva.active {
		color: #e60012;
	}

	.fddiva.active span {
		background-color: #e60012;
	}
}<!--耗时1767358461.245秒-->