@charset "utf-8";

.dropdown-menu {
	--bs-dropdown-link-active-bg: #661379 !important;
	--bs-dropdown-link-hover-bg: #661379 !important;
}

@font-face {
	font-family: "Goudy Old Style";
	src: url(../gsxy_font/STXINGKA.TTF);
}

@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, "PingFang SC", "PingFang SC-Regular", 苹方, "Microsoft Yahei", sans-serif;
	overflow-x: hidden;
}

html::-webkit-scrollbar {
	width: 4px;
	height: 8px;
	background-color: #f5f5f5;
	-ms-text-size-adjust: 100%;
	font-size: 16px;
}

html::-webkit-scrollbar-track {
	background-color: #e2e2e2
}

html::-webkit-scrollbar-thumb {
	background-color: #333
}

a {
	text-decoration: none !important;
	outline-style: none;
	outline: 0;
	color: #000 !important;
}

a:hover {
	color: #661379 !important;
}

/*搜索*/
#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	animation: slideDown 0.5s ease-out;
	z-index: 1;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

#popup {
	padding: 20px;
	border-radius: 8px;
	position: relative;
	width: 50%;
	text-align: center;
}

.input-container {
	position: relative;
	width: 100%;
}

#searchInput {
	width: 100%;
	padding: 10px 40px 10px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

#searchButton {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	/* 按钮宽度 */
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

#closeButton {
	position: fixed;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	font-size: 50px;
	color: #ff0000;
	cursor: pointer;
}

.dropdown-menu li a:hover {
	color: #f6d0ff !important;
}

.dropdown-menu {
	border-top: 6px solid #661379 !important;
}

img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	padding: 0
}

ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
p {
	font-weight: normal;
	list-style: none
}


h1 {
	font-size: 6em;
	font-size: calc(2em + 2vw);
	font-family: arial, helvetica;
	margin: 0;
}

.section {
	font-family: arial, helvetica;
	color: #000;

    display: flex;
    flex-direction: column;
    justify-content: center;

}

#section1 .app-img {
	display: none;
}

/* 轮播，自定义样式以调整 .carousel-caption 的位置 */
.carousel-caption {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: auto !important;
	padding-left: 20px !important;
	padding-bottom: 20px !important;
	text-align: left !important;
	width: 100% !important;
	font-size: 1.5rem !important;
}

.carousel-item:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url(../gsxy_image/head-bg-bottom.png) center bottom no-repeat;
	background-size: 100% auto;
}

.carousel-caption h5,
.carousel-right-font {
	line-height: 1.5rem;
	margin-bottom: 0.2rem;
	font-size: 1.8rem;
}

.carousel-right-font {
	position: absolute;
	line-height: 1.5rem;
	right: 1.5rem;
	bottom: 1.5rem;
	color: #fff;
}

.carousel-right-font span:nth-child(1) {
	font-family: "Goudy Old Style";
}

.fp-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.animate-in {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 600ms ease, transform 600ms ease;
}

/* Backgrounds图片与颜色*/
.fp-section:nth-child(1) {
	background-image: url('../gsxy_image/bg.png');
}

.fp-section:nth-child(2) {
	background-image: url('../gsxy_image/bg1.jpg');
}

.fp-section:nth-child(3) {
	background-image: url('../gsxy_image/bg2.jpg');
}

.fp-section:nth-child(4) {
	background-image: url('../gsxy_image/bg3.jpg');
}
.fp-section:nth-child(5) {
	background-image: url('../gsxy_image/bg2.jpg');
}

.fp-auto-height.fp-section{
	background-image: linear-gradient(128deg, #661379, #661379);
}

/* Setting states for animations */
.intro {
	margin-top: 80px
}

#section2 h1,
#section3 .section3-right-listdetails ol li{
	transform: scale(0.8);
	position: relative;
	transition: all 600ms ease;
	opacity: 0;
}

#section2 p,
#section2 .list-next {
	transform: translate3d(0, 50px, 0);
	opacity: 0;
	transition: all 700ms ease;
	transition-delay: 200ms;
}

/*section2 right*/
#section3 .section3-right,
#section2 .two-right-dt {
	transform: translate3d(50px, 0, 0);
	opacity: 0;
	transition: all 700ms ease;
	transition-delay: 200ms;
}

#section3 .section3-left {
	transform: translate3d(0, -150px, 0);
	opacity: 0;
	transition: all 700ms ease;
	transition-delay: 200ms;
}
#section3 .section3-bottom{
	transform: translate3d(0, 50px, 0);
	opacity: 0;
	transition: all 700ms ease;
	transition-delay: 1000ms;
}
.section3-bg{
    height: 20rem;
    position: absolute;
    top: -5.2rem;
    right: 0;
    left: 0;
    z-index: -1;
    background-size: 100% !important;
}
.pagebgdetail{
	height:150px;
	line-height:10px;
}
.contenttitle{
	display:block;
	width:100%;
	font-size:1.5rem;
	font-weight:bold;
	color:#001fff !important;
}
.contentauthor{
	position:absolute;
	padding-top:50px;
	font-size:1rem;
	font-weight:bold;
	color:#3c3c3c !important;
}
.contentauthor i{
	font-style: normal;
}
.contentauthor i+i{
	padding-left:20px
}
.prevnext{
	display:block;
	margin-top:20px;
	width:100%;
	font-size:0.8rem !important;
}
.prevnext a{
	display:block;
	width:100%;
	line-height:30px;
}
.prevnext a:hover{
	color:#001fff !important
}
.newslistcontent{
	display:flex;
	width:100%;
	padding:3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom-right-radius: 10px;
	transition: all 0.3s ease;
	background-color:#fff
}
.newslistcontent:hover{
    box-shadow: 8px 8px 12px rgba(73, 129, 255, 0.3);
}
.newslistcontent:hover .newslistdated {
	font-size:2.5rem;
	text-shadow: 0 2px 5px rgba(44, 90, 160, 0.2);
}
.newslistdate{
	float:left;
	width:100px;
	color:#fff;
	background-color:#4981ff;
	text-align:center;
}
.newslistdateym{
	display:block;
	padding:8px 0px;
}
.newslistdated{
	display:block;
	height:50px;
	font-size:30px;
	font-weight:bold;
	margin-top:20px;
	border-bottom:1px solid #ccc;
}
.newslisttitle{
	float:left;
	width:90%;
	padding-left:20px;
}
.newslisttitlex{
	display:block;
	width:100%;
}
.newslisttitlex a{
	font-size:1.2rem;
	font-weight:bold;
}
.newslisttitlexx{
	font-size:0.9rem;
	color:#3c3c3c;
	line-height:20px;
}
.wapnewsdate{
	display:none
}
/**
* 在这里我们为第3节触发动画。随着body中的fp-viewing类在每个章节和幻灯片上变化。
*/
body.fp-viewing-3rdPage #section3 .section3-right-listdetails ol li:nth-child(1) {
	transform: scale(1);
	opacity: 1;
	transition-delay: 700ms;
}

body.fp-viewing-3rdPage #section3 .section3-right-listdetails ol li:nth-child(2),
body.fp-viewing-secondPage #section2 h1 {
	transform: scale(1);
	opacity: 1;
	transition-delay: 1200ms;
}

