/* 基础样式 */
        * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 16px;
	font-family: "Microsoft YaHei", Arial, sans-serif;
}
body {
	line-height: 1.6;
}
a {
	text-decoration: none;
	color: inherit;
}
ul {
	list-style: none;
}
.hide {
	display: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.h100 {
	height:6rem;
}
.clear {
	clear:both
}
.container {
	width: 96%;
	max-width: 1400px;
	margin: 0 auto;
}
/* 顶部导航 */
    .header {
	color: #000;
	padding: 1.5rem 0;

	width: 100%;
	z-index: 1000;
	transition: all 0.5s ease;
	border-bottom:1px solid #000;
}
/*
.header.fixed {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	padding: 1rem 0;
	height:5rem;
}
*/
.header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo {
	font-size: 1.4rem;
	white-space: nowrap;
}

.logo a{ display:flex;align-items: center; color:#192567; gap:10px;}
.logo img{ height:70px;}
.logo a .tit{ display:flex;flex-direction: column; text-align:center; font-weight:bold}
.logo a .tit span{font-size:0.85rem; position:relative; letter-spacing:2px; color:#E4AA49;}
.logo a .tit span:before{ content:" "; position:absolute; left:0; top:50%; width:20px; height:1px; background:#E4AA49;}
.logo a .tit span:after{ content:" "; position:absolute; right:0; top:50%; width:20px; height:1px; background:#E4AA49;}
.nav {
	display: flex;
	align-items: center;
}
.nav-list {
	display: flex;
	margin-right: 2rem;
}
.nav-item {
	margin-left: 2rem;
	font-size: 1.1rem;
	position: relative;
}
.nav-item a:hover, .nav-item.on a {
	color:#E4AA49;
}
.phone {
	font-size: 1.1rem;
	margin-right: 2rem;
	white-space: nowrap;
	color:#E4AA49;
}

.phone i {
	margin-right: 0.5rem;
}


.search-icon {
	cursor: pointer;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
}
.search-icon i {
	
	margin-right: 0.5rem;
}
.search-icon-text {
	display: inline;
}
/* 移动端菜单按钮 */
.mobile-menu-btn {
	display: none;
	font-size: 1.5rem;
	cursor: pointer;
	margin-left: 1rem;
}

.mobile-menu-btn.active .fa-bars{ display:none}
.mobile-menu-btn .fa-times{ display:none}
.mobile-menu-btn.active .fa-times{ display:block}

/* 搜索框层 - 默认隐藏 */
.search-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1001;
}
.search-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 700px;
}
.search-container-overlay {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.search-container-overlay form {
	width:100%;
}
.search-input-container {
	display: flex;
	width: 100%;
	position: relative;
}
.search-input-container input {
	flex: 1;
	padding: 1.2rem 1.5rem;
	border: none;
	font-size: 1.1rem;
	border-radius: 30px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
	padding-right: 150px;
	width: 100%;
	outline:none;
}
.search-input-container button {
	padding: 0 2rem;
	background-color: #E4AA49;
	color: white;
	border: none;
	cursor: pointer;
	font-size: 1.1rem;
	border-radius: 0 30px 30px 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	transition: all 0.3s ease;
}
.search-input-container button:hover {
	background-color: #0B1A4B;
}
.map-link-overlay {
	position: absolute;
	right: 120px;
	top: 50%;
	transform: translateY(-50%);
	color: #E4AA49;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.map-link-overlay i {
	margin-right: 0.5rem;
}
.close-search {
	position: absolute;
	top: -3rem;
	right: 0;
	color: white;
	font-size: 2rem;
	cursor: pointer;
}
/* Banner */
.banner {
	position: relative;
	flex-direction: column;
	height:calc(100vh - 8rem);
	transition: background-image 1.5s ease-in-out;
	display: flex;
	min-height:550px;
	justify-content: center;
	align-items: center;
	color: #0B1A4B;
}

.banner .one{
	text-align: center;
}


.banner:after {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.2);
	z-index:0
}
.banner-indicators {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	z-index: 3;
}
.indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 8px;
	cursor: pointer;
	transition: background 0.3s ease;
}
.indicator.active {
	background: white;
}




.banner-content {
	top:10rem;
	position:absolute;
	max-width: 800px;
	padding: 0 1.5rem;
	z-index:10;
}
.banner-title {
	font-size: 2.75rem;
	letter-spacing:3px;

}

.banner-subtitle {
	font-size: 1.85rem;
	margin: 1.5rem 0;
	
	position:relative;
	color:#E4AA49;
}

.banner .one .banner-subtitle{letter-spacing:6px;}



.banner .one .banner-subtitle:before{ content:" "; width:50px; height:1px; position:absolute; left:0; top:50%; background:#E4AA49;}
.banner .one .banner-subtitle:after{ content:" "; width:50px; height:1px; position:absolute; right:0; top:50%; background:#E4AA49;}

.banner-txt {
	font-size: 1rem;
	position:relative;
	color:#666;
}


.banner .one .banner-txt {
	font-size: 1.2rem;
	letter-spacing:6px;
}





.banner-btn { margin-top:1.5rem;}


.banner .one  .banner-btn {text-align:center}


.banner-btn a{ border:1px solid #0B1A4B; padding:5px 20px;border-radius:10px; color:#0B1A4B;}
.banner-btn a:hover{color:#fff; background:#0B1A4B;}

.banner img {
	width: 100%;
	object-fit: cover;
	object-position: bottom;
	height: 100%;
}



.index .header {
	border-bottom:0;
}


.search-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top:5rem;
	width: 100%;
}
.banner-search {
	display: flex;
	width: 100%;
	max-width:1000px;
	position: relative;
}
.banner-search input {
	flex: 1;
	padding: 1.2rem 1.5rem;
	border: none;
	font-size: 1.1rem;
	border-radius: 10px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
	padding-right:550px;
	outline: none;
}
.banner-search button {
	padding: 0 2rem;
	background-color: #E4AA49;
	color: white;
	border: none;
	cursor: pointer;
	font-size: 1.1rem;
	border-radius: 0 10px 10px 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	transition: all 0.3s ease;
}
.banner-search button:hover {
	background-color:#0B1A4B;
}
.map-link {
	position: absolute;
	right: 120px;
	top: 50%;
	transform: translateY(-50%);
	color: #E4AA49;
	font-size:1rem;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.map-link i {
	margin-right: 0.5rem;
}
.apartment_info {
	position:relative;
	margin:50px 0;
	overflow: hidden;
}
.apartment_info .title {
	font-size:2.5rem;
	line-height:60px;
	text-align:center;
}
.apartment_info .txt {
	color: #999;
	font-size: 0.7rem;
	line-height: 1.7;
	margin-top: 30px;
	text-align: center;
}
.classification {
	overflow:hidden;
	margin:20px 0;
}
.classification li {
	float:left;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #dcded4;
}
.classification li .title {
	float:left;
	width:80px;
	font-size:1rem;
	font-weight:bold;
	line-height:60px;
	color:#333;
}
.classification li .info {
	padding:15px 0;
}
.classification li a {
	display:inline-block;
	height:30px;
	margin:0 10px;
	text-align:center;
	line-height:30px;
	width:100px;
	color:#333;
	font-size:14px;
}
.classification li a.on, .classification li a:hover {
	background:#E4AA49;
	color:#fff;
}
.aqanav {
	overflow:hidden;
	border-bottom:1px solid #E4AA49;
	margin-top:40px;
}
.aqanav ul {
	float:left;
	overflow:hidden;
}
.aqanav ul li {
	height:58px;
	line-height:58px;
	color:#3A6051;
	font-size:22px;
	float:left;
	margin-right:70px;
}
.aqanav ul li a {
	display:block;
	color:#000;
}
.aqanav ul li:hover a, .aqanav ul li.on a {
	color:#E4AA49;
}
.aqanav ul li .price {
	padding-right:40px;
	position:relative;
}
.aqanav ul li .price:after {
	position:absolute;
	content:"";
	top:12px;
	right:15px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 8px solid #454545;
}
.aqanav ul li .price:before {
	position:absolute;
	content:"";
	bottom:12px;
	right:15px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #454545;
}
.aqanav ul li:hover .price:before {
	border-top: 8px solid #3A6051;
}
.aqanav ul li:hover .price:after {
	border-bottom: 8px solid transparent;
}
.aqanav ul li.on1:hover .price:after, .aqanav ul li.on2 .price:after {
	border-bottom: 8px solid #3A6051;
}
.aqanav ul li.on1:hover .price:before, .aqanav ul li.on2 .price:before {
	border-top: 8px solid transparent;
}
.aqanav ul li.on2:hover .price:before, .aqanav ul li.on1 .price:before {
	border-top: 8px solid #3A6051;
}
.aqanav ul li.on2:hover .price:after, .aqanav ul li.on1 .price:after {
	border-bottom: 8px solid transparent;
}
.aqanav p {
	float:right;
	line-height:48px;
	color:#3A6051;
	font-size:18px;
}
.aqanav p b {
	color:#E4AA49;
	margin:0 5px;
}
.apalist {
	overflow:hidden;
	margin-top:40px;
}

.apalist li {
	width:32%;
	margin-right:2%;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	background:#F1F3F5;
	border-radius:15px;
	transition: all 0.3s ease;
}


.apalist li:hover {
            transform: translateY(-5px);

        }


.apalist li:nth-child(3n) {
margin-right:0
}
.apalist li .img {
	position:relative;
	overflow:hidden;
	height:258px;
	border-radius:15px;
}
.apalist li .img img {
	display:block;
	width:100%;
}




.apalist li .img .label {
	position:absolute;
	top:30px;
	right:0;
}
.apalist li .img .label span {
	display:block;
	float:left;
}
.apalist li .img .label .label01 {
	width:68px;
	height:23px;
	line-height:23px;
	text-align:center;
	background:#FEA638;
	color:#ffffff;
	font-size:14px;
	border-radius:3px;
}
.apalist li .img .label .label02 {
	margin-left:10px;
	width:62px;
	height:23px;
	line-height:23px;
	text-align:center;
	background: url(../images/label.png) no-repeat left center;
	color:#ffffff;
	font-size:14px;
}
.apalist li .txt {
	color:#666;
	padding:10px;
}
.apalist li .txt h3 {
	text-align:center;
	font-size:20px;
	margin-top:10px;
	font-weight:400;
	color:#000;
}

.apalist li .txt h4 {
	text-align:center;
	font-size:0.85rem;
	font-weight:400;
	line-height:2.5
}

.apalist li .txt h3:hover,.apalist li .txt h4:hover { color:#E4AA49}


.apalist li .txt h5 {
	text-align:center;
	font-size:1rem;
	font-weight:normal;
	line-height:2
}
.apalist li .txt p {
	font-size:18px;
	line-height:25px;
	overflow:hidden;
	padding:5px 10%;
	text-align:center;
}
.apalist li .price {
	text-align:center;
	font-size:1.4rem;
	color:#6282B7;
	font-weight:bold;
}
.apalist li .price span{ font-size:0.85rem; color:#666; font-weight:normal;}


.apalist li .area {
	text-align:center;
	color:#666;
	line-height:2
}
.apalist li .btn {
	padding:10px;
	text-align:center;
}
.apalist li .btn a {
	display: inline-block;
	padding:0 2rem;

	text-align:center;
	cursor:pointer;
	line-height:2;
	border:1px solid #0B1A4B;
	color:#0B1A4B;
	margin-bottom:10px;
	border-radius:12px;
}
.apalist li .btn a:hover {
	background:#0B1A4B;
	color:#fff;
}
.apalist li .btn a.yy {
	background:#E4AA49;
	color:#fff;
	border:1px solid #E4AA49;
}
.apalist li .btn a.yy:hover { background:#0B1A4B; border:1px solid #0B1A4B;}
.apalist li .img img, .hotlist li .img img, .map-box .img img, .newsban .swiper-slide img, .newsimg .img img, .recommend_news li .img img {
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
}
.apalist li:hover .img img, .hotlist li:hover .img img, .map-box:hover .img img, .newsban .swiper-slide:hover img, .newsimg:hover .img img, .recommend_news li:hover .img img, .recommend_tag a {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.index-more {
	margin:2rem 0;
}
.index-more a {
	width:100%;
	display:block;
	line-height:2.5;
	background:#0B1A4B;
	text-align:center;
	font-size:1rem;
	color:#ccc;
}
.index-more a:hover {background:#E4AA49; color:#fff;}
.page {
	text-align:center;
	margin:60px 0;
}
.page a {
	font-size:1rem;
	margin:0 8px;
}
.page .page-status,.page-index,.page-last,span.page-num {
	display:none
}
.page a.page-num-current {
	color:#E4AA49;
}
/*弹窗*/
.pop_up_bj {
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2000;
	background: rgb(0 0 0 / 70%);
	display: none;
}
.make_appointment {
	width:1400px;
	height:654px;
	position: fixed;
	left:50%;
	top:50%;
	margin:-327px 0 0 -700px;
	z-index:2001;
	background:#ffffff;
	display:none;
}
.close {
	position: absolute;
	right:0;
	top:0;
	width:70px;
	height:70px;
	background:#E4AA49;
	cursor: pointer;
}
.close:hover {
}
.close:after {
	content:"";
	position: absolute;
	width:40px;
	height:2px;
	background:#ffffff;
	top:50%;
	left:50%;
	margin:-1px 0 0 -20px;
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.close:before {
	content:"";
	position: absolute;
	width:40px;
	height:2px;
	background:#ffffff;
	top:50%;
	left:50%;
	margin:-1px 0 0 -20px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.rent_reference {
	position: fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:10000;
	overflow: hidden;
	display:none;
}
.rent_reference_left {
	width:50%;
	height:100%;
}
.rent_reference_ban {
	width:100%;
	margin:0 auto;
	height:100%;
}
.rent_reference_ban .swiper-slide {
	height:100%;
	width:100%;
	text-align:center;
}
.rent_reference_ban .swiper-slide:after {
	content:"";
	height:100%;
	width:0;
	oveflow:hidden;
	display:inline-block;
	vertical-align:middle;
}
.rent_reference_ban .swiper-slide img {
	vertical-align:middle;
	max-width:90%;
	max-height:90%;
}
.rent_reference_right {
	width:50%;
	background:#ffffff;
	height:100%;
}
.rent_reference_right .txt {
	font-size:1rem;
	line-height:1.8;
	color:#333333;
	padding:70px;
	overflow: hidden;
}
.rent_reference_right .txt .tit {
	font-size:20px;
	color:#E4AA49;
	font-weight: bold;
}
.pop_up_tips {
	display:none;
	overflow: hidden;
	width:420px;
	height:200px;
	border-radius:10px;
	background:#ffffff;
	position: fixed;
	z-index:3000;
	left:50%;
	top:50%;
	margin:-100px 0 0 -210px;
}
.pop_up_tips .info {
	text-align:center;
	margin-top:35px;
	font-size:18px;
	line-height:30px;
	color:#E4AA49;
	padding:0 5%;
}
.pop_up_tips .btn {
	width:120px;
	height:40px;
	border-radius:5px;
	cursor: pointer;
	margin:30px auto 0 auto;
	text-align:center;
	line-height:40px;
	background:#E4AA49;
	color:#ffffff;
}
.make_appointment .message {
	padding:5% 10%;
}
.ctit {
	text-align: center;
}
.ctit .tit_cn {
	font-size:32px;
}
.ctit .tit_en {
	
	font-size:1rem;
	font-weight:lighter;
}

.ctit .tit_phone {
	color:#E4AA49;
	font-size:2rem;
	margin-top:1rem;
}

.ctit .xian {
	width:285px;
	height:1px;
	background:#cfcfcf;
	position: relative;
	margin:15px auto 0 auto;
}
.ctit .xian:after {
	content:"";
	width:64px;
	height:3px;
	position: absolute;
	background:#E4AA49;
	top:-1px;
	left:50%;
	margin-left:-32px;
}
.ctit2 .tit_cn {
	color:#ffffff;
}
.ctit2 .xian {
	background:#ffffff;
}
.ctit2 .xian:after {
	background:#ffffff;
}

#formBody {
            display: flex;
            gap: 20px;
          margin-top:30px;
        }


#formBody form{ flex: 7;}
#formBody .qr{ flex: 3;text-align:center}
#formBody .qr img{ width:200px}
#formBody .qr p{ letter-spacing:5px; color:#666;}

.message_list {
	overflow: hidden;
	
}
.message_list li {
	float: left;
	overflow: hidden;
}
.message_list li.input {
	width:100%;
	margin-bottom:1.2%
}
.message_list li.input input {
	height:40px;
	border:1px solid #cfcfcf;
	padding:0 15px;
	display: block;
	width:100%;
	color:#666666;
	font-size:1rem;
}
.message_list li.radio {
	width:30%;
	margin:0 5%;
	line-height:40px;
	color:#333333;
	font-size:1rem;
}
.message_list li.radio label {
	margin-right:30px;
	cursor: pointer;
}
.message_list li.radio label input {
	margin-right:5px;
}
.message_list li.input2 {
	width:100%;
	overflow: hidden;
	margin-top:20px;
}
.message_list li.input2 input {
	float: left;
	width:30%;
}
.message_list li.input2 img {
	float: left;
	height:40px;
	border:1px solid #cfcfcf;
	margin-left:20px;
}
.message_list li.textarea {
	width:100%;
}
.message_list li.textarea textarea {
	border:1px solid #cfcfcf;
	height:100px;
	display: block;
	width:100%;
	padding:10px;
	color:#666666;
	line-height:1.8;
	font-size:1rem;
}
.message_list li.tips {
	width:100%;
	font-size:14px;
	color:#999999;
	line-height:40px;
}
.message_list li.submit {
	width:100%;
	margin-top:40px;
}
.message_list li.submit input {
	cursor: pointer;
	width:400px;
	height:40px;
	line-height:40px;
	text-align: center;
	color:#ffffff;
	background:#E4AA49;
	border-radius:10px;
	font-size:1.3rem;
	display: block;
	margin:0 auto;
	border:0px;
}
.message_list li.submit input:hover {
	background:#0B1A4B;
}
/*弹窗*/	 
	 
.czgy {
	
}
.czgy .tit {
	font-size:2.2rem;
	margin-bottom:50px;
	text-align: center;
	color:#000;
}
.czgy ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.czgy li {
	width: 100%;
	display: flex;
	
	position: relative;
	background:#F5F7F9;
	border-radius:20px;
	margin-bottom:40px;
	min-height: 300px; 
	transition: all 0.3s ease;
}


.czgy li:hover {
            transform: translateY(-5px);

        }

.czgy .pic, .czgy li .txt {
	width: 50%;
	box-sizing: border-box;
	overflow:hidden;
}
.czgy .pic {
	
	
}
.czgy .pic img {
	width: 100%;
	height: auto;
	max-height:460px;
	transition: all 0.3s ease;
	border-radius:20px;
	object-fit: cover;
}


.czgy li:hover .pic img {transform: scale(1.02);}


.czgy  li .txt {
	display: flex;
	flex-direction: column;
	justify-content: center; /* 现在应该有效了 */
	padding: 0 10% 0 10%; /* 上 右 下 左 */
	height: 100%; /* 添加高度 */
}
.czgy li .txt h2 {
	font-size: 20px;
	font-weight:normal;
	margin-bottom:5px;
}

.czgy li .txt h3 {
	font-size: 14px;
	color:#999;
	font-weight:normal;
}

.czgy li .txt h4 {
	padding:15px 0;
	color:#666;
	font-size: 16px;
}


.czgy li .txt p {
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	color:#666;
}
.czgy .btn1 {
	margin-top:20px;
}

.czgy .more1 {
	display: inline-block;
	width:110px;

	text-align:center;
	background-color: #E4AA49;
	color: #fff;
	text-decoration: none;
	margin-right:20px;
	border-radius:10px;
}
.czgy .more1 font{ color:#333; font-size:12px;}
.czgy .more2 {
	display: inline-block;
	text-align:center;
	width:110px;
	
	background-color: #E4AA49;
	color: #fff;
	text-decoration: none;
	border-radius:10px;
}

.yzfy {
	background:#F5F7F8;
	padding-top:50px;
}
.yzfy .tit h3, .xty .tit h3, .kk-index-news .tit h3 {
	font-size:2.2rem;
	font-weight:normal;
	margin-bottom:20px;
	text-align: center;
	color:#000;
}
.yzfy .tit p, .xty .tit p, .kk-index-news .tit p {
	font-size:0.7rem;
	line-height:1.7;
	margin-bottom:50px;
	text-align: center;
	color:#999;
}
.fycontent {
	overflow:hidden;
}
.yzban {
	float:left;
	width:50%;
}
.yzban img {
	display:block;
	width:100%;
}
.yztxt {
	float: right;
	width: 50%;
	padding:0 5%;
}
.yznav {
	overflow: hidden;
	margin-top:35px;
}
.yznav li {
	float:left;
	padding:3px 5px;
	border:1px solid #0B1A4B;
	color:#0B1A4B;
	text-align:center;
	border-radius:5px;
	font-size:1rem;
	margin-right:10px;
	cursor:pointer;
}
.yznav li.on, .yznav li:hover {
	background:#E4AA49;
	border:1px solid #E4AA49;
	color:#fff;
}
.yztab {
}
.yztab .title {
	color:#333;
	font-size:22px;
	margin:45px 0 20px 0;
}
.yztab .info {
	color: #666;
	font-size: 14px;
	line-height:30px;
	width: 80%;
	height: 170px;
	overflow: hidden;
}
.yztab .more {
	padding:5px 8px;
	color: #fff;
	margin-top:50px;
	background:#0B1A4B;
	font-size: 1rem;
}
.yztab .more:hover {
	background:#E4AA49;
	color:#fff;
}
.xty {
	padding-bottom:50px;
}
.xtylist {
}
.xtylist .swiper-slide {
	padding:60px 40px;
	background:#F5F7F8;
	color:#666;
}
.xtylist .swiper-slide .info {
	font-size:14px;
	line-height:1.6;
}
.xtylist .swiper-pagination {
	position: static;
	line-height:0;
	margin-top:35px;
}
.xtylist .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	border:1px solid #073937;
	background:none;
	opacity:1;
}
.xtylist .swiper-pagination .swiper-pagination-bullet-active {
	background:#073937;
}
.kk-index-news {
	margin-top: 40px;
}
.kk-index-news .tabnav {
	margin-top: 20px;
	height: 40px;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: center;
}
.kk-index-news .tabnav li {
	display: inline-block;
	text-align: center;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #ccc;
}
.kk-index-news .tabnav li a {
	display: block;
	width: 100%;
	line-height: 38px;
	color:#666;
	font-size:18px;
	cursor:pointer;
}
.kk-index-news .tabnav .on a {
	border-bottom: 3px solid #ccc;
}
.kk-index-news .tabcontent ul {
	display:none
}
.kk-index-news .tabcontent ul.on {
	display: block;
}
.kk-index-news .tabcontent ul li {
	min-height:180px;
	float: left;
}
.kk-index-news .tabcontent ul li p {
	color: #9c9a9a;
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	margin: 15px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}
.kk-index-news .tabcontent ul li h4 {
	color: #E4AA49;
	font-size: 14px;
	margin-top: 15px;
	font-weight:normal;
}
.kk-index-news .tabcontent ul li h5 {
	color: #333;
	font-weight:normal;
	font-size: 1.25rem;
	margin-top: 15px;
	max-height:50px;
	line-height:25px;
	overflow:hidden
}
.kk-index-news .tabcontent ul li .meta{
	height: 30px;
	line-height: 28px;
	font-size:12px;
	text-align:right;
	color: #999999
}
.kk-index-news .tabcontent ul li .meta .more {
	float: right;
	padding:2px 3px;
	border-radius:3px;
	border: 1px solid #666;
	color: #666;
	font-size: 12px;
}
.kk-index-news .tabcontent ul li:hover h5 {
	color: #E4AA49;
}
.kk-index-news .tabcontent ul li .more:hover {
	background:#0B1A4B;
	color:#ffffff;
	border-color:#0B1A4B;
}
.kk-index-news .more3 {
	text-align: center;
	margin-top:50px;
}
.kk-index-news .more3 a {
	display: inline-block;
	padding: 10px 30px;
	background-color: #0B1A4B;
	color: #fff;
	text-decoration: none;
	border-radius:2px;
}
.kk-index-news .more3 a:hover {background-color: #E4AA49;}

/*首页品牌*/
.supplier {
	overflow: hidden;
}
.supplierlist {
	padding-bottom:20px;
}
.supplierlist .swiper-slide {
	text-align:center;
	height:240px;
}
.supplierlist .swiper-slide a {
	overflow: hidden;
	border:1px solid #dcdcdc;
	height:240px;
	padding:20px;
	display: block;
}
.supplierlist .swiper-slide img {
	height: 100%;
}
.supplier_txt {
	text-align: center;
	line-height:1.8;
	margin-bottom:50px;
}
.supplier_txt .tit {
	font-size:38px;
	margin:50px 0;
}
.supplier_txt .info {
	color:#999;
	font-size:1rem;
	text-align:left;
}
.home-pagination02 {
	line-height:0;
	position: static;
	margin-top:35px;
}
.home-pagination02 .swiper-pagination-bullet {
	width:10px;
	height:10px;
	margin:0 5px;
	background:#ffffff;
	border:1px solid #0B1A4B;
	opacity:1;
}
.home-pagination02 .swiper-pagination-bullet-active {
	background:#0B1A4B;
}
/*首页品牌*/	
	
	
.footer {
	background:#6282B7;
	overflow:hidden;
	padding-top:50px;
}
.dbinfo {
	overflow: hidden;
	padding:0px 0 25px 0;
}
.dbinfo .info {
}
.dbinfo .info h3 {
	font-size:20px;
	font-weight: normal;
	color:#fff;
	margin-bottom:12px;
	line-height:1.4;
}
.dbinfo .info p {
	color:#fff;
	font-size:14px;
	line-height:36px;
	padding-left:2px;
}
.dbblock {
	margin-left:90px;
	overflow:hidden;
}
.dbblock h3 {
	color:#fff;
	font-size:20px;
	font-weight:normal;
	margin:0 0 10px 0;
}
.dbblock p {
	color:#fff;
	font-size:14px;
	line-height:36px;
	width:100%;
	overflow:hidden;
	float:left;
}
.dbblock .p2 {
	font-size:24px;
	color:#ffffff;
}
.dbblock2 {
	width:290px;
}
.dbblock2 h3 {
	float:left;
	width:100%;
}
.dbblock2 form {
	width:100%;
	border-radius:5px;
}
.dbblock2 form input {
	width:calc(100% - 60px);
	height:25px;
	line-height:25px;
	border:0;
	float:left;
	outline:none;
	text-indent:5px;
}
.dbblock2 form input.sbtn {
	width:60px;
	text-align:center;
	background:#E4AA49;
	color:#fff;
	cursor:pointer;
	text-indent:0;
}
.dbblock2 form input.sbtn:hover {
}
.wecbtn {
	display:inline-block;
	margin-top:2px;
	width:32px;
	height:32px;
	border-radius:50%;
	background:#0e4c4a;
	cursor:pointer;
}
.wecbtn img {
	display:block;
	width:100%;
	height:100%;
}
.ksurl {
	overflow:hidden;
	width:260px;
}
.ksurl li {
	float:left;
	width:25%;
	color:#fff;
	font-size:14px;
	line-height:35px;
	height:35px;
}
.ksurl li a:hover {
	color:#E4AA49;
}
.ksurl2 {
	overflow:hidden;
	width:120px;
}
.ksurl2 li {
	width:100%;
}
.wechat {
	width:115px;
	margin-top:5px;
	margin-right:200px;
}
.wechat p {
	display:block;
	width:100%;
}
.wechat p img {
	display:block;
	width:100%;
}
.wechat span {
	color:#fff;
	font-size:14px;
	line-height:50px;
	display:block;
	text-align:center;
}
.copy {
	color:#fff;
	font-size:16px;
	line-height:1.8;
	padding:20px 0;
	text-align:left;
	border-top:1px solid #fff;
}
.copy a:hover {
	color:#E4AA49;
}
.links {
	padding:10px 0;
	line-height:20px;
	color:#fff;
	font-size:16px;
	
}
.links a {
	margin-right:15px;
}
.links a:hover {
	color:#E4AA49;
}
.footnav {
	display:none;
	height:40px;
	position: fixed;
	left:0;
	bottom: 0;
	background:#E4AA49;
	overflow: hidden;
	z-index: 200;
	width:100%;
}
.footnav a {
	float:left;
	width:33.33%;
	 padding:10px;
	text-align:center;
}

.footnav a img{ height:20px;}
.footnav a i {
	
	color:#fff;
	font-size:2rem;
	display: block;
	margin:0 auto;
}
.ny-banner, .so-banner {
	height:400px;
}
.so-banner {
	position:relative;
	display:flex;
	align-items:center;
}
.so-banner .search-container {
	margin-top: 0;
}
.dqwz {
	height:50px;
	margin:20px 0;
	font-size:1rem;
	line-height:2;
	color:#999;
}
.dqwz a:hover{color:#E4AA49;}
.sortdesc {
}
.sortdesc .tit h3 {
	font-size:2.5rem;
	font-weight:normal;
	margin-bottom:20px;
	text-align: center;
}
.sortdesc .tit p {
	font-size:1rem;
	margin-bottom:50px;
	text-align: center;
	color:#999;
}
.sortdesc .tabnav {
	margin: 30px 0 40px 0;
	height: 40px;
	border-bottom: 1px solid #ccc;
	display: flex;
	gap: 25px;
	justify-content: center;
}
.sortdesc .tabnav li {
	display: inline-block;
	text-align: center;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #ccc;
}
.sortdesc .tabnav li a {
	display: block;
	width: 100%;
	line-height: 38px;
	color:#999;
	font-size:18px;
	cursor:pointer;
}
.sortdesc .tabnav .on a {
	border-bottom: 3px solid #666;
	
}

.sortdesc .txt{ color:#999; text-align:center;margin-bottom:60px; font-size:0.7rem; line-height:1.7}



.news-list {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.news-item {
	display: flex;
	width: 100%;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
	position: relative;
	text-decoration: none;
	color: inherit;
}
.news-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
 .news-item::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: rgba(0, 0, 0, 0.03);
 opacity: 0;
 transition: opacity 0.3s ease;
}
.news-item:hover::after {
 opacity: 1;
}
.news-image {
	flex: 0 0 50%;
	position: relative;
	overflow: hidden;
}
.news-image img {
	width: 100%;
	height: 100%;
	max-height:400px;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}
.news-item:hover .news-image img {
	transform: scale(1.03);
}
.news-content {
	flex: 0 0 50%;
	background-color: #F5F7F8;
	padding:80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.news-title {
	font-size: 1.2rem;
	font-weight: normal;
	color: #333;
	margin-bottom: 10px;
	line-height: 1.4;
	transition: color 0.3s ease;
}
.news-item:hover .news-title {
	color: #E4AA49;
}
.news-time {
	font-size: 12px;
	color: #999;
	margin-bottom: 12px;
}
.news-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news-content .more{ margin-top:20px;}
.news-content .more span{
	float: right;
	padding:2px 3px;
	border-radius:3px;

	color: #666;
	font-size: 13px;
}


/* 文章容器样式 */
        .article-container {
			margin:0px auto;
			max-width:900px;
	margin-bottom:50px;
	position:relative;
}


.article-container .yybtn { background:#E4AA49; color:#fff; font-size:1.5rem;border-radius:50%; height:70px; text-align:center; width:70px; line-height:70px; cursor:pointer; position:absolute; left:-100px; top:40rem; }



/* 文章标题样式 */
        .article-title {
	font-size: 28px;
	text-align: center;
	margin-bottom: 20px;
}


        .article-title2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	font-weight:normal;
	color:#666;
}

/* 文章元信息样式 */
        .article-meta {
	display: flex;
	justify-content: end;
	margin-bottom: 30px;
	color: #666;
	font-size: 0.9rem;
	padding-bottom: 15px;
}
.article-meta span {
	margin: 0 10px;
}
/* 文章内容样式 */
        .article-content {
	font-size: 1rem;
	margin-bottom: 40px;
	line-height:2;
	color:#666;
}
.article-content img{
	max-width:100% !important;
	height:auto;
}
.article-content p img{
	margin-left: -2rem;
}
.article-content p {
	margin-bottom: 20px;
	text-indent: 2em;
}
/* 文章导航样式 */
        .article-navigation {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.article-nav-btn {
	padding: 8px 15px;
	background-color: #f5f5f5;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.3s;
}
.article-nav-btn:hover {
	background-color: #e0e0e0;
}
/* 返回列表按钮样式 */
        .article-back-list {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom:50px;
}
.article-back-btn {
	padding: 10px 25px;
	background-color: #ccc;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.3s;
}
.article-back-btn:hover {
	background-color: #0B1A4B;
}


.article-img .img{ width:400px; margin:50px auto 50px auto; border:1px solid #dcdcdc; border-radius:25px;}
.article-img .img img{ display: block; width:100%;} 

.brand{overflow: hidden; }
.brandlist{ margin:100px 0 85px 0;} 
.brandlist .swiper-slide a{border-radius:10px; overflow: hidden; border:1px solid #dcdcdc; display: block; text-align:center; }
.brandlist .swiper-slide img{ max-width:100%; height:100px; padding:10px; }



.brandlist .swiper-slide img,.supplierlist .swiper-slide img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}


.brandlist .swiper-slide:hover img,.supplierlist .swiper-slide:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}



.contact {
	width:70%;
	margin:0px auto;
}
.contact .item {
	margin:80px 0
}
.contact .item .title {
	text-align:center;
	font-size:2.5rem;
}
.contact .item .entitle {
	text-align:center;
	font-size:1em;
	margin-bottom:50px;
	font-weight:lighter;
}
.contact .item .gywm {
	font-size:0.7rem;
	color:#999;
	line-height:1.7;
	
}
.contact .item .lxwm {
	padding:30px 0;
	font-size:1.8rem;
	line-height:2;
	text-align:center;
}
.gymap {
	margin-top:-20px;
}
.gymap .title {
	font-size:2rem;
	color:#E4AA49;
	margin-bottom:10px;
}
.gymap .desc {
	font-size:1rem;
	color:#666
}
.mapmain {
	position: relative;
	margin:30px 0;
}
.map {
	height:70vh;
}
.map-box {
	width:440px;
	background:#ffffff;
	border-radius:10px;
	overflow:hidden;
	position:absolute;
	z-index:900;
	left:30px;
	top:30px;
	-moz-box-shadow: 0 0 15px #cccccc;
	-webkit-box-shadow: 0 0 15px #cccccc;
	box-shadow: 0 0 15px #cccccc;
	display:none;
}
.map-box .img {
	position:relative;
	overflow:hidden;
}
.map-box .img img {
	display:block;
	width:100%;
	height:330px;
}
.map-box .img .label {
	position: absolute;
	left:0;
	top:30px;
	width:85px;
	height:30px;
	line-height:30px;
	text-align: center;
	color:#ffffff;
	font-size:1rem;
	background:#E4AA49;
}
.map-box .txt {
	padding:15px 20px 25px 20px;
}
.map-box .txt .title {
	overflow:hidden;
	line-height:40px;
	height:40px;
}
.map-box .txt .title h3 {
	float:left;
	font-size:18px;
	color:#E4AA49;
	width:70%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.map-box .txt .title .price {
	float:right;
	color:#E4AA49;
	font-size:22px;
	font-weight:bold;
}
.map-box .txt .title .price span {
	font-size:14px;
}
.map-box .txt .parameter {
	overflow:hidden;
	margin-top:10px;
	color:#666666;
	font-size:14px;
	line-height:20px;
}
.map-box .txt .parameter li {
	float:left;
	margin-right:15px;
}
.map-box:hover .txt {
	background:#0B1A4B;
}
.map-box:hover .txt .title h3 {
	color:#ffffff;
}
.map-box:hover .txt .title .price {
	color:#ffffff;
}
.map-box:hover .txt .parameter {
	color:#ffffff;
}
/*公寓地图*/	
		
		
 .gyinfo-container {
}
.gyinfo-container .gyheader {
	padding: 20px 20px 0 20px;
	background: #fff;
}
.gyinfo-container .header-top {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.gyinfo-container .gyheader .title {
	font-size: 1.8rem;
	font-weight: normal;
}

.gyinfo-container .gyheader .enmc {
	font-size: 1.2rem;
	font-weight: normal;
	color:#666;
}


.gyinfo-container .price {
	color: #E4AA49;
	font-size: 1.9rem;
	font-weight: bold;
}
.gyinfo-container .gyheader .yy {
	padding: 6px 50px;
	background-color: #E4AA49;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 1rem;
	text-decoration: none;
	display: inline-block;
}
.gyinfo-container .gyheader .yy:hover { background:#0B1A4B}


.gyinfo-container .divider {
	height: 1px;
	background-color: #eee;
	margin: 15px 0;
}
.gyinfo-container .params {
	display: flex;
	flex-wrap: wrap;
}
.gyinfo-container .param-group {
	width: 25%;
	margin-bottom: 15px;
}
.gyinfo-container .param-item {
	margin-bottom: 8px;
}
.gyinfo-container .param-label {
	
	margin-right: 5px;
}
/* 第二版块 - 大图轮播 */
        .gyinfo-container .gallery-section {
	margin: 20px 0;
}
.gyinfo-container .gallery-container {
	display: flex;
	flex-direction: row;
}
.gyinfo-container .gallery-types {
	width: 280px;
}
.gyinfo-container .gallery-type {
	height: 200px;
	margin-bottom: 20px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}
.gyinfo-container .gallery-type img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gyinfo-container .gallery-type .tag {
	position:absolute;
	width:100%;
	height:100%;
	font-size:2rem;
	color:#fff;
	top:0;
	text-align:center;
	z-index:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.gyinfo-container .gallery-type.active {
	border: 2px solid #E4AA49;
}
.gyinfo-container .gallery-slider {
	flex: 1;
	margin-left: 15px;
	position: relative;
	overflow: hidden;
}
.gyinfo-container .swiper-container {
	width: 100%;
	height: 640px;
}
.gyinfo-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gyinfo-container .swiper-slide img {
	
	height: 100%;
	object-fit: cover;
}
.gyinfo-container .swiper-pagination {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
}
/* 隐藏所有轮播图，只显示当前活动的 */
        .gyinfo-container .swiper-container {
	display: none;
}
.gyinfo-container .swiper-container.active {
	display: block;
}
/* 第三版块 - 公寓信息 */
.gyinfo-container .info-section {
	margin: 40px 0;
	background: #fff;
	padding: 5% 8%;
	position:relative;
}
.gyinfo-container .section-title {
	
	font-size:2rem;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	padding-bottom: 10px;
	font-weight:normal;
}

.gyinfo-container .yybtn { background:#E4AA49; color:#fff; font-size:1.5rem;border-radius:50%; height:70px; text-align:center; width:70px; line-height:70px; cursor:pointer; position:absolute; left:0; top:11rem; }



/*
        .gyinfo-container .section-title:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 2px;
            background-color: #E4AA49;
        }
		*/
        
        .gyinfo-container .info-params {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.gyinfo-container .info-param {
	width: 33.33%;
	margin-bottom: 15px;
	color:#666;
}
.gyinfo-container .info-param .param-label {
	float: left;
}
.gyinfo-container .project-item {
	display: flex;
	margin-bottom: 30px;
}
.gyinfo-container .project-title {
	color: #000;
	font-size: 1.5rem;
	margin-bottom: 10px;
	width: 80px;
	font-weight:normal;
	flex-shrink: 0;
}
.gyinfo-container .project-content {
	line-height:2;
	color:#666;
	flex: 1;
	padding-top:2.2rem;
	max-width:calc(100% - 80px);
}
.gyinfo-container table {
	width:100%;
	max-width: 100%;
	border-collapse: collapse;
	margin: 15px auto;
}
.gyinfo-container table, .gyinfo-container th, .gyinfo-container td {
}
.gyinfo-container th {
	padding: 12px;
	text-align: center;
}
.gyinfo-container td {
	padding:8px;
	text-align: center;
}
.gyinfo-container th {
	border-bottom: 1px solid #ddd;
	color:#000;
}

.gyinfo-container tr {
	border-bottom: 1px solid #ddd;
}

/* 第四版块 - 联系方式 */
.gyinfo-container .contact-bar {
	margin: 30px 0;
	height:80px;
}
.gyinfo-container .contact-text {
	background-color: #E4AA49;
	width:calc(100% - 200px);
	color: white;
	float:left;
	height:80px;
	line-height:80px;
	font-size:1.8rem;
	text-align:center;
	transition: all 0.3s ease;
}

.gyinfo-container .contact-btn-wrap {
	width:25%;
	height:40px;
	line-height:40px;
	margin:0px auto;
	font-size:1.1rem;
	border-radius:10px;
	background-color: #0B1A4B;
	text-align:center;
	color: white;
	transition: all 0.3s ease;
}

.gyinfo-container .contact-btn-wrap:hover{ background-color:#E4AA49}

/* 第五版块 - 地图和联系信息 */
        .gyinfo-container .map-section {
	margin: 40px 0;
	background:#fff;
}
.gyinfo-container .map-container {
	height:80vh;
	width: 100%;
	background-color: #f5f5f5;
	margin-bottom: 30px;
}
.gyinfo-container .map-container .icon {
	background: url(../images/marker.png) no-repeat;
}
.gyinfo-container .map-container .icon-cir {
	height: 31px;
	width: 28px;
}
.gyinfo-container .map-container .icon-cir-red {
	background-position: -11px -5px;
}
.gyinfo-container .map-container .amap-container {
	height: 100%;
}
.gyinfo-container .map-container .myinfowindow {
	width: 240px;
	min-height: 40px;
}
.gyinfo-container .map-container .myinfowindow h5 {
	height: 20px;
	line-height: 20px;
	color: #E4AA49;
	overflow: hidden;
	font-size: 1rem;
	font-weight: bold;
	width: 220px;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}
.gyinfo-container .map-container .myinfowindow div {
	margin-top:5px;
	line-height: 20px;
	font-size: 14px;
	color: #6f6f6f;
}
.gyinfo-container .contact-info {
	text-align: center;
	margin-top: 30px;
}
.gyinfo-container .contact-title {
	
	font-size:2rem;
	font-weight:normal;
	margin-bottom: 50px;
}
.gyinfo-container .contact-item {
	font-size:1.8rem;
	line-height:2;
	margin-bottom:20px;
}
.gyinfo-container .qrcode {
	margin: 50px 0;
	width: 300px;
	height: 300px;
	background-color: #eee;
	display: inline-block;
}
.gyinfo-container .qrcode img {
	width:100%;
	height:100%;
}
/* 第六版块 - 相关推荐 */
.gyinfo-container .recommend-section {
	margin: 40px 0;
}
.lcyt {
	color: #000;
	margin-bottom:30px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0;  
            text-align: center;
          
            position: relative; 
            white-space: nowrap; 
        }

      
       .lcyt::before,
        .lcyt::after {
            content: '';
            flex: 0 0 60px;
            height: 1px;
            background: #E4AA49;
          
        }

      
        .lcyt::before {
            margin-right: 10px;  
            margin-left: 0;
        }

        
       .lcyt::after {
            margin-left: 10px;  
            margin-right: 0;
        }






.recommend-section p {
	color: #666;
	font-size:0.7rem;
	line-height:1.7;
	text-align:center;
}


/*
.recommend-section .apalist li {
	border-radius: 0 0 15px 15px;
}
*/


.recommend-section .apalist li img{
	border-radius: 0 0 15px 15px;
}


.gyinfo-container .recommend-list {
	background:#fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0;
}
.gyinfo-container .recommend-item {
	width: 49%;
	margin-bottom:20px;
	text-align: center;
}
.gyinfo-container .recommend-img {
	height:400px;
	overflow:hidden;
	background-color: #f5f5f5;
	margin-bottom: 30px;
}
.gyinfo-container .recommend-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition: all 0.3s ease;
}
.gyinfo-container .recommend-item:hover .recommend-img img {
	transform: scale(1.03);
}
.gyinfo-container .recommend-item h3 {
	font-weight:normal;
	font-size:1.6rem;
	margin-bottom:10px;
}

.gyinfo-container .recommend-item:hover h3,.gyinfo-container .recommend-item:hover p{ color:#E4AA49}


.view-all {
	text-align: center;
	width:100%;
	margin: 100px 0;
}
.view-all-btn {
	border:1px solid #0B1A4B;
	border-radius:10px;
	padding: 12px 30px;
	color:  #0B1A4B;
	text-decoration: none;
}
.view-all-btn:hover{ background:#0B1A4B; color:#fff;}        

		
.brand .article-container {
	max-width: 100%;
}	
		
		
		
		
		
		
		
		
        /* 响应式设计 */
 @media (max-width: 992px) {
 html {
 font-size: 15px;
}
 .banner-title {
 font-size: 2.8rem;
}
 .banner-subtitle {
 font-size: 1.5rem;
}
}



 @media screen and (max-width:999px) {
.kk-index-news {
margin-top: 20px;
}

.kk-index-news .tabnav,.sortdesc .tabnav {
margin-top:0;
display: block;
height:auto;
border-bottom:0;
margin-bottom:20px;
}
}
@media screen and (max-width:639px) {
.kk-index-news .tabtitle {
display: none;
}
}

@media only screen and (min-width:999px) {
.kk-index-news .tabnav li {
width: 13%;
max-width:140px;
}
}
@media only screen and (min-width:170px) and (max-width:999px) {
.kk-index-news .tabnav li,.sortdesc .tabnav li {
width:33%;
float:left;
overflow:hidden;
}
.kk-index-news .tabnav li a,.sortdesc .tabnav li a{
font-size: 14px;
}
.gyinfo-container .project-content {
	width: 100%;
	overflow: hidden;
	max-width:100%;
}
}
 @media screen and (min-width:999px) {
 .kk-index-news .tabcontent ul li {
width: 42%;
margin: 15px 4%;
}

.tabcontent{ width:80%; margin:0px auto;}



.apalist li .img img {
	min-height:258px;
}
 .kk-index-news .tabcontent ul li:nth-child(3n+3) {
margin-right: 0;
}
}
@media screen and (max-width: 999px) {
 .kk-index-news .tabcontent ul li {
width: 48%;
margin: 15px 4% 15px 0;
}
 .kk-index-news .tabcontent ul li:nth-child(2n+2) {
margin-right: 0;
}

}







 @media (max-width: 768px) {
 html {
 font-size: 14px;
}
 .mobile-menu-btn {
 display: block;
}

.header {
	padding:0.65rem 0;
	height: 4rem;
	position:relative;
}
.h100{ height:4rem;}

 .logo {
 font-size: 1.3rem;
 margin-right: auto;
 white-space: normal;
 max-width: 60%;
}

.logo img {
	height: 40px;
}

.logo a .tit {
	font-size: 1.2rem;
}
.logo a .tit span {
	font-size: 0.7rem;
	letter-spacing:1px;
}


.nav{ margin-right:10px;}
 .nav-list {
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 background-color: #0B1A4B;
 flex-direction: column;
 padding:0 0 1rem 0;
 margin-right: 0;
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
 .nav-list.active {
 display: flex;
}
 .nav-item {
 margin: 0;
 padding: 0.8rem 1.5rem;
 border-top: 1px solid rgba(255, 255, 255, 0.1);
 color:#fff;
}
 .phone {
 display: none;
}
.banner {
	height: 30vh;
}
.search-container {
	margin-top: 2rem;
}
 .search-icon-text {
 display: none;
}
 .search-icon i {
 display:block;
 margin-right: 0;
 font-size: 1.3rem;
}
 .banner-title {
 font-size: 2.2rem;
}
 .banner-subtitle {
 font-size: 1.2rem;
}
 .banner-search input, .search-input-container input {
 padding-right: 110px;
}
 .map-link, .map-link-overlay {
 right: 90px;
 font-size: 0.95rem;
}
 .banner-search button, .search-input-container button {
 padding: 0 1.5rem;
}
/*弹窗*/
.make_appointment{ width:100%; height:100%; margin:0; left:0; top:0; }
.make_appointment .message{ padding:20px;position: relative;
    top: 50%;
    transform: translateY(-50%); }

.close{ width:34px; height:34px; border-radius:50%; right:20px; top:20px;}

.rent_reference_left{ width:100%; height:50%; padding-top:50px; }
.rent_reference_right{ width:100%; height:50%; }
.rent_reference_right .txt{ padding:20px; }

.ctit .tit_cn{ font-size:1.2rem; }
.ctit .tit_en {
	font-size: 0.8rem;
}
.ctit .xian{ width:150px; }
.ctit .xian:after{ width:40px; margin-left:-20px; }

.message_list{ margin-top:20px; }

.message_list li.input{ width:100%; margin-bottom:10px; }
.message_list li.radio{ width:100%; margin:0; }
.message_list li.submit input{ width:70%; }
.message_list li.textarea {
	margin-top: 0;
}
.message_list li.tips{ line-height:1.5; margin-top:10px; font-size:12px; }


/*弹窗*/
.ny-banner, .so-banner {
	height: 200px;
	background-size:100%  !important;
}
.dqwz {
	height: 30px;
}
.contact {
	width: 90%;
}
.contact .item {
	margin: 50px 0;
}
.contact .item .title {
	font-size: 2rem;
}
.contact .item .lxwm {
	font-size: 1.2rem;
}
.czgy .tit {
	font-size: 2rem;
	margin-bottom: 30px;
}
 .czgy li {
 flex-direction: column !important;
 min-height: auto; /* 移动端取消固定高度 */
}
 .czgy li .pic, .czgy li .txt {
 width: 100%;
 margin-top:10px;
}
 .czgy li .pic {
 height: 200px; /* 移动端给图片固定高度 */
}
 .czgy li .txt {
 padding: 20px;
 justify-content: flex-start; /* 移动端内容从顶部开始 */
}
 .footer {
padding-top:10px;
}

.dbblock {
	display: none;
}
.dbinfo{ padding:10px;}
.dbinfo .info h3 {
	font-size: 1.3rem;
}
.dbinfo .info p {
	font-size: 0.9rem;
}

.wechat p {
	width: calc(100% - 30px);
	float: left;
}
.wechat span {
	font-size: 12px;
	line-height: 20px;
	display: block;
	float: right;
	width: 20px;
}

.copy {
padding:10px 0;
font-size:0.85rem;
text-align:center;
padding-bottom:60px;
}
.sitemap{ display:none;}
.links {
padding:10px 0;
font-size:12px;
display:none;
}
.links a {
margin-right:10px;
}
.footnav {
display:block;
}
 .gyinfo-container .header-top {
 flex-direction: column;
 position:relative;
}
.gyinfo-container .gyheader .title {
	font-size: 1.5rem;
}
.gyinfo-container .gyheader .enmc {
	font-size: 0.85rem;

}


.gyinfo-container .yybtn {
	position: fixed;
	left: auto;
	top:50%;
	right: 20px;
	z-index:10;
}




.gyinfo-container .gyheader .yy {
	padding: 6px 30px;
	position: absolute;
	right: 0;
	bottom: 0;
}
 .gyinfo-container .param-group {
 width:100%;
}
 .gyinfo-container .gallery-container {
 flex-direction: column;
}
 .gyinfo-container .gallery-types {
 width: 100%;
 display: flex;
 overflow-x: auto;
 margin-bottom: 15px;
}
 .gyinfo-container .gallery-type {
 min-width: 100px;
 height:100px;
 width:32%;
 margin-right:2%;
 margin-bottom: 0;
}

.gyinfo-container .gallery-type .tag {
	font-size: 1.5rem;
}


 .gyinfo-container .gallery-type:last-child { margin-right:0}


 .gyinfo-container .gallery-slider {
 margin-left: 0;
}
 .gyinfo-container .swiper-container {
 height: 300px;
}

.gyinfo-container .swiper-slide img {

	width: 100%;
}



 .gyinfo-container .info-param {
 width: 100%;
}
 .gyinfo-container .project-item {
 flex-direction: column;
}
 .gyinfo-container .project-title {
 width: 100%;
 margin-bottom: 10px;
}

 .gyinfo-container .contact-bar {
 flex-direction: column;
 text-align: center;
}
 .gyinfo-container .contact-text, .gyinfo-container .contact-btn-wrap {
 width: 100%;
 justify-content: center;
}


.gyinfo-container .contact-text {
	height: 40px;
	line-height: 40px;
	font-size: 1.1rem;
}
.gyinfo-container .contact-btn-wrap {
	height: 40px;
	line-height: 40px;
	font-size: 1.5rem;
}
.gyinfo-container .map-container {
	height: 40vh;
}

 .gyinfo-container .contact-btn {
 margin-top: 10px;
}


.gyinfo-container .contact-title {
	font-size: 2rem;
	margin-bottom: 40px;
}
.gyinfo-container .contact-item {
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.gyinfo-container .qrcode {
	width: 60%;
	height: auto;
	background-color: #fff;
}


 .gyinfo-container .recommend-item {

}
.gyinfo-container .info-section {
	padding: 5%;
}
.gyinfo-container .recommend-img {
	height: 120px;
}
.gyinfo-container .recommend-item h3 {
	font-size: 1rem;
}
.gyinfo-container .recommend-item p {
	font-size: 0.8rem;
}
.gyinfo-container .view-all {
	margin: 50px 0;
}


.gyinfo-container table {
width: 100%;
}


.gyinfo-container td {
	font-size:11px;
}


.pop_up_tips {
	width: 90%;
	margin: -100px 0 0 -45%;
}


.yzfy .tit h3, .xty .tit h3, .kk-index-news .tit h3 {
	font-size: 2rem;
}

 .yzfy{ padding:20px 0;}
    
	
	.yznav {
	margin: 15px 0;
}
	
    .yznav li{ width:48.5%; padding:0; font-size:13px; margin-right:3% !important; margin-bottom:2%; }
    .yznav li:nth-child(3n){ margin-right:3% !important; }
    .yznav li:nth-child(2n){ margin-right:0 !important; }

    .yzban{ width:100%; }
    .yztxt{ width:100%; }
    .yztab .title{ margin:5px 0 10px 0; font-size:1.6rem}    


.yztab .info {
	line-height: 1.5;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 20px;
}

    .xty{ padding:30px 0 20px 0; }
    .xtylist .swiper-slide{ width:100%;}
    .xtylist .swiper-slide{  padding:15px 20px; }
    .xtylist .swiper-slide .title{ margin-top:10px; }

    .xtyleft{ display:none; }
    .xtyright{ display:none; }

.supplierlist {
	margin: 50px 0 ;
}

.supplierlist .swiper-slide  {

	height: 100px;

}
.supplierlist .swiper-slide a {
	height: 100px;
	padding: 10px;
}
.supplier_txt{padding:0 6%;}
.supplier_txt .tit {
	font-size: 1.8rem;
	margin-bottom:20px;
	
}

.supplier_txt .info {
	font-size: 1.1rem;
}

.article-img .img {
	width: 200px;
	margin-bottom: 15px;
}

.brandlist .swiper-slide img {
	height: 80px;
}




.kk-index-news .tabcontent ul li {
width: 100%;
border-bottom: 1px solid #999999;
padding-bottom: 15px;
margin: 0px;
}
.kk-index-news .tabcontent ul li p {
margin: 10px 0px;
}
.news-list {
	padding:0 3%;
	gap: 20px;
}
.news-item {
 flex-direction: column;
}
 .news-image, .news-content {
 flex: 0 0 100%;
 padding:30px;
}
 .news-image {
 height: 180px;
}
.news-image img {
	max-height:180px;
}
.article-title {
	font-size: 1.3rem;
}
.article-nav-btn {
	font-size: 0;
}
.article-nav-btn i{
	font-size:1.3rem;
	line-height:inherit;
}
.map {
	height: 40vh;
}
.map-box{ width:95%; margin:2.5%; position: static; }
.map-box .txt .parameter{ margin-top:5px; }
.map-box .img img{ height:auto;}
   /*公寓列表*/
    .apartment_info{ margin:10px 0;}
    .apartment_info .title{ font-size:2rem; width:100%; }
    .apartment_info .txt{ width:100%;margin-top:10px; }

    .classification{ padding:0 10px; }
	.classification li{ margin-bottom:15px;}
    .classification li .title{ line-height:1; }
    .classification li .info{ overflow: hidden; width:100%; }
    .classification li .info a{ width:20%; float: left; margin:0; line-height:30px; height:30px; overflow:hidden; }

    .aqanav{ margin-top:20px; border-bottom:none;}
    .aqanav ul{ border-bottom:2px solid #c7ac8b; width:100%;}
	.aqanav p {
	font-size: 1.2rem;
}
    .aqanav ul li{ margin-right:10px;}
    .aqanav ul li:last-child{ margin-right:0; display:none }
	.aqanav ul li a{ padding:0 12px; font-size:1.2rem; }
    .aqanav ul li .price{ padding-right:20px;}
	
	

    .yzfybj{padding:60px 0 20px 0; }
	
	.apalist li{ width:100%; margin-top:20px; }

/*
   .tabnav li{ width:48.5%; margin-right:3% !important; }
   .tabnav li:nth-child(3n){ margin-right:3% !important;}
   .tabnav li:nth-child(2n){ margin-right:0 !important;}
   */
   
   
  .banner img {
	width: auto;
} 
   

}

 @media (max-width: 480px) {
 html {
 font-size: 13px;
}
 .header-container {
 flex-wrap: nowrap;
}

 .nav {
 order: 0;
 width: auto;
 margin-top: 0;
}
 .search-icon {
 margin-left: 1rem;
}
 .mobile-menu-btn {
 margin-left: 1rem;
}
 .banner-title {
 font-size: 1.8rem;
}
 .banner-subtitle {
 font-size: 1rem;
 margin-bottom: 2rem;
}
 .banner-search input, .search-input-container input {
 padding: 1rem;
 padding-right: 90px;
}
 .map-link, .map-link-overlay {
 right: 70px;
}
 .banner-search button, .search-input-container button {
 padding: 0 1rem;
}
 .search-box {
 width: 90%;
}
.czgy .pic img {
	height: 100%;
}

#formBody {
	display: block;
}
#formBody .qr {
	display: none;
}
.wechat {
	margin-right: 0;
}

    /*公寓列表*/
}






.slider-gate {
         
            max-width: 96%;
            background: white;
            transition: 0.2s;
			margin-top:5rem;
        }

        /* 第一行：标题组 — 居中 */
        .titles {
            display: flex;
            justify-content: center;
            padding-bottom: 12px;
            margin-bottom: 6px;       
        }
        .title-item {
            font-size: 2rem;
            padding:0 10px;
            cursor: pointer;
             
            transition: color 0.2s ease;
            background: transparent;
            user-select: none;
            letter-spacing: 0.3px;
            border: none;
			position:relative;
        }
		
		.title-item:after{ content:" "; position:absolute; right:0; top:15%; height:70%; width:2px; background:#000;}
		.title-item:last-child:after{ display:none}
		
		
      
        .title-item.active,.title-item:hover  {
            color:#E4AA49;
            background: transparent;
            box-shadow: none;
            border: none;
        }

       
        .menu-panels {
            position: relative;
            min-height: 68px;
            border-bottom: 2px solid #eef2f6;  
            padding-bottom: 8px;              
            margin-bottom: 6px;
        }

        /* 两组菜单 div 分开 */
        .menu-group {
            display: none;              /* 默认隐藏 */
            flex-wrap: wrap;
            align-items: center;
            gap: 8px 20px;
			justify-content: center;
            padding: 12px 4px 4px;
            background: transparent;    /* 无背景 */
            animation: fadeSlide 0.2s ease;
        }
        .menu-group.active-group {
            display: flex;              /* 当前显示 */
        }

        /* 子菜单超链接 — 无背景，高亮仅变色 */
        .menu-group a {
            text-decoration: none;
            color: #333;             /* 默认灰蓝 */
            font-weight: 500;
            font-size: 1.25rem;
            padding: 4px 8px;           /* 内边距减小，无背景包裹感 */
            border-radius: 0;           /* 无圆角背景 */
            background: transparent;    /* 强制无背景 */
            border: none;              /* 无边框 */
            transition: color 0.15s ease, transform 0.1s;
            letter-spacing: 0.2px;
        }
        /* 子菜单悬停/高亮：仅变色 (无背景) */
        .menu-group a:hover,.menu-group a.active {
            color:#E4AA49;             /* 悬停变色 */
            background: transparent;
         
            border: none;
        }
        /* 若需要点击后高亮 (active 类)，但滑门逻辑未使用，可保留扩展 */
        .menu-group a:active {
            color: #0f2b6b;
            background: transparent;
        }