.swiper-container {
			width: 100%;
			height: 100%;
			
		}
	
		.gallery-top .swiper-slide {
			background-size: cover;
			background-position: center;
			width: 100%;
			height: 400px;
			/* 根据需要调整 */
			transition: transform 0.3s ease;
		}
	
		.gallery-top .swiper-slide:hover {
			transform: scale(1.1);
			/* 鼠标悬停时放大 */
		}
	
		.gallery-thumbs .swiper-slide {
			width: 25%;
			/* 每个缩略图占容器的25% */
			height: 100px;
			/* 缩略图高度 */
			cursor: pointer;
		}
	
		.gallery-thumbs img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.slider-container {
			position: relative;
			max-width: 100%;
			overflow: hidden;
			
		}
		
		.slider {
			display: flex;
			overflow: hidden;
		}
		
		.slide {
			flex: 0 0 100%;
			
			background-size: cover;
			background-position: center;
			display: none;
		}
		
		.slide.active {
			display: block;
		}
		
		.controls {
			display: flex;
			align-items: center;
			width: 100%;
			margin: 0 auto;
		}
		
		button.prev,
		button.next {
			background-color: transparent;
			border: none;
			cursor: pointer;
			font-size: 20px;
		}
		
		button.prev {
			order: -1;
			margin-right: 10px;
		}
		
		button.next {
			order: 1;
			margin-left: 10px;
		}
		
		.thumbnails-container {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.thumbnails {
			display: flex;
			overflow: hidden;
		}
		
		.thumbnail {
			flex: 0 0 calc(100% / 4);
			
			background-size: cover;
			background-position: center;
			cursor: pointer;
			background-color: unset;
			border: 2px solid transparent;
			transition: border-color 0.3s;
		}
		
		.thumbnail img {
			display: block;
			width: 100%;
			height: auto;
		}
		
		.thumbnail.active {
			border-color: blue;
		}
		
		.thumbnail:hover {
			border-color: blue;
		}
		
		.hot-pr-a {
			border: 1px solid #ef5408;
			padding: 2% 4%;
			border-radius: 12px;
			font-weight: 100;
			color: #ef5408;
			margin-top: 18%;
			position: absolute;
			font-family: Arial, Helvetica, sans-serif;
		
		}
		
		.hot-pr-font h2 {
			text-transform: uppercase;
			color: #ef5408;
			font-weight: bold;
			font-size: 6rem;
			line-height: 1.5;
			position: relative;
		}
		
		.hot-pr-font h2 span {
			background-color: #ef5408;
			border-radius: 8px;
			clip-path: polygon(100% 0, 0 0, 0 100%, 75% 100%);
			font-size: 21px;
			position: absolute;
			color: #ffffff;
			padding: 0% 2.5%;
			top: 20%;
		}
		
		.hot-pr-font h3 span {
			color: #ef5408;
			font-size: 4rem;
			font-weight: bold;
			font-family: 'Barlow Condensed', sans-serif;
		}
		
		.hot-po-re {
			position: relative;
			top: 3%;
		}
		
		.hot-po-ab-right {
			position: absolute;
			right: 11%;
			top: 0%;
		
		}
		
		.hot-po-ab-left {
			position: absolute;
			left: 0;
			top: 5%;
			margin-top: 9%;
		}
		.nr-canshu table {
			width: 100%;
			border-collapse: collapse;
			background-color: #e6e6e6;
		}
		
		
		.nr-canshu th,
		.nr-canshu td {
			border: 1px solid #ffffff;
			padding: 8px;font-family: sans-serif;
		}
		tbody tr:first-child td a {
			font-weight: bold;
		}
		tbody tr:first-child td  {
			font-weight: bold;font-family: sans-serif;
			
		}
		tbody tr td:first-child a {
			font-weight: bold;
		}
		tbody tr td:first-child  {
			font-weight: bold;font-family: sans-serif;
		}
		th,
		td {
			text-align: center;
		}
		
		
		tr th:first-child,
		tr td:first-child {
		
			text-align: left;
		}
		
		.jishucanshu table {
			width: 100%;
			border-collapse: collapse;
			background-color: unset;
		}
		
		
		.jishucanshu th,
		.jishucanshu td {
			border: 1px solid #b8b8b8;
			padding: 8px;font-family: sans-serif;
		}
		
		.neirong-border {
			border: #b8b8b8 1px solid;
		
		}
		
		.pad-left-0 {
			padding-left: 0;
		}
		
		.pad-right-0 {
			padding-right: 0;
		}
		
		.neirong-title h3 {
			color: #d75f28;
			font-weight: bold;
			font-size: 4.5rem;
		}
		.product-features {
			display: grid;  
			  place-items: center; 
			  height: 100px;
		}
		.product-features p{
			font-size: 22px;
			text-align: center;
			align-items: center;
		}
		.neirong-xiangqing {
			display: flex;
			flex-direction: column;
			/* 使子元素垂直排列 */
			align-items: flex-start;
			/* 默认情况下，我们可以从flex-start开始，但这里只是为了说明 */
			/* 注意：我们没有设置height，Flexbox会根据内容自动调整 */
			padding-top: 8%;
			/* 可选，为了内容不会紧贴边框，并增加一些视觉上的“居中”效果 */
		
		}
		.neirong-banner-font{
				background-color: rgba(0, 0, 0, 0.5);
				position: absolute;
				bottom: 0;
			}
			
			.panel-title a{
				font-weight:bold;
			}
			@font-face {
			font-family: 'iconfont';
			/* Project id 4425549 */
			src: url('//at.alicdn.com/t/c/font_4425549_f2wa7ds4vf6.woff2?t=1721773393520') format('woff2'),
				url('//at.alicdn.com/t/c/font_4425549_f2wa7ds4vf6.woff?t=1721773393520') format('woff'),
				url('//at.alicdn.com/t/c/font_4425549_f2wa7ds4vf6.ttf?t=1721773393520') format('truetype');
		}

		.iconfont {
			font-family: 'iconfont';
		}

		.ico-fang {
			color: #ffffff;
			font-size: 30px;
		}

		.about-baner07 {

			position: absolute;
			top: 8%;
		}

		

		.about-baner07 h2 {
			line-height: 1.5;
			text-transform: uppercase;
			font-weight: bold;
			color: #ffffff;
			font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			text-align: center;
			text-decoration: underline;
			text-underline-offset: 10px;
		}

		.about-baner07 p {
			color: #ffffff;
			text-transform: inherit;
			font-size: 16px;

		}

		.bg-qianhui {
			background-color: #eaeaeb;
		}

		.about-jianjie-font {
			padding-top: 3%;
			padding-left:5%;
			padding-right:5%;
		}

		i {
			font-style: normal;
		}

		

		

		.about-jianjie-bottom p {
			font-size: 13px;
			text-transform: uppercase;
			font-weight: 100;
		}

		

		.about-jianjie-bottom>div:last-child {
			border-right: 0px solid #ffffff;

		}

		.about-jianjie-bottom>div:first-child {
			border-left: 0px solid #ffffff;

		}

		.bg-qianlan {
			background-color: #1f66b8;
		}
		.fullscreen-bg {
				position: absolute;
				top: 0;
				left: 0;
				min-width: 100%;
				min-height: 100%;
				z-index: -1;
			}

			.content {
				position: absolute;
				z-index: 1;
				top: 23%;
			}

			.text-container {
				position: relative;
			}

			

			.about-video-p p {
				color: #ffffff;
				padding: 6% 6%;
				font-size: 16px;
				line-height: 1.5;
				height: 170px;
				font-weight: 100;
				font-family: initial;
				
			}

			.icon-paragraph::before {
				content: url('/../../static/images/about/jiantou.webp');
				/* 替换为你的图标路径 */
				margin-right: 5px;
				/* 图标和文本之间的间隔 */
				vertical-align: middle;
			}
			.about-rongyu {
				background-image: url(/../../static/images/about/rongyu.webp);
				background-size: 100%;
				background-repeat: no-repeat;
				background-attachment: fixed;
			}

			.about-rongyu h3 {
				font-size: 40px;
			}

			.pd-top-10 {
				padding-top: 10%;
			}

			.about-rongyu-xiangqing {
				margin-top: 10%;

			}

			.about-rongyu-xiangqing>div {
				text-align: center;

			}

		

			

			.about-business {
				text-transform: uppercase;

			}

			.about-business-font {
				margin-top: 9%;
			}

			.about-business h3 {
				font-size: 40px;
				text-transform: uppercase;
			}

			.about-business p {
				font-size: 18px;
			}

			.about-business-shu {
				writing-mode: vertical-rl;
			}

			.about-business-shu a {
				color: #ffffff;
				padding: 13px 5px;
				text-transform: uppercase;
				font-size: 18px;
			}

			
			.about-business-span i {
				display: flex;
				justify-content: right;
				/* 水平右对齐 */
				align-items: flex-start;
				/* 垂直上对齐 */
				width: 15px;
				float: right;
				border: 1px solid #000;
				/* 边框，仅为了可视化 */
			}

			.juxia {
				display: flex;
				flex-direction: column;
				justify-content: end;
				/* 将子元素放置于底部 */
				height: 80px;
				/* 或者任何你需要的高度 */

			}

			.about-bu-font {
				color: #ffffff;
				font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			}

			.about-bu-fontx {
				height: 130px;
			}
			/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
@media (max-width:767px) { 
.about-baner07-img {
			position: relative;
			top: 1%;
			margin-top:14%
		}
.about-jianjie-bottom span {
    font-size: 4vw;
    color: #ffffff;
}
.about-business-span p {
				font-size: 7vw;
				display: flex;
				flex-direction: column;
				justify-content: center;
				/* 将子元素放置于底部 */
				height: 100px;
				/* 或者任何你需要的高度 */

			}

.about-rongyu-xiangqing>div span {
    font-size: 6vw;
}
.about-rongyu-xiangqing>div p {
				font-size: 3vw;
			}
.about-video-p, .about-video-p img {
    border-radius: 12px 12px 12px 12px;
}
.about-jianjie-bottom>div {
    border-radius: 0;
    /* border-left: 1px solid #ffffff; */
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5%;
}
.about-jianjie-bottom {
			color: #ffffff;
			font-size: 18px;
			font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			margin-top: 1%;
			height: 342px;
		}
.width-about{
	width:50% !important;
}
svg:not(:root) {
	    overflow: hidden;
	    width: 38px;
		padding-top: 13px;
	}
.neirong-title h3 {
    color: #d75f28;
    font-weight: bold;
    font-size: 8vw;
}
 .m-pd-14{
	 padding-top:14%
 }
.jianjie-button{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: inherit;
				color: #d75f28;
				font-weight: bold;
				cursor: pointer;
			}
			.jianjie-button:hover{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: inherit;
				background-color: #d75f28;
				color: #ffffff;font-weight: bold;
			}
			.jianjie-button:before {
				content: "";
				position: absolute;
				width: 20px;
				height: 20px;
				top: 0px;
				left: 0px;
				border-width: 2px 0px 0px 0px;
				border-style: solid;
				border-color: #d75f28;
			}
			.jianjie-button:after {
			    content: "";
			    position: absolute;
			    width: 20px;
			    height: 20px;
			    bottom: 0px;
			    right: 0px;
			    border-width: 0px 0px 2px 0px;
			    border-style: solid;
				border-color: #d75f28;
			}
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width:768px) { 
.about-baner07-img {
			position: relative;
			top: 1%;
			margin-top:14%
		}
.about-jianjie-bottom span {
    font-size: 6vw;
    color: #ffffff;
}
.about-business-span p {
				font-size: 7vw;
				display: flex;
				flex-direction: column;
				justify-content: center;
				/* 将子元素放置于底部 */
				height: 100px;
				/* 或者任何你需要的高度 */

			}

.about-rongyu-xiangqing>div span {
    font-size: 6vw;
}
.about-rongyu-xiangqing>div p {
				font-size: 3vw;
			}
.about-video-p, .about-video-p img {
    border-radius: 12px 12px 12px 12px;
}
.about-jianjie-bottom>div {
    border-radius: 0;
    /* border-left: 1px solid #ffffff; */
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5%;
}
.about-jianjie-bottom {
			color: #ffffff;
			font-size: 18px;
			font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			margin-top: 1%;
			height: 342px;
		}
.width-about{
	width:50% !important;
}
svg:not(:root) {
	    overflow: hidden;
	    width: 38px;
		padding-top: 13px;
	}
.neirong-title h3 {
    color: #d75f28;
    font-weight: bold;
    font-size: 8vw;
}
 .m-pd-14{
	 padding-top:14%
 }
.jianjie-button{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: inherit;
				color: #d75f28;
				font-weight: bold;
				cursor: pointer;
			}
			
			.jianjie-button:hover{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: inherit;
				background-color: #d75f28;
				color: #ffffff;font-weight: bold;
			}
			.jianjie-button:before {
				content: "";
				position: absolute;
				width: 20px;
				height: 20px;
				top: 0px;
				left: 0px;
				border-width: 2px 0px 0px 0px;
				border-style: solid;
				border-color: #d75f28;
			}
			.jianjie-button:after {
			    content: "";
			    position: absolute;
			    width: 20px;
			    height: 20px;
			    bottom: 0px;
			    right: 0px;
			    border-width: 0px 0px 2px 0px;
			    border-style: solid;
				border-color: #d75f28;
			}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) { 
.about-baner07-img {
			position: relative;
			top: 1%;
			margin-top:0%
		}
.about-jianjie-bottom span {
			font-size: 30px;
			color:#ffffff;
		}
.about-business-span p {
				font-size: 2vw;
				display: flex;
				flex-direction: column;
				justify-content: center;
				/* 将子元素放置于底部 */
				height: 100px;
				/* 或者任何你需要的高度 */

			}

.about-rongyu-xiangqing>div span {
    font-size: 40px;
}
.about-rongyu-xiangqing>div p {
				font-size: 20px;
			}
.about-video-p, .about-video-p img {
    border-radius: 12px 12px 0px 0px;
}
.about-jianjie-bottom>div {
    border-radius: 0;
   border-left: 1px solid #ffffff; 
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5%;
}
.about-jianjie-bottom {
			color: #ffffff;
			font-size: 18px;
			font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			margin-top: 1%;
			height: 150px;
		}
.width-about{
	width:20% !important;
}
.neirong-title h3 {
        color: #d75f28;
        font-weight: bold;
        font-size: 3vw;
    }
.collapse {
     display: none; 
}
.m-pd-14{
	 padding-top:0
 }
 .jianjie-button{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: absolute;
				color: #d75f28;
				font-weight: bold;
				cursor: pointer;
			}
			
			.jianjie-button:hover{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: absolute;
				background-color: #d75f28;
				color: #ffffff;font-weight: bold;
			}
			.jianjie-button:before {
				content: "";
				position: absolute;
				width: 20px;
				height: 20px;
				top: 0px;
				left: 0px;
				border-width: 2px 0px 0px 0px;
				border-style: solid;
				border-color: #d75f28;
			}
			.jianjie-button:after {
			    content: "";
			    position: absolute;
			    width: 20px;
			    height: 20px;
			    bottom: 0px;
			    right: 0px;
			    border-width: 0px 0px 2px 0px;
			    border-style: solid;
				border-color: #d75f28;
			}
 }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
.about-baner07-img {
			position: relative;
			top: 1%;
			margin-top:0%
		}	
.about-jianjie-bottom span {
			font-size: 30px;
			color:#ffffff;
		}
.about-business-span p {
				font-size: 2vw;
				display: flex;
				flex-direction: column;
				justify-content: center;
				/* 将子元素放置于底部 */
				height: 100px;
				/* 或者任何你需要的高度 */

			}

.about-rongyu-xiangqing>div span {
    font-size: 40px;
}
.about-rongyu-xiangqing>div p {
				font-size: 20px;
			}
.about-video-p, .about-video-p img {
    border-radius: 12px 12px 0px 0px;
}
.about-jianjie-bottom>div {
    border-radius: 0;
   border-left: 1px solid #ffffff; 
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5%;
}
.about-jianjie-bottom {
			color: #ffffff;
			font-size: 18px;
			font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			margin-top: 1%;
			height: 150px;
		}
.width-about{
	width:20% !important;
}
.neirong-title h3 {
        color: #d75f28;
        font-weight: bold;
        font-size: 3vw;
    }
.m-pd-14{
	 padding-top:0
 }
 .jianjie-button{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: absolute;
				color: #d75f28;
				font-weight: bold;
				cursor: pointer;
			}
			
			.jianjie-button:hover{
				border: #d75f28 1px solid;
				padding: 1% 2%;
				margin-top: 5%;
				position: absolute;
				background-color: #d75f28;
				color: #ffffff;font-weight: bold;
			}
			.jianjie-button:before {
				content: "";
				position: absolute;
				width: 20px;
				height: 20px;
				top: 0px;
				left: 0px;
				border-width: 2px 0px 0px 0px;
				border-style: solid;
				border-color: #d75f28;
			}
			.jianjie-button:after {
			    content: "";
			    position: absolute;
			    width: 20px;
			    height: 20px;
			    bottom: 0px;
			    right: 0px;
			    border-width: 0px 0px 2px 0px;
			    border-style: solid;
				border-color: #d75f28;
			}
 }