.banner {
	width: 100%;
	position: relative
}

.banner>img {
	width: 100%
}

.banner>img.img1 {
	display: block
}

.banner>img.img2 {
	display: none
}

.banner .item {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	z-index: 2
}

.banner .item .title {
	font-size: 24px;
}

.banner .item .intro {
	font-size: 42px;
	line-height: 1.5;
	margin-top: 25px
}

.banner .item .more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 145px;
	height: 50px;
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 50px
}

@media (max-width: 1600px) {
	.banner .item .title {
		font-size: 20px;
	}

	.banner .item .intro {
		font-size: 32px;
		margin-top: 20px
	}

	.banner .item .more {
		width: 125px;
		height: 40px;
		font-size: 14px;
		margin-top: 40px
	}

	.banner .prev01 {
		width: 22px
	}

	.banner .next01 {
		width: 22px
	}

}

@media (max-width: 1200px) {
	.banner .item .title {
		font-size: 16px;
	}

	.banner .item .intro {
		font-size: 24px;
	}

	.banner .item .more {
		width: 110px;
		height: 32px;
		font-size: 12px;
	}

	.banner .prev01 {
		width: 16px;
		left: 1%
	}

	.banner .next01 {
		width: 16px;
		right: 1%
	}
}

@media (max-width: 750px) {
	.banner img.img2 {
		display: block;
		width: 100%;
	}

	.banner img.img1 {
		display: none;
		width: 100%;
	}

	.banner .item .title {
		font-size: 14px;
	}

	.banner .item .intro {
		font-size: 20px;
	}

	.banner .item .more {
		width: 100px;
		height: 30px;
	}

	.banner .prev01 {
		width: 10px;
		left: 1%
	}

	.banner .next01 {
		width: 10px;
		right: 1%
	}

	.banner .swiper01 .pagination01 span {
		width: 32px;
		height: 3px;
	}
}

.ihd .title {
	font-size: 42px;
	color: #333333;
	line-height: 1
}

@media (max-width: 1600px) {
	.ihd .title {
		font-size: 32px;
	}
}

@media (max-width: 1200px) {
	.ihd .title {
		font-size: 24px;
	}
}

@media (max-width: 750px) {
	.ihd .title {
		font-size: 20px;
	}
}

.fw {
	width: 100%
}

.fw01 {
	margin-top: 100px
}

.fw01 .ibd {
	margin-top: 50px;
	background: #f7f7f7;
	padding: 100px 0
}

.fw01 .ibd .nr {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.fw01 .ibd .nr .lt {
	width: 690px;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}

.fw01 .ibd .nr .lt .pic {
	width: 100%;
	position: relative;
}

.fw01 .ibd .nr .lt .pic .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	/* 半透明黑色背景 */

	transition: opacity 0.3s ease;
}

.fw01 .ibd .nr .lt .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.fw01 .ibd .nr .lt:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.fw01 .ibd .nr .lt .cont {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 55px
}

.fw01 .ibd .nr .lt .cont .title {
	font-size: 26px;
	color: #fff
}

.fw01 .ibd .nr .lt .cont .intro {
	font-size: 16px;
	color: #fff;
	margin-top: 20px
}

.fw01 .ibd .nr .lt .cont .more {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 50px;
	background: #03A9F4;
	border-radius: 5px;
	color: #fff;
	font-size: 16px
}

.fw01 .ibd .nr .rt {
	width: calc(100% - 690px);
	box-sizing: border-box;
	padding-right: 80px
}

.fw01 .ibd .nr .rt .title {
	font-size: 28px;
	color: #333333
}

.fw01 .ibd .nr .rt .intro {
	font-size: 16px;
	color: #666666;
	line-height: 2;
	text-align: justify;
	margin-top: 30px
}

@media (max-width: 1600px) {
	.fw01 {
		margin-top: 80px
	}

	.fw01 .ibd {
		margin-top: 40px;
		padding: 80px 0
	}

	.fw01 .ibd .nr .lt {
		width: 540px;
	}

	.fw01 .ibd .nr .lt .cont {
		padding: 0 40px
	}

	.fw01 .ibd .nr .lt .cont .title {
		font-size: 22px;
	}

	.fw01 .ibd .nr .lt .cont .intro {
		font-size: 14px;
		margin-top: 15px
	}

	.fw01 .ibd .nr .lt .cont .more {
		margin-top: 30px;
		width: 130px;
		height: 42px;
		font-size: 14px
	}

	.fw01 .ibd .nr .rt {
		width: calc(100% - 540px);
		padding-right: 60px
	}

	.fw01 .ibd .nr .rt .title {
		font-size: 24px;
	}

	.fw01 .ibd .nr .rt .intro {
		font-size: 14px;
	}
}

@media (max-width: 1200px) {
	.fw01 {
		margin-top: 40px
	}

	.fw01 .ibd {
		margin-top: 30px;
		padding: 40px 0
	}

	.fw01 .ibd .nr .lt {
		width: 50%;
		border-radius: 10px
	}

	.fw01 .ibd .nr .lt .cont {
		padding: 0 20px
	}

	.fw01 .ibd .nr .lt .cont .title {
		font-size: 20px;
	}

	.fw01 .ibd .nr .lt .cont .intro {
		font-size: 12px;
		margin-top: 12px
	}

	.fw01 .ibd .nr .lt .cont .more {
		margin-top: 25px;
		width: 110px;
		height: 36px;
		font-size: 12px
	}

	.fw01 .ibd .nr .rt {
		width: 50%;
		padding-right: 20px
	}

	.fw01 .ibd .nr .rt .title {
		font-size: 20px;
	}

	.fw01 .ibd .nr .rt .intro {
		font-size: 12px;
		margin-top: 20px
	}
}

@media (max-width: 750px) {
	.fw01 .ibd .nr {
		display: block
	}

	.fw01 .ibd .nr .lt {
		width: 100%;
		border-radius: 10px
	}

	.fw01 .ibd .nr .lt .cont .title {
		font-size: 20px;
	}

	.fw01 .ibd .nr .lt .cont .intro {
		font-size: 12px;
		margin-top: 12px
	}

	.fw01 .ibd .nr .lt .cont .more {
		margin-top: 25px;
		width: 110px;
		height: 36px;
		font-size: 12px
	}

	.fw01 .ibd .nr .rt {
		width: 100%;
		padding-right: 0;
		margin-top: 20px
	}

	.fw01 .ibd .nr .rt .title {
		font-size: 16px;
	}

	.fw01 .ibd .nr .rt .intro {
		font-size: 12px;
		margin-top: 15px
	}
}



.fw02 {
	padding: 100px 0 0
}

.fw02 .ibd {
	width: 100%;
	margin: 0 auto;
	margin-top: 50px
}

.fw02 .ibd .item {
	width: 292px;
	height: 402px;
	float: left;
	background: url(../image/aa1.png) center center no-repeat;
	background-size: cover;
	margin-right: 20px;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 20px
}

.fw02 .ibd .item:nth-child(5) {
	margin-right: 0
}

.fw02 .ibd .item .title {
	font-size: 70px;
	color: transparent;
	-webkit-text-stroke: 1px #666666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	padding-top: 60px
}

.fw02 .ibd .item .intro {
	font-size: 14px;
	color: #666666;
	margin-top: 50px
}

.fw02 .ibd .item:nth-child(1) {
	background: #F7F7F7;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 4px 4px 4px;
}

.fw02 .ibd .item:nth-child(1):hover {
	background: url(../image/water.webp);
	background-size: cover
}

.fw02 .ibd .item:nth-child(2) {
	background: #F7F7F7;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 4px 4px 4px;
}

.fw02 .ibd .item:nth-child(2):hover {
	background: url(../image/ice-block.webp) bottom right no-repeat;
	background-size: cover
}

.fw02 .ibd .item:nth-child(3) {
	background: #F7F7F7;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 4px 4px 4px;
}

.fw02 .ibd .item:nth-child(3):hover {
	background: url(../image/ocean.webp) bottom right no-repeat;
	background-size: cover
}

.fw02 .ibd .item:nth-child(4) {
	background: #F7F7F7;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 4px 4px 4px;
}

.fw02 .ibd .item:nth-child(4):hover {
	background: url(../image/snow.webp) bottom right no-repeat;
	background-size: cover
}

.fw02 .ibd .item:nth-child(5) {
	background: #F7F7F7;
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 4px 4px 4px;
}

.fw02 .ibd .item:nth-child(5):hover {
	background: url(../image/thunderstorm.webp) bottom right no-repeat;
	background-size: cover
}

.fw02 .ibd .item:hover .title {
	-webkit-text-stroke: 1px #fff;
}

.fw02 .ibd .item:hover .intro {
	color: #fff
}

@media all and (max-width:1600px) {
	.fw02 {
		padding: 80px 0 0
	}

	.fw02 .ibd {
		margin-top: 40px
	}

	.fw02 .ibd .item {
		width: 228px;
		height: 305px;
		margin-right: 15px
	}

	.fw02 .ibd .item .title {
		font-size: 60px;
		padding-top: 30px
	}

	.fw02 .ibd .item .intro {
		font-size: 12px;
		margin-top: 10px
	}
}

@media all and (max-width:1200px) {
	.fw02 {
		padding: 40px 0 0
	}

	.fw02 .ihd {
		font-size: 20px
	}

	.fw02 .ibd {
		margin-top: 20px
	}

	.fw02 .ibd .item {
		width: 19%;
		height: 24vw;
		margin-right: 1.25%
	}

	.fw02 .ibd .item .title {
		font-size: 30px;
		padding-top: 20px
	}

	.fw02 .ibd .item .intro {
		font-size: 12px;
		margin-top: 20px
	}
}

@media all and (max-width:1000px) {
	.fw02 .ibd .item {
		width: 32%;
		height: 40vw;
		margin-right: 2%;
		padding: 0 10px;
		margin-bottom: 2%
	}

	.fw02 .ibd .item:nth-child(3) {
		margin-right: 0
	}

	.fw02 .ibd .item .title {
		font-size: 30px;
		padding-top: 20px
	}

	.fw02 .ibd .item .intro {
		font-size: 12px;
		margin-top: 20px
	}
}

@media all and (max-width:750px) {
	.fw02 .ibd .item {
		width: 49%;
		height: 65vw;
		margin-right: 2%;
		padding: 0 10px;
		margin-bottom: 2%
	}

	.fw02 .ibd .item:nth-child(3) {
		margin-right: 2%
	}

	.fw02 .ibd .item:nth-child(2n) {
		margin-right: 0
	}

	.fw02 .ibd .item .title {
		font-size: 30px;
		padding-top: 20px
	}

	.fw02 .ibd .item .intro {
		font-size: 12px;
		margin-top: 10px
	}

	.fw02 .ibd .item:nth-child(5) {
		width: 100%;
		margin-bottom: 0
	}
}

@media all and (max-width:450px) {
	.fw02 .ibd .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding: 20px;
		margin-bottom: 2%
	}

	.fw02 .ibd .item .title {
		padding: 0
	}
}



.fw03 {
	padding: 100px 0
}

.fw03 .ibd {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative
}

.fw03 .ibd .swiper03 {
	width: 100%;
	overflow: hidden
}

.fw03 .ibd .item {
	width: 480px;
	margin-right: 50px;
	border-radius: 10px;
	overflow: hidden;
	background: #f5f5f5
}

.fw03 .ibd .item:last-child {
	margin-right: 0
}

.fw03 .ibd .item .pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.fw03 .ibd .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.fw03 .ibd .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.fw03 .ibd .item .pic span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 36px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border-radius: 0 0 10px 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 14px;
}

.fw03 .ibd .item .cont {
	width: 100%;
	height: 240px;
	box-sizing: border-box;
	padding: 35px 20px;
}

.fw03 .ibd .item .cont .time {
	background: url(../image/g_16.png) left center no-repeat;
	padding-left: 20px;
	font-size: 14px;
	color: #999999
}

.fw03 .ibd .item .cont .title {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	margin-top: 15px
}

.fw03 .ibd .item .cont .intro {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	margin-top: 20px
}

.fw03 .ibd .item:hover .cont .title {
	color: #03A9F4
}

