#Main2 .L {margin-top: 20px !important;}
#Main5 h1 {color: #006EBF;}
h1 a:link,h1 a:visited {color: #006EBF;}
.L .new-nav{ position:relative;height:50px}
.L .new-nav ul{}
.L .new-nav ul li{float:left;cursor:pointer;margin-right:23px;height:32px}
.L .new-nav ul li a{font-weight:700;font-style: normal;font-size: 22px !important;color: #006EBF;}
.L .new-nav ul li.on a{color:#2B69B4}
/* ===== 外层定位：在视频区内、logo 下方 ===== */
.hs-search-wrap {
	position: absolute;
	left: 50%;
	top:340px;
	transform: translateX(-50%);
	z-index: 20;
	width: 560px;
	font-family: "Microsoft YaHei", sans-serif;
}

/* ===== Tab 标签 ===== */
.hs-search-tabs {
	display: flex;
	gap: 6px;
	margin-bottom:0px;
}
.hs-tab {
	padding: 6px 16px;
	font-size: 14px;
	color: #fff;
    background: #c0c6cf59;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	user-select: none;
}
.hs-tab.active {
	color: #fff;
	background: #1a6ec1;
}

/* ===== 搜索框 ===== */
.hs-search-box {
	display: flex !important;
	height: 46px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0,0,0,.3);
	border: 1px solid rgba(255,255,255,.4);
	background: #fff;
}

.hs-search-box.hs-hidden {
	display: none !important;
}

/* 输入框 */
.hs-search-box input[type="text"] {
	flex: 1;
	height: 100%;
	padding: 0 16px;
	border: none;
	outline: none;
	font-size: 14px;
	background: #fff;
	color: #333;
}
.hs-search-box input[type="text"]::placeholder {
	color: #999;
}

/* 搜索按钮 */
.hs-search-box button {
	width: 56px;
	height: 100%;
	border: none;
	background: #1a6ec1;
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0;
}
.hs-search-box button:hover {
	background: #1557a0;
}
.hs-search-box button svg {
	width: 20px;
	height: 20px;
	stroke: #fff;
	stroke-width: 2.5;
	fill: none;
	pointer-events: none;
}

/* ===== 响应式 ===== */
@media (max-width: 768px) {
	.hs-search-wrap {
		width: 90%;
		top: 100px;
	}
	.hs-tab {
		font-size: 13px;
		padding: 5px 10px;
	}
	.hs-search-box {
		height: 42px;
	}
	.hs-search-box input[type="text"] {
		font-size: 13px;
	}
	.hs-search-box button {
		width: 50px;
	}
}
.navBox {
    width: 100%;
    height: 253px;
    background-image: url(../images/u12.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.slideBox {width:600px;height:365px;overflow:hidden;position:relative;float:left;margin-left:15px}					
				.slideBox .hd {height:15px;overflow:hidden;position:absolute;bottom:10px;right:10px;z-index:4;}					
				.slideBox .hd ul{overflow: hidden;zoom:1;float:left;}					
				.slideBox .hd ul li{float:left;margin-right:3px;width:15px;height:15px;line-height:14px;text-align:center;color:#fff;cursor:pointer;font-weight:bolder;font-size:12px;}					
				.slideBox .hd ul li.on{color: #f00;background: url();font-weight: bolder;}					
				.slideBox .bd{position: relative;height: 100%;z-index:1;}	
				.slideBox .bd ul{}
				.slideBox .bd ul li{height:365px;position: relative;display: none;}	
				.slideBox .bd ul li p{position: absolute;left: 0px;bottom: 0px;z-index:3;width:600px;height:35px;line-height:34px;overflow:hidden;font-size:14px;text-indent:10px;background:#000;color:#fff;FILTER:alpha(opacity=70);opacity:0.7;}
				.slideBox .bd ul li p a{color:#fff;text-decoration:none;}		
				.slideBox .bd img {width:600px;height:365px;z-index:2;}

#Swiper1 {
    /*width:1200px;*/
	padding: 10px 0px 15px;
}

.sy-p2 {
    margin-top: 25px;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
 
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-wrapper {
    position: relative;
    width: 96.5%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
} 
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.sy-p2 a.s1 {
    background: url(../images/ss1.png);
}
.sy-p2 a {
    width: 187px;
}
.sy-p2 a {
    float: left;
    /*width: 200px;*/
    height: 129px;
    text-align: center;
    transition: all 0.3s;
}
.sy-p2 a img {
    height: 51px;
}
.sy-p2 a img {
    margin: 19px 0;
    transition: all 0.3s;
}
fieldset, img {
    border: 0;
}
.sy-p2 a.s1 p {
    background: #7FAFD8;
}
.sy-p2 a.s7 p {
    background: #8AB8DE;
}
.sy-p2 a.s2 p {
    background: #79A9D4;
}
.sy-p2 a.s3 p {
    background: #8DBCE1;
}
.sy-p2 a.s4 p {
    background: #83B2DA;
}
.sy-p2 a.s5 p {
    background: #90BCE0;
}
.sy-p2 a p {
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.sy-p2 a.s7 {
    background: url(../images/ss7.png);
}

.sy-p2 a {
    width: 187px;
}
.sy-p2 a {
    float: left;
    /*width: 200px;*/
    height: 129px;
    text-align: center;
    transition: all 0.3s;
}
.sy-p2 a.s4 {
    background: url(../images/ss4.png);
}
.sy-p2 a.s5 {
    background: url(../images/ss4.png);
}
.sy-p2 a.s6 {
    background: url(../images/ss4.png);
}
.sy-p2 a.s2 {
    background: url(../images/ss4.png);
}
.sy-p2 a.s3 {
    background: url(../images/ss3.png);
}
.swiper-slide {
    width: 15%;
    padding: 0 12px;
}
.sy-p2 a:hover img {
  transform: rotate(0);
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.index_shortcuts a:hover {
  transform: translateY(-5px);
}
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.title_2bar {
    text-align: center;
    margin-bottom: 30px;
}
.title_2bar span {
    position: relative;
    font-size: 22px;
    font-weight: bold;
    color: #e22223;
}
.title_2bar span::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -170px;
    width: 152px;
    height: 9px;
    background: url(../images/index_title1.png) no-repeat center;
    background-size: contain;
}
.title_2bar span a {
    color: #22a4e2;
}
a:link {
    text-decoration: none;
}
.title_2bar span b {
    color: #c99779;
}
.title_2bar span::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -170px;
    width: 152px;
    height: 9px;
    background: url(../images/index_title2.png) no-repeat center;
    background-size: contain;
}
.ythgs_box .col-md-3 {
    padding: 0 2px;
}

@media (min-width: 992px) {
    .col-md-3 {
        width: 25%;
    }
}
.pinkbg_title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    background-color: #deebf5;
    font-size: 18px;
    font-weight: bold;
    color: #c99779;
    margin-bottom: 10px;
}
.pinkbg_title a {
    color: #c99779;
}
ol, ul {
    list-style: none;
} 
.list-t li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #ddd;
    border-radius: 100px;
}
.list-t li a {
    width: 87%;
}
.list-t li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-t li {
    position: relative;
    padding-left: 20px;
    line-height:40px;
    font-size: 16px;
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
}
.margincommon { 
    width: 1200px;
	height:555px;
    margin:20px auto;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
	top: -165px;
    position: relative;
} 
@media (min-width: 992px) {
    .col-md-3 {
        width: 24%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px; 
} 
.row {
    margin-right: -30px;
    margin-left: 3px;
}
.sy-p2 a.s4 p {
    line-height: 20px !important;
}
.sy-p2 a.s4 p {
    background: #83B2DA;
    line-height: 20px;
}  
.modal-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-box {
    width: 460px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.modal-header {
    padding: 12px 18px;
    background: #1a6ec1;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-close {
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
}
.modal-body {
    padding: 24px 18px;
    font-size: 15px;
    color: #333;
}
.modal-footer {
    padding: 14px 18px;
    text-align: right;
    background: #f5f7fa;
}
.modal-footer button {
    padding: 7px 18px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 14px;
}
.btn-cancel {
    background: #ccc;
    color: #333;
    margin-right: 10px;
}
.btn-confirm {
    background: #1a6ec1;
    color: #fff;
}
 /* 外链弹窗专属样式，不污染页面原有样式 */
 #fwBottom a {
    position: relative;
    display: inline-block;
}
#fwBottom a img {
    display: block;
}
#fwBottom .img-text {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 0 1px 8px #000;
    text-align: center;
}
#fwBottom a{
    opacity: 1;
  /* 加上transition，变化平滑过渡，不会生硬闪烁 */
  transition: opacity 0.25s ease;
}
/* 鼠标悬浮，opacity改为1，完全不透明 */
#fwBottom a:hover{
   opacity: 0.7;
}
/*底部市成员单位*/
.content_five {
    width: 1200px;
    margin: 15px auto 0;
    overflow: hidden;
}
.content_five_one {
    width: 880px;
    height: 100%;
    float: left;
}
.content_five_one_one {
    width: 100%;
}
.title {
    width: 100%;
    height: 31px;
    border-bottom: 4px solid #e6e6e6;
}
.xylink {
    float: left;
    font-size: 18px;
    color: #e22323;
    font-weight: bold;
    margin-right: 35px;
    display: inline-block;
    height: 40px;
	line-height: 1.5;
}
.select {
    display: block;
}
.tab4 li {
    float: left;
    font-size: 18px;
    margin-right: 14px;
    width: auto;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.tab4 {
    margin-top: 10px;
}
.active {
    color: #e22323;
}

.display4 { 
	display: none;
    padding-left: 22px;
    padding-top: 20px; 
    margin-bottom: 80px;
}
.display4 li {
    padding: 10px 10px;
    font-size: 16px;
    float: left;
    width: 190px;
}
.display4 li a {
    color: #000;
}
.select {
    display: block;
}
.content_bg a {
    text-decoration: none;
}
.main_footer {
    background-color: #5489BD;
    width: 100%;
    color: #fff;
}
.main_footer .footer_content { 
    width: 1200px;
    height: 60px; 
    margin: 0 auto;
    text-align: center;
    font-size: 15px !important;
}
.main_footer .footer_content p {
    height: 30px;
    line-height: 30px;
}
span {
    cursor: default;
}
.gs-loading { text-align:center; padding: 18px 0; list-style:none; width:auto; box-sizing:border-box; margin:0 auto; }
.gs-loading .spinner { display:inline-block; width:30px; height:30px; border:3px solid #7fb8e6; border-top-color:transparent; border-radius:50%; animation: gsrotate 1.6s linear infinite; margin:0 auto; }
@keyframes gsrotate { to { transform: rotate(360deg); } }
.gs-loading .gs-text { display:block; margin-top:8px; color:#999; font-size:12px; }
/* 响应式：桌面端完全不变，小屏按手机端重新排版
   断点：<=1240 容器流式化 / <=992 手机化重排 / <=768 手机 / <=480 小屏*/
html, body { overflow-x: hidden; }
img { max-width: 100%; }

/* ---------- 1240：固定宽容器流式化，防止横向滚动 ---------- */
@media (max-width: 1199px) {
	.w1200, .inner, .margincommon, .foot { width: 100% !important; box-sizing: border-box; padding-left: 12px; padding-right: 12px; }
	.content_five { width: 100% !important; box-sizing: border-box; padding: 0 12px; }
	#vOther #btnsgroup2 { left: auto !important; right: 12px; margin-left: 0 !important; }
	#btnsgroup1 { left: 12px; margin-left: 0; }
}

/* =========================================================
   <=1199：平板/手机版式（iPad Pro 竖屏 1024、iPad 竖屏 820 等均覆盖）
   ========================================================= */
@media (max-width: 1199px) {

	/* ===== 顶部：视频背景改为蓝色渐变 Banner，取消绝对定位 ===== */
	#vBox {
		height: auto !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		width: 100% !important;
		background: linear-gradient(160deg, #1f6fb2 0%, #3e92cc 55%, #6db0de 100%) !important;
		padding: 12px 12px 18px;
	}
	#vBox video { display: none !important; }
	#vOther { position: static !important; width: 100% !important; text-align: center; }
	#btnsgroup1 { display: none !important; }
	#btnsgroup2 {
		position: static !important;
		display: inline-block !important;
		margin: 0 auto 10px !important;
		padding: 5px 14px !important;
		background: rgba(255,255,255,.25) !important;
		color: #fff !important;
		font-size: 13px;
		border-radius: 14px;
	}
	#btnsgroup2 a { color: #fff !important; font-size: 13px; }
	#logoz {
		position: static !important;
		display: block;
		width: 84% !important;
		max-width: 420px;
		height: auto !important;
		margin: 4px auto 14px !important;
	}

	/* ===== 搜索框：改为 Banner 内的整块搜索卡 ===== */
	.hs-search-wrap {
		position: static !important;
		width: auto !important;
		max-width: 520px;
		margin: 0 auto !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
	}
	.hs-search-tabs { justify-content: center; }
	.hs-search-box { height: 46px !important; }

	/* ===== 导航：网格卡片 ===== */
	#MainBox { position: static !important; }
	.navBox {
		height: auto !important;
		background: linear-gradient(180deg, #2b7fc4, #1f6fb2) !important;
		padding: 8px 0 10px;
	}
	.navBox .inner { width: 100% !important; padding: 0 10px !important; }
	.navBox ul, .navBox-item ul {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr);
		gap: 8px;
	}
	.navBox ul li, .navBox-item ul li {
		float: none !important;
		width: auto !important;
		height: auto !important;
		line-height: 1.3 !important;
		margin: 0 !important;
		padding: 9px 2px !important;
		text-align: center;
		background: rgba(255,255,255,.16);
		border-radius: 8px;
		box-sizing: border-box;
		font-size: 14px;
	}
	.navBox ul li a, .navBox-item ul li a { color: #fff !important; font-size: 14px; }
	.navBox ul li.active, .navBox-item ul li.active { background: #fff !important; }
	.navBox ul li.active, .navBox ul li.active a { color: #1f6fb2 !important; }

	/* ===== 主区：取消上移与固定高，改为卡片堆叠 ===== */
	#Main1 {
		top: 0 !important;
		height: auto !important;
		padding: 12px 12px 16px !important;
		margin-top: 0 !important;
		border-radius: 0;
	}
	#Main1 > div[style*="clear:both"] { display: none; }

	/* 焦点图：整宽卡片，标题移到图片下方 */
	.slideBox {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		border-radius: 10px;
		overflow: hidden;
		background: #eaf4fc;
	}
	.slideBox .bd { height: auto !important; }
	.slideBox .bd ul li { height: auto !important; }
	.slideBox .bd img {
		width: 100% !important;
		height: auto !important;
		display: block;
		min-height: 170px;
		object-fit: cover;
	}
	.slideBox .bd ul li p {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		line-height: 1.45 !important;
		padding: 8px 10px !important;
		text-indent: 0 !important;
		font-size: 13px;
		background: rgba(0,0,0,.55) !important;
		box-sizing: border-box;
	}
	.slideBox .hd { right: 8px; bottom: 8px; }

	/* 信用动态：栏目横向滚动，列表行距收紧 */
	.slideTxtBox { float: none !important; width: 100% !important; margin: 14px 0 0 !important; }
	.slideTxtBox .new-nav { height: auto !important; position: static !important; }
	.slideTxtBox .new-nav ul {
		display: flex !important;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 6px;
	}
	.slideTxtBox .new-nav ul li { float: none !important; flex: 0 0 auto; height: auto !important; margin: 0 16px 0 0 !important; }
	.slideTxtBox .new-nav ul li a { font-size: 16px !important; }
	.slideTxtBox .bd li { height: auto !important; line-height: 1.9 !important; }
	.slideTxtBox .bd li a { font-size: 15px !important; }
	.slideTxtBox .bd li span { display: none; }

	/* ===== 六宫格：网格卡片 ===== */
	.margincommon {
		width: 100% !important;
		height: auto !important;
		top: 0 !important;
		margin: 12px auto !important;
		padding: 12px !important;
		box-sizing: border-box;
		background: #fff;
	}
	#Swiper1 { padding: 0 !important; margin-top: 0 !important; }
	#Swiper1 .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		width: 100% !important;
		height: auto !important;
	}
	#Swiper1 .swiper-slide { width: auto !important; height: auto !important; padding: 0 !important; }
	.sy-p2 a {
		float: none !important;
		display: flex !important;
		flex-direction: column;
		align-items: center;
		width: 100% !important;
		height: auto !important;
		padding: 12px 6px 0;
		background-size: 100% 100% !important;
		border-radius: 10px;
		overflow: hidden;
		box-sizing: border-box;
	}
	.sy-p2 a img { height: 42px !important; margin: 0 0 8px !important; }
	.sy-p2 a p {
		width: 100% !important;
		min-height: 46px;
		margin: 0 !important;
		padding: 8px 6px !important;
		font-size: 12px !important;
		line-height: 1.35;
		box-sizing: border-box;
	}

	/* ===== 一体化公示：卡片列表 ===== */
	.ythgs_box.row { margin: 0 !important; display: block !important; }
	.title_2bar { margin: 6px 0 14px !important; }
	.title_2bar span { font-size: 18px !important; }
	.title_2bar span::before, .title_2bar span::after { display: none !important; }
	.ythgs_box .col-md-3 {
		width: 100% !important;
		float: none !important;
		margin: 0 0 12px !important;
		border: 1px solid #e3eef8;
		border-radius: 10px;
		overflow: hidden;
		background: #fff;
	}
	.pinkbg_title { height: 44px !important; font-size: 16px !important; margin-bottom: 0 !important; }
	.ythgs_box ul { padding-left: 0 !important; min-height: 0 !important; }
	.list-t li { font-size: 14px !important; line-height: 36px !important; padding-left: 14px !important; }
	.gs-loading { width: auto !important; }

	/* ===== 三个服务入口 ===== */
	#Main3 { width: 100% !important; padding: 0 12px !important; box-sizing: border-box; }
	#Main3 #fwCon { height: auto !important; }
	/* 三个服务入口（388x90 大图）：小屏改为整宽堆叠，放大显示 */
	/* 注意：#Main3 原为固定 height:120px，必须放开，否则整宽大图会溢出压住下方内容 */
	#Main3 { height: auto !important; min-height: 0 !important; padding-bottom: 6px; }
	#Main3 #fwCon { height: auto !important; overflow: visible !important; }
	#fwBottom {
		display: flex !important;
		flex-direction: column;
		gap: 10px;
		height: auto !important;
		margin: 14px 0 0 !important;
	}
	#fwBottom a { margin: 0 !important; width: 100% !important; }
	#fwBottom a img { width: 100% !important; height: auto !important; display: block; }
	#fwBottom .img-text { font-size: 18px !important; letter-spacing: 1px; }

	/* ===== 底部友情链接 ===== */
	.content_five { width: 100% !important; padding: 0 12px !important; overflow: visible !important; box-sizing: border-box; }
	.content_five_one { width: 100% !important; float: none !important; }
	.xylink { font-size: 14px !important; margin: 0 14px 6px 0 !important; height: auto !important; float: none !important; display: inline-block !important; }
	.title { height: auto !important; }
	.tab4 { display: flex !important; flex-wrap: wrap; }
	.tab4 li { float: none !important; font-size: 14px !important; margin: 0 14px 6px 0 !important; height: auto !important; line-height: 1.6 !important; }
	.display4, .display5 { padding-left: 0 !important; padding-top: 10px !important; margin-bottom: 20px !important; overflow: hidden; }
	.display4 li, .display5 li {
		width: 33.33% !important;
		float: left !important;
		padding: 6px 8px !important;
		font-size: 13px !important;
		box-sizing: border-box;
	}
	.display4 li a, .display5 li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

	/* ===== 页脚：改为上下居中堆叠 ===== */
	.footer { display: block !important; }
	.main_footer { height: auto !important; padding: 16px 0 !important; }
	.main_footer .footer_content {
		width: 100% !important;
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 12px;
		padding: 0 12px !important;
		box-sizing: border-box;
		text-align: center !important;
		font-size: 13px !important;
	}
	.main_footer .footer_content > div { float: none !important; width: 100% !important; margin: 0 !important; }
	.main_footer .footer_content > div:last-child {
		display: flex !important;
		justify-content: center !important;
		align-items: center;
		gap: 14px;
	}
	/* 图标按原比例缩放：只用 max-height/max-width 绝对值，
	   不能用「height 固定 + max-width 百分比」（会循环计算导致压扁变形） */
	.main_footer .footer_content > div:last-child img {
		width: auto !important;
		height: auto !important;
		max-height: 44px !important;
		max-width: 140px !important;
	}
	.main_footer .footer_content p { height: auto !important; line-height: 1.9 !important; font-size: 12px !important; width: auto !important; }
	.main_footer .footer_content a { display: inline-block !important; }

	/* ===== 右侧浮动：小屏隐藏 ===== */
	#kf { display: none !important; }
}

/* ---------- 993~1199：平板（iPad Pro 竖屏 1024 / iPad 横屏 1180 等）----------
   比 1200 设计稿窄但仍较宽：保留左右分栏，不做手机式整宽堆叠 */
@media (min-width: 993px) and (max-width: 1199px) {
	#Main1 { display: flex !important; gap: 14px; align-items: flex-start; }
	.slideBox { flex: 0 0 58% !important; width: 58% !important; float: none !important; margin: 0 !important; }
	.slideTxtBox { flex: 1 1 auto !important; width: auto !important; min-width: 0; margin: 0 !important; }
	.slideTxtBox .new-nav ul { flex-wrap: wrap !important; overflow: visible !important; }
	#fwBottom { flex-direction: row !important; flex-wrap: wrap; gap: 10px; }
	#fwBottom a { width: calc(33.333% - 7px) !important; }
	#fwBottom .img-text { font-size: 16px !important; }
	#Swiper1 .swiper-wrapper { grid-template-columns: repeat(3, 1fr); }
	.navBox ul, .navBox-item ul { grid-template-columns: repeat(4, 1fr); }
	.display4 li, .display5 li { width: 25% !important; }
}

/* ---------- 768：手机细节 ---------- */
@media (max-width: 768px) {
	.navBox ul, .navBox-item ul { grid-template-columns: repeat(3, 1fr); }
	#Swiper1 .swiper-wrapper { grid-template-columns: repeat(2, 1fr); }
	.sy-p2 a p { font-size: 13px !important; }
	.display4 li, .display5 li { width: 50% !important; }
	.slideBox .bd img { min-height: 150px; }
	#btnsgroup2 { font-size: 12px; }
}

/* ---------- 480：小屏手机 ---------- */
@media (max-width: 480px) {
	#logoz { width: 92% !important; }
	.navBox ul li, .navBox-item ul li { font-size: 13px !important; padding: 8px 2px !important; }
	.slideTxtBox .new-nav ul li a { font-size: 15px !important; }
	.slideTxtBox .bd li a { font-size: 14px !important; }
	#fwBottom .img-text { font-size: 12px !important; }
	.display4 li, .display5 li { width: 100% !important; }
	.title_2bar span { font-size: 17px !important; }
}