body.fp-viewing-3rdPage #section3 .section3-right-listdetails ol li:nth-child(3),
body.fp-viewing-secondPage #section2 h1 {
	transform: scale(1);
	opacity: 1;
	transition-delay: 1500ms;
}

body.fp-viewing-3rdPage #section3 .section3-right,
body.fp-viewing-3rdPage #section3 .section3-left,
body.fp-viewing-3rdPage #section3 .section3-bottom,
body.fp-viewing-secondPage #section2 p,
body.fp-viewing-secondPage #section2 .list-next{
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition-delay: 700ms;
}

body.fp-viewing-secondPage #section2 .two-right-dt {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition-delay: 1200ms;
}

#section1 h1 {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	animation-name: floating;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
}

@keyframes floating {
	0% {
		transform: translate(0%, -30%);
	}

	25% {
		transform: translate(5px, calc(-20% + 25px));
	}

	50% {
		transform: translate(10px, calc(-20% + 15px));
	}

	75% {
		transform: translate(0%, calc(-20% + 25px));
	}

	100% {
		transform: translate(0%, -30%);
	}
}

/**bootstrap css*/
.w-100 {
	height: 100vh;

}

/*header固定顶部*/
.dropdown-item {
	color: #9C27B0 !important;
}

.sy-menu-content {
	background: url(../gsxy_image/head-bg.png) !important;
	z-index: 10000;
	position: absolute;
	width: 100%;
	height: 179px;
	color: #fff;
}

.sy-menu-content1 {
	background: url(../gsxy_image/head-bg-qt.png) !important;
	z-index: 10000;
	position: absolute;
	width: 100%;
	height: 125px;
	color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.nav-link {
	transition: .5s;
}

@media (min-width: 992px) {
	.sy-top-content img {
		height: 1rem;
	}

	.sy-top-content {
		display: flex !important;
		flex-basis: auto;
		justify-content: flex-end;
	}
}

.sy-top-content img {
	height: 1rem;
}

.sy-top-content {
	display: flex !important;
	flex-basis: auto;
	justify-content: flex-end;
}

.navbar-toggler {
	color: #fff !important;
	border: 1px solid #ffffff75 !important;
}

.navbar-toggler-icon {
	background: url("../gsxy_image/nav.png") !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% !important;
}

.sy-top-content li a {
	color: #fff !important;
}

/**顶部文字链接显示/隐藏*/
.sy-top-content {
	&:not(.show) {
		display: none;
	}
}


.sy-top-right {
	line-height: 2rem;
	width: 70%;
	float: right;
}

.navbar-brand {
	max-width: 20%;
	width: 20%;
	display: inline-block;
}

.offcanvas-title {
	color: #661379;
}

.offcanvas-title img {
	width: 90%;
}

.sy-top-content ul {
	list-style: none;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0;
}

.sy-top-content ul li {
	padding-right: 2rem;
}
.sy-top-content ul li a:hover{
	color:#ff6600 !important;
}

.offcanvas {
	color: #fff !important;
}

.sy-top-content ul li a {
	color: #fff;
	text-decoration: none;
}

.nav-link {
	padding: 0 1rem !important;
}

.sy-width {
	padding: 0;
	margin: 0 auto;
	max-width: calc(100% - 10rem);
}


.sy-menu {
	position: fixed;
	width: 100%;
	background: #333;
	z-index: 9;
	text-align: center;
	color: #f2f2f2;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0px;
}

.dropdown-item {
	color: ;
}

.navbar-collapse {
	justify-content: flex-end;
}

.bg-body-tertiary {
	background: url(../images/head-bg.png) !important;
}

/*菜单文字颜色*/
.d-flex1 {
	display: none;
}

.nav-link {
	color: #fff !important;
}

.nav-item a:hover {
	color: #ff6600 !important;
}

.navbar-toggler {
	float: right;
}

.navbar>.container-fluid {
	padding: 0 2rem;
}

/* 鼠标滑过时显示下拉菜单 */
.dropdown:hover .dropdown-menu {
	display: block;
	padding: 0;
}

/*隐藏右下角水印*/
.fp-watermark {
	display: none;
}

.section-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	    gap: 15px;
}

.form-text {
	color: #0000007a !important;
	font-weight: 100;
}

/*******************向导******************/
.guide-name {
	color: #071e2d;
}

.font-size {
	color: #661379;
	margin-bottom: 1rem;
}

/* .font-size p img{
	width: 40px;
} */
.font-size .ms-auto img {
	width: 35px;
	vertical-align: text-bottom;
}

.ms-auto img {
	margin-top: -15px;
	margin-right: 15px;
}

.font-size p {
	margin-bottom: 0rem;
}

.font-size p img {
	margin-top: -10px;
	margin-right: 15px;
}

.font-size .ms-auto:hover {
	cursor: pointer;
}

/***************section2*****************/
/* 针对section2的响应式高度调整 */
#section2 .list-next,
#section2 .two-right-dt {
  display: flex;
  flex-direction: column;
}

/* 确保内容区域高度自适应 */
#section2 .list-next > div:last-child,
#section2 .two-right-dt > div:last-child {
  flex-grow: 1;
}
 

/* 确保轮播图容器高度一致 */
#section2 .swiper-container,#section2 .swiper-slide {
  position: relative;
}
#section2 .slide-caption {
  bottom: 0;
  left: 0;
  right: 0;
}

/* 确保右侧动态列表高度适应 */
#section2 .two-right-dt .list-group {
  display: flex;
  flex-direction: column;
}

#section2 .section2_right_content {
  flex: 1;
  display: flex;
  align-items: center;
  min-height: 60px;
}

/* 高度对齐辅助类 */
 
.height-align-helper > *:last-child {
  flex-grow: 1;
}

.gsdt-img{
	position: relative;
	overflow: hidden;
	border: 0.5rem solid #fff;
}
.section2_time {
	display: flex;
	border: 1px solid #661379;
	margin-right: 1rem;
	flex-direction: column;
	align-items: center;
}

.section2_right_list {
	flex-wrap: wrap;
	align-content: center;
	font-weight: 600;
}

.section2_time_years {
	background: #661379;
	padding: 0.2rem 1rem;
	color: #fff !important;
}

.section2_time_day {
	color: #661379;
}
.section2_right_content:hover {
	color: #661379;
	cursor: pointer;
	border-bottom: 1px solid #661379 !important;
}

.section2_right_list span {
	color: #0000007a !important;
	font-size: 1.2rem;
	transition: .2s !important;
}

.gsxy_section2_title {
	padding: 0.5rem 0;
}

.gsxy_section2_title {
	padding: 0.5rem 0;
}

.list-group-item {
	padding: 1rem;
}

.list-next {
	margin-right: 3%;
}

.list-next,
.two-right-dt {
	width: 47%;
}

.swiper-slide img {
	width: 100%;
	height: auto;
	min-height: 100%;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
}

.swiper-slide-active img,
.swiper-slide-duplicate-active img {
	transition: 6s linear;
	transform: scale(1, 1);
}

/* 工商要闻 */
.slide-caption {
	background-color: #5b0e67;
	color: #fff;
	padding: 1.2rem 1.5rem !important;
	position: absolute;
}

.swiper-button-next,
.swiper-button-prev {
	color: #ffffff99 !important;
}

/* 隐藏滚动条 */
.fp-overflow {
	overflow: hidden !important;
}

/***************section3*****************/
#section3 .intro{
	position: relative;
	    z-index: 1;
}
/* 增强版动画效果 */
.section3-right-listdetails .list-group-xs li {
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	cursor: pointer;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	border-left: 3px solid transparent;
}

.section3-right-listdetails .list-group-xs li:hover {
	transform: translateX(15px);
	background: linear-gradient(90deg, rgba(128, 0, 128, 0.1), rgba(128, 0, 128, 0.05));
	border-left-color: #800080;
}

.section3-right-listdetails .list-group-xs li:hover .font3-ellipsis {
	color: #800080 !important;
	transform: translateX(15px);
}

.section3-right-listdetails .list-group-xs li:hover .font3-ellipsis .section3-list {
	color: #800080 !important;
}

.section3-right-listdetails .list-group-xs li .font3-ellipsis,
.section3-right-listdetails .list-group-xs li .font3-ellipsis .section3-list {
	transition: all 1s ease;
}


/*学术动态*/
.list-group-right,
.list-group-left,
.list-group.list-group2 {
	display: flex;
	flex-direction: column;
	min-height: 320px; /* 设置一个最小高度，根据实际情况调整 */
}

.list-group-right {
	flex: 1;
}

.list-group-left {
	flex: 1;
}

.list-group.list-group2 {
	flex: 1;
}

/* 内容区域填充剩余空间 */
.list-group-right .gsdt-img,
.list-group-right ul,
.list-group-left ol,
.list-group.list-group2 ol {
	flex: 1;
}

/* 确保内部内容不会溢出 */
.list-group-right,
.list-group-left,
.list-group.list-group2 {
	overflow: hidden;
}
.list-group-right .gsdt-img .xsdt-img{
	padding-bottom: 55%;
}
.section3-right-listdetails .list-group-xs{
	    display: flex;
	    flex-direction: row;
		gap: 15px;
}
.list-group-xs .list-group-right,.list-group-xs  .list-group-left{
	width: 50%;
	    padding-left: 0rem;
}
.section3-right-listdetails ul.list-group-xs {
	display: flex;
	flex-direction: column;
	    width: 100%;
}	
.list-group-right .list-group-flush li{
	border-radius:0;
	border-bottom:0 !important;
	padding: 0.4rem 0;
}
.section3-right-jcfc {
	margin: 0 2%;
	width: 40%;
	display: flex;
	flex-direction: column;
}

.section3-right-xsdt {
    width: 55%;
    padding: 1% ;
}
.section3-left {
    width: 33%;
    padding: 1%;
}

.section3_bg {
	position: absolute;
	width: 68%;
	height: calc(100% - 24.5%);
	bottom: 0;
}

.srction3-right-bottom {
	width: 100%;
}

.srction3-right-list {
	padding: 0.7rem 0 !important;
}

.section3-right-listdetails ol .srction3-right-list:hover {
	cursor: pointer;
	display: inline-block;
 
}

.srction3-right-list p {
	margin-bottom: 0rem;
}

.section3-right-imglist {
	background-color: #fbfbfba1 !important;
}

.section3-left li:nth-child(1) {
	padding-top: 0 !important;
}

.section3-right-imglist .list-group li,
.section3-right-listdetails ol li {
	border: none !important;
}

.list-group li {
	border: none !important;
	border-bottom: 1px solid #00000036 !important;
	background-color: #ffffff00 !important;
}

.font3-ellipsis .section3-list {
	    font-weight: 400;
}

.section3-right-listdetails ol li:first-child {
	padding-top: 0 !important;
}

.font3-ellipsis .section3-list {
	margin:  0.5rem 0;
}

.section3-list img {
	margin-right: 0.5rem;
}

.section3-list span {
	vertical-align: middle;
}

.section3-right-imglist li {
	padding: 0.7rem 0 !important;
}

.srction3-right-list .form-text {
	font-size: 1.2rem;
}

/**溢出省略号**/
.font3-ellipsis,
.two-right-dt li,
.list-group-item,
.section4-font span,
.slide-caption div:nth-child(2),
.section2_right_content span,
.section3-left a,
.section3_left_content .me-auto,
.srction3-right-list p,
.section2_right_list{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}

/*文字第二行省略号*/
.slide-caption div:nth-child(3) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.two-right-dt li {
	font-weight: 100;
}