.fw03 .ibd .prev03 {
	width: 32px;
	height: 58px;
	position: absolute;
	background: url(../image/g_20.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: -100px;
	top: 50%;
	margin-top: -30px;
	transform: rotate(180deg);
	cursor: pointer
}

.fw03 .ibd .next03 {
	width: 32px;
	height: 58px;
	position: absolute;
	background: url(../image/g_20.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: -100px;
	top: 50%;
	margin-top: -30px;
	transform: rotate(0);
	cursor: pointer
}

@media (max-width: 1600px) {
	.fw03 {
		padding: 80px 0
	}

	.fw03 .ibd {
		margin-top: 40px;
		margin-bottom: 40px
	}

	.fw03 .ibd .item {
		width: 380px;
		margin-right: 30px;
	}

	.fw03 .ibd .item .pic span {
		width: 90px;
		height: 32px;
		font-size: 12px
	}

	.fw03 .ibd .item .cont {
		padding: 30px 20px;
		height: auto
	}

	.fw03 .ibd .item .cont .time {
		background-size: 12px;
		font-size: 12px;
	}

	.fw03 .ibd .item .cont .title {
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}

	.fw03 .ibd .item .cont .intro {
		font-size: 12px;
		line-height: 22px;
		height: 44px;
	}

	.fw03 .ibd .prev03 {
		width: 22px;
		left: -50px;
	}

	.fw03 .ibd .next03 {
		width: 22px;
		right: -50px;
	}

}

@media (max-width: 1200px) {
	.fw03 {
		padding: 40px 0
	}

	.fw03 .ibd {
		margin-top: 30px;
		margin-bottom: 30px;
		box-sizing: border-box;
	}

	.fw03 .ibd .item {
		width: 48%;
		margin-right: 4%;
	}

	.fw03 .ibd .prev03 {
		width: 12px;
		left: 0;
		top: calc(100% + 40px)
	}

	.fw03 .ibd .next03 {
		width: 12px;
		right: 0;
		top: calc(100% + 40px)
	}

}

@media (max-width: 750px) {
	.fw03 .ibd .item {
		width: 100%;
	}
}

.imore {
	text-align: center
}

.imore a {
	color: #333333;
	font-size: 24px;
}

.imore a:hover {
	font-weight: bold;
	color: #03A9F4
}

@media (max-width: 1600px) {
	.imore a {
		font-size: 20px;
	}
}

@media (max-width: 1200px) {

	.imore a {
		font-size: 16px;
	}
}

@media (max-width: 750px) {

	.imore a {
		font-size: 14px;
	}
}

.jjfa {
	background: #f7f7f7
}

.jjfa01 {
	padding: 30px 0
}

.jjfa01 .item {
	width: 235px;
	float: left;
	height: 105px;
	margin: 10px 0;
	background: #fff;
	border-radius: 10px;
	margin-right: 26px
}

.jjfa01 .item.on,
.jjfa01 .item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.jjfa01 .item:nth-child(6n) {
	margin-right: 0
}

.jjfa01 .item a {
	display: flex;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px
}

.jjfa01 .item a .ico {
	width: 110px;
	text-align: center
}

.jjfa01 .item a .ico img {
	height: 70px
}

.jjfa01 .item a .title {
	font-size: 18px;
	color: #333333
}

.jjfa01 .item.on a .title,
.jjfa01 .item:hover a .title {
	font-weight: bold;
	color: #03A9F4
}

@media (max-width: 1600px) {
	.jjfa01 .item {
		width: 15.5%;
		margin-right: 1.4%;
		height: 95px
	}

	.jjfa01 .item a .ico {
		width: 90px;
	}

	.jjfa01 .item a .ico img {
		height: 50px
	}

	.jjfa01 .item a .title {
		font-size: 16px;
	}
}

@media (max-width: 1200px) {
	.jjfa01 .item {
		width: 23.5%;
		margin-right: 2%;
		height: 80px
	}

	.jjfa01 .item:nth-child(6n) {
		margin-right: 2%
	}

	.jjfa01 .item:nth-child(4n) {
		margin-right: 0
	}

	.jjfa01 .item a .ico {
		width: 90px;
	}

	.jjfa01 .item a .ico img {
		height: 50px
	}

	.jjfa01 .item a .title {
		font-size: 16px;
	}
}

@media (max-width: 750px) {
	.jjfa01 .item {
		margin: 1% 0
	}

	.jjfa01 .item {
		width: 49%;
		margin-right: 2%;
		height: 70px
	}

	.jjfa01 .item:nth-child(6n) {
		margin-right: 2%
	}

	.jjfa01 .item:nth-child(4n) {
		margin-right: 2%
	}

	.jjfa01 .item:nth-child(2n) {
		margin-right: 0
	}

	.jjfa01 .item a .ico {
		width: 80px;
	}

	.jjfa01 .item a .ico img {
		height: 40px
	}

	.jjfa01 .item a .title {
		font-size: 16px;
	}

}

@media (max-width: 450px) {

	.jjfa01 .item a .title {
		font-size: 12px;
	}

}

.jjfa {
	padding-bottom: 60px
}

.jjfa02 .nr {
	box-sizing: border-box;
	background: #fff;
	padding: 30px;
	border-radius: 12px
}

.jjfa02 .nr .ihd .t {
	padding-left: 13px;
	color: #333333;
	font-size: 28px;
	margin-top: 30px
}

.jjfa02 .nr .ihd .t::before {
	content: "";
	display: block;
	width: 5px;
	height: 28px;
	background: #03A9F4;
	position: absolute;
	left: 0;
	top: 0;
}

.jjfa02 .nr .ibd {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}

.jjfa02 .nr .ibd .item {
	width: 15.5%;
	margin-right: 1.4%;
	margin-bottom: 1.4%
}

.jjfa02 .nr .ibd .item:nth-child(6n) {
	margin-right: 0
}

.jjfa02 .nr .ibd .item .pic {
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
}

.jjfa02 .nr .ibd .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.jjfa02 .nr .ibd .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.jjfa02 .nr .ibd .item .title {
	text-align: center;
	font-size: 18px;
	color: #333333;
	padding: 12px 0
}

.jjfa02 .nr .ibd .item:hover .title {
	color: #03A9F4;
	font-weight: bold
}

@media (max-width: 1600px) {
	.jjfa {
		padding-bottom: 50px
	}

	.jjfa02 .nr {
		padding: 25px;
	}

	.jjfa02 .nr .ihd .t {
		font-size: 24px;
		margin-top: 20px;
		background-size: 3px 24px;
	}

	.jjfa02 .nr .ibd {
		margin-top: 30px
	}

	.jjfa02 .nr .ibd .item .title {
		font-size: 16px;
		padding: 10px 0
	}
}

@media (max-width: 1200px) {
	.jjfa {
		padding-bottom: 40px
	}

	.jjfa02 .nr {
		padding: 20px;
	}

	.jjfa02 .nr .ihd .t {
		font-size: 20px;
		margin-top: 10px;
		background-size: 3px 20px;
	}

	.jjfa02 .nr .ibd {
		margin-top: 20px
	}

	.jjfa02 .nr .ibd .item {
		width: 23.5%;
		margin-right: 2%;
	}

	.jjfa02 .nr .ibd .item:nth-child(6n) {
		margin-right: 2%
	}

	.jjfa02 .nr .ibd .item:nth-child(4n) {
		margin-right: 0
	}
}

@media (max-width: 750px) {
	.jjfa02 .nr .ibd .item {
		width: 32%;
		margin-right: 2%;
	}

	.jjfa02 .nr .ibd .item:nth-child(6n) {
		margin-right: 2%
	}

	.jjfa02 .nr .ibd .item:nth-child(4n) {
		margin-right: 2%
	}

	.jjfa02 .nr .ibd .item:nth-child(3n) {
		margin-right: 0
	}

	.jjfa02 .nr .ibd .item .title {
		font-size: 14px;
	}
}


.jjfa03 {
	padding: 40px 0
}

.jjfa03 .nr {
	display: flex;
	align-items: center;
}

.jjfa03 .nr img {
	vertical-align: top;
	margin: 0 25px
}

.jjfa03 .nr a {
	font-size: 14px;
	color: #666666;
	display: flex;
	align-items: center;
}

.jjfa03 .nr a img {
	margin: 0 15px 0 0
}

.jjfa03 .nr a:hover {
	color: #03A9F4
}

@media (max-width: 1200px) {
	.jjfa03 {
		padding: 20px 0
	}

	.jjfa03 .nr a {
		font-size: 12px;
	}

	.jjfa03 .nr img {
		height: 6px;
		margin: 0 10px
	}

	.jjfa03 .nr a img {
		margin: 0 8px 0 0;
		height: 14px;
	}
}

.pro {
	background: #f7f7f7;
	padding: 40px 0
}

.pro_nav .ibd {
	position: relative
}

.pro_nav .swiper_nav {
	width: 100%;
	overflow: hidden
}

.pro_nav .swiper_nav .swiper-slide {
	width: 25%;
	height: 200px;
	/* 固定高度 */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.pro_nav .swiper_nav .swiper-slide:last-child {
	margin-right: 0
}

.pro_nav .swiper_nav .swiper-slide .pic {
	width: 100%;
	background-color: #fff;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pro_nav .swiper_nav .swiper-slide .pic img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.pro_nav .swiper_nav .swiper-slide:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.pro_nav .swiper_nav .swiper-slide.on .pic:after,
.pro_nav .swiper_nav .swiper-slide:hover .pic:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #03A9F4;
	border-radius: 12px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

.pro_nav .swiper_nav .swiper-slide .title {
	width: 100%;
	height: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	font-size: 16px;
	line-height: 1.2;
}

.pro_nav .swiper_nav .swiper-slide.on .title,
.pro_nav .swiper_nav .swiper-slide:hover .title {
	color: #03A9F4
}

.pro_nav .ibd .prev_nav {
	width: 20px;
	height: 100%;
	background: url(../image/g_20.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: -50px;
	top: 0;
	cursor: pointer;
	z-index: 2;
	transform: rotate(180deg);
	margin: 0;
	padding: 0;
	height: calc(100% - 42px)
}

.pro_nav .ibd .next_nav {
	width: 20px;
	height: 100%;
	background: url(../image/g_20.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: -50px;
	top: 0;
	cursor: pointer;
	z-index: 2;
	transform: rotate(0);
	margin: 0;
	padding: 0;
	height: calc(100% - 42px)
}

@media (max-width: 1600px) {
	.pro_nav .swiper_nav .swiper-slide .title {
		font-size: 16px;
		margin-top: 12px
	}

	.pro_nav .ibd .prev_nav {
		width: 16px;
		left: -40px;
		height: calc(100% - 36px)
	}

	.pro_nav .ibd .next_nav {
		width: 16px;
		right: -40px;
		height: calc(100% - 36px)
	}
}

@media (max-width: 1200px) {
	.pro_nav .swiper_nav .swiper-slide {
		width: 31%
	}

	.pro_nav .swiper_nav .swiper-slide .title {
		font-size: 14px;
		margin-top: 10px
	}

	.pro_nav .ibd .prev_nav {
		width: 14px;
		left: -20px;
		height: calc(100% - 31px)
	}

	.pro_nav .ibd .next_nav {
		width: 14px;
		right: -20px;
		height: calc(100% - 31px)
	}
}

@media (max-width: 750px) {
	.pro_nav .swiper_nav .swiper-slide {
		width: 48.5%;
	}

	.pro_nav .swiper_nav .swiper-slide .title {
		font-size: 14px;
		margin-top: 10px
	}

	.pro_nav .ibd .prev_nav {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: #fff;
		background-size: 6px;
		border: 1px solid #333333;
		border-radius: 50%;
		left: 5px;
		top: calc(50% - 16px);
		margin-top: -10px
	}

	.pro_nav .ibd .next_nav {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: #fff;
		background-size: 6px;
		border: 1px solid #333333;
		border-radius: 50%;
		right: 5px;
		top: calc(50% - 16px);
		margin-top: -10px
	}
}

@media (max-width: 1200px) {
	.swiper_nav .swiper-slide {
		height: 180px;
	}

	.swiper_nav .swiper-slide .pic {
		height: 130px;
	}
}

@media (max-width: 750px) {
	.swiper_nav .swiper-slide {
		height: 150px;
	}

	.swiper_nav .swiper-slide .pic {
		height: 100px;
	}

	.swiper_nav .swiper-slide .title {
		font-size: 14px;
	}
}

.pro_list_item {
	margin-top: 70px;
}

.pro_list_item .ihd .t {
	padding-left: 13px;
	color: #333333;
	font-size: 28px;
}

.pro_list_item .ihd .t::before {
	content: "";
	display: block;
	width: 5px;
	height: 28px;
	background: #03A9F4;
	position: absolute;
	left: 0;
	top: 0;
}

.pro_list_item .ibd {
	overflow: hidden
}

.pro_list_item .ibd .item {
	width: 23.4%;
	margin-right: calc(6.4% / 3);
	float: left;
	background: #fff;
	margin-top: 2.5%;
	border-radius: 12px;
	overflow: hidden
}

.pro_list_item .ibd .item:nth-child(4n) {
	margin-right: 0
}

.pro_list_item .ibd .item .pic {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 10%
}

.pro_list_item .ibd .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.pro_list_item .ibd .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.pro_list_item .ibd .item .cont {
	padding: 30px 25px 35px
}

.pro_list_item .ibd .item .cont .title {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pro_list_item .ibd .item .cont .intro {
	font-size: 14px;
	color: #666666;
	margin-top: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pro_list_item .ibd .item .cont .more {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-top: 20px
}

.pro_list_item .ibd .item:hover .cont .title {
	color: #03A9F4
}

.pro_list_item .ibd .item:hover .cont .more {
	color: #03A9F4
}

@media (max-width: 1600px) {
	.pro_list_item {
		margin-top: 50px;
	}

	.pro_list_item .ihd .t {
		font-size: 24px;
		background-size: 3px 24px;
	}

	.pro_list_item .ibd .item .cont {
		padding: 25px 20px 30px
	}

	.pro_list_item .ibd .item .cont .title {
		font-size: 16px;
	}

	.pro_list_item .ibd .item .cont .intro {
		font-size: 12px;
		margin-top: 6px;
	}

	.pro_list_item .ibd .item .cont .more {
		font-size: 14px;
		margin-top: 16px
	}
}

@media (max-width: 1200px) {
	.pro_list_item {
		margin-top: 40px;
	}

	.pro_list_item .ihd .t {
		font-size: 20px;
		background-size: 3px 20px;
	}

	.pro_list_item .ibd .item {
		width: 32%;
		margin-right: 2%
	}

	.pro_list_item .ibd .item:nth-child(4n) {
		margin-right: 2%
	}

	.pro_list_item .ibd .item:nth-child(3n) {
		margin-right: 0
	}

	.pro_list_item .ibd .item .cont {
		padding: 20px 15px 25px
	}
}

@media (max-width: 750px) {

	.pro_list_item .ibd .item {
		width: 100%;
		margin-right: 0%;
		margin-top: 15px
	}

	.pro_list_item .ibd .item:nth-child(4n) {
		margin-right: 0
	}

	.pro_list_item .ibd .item:nth-child(3n) {
		margin-right: 0
	}

	.pro_list_item .ibd .item:nth-child(2n) {
		margin-right: 0
	}

	.pro_list_item .ibd .item .cont {
		padding: 20px 15px 25px
	}
}


.pro_list_item .ibd2 {
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 12px;
	margin-top: 40px
}

.pro_list_item .ibd2 .swiper_bd {
	width: 100%;
	overflow: hidden
}

.pro_list_item .ibd2 .swiper_bd .swiper-slide {
	width: auto;
	height: 400px;
}

.pro_list_item .ibd2 .swiper_bd .swiper-slide img {
	width: auto;
	height: 100%
}

.pro_list_item .ibd2 .cont {
	padding: 30px 25px 35px;
	position: relative
}

.pro_list_item .ibd2 .cont .title {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pro_list_item .ibd2 .cont .intro {
	font-size: 14px;
	color: #666666;
	margin-top: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pro_list_item .ibd2 .cont .more {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	position: absolute;
	right: 25px;
	top: 30px
}

.pro_list_item .ibd2:hover .cont .title {
	color: #03A9F4
}

.pro_list_item .ibd2:hover .cont .more {
	color: #03A9F4
}

@media (max-width: 1600px) {
	.pro_list_item .ibd2 .swiper_bd .swiper-slide {
		height: 360px;
	}

	.pro_list_item .ibd2 .cont {
		padding: 25px 20px 30px
	}

	.pro_list_item .ibd2 .cont .title {
		font-size: 16px;
	}

	.pro_list_item .ibd2 .cont .intro {
		font-size: 12px;
		margin-top: 6px;
	}

	.pro_list_item .ibd2 .cont .more {
		font-size: 14px;
		right: 20px;
		top: 25px
	}
}

@media (max-width: 1200px) {
	.pro_list_item .ibd2 .swiper_bd .swiper-slide {
		height: 300px;
	}

	.pro_list_item .ibd2 .cont {
		padding: 20px 15px 25px
	}

	.pro_list_item .ibd2 .cont .more {
		margin-top: 15px;
		position: relative;
		top: 0;
		right: 0
	}
}

@media (max-width: 750px) {
	.pro_list_item .ibd2 .swiper_bd .swiper-slide {
		height: 200px;
	}
}





.pro_list_itemx {
	margin-top: 70px;
}

.pro_list_itemx .ihd .t {
	padding-left: 13px;
	color: #333333;
	font-size: 28px;
}

.pro_list_itemx .ihd .t::before {
	content: "";
	display: block;
	width: 5px;
	height: 28px;
	background: #03A9F4;
	position: absolute;
	left: 0;
	top: 0
}

.pro_list_itemx .ibd {
	overflow: hidden
}

.pro_list_itemx .ibd .item {
	width: 23.4%;
	margin-right: calc(6.4% / 3);
	background: #fff;
	margin-top: 2.5%;
	border-radius: 12px;
	overflow: hidden
}

.pro_list_itemx .ibd .item:last-child {
	margin-right: 0
}

.pro_list_itemx .ibd .item .pic {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 10%
}

.pro_list_itemx .ibd .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.pro_list_itemx .ibd .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.pro_list_itemx .ibd .item .cont {
	padding: 30px 25px 35px
}

.pro_list_itemx .ibd .item .cont .title {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pro_list_itemx .ibd .item .cont .intro {
	font-size: 14px;
	color: #666666;
	margin-top: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pro_list_itemx .ibd .item .cont .more {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-top: 20px
}

.pro_list_itemx .ibd .item:hover .cont .title {
	color: #03A9F4
}

.pro_list_itemx .ibd .item:hover .cont .more {
	color: #03A9F4
}

@media (max-width: 1600px) {
	.pro_list_itemx {
		margin-top: 50px;
	}

	.pro_list_itemx .ihd .t {
		font-size: 24px;
		background-size: 3px 24px;
	}

	.pro_list_itemx .ibd .item .cont {
		padding: 25px 20px 30px
	}

	.pro_list_itemx .ibd .item .cont .title {
		font-size: 16px;
	}

	.pro_list_itemx .ibd .item .cont .intro {
		font-size: 12px;
		margin-top: 6px;
	}

	.pro_list_itemx .ibd .item .cont .more {
		font-size: 14px;
		margin-top: 16px
	}
}

@media (max-width: 1200px) {
	.pro_list_itemx {
		margin-top: 40px;
	}

	.pro_list_itemx .ihd .t {
		font-size: 20px;
		background-size: 3px 20px;
	}

	.pro_list_itemx .ibd .item {
		width: 32%;
		margin-right: 2%
	}

	.pro_list_itemx .ibd .item:nth-child(4n) {
		margin-right: 2%
	}

	.pro_list_itemx .ibd .item:nth-child(3n) {
		margin-right: 0
	}

	.pro_list_itemx .ibd .item .cont {
		padding: 20px 15px 25px
	}
}

@media (max-width: 750px) {

	.pro_list_itemx .ibd .item {
		width: 100%;
		margin-right: 0%;
		margin-top: 15px
	}

	.pro_list_itemx .ibd .item:nth-child(4n) {
		margin-right: 0
	}

	.pro_list_itemx .ibd .item:nth-child(3n) {
		margin-right: 0
	}

	.pro_list_itemx .ibd .item:nth-child(2n) {
		margin-right: 0
	}

	.pro_list_itemx .ibd .item .cont {
		padding: 20px 15px 25px
	}
}



.prodis {
	background: #f5f5f5;
	padding: 50px 0
}

.prodis01 .ihd {
	font-size: 36px;
	color: #03A9F4;
	font-weight: bold
}

.prodis01 .ibd .cont {
	display: flex;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 50px 30px;
	border-radius: 10px;
	background: #fff
}

.prodis01 .ibd .lt {
	width: 795px;
}

.prodis01 .ibd .lt .title {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	padding: 10px 0 25px;
	border-bottom: 1px solid #e5e5e5
}

.prodis01 .ibd .lt .intro {
	margin-top: 20px;
	font-size: 14px;
	color: #333;
	line-height: 25px
}

.prodis01 .ibd .lt .intro p {
	background: url(../image/g_33.png) 0 10px no-repeat;
	padding-left: 20px;
	margin-bottom: 10px
}

.prodis01 .ibd .lt .xh {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	padding: 30px 0 0
}

.prodis01 .ibd .lt .listm li {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
	margin-right: 2%;
	margin-top: 2%;
	height: 36px;
	box-sizing: border-box;
	border: 1px solid #b2b2b2;
	border-radius: 10px;
	font-size: 14px;
	color: #666666;
	cursor: pointer
}

.prodis01 .ibd .lt .listm li:nth-child(6n) {
	margin-right: 0
}

.prodis01 .ibd .lt .listm li.on,
.prodis01 .ibd .lt .listm li:hover {
	border: 1px solid #03A9F4;
	color: #03A9F4;
	font-weight: bold
}

.prodis01 .ibd .lt .alx {
	margin-top: 40px;
	font-size: 18px;
	color: #333333
}

.prodis01 .ibd .lt .alx a {
	color: #03A9F4;
	font-size: 32px;
	font-weight: bold
}

.prodis01 .ibd .rt {
	width: 600px;
	position: relative;
	margin-left: 20px
}

.prodis01 .ibd .rt .next_m1 {
	width: 20px;
	height: 100%;
	position: absolute;
	right: -20px;
	top: 0;
	z-index: 2;
	cursor: pointer;
	background: url(../image/g_20.png) center center no-repeat;
	background-size: 100%;
	transform: rotate(0)
}

.prodis01 .ibd .rt .prev_m1 {
	width: 20px;
	height: 100%;
	position: absolute;
	left: -20px;
	top: 0;
	z-index: 2;
	cursor: pointer;
	background: url(../image/g_20.png) center center no-repeat;
	background-size: 100%;
	transform: rotate(180deg)
}

.prodis01 .ibd .rt .swiper01x {
	width: 100%;
	overflow: hidden;
	text-align: center
}

.prodis01 .ibd .rt img {
	width: 100%;
}

.prodis01 .ibd .rt .pagination1 {
	width: 100%;
	text-align: center;
	margin-top: 60px
}

.prodis01 .ibd .rt .pagination1 span {
	width: 8px;
	height: 8px;
	background: #bfbfbf;
	border-radius: 50%;
	opacity: 1
}

.prodis01 .ibd .rt .pagination1 span.swiper-pagination-bullet-active {
	background: #03A9F4
}

/* .prodis01 .ibd .prev1{ background:url(https://www.anysorting.com/images/ax10.png) center center no-repeat; background-size:cover; width:45px; height:45px; cursor:pointer; position:absolute; left:-100px; top:40%; z-index:9}
.prodis01 .ibd .next1{ background:url(https://www.anysorting.com/images/ax10.png) center center no-repeat; background-size:cover; width:45px; height:45px; cursor:pointer;  transform:rotate(180deg);  position:absolute; right:-100px; top:40%; z-index:9}
.prodis01 .ibd .prev1:hover{ background:url(https://www.anysorting.com/images/ax11.png) center center no-repeat; background-size:cover; transform:rotate(180deg);}
.prodis01 .ibd .next1:hover{ background:url(https://www.anysorting.com/images/ax11.png) center center no-repeat; background-size:cover; transform:rotate(0);} */
@media all and (max-width:1600px) {
	.prodis01 .ihd {
		font-size: 28px;
	}

	.prodis01 .ibd .cont {
		padding: 40px 25px;
	}

	.prodis01 .ibd .lt {
		width: 620px;
	}

	.prodis01 .ibd .lt .title {
		font-size: 16px;
		padding: 8px 0 16px;
	}

	.prodis01 .ibd .lt .intro {
		margin-top: 16px;
		font-size: 12px;
		line-height: 22px
	}

	.prodis01 .ibd .lt .intro p {
		background: url(../image/g_33.png) 0 8px no-repeat;
		margin-bottom: 8px
	}

	.prodis01 .ibd .lt .xh {
		font-size: 16px;
		padding: 20px 0 0
	}

	.prodis01 .ibd .lt .listm li {
		height: 32px;
		font-size: 13px;
	}

	.prodis01 .ibd .lt .listm li.on,
	.prodis01 .ibd .lt .listm li:hover {
		border: 1px solid #03A9F4;
		color: #03A9F4;
		font-weight: bold
	}

	.prodis01 .ibd .lt .alx {
		margin-top: 30px;
		font-size: 16px;
	}

	.prodis01 .ibd .lt .alx a {
		font-size: 26px
	}

	.prodis01 .ibd .rt {
		width: 470px;
		margin-left: 16px
	}

	.prodis01 .ibd .rt .next_m1 {
		width: 16px;
		right: -16px;
		margin: 0;
		padding: 0
	}

	.prodis01 .ibd .rt .prev_m1 {
		width: 16px;
		left: -16px;
		margin: 0;
		padding: 0
	}


}

@media all and (max-width:1200px) {
	.prodis {
		padding: 40px 0
	}

	.prodis01 .ibd .cont {
		padding: 25px 20px 30px;
		display: block
	}

	.prodis01 .ihd {
		font-size: 22px;
	}

	.prodis01 .ibd .swiper01 .swiper-slide {
		position: relative;
		padding-bottom: 30px
	}

	.prodis01 .ibd .lt {
		width: 100%
	}

	.prodis01 .ibd .lt .title {
		font-size: 14px;
	}

	.prodis01 .ibd .lt .listm li {
		width: 32%;
		font-size: 12px;
		height: 30px;
		border-radius: 5px
	}

	.prodis01 .ibd .lt .listm li:nth-child(6n) {
		margin-right: 2%
	}

	.prodis01 .ibd .lt .listm li:nth-child(3n) {
		margin-right: 0
	}

	.prodis01 .ibd .lt .alx {
		margin-top: 20px;
		font-size: 14px;
	}

	.prodis01 .ibd .lt .alx a {
		font-size: 24px
	}

	.prodis01 .ibd .rt {
		width: 100%;
		margin: 0;
		position: relative;
		margin-top: 20px
	}

	.prodis01 .ibd .rt img {
		width: 90%;
		height: auto
	}

	.prodis01 .ibd .rt .next_m1 {
		width: 12px;
		right: 0;
	}

	.prodis01 .ibd .rt .prev_m1 {
		width: 12px;
		left: 0;
	}

}

.prodis02 {
	margin-top: 40px
}

.prodis02 .nr {
	background: #fff;
	box-sizing: border-box;
	padding: 40px 30px;
	border-radius: 12px
}

.prodis02 .ihd {
	display: flex;
	border-bottom: 1px solid #e7e7e7
}

.prodis02 .ihd .item {
	margin-right: 8%
}

.prodis02 .ihd .item a {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #333333;
	position: relative
}

.prodis02 .ihd .item.on a:after,
.prodis02 .ihd .item:hover a:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #03A9F4;
	position: absolute;
	left: 0;
	bottom: -2px;
	z-index: 2;
}

.prodis02 .ihd .item.on a {
	font-size: 28px
}

.prodis02 .ibd .aitem {
	font-size: 16px;
	color: #333333;
	text-align: justify;
	line-height: 2;
	margin-top: 40px
}

.prodis02 .ibd .bitem {
	margin-top: 40px
}

.prodis02 .ibd .t {
	font-size: 28px;
	color: #333;
	padding-left: 14px;
}

.prodis02 .ibd .t::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: #03A9F4;
}

.prodis02 .ibd .blist .item {
	width: 15.5%;
	float: left;
	margin-right: 1.4%;
	margin-top: 1.4%
}

.prodis02 .ibd .blist .item:nth-child(6n) {
	margin-right: 0
}

.prodis02 .ibd .blist .item .pic {
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
}

.prodis02 .ibd .blist .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.prodis02 .ibd .blist .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.prodis02 .ibd .blist .item .title {
	text-align: center;
	font-size: 18px;
	color: #333333;
	padding: 12px 0
}

.prodis02 .ibd .blist .item:hover .title {
	color: #03A9F4;
	font-weight: bold
}

.prodis02 .ibd .citem {
	margin-top: 40px
}

.prodis02 .ibd .clist {
	display: flex;
	flex-wrap: wrap;
}

.prodis02 .ibd .clist .item {
	width: 31%;
	margin-right: 3.5%;
	margin-top: 2%;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
	border-radius: 12px;
	overflow: hidden;
}

.prodis02 .ibd .clist .item:nth-child(3n) {
	margin-right: 0
}

.prodis02 .ibd .clist .item .pic {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 1rem;
}

.prodis02 .ibd .clist .item .pic img {
	width: 40%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.prodis02 .ibd .clist .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.prodis02 .ibd .clist .item .cont {
	padding: 30px
}

.prodis02 .ibd .clist .item .cont .title {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

.prodis02 .ibd .clist .item .cont .intro {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	margin-top: 10px;
	text-align: center;
}

.prodis02 .ibd .ditem {
	margin-top: 40px
}

.prodis02 .ibd .ditem .dlist {
	width: 100%;
	margin-top: 40px;
	box-sizing: border-box;
	border-left: 1px solid #eaeaea
}

.prodis02 .ibd .ditem .dlist .th {
	display: flex;
	align-items: center;
	color: #fff
}

.prodis02 .ibd .ditem .dlist .th .a {
	width: 10%;
	box-sizing: border-box;
	border-right: 1px solid #eaeaea;
	text-align: center;
	height: 46px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-size: 16px;
	background: #03A9F4;
}

.prodis02 .ibd .ditem .dlist .th .a:nth-child(4) {
	width: 23%
}

.prodis02 .ibd .ditem .dlist .th .a:nth-child(2) {
	width: 17%
}

.prodis02 .ibd .ditem .dlist .th .a:nth-child(1),
.prodis02 .ibd .ditem .dlist .th .a:nth-child(5) {
	width: 9%
}

.prodis02 .ibd .ditem .dlist .th .a:nth-child(6) {
	width: 12%
}

.prodis02 .ibd .ditem .dlist .tr {
	background: #fff;
	display: flex;
	align-items: center;
	color: #333;
	border-bottom: 1px solid #eaeaea
}

.prodis02 .ibd .ditem .dlist .tr .a {
	width: 10%;
	box-sizing: border-box;
	border-right: 1px solid #eaeaea;
	text-align: center;
	height: 46px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-size: 16px
}

.prodis02 .ibd .ditem .dlist .tr .a:nth-child(4) {
	width: 23%
}

.prodis02 .ibd .ditem .dlist .tr .a:nth-child(2) {
	width: 17%
}

.prodis02 .ibd .ditem .dlist .tr .a:nth-child(1),
.prodis02 .ibd .ditem .dlist .tr .a:nth-child(5) {
	width: 9%
}

.prodis02 .ibd .ditem .dlist .tr .a:nth-child(6) {
	width: 12%
}

@media all and (max-width:1600px) {
	.prodis02 .nr {
		padding: 30px 25px;
	}

	.prodis02 .ihd .item a {
		height: 55px;
		line-height: 55px;
		font-size: 18px;
	}

	.prodis02 .ihd .item.on a {
		font-size: 24px
	}

	.prodis02 .ibd .aitem {
		font-size: 14px;
		margin-top: 35px
	}

	.prodis02 .ibd .bitem {
		margin-top: 35px
	}

	.prodis02 .ibd .t {
		font-size: 24px;
	}

	.prodis02 .ibd .blist .item .title {
		font-size: 16px;
	}

	.prodis02 .ibd .citem {
		margin-top: 35px
	}

	.prodis02 .ibd .clist .item {
		width: 32%;
		margin-right: 2%;
		border-radius: 10px
	}

	.prodis02 .ibd .clist .item:nth-child(3n) {
		margin-right: 0
	}

	.prodis02 .ibd .clist .item .cont {
		padding: 25px 20px
	}

	.prodis02 .ibd .clist .item .cont .title {
		font-size: 18px;
	}

	.prodis02 .ibd .clist .item .cont .intro {
		font-size: 14px;
		line-height: 25px;
	}

	.prodis02 .ibd .ditem {
		margin-top: 35px
	}

	.prodis02 .ibd .ditem .dlist {
		margin-top: 35px;
	}

	.prodis02 .ibd .ditem .dlist .th .a {
		font-size: 14px
	}

	.prodis02 .ibd .ditem .dlist .tr .a {
		font-size: 14px
	}
}

@media all and (max-width:1200px) {
	.prodis02 .nr {
		padding: 25px 20px;
	}

	.prodis02 .ihd .item a {
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}

	.prodis02 .ihd .item.on a {
		font-size: 20px
	}

	.prodis02 .ibd .aitem {
		margin-top: 20px
	}

	.prodis02 .ibd .bitem {
		margin-top: 25px
	}

	.prodis02 .ibd .bitem .item {
		width: 23.5%;
		margin-right: 2%
	}

	.prodis02 .ibd .bitem .item:nth-child(6n) {
		margin-right: 2%
	}

	.prodis02 .ibd .bitem .item:nth-child(4n) {
		margin-right: 0
	}

	.prodis02 .ibd .t {
		font-size: 20px;
		background-size: 3px 20px;
	}

	.prodis02 .ibd .blist .item .title {
		font-size: 16px;
	}

	.prodis02 .ibd .citem {
		margin-top: 25px
	}

	.prodis02 .ibd .clist .item {
		width: 48.5%;
		margin-right: 3%;
		border-radius: 10px;
		margin-top: 3%
	}

	.prodis02 .ibd .clist .item:nth-child(3n) {
		margin-right: 3%
	}

	.prodis02 .ibd .clist .item:nth-child(2n) {
		margin-right: 0
	}

	.prodis02 .ibd .clist .item .cont {
		padding: 25px 20px
	}

	.prodis02 .ibd .clist .item .cont .title {
		font-size: 16px;
	}

	.prodis02 .ibd .clist .item .cont .intro {
		font-size: 12px;
		line-height: 20px;
	}

	.prodis02 .ibd .ditem {
		margin-top: 25px
	}

	.prodis02 .ibd .ditem .dlist {
		margin-top: 20px;
	}

	.prodis02 .ibd .ditem .dlist .th .a {
		font-size: 12px
	}

	.prodis02 .ibd .ditem .dlist .tr .a {
		font-size: 12px
	}
}

@media all and (max-width:750px) {
	.prodis02 .nr {
		padding: 25px 20px;
	}

	.prodis02 .ihd .item {
		margin-right: 4%;
	}

	.prodis02 .ihd .item:last-child {
		margin-right: 0
	}

	.prodis02 .ihd .item a {
		height: 40px;
		line-height: 1.2;
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.prodis02 .ihd .item.on a {
		font-size: 14px
	}

	.prodis02 .ibd .bitem .item {
		width: 32%;
		margin-right: 2%;
		margin-top: 2%
	}

	.prodis02 .ibd .bitem .item:nth-child(6n) {
		margin-right: 2%
	}

	.prodis02 .ibd .bitem .item:nth-child(4n) {
		margin-right: 2%
	}

	.prodis02 .ibd .bitem .item:nth-child(3n) {
		margin-right: 0
	}

	.prodis02 .ibd .blist .item .title {
		font-size: 14px
	}

	.prodis02 .ibd .t {
		margin-bottom: 8px
	}

	.prodis02 .ibd .citem {
		margin-top: 25px
	}

	.prodis02 .ibd .clist .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px
	}

	.prodis02 .ibd .clist .item:last-child {
		margin-bottom: 0
	}

	.prodis02 .ibd .clist .item .cont {
		padding: 20px 16px
	}

	.prodis02 .ibd .clist .item .cont .intro {
		height: auto
	}

	.prodis02 .ibd .ditem {
		margin-top: 25px
	}

	.prodis02 .ibd .ditem .wk {
		width: 100%;
		overflow: auto;
		margin-top: 15px
	}


	/* 添加表格样式 */
	.dlist {
		width: 100%;
		min-width: 800px;
		table-layout: fixed;
	}

	.dlist th,
	.dlist td {
		padding: 12px;
		text-align: center;
		word-wrap: break-word;
	}

	.dlist th {
		background-color: #f5f5f5;
		font-weight: bold;
	}

	.dlist tr:nth-child(even) {
		background-color: #f9f9f9;
	}

	.dlist tr:hover {
		background-color: #f1f1f1;
	}

	/* 响应式设计 */
	@media (max-width: 1200px) {
		.dlist {
			min-width: auto;
			width: 100%;
			display: block;
			overflow-x: auto;
		}
	}
}

.about01 {
	background: #fff;
	padding: 100px 0 0
}

.about01 .nr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.about01 .cont {
	width: 43%;
}

.about01 .cont .title {
	font-size: 42px;
	color: #333333;
	line-height: 1
}

.about01 .cont .intro {
	font-size: 16px;
	color: #666666;
	text-align: justify;
	line-height: 2;
	margin-top: 30px
}

.about01 .pic {
	width: 800px;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	cursor: pointer
}

.about01 .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.about01 .pic:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.about01 .pic .play {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.4)
}

.about01 .pic .play span {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer
}

.about01 .pic .play span:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/g_06x.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	animation: rotate360 4s linear infinite;
}

.about01 .pic .play span i {
	display: block;
	width: 70px;
	height: 70px;
	background: url(../image/g_05x.png) center center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	background-size: cover
}

@keyframes rotate360 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media all and (max-width:1600px) {
	.about01 {
		padding: 80px 0 0
	}

	.about01 .cont .title {
		font-size: 32px;
	}

	.about01 .cont .intro {
		font-size: 14px;
		margin-top: 30px
	}

	.about01 .pic {
		width: 50%;
		border-radius: 12px;
	}
}

@media all and (max-width:1200px) {
	.about01 {
		padding: 60px 0 0
	}

	.about01 .cont .title {
		font-size: 24px;
	}

	.about01 .cont .intro {
		font-size: 12px;
		margin-top: 15px
	}

	.about01 .pic {
		width: 55%;
		border-radius: 10px;
	}
}

@media all and (max-width:1200px) {
	.about01 {
		padding: 40px 0 0
	}

	.about01 .nr {
		display: block
	}

	.about01 .cont {
		width: 100%
	}

	.about01 .cont .title {
		font-size: 20px;
		margin-top: 20px
	}

	.about01 .cont .intro {
		font-size: 12px;
		margin-top: 10px
	}

	.about01 .pic {
		width: 100%;
		border-radius: 10px;
	}

	.about01 .pic .play span {
		width: 80px;
		height: 80px
	}

	.about01 .pic .play span i {
		width: 50px;
		height: 50px;
	}
}

.about02 {
	background: #fff;
	padding: 100px 0 0
}

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

.about02 .item {
	position: relative;
	width: 500px;
	border-radius: 12px;
	overflow: hidden
}

.about02 .item .pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.about02 .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.about02 .item .pic:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.about02 .item .pic:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/g_37.png) bottom center no-repeat;
	background-size: cover;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0
}

.about02 .item .bq {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 44px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	border-radius: 0 0 12px;
	color: #fff;
	font-size: 14px
}

.about02 .item .title {
	font-size: 24px;
	color: #fff;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 5%;
	z-index: 3;
	left: 0;
	bottom: 0
}

@media all and (max-width:1600px) {
	.about02 {
		padding: 80px 0 0
	}

	.about02 .item {
		width: 32.4%;
	}

	.about02 .item .bq {
		width: 110px;
		height: 40px;
		font-size: 12px
	}

	.about02 .item .title {
		font-size: 20px;
	}
}

@media all and (max-width:1200px) {
	.about02 {
		padding: 60px 0 0
	}

	.about02 .item .bq {
		width: 100px;
		height: 36px;
	}

	.about02 .item .title {
		font-size: 16px;
	}
}

@media all and (max-width:750px) {
	.about02 {
		padding: 20px 0 0
	}

	.about02 .nr {
		display: block
	}

	.about02 .item {
		width: 100%;
		margin-top: 20px
	}

	.about02 .item .bq {
		width: 100px;
		height: 36px;
	}

	.about02 .item .title {
		font-size: 16px;
	}
}

.ab03 {
	background: url('../picture/about/about-bg-lucheng.webp') center center no-repeat;
	background-size: cover;
	padding: 115px 0 150px;
	margin-top: 100px
}

.ab03 .ihd {
	text-align: center;
	color: #fff;
	font-size: 42px;
	color: #ffffff
}

.ab03 .ibd .swiper3 {
	width: 1280px;
	margin: 0 auto
}

.ab03 .ibd .swiper3 .swiper-slide {
	width: 320px;
	color: #fff;
	height: 480px;
	margin-right: 160px;
	display: flex;
	align-items: center;
	opacity: 0.7
}

.ab03 .ibd .swiper3 .swiper-slide.swiper-slide-active {
	opacity: 1
}

.ab03 .ibd .swiper3 .swiper-slide .time {
	width: 100%;
	font-size: 40px
}

.ab03 .ibd .swiper3 .swiper-slide .intro {
	width: 100%;
	font-size: 16px;
	opacity: 0.8;
	line-height: 2;
	margin-top: 30px
}

.ab03 .ibd .swiper3 .swiper-slide .intro p {
	background: url(../image/g_38.png) 0 15px no-repeat;
	padding-left: 20px
}

.ab03 .ibd .swiper3 .pagination3 {
	font-size: 0;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-around;
	width: 300px;
}

.ab03 .ibd .swiper3 .pagination3 span {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	position: relative;
	width: 50px;
	height: 1px;
	background: rgba(255, 255, 255, 0.1);
	opacity: 1;
	border-radius: 0
}

.ab03 .ibd .swiper3 .pagination3 span.swiper-pagination-bullet-active {
	height: 2px;
	background: #fff;
	top: -1px
}

@media all and (max-width:1600px) {
	.ab03 {
		padding: 80px 0 100px;
		margin-top: 80px
	}

	.ab03 .ihd {
		font-size: 32px
	}

	.ab03 .ibd .swiper3 {
		width: 1100px
	}

	.ab03 .ibd .swiper3 .swiper-slide {
		width: 300px;
		margin-right: 100px;
		height: 420px
	}

	.ab03 .ibd .swiper3 .swiper-slide .time {
		font-size: 32px
	}

	.ab03 .ibd .swiper3 .swiper-slide .intro {
		font-size: 14px
	}

	.ab03 .ibd .swiper3 .swiper-slide .intro p {
		background: url(../image/g_38.png) 0 12px no-repeat;
	}
}

@media all and (max-width:1200px) {
	.ab03 {
		padding: 40px 0 60px;
		margin-top: 60px
	}

	.ab03 .ihd {
		font-size: 24px
	}

	.ab03 .ibd .swiper3 {
		width: 92%
	}

	.ab03 .ibd .swiper3 .swiper-slide {
		width: 300px;
		margin-right: 100px;
		height: auto;
		padding: 20px 0 40px
	}

	.ab03 .ibd .swiper3 .swiper-slide .time {
		font-size: 24px;
		line-height: 1
	}

	.ab03 .ibd .swiper3 .swiper-slide .intro {
		font-size: 12px
	}

	.ab03 .ibd .swiper3 .swiper-slide .intro p {
		background: url(../image/g_38.png) 0 10px no-repeat;
		padding-left: 16px
	}

}

@media all and (max-width:750px) {
	.ab03 {
		margin-top: 40px
	}

	.ab03 .ihd {
		font-size: 20px
	}

	.ab03 .ibd .swiper3 .swiper-slide {
		width: 45%;
		margin-right: 10%
	}

	.ab03 .ibd .swiper3 .swiper-slide .time {
		font-size: 20px;
	}

	.ab03 .ibd .swiper3 .pagination3 span {
		width: 30px
	}
}

.ab04 {
	padding: 100px 0
}

.ab04 .ibd {
	margin-top: 50px
}

.ab04 .ibd .swiper4 {
	width: 100%;
	overflow: hidden
}

.ab04 .ibd .swiper4 .swiper-slide {
	width: 32.6%;
	margin-right: 1.1%;
	overflow: hidden;
	border-radius: 12px;
	background: #f7f7f7
}

.ab04 .ibd .swiper4 .swiper-slide:last-child {
	margin-right: 0
}

.ab04 .ibd .swiper4 .swiper-slide .pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.ab04 .ibd .swiper4 .swiper-slide .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.ab04 .ibd .swiper4 .swiper-slide:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.ab04 .ibd .swiper4 .swiper-slide .title {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 25px;
	font-size: 20px;
	color: #333333;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	line-height: 1.4;
	transition: all 0.3s
}

.ab04 .ibd .swiper4 .swiper-slide:hover .title {
	background: #03A9F4;
	color: #fff
}

@media all and (max-width:1600px) {
	.ab04 {
		padding: 80px 0
	}

	.ab04 .ibd {
		margin-top: 40px
	}

	.ab04 .ibd .swiper4 .swiper-slide .title {
		height: 80px;
		font-size: 18px;
	}
}

@media all and (max-width:1200px) {
	.ab04 {
		padding: 60px 0
	}

	.ab04 .ibd {
		margin-top: 30px
	}

	.ab04 .ibd .swiper4 .swiper-slide {
		width: 48.5%;
		margin-right: 3%
	}

	.ab04 .ibd .swiper4 .swiper-slide .title {
		height: 70px;
		font-size: 16px;
		padding: 0 20px;
	}
}

@media all and (max-width:750px) {
	.ab04 {
		padding: 40px 0
	}

	.ab04 .ibd {
		margin-top: 20px
	}

	.ab04 .ibd .swiper4 .swiper-slide {
		width: 60%;
		margin-right: 3%
	}

	.ab04 .ibd .swiper4 .swiper-slide .title {
		height: 60px;
		font-size: 14px;
	}
}



.second_nav ul {
	border-bottom: 1px solid #e5e5e5
}

.second_nav ul li {
	float: left;
	margin-right: 140px;
	position: relative
}

.second_nav ul li>a {
	display: block;
	line-height: 85px;
	font-size: 18px;
	color: #333333;
	position: relative
}

.second_nav ul li.on>a,
.second_nav ul li:hover>a {
	color: #03A9F4;
	font-weight: bold
}

.second_nav ul li.on>a:after,
.second_nav ul li:hover>a:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #03A9F4;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}

.second_nav ul li dl {
	width: 150px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -75px;
	display: none;
	padding-top: 35px
}

.second_nav ul li dd a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	background: #023e6d;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.second_nav ul li dd a:hover {
	background: #fff;
	color: #023e6d
}

.second_nav ul li:hover dl {
	display: block
}

@media all and (max-width:1600px) {
	.second_nav ul li {
		margin-right: 100px;
	}

	.second_nav ul li>a {
		line-height: 70px;
		font-size: 16px;
	}
}

@media all and (max-width:1200px) {
	.second_nav .nr {
		width: 100%;
		background: #03A9F4;
	}

	.second_nav ul li {
		width: 50%;
		box-sizing: border-box;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		border-right: 1px solid rgba(255, 255, 255, 0.2);
		margin: 0;
		text-align: center
	}

	.second_nav ul li:nth-child(2n) {
		border-right: 0
	}

	.second_nav ul li>a {
		color: #fff;
		background: none;
		font-size: 16px;
		line-height: 42px
	}

	.second_nav ul li.on>a,
	.second_nav ul li:hover>a {
		background: #fff;
		color: #023e6d;
	}

	.second_nav ul li dl {
		width: 100%;
		left: 0;
		margin-left: 0;
		z-index: 99;
		padding: 0
	}

	.second_nav ul li.on>a:after,
	.second_nav ul li:hover>a:after {
		width: 0
	}
}


.lxwm01 {
	margin-top: 60px
}

.lxwm01 .item {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ececec;
	border-radius: 15px;
	padding: 40px
}

.lxwm01 .item:hover {
	border: 1px solid #03A9F4;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.lxwm01 .item:nth-child(3n) {
	margin-right: 0
}

.lxwm01 .item .title {
	font-size: 24px;
	color: #03A9F4;
	line-height: 1;
	padding-bottom: 15px;
	position: relative
}

.lxwm01 .item .title:after {
	content: "";
	display: block;
	width: 22px;
	height: 2px;
	background: #03A9F4;
	position: absolute;
	left: 0;
	bottom: 0
}

.lxwm01 .item .intro {
	font-size: 16px;
	color: #333333;
	line-height: 40px;
	margin-top: 20px
}

.lxwm01 .item .intro p:nth-child(1) a {
	color: #333333;
	font-size: 28px;
	font-family: Arial;
	font-weight: bold
}

@media all and (max-width:1600px) {
	.lxwm01 .item {
		padding: 30px
	}

	.lxwm01 .item .title {
		font-size: 20px;
	}

	.lxwm01 .item .intro {
		font-size: 14px;
		line-height: 35px;
	}

	.lxwm01 .item .intro p:nth-child(1) a {
		font-size: 22px;
	}
}

@media all and (max-width:1200px) {
	.lxwm01 .item {
		width: 49%
	}

	.lxwm01 .item:nth-child(3n) {
		margin-right: 2%
	}

	.lxwm01 .item:nth-child(2n) {
		margin-right: 0
	}

	.lxwm01 .item .intro p:nth-child(1) a {
		font-size: 20px;
	}
}

@media all and (max-width:750px) {
	.lxwm01 {
		margin-top: 40px
	}

	.lxwm01 .item {
		width: 100%;
		margin-right: 0;
		padding: 30px 20px;
		border-radius: 10px;
		margin-bottom: 15px
	}

	.lxwm01 .item .title {
		font-size: 18px;
	}

}

.lxwm02 {
	width: 100%;
	margin-top: 80px
}

.lxwm02 .ibd {
	width: 1238px;
	margin: 0 auto;
	max-width: 100%;
	margin-top: 80px;
	position: relative
}

.lxwm02 .ibd .map {
	position: relative;
	width: 100%
}

.lxwm02 .ibd .map img {
	width: 100%
}

.lxwm02 .ibd .item {
	position: absolute;
	z-index: 0;
	cursor: pointer
}

.lxwm02 .ibd .item1 .title {
	background: url(../image/g_42.png) left center no-repeat;
	padding-left: 35px;
	font-size: 14px;
	color: #333333;
	line-height: 31px
}

.lxwm02 .ibd .item .cont {
	width: 300px;
	position: absolute;
	left: 0%;
	bottom: 120%;
	background: #fff;
	border-radius: 15px;
	box-sizing: border-box;
	padding: 20px 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	display: none
}

.lxwm02 .ibd .item .cont .t {
	font-size: 18px;
	color: #333;
	font-weight: bold
}

.lxwm02 .ibd .item .cont .intro {
	font-size: 14px;
	color: #333;
	line-height: 2;
	margin-top: 10px
}

.lxwm02 .ibd .item:hover .cont {
	display: block
}

.lxwm02 .ibd .item2 .title {
	width: 96px;
	height: 34px;
	background: linear-gradient(90deg, #086ab6 0%, #27b4f5 100%);
	background-size: 100% 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	position: relative
		/* border:6px solid rgba(102,59,147,0.15)*/
}

.lxwm02 .ibd .item2 .title::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(39, 180, 245, 0.5);
	border-radius: 100%;
	opacity: 1;
	animation: bianda 2s linear infinite;
	z-index: -1;
	animation-play-state: running;
	border-radius: 20px
}


@media all and (max-width:1600px) {
	.lxwm02 {
		margin-top: 60px
	}

	.lxwm02 .ibd {
		margin-top: 60px;
	}
}

@media all and (max-width:1200px) {
	.lxwm02 {
		margin-top: 40px
	}

	.lxwm02 .ibd {
		margin-top: 40px;
	}

	.lxwm02 .ibd .item1 .title {
		background-size: auto 20px;
		padding-left: 30px;
		font-size: 12px;
		line-height: 20px
	}

	.lxwm02 .ibd .item .cont {
		width: 200px;
		border-radius: 10px;
		padding: 15px 12px;
	}

	.lxwm02 .ibd .item .cont .t {
		font-size: 14px;
	}

	.lxwm02 .ibd .item .cont .intro {
		font-size: 12px;
		margin-top: 6px
	}

	.lxwm02 .ibd .item2 .title {
		width: 80px;
		height: 28px;
		font-size: 12px;
		border: 5px solid rgba(102, 59, 147, 0.15)
	}
}

@media all and (max-width:750px) {
	.lxwm02 .ibd .item1 .title {
		background-size: auto 12px;
		padding-left: 16px;
		font-size: 10px;
		line-height: 16px
	}

	.lxwm02 .ibd .item .cont {
		width: 150px;
		border-radius: 10px;
		padding: 10px;
	}

	.lxwm02 .ibd .item .cont .t {
		font-size: 12px;
	}

	.lxwm02 .ibd .item .cont .intro {
		font-size: 10px;
		margin-top: 6px
	}

	.lxwm02 .ibd .item2 .title {
		width: 60px;
		height: 24px;
		border-radius: 12px;
		font-size: 10px;
		border: 5px solid rgba(102, 59, 147, 0.15)
	}

	.lxwm02 .ibd .item3 .cont {
		left: auto;
		bottom: 120%;
		right: 0
	}
}

.lxwm03 {
	padding: 100px 0
}

.lxwm03 .ibd {
	margin-top: 50px
}

.lxwm03 .ibd form {
	position: relative;
	font-size: 0;
}

.lxwm03 .ibd .clearfix {
	margin-bottom: 30px;
}

.lxwm03 .ibd .text {
	float: left;
	width: 18.4%;
	font-size: 16px;
	color: #666;
	padding-left: 20px;
	background: #f9f9f9;
	height: 50px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	border-radius: 10px;
	margin-right: 2%
}

.lxwm03 .ibd .sel01 {
	float: left;
	width: 18.4%;
	font-size: 16px;
	color: #888;
	padding-left: 20px;
	background: #f9f9f9;
	height: 50px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	border-radius: 10px;
	appearance: none;
	-webkit-appearance: none;
	background: url(../image/g_43.png) 96% center no-repeat #f9f9f9;
}

.lxwm03 .ibd img {
	width: 130px;
	height: 50px;
}

.lxwm03 .ibd .textarea {
	width: 100%;
	height: 190px;
	font-size: 16px;
	color: #888;
	padding: 15px 20px;
	margin-bottom: 30px;
	background: #f9f9f9;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	border-radius: 10px
}

.lxwm03 .ibd .btn01 {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	font-size: 16px;
	width: 150px;
	height: 50px;
	text-align: center;
	color: #fff;
	background: linear-gradient(90deg, #086ab6 0%, #27b4f5 100%);
	background-size: cover;
	cursor: pointer;
	z-index: 5;
	border-radius: 12px;
	overflow: hidden
}

.lxwm03 .ibd ::-webkit-input-placeholder {
	color: #666666;
	opacity: 1;
}

.lxwm03 .ibd :-moz-placeholder {
	color: #666666;
	opacity: 1;
}

.lxwm03 .ibd :-ms-input-placeholder {
	color: #666666;
	opacity: 1;
}

.lxwm03 .ibd .placeholder {
	color: #666666;
	opacity: 1;
}

@media all and (max-width:1600px) {
	.lxwm03 {
		padding: 80px 0
	}

	.lxwm03 .ibd {
		margin-top: 40px
	}
}

@media all and (max-width:1200px) {
	.lxwm03 {
		padding: 60px 0
	}

	.lxwm03 .ibd {
		margin-top: 30px
	}
}

@media all and (max-width:750px) {
	.lxwm03 {
		padding: 60px 0
	}

	.lxwm03 .ibd {
		margin-top: 30px
	}

	.lxwm03 .ibd .clearfix {
		margin-bottom: 0;
	}

	.lxwm03 .ibd .text {
		float: none;
		width: 100%;
		font-size: 14px;
		padding-left: 10px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	.lxwm03 .ibd .text.t01 {
		margin-right: 0;
	}

	.lxwm03 .ibd .text.t03 {
		width: 100px;
		margin-bottom: 0;
	}

	.lxwm03 .ibd .sel01 {
		float: none;
		width: 100%;
		font-size: 14px;
		padding-left: 10px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 0;
		background-size: 10px
	}


	.lxwm03 .ibd img {
		width: 100px;
		height: 40px;
	}

	.lxwm03 .ibd .textarea {
		width: 100%;
		height: 135px;
		font-size: 14px;
		padding: 10px;
		margin: 10px 0;
	}

	.lxwm03 .ibd .btn01 {
		position: relative;
		right: 0;
		bottom: 0;
		display: block;
		font-size: 14px;
		width: 100%;
		height: 40px;
		line-height: 40px;
		margin-top: 15px;
	}
}











.ajob {
	margin-top: 100px;
}

.ajob .ihd {
	text-align: center;
	margin-bottom: 50px
}

.h-e {
	box-sizing: border-box;
	border-radius: 12px 12px 0 0;
	overflow: hidden
}

.h-e ol li {
	float: left;
	width: 33.333%;
	text-align: center;
	height: 54px;
	line-height: 54px;
	background: #673b94;
	font-size: 16px;
	color: #fff;
}

.h-e ul li {
	float: left;
	width: 33.333%;
	text-align: center;
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #fff;
}

.h-e ul li:nth-child(3),
.h-e ol li:nth-child(3) {
	text-align: left;
}

.h-e ul li:nth-child(3) span,
.h-e ol li:nth-child(3) span {
	text-align: center;
	width: 50%;
	display: inline-block;
}

.h-e h2 {
	text-align: center;
	font-size: 20px;
	padding: 15px;
	color: #000;
	font-weight: normal;
	margin-bottom: 15px;
}

.h-e ul {
	position: relative;
	background: #f6f6f6;
	border-bottom: 1px solid #ddd;
}

.h-e ul.on {
	background: rgba(103, 59, 148, 0.7);
}

/* 人才招聘 */



/* 人才招聘 */



.hotNews {
	margin-top: 60px
}

.hotNews .swiper_hotNews {
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
	background: #f5f5f5;
	position: relative
}

.hotNews .swiper_hotNews .item {
	width: 100%;
	overflow: hidden
}

.hotNews .swiper_hotNews .item a {
	display: flex
}

.hotNews .swiper_hotNews .item .pic {
	width: 790px;
	overflow: hidden;
	position: relative
}

.hotNews .swiper_hotNews .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.hotNews .swiper_hotNews .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.hotNews .swiper_hotNews .item .cont {
	width: calc(100% - 790px);
	box-sizing: border-box;
	padding: 70px 50px;
}

.hotNews .swiper_hotNews .item .cont .time {
	margin-top: 20px;
	background: url(../image/g_16.png) left center no-repeat;
	padding-left: 20px;
	font-size: 14px;
	color: #999999
}

.hotNews .swiper_hotNews .item .cont .title {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	line-height: 40px;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
}

.hotNews .swiper_hotNews .item .cont .intro {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	margin-top: 16px
}

.hotNews .swiper_hotNews .item:hover .cont .title {
	color: #03A9F4
}

.hotNews .swiper_hotNews .prev_hotNews {
	background: url(../image/g_49.png) center center no-repeat;
	width: 48px;
	height: 48px;
	background-size: cover;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-radius: 50%;
	position: absolute;
	left: 840px;
	bottom: 80px;
	z-index: 9;
	cursor: pointer
}

.hotNews .swiper_hotNews .next_hotNews {
	background: url(../image/g_49.png) center center no-repeat;
	width: 48px;
	height: 48px;
	background-size: cover;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-radius: 50%;
	position: absolute;
	left: 900px;
	bottom: 80px;
	z-index: 9;
	cursor: pointer;
	transform: rotate(180deg)
}

.hotNews .swiper_hotNews .prev_hotNews:hover {
	background: url(../image/g_50.png) center center no-repeat;
	background-size: cover;
	transform: rotate(180deg)
}

.hotNews .swiper_hotNews .next_hotNews:hover {
	background: url(../image/g_50.png) center center no-repeat;
	background-size: cover;
	transform: rotate(0)
}


@media (max-width: 1600px) {

	.hotNews .swiper_hotNews .item .pic {
		width: 50%
	}

	.hotNews .swiper_hotNews .item .cont {
		width: 50%;
		padding: 45px 40px
	}

	.hotNews .swiper_hotNews .item .cont .title {
		font-size: 20px;
		line-height: 32px;
		height: 64px;
	}

	.hotNews .swiper_hotNews .prev_hotNews {
		width: 40px;
		height: 40px;
		left: calc(50% + 40px);
		bottom: 40px
	}

	.hotNews .swiper_hotNews .next_hotNews {
		width: 40px;
		height: 40px;
		left: calc(50% + 100px);
		bottom: 40px
	}

}

@media (max-width: 1200px) {
	.hotNews {
		margin-top: 40px
	}


	.hotNews .swiper_hotNews .item .cont {
		padding: 20px
	}

	.hotNews .swiper_hotNews .item .cont .title {
		font-size: 16px;
		line-height: 30px;
		height: 60px;
	}

	.hotNews .swiper_hotNews .prev_hotNews {
		width: 32px;
		height: 32px;
		left: calc(50% + 20px);
		bottom: 10px
	}

	.hotNews .swiper_hotNews .next_hotNews {
		width: 32px;
		height: 32px;
		left: calc(50% + 60px);
		bottom: 10px
	}

	.hotNews .swiper_hotNews .item .cont .time {
		margin-top: 10px;
		background: url(../image/g_16.png) left center no-repeat;
		background-size: 12px;
		padding-left: 20px;
		font-size: 12px;
	}

	.hotNews .swiper_hotNews .item .cont .intro {
		font-size: 12px;
		line-height: 20px;
		height: auto;
		margin-top: 10px
	}
}

@media (max-width: 750px) {
	.hotNews .swiper_hotNews .item a {
		display: block;
		padding-bottom: 50px
	}

	.hotNews .swiper_hotNews .item .pic {
		width: 100%
	}

	.hotNews .swiper_hotNews .item .cont {
		width: 100%;
		padding: 20px
	}

	.hotNews .swiper_hotNews .prev_hotNews {
		width: 30px;
		height: 30px;
		left: 20px;
		bottom: 20px
	}

	.hotNews .swiper_hotNews .next_hotNews {
		width: 30px;
		height: 30px;
		left: 60px;
		bottom: 20px
	}
}



.newsList {
	margin-bottom: 80px
}

.newsList .newsListCont {
	margin-bottom: 50px
}

.newsList .newsListCont .item {
	float: left;
	width: 480px;
	margin-right: 50px;
	border-radius: 10px;
	overflow: hidden;
	background: #f5f5f5;
	margin-top: 50px
}

.newsList .newsListCont .item:nth-child(3n) {
	margin-right: 0
}

.newsList .newsListCont .item .pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.newsList .newsListCont .item .pic img {
	width: 100%;
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-moz-transition: All 0.4s linear;
	-o-transition: All 0.4s linear;
}

.newsList .newsListCont .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scal(1.1);
}

.newsList .newsListCont .item .pic span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 36px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border-radius: 0 0 10px 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 14px;
}

.newsList .newsListCont .item .cont {
	width: 100%;
	height: 240px;
	box-sizing: border-box;
	padding: 35px 20px;
}

.newsList .newsListCont .item .cont .time {
	background: url(../image/g_16.png) left center no-repeat;
	padding-left: 20px;
	font-size: 14px;
	color: #999999
}

.newsList .newsListCont .item .cont .title {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	margin-top: 15px
}

.newsList .newsListCont .item .cont .intro {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	margin-top: 20px
}

.newsList .newsListCont .item:hover .cont .title {
	color: #03A9F4
}

@media (max-width: 1600px) {
	.newsList {
		margin-bottom: 60px
	}

	.newsList .newsListCont {
		margin-bottom: 3.2%
	}

	.newsList .newsListCont .item {
		width: 31.2%;
		margin-right: 3.2%;
		margin-top: 3.2%
	}

	.newsList .newsListCont .item .pic span {
		width: 90px;
		height: 32px;
		font-size: 12px
	}

	.newsList .newsListCont .item .cont {
		padding: 30px 20px;
		height: auto
	}

	.newsList .newsListCont .item .cont .time {
		background-size: 12px;
		font-size: 12px;
	}

	.newsList .newsListCont .item .cont .title {
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}

	.newsList .newsListCont .item .cont .intro {
		font-size: 12px;
		line-height: 22px;
		height: 44px;
	}

}

@media (max-width: 1200px) {
	.newsList {
		margin-bottom: 4%
	}

	.newsList .newsListCont {
		margin-bottom: 4%
	}

	.newsList .newsListCont .item {
		width: 48%;
		margin-right: 4%;
		float: left;
		margin-top: 4%
	}

	.newsList .newsListCont .item:nth-child(3n) {
		margin-right: 4%
	}

	.newsList .newsListCont .item:nth-child(2n) {
		margin-right: 0
	}

}

@media (max-width: 750px) {
	.newsList {
		margin-bottom: 20px
	}

	.newsList .newsListCont {
		margin-bottom: 20px
	}

	.newsList .newsListCont .item {
		width: 100%;
		margin-top: 20px
	}

}



/* 内容模式 */
.article {
	padding: 40px 0;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	line-height: 2;
	font-size: 16px;
	word-wrap: break-word;
}

.article .hd {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #ccc;
}

.article .hd h1 {
	color: #000;
	font-size: 28px;
	text-align: center;
	font-weight: normal;
	line-height: 1.6
}

.article .hd .titBar {
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	text-align: center;
	margin-top: 10px
}

.article .bd {
	background: #fff;
	line-height: 2;
	font-size: 16px;
	color: #282828
}

.article .bd img {
	max-width: 100%;
	height: auto
}

.article .bd video {
	max-width: 100%;
	height: auto
}

.article .ft {
	margin: 30px 0 0;
}

.article .ft .nr {
	padding: 0 !important;
	background: none !important
}

.article .ft ul {
	border-top: 1px dotted #ccc;
	padding: 30px 0 0 0
}

.article .ft ul li {
	width: 100%;
	background: #fff;
	background: #fff;
	box-sizing: border-box;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #282828
}

.article .ft ul li a {
	color: #282828
}

.article .ft ul:hover li a {
	color: #03A9F4
}

.nr_pc {
	display: block
}

.nr_sj {
	display: none
}

.article .bd video {
	max-width: 100%;
	height: auto
}

@media all and (max-width:1440px) {
	.article {
		padding: 30px 0
	}
}

@media all and (max-width:1200px) {
	.article {
		padding: 20px 0;
	}

	.article .hd h1 {
		font-size: 18px
	}

	.article .hd {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.article .hd .titBar {
		font-size: 12px
	}

	.article {
		font-size: 14px
	}

	.article .ft .back {
		top: 20px
	}

	.article .ft ul li {
		width: 100%
	}

	.article .ihd {
		font-size: 20px;
		padding: 5px 0;
		margin-bottom: 20px
	}

	.nr_pc {
		display: none
	}

	.nr_sj {
		display: block
	}

	.article .ft {
		margin: 20px 0 0;
		height: auto
	}

	.article .ft ul {
		display: block;
		height: auto;
		padding: 20px 0 0 0
	}

	.article .ft ul li {
		width: 100%
	}

	.article .bd {
		font-size: 14px;
		line-height: 2
	}
}



.download-section {
    padding: 40px 0;
    background-color: #0a3d62;
    color: white;
    text-align: center;
    font-size:1rem;
  }
  .download-btn {
    display: inline-block;
    background-color: #3498db;
    color: white;
    padding: 12px 30px;
    border-radius: 4px;
    font-weight: 500;
    margin-top: 20px;
    transition: all 0.3s ease;
  }
  .download-btn:hover {
    background-color: #2980b9;
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }




/* 分页 */
.page {
	line-height: 24px;
	text-align: center;
}

.page select {
	display: none
}

.page a {
	display: inline-block;
	margin: 0 2px;
	padding: 8px 12px;
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
	color: #333;
	vertical-align: top;
	font-size: 14px;
	min-width: 16px;
	border-radius: 5px
}

.page a:hover,
.page .current {
	border: 1px solid #03A9F4;
	background: #03A9F4;
	color: #fff;
}

@media all and (max-width:1760px) {
	.page a {
		padding: 3px 10px
	}
}

@media all and (max-width:1200px) {
	.page a {
		font-size: 12px
	}

	.page a {
		padding: 3px 5px
	}
}

@media all and (max-width:750px) {
	.page a {
		margin: 3px 0
	}
}

.ab06{
	background: url(../image/ax43.jpg) center center no-repeat;

	background-size: cover;
	margin-top: 110px;
	padding: 95px 0
}

.ab06 .hd {
	border-radius: 20px;
	overflow: hidden
}

.ab06 .hd li {
	width: 205px;
	height: 560px;
	float: left;
	overflow: hidden;
	transition: all 0.3s;
	position: relative
}

.ab06 .hd li.on {
	width: 1130px
}

.ab06 .hd li .pic {
	width: 1130px;
	height: 560px;
	overflow: hidden;
	position: relative
}

.ab06 .hd li .pic img {
	width: 100%
}

.ab06 .hd li .pic span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(00, 00, 00, 0.5);
	transition: all 0.3s;
	opacity: 1;
	visibility: 1
}

.ab06 .hd li.on .pic span {
	opacity: 0;
	visibility: hidden
}

.ab06 .hd li .item {
	position: absolute;
}

.ab06 .hd li .brand {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 120px;
	font-size: 36px;
	color: rgba(255, 255, 255, 0.8);
	transition: all 1s;
	line-height: 1
}

.ab06 .hd li.on .brand {
	top: -100%
}

.ab06 .hd li .item {
	position: absolute;
	left: 80px;
	top: 100%;
	font-size: 36px;
	width: 500px;
	transition: all 1s;
}

.ab06 .hd li .item .title {
	line-height: 1;
	color: #333333
}

.ab06 .hd li .item .intro {
	font-size: 20px;
	color: #666666;
	margin-top: 40px
}

.ab06 .hd li.on .item {
	top: 120px
}

@media all and (max-width:1600px) {
	.ab06 {
		margin-top: 80px;
		padding: 80px 0
	}

	.ab06 .hd li {
		width: 200px;
		height: 396px
	}

	.ab06 .hd li.on {
		width: 800px
	}

	.ab06 .hd li .pic {
		width: 800px
	}

	.ab06 .hd li .brand {
		font-size: 28px;
		top: 80px
	}

	.ab06 .hd li .item {
		font-size: 28px
	}

	.ab06 .hd li .item .intro {
		font-size: 16px;
		margin-top: 30px
	}

	.ab06 .hd li.on .item {
		top: 80px
	}
}

@media all and (max-width:1200px) {
	.ab06 {
		margin-top: 40px;
		padding: 40px 0
	}

	.ab06 .hd {
		border-radius: 0
	}

	.ab06 .hd li {
		width: 100%;
		height: auto;
		border-radius: 10px;
		overflow: hidden;
		margin-bottom: 20px
	}

	.ab06 .hd li:last-child {
		margin-bottom: 0
	}

	.ab06 .hd li.on {
		width: 100%
	}

	.ab06 .hd li .pic {
		width: 100%;
		height: auto
	}

	.ab06 .hd li .pic span {
		display: none
	}

	.ab06 .hd li .brand,
	.ab06 .hd li.on .brand {
		display: none
	}

	.ab06 .hd li .item {
		font-size: 28px;
		top: 40px;
		left: 20px;
		font-size: 20px;
		width: calc(100% - 40px)
	}

	.ab06 .hd li .item .intro {
		font-size: 16px;
		margin-top: 30px;
		width: 100%
	}

	.ab06 .hd li.on .item {
		top: 40px;
		left: 20px;
	}

	.ab06 .hd li .item .intro {
		font-size: 12px;
		margin-top: 12px
	}
}



.mt {
	margin-top: 2.5%;
}

.produce-line .my-swiper {

	width: 100%;
	height: 500px;
}

/* 大屏适配 */
@media (max-width: 1600px) {
	.produce-line .my-swiper {
		height: 450px;
	}
}

/* 平板适配 */
@media (max-width: 1200px) {
	.produce-line .my-swiper {
		height: 400px;
	}
}

/* 移动端适配 */
@media (max-width: 750px) {
	.produce-line .my-swiper {
		height: 300px;
	}
}

@media (max-width: 480px) {
	.produce-line .my-swiper {
		height: 240px;
	}
}

.produce-line .swiper-slide {
	text-align: center;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.produce-line .swiper-slide img {
	width: 100%;
	object-fit: cover;
	height: auto;
}

/* 新增轮播标题样式 */

.slide-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 20px 30px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/* 响应式调整 */
@media (max-width: 1600px) {
	.slide-title {
		font-size: 28px;
		padding: 15px 25px;
	}
}

@media (max-width: 1200px) {
	.slide-title {
		font-size: 24px;
		padding: 12px 20px;
	}
}

@media (max-width: 750px) {
	.slide-title {
		font-size: 20px;
		padding: 10px 15px;
	}
}

.line-video-container {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9比例 */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin: 20px 0;
}

.line-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 移动端适配 */
@media (max-width: 768px) {
	.line-video-container {
		margin: 10px 0;
	}
}

/* 设备展示模块 */
.device-container {
	margin: 40px 0;
}

.device-item {
	display: flex;
	align-items: center;
	margin-bottom: 60px;
	gap: 40px;
}

.res {
	flex-direction: row-reverse;
}

.device-pic {
	flex: 40%;
}

.device-pic img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	transition: transform 0.3s ease;
}

.device-pic img:hover {
	transform: scale(1.03);
}

.device-info {
	flex: 60%;
	padding: 30px;
	background: #f9f9f9;
	border-radius: 12px;
}

.device-info h3 {
	color: #03A9F4;
	font-size: 28px;
	margin-bottom: 20px;
}

.device-info p {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}

.device-more {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 30px;
	background: #03A9F4;
	color: #fff;
	border-radius: 25px;
	transition: background 0.3s ease;
}

/* 响应式适配 */
@media (max-width: 1200px) {
	.device-item {
		gap: 30px;
		margin-bottom: 40px;
	}

	.device-info h3 {
		font-size: 24px;
	}
}

@media (max-width: 750px) {
	.device-item {

		flex-direction: column !important;
		gap: 20px;
	}

	.device-pic {
		max-width: 100%;
	}

	.device-info {
		padding: 20px;
	}

	.device-info h3 {
		font-size: 20px;
	}
}
/* 面包屑导航样式 */
.breadcrumb {
    background-color: #f8f9fa;
    padding: 15px 0;
    font-size: 0.9rem;
    border-bottom: 1px solid #eaeaea;
}

.breadcrumb .container {
    display: flex;
    justify-content: center;
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb li {
    display: inline-block;
    margin: 0;
}

.breadcrumb li:not(:last-child)::after {
    content: "/";
    padding: 0 10px;
    color: #6c757d;
}

.breadcrumb a {
    color: #3498db;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb a:hover {
    color: #2980b9;
    text-decoration: underline;
}

.breadcrumb li:last-child {
    color: #6c757d;
    font-weight: 500;
}

.button-group {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	padding: 0;
	margin: 15px 0;
}

.button-group li {
	list-style: none;
	flex: 1;
}

.btn {
	padding: 12px 25px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	width: auto;
	min-width: 120px;
	justify-content: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}

.btn-inquiry {
	background: linear-gradient(135deg, #2b5876 0%, #4e4376 100%);
	color: #fff;
}

.btn-wechat {
	background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
	color: #fff;
}

.btn-email {
	background: linear-gradient(135deg, #d63031 0%, #ff7675 100%);
	color: #fff;
}

.btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,
			transparent,
			rgba(255, 255, 255, 0.3),
			transparent);
	transition: left 0.6s;
}

.btn:hover::after {
	left: 100%;
}

.button-group {
	max-width: 100%;
	/* 根据版心宽度调整 */
	margin: 20px auto;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	padding: 0;
	justify-content: center;
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}

.button-group img {
	width: 30px;
}

@media (max-width: 768px) {
	.button-group {
		max-width: 90%;
		gap: 10px;
	}

	.btn {
		min-width: 140px;
		padding: 12px 20px;
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.button-group {
		flex-direction: column;
	}

	.btn {
		font-size: 14px;
		padding: 10px 15px ;
	}
}

/* 缩略图轮播样式 */
.swiper-thumbs {
	margin-top: 10px;
	height: 80px;
	pointer-events: auto !important;
}

.swiper-thumbs .swiper-slide {
	opacity: 0.5;
	border: 2px solid transparent;
	cursor: pointer;
}

.swiper-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border-color: #03A9F4;
}

.swiper-thumbs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 响应式优化 */
@media (max-width: 768px) {
	.breadcrumb {
		padding: 12px 0;
		font-size: 0.85rem;
	}

	.breadcrumb li:not(:last-child)::after {
		padding: 0 6px;
	}
}

/* 技术优势样式 */
.technology {
	padding: 80px 0;
	background-color: #fff;
}

.tech-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.tech-image {
	flex: 1;
	min-width: 300px;
	margin-bottom: 30px;
}

.tech-image img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.tech-details {
	flex: 1;
	min-width: 300px;
}

.tech-details h3 {
	font-size: 1.5rem;
	margin-bottom: 20px;
}

.tech-details ul {
	list-style: none;
	margin-bottom: 20px;
}

.tech-details ul li {
	margin-bottom: 15px;
	padding-left: 25px;
	position: relative;
	font-size: 1rem;
}

.tech-details ul li::before {
	content: '✓';
	color: #007bff;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.tech-details ul li span {
	font-weight: 600;
}

.expertise {
	background-color: #f0f7ff;
	padding: 20px;
	border-radius: 5px;
	color: #333;
	font-style: italic;
	font-size: 1rem;
}

/* 设备配件样式 */
.accessories {
	padding: 80px 0;
	background-color: #f9f9f9;
}

/* 配件网格布局 */
.accessories-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 30px;
	padding: 20px;
}

/* 配件卡片样式 */
.accessory-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.accessory-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* 配件图片样式 */
.accessory-image {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.accessory-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.accessory-card:hover .accessory-image img {
	transform: scale(1.05);
}

/* 配件内容样式 */
.accessory-card h3 {
	font-size: 18px;
	color: #333;
	padding: 15px 20px 10px;
	margin: 0;
}

.accessory-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	padding: 0 20px 20px;
	margin: 0;
}

/* 响应式设计 */
@media (max-width: 1200px) {
	.accessories-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.accessories-grid {
		grid-template-columns: 1fr;
	}

	.accessory-image {
		height: 180px;
	}
}

/* 色选视频模块样式 */
.sorting-video {
	margin-top: 20px;
	padding: 20px;
	background-color: #f0f7ff;
	border-radius: 20px;
}

.sorting-video .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin: 0 auto 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.sorting-video .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 10px;
}

.video-description {
	text-align: center;
	color: #666;
	max-width: 800px;
	margin: 0 auto;
}

/* 色选效果模块样式 */
.sorting-effects {
	padding: 80px 0;
	background-color: #fff;
}

.single-effect-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #f9f9f9;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.single-effect-image {
	width: 100%;
	max-width: 800px;
	height: auto;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 20px;
}

.single-effect-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 0.3s;
}

.single-effect-image:hover img {
	transform: scale(1.02);
}

.single-effect-description {
	text-align: center;
	max-width: 800px;
}

.single-effect-description h3 {
	font-size: 1.5rem;
	margin-bottom: 15px;
	color: #007bff;
}

.single-effect-description p {
	color: #666;
	line-height: 1.6;
}

@media (max-width: 768px) {
	.single-effect-container {
		padding: 15px;
	}
}

/* CTA模块样式 */
.cta-section {
	transform: none !important;
	perspective: none !important;
	filter: none !important;
	margin-top: 40px;
	background-image: url('/static/color-sorter/image/f.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 100px 0;
	text-align: center;
	position: relative;
}

.cta-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.cta-container {
	position: relative;
	z-index: 1;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

.cta-section h2 {
	color: #fff;
	font-size: 2.5rem;
	margin-bottom: 20px;
}

.cta-section p {
	color: #e0e0e0;
	font-size: 1.2rem;
	margin-bottom: 30px;
}

.cta-section .btn-primary {
	background-color: #007bff;
	color: #fff;
	padding: 15px 40px;
	font-size: 1.1rem;
	border-radius: 30px;
	transition: all 0.3s;
}

.cta-section .btn-primary:hover {
	background-color: #0056b3;
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
	.cta-section {
		padding: 60px 0;
	}

	.cta-section h2 {
		font-size: 2rem;
	}

	.cta-section p {
		font-size: 1rem;
	}
}

/* 客户评价样式 */
.testimonials {
	padding: 80px 0;
	background-color: #f9f9f9;
}

.testimonials .container {
	margin: 0 auto;
	max-width: 1600px;
}

.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

.testimonial-card {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.quote {
	font-size: 2rem;
	color: #007bff;
	margin-bottom: 15px;
}

.testimonial-card p {
	color: #666;
	margin-bottom: 20px;
	font-style: italic;
}

.client-info {
	display: flex;
	align-items: center;
}

.client-info img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 15px;
}

.client-details h4 {
	font-weight: 600;
}

.client-details p {
	color: #999;
	font-size: 0.9rem;
	margin-bottom: 0;
	font-style: normal;
}

/* 两列布局样式 */
.two-column-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
  
}

.left-column {
    flex: 1;
    min-width: 300px;
}
.left-column img{
	width: 100%;
}
.left-column .feature-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #007bff;
    margin-bottom: 20px;
}
.feature-list li{
	font-size: 1.1rem;
}
.right-column {
    flex: 1;
    min-width: 300px;
}
.right-column img{
	width: 100%;
}
.bullet-list{
	list-style: disc !important;
	padding-left: 20px;
}
.side-toolbar {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 1rem 0 0 1rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.side-toolbar.collapsed {
  right: -4rem;
}

.side-toolbar.collapsed .toolbar-toggle img {
  transform: rotate(180deg);
}

.side-toolbar ul {
  list-style: none;
  padding: 0.5rem;
  margin: 0;
}

.side-toolbar .toolbar-item {
  position: relative;
}

.side-toolbar .toolbar-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.side-toolbar .toolbar-item a:hover {
  background: rgba(200, 147, 123, 0.1);
}

.side-toolbar .toolbar-item a:hover img {
  transform: scale(1.1);
}

.side-toolbar .toolbar-item a img {
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.3s ease;
}

.side-toolbar .toolbar-item[data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  margin-right: 0.5rem;
}

.side-toolbar .toolbar-item:hover:before {
  opacity: 1;
  visibility: visible;
}

.side-toolbar .toolbar-toggle {
  position: absolute;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 3rem;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border: none;
  border-radius: 0.5rem 0 0 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1);
}

.side-toolbar .toolbar-toggle img {
  width: 1rem;
  height: 1rem;
  transition: all 0.3s ease;
}

.side-toolbar .toolbar-toggle:hover {
  background: rgba(200, 147, 123, 0.1);
}

@media screen and (max-width: 768px) {
  .side-toolbar {
    display: none !important;
  }
  .mobile-toolbar {
    display: grid !important;
  }
  .Message-a {
    margin-bottom: 4.5rem;
  }
  footer {
    margin-bottom: 4.5rem;
  }
}

@media screen and (min-width: 769px) {
  .side-toolbar {
    display: block;
  }
  .mobile-toolbar {
    display: none;
  }
}
.mobile-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 0.5rem;
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

.mobile-toolbar .toolbar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
  text-decoration: none;
  color: #2d3436;
  transition: all 0.3s ease;
}

.mobile-toolbar .toolbar-item img {
  width: 1.5rem;
  height:1.5rem;
  margin-bottom: 0.25rem;
}

.mobile-toolbar .toolbar-item span {
  font-size: .88rem;
  white-space: nowrap;
}

.mobile-toolbar .toolbar-item:hover {
  color: #ac6249;
}

.mobile-toolbar .toolbar-item:hover img {
  transform: scale(1.1);
}
.download-section {
    padding: 40px 0;
    background-color: #0a3d62;
    color: white;
    text-align: center;
    font-size:1rem;
  }
  .download-btn {
    display: inline-block;
    background-color: #3498db;
    color: white;
    padding: 12px 30px;
    border-radius: 4px;
    font-weight: 500;
    margin-top: 20px;
    transition: all 0.3s ease;
  }
  .download-btn:hover {
    background-color: #2980b9;
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }