/* index */

.banner {
	position: relative;
}

.banner,
.banner .bx-wrapper,
.banner .slider,
.banner .slider .slide,
.banner .slider .slide div,
.banner .slider .slide video {
	display: block;
	width: 100%;
	height: 1080px;
	overflow: hidden;
}

.banner .bx-controls {
	width: 100%;
	position: absolute;
	bottom: 50px;
	left: 0;
	z-index: 2;

}

.banner .bx-pager {
	text-align: center;
}

.banner .bx-pager-item {
	display: inline;
}

.banner .bx-pager-item a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 7px;
	border-radius: 12px;
	background-color: #E5DFDD;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	cursor: pointer;
	font-size: 0;
}

.banner .bx-pager-item a:hover,
.banner .bx-pager-item a.active {
	width: 80px;
	background-color: #EB611E;

}

.banner .bx-controls-direction {
	display: none;
}

.banner h2 {
	padding: 430px 0 36px;
	font-size: 60px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: 500;
}

.banner pre {
	font-size: 16px;
	letter-spacing: 3px;
	margin-bottom: 60px;
	letter-spacing: 2px;
	color: #fff;
	line-height: 1.8;
}

.banner .slide div a {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	border: 2px solid #fff;
	color: #fff;
	margin: 0 auto;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.banner .slide div a:hover {
	background-color: #fff;
	color: #000;
}

.banner .slide div.video_box {
	position: relative;
}

.banner .slide div.video_box .text,
.banner .slide div.video_box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
}

.banner .slide div.video_box .text {
	z-index: 1;
}

.programme {
	padding: 90px 0 0;
}

.programme h1 {
	font-size: 46px;
	text-align: center;
	padding-bottom: 30px;
	font-weight: 100;
}

.programme p.info {
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
	color: #666;
	margin-bottom: 80px;
}

.programme .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.programme .list .item {
	position: relative;
	width: 33.33%;
	background-color: #000;
	-webkit-transition-property: all;
	-o-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
}

.programme .list .item.item1 {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.programme .list .item.item2 {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.programme .list .item.item3 {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.programme .list .item.item4 {
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.programme .list .item.item5 {
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.programme .list .item.item6 {
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.programme .list .item.item7 {
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	transition-delay: 1.3s;
}

.programme .list .item.item8 {
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.programme .list.show .item {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.programme .list .item img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0.8;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.programme .list .item:hover img {
	opacity: 1;
}

.programme .list .item div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #fff;
}

.programme .list .item h2 {
	width: 100%;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 3px;
}

.programme .list .item p {
	width: 100%;
	margin: 20px 0 40px;
	letter-spacing: 1px;
}

.programme .list .item a {
	width: 122px;
	height: 36px;
	line-height: 36px;
	border: 2px solid #fff;
	border-radius: 6px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.programme .list .item a:hover {
	background-color: #fff;
	color: #000;
}

.product {
	padding: 90px 0 0;
	background-color: #F5F5F5;
}

.product h1 {
	font-size: 46px;
	text-align: center;
	padding-bottom: 30px;
	font-weight: 100;
}

.product p.info {
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
	color: #666;
	margin-bottom: 180px;
}

.product .product_content {
	background-color: #fff;
	position: relative;
}

.product .label {
	width: 1598px;
	height: 200px;
	border: 1px solid #ECECEC;
	background-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
}

.product .label .item {
	width: 532px;
	border-right: 1px solid #ECECEC;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition-property: all;
	-o-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0;
}

.product .label .item.item3 {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
	border-right: none;
}

.product .label .item.item2 {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.product .label .item.item1 {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.product .label.show .item {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}


.product .label .item:last-child {
	border: none;
}


.product .label .item img {
	width: 90px;
	height: 90px;
	/* width: ; */
	margin-left: 40px;

}

.product .label .item div {
	width: 280px;
	margin-left: 50px;
}

.product .label .item b {
	font-size: 30px;
	font-weight: 500;
}

.product .label .item p {
	font-size: 16px;
	color: #666;
	margin-top: 20px;
	line-height: 1.5;
}

.product .list_box {
	width: 1600px;
	/* margin-top: 120px; */
	margin: auto;
	border-top: 1px solid #fff;
}

.product .list {
	margin-top: 160px;
	position: relative;
}

.product .list>div {
	overflow: hidden;
}

.product .list_box ul {
	overflow: hidden;
	height: 380px;
}

.product .list_box li {
	width: 533px;
	float: left;
}

.product .list_box li span {
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product .list_box li span img {
	width: 60%;
	height: auto;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.product .list_box li:hover span img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.product .list_box li p {
	font-size: 20px;
	margin-top: 10px;
	color: #000;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.product .list_box li:hover p {
	color: #EB611E;
}

.product .list_box .prev,
.product .list_box .next {
	position: absolute;
	top: 50%;
	margin-top: -31px;
	width: 63px;
	height: 63px;
	cursor: pointer;
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.product .list_box .prev {
	background: url(/frontend/img/icon_prev.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	left: -65px;
}

.product .list_box .next {
	background: url(/frontend/img/icon_next.png) no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	right: -65px;
}

.product .list_box .prev:hover,
.product .list_box .next:hover {
	opacity: 0.9;
}

.product .more {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	border: 2px solid #727171;
	color: #727171;
	margin: 130px auto 90px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.product .more:hover {
	background-color: #EB611E;
	border-color: #EB611E;
	color: #fff;
}


.about {
	width: 100%;
	height: 850px;
	background: url(/frontend/img/img1.jpg) no-repeat center center;
	color: #fff;
}

.about h1 {
	font-size: 46px;
	padding: 130px 0 40px;
	font-weight: 100;
}

.about pre.info {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 130px;
}

.about .describe {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.about .describe strong {
	display: block;
	width: 300px;
	font-size: 100px;
	margin-bottom: 20px;
	font-weight: 500;
	letter-spacing: 2px;
}

.about .describe span {
	font-size: 16px;
}

.about .more {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	border: 2px solid #fff;
	color: #fff;
	margin: 100px auto 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.about .more:hover {
	background-color: #fff;
	color: #000;
}

.about h1,
.about pre.info,
.about .describe {
	-webkit-transition-property: all;
	-o-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
}

.about h1 {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.about pre.info {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.about .describe {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.about.show h1,
.about.show pre.info,
.about.show .describe {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}


.innovation_and_manufacturing {
	width: 100%;
	height: 980px;
	background: url(/frontend/img/innovation_and_manufacturing.jpg) no-repeat center center;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.innovation_and_manufacturing .btns {
	padding: 95px 0 80px;
}

.innovation_and_manufacturing .btns span {
	display: inline-block;
	width: 250px;
	height: 74px;
	line-height: 74px;
	border: 2px solid #525252;
	border-radius: 6px;
	font-size: 24px;
	color: #595757;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 0 20px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.innovation_and_manufacturing .btns span.active,
.innovation_and_manufacturing .btns span:hover {
	background-color: #EB611E;
	color: #fff;
	border-color: #EB611E;
}

.innovation_and_manufacturing .list_box {
	width: 100%;
	height: 600px;
	overflow: hidden;
	padding-left: 140px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.innovation_and_manufacturing .list_box .list {
	position: relative;
}

.innovation_and_manufacturing .list_box ul {
	overflow: hidden;
	width: 200%;
}

.innovation_and_manufacturing .list_box li {
	width: 1300px;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	margin-right: 110px;
}

.innovation_and_manufacturing .list_box li .img {
	width: 800px;
	height: 600px;
	background-color: #000;
	overflow: hidden;
}

.innovation_and_manufacturing .list_box li .img img {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}

.innovation_and_manufacturing .list_box li .img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}

.innovation_and_manufacturing .list_box li .text {
	width: 500px;
	padding: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.innovation_and_manufacturing .list_box li .text span {
	display: block;
	font-size: 20px;
	color: #EB611E;
	margin-bottom: 80px;
}

.innovation_and_manufacturing .list_box li .text strong {
	display: block;
	font-size: 32px;
	margin-bottom: 30px;
}

.innovation_and_manufacturing .list_box li .text pre {
	font-size: 18px;
	line-height: 1.8;
	color: #595757;
	font-family: "Microsoft YaHei";
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.innovation_and_manufacturing .list_box li .text a {
	position: absolute;
	left: 50px;
	bottom: 60px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	border-radius: 6px;
	border: 1px solid #555657;
	color: #555657;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.innovation_and_manufacturing .list_box li .text a:hover {
	color: #fff;
	background-color: #EB611E;
	border-color: #EB611E;
}

.innovation_and_manufacturing .list_box .list .btn {
	position: absolute;
	left: 1350px;
	bottom: 0;
	font-size: 0;
}

.innovation_and_manufacturing .list_box .list .btn span {
	display: inline-block;
	font-size: 32px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-family: "宋体";
	text-align: center;
	background-color: #fff;
	color: #EB611E;
	cursor: pointer;
}

.innovation_and_manufacturing .list_box .list .btn span.next {
	background-color: #EB611E;
	color: #fff;
}


.news {
	width: 100%;
	padding: 100px 0 180px;
	background-color: #fff;
}

.news .title {
	width: 1600px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 60px;
}

.news .title strong {
	font-size: 46px;
	font-weight: 500;
	color: #000;
}

.news .title a {
	color: #777;
	padding-right: 30px;
	letter-spacing: 1px;
	background: url(/frontend/img/icon_right2.png) no-repeat right center;
}

.news .list {
	width: 1600px;
	margin: 0 auto;
}

.news .list ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.news .list li {
	width: 370px;
	height: 540px;
	margin-right: 40px;
	color: #666;
	position: relative;
}

.news .list li:last-child {
	margin-right: 0;
}

.news .list li .img {
	display: block;
	width: 100%;
	height: 220px;
	overflow: hidden;
	margin-bottom: 20px;
}

.news .list li .img img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.news .list li .time {
	display: block;
	font-size: 12px;
	margin-bottom: 20px;
}

.news .list li strong {
	display: block;
	overflow: hidden;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 25px;
	color: #000;
}

.news .list li p {
	font-size: 16px;
	line-height: 1.5;
}

.news .list li span.more {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	color: #000;
}

.news .list li span.more img {
	margin-left: 25px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.news .list li:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news .list li span.more:hover img {
	margin-left: 40px;
}

@media screen and (max-width: 1600px) {

	.product .list_box .prev {
		left: 10px;
	}

	.product .list_box .next {
		right: 10px;
	}
}

/* 手机端样式 */
.wap_box {
	width: 100%;
	/* height: 80px;
	border: 1px solid red; */
}

.wap_box .banner {
	width: 100%;
	/* 	height: 90px; */
	margin: 0 auto;

}

.banner_box_img {
	width: 100%;
	height: 300px;
	/* border: 1px salmon solid; */
	display: flex;
	justify-content: center;
	align-items: center;
}




.text_Box {
	width: auto;

	color: white;
	display: grid;
	gap: 14px;
	text-align: center;


}

.text_Box>a {
	padding: 6px 15px;
	margin: 0 auto;
	text-align: center;
}



.innovation-subtitle {

	display: grid;
	gap: 6px;
}

/* 解决方案样式 */
/* 主容器样式 - 严格限制宽度 */
.solution-container {
	width: 95%;
	margin: 0 auto;
	max-width: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	overflow-x: hidden;
	padding: 20px 0px;
}

/* 标题区域样式 */
.solution-title {

	margin-bottom: 10px;
	width: 100%;

}

.solution-desc {

	max-width: 800px;
	width: 100%;
}

/* 轮播容器样式 */
.solution-swiper {
	width: 100%;

	max-width: 100%;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.swiper-wrapper {
	display: flex;
	width: 100%;

}


.swiper-slide {
	width: 100%;
	flex-shrink: 0;
	/* padding: 0 10px; */
	display: flex;

	justify-content: center;
}

/* 解决方案行 */
.solution-row {
	width: 100%;
	display: flex;

	/* width: calc(100% - 20px); */
	padding: 0px 6px;
	gap: 8px;
	/* margin: 0 auto; */
}


.solution-item {
	flex: 1;
	min-height: 150px;
	/* max-width: calc(50% - 10px); */
	background-size: cover;
	background-position: center;
	position: relative;
	margin-top: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}


.item-content {
	position: relative;
	z-index: 2;
	padding: 15px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;


}

.item-title {
	display: block;


	margin-bottom: 10px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

}

.item-desc {
	display: block;
	margin-bottom: 15px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* .item-link {
	
	text-decoration: none;
	border: 1px solid white;
	padding: 6px 15px;
	border-radius: 5px;
	transition: all 0.3s;
	font-size: 8px;
	font-weight: 500;

} */



/* 分页器样式 */
.swiper-pagination {
	/* 	position: relative;
	margin: 0 auto ;
	display: flex;
	justify-content: center;
	gap: 8px;
	width: 100%;
	max-width: 100%; */
    padding-bottom:10px;


}

.swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	opacity: 1;
	/* 	background-color: #000;

	border-radius: 50%;
	transition: all 0.3s; */
}

.swiper-pagination-bullet-active {
	background: #EB611E !important;
	transform: scale(1.2);
}





/* 我们的产品 */
.products-intro {
	width: 95%;
	margin: 0 auto;
	/* display: grid;
  justify-content: center; 
  align-items: center; */
	background-color: #fff;
	box-sizing: border-box;
	/* position: absolute; */
	margin-top: 10px;
}

.products-box {
	width: 100%;
	height: 170px;
	background: #F5F5F5;
	padding-top: 20px;
	padding-bottom: 20px;
}


.intro-container {
	/* padding: 40px 20px; */
	margin-top: 20px;
	max-width: 1200px;
	width: 100%;
	text-align: center;

}


.intro-title {

	margin-bottom: 16px;
}

.intro-description {

	margin: 0 auto;

}

/* 11111 */
/* 父容器样式 */
/* 轮播容器 */
.features-carousel {
	width: 85%;
	margin: 0 auto;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-sizing: border-box;
	position: relative;
	bottom: 80px;
	overflow: hidden;
}

/* 轮播项 */
.swiper-slide {
	width: 100%;
	padding: 10px 10px; 
	box-sizing: border-box;
}

.feature-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	height: 100%;
}

.feature-icon {
	width: 60px;
	height: 60px;
	margin-bottom: 15px;
	object-fit: contain;
}

.feature-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 0;
}

.feature-title {

	margin-bottom: 10px;

}

.feature-desc {

	width: 80%;
	margin: 0 auto;
}

/* 分页器样式 */
.swiper-pagination-features {
	position: relative;
	margin-top: 20px;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.swiper-pagination-features-bullet {
	width: 8px;
	height: 8px;
	background: #ccc;
	border-radius: 50%;
	opacity: 1;
	cursor: pointer;
}

.swiper-pagination-features-bullet-active {
	background: #EB611E;
}

/* 我们的产品轮播图 */
.carousel-container {
	position: relative;
	width: 100%;
	overflow: hidden;
    position:relative;
    bottom:50px;
}

.carousel {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

/* 每个轮播项宽度设为 33.33%（显示3个） */
.carousel-item {
	flex: 0 0 33.33%;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
}

.carousel-item img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
}

.carousel-item p {
	margin-top: 10px;

}

.more-btn {
	width: 90px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	border-radius: 4px;
	border: 2px solid #727171;
	color: #727171;
}

/* 科研中心 */
.selector-container {

	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
}

.tab-selector {
	width: 80%;

	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	gap: 10px;
	margin-bottom: 20px;

}






.content-container {
	padding: 20px;
	border-radius: 8px;

	min-height: 200px;
}

.content-item {
	display: none;
	animation: fadeIn 0.5s ease;
}

.content-item.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* .content-title {
	font-size: 22px;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.content-text {
	font-size: 16px;
	line-height: 1.6;
	color: #555;
} */
/* 科研中心 */



.research-card-wap {
	width: 100%;
	height: 200px;
	display: flex;
	gap: 14px;
    <!-- margin-top:6px; -->
   
 
}

.research-card-wap-img  {
	width: 50%;
    height:auto;
}

.card-wap-img{
	width: 100%;
	height: 100%;
	
}

.research-card__content-wap {
	width: 50%;
    padding-top:10px;
	display: grid;
	gap: 8px;
}

.content-wap-text{
   width: 90%;
  height: 94px; 
  display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 5; 
  overflow: hidden;
  text-overflow: ellipsis;
}










/* .content-container-box {
	width: 95%;
	margin: 0 auto;
}

.carousel-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.research-carousel {
	display: flex;
	transition: transform 0.5s ease-in-out;
	width: 400%;
	border: 1px solid red;
}

.research-card {
	width: 25%;

	height: 200px;
	display: flex;
	justify-content: space-around;
	gap: 20px;
	flex-shrink: 0;
}

.research-card__image {
	max-width: 55%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.research-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
}

.research-card__content {
	flex: 1;
	font-weight: 400;
}

.research-card_nmae {
	width: auto;
	color: #EB611E;
	font-size: 12px;
	margin-top: 12px;
}

.research-card__title {

	margin-top: 15px;
}

.research-card__description {
	margin-top: 10px;
	height: 60px;

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.research-card__link {
	width: 100px;
	height: 12px;
	text-decoration: none;
	padding: 10px 0px;
	transition: all 0.3s;

} */

/* 制造中心 */
.research-carousel-box {
	width: 100%;

}

.research-card-box-item {
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: space-around;
	gap: 8px;
	flex-shrink: 0;

}

.research-card__image-box {
	max-width: 55%;
	height: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.research-card__image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
}


.research-card__content-box {
	flex: 1;
	margin-left: 6px;
}

/* 最新消息 */
.LatestNews {
	width: 95%;
	height: auto;

	margin: 0 auto;
	<!-- margin-top: 40px; -->


}

.more-box {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
    <!-- position:relative;
    bottom:54px; -->
}


.LatestNews_title {
	color: rgb(0, 0, 0);
	font-size: 20px;
	font-weight: 800;
}

.img_box {
	width: 100%;
	height: 230px;
	margin: 10px 0;
	overflow: hidden;


}

.LatestNews_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;

}

.company_item {
	display: flex;
	gap: 20px;
	margin: 10px 0px;

}

.introduce_item1 {
	width: 100%;


	margin-bottom: 10px;
	word-wrap: break-word;
}



.LatestNews_btn {
	margin: 40px 0px;
	padding-right: 20px;
	color: #666;
	font-weight: 400;
}

.Line {
	width: 100%;
	height: 2px;
	background-color: #000;
	margin-bottom: 50px;
}

/* 新增的轮播CSS（最小化添加） */
.news-carousel-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.news-carousel-wrapper {
	display: flex;
	transition: transform 0.5s ease;
}

.news-carousel-slide {
	flex: 0 0 100%;
	width: 100%;
	padding: 10px 0px;
}

.tabs-zz {
	width: 95%;
	margin: 0 auto;
	position:relative;
	bottom:20px;

}

::v-deep .el-tabs__item.is-active {
	color: #EB611E !important;
	font-weight: normal !important;
	transform: none !important;
	font-size: inherit !important;
}