.xsdt-img {
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.xsdt-img img {
	width: 100%;
}

.xsdt-img {
	position: relative;
	padding-bottom: 34%;
	margin: 0 auto;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* 专题聚焦轮播样式 */

#section3 .section3-bottom{
	margin-top:1%;
	z-index: 0;
	position: relative;
}
.section3-bottom-img-rolling {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.focus-slider-width{
	width: 78%;
	padding: 0;
	margin: 0 auto;
	max-width: calc(100% - 10rem);
}
.focus-slider-container {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.focus-slider-wrapper {
	display: flex;
	transition: transform 0.5s ease;
	width: 100%;
}

.focus-slide {
	flex: 0 0 20%;
	box-sizing: border-box;
	padding: 10px;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.focus-slide:hover {
	transform: translateY(-5px);
}

.focus-slide img {
	width: 100%;
	object-fit: cover;
	border-radius: 6px;
	transition: transform 0.3s ease;
}

.focus-slide:hover img {
	transform: scale(1.05);
}

.focus-slider-controls {
	position: absolute;
	top: 50%;
	width: 99%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	pointer-events: none;
}

.focus-slider-prev,
.focus-slider-next {
	background: rgba(255,255,255,0.8);
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.focus-slider-prev:hover,
.focus-slider-next:hover {
	background: white;
	transform: scale(1.1);
}

.focus-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(0,0,0,0.2);
	cursor: pointer;
	transition: all 0.3s ease;
}

.focus-dot.active {
	background: #2c3e50;
	transform: scale(1.2);
}
/***************section4*****************/
.section4-left {
	width: 90%;
}

.section4-container {
	width: 93%;
	float: right;
}

.section4-container ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.section4-container img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

.section4-container .img {
	position: relative;
	overflow: hidden;
}

.section4-container .img div {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.section4-container .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('../image/list8_t1.png') center 100% repeat-x;
	background-size: auto 4.2rem;
}

.section4-right {
	width: calc(100% - 78%);
	margin-left: 2%;
}

.animate-in {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.5s ease-out;
}

.ztjd img {
	margin-bottom: 5%;
	min-height: 103px;
}

/*
.ztjd img:nth-child(3){
	margin-bottom: 0;
}
*/
.section4-container .row img {
	width: 50%;
	height: 100%;
}

.section4-right p img {
	margin-bottom: 0
}

.section4-container li:nth-child(1),
.section4-container li:nth-child(6) {
	width: 50%;
}

.section4-container li {
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1.5%;
	position: relative;
}

.section4-container li:nth-child(3),
.section4-container li:nth-child(6) {
	margin-right: 0;
}

.section4-container .img div {
	position: relative;
	width: 100%;
	padding-bottom: 92%;
}

.section4-container li:nth-child(1) .img div {
	padding-bottom: 44.7%;
}

.section4-container li:nth-child(3) .img div {
	padding-bottom: 86.3%;
}

.section4-container li:nth-child(6) .img div {
	padding-bottom: 43.3%;
}

.ztjd img:hover {
	cursor: pointer;
}

.section4-font {
	position: absolute;
	bottom: 0;
	padding: 1rem;
	transition: .5s;
	display: grid;
	align-items: end;
	width: 100%;
	background-image: linear-gradient(1deg, #0000008f, #00000000);
}

.section4-font span {
	align-self: flex-end;
	color: #fff;
	font-weight: bold;
}

.section4-container .img .section4-img-big,.xsdt-img {
	transition: transform 1s cubic-bezier(0.4, 0, 1, 1), background-size 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.section4-container .img:hover .section4-img-big,.xsdt-img:hover {
	transition: transform 1s ease;
	transform: scale(1.1);
}

.section4-list15 {
	width: 7%;
	float: left;
	margin-left: -5px
}

.img-qr-pair {
	position: relative;
	margin-bottom: 2rem;
	width: 80%;
	max-width: 100px;
	text-align: center;
}

.main-image,
.qr-image {
	height: auto;
	transition: opacity 0.5s ease-in-out;
}

.main-image {
	width: 85%;
	cursor: pointer;
	-webkit-transition: all .35s ease-in-out;
}

.main-image:hover {
	transform: scale(1.1);
}

.qr-image {
	width: 10rem;
	max-width: 190%;
}
.img-qr-pair {
    position: relative;
    display: inline-block;
    margin: 10px;
}

.main-image {
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.qr-image {
    position: absolute;
    top:-25px;
    right: -120px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    transform: translateX(10px);
}

/* 鼠标悬停时显示二维码 */
.img-qr-pair:hover .qr-image {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* 确保鼠标可以在二维码上停留 */
.img-qr-pair:hover::after {
    content: '';
    position: absolute;
    top: 0;
    right: -140px;
    width: 140px;
    height: 140px;
    z-index: 1;
}
.pagebg{
    height: 550px; 
	background-size: cover; 
	background-position: center;
	overflow:hidden;
	transition: background-image 0.5s ease;
}
.pagebgimg{
   display:none;	
}
.pagemenumain{
	height:80px;	
	position: relative;
}
.pagemenumainx{
	height:120px;	
	position: relative;
}
.pagemenumain::after,.pagemenumainx::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 18px; background: linear-gradient(to bottom, rgba(77,0,102,0.1), transparent);  }
.pagemenu{height:100%}
.pagemenu ul{
	display:flex;
	width:90%;
	height:84%;
	padding:0;
	overflow-x:auto
}
.pagemenu ul li:not(:first-child){
	float:left;
	list-style:none;
    padding-left:30px;
}
.pagemenu ul li a{
	height:100%;
	display:flex;
	align-items:center;
	font-size:1.1rem;
	padding:0 15px;
}
.breadcrumbx {
	width: 80%;
	margin: 30vh auto 0;
	padding: 15px 20px;
	color: #fff;
    
}
.homeicon {
   padding-right:8px;
}
.breadcrumbx h1{
   font-family:"Microsoft YaHei", "微软雅黑";
   font-weight:bold;
}
.breadcrumbx-items {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;	
}
.breadcrumbx-items-list {
	background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0.15) 100%
    );
	padding:5px 10px 5px 5px;
	width:20%;
}
.breadcrumbx-item {
	display: flex;
	align-items: center;
}

.breadcrumbx-item:not(:last-child)::after {
	content: "›";
	margin-left: 10px;
	color: #fff;
}

.breadcrumbx-item a {
	color: white!important;
	text-decoration: none;
	transition: opacity 0.3s;
}

.breadcrumbx-item a:hover {
	opacity: 0.8;
	color:#ff6600!important;
}

.pageabg{
	background-color:#f9e5ff;
    font-weight:bold;
	color:#661379!important;
}
.pagecontent{
	min-height:380px !important;
	padding:40px 0px;
	background: url('../gsxy_image/bg22.jpg') center center / cover no-repeat;
}
.pagecontentx,.pagecontentxx{
	display:flex;
	width:90%;
}
.pagecontentleft{
	width:24%;
}
.pagecontentright{
	width:76%;
	padding:0px 40px 20px 40px;
}
.pagecontentleft ul li{
    padding: 14px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    margin: 0 0 8px 0;
    border-left: none;
}

.pagecontentleft ul li:hover {
    background: #99c1ff;
}

.pagecontentleft ul li.active {
    background: #1a74ff ;
    color:#fff!important;
    box-shadow: 0 4px 8px rgb(0, 20, 51, 0.3);
    font-weight: 500;
}
.leadercontent{
	width:100%;
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
	background: linear-gradient(135deg, #fff, #fff);
    border-radius: 5px;
	padding:20px 50px !important
}
.leaderarea{
	float:left;
	background-color: white;
	border-radius: 6px;
	padding: 5px;
	margin:10px 0px 5px 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	transition: background-color 0.5s ease;
	font-size:1.2rem;
	width: calc(50% - 10px);
    transition: all 0.5s ease;
}
.leaderareax1 a{
	margin-right:10px;
}
.leaderarea:hover{
    box-shadow: 8px 8px 12px rgba(73, 129, 255, 0.3);
}
.leaderareax{
	padding:10px 0px 10px 10px;
	background-color: #4981ff;
	color:#fff;
	font-weight:bold
}
.leaderareax1{
	padding:10px 0px 10px 8px;
	line-height:40px
}
.leaderareax1 span{
	margin-right:10px;
	line-height:40px
}
.tabs {
	position: relative;
	background: white;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	width: 100%;
}
#vsb_content_70692_u41{
	width:100%;
}
.tab-input {
	display: none;
}

.tab-labels {
	display: flex;
	background: #f8f9fa;
	border-bottom: 1px solid #e9ecef;
	/* 确保四个选项在同一行 */
	flex-wrap: nowrap;
	overflow-x: auto;
}
.tab-label {
	/* 四个选项平均分配宽度 */
	flex: 1;
	min-width: 0; /* 防止内容溢出 */
	padding: 15px 10px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	width:33.3333333%;
	font-size:1.2rem;
}

.tab-input:checked + .tab-label {
	background: white;
	color: #3498db;
	font-weight: 600;
}

.tab-content {
	display: none;
	padding: 20px;
	min-height: 200px;
}
.tab-content p{
	display: block;
	float:left;
	width:33.333%;
	border-bottom:1px solid #ccc;
	line-height:50px;
}
.tab-content p{
	overflow: hidden;      /* 隐藏溢出内容 */
    white-space: nowrap;   /* 禁止换行 */
    text-overflow: ellipsis; /* 显示省略号 */
}
.pagedetails{
	position: relative;
	background: white;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	width: 100%;
	padding:20px 20px 10px 20px
}
/* 默认显示第一个选项内容 */
#tab3-1:checked ~ .tab-content:nth-of-type(1),
#tab3-2:checked ~ .tab-content:nth-of-type(2),
#tab3-3:checked ~ .tab-content:nth-of-type(3),
#tab3-4:checked ~ .tab-content:nth-of-type(4) {
	display: block;
}

.tabs-card {
	width:100%;
	border: 1px solid #e9ecef;
}

.tabs-card .tab-labels {
	background: white;
	border-bottom: 1px solid #e9ecef;
}

.tabs-card .tab-label {
	border-right: 1px solid #e9ecef;
	background: #f8f9fa;
	color: #555;
}

.tabs-card .tab-label:last-child {
	border-right: none;
}

.tabs-card .tab-label:hover {
	background: #99c1ff;
	color:#fff
}

.tabs-card .tab-input:checked + .tab-label {
	background: #4981ff;
	color: white;
	width:33.3333333%;
}
/* 响应式设计 - 在991px及以下屏幕 */
@media (max-width: 991px) {
	.pagecontentxx{
	   display:block;
	   width:100%;
	}
	.pagemenu ul li a{
	   width:105px;
	   display:flex;
	   align-items:center
	}
    .qr-image {
        top: 110%;
        right: auto;
        left: -68%;
        transform: translateX(15%) translateY(-10px);
    }
    
    .img-qr-pair:hover .qr-image {
        transform: translateX(15%) translateY(0);
    }
    
    .img-qr-pair:hover::after {
        top: 100%;
        right: auto;
        left: 0;
        width: 100%;
        height: 140px;
    }
	.leaderarea,.tab-label,.tab-content p{
	    width: 100%;
    }
	.tabs-card .tab-input:checked + .tab-label {
	  width:100%
    }
}	 


/***************section5*****************/
.footer-top {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0;
}

.footer-top-left {
	width: 40%;
}

.footer-top-right {
	width: 30%;
}

.footer-top-center {
	width: calc(100% - 80%);
}

.footer-top-left p {
	color: #fff;
	margin-bottom: 0.5rem;
}

.footer-top-right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-top-right ul li {
    padding: 0.5rem 0;
	width: 40%;
	margin-left: 4%;
	min-width: 15%;
	text-align: right;
	transition: 0.5s;
}

.footer-top-right ul li a {
	text-decoration: auto;
	color: #fff;
}

.footer-top-right ul li a:hover{
	margin-left:1px;
	color: #ffffff87 !important
}

.footer-bottom {
	display: flex;
	width: 100%;
	justify-content: space-between;
	color: #fff;
	padding: 15px 0;
	border-top: 1px solid #ffffff2e;
}

.footer-bottom-left span a {
	color: #fff !important;
}

.footer-bottom-left span:nth-child(2) {

	margin-left: 20px;
}

.footer-bottom-right {
	padding-right: 5px;
}

.footer-top-right ul li a {
	color: #fff !important;
}

.footer-logo {
	display: none;
}

/************宽度***********/

.wp {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	max-width: calc(100% - 10rem);
}


@media screen and (max-width: 1024px) {
	.section3-right-listdetails .list-group-xs {
		display: flex;
		flex-direction: column;
	}
	.focus-slide {
	    flex: 0 0 33.333%;
	}
	.focus-slider-width{
		width: 100%;
			max-width: calc(100% - 0rem);
	}
	.section3-title {
		display: none !important;
	}

	.wp {
		padding: 0 .7rem;
	}

	.navbar-brand {
		max-width: 70%;
		width: 20%;
		float: left;
	}

	#section1 {
		min-height: 10rem !important;
		width: 100%;
	}

	#section1 .app-img {
		display: block;
		min-height: 10rem !important;
		width: 100%;
	}

	.lb-img {
		display: none;
	}

	#section2 h1,
	#section3 .section3-right-listdetails ol li,
	#section2 p,
	#section2 .list-next,
	#section3 .section3-right,
	#section2 .two-right-dt,
	#section3 .section3-left,
	#section4 .section4-container {
		opacity: 1;
		transform: none;
		position: relative;
		transition: none;
		transition-delay: 0;
	}

	.section3-left,
	.section3-right-imglist,
	.section3-right,
	.section3-right-jcfc,
	.section3-right-listdetails,
	.list-next,
	.two-right-dt,
	.section4-list15,
	.section4-container li,
	.section4-container ul li,
	.section4-container li:nth-child(1),
	.section4-container li:nth-child(6),
	.footer-top-left{
		width: 49%;
	}

	.footer-top-right {
		width: 85%;
	}

	.main-image {
		width: 60%;
	}
	
	.img-qr-pair {
		text-align: center;
	}

	.ztjd {
		display: flex;
		justify-content: space-between;
	}

	.ztjd img {
		width: 33%;
	}

	.font-size {
		width: 100%;
		margin-top: 2rem;
	}

	.font-size img {
		width: 32px;
		vertical-align: text-bottom;
	}

	.guide-name,
	.ms-auto {
		font-size: clamp(0.7rem, 2vw, 1rem) !important;
		transition: .2s !important;
		letter-spacing: 0.2em;
	}

	.ztjd img:nth-child(3) {
		margin-bottom: auto;
		justify-content: space-between;
	}

	.section4-container li:nth-child(3),
	.section4-container li:nth-child(6) {
		margin-right: 1%;
	}

	.section4-container .img div,
	.section4-container li:nth-child(3) .img div {
		padding-bottom: 45%;
	}

	.section4-list15 {
		display: flex;
		width: 100%;
		padding: 0 20%;
		justify-content: space-around;
	}

	.footer-top {
		flex-direction: column;
	}

	.footer-top-right ul {
		padding-left: 0;
	}

	.footer-top-right ul li {
		min-width: 20%;
		margin-left: 0;
		font-size: 0.8rem;
		text-align: center;
	}

	.footer-top-center {
		display: none;
	}

	.footer-logo img {
		height: 70%;
	}

	.footer-top-right ul {
		justify-content: space-around;
		display: flex;
	}

	.footer-top-left {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 1rem 0;
		font-size: 0.8rem;
		width: 100%;
	}

	.footer-bottom {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 0.8rem;
	}

	.section3-right-listdetails img {
		width: 6%;
	}

	.section3-right {
		width: calc(100% - 33%);
		margin-left: 0%;
	}

	#section2 p,
	#section3 p,
	#section2 .list-next,
	#section2 .two-right-dt {
		opacity: 1;
		width: 100%;
	}

	.srction3-right-bottom {
		display: inline-block;
	}

	.wp {
		padding: 0;
		width: 100%;
		max-width: calc(100% - 2rem);
	}

	.list-next {
		margin-right: 0%;
	}

	.section3-left,
	.section3-right,
	.srction3-right-bottom,
	.section4-right,
	.section4-container,
	.section4-right,
	.section4-left,
	.section3-right-imglist,
	.section3-right-listdetails,.list-group-xs .list-group-left,.list-group-xs .list-group-right{
		width: 100%;
	}
	
	.section3-right-listdetails {
		margin-top: 2rem;
		padding: 0 0.5rem;
	}

	.xsdt-img {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.section3-right-listdetails .list-group-xs {
		display: flex;
		flex-direction: column;
	}
	/*专题焦距宽度*/
	.focus-slider-container{
		width: 100%;
		max-width: calc(100% - 0rem);
	}
	#section3 .section3-bottom{
		opacity: 1;
		transform: translate3d(0, 0, 0); 
	}
	.focus-slide {
		flex: 0 0 33.33%; 
		box-sizing: border-box;
		padding: 10px;
		cursor: pointer;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	/*工商融媒左侧图标链接*/
	.section4-list15 {
		display: flex;
		width: 100%;
		padding: 0 20%;
		justify-content: space-evenly;
	}
	.img-qr-pair {
		width: 10%;
		margin-bottom: 1rem;
	}
	.intro {
		margin-top: 0px
	}

	.list-group li {
		margin-bottom: 0.5rem;
		padding: 0.5rem 0;
	}

	.navbar-brand {
		max-width: 50%;
		width: 50%;
	}

	.bg-body-tertiary1 {
		background: linear-gradient(to bottom, #5b0e67, #00000000);
	}

	/*顶部文字链接隐藏*/
	.sy-top-content {
		display: block !important;
	}

	.sy-top-content li a {
		color: #9200b7 !important;
		font-size: 0.8rem;
	}

	.sy-top-content ul li:last-child {
		display: none;
	}

	.sy-top-content ul {
		display: flex;
		padding-right: 2rem;
		justify-content: center;
		flex-wrap: wrap;
	}

	.main-image {
		width: 100%;
	}

	.sy-top-right {
		background-color: #fff !important;
	}

	.nav-link,
	.dropdown-item {
		color: #000 !important;
	}

	.dropdown-toggle::after {
		margin-left: 75% !important;
	}

	.justify-content-end li {
		border-bottom: 1px solid #e3e3e3;
		margin-bottom: 0.5rem;
	}

	.d-flex1 {
		display: flex;
	}

	/*轮播图高度*/
	#carouselExample .carousel-item img {
		width: 100%;
		height: 50vw;
		object-fit: cover;
	}

	.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]) {
		height: 50vw;
		min-height: auto;
	}

	.sy-menu-content {
		height: auto;
	}

	.carousel-right-font {
		font-size: 1.6rem !important;
	}

	.section4-list15 {
		width: 100%;
		padding: 10px;
	}

	.qr-image: {
		top: 100%;
		left: 0%;
	}


	.ztjd {
		display: inline-block;
	}

	.ztjd img {
		display: block;
		width: 100%;
		float: left;
	}

	.hidden-xs {
		display: none;
	}
}

/*文字设置*/
.sy-top-content {
	font-size: clamp(0.5rem, 0.8vw, 1.2rem) !important;
	transition: .2s !important;
}

.nav-link,
.bg-body-tertiary {
	font-size: 1.2rem;
	transition: .2s !important;
}

.slide-caption .gs-tiem,
.slide-caption div:nth-child(3) {
	color: #ffffff8a;
}

/*工商要闻*/
.slide-caption div:nth-child(3) {
	font-size: 0.8rem !important;
}

/*向导*/
.font-size p {
	font-size: clamp(1.2rem, 2.5vw, 1.4rem) !important;
	transition: .2s !important;
}

.guide-name,
.ms-auto {
	font-size: clamp(1.7rem, 2vw, 1rem);
	transition: .2s;
}

.section3-title {
	width: 58%;
	display: inline-block;
}

@media (min-width: 1023px) {
.section3-right-listdetails .list-group-xs {
    display: flex;
	flex-direction: row;
}
	.qr-image {
	    top: -25px;
	    right: -150px;
	}
	/*专题焦距*/
	.section3-bg {
		height: 30rem;
		top: -10rem;
	}
	.focus-slide {
	    flex: 0 0 20%;
	}
	/*轮播2-left*/
	.slide-caption .gs-tiem,
	.slide-caption div:nth-child(3),
	.srction3-right-bottom .form-text,
	.section3-left .form-text,
	.section3-list,
	.guide-name,
	.ms-auto,
	.section2_right_content span {
		font-size: 1.2rem !important;
		transition: .2s !important;
		letter-spacing: 0.2em;
	}

	.slide-caption div:nth-child(2),
	.srction3-right-bottom a,
	.section3-left a,
	.section3-right-listdetails,
	.section4-font span,
	.section-content {
		font-size: 1.2rem !important;
		transition: .2s !important;
	}

	.two-right-dt li {
		font-size: 1.2rem !important;
		transition: .2s !important;
	}

	/*菜单*/
	.nav-link {
		font-size: 1.2rem !important;
		transition: .2s !important;
	}

 

	/*轮播3*/
	.section3-left .list-group li {
		padding: 0.6rem 0 !important;
	}

	.section3-right-listdetails img {
		width: 5%;
	}

	/*向导*/
	.font-size p {
		font-size: 1.8rem !important;
		transition: .2s !important;
	}

	.font-size img {
		width: 40px;
	}

	.img-qr-pair {
		margin-bottom: 1.5rem;
	}

	.font-size .ms-auto img {
		width: 40px;
		vertical-align: text-bottom;
	}
}

@media(min-width: 1024px) and (max-width: 1279px) {
 
	.qr-image {
	    top: -25px;
	    right: -110px;
	}
	.focus-slide {
	    flex: 0 0 25%;
	}
	/*轮播2-left*/
	.slide-caption .gs-tiem,
	.slide-caption div:nth-child(3),
	.srction3-right-bottom .form-text,
	.section3-left .form-text,
	.section3-list,
	.guide-name,
	.ms-auto {
		font-size: 0.7rem !important;
		transition: .2s !important;
		font-weight:normal
	}

	.slide-caption div:nth-child(2),
	.srction3-right-bottom a,
	.section3-left a,
	.section3-right-listdetails,
	.section4-font span,
	.footer-top,
	.footer-bottom,
	.section2_right_content span {
		font-size: 0.8rem !important;
		transition: .2s !important;
	}

	.two-right-dt li {
		font-size: 0.9rem !important;
		transition: .2s !important;
	}

	.intro {
		margin-top: 0px;
	}

	/*菜单*/
	.nav-link {
		font-size: 0.85rem !important;
		transition: .2s !important;
	}

	/*轮播2-right*/
 
	.section2_time_years {
		padding: 0.12rem 1rem;
	}

	/*轮播3*/
	.section3-left .list-group li {
		padding: 0.4rem 0;
	}

	.section3-right-imglist li {
		padding: 0.5rem 0 !important;
	}

	.section3-right-listdetails img {
		width: 6%;
	}

	.srction3-right-list {
		padding: 0.7rem 0 !important;
	}

	.font3-ellipsis .section3-list {
		margin: 0.5rem 0;
	}

	/*向导*/
	.font-size p {
		font-size: 1rem !important;
		transition: .2s !important;
	}

	.font-size img {
		width: 28px;
		vertical-align: text-bottom;
	}

	/*页脚*/
	.section-content {
		font-size: 0.8rem;
	}
}

/*菜单*/
.bg-body-tertiary1 {
	background-color: #ffffff00;
}
.section3-left .ms-auto a{
	font-size:15px !important;
	font-weight:normal
}
/*****标题为0.9副标题0.8******/
@media(min-width: 1280px) and (max-width: 1440px) {
	.qr-image {
		top: -25px;
		right: -120px;
	}
	/*轮播2-left*/
	.slide-caption .gs-tiem,
	.slide-caption div:nth-child(3),
	.srction3-right-bottom .form-text,
	.section3-left .form-text,
	.section3-list,
	.guide-name,
	.ms-auto {
		font-size: 0.8rem !important;
		transition: .2s !important;
	}

	.slide-caption div:nth-child(2),
	.srction3-right-bottom a,
	.section3-left a,
	.section3-right-listdetails,
	.section4-font span,
	.section2_right_content span,
	.section-content {
		font-size: 0.9rem !important;
		transition: .2s !important;
	}

	/*工商·要闻标题*/
	.slide-caption div:nth-child(2) {
		font-size: 1.2rem !important;
		transition: .2s !important;
	}

	.two-right-dt li {
		font-size: 1.2rem !important;
		transition: .2s !important;
	}

	/*菜单*/
	.nav-link {
		font-size: 1.1rem !important;
		transition: .2s !important;
	}
 

	/*轮播3*/
	.section3-left .list-group li {
		padding: 0.5rem 0;
	}

	.section3-right-listdetails img {
		width: 6%;
	}

	.section3-right-imglist li {
		padding: 0.3rem 0 !important;
	}

	.srction3-right-list {
		padding: 0.5rem 0 !important;
	}

	/*向导*/
	.font-size p {
		font-size: 1.2rem !important;
		transition: .2s !important;
	}

	.font-size img {
		width: 28px;
		vertical-align: text-bottom;
	}

	.slide-caption {
		padding: 2.2rem 1.5rem !important;
	}

	.list-group2 {
		line-height: 20px;
	}
}

@media (min-width: 1440px) and (max-width: 1919px) {
	/*专题焦距*/
	.focus-slide {
	    flex: 0 0 25%;
	}
	.slide-caption {
		padding: 1.6rem 1.5rem !important;
	}

	.list-group3 {
		padding-top: 8px;
		line-height: 24px;
	}

	.list-group3>li:last-child {
		/*display: none !important;*/
	}

	.section3-left .list-group li {
		padding: 0.5rem 0;
	}
}

@media(min-width: 1920px) {
	.main-image {
		width: 65%;
	}

	.list-group2 {
		line-height: 28px;
	}

	.list-group3 {
		padding-top: 8px;
		line-height: 30px;
	}

/* 	.list-group2>li:last-child {
		display: none !important;
	} */

	.list-group3>li:last-child {
		/*display: none !important;*/
	}

	.section3-right-imglist li {
		padding: 0.2rem 0 !important;
	}
}

/*右侧nav显示*/
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	background: #5b0e67;
}

.ztjd-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.ztjd {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease;
}

.ztjd img {
	height: 30%;
	flex-shrink: 0;
	transition: opacity 0.3s ease;
}

/* 箭头样式 */
.ztjd-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	width: 40px;
	height: 60px;
	font-size: 24px;
	cursor: pointer;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.prev-arrow {
	left: 10px;
}

.next-arrow {
	right: 10px;
}

.ztjd-container:hover .ztjd-arrow {
	opacity: 1;
}

.ms-auto a {
	color: #8c04b8 !important;
	font-size: 15px;
}
.ztjjx{
	border-radius: 5px;
	float:left;
	width:30%;
	padding:8px;
	overflow:hidden;
}
.ztjjx img{
	width:100%;
	border-radius: 5px;
	transition: all 0.4s ease;
}
.ztjjx img:hover{
	cursor:pointer;
	transform: scale(1.1);
}
.pagenumber{
	width:100%;
	display:block;
	text-align:center !important;
	margin-top:20px;
}
.pagenumber span a,.p_dot{
	color:#fff !important;
    background-color:#c349cd;
	margin-left:8px;
	padding:10px 15px;
}
.pagenumber .p_fun_d { 
	color:#fff !important;
    background-color:#ccc;
	margin-left:8px;
	padding:10px 15px;
}
.pagenumber span a:hover{
	color:#000;
    background-color:#ccc !important;
}
.pagenumber .p_no_d{
	margin-left:8px;
	padding:10px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), 
       (min-resolution: 144dpi) {
		.pagebg {
			height: 350px !important;
		}
		.breadcrumbx-items-list {
			width:30%!important;
		}
		.pagecontent{
			padding:40px 0px;
			background: none;
		}
}
@media (max-width: 991px) {
    .pagebg {
       height: 200px !important;
	   background-size: cover;
	   background-color: #f0f0f0;
	   background-repeat:no-repeat;
	   overflow:hidden;
    }
	.breadcrumbx {
		width: 40%;
		margin: 10vh auto 0;
		padding: 15px 20px;
		color: #fff;
		
	}
	.breadcrumbx-item{
		display:none;
	}
	.xyz {
		padding:0;
		width:100%!important;
	}
	.pagecontentleft{
	   width:100%;
	}
	.pagecontentright{
	  width:100%;
	  padding:0!important
    }
	.pagecontentright img{
	  width:90%;
    }
	.newslistcontent{
      margin-top:20px;
	  border-right:1px solid #ccc;
	  border-bottom-right-radius: 30px;
    }
	.wapnewsdate{
	  display:block;
	  color:#4981ff;
	  font-weight:bold
    }
	.ztjjx{
	    width:100% !important;
    }
	.footer-bottom-left span{
		display:block;
		width:100%
	}
	.slide-caption {
	    padding: 0.2rem 1.5rem !important;
    }
	.leadercontent{
		padding:20px 0px !important
	}
	.pagenumber .p_no,.p_dot{
		display:none !important;
	}
	.pagenumber span a,.p_dot{
		color:#fff !important;
		background-color:#c349cd;
		margin-left:8px;
		padding:10px;
	}
	.tab-content {
		padding: 0;
	}
}
.xyz {
    transition: 
      position 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.v_news_content{
	width:100% !important
}
.flex-table {
    width: 100%;
}

.flex-header {
    display: none;
    background-color: #1a74ff;
    font-weight: bold;
	color:#fff
}

.flex-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.flex-cell {
    padding: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
}

.flex-cell:last-child {
    border-bottom: none;
}

.mobile-label {
    font-weight: bold;
    color: #666;
}

.status.in-stock {
    color: #28a745;
    font-weight: bold;
}
/* 平板及以上 */
@media (min-width: 768px) {
    .flex-header {
        display: flex;
        border: 1px solid #e0e0e0;
        border-radius: 8px 8px 0 0;
    }
    
    .flex-row {
        flex-direction: row;
        margin-bottom: 0;
        border-radius: 0;
        border-top: none;
    }
    
    .flex-row:last-child {
        border-radius: 0 0 8px 8px;
    }
    
    .flex-cell {
        flex: 1;
        border-bottom: none;
        border-right: 1px solid #f0f0f0;
        justify-content: flex-start;
    }
    
    .flex-cell:last-child {
        border-right: none;
    }
    
    .mobile-label {
        display: none;
    }
}

.flex-header .flex-cell {
    border-right: 1px solid #ddd;
}

.flex-header .flex-cell:last-child {
    border-right: none;
}

.v_news_content p,.v_news_content span{
	text-indent:2em;
}
.two-chars {
    display: inline-block;
}
.two-chars::after {
    content: "　";
}
.main-unit {
    font-size: 18px;
    font-weight: bold;
    color: #2c5aa0; /* 主色 */
    text-decoration: none;
    display: block; /* 单独一行 */
    margin-bottom: 4px;
}
.sub-unit {
    font-size: 15px;
    color: #666;
    font-style: italic;
    display: block;
    padding-left: 10px; /* 可选：轻微缩进 */
    border-left: 3px solid #e0e0e0; /* 可选：左侧细线分隔 */
    max-width: 100%;           /* 不超过父容器宽度 */
    overflow-wrap: break-word;  /* 单词内换行 */
    word-break: break-word;     /* 兼容性处理 */
    white-space: normal;  
}
.main-units{
  display:block;
  background-color:#eaf1ff;
  border-radius:5px;
  padding:10px;
  margin:0 10px;
  min-height:160px;
  transition: all 0.3s ease; 
}
.main-units:hover{
  background-color:#c6d9ff;
  box-shadow: 3px 3px 8px rgba(44, 90, 160, 0.3); /* 主色调的阴影 */
  transform: translateY(-2px); /* 轻微上浮效果，可选 */
  background-color: rgba(234, 241, 255, 0.8); /* 轻微背景色变化 */
  border-color: #2c5aa0; /* 左侧边框颜色变化 */
}
.tab-teacher p{
  border-bottom:none;
  line-height:35px;
}
 .linecontainer {
	max-width: 1200px;
	margin: 0 auto;
	background: white;
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.hotline-main {
	border-left: 5px solid #3498db;
	padding: 18px 20px;
	background: linear-gradient(to right, #f8fafd, #fff);
	margin: 25px 0;
	border-radius: 0 10px 10px 0;
}
.hotline-main h2 {
	color: #3498db;
	margin-top: 0;
	margin-bottom: 8px;
}
.hotline-main .number {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 2px;
	color: #2c3e50;
}
.services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-top: 30px;
}
.service-card {
	background: #f8f9fa;
	padding: 22px;
	border-radius: 12px;
	transition: all 0.3s ease;
	border-top: 4px solid;
}
.service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}
.service-card.repair {
	border-top-color: #e67e22;
}
.service-card.medical {
	border-top-color: #2ecc71;
}
.service-card.security {
	border-top-color: #e74c3c;
	background-color: #fff9f9;
}
.service-card h3 {
	display: flex;
	align-items: center;
	margin-top: 0;
	color: #2c3e50;
}
.service-card h3 .icon {
	margin-right: 10px;
	font-size: 1.3em;
}
.phone-item {
	margin: 15px 0;
	padding-bottom: 12px;
	border-bottom: 1px dashed #ddd;
}
.phone-item:last-child {
	border-bottom: none;
}
.phone-item strong {
	display: block;
	color: #555;
	margin-bottom: 5px;
	font-size: 0.95em;
}
.phone-number {
	font-size: 1.3em;
	font-weight: bold;
	color: #2c3e50;
	letter-spacing: 1px;
}
.emergency-note {
	background-color: #ffeaa7;
	padding: 12px 18px;
	border-radius: 8px;
	margin-top: 25px;
	font-size: 0.95em;
	border-left: 4px solid #fdcb6e;
}
.mailcard {
	max-width: 1208px;
	width: 100%;
	background: rgba(255,255,255,0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-radius: 1.5rem;
	box-shadow: 0 30px 50px rgba(0, 20, 40, 0.2),
				0 10px 20px rgba(0, 15, 30, 0.1),
				inset 0 1px 2px rgba(255,255,255,0.6);
	border: 1px solid rgba(255,255,255,0.6);
	overflow: hidden;
	transition: all 0.3s ease;
	margin:0 auto;
}

.card:hover {
	box-shadow: 0 35px 60px rgba(0, 25, 60, 0.25);
	background: rgba(255,255,255,0.92);
}

/* 装饰性校徽色条 */

.content {
	padding: 2.5rem 3rem 2.8rem;
}

/* 校名 + 校徽简图 */
.school-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1.2rem;
}

.school-icon {
	background: #0b3b5c;
	width: 48px;
	height: 48px;
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; /* 柔和抽象形状 */
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 12px rgba(11,59,92,0.2);
}

.school-icon span {
	color: white;
	font-weight: 600;
	font-size: 1.5rem;
	letter-spacing: 1px;
	transform: rotate(-2deg);
	text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.invite-message {
	background: #edf3f8;
	border-radius: 2rem 2rem 2rem 0.5rem;
	padding: 1.8rem 2rem;
	margin: 1.8rem 0 2rem 0;
	border-left: 8px solid #eeba2c;
	box-shadow: inset 0 2px 6px rgba(255,255,255,0.8), 0 6px 12px rgba(0,20,30,0.1);
}

.invite-message p {
	font-size: 1.5rem;
	font-weight: 500;
	color: #1a4b6b;
	line-height: 1.5;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.invite-message p .light {
	font-weight: 300;
	color: #3e6379;
}

.invite-message .sub {
	font-size: 1.1rem;
	color: #2d5570;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px dashed #b1c9dd;
	font-style: italic;
}

/* 邮箱卡片 */
.email-container {
	background: #ffffffd9;
	backdrop-filter: blur(4px);
	border-radius: 1.8rem;
	padding: 1.8rem 2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 8px 18px rgba(0,35,55,0.1), 0 1px 3px rgba(0,0,0,0.05);
	border: 1px solid rgba(255,255,255,0.8);
	margin-bottom: 2rem;
}

.email-label {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	font-size: 1.2rem;
	color: #17435f;
	font-weight: 400;
}

.email-label .emoji-big {
	font-size: 2rem;
	filter: drop-shadow(2px 4px 4px rgba(0,70,100,0.2));
}

.email-address {
	font-size: 1.9rem;
	font-weight: 600;
	background: linear-gradient(135deg, #0f4569, #1b6d9e);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	letter-spacing: 0.5px;
	border-bottom: 2px dashed #b9d7ea;
	padding-bottom: 4px;
	transition: all 0.2s;
}

.email-address:hover {
	border-bottom: 2px solid #eeba2c;
}

.copy-btn {
	background: #1d6f9c;
	border: none;
	color: white;
	padding: 0.9rem 2.2rem;
	border-radius: 3rem;
	font-size: 1.1rem;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 10px 18px #1d6f9c66;
	cursor: pointer;
	transition: 0.15s;
	border: 1px solid rgba(255,255,255,0.3);
	font-family: inherit;
	margin-top: 0.5rem;
	margin-left: auto;
}

.copy-btn:hover {
	background: #0b4f77;
	transform: scale(1.02);
	box-shadow: 0 15px 22px #0b3b5c80;
}

.copy-btn:active {
	transform: scale(0.98);
	background: #083c59;
}

/* 提示块 */
.note-box {
	background: #eef4f9;
	border-radius: 1.8rem;
	padding: 1.5rem 2rem;
	border: 1px solid #cbdae7;
	color: #1b3f56;
	box-shadow: inset 0 1px 5px rgba(255,255,255,0.9), 0 6px 12px rgba(0,25,45,0.06);
}

.note-box p {
	font-size: 1.12rem;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 0.8rem;
}

.note-box p:last-child {
	margin-bottom: 0;
}

/* 复制成功动画 */
.copy-success-toast {
	position: fixed;
	bottom: 50%;
	left: 50%;
	transform: translateX(-50%);
	background: #1e5a7b;
	color: white;
	padding: 12px 32px;
	border-radius: 60px;
	font-size: 1.2rem;
	font-weight: 500;
	box-shadow: 0 20px 35px rgba(0,40,60,0.5);
	opacity: 0;
	transition: opacity 0.25s;
	pointer-events: none;
	z-index: 999;
	white-space: nowrap;
	border: 1px solid #ffda88;
}

.copy-success-toast.show {
	opacity: 1;
}
@media (max-width: 600px) {
	.linecontainer {
		padding: 20px 15px;
	}
	.services-grid {
		grid-template-columns: 1fr;
	}
	.hotline-main .number {
		font-size: 1.6em;
	}
	.email-address {
		font-size: 1.3rem;
		word-break: break-all;
	}
	.email-container {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}
	.copy-btn {
		margin-left: 0;
		width: 100%;
		justify-content: center;
	}
	.invite-message p {
		font-size: 1.3rem;
	}
}