@font-face {
	font-family: "Montserrat-Bold";
	src: url(static/font/Montserrat-Bold.ttf);
}

body::-webkit-scrollbar {
	display: none;
}

.swiper-container {
	width: 100%;
	margin: 0 auto;
}

.swiper-slide {
	width: 100%;
	height: 100%;
}

.swiper-pagination-custom {
	bottom: 40px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	z-index: 10;
	margin-left: 10px;
	border: 1px solid #ffffff;
}

.swiper-pagination-bullet-active {
	width: 40px !important;
	height: 10px !important;
	border-radius: 10px !important;
	background-color: #ef5508 !important;
	border: 1.5px solid #ef5508;
}

.index,
.indexBanner,
.indexMachines,
.indexWanwa,
.indexEvents,
.indexSection {
	padding: 0 0;
}

.index h2 {
	font-size: 36px;
	font-weight: 700;
}

.index p {
	font-size: 18px;
}

.index hr {
	width: 60px;
	background-color: #ef5508;
	height: 4px;
	border-top: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

.index span {
	font-size: 18px;
	color: #808080;
}

.index button {
	padding: 10px 36px;
	position: relative;
	width: max-content;
	text-align: center;
	margin-bottom: 26px;
	cursor: pointer;
	z-index: 99;
	background: none;
}

/*.index button:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
	border-width: 4px 0px 0px 4px;
	border-style: solid;
}*/

/*.index button:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 0px;
	right: 0px;
	border-width: 0px 4px 4px 0px;
	border-style: solid;
}*/

.indexBannerScan,
.indexBannerScanFont,
.indexBannerScanImages,
.indexBannerSalesfirst,
.indexBannerSalesfirstFont,
.indexBannerSalesfirstImages {
	padding: 0 0;
}

.indexBannerSalesfirstImages img,
.indexBannerScanImages img {
	width: 100%;
}

.indexBannerSalesfirst h1 {
	color: #fff;
	font-size: 80px;
	font-weight: 600;
	letter-spacing: 4px;
	font-family: "Montserrat-Bold";
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.indexBannerSalesfirst h1 span {
	font-size: 80px;
	font-weight: 600;
	font-family: "Montserrat-Bold";
	line-height: 0;
}

.indexBannerSalesfirstFont {
	z-index: 100;
	position: absolute;
	top: 15%;
}

.indexBannerSalesfirstFont h2,
.indexBannerSalesfirstFont h3 {
	color: #fff;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.indexBannerSalesfirstFont p {
	color: #fff;
	font-size: 25px;
	text-align: left;
}

.indexBannerSalesfirstFont hr {
	margin-left: 0;
	left: 0;
}

.indexBannerSalesfirstFont4 {
	padding: 0 0;
	display: flex;
}

.indexBannerSalesfirstFont4Left {
	width: 8%;
}

.indexBannerSalesfirstFont4Left h1 span {
	font-size: 94px;
}

.indexBannerSalesfirstFont4Right {
	width: 80%;
	padding: 0 0;
}

.indexBannerSalesfirstFont4Right p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
}

.indexBannerSalesfirstFont4Right h3 {
	font-weight: 600;
	font-size: 40px;
}

.indexBannerSalesfirstButton {
	border: 1px solid #fff;
	float: left;
	color: #fff;
	margin-top: 85px;
}

.indexBannerScan h2,
.indexBannerScan h3 {
	color: #fff;
	text-align: right;
}

.indexBannerScan h3,
.indexBannerScan h3 span {
	font-size: 30px;
}

.indexBannerScan h2,
.indexBannerScan h2 span,
.indexBannerSalesfirstFont h2,
.indexBannerSalesfirstFont h2 span {
	font-weight: 600;
	font-size: 50px;
	letter-spacing: 2px;
	font-family: "Montserrat-Bold";
	line-height: 92px;
}

.indexBannerScan p {
	color: #fff;
	font-size: 24px;
	text-align: right;
}

.indexBannerScan hr {
	margin-right: 0;
	right: 0;
}

.indexBannerScanButton {
	border: 1px solid #fff;
	float: right;
	color: #fff;
	margin-top: 120px;
}

.indexBannerScanButton:before,
.indexBannerSalesfirstButton:before {
	border-color: #fff;
}

.indexBannerScanButton:after,
.indexBannerSalesfirstButton:after {
	border-color: #fff;
}

.indexBannerScan a {
	color: #fff;
	letter-spacing: 2px;
	font-size: 18px;
}

.indexBannerScanFont {
	z-index: 100;
	position: absolute;
	top: 18%;
}

.indexMachines {
	padding: 3vw 0 3vw 0;
	background-color: #e9e9e9;
}

.indexMachinesFont {
	width: 26%;
	display: inline-block;
	bottom: 200px;
	position: relative;
}

.indexMachinesBox {
	width: 72%;
	display: inline-block;
}

.indexMachines hr {
	margin-left: 0;
	left: 0;
}

.indexMachinesButton {
	border: 1px solid #333;
	float: left;
	color: #333;
	margin-top: 120px;
}

.indexMachinesContent {
	width: 45%;
	display: inline-block;
	box-shadow: 0px 5px 10px#f0f0f0;
	margin: 5px;
	cursor: pointer;
}

.indexMachinesContentImages {
	position: relative;
	background: #ffffff;
}

.indexMachinesContentImages img {
	width: 100%;
	height: 100%;
}

.indexMachinesContentImages:hover .indexMachinesContentFontPC {
	opacity: 1;
	cursor: pointer;
}

.indexMachinesContentFontPC {
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	opacity: 0;
	transition: all 0.8s;
}

.indexMachinesContentFontPC h3 {
	font-size: 25px;
	color: #fff;
	position: absolute;
	padding: 0 30px;
	bottom: 150px;
}

.indexMachinesContentFontPC p {
	color: #fff;
	margin-top: 20px;
	line-height: 20px;
	position: absolute;
	padding: 0 30px;
	bottom: 20px;
}

.indexMachinesContentFontM h3 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.indexWanwa {
	position: relative;
}

.indexWanwaFont,
.indexWanwaImages {
	padding: 0 0;
}

.indexWanwaFont {
	position: absolute;
	top: 30%;
	z-index: 10;
}

.indexWanwaFont h1 {
	font-size: 42px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 3px;
}

.wanwaIcon {
	display: inline-block;
	color: #fff;
	font-weight: 600;
	background-color: #dc0000;
	text-align: center;
	padding: 3px 15px;
	transform: skewX(-20deg);
	margin-left: 20px;
}

.indexWanwaFont img {
	width: 150px;
	display: inline-block;
}

.indexWanwaFont h3 {
	transform: skewX(20deg);
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

.indexWanwaImages img {
	width: 100%;
}

.indexWanwaButton {
	border: 1px solid #fff;
	float: left;
	color: #fff;
	margin-top: 120px;
}

.indexEvents {
	padding: 3vw 0 5vw 0;
	background-color: #e9e9e9;
}

.indexEvents>div {
	display: flex;
}

.indexEventsFont {
	width: 32%;
	display: inline-block;
	margin-top: 200px;
}

.indexEventsFont hr {
	margin-left: 0;
	left: 0;
}

.indexEventsBox {
	width: 65%;
	display: inline-block;
}

.indexEventsButton {
	border: 1px solid #333;
	float: left;
	color: #333;
	margin-top: 120px;
}

.indexEventsContent {
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 2px 4px #9c9c9c;
	background-color: #fff;
	padding: 0 0;
	margin-top: 20px;
	display: flex;
}

.indexEventsContentImages,
.indexEventsContentTitle {
	padding: 0 0;
	display: inline-block;
}

.indexEventsContentImages {
	width: 30%;
	display: inline-block;
}

.indexEventsContentTitle {
	width: 65%;
	display: inline-block;
	color: #000;
	padding: 20px 30px;
}

.indexEventsContentImages img {
	width: 100%;
	border-radius: 5px 0px 0px 5px;
}

.indexEventsContentTitle h3 {
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-bottom: 10px;
}

.indexEventsContentTitle p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.indexEventsContentTitle p:nth-of-type(2) {
	color: #ef5508;
	text-align: right;
}

.indexSectionBox,
.indexSectionBoxContent {
	padding: 0 0;
}

.indexSectionBoxContent {
	position: relative;
}

.indexSectionFont {
	width: 100%;
	position: absolute;
	bottom: 50px;
	text-align: center;
}

.indexSectionFont h3 {
	color: #fff;
	font-weight: 600;
}

.indexSectionImages img {
	width: 100%;
}

.jianjie a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.m-img {
	display: none;
}

.pc-img {
	display: block;
}

@media (max-width: 575.98px) {
	.pc-img {
		display: none !important;
	}

	.m-img {
		display: block !important;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.pc-img {
		display: none !important;
	}

	.m-img {
		display: block !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: block;
	}
}

@media (min-width: 1400px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: block;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
	.index {
		margin-top: 38px;
	}

	.index h2 {
		font-size: 30px;
	}

	.index p {
		font-size: 16px;
	}

	.index button {
		margin-top: 70px;
	}

	.indexBannerScan h2,
	.indexBannerScan h2 span,
	.indexBannerSalesfirstFont h2,
	.indexBannerSalesfirstFont h2 span {
		font-size: 40px;
	}

	.indexBannerSalesfirstFont {
		top: 10%;
	}

	.indexBannerSalesfirst h1 {
		font-size: 76px;
	}

	.indexBannerSalesfirst h1 span {
		font-size: 76px;
	}

	.indexBannerSalesfirstFont p {
		margin-top: 10px;
	}

	.indexBannerSalesfirstFont4Left {
		width: 8%;
	}

	.indexBannerSalesfirstFont4Left h1 span {
		font-size: 60px;
	}

	.indexBannerSalesfirstFont4Right {
		width: 70%;
	}

	.indexBannerSalesfirstFont4Right h3 {
		font-size: 30px;
	}

	.indexMachinesContent {
		width: 48%;
	}

	.indexMachinesContentFontPC {
		padding: 32% 10px 10px 10px;
	}

	.indexMachinesContentFontPC h3 {
		font-size: 21px;
		position: absolute;
		bottom: 95px;
		padding: 0px 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.indexMachinesContentFontPC p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		padding: 0px 15px;
		position: absolute;
		bottom: 15px;
	}

	.indexMachinesFont {
		width: 24%;
	}

	.indexMachinesBox {
		width: 72%;
	}

	.indexEventsFont {
		width: 22%;
		margin-top: 150px;
	}

	.indexEventsBox {
		width: 75%;
	}

	.indexEventsContentTitle h3 {
		margin-bottom: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.indexEventsContentTitle {
		padding: 20px 40px;
	}
}

@media screen and (min-width: 300px) and (max-width: 750px) {
	.index {
		margin-top: 50px;
	}

	.index h2 {
		font-size: 28px;
		text-align: center;
	}

	.index p {
		font-size: 16px;
	}

	.index hr {
		margin: 20px auto;
	}

	.index button {
		margin: 50px auto;
		float: none;
		justify-content: center;
		display: grid;
	}

	.indexBannerScan h2,
	.indexBannerScan h2 span,
	.indexBannerSalesfirstFont h2,
	.indexBannerSalesfirstFont h2 span {
		font-size: 35px;
		text-align: center;
		line-height: 36px;
	}

	.indexBannerScan h3,
	.indexBannerScan h3 span,
	.indexBannerSalesfirstFont h3,
	.indexBannerSalesfirstFont h3 span {
		text-align: center;
		font-size: 24px;
		margin-top: 15px;
	}

	.indexBannerSalesfirst h1 {
		font-size: 52px;
		text-align: center;
		letter-spacing: 2px;
	}

	.indexBannerSalesfirst h1 span {
		font-size: 52px;
	}

	.indexBannerSalesfirstFont {
		top: 4%;
		padding: 0 10px;
	}

	.indexBannerSalesfirstFont p {
		margin-top: 10px;
		text-align: center;
	}

	.indexBannerSalesfirstFont4 {
		margin-left: 20%;
	}

	.indexBannerSalesfirstFont4Left {
		width: 15%;
	}

	.indexBannerSalesfirstFont4Left h1 {
		font-size: 70px;
	}

	.indexBannerSalesfirstFont4Left h1 span {
		text-align: left;
		font-size: 64px;
	}

	.indexBannerSalesfirstFont4Right {
		width: 70%;
		margin-top: 4px;
		margin-left: 5px;
	}

	.indexBannerSalesfirstFont4Right p,
	.indexBannerSalesfirstFont4Right h3 {
		text-align: left;
	}

	.indexBannerSalesfirstFont4Right h3 {
		font-size: 22px;
		margin-top: 0;
	}

	.indexBannerScan hr {
		margin: 20px auto;
	}

	.indexBannerScanFont {
		top: 10%;
	}

	.indexBannerScan p {
		text-align: center;
	}

	.indexMachines {
		padding: 50px 0 50px 0;
	}

	.indexMachinesFont {
		bottom: 0;
		width: 100%;
		display: block;
	}

	.indexMachinesBox {
		width: 100%;
		display: block;
	}

	.indexMachinesContent {
		width: 100%;
		display: block;
		margin-top: 50px;
	}

	.indexMachinesContentImages {
		width: 350px;
		height: 240px;
	}

	.indexWanwaFont {
		top: 8%;
		padding: 0 20px;
		text-align: center;
	}

	.indexWanwaFont h1 {
		font-size: 33px;
		text-align: center;
	}

	.indexWanwaFont img {
		width: 120px;
	}

	.indexEvents {
		padding: 50px 0 50px 0;
	}

	.indexEvents>div {
		display: block;
	}

	.indexEventsFont {
		width: 100%;
		display: block;
		margin-top: 0px;
	}

	.indexEventsBox {
		width: 100%;
		display: block;
	}

	.indexEventsContent {
		display: block;
	}

	.indexEventsContentImages,
	.indexEventsContentTitle {
		width: 100%;
	}

	.indexEventsContentImages img {
		border-radius: 10px 10px 0 0;
	}

	.indexEventsContentTitle p {
		-webkit-line-clamp: 4;
	}

	.indexSectionFont {
		bottom: 20px;
	}
}

.indexBanner5yearwarranty,
.indexBanner5yearwarrantyImages {
	padding: 0 0;
}

.indexBanner5yearwarrantyFont {
	z-index: 100;
	position: absolute;
	top: 14%;
	padding: 0 0;
}

.indexBanner5yearwarrantyFont h2 {
	font-family: "Montserrat";
	font-size: 28px;
	line-height: 36px;
	font-weight: 700;
	color: #ef5508;
	text-align: left;
}

.indexBanner5yearwarrantyFont h1 {
	font-family: "Montserrat";
	font-size: 96px;
	line-height: 96px;
	font-weight: 700;
	color: #fff;
	text-align: left;
	margin: 0;
}

.indexBanner5yearwarrantyFontContent {
	width: 100%;
	display: flex;
	margin-top: 80px;
}

.indexBanner5yearwarrantyFontContentLeft {
	flex: 2;
	text-align: left;
}

.indexBanner5yearwarrantyFontContentLeft p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
}

.indexBanner5yearwarrantyFontContentLeft button {
	border-style: none;
	background-color: #ef5508;
	padding: 10px 24px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
	border-radius: 6px;
	margin: 40px 0 28px 0 !important;
}

.indexBanner5yearwarrantyFontContentLeft button::after,
.indexBanner5yearwarrantyFontContentLeft button::before {
	display: none;
}

.indexBanner5yearwarrantyFontContentLeft button:hover {
	background-color: #ff6234;
}

.indexBanner5yearwarrantyFontContentRight {
	flex: 3;
	text-align: center;
}

.indexBanner5yearwarrantyFontContentRight img {
	width: 100%;
}

.indexBanner5yearwarrantyImages img {
	width: 100%;
}

@media screen and (max-width: 2000px) {
	.indexBanner5yearwarrantyFont {
		top: 14%;
	}

	.indexBanner5yearwarrantyFont h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.indexBanner5yearwarrantyFont h1 {
		font-size: 84px;
		line-height: 84px;
	}

	.indexBanner5yearwarrantyFontContent {
		margin-top: 80px;
	}

	.indexBanner5yearwarrantyFontContentLeft p {
		font-size: 18px;
		line-height: 26px;
	}
}

@media screen and (max-width: 1700px) {
	.indexBanner5yearwarrantyFont {
		top: 8%;
	}

	.indexBanner5yearwarrantyFont h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.indexBanner5yearwarrantyFont h1 {
		font-size: 76px;
		line-height: 76px;
	}

	.indexBanner5yearwarrantyFontContent {
		margin-top: 80px;
	}

	.indexBanner5yearwarrantyFontContentLeft {
		flex: 2;
	}

	.indexBanner5yearwarrantyFontContentRight {
		flex: 3;
	}
}

@media screen and (max-width: 1500px) {
	.indexBanner5yearwarrantyFont {
		top: 6%;
	}

	.indexBanner5yearwarrantyFont h2 {
		font-size: 26px;
		line-height: 34px;
	}

	.indexBanner5yearwarrantyFont h1 {
		font-size: 64px;
		line-height: 64px;
	}

	.indexBanner5yearwarrantyFontContent {
		margin-top: 60px;
	}
}

@media screen and (max-width: 1300px) {
	.indexBanner5yearwarrantyFont {
		top: 6%;
	}

	.indexBanner5yearwarrantyFont h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.indexBanner5yearwarrantyFont h1 {
		font-size: 70px;
		line-height: 70px;
	}

	.indexBanner5yearwarrantyFontContent {
		margin-top: 45px;
	}

	.indexBanner5yearwarrantyFontContentLeft p {
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1200px) {
	.indexBanner5yearwarrantyFont {
		top: 14%;
	}

	.indexBanner5yearwarrantyFont h2 {
		font-size: 22px;
		line-height: 28px;
	}

	.indexBanner5yearwarrantyFont h1 {
		font-size: 50px;
		line-height: 54px;
	}

	.indexBanner5yearwarrantyFontContent {
		margin-top: 74px;
	}

	.indexBanner5yearwarrantyFontContentLeft button {
		margin: 30px 0 16px 0 !important;
	}

	.indexBanner5yearwarrantyFontContentLeft p {
		font-size: 16px;
		line-height: 24px;
		margin: 6px 0;
	}
}

@media screen and (max-width: 750px) {
	.indexBanner5yearwarrantyFont {
		top: 6%;
		padding: 0;
	}

	.indexBanner5yearwarrantyFont h2 {
		text-align: left;
		font-size: 18px;
		line-height: 40px;
		padding: 0 0 0 20px;
	}

	.indexBanner5yearwarrantyFont h1 {
		font-size: 44px;
		line-height: 46px;
		font-weight: 700;
		padding: 0 0 0 20px;
	}

	.indexBanner5yearwarrantyFontContent {
		margin-top: 50px;
		display: block;
	}

	.indexBanner5yearwarrantyFontContentLeft {
		padding: 0 0 0 20px;
	}

	.indexBanner5yearwarrantyFontContentLeft p {
		font-size: 16px;
		line-height: 24px;
		width: 90%;
	}

	.indexBanner5yearwarrantyFontContentLeft button {
		padding: 7px 20px;
		font-size: 14px;
		line-height: 24px;
	}

	.indexBanner5yearwarrantyFontContentRight {
		margin-top: 20px;
	}

	.indexBanner5yearwarrantyFontContentRight img {
		position: relative;
		bottom: -5px;
	}

}

#gotoTop {
	position: fixed;
	right: 1%;
	bottom: 22%;
	background: #c8c8c8;
	border: 1px solid #c8c8c8;
	width: 55px;
	height: 55px;
	border-radius: 4px;
	display: none;
	cursor: pointer;
	text-align: center;
	z-index: 9999;
}

#gotoTop.hover {
	background: #fff;
}

#gotoTop.hover .iconfonttop {
	color: #999;
}

#gotoTop.hover p {
	color: #999;
}

#gotoTop p {
	margin-top: -15px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
}

#gotoTop i {
	display: block;
	line-height: 1.2;
}

.iconfonttop {
	font-family: "iconfont" !important;
	font-size: 34px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
}

@media screen and (max-width:1024px) {
	#gotoTop {
		width: 45px;
		height: 45px;
	}

	#gotoTop p {
		font-size: 14px;
		margin-top: -10px;
	}

	.iconfonttop {
		font-size: 26px;
	}
}

.product-product {
	padding: 4% 0 28% 0;
	border-bottom: 1px dashed gray;
}

.product-product h2 a {
	font-size: 26px;
	font-weight: 600;
}

.product-product h3 {
	margin: 5px 0;
	font-size: 16px;
	font-weight: 600;
}

.product-product h3 a {
	font-size: 18px;
	font-weight: 600;
}

.product-more {
	margin-top: 1vw;
}

.product-fenye a {
	border-radius: 10px;
}

.product-list {
	position: sticky;
	top: 80px;
}

.product-list ul li {
	list-style: none;
	width: 94%;
	padding: 5% 15px;
	margin: 1% 0;
	box-shadow: 0 2px 5px #e0e0e0;
	border-bottom: none;
	border-radius: 10px;
}

.product-list ul li:hover {
	background-color: #ef5508;
	color: #fff;
	text-decoration: none;
}

.product-list ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.product-red {
	background-color: #ef5508 !important;
}

.product-red a {
	color: #fff !important;
}

@media only screen and (max-width: 500px) {
	.product-product {
		padding: 6% 0 100% 0;
		border-bottom: 1px dashed gray;
	}

	.productlistbanner {
		margin-top: 50px;
	}

	.product-list {
		position: relative;
		top: 0;
	}
}

/*-----------------2019新列表开始------------------*/

a {
	font-family: "Montserrat";
	color: #000;
	text-decoration: none;
	font-weight: 400;

}

.dispn {
	display: none;
}

@media only screen and (max-width:650px) {
	h2>a {
		font-size: 2rem;
	}
}

@media only screen and (max-width:1920px) {
	h2>a {
		font-size: 30px;
	}
}

/*img {
	width: 100%;
}*/

a:hover {
	font-family: "Montserrat";
	color: #ef5508;
	text-decoration: none;
}

.clear {
	clear: both;
}

.product-red a {
	color: #ef5508 !important;
}

.product-list {
	margin-top: 6%;
}

.product-list ul {
	width: 100%;
	margin: 0;
	padding: 0;

}

.product-list ul li {
	list-style: none;
	width: 94%;
	/*padding: 5% 0;*/
	margin: 1% 0;
	border-bottom: 1px solid #b4b4b4;
}

.product-list ul li:hover a {
	color: #ffffff;
}

.product-list ul li a {
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	font-family: "Montserrat";
	font-weight: 400;
}

.product-list ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}

.product {
	padding: 0% 0;
	margin: 0 0;
}

.product-section {
	padding: 6% 0;
	margin: 2% 0;
	border-bottom: 1px dashed #b4b4b4;
	display: flex
}

@media only screen and (max-width:650px) {
	.product-more {
		margin-top: 8%;
		width: 39%
	}
}

@media only screen and (max-width:1920px) {
	.product-more {
		margin-top: 3%;
	}
}

.product-more-a {
	border: 1px solid #000000;
	padding: 5% 17%;
	border-radius: 16px;
}

.product-more-a:hover {
	border: 1px solid #ef5508;
	background: #ef5508;
	color: #ffffff;
}

.product-fenye {
	padding: 2% 0;
	margin: 0 10%;
}

.product-fenye a {
	padding: 1%;
	color: #000000;
	border: 1px solid #000000;
}

.product-fenye a:hover {
	padding: 1%;
	color: #ef5508;
	border: 1px solid #ef5508;
}

/*-------------------------2019新列表结束------------------*/

.hxColor {
	background-color: #171B25 !important;
	color: #fff !important;
}

.newhxNews {
	padding: 0 0;
	margin: 50px 0 0 0;
	background-color: #F8FAFC;
}

.newhxNewsBox {
	width: 67%;
	margin: 64px auto;
}

.newhxNewsBanner {
	width: 100%;
	margin: 64px 0;
	padding: 24px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0px 4px 60px 0px rgba(0, 28, 85, 0.04);
	display: flex;
}

.newhxNewsBanner a {
	width: 100%;
	display: flex;
}

.newhxNewsBannerFont {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newhxNewsBannerFont h4 {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #ef5508;
	margin: 0 0 0 0;
}

.newhxNewsBannerFont h2 {
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	color: #1D2129;
	margin: 12px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.newhxNewsBannerFont p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #6B7280;
	margin: 20px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.newhxNewsBannerFontButton {
	width: 100%;
	margin: 24px 0 0 0;
}

.newhxNewsBannerFontButton button {
	border-style: none;
	padding: 10px 32px;
	background-color: #ef5508;
	border-radius: 6px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
}

.newhxNewsBannerImg {
	flex: 1.5;
	border-radius: 8px;
	margin: 0 0 0 48px;
}

.newhxNewsBannerImg img {
	width: 100%;
	border-radius: 8px;
}

.newhxNewsBar {
	width: 100%;
}

.newhxNewsBar ul {
	width: 100%;
	display: flex;
}

.newhxNewsBar ul a {
	margin: 0 0 0 16px;
	padding: 12px 32px;
	border-radius: 8px;
	border: 1px solid #F2F4F7;
	background-color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #61687C;
}

.newhxNewsBar ul a:first-of-type {
	margin: 0;
}

.newhxNewsContentBox {
	width: 100%;
	margin: 40px 0;
}

.newhxNewsContent {
	display: inline-block;
	width: calc(97% / 3);
	border-radius: 8px;
	border: 1px solid #F2F4F7;
	background: #FFF;
	box-shadow: 0px 4px 60px 0px rgba(0, 28, 85, 0.04);
	margin: 12px 0;
}

.newhxNewsContent:nth-of-type(2),
.newhxNewsContent:nth-of-type(5) {
	margin: 0 1.2%;
}

.newhxNewsContentImg {
	width: 100%;
	border-radius: 8px 8px 0 0;
}

.newhxNewsContentImg img {
	width: 100%;
	border-radius: 8px 8px 0 0;
}

.newhxNewsContentFont {
	width: 100%;
	padding: 16px 16px 24px 16px;
}

.newhxNewsContentFont h4 {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #ef5508;
	margin: 0 0 0 0;
}

.newhxNewsContentFont h2 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: #1D2129;
	margin: 12px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.newhxNewsContentFont p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #6B7280;
	margin: 16px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.newhxNewsContentFontMore a {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #61687C;
	text-decoration: underline;
}

.newhxNewsPagination {
	width: 100%;
	display: flex;
	justify-content: center;
}

.newhxNewsPagination a:first-of-type {
	display: inline-block;
	padding: 0;
	border-radius: 6px;
	background-color: rgba(255, 255, 255, 0);
	margin: 0 6px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #6B7280;
	border: none;
}

.newhxNewsPagination a {
	display: inline-block;
	padding: 12px;
	border-radius: 6px;
	background-color: #fff;
	margin: 0 6px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #6B7280;
	border: 1px solid #F2F4F7;
}

.newhxNewsPagination b {
	padding: 12px;
	border-radius: 6px;
	background-color: #171B25;
	margin: 0 12px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
}

@media screen and (max-width: 2000px) {
	.newhxNewsBox {
		width: 67%;
	}

	.newhxNewsContent {
		width: calc(96% / 3);
	}
}

@media screen and (max-width: 1700px) {
	.newhxNewsBox {
		width: 84%;
	}

	.newhxNewsContent {
		width: calc(96% / 3);
	}
}

@media screen and (max-width: 1500px) {
	.newhxNewsBox {
		width: 88%;
	}

	.newhxNewsContent {
		width: calc(96% / 3);
	}
}

@media screen and (max-width: 1350px) {
	.newhxNewsBox {
		width: 90%;
	}

	.newhxNewsContent {
		width: calc(96% / 3);
	}
}

@media screen and (max-width: 1260px) {
	.newhxNewsBox {
		width: 90%;
	}

	.newhxNewsContent {
		width: calc(96% / 2);
	}

	.newhxNewsContent:nth-of-type(even),
	.newhxNewsContent:nth-of-type(odd) {
		margin: 6px 6px;
	}
}

@media screen and (max-width: 950px) {
	.newhxNewsBox {
		width: 94%;
	}

	.newhxNewsBanner {
		display: block;
	}

	.newhxNewsBannerFont h2 {
		font-size: 26px;
		line-height: 34px;
	}

	.newhxNewsBannerFont p {
		font-size: 16px;
		line-height: 24px;
	}

	.newhxNewsBannerImg {
		margin: 24px 0;
	}
}

@media screen and (max-width: 768px) {
	.newhxNewsBanner a {
		display: block;
	}

	.newhxNewsBar ul {
		display: block;
	}

	.newhxNewsBar ul li {
		padding: 10px;
		margin: 2px 0;
	}

	.newhxNewsContent {
		width: 100%;
	}

	.newhxNewsContent:nth-of-type(even),
	.newhxNewsContent:nth-of-type(odd) {
		margin: 6px 0;
	}

	.newhxNewsPagination a,
	.newhxNewsPagination b {
		font-size: 14px;
		line-height: 20px;
		margin: 0;
		padding: 6px;
	}

}

.videos {
	background-color: #fff;
	margin-top: 5vw;
	margin-bottom: 2vw;
}

.videos_content {
	margin-bottom: 2vw;
}

.videos_top {
	padding: 1vw 0 0 0;
	border-bottom: 1px solid gray;
}

.videos_right {
	margin-top: 2vw;
}

.videos_right a {
	color: #000;
}

.videos_list {
	margin: 2vw 0;
}

.videos_list li {
	padding: 1vw;
	border-radius: 10px;
}

@media only screen and (max-width: 500px) {
	.videos_list li {
		border-bottom: 0.5px dashed #e0e0e0;
	}

	.videos {
		margin-top: 12vw;
	}
}

.videos_list li:hover {
	box-shadow: 0 0 5px gray;
}

.videos_list img {
	width: 100%;
	border-radius: 10px;
}

.videos_list p {
	text-align: center;
	color: #000;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.met_pager {
	margin-top: 2vw;
}

.afterSales {
	margin-top: 50px;
}

.afterSales hr {
	width: 3vw;
	background-color: #ef5508;
	height: 3px;
	border-top: none;
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.afterSales .swiper-container {
	width: 100%;
	margin: 0 auto;
	background-color: #e2e3ec;
	margin-top: 50px;
	padding: 0 0 60px 0;
}

.afterSales .swiper-slide {
	width: 98%;
	height: 100%;
	margin-left: -3px !important;
	background: none !important;
	border-radius: 10px;
}

.afterSales .swiper-slide img {
	width: 100%;
	cursor: pointer;
	border-radius: 10px;
	box-shadow: 0px 5px 8px #a0a0a0;
	transition: 300ms;
	transform: scale(0.85);
}

.afterSales .swiper-slide-active img,
.swiper-slide-duplicate-active img {
	transform: scale(1);
}

.afterSales .swiper-pagination-custom {
	bottom: 40px;
	left: 0;
	width: 100%;
}

.afterSales .swiper-pagination-bullet {
	width: 32px !important;
	height: 6px !important;
	border-radius: 10px !important;
	display: inline-block !important;
	background: #a0a0a0 !important;
	z-index: 10 !important;
	margin-left: 10px !important;
	opacity: 1 !important;
}

.afterSales .swiper-pagination-bullet-active {
	background-color: #ef5508 !important;
}

.afterSales h2 {
	font-weight: bolder;
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.afterSales-Banner {
	background-image: url('/../../images/about/banner-service.webp');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 12vw 0 20vw 0;
}

.afterSales-Banner h1 {
	color: #ef5508;
	font-size: 70px;
	font-weight: bolder;
	letter-spacing: 4px;
	line-height: 100px;
}

.afterSales-Banner h3 {
	color: #fff;
}

.afterSales-Service {
	background-color: #e2e3ec;
	padding: 5vw 0 5vw 0;
}

.afterSales-Online {
	background-color: #f1f4ff;
	padding: 6vw 0 6vw 0;
}

.afterSales-Online-block {
	position: absolute;
	background-color: #000;
	opacity: 0.6;
	height: 100%;
	z-index: 20;
	top: 0px;
	display: none;
}

.afterSales-Online-card-box {
	display: flex;
}

.afterSales-Online-card {
	background-color: #fff;
	padding: 40px 0;
	margin: 30px;
	flex: 1;
	border-radius: 10px;
	cursor: pointer;
	border: 2px solid #fff;
}

.afterSales-Online-card:hover {
	box-shadow: 0px 5px 8px #a0a0a0;
	border-bottom: 3px solid #ef5508;
	border-bottom: 30%;
}

.afterSales-Online-card p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.afterSales-Online-card img {
	width: 50%;
}

.afterSales-Online-card-box-notification {
	display: none;
	position: absolute;
	top: 2%;
	background-color: #fff;
	padding: 1vw 0 1vw 0;
	border-radius: 15px;
	z-index: 25;
}

.close-card-box-notification {
	font-size: 1vw;
	border-style: none;
	background: none;
	text-align: right;
	color: #b9b9b9;
}

.afterSales-Online-card-ticket-notification .form-group {
	display: flex !important;
	font-size: 16px;
	margin-bottom: 10px !important;
}

.afterSales-Online-card-ticket-notification .form-group .form-style {
	display: inline-block;
	width: 70%;
	padding: 3px 12px;
	border-radius: 4px;
	border: 1.5px solid rgb(146 145 145);
	position: absolute;
	right: 0;
	border-left: 3px solid #ff6448 !important
}

.afterSales-Online-card-ticket-notification label {
	font-size: 18px;
}

.afterSales-Online-card-ticket-notification,
.afterSales-Online-card-telephone-notification {
	display: none;
}

.afterSales-Online-card-telephone-notification {
	padding: 2vw 0 5vw 0;
}

.afterSales-Center {
	background-color: #e4e5ee;
	padding: 5vw 0 5vw 0;
}

.afterSales-Center img {
	width: 100%;
	margin-top: 50px;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
	.afterSales .swiper-slide img {
		width: 80%;
	}

	.afterSales-Online-card {
		margin: 10px;
	}
}

@media only screen and (max-width: 500px) {
	.afterSales hr {
		width: 12vw;
		height: 2px;
		margin-top: 5vw;
		margin-bottom: 5vw;
	}

	.afterSales-Banner {
		background-image: url(https://static.bodor.com/images/aftersales2022/banner-service-m.webp);
		padding: 30vw 0 90vw 0;
	}

	.afterSales-Banner h1 {
		font-size: 40px;
	}

	.afterSales-Service,
	.afterSales-Online {
		padding: 20vw 0 15vw 0;
	}

	.afterSales-Online-card-box {
		clear: both;
		display: inline-block;
	}

	.afterSales-Online-card {
		margin: 20px;
		display: flex;
	}

	.afterSales-Online-card-email a {
		display: flex;
	}

	.afterSales-Online-card img {
		width: 20%;
		margin: auto 30px;
	}

	.close-card-box-notification {
		font-size: 6vw;
		border-style: none;
		background: none;
		text-align: right;
		color: #b9b9b9;
	}

	.afterSales-Online-card-ticket-notification .form-group {
		display: block !important;
		font-size: 16px;
		margin-bottom: 10px !important;
	}

	.afterSales-Online-card-ticket-notification .form-group .form-style {
		display: block;
		width: 100%;
		padding: 3px 12px;
		border-radius: 4px;
		border: 1.5px solid rgb(146 145 145);
		position: relative;
		right: 0;
		border-left: 3px solid #ff6448 !important
	}

	.afterSales-Online-card-ticket-notification label {
		font-size: 16px;
		display: block;
	}
}

.companyHistory {
	background-image: url(static/image/bg-companyHistory.webp);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4vw 0 31vw 0;
}

@media only screen and (max-width: 750px) {
	.companyHistory {
		background-image: url(static/image/bg-companyHistory-m.webp);
		padding: 2vw 0 136vw 0;
	}
}

.hx15thAnniversary,
.hx15thAnniversaryImg {
	padding: 0 0;
	overflow: hidden;
}

.hx15thAnniversary {
	position: relative;
}

.hx15thAnniversaryImg img {
	width: 100%;
}

.hx15thAnniversaryFontBox {
	position: absolute;
	top: 14%;
	left: 30%;
	display: flex;
}

.hx15thAnniversaryFont {
	text-align: left;
	width: 55%;
}

.hx15thAnniversaryFont h3 {
	font-size: 22px;
	font-weight: bold;
	color: #ef5508;
}

.hx15thAnniversaryFont h2 {
	font-size: 42px;
	font-weight: 800;
	color: #fff;
	font-family: "Montserrat-Bold";
}

.hx15thAnniversaryFontButton {
	margin-top: 106px;
	flex: 1;
	text-align: right;
}

.hx15thAnniversaryFontButton button {
	padding: 8px 32px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #ef5508;
	border-radius: 6px;
	border: none;
	margin-left: 100px;
}

.hx15thAnniversaryFontButton button:hover {
	background-color: #ff6234;
}

.hx15thAnniversaryFontButton button a {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
	.hx15thAnniversaryFontBox {
		top: 9%;
	}

	.hx15thAnniversaryFont h2 {
		font-size: 45px;
		font-weight: 800;
	}

	.hx15thAnniversaryFont h3 {
		font-size: 22px;
	}

	.hx15thAnniversaryFontButton {
		text-align: left;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
	.hx15thAnniversaryFontBox {
		top: 6%;
		left: 28%;
	}

	.hx15thAnniversaryFont h3 {
		font-size: 20px;
		font-weight: bold;
		color: #ef5508;
	}

	.hx15thAnniversaryFont h2 {
		font-size: 40px;
		font-weight: 800;
	}

	.hx15thAnniversaryFontButton {
		text-align: left;
	}

	.hx15thAnniversaryFontButton button {
		padding: 8px 32px;
	}
}

@media screen and (min-width: 750px) and (max-width: 1200px) {
	.hx15thAnniversaryFontBox {
		top: 16%;
		left: 26%;
	}

	.hx15thAnniversaryFont h3 {
		font-size: 20px;
		font-weight: bold;
		color: #ef5508;
	}

	.hx15thAnniversaryFont h2 {
		font-size: 35px;
		font-weight: 800;
	}

	.hx15thAnniversaryFontButton {
		text-align: left;
	}

	.hx15thAnniversaryFontButton {
		margin-top: 50px;
	}

	.hx15thAnniversaryFontButton button {
		padding: 8px 32px;
	}
}

@media screen and (min-width: 300px) and (max-width: 750px) {
	.hx15thAnniversaryFont {
		text-align: center;
		width: 70%;
		margin: 0 auto;
		position: relative;
	}

	.hx15thAnniversaryFontBox {
		top: 6%;
		left: 0;
		display: block;
		width: 100%;
	}

	.hx15thAnniversaryFont h2 {
		width: 100%;
		font-size: 18px;
		font-weight: 800;
		margin-top: 10px;
	}

	.hx15thAnniversaryFontButton {
		width: 100%;
		display: block;
		text-align: center;
		margin: 6px auto;
	}

	.hx15thAnniversaryFontButton button {
		padding: 2px 24px;
		margin: 0 auto;
	}

	.hx15thAnniversaryFontButton button a {
		font-size: 12px;
	}
}

#bt {
	font-family: inherit;
	font-size: 16px;
	background: #ef5508;
	color: #fff;
	padding: 10px 32px;
	display: flex;
	align-items: center;
	border: none;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.2s;
	margin: 0 auto;
}

#bt span {
	display: block;
	margin-left: 0.3em;
	transition: all 0.3s ease-in-out;
	color: #fff;
}

#bt svg {
	display: block;
	transform-origin: center center;
	transition: transform 0.3s ease-in-out;
}

#bt:hover .svg-wrapper {
	animation: fly-1 0.6s ease-in-out infinite alternate;
}

#bt:hover svg {
	transform: translateX(30px) rotate(45deg) scale(1.1);
}

#bt:hover span {
	transform: translateX(100px);
}

#bt:active {
	transform: scale(0.95);
}

@keyframes fly-1 {
	from {
		transform: translateY(0.1em);
	}

	to {
		transform: translateY(-0.1em);
	}
}

.aboutus {
	padding: 0 0;
	margin: 0 0;
}

.aboutus h2 {
	font-size: 2vw;
	font-weight: bolder;
	color: #ef5508;
}

.aboutus h3 {
	font-weight: 300;
	font-size: 1.2vw;
}

.aboutus p {
	font-size: 16px;
	font-weight: 300;
}

.aboutus span {
	font-size: 21px;
}

.aboutus b {
	font-size: 21px;
	color: #ef5508;
}

.aboutus hr {
	width: 50px;
	background-color: #ef5508;
	height: 0.1vw;
	border-top: none;
	margin-top: 30px;
	margin-bottom: 30px;
}

.pd-0 {
	padding: 0;
}

.aboutus-banner img {
	width: 100%;
	padding: 0 0;
	margin: 0 0;
}

.introduction {
	/*background-image: url('/../../images/about/bg.jpg');*/
	background-repeat: no-repeat;
	background-size: cover;
	/*padding: 4vw 0 18vw 0;*/
}

.introduction b {
	font-size: 28px;
}

.introduction-icon {
	width: 26%;
	margin-bottom: 10px;
}

.globalNetwork {
	padding: 0vw 0 0vw 0;
	position: relative;
}

.globalNetwork h2,
.globalNetwork p {
	color: #fff;
}

.globalNetwork-message {
	position: absolute;
	top: 5%;
}

.globalNetwork-message b {
	font-size: 28px;
}

/* country point start*/
.point {
	width: 21px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid #e0e0e0;
	position: absolute;
	cursor: pointer;
}

.pointanimation {
	-webkit-animation: warn 3s ease-out;
	-moz-animation: warn 3s ease-out;
	animation: warn 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	box-shadow: 0px 0px 5px #e0e0e0;
}

@keyframes warn {
	0% {
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
		opacity: 0.4;
	}

	25% {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		opacity: 0.6;
	}

	50% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.8;
	}

	75% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		opacity: 0.2;
	}
}

.point:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	border-radius: 50%/15px;
	transition: height 0.5s;
	cursor: pointer;
	z-index: 9999999;
}

.point:after {
	background: radial-gradient(30px 30px at 50% 0%, rgba(182, 182, 182, 0) 80%, rgba(182, 182, 182, 0.4) 100%);
	z-index: 0;
}

.point:hover:after {
	height: 200px;
}

.pointt {
	width: 50%;
	height: 50%;
	border-radius: 50%;
	background-color: #e0e0e0;
	position: absolute;
	top: 24%;
	left: 25%;
}

.America {
	top: 52%;
	left: 22%;
	width: 36px;
	height: 24px;
}

.India {
	top: 60%;
	left: 63.5%;
	width: 30px;
	height: 20px;
}

.Hungary {
	top: 52.8%;
	left: 47.5%;
	width: 15px;
	height: 10px;
}

.SouthKorea {
	top: 55.2%;
	left: 73.8%;
	width: 15px;
	height: 10px;
}

.Germany {
	top: 52%;
	left: 45%;
	width: 15px;
	height: 10px;
}

.Japan {
	top: 55%;
	left: 76.5%;
}

.Hongkong {
	top: 59%;
	left: 73%;
	width: 15px;
	height: 10px;
}

.Mexico {
	top: 60%;
	left: 17.5%;
	width: 30px;
	height: 20px;
}

.Brazil {
	top: 74%;
	left: 28%;
	width: 36px;
	height: 24px;
}

.Turkey {
	top: 54%;
	left: 49.5%;
}

.Vietnam {
	top: 62.5%;
	left: 72.2%;
}

.Canada {
	top: 52.5%;
	left: 26%;
}

.Thailand {
	top: 62%;
	left: 70.5%;
}

.Russia {
	top: 50%;
	left: 50%;
	width: 30px;
	height: 20px;
}

.UK {
	top: 51%;
	left: 43%;
}

.Belarus {
	top: 51%;
	left: 48.5%;
	width: 15px;
	height: 10px;
}

.Poland {
	top: 51.5%;
	left: 47%;
	width: 15px;
	height: 10px;
}

.Ukraine {
	top: 52.3%;
	left: 49%;
	width: 15px;
	height: 10px;
}

.CzechRepublic {
	top: 52.8%;
	left: 45.6%;
	width: 15px;
	height: 10px;
}

.Bulgaria {
	top: 54%;
	left: 48.5%;
	width: 15px;
	height: 10px;
}

.Greece {
	top: 55.2%;
	left: 48.5%;
	width: 15px;
	height: 10px;
}

.Colombia {
	top: 66%;
	left: 21.8%;
}

.Chile {
	top: 80%;
	left: 20.8%;
}

.Peru {
	top: 70%;
	left: 20.5%;
}

.Argentina {
	top: 79%;
	left: 25%;
}

.SaudiArabia {
	top: 60%;
	left: 55%;
}

.SouthAfrica {
	top: 76%;
	left: 50%;
}

.globalmessage-country {
	position: absolute;
	display: none;
	top: 10%;
	overflow: hidden;
}

.globalmessage .globalmessage-mes {
	padding: 10px 30px;
	border-radius: 20px;
	box-shadow: 0 0 30px #000;
	border: 1px solid#ef5508;
	background-color: rgba(0, 0, 0, 0.6);
}

.globalmessage .globalmessage-mes h2 {
	font-size: 25px;
	color: #fff;
	border-bottom: 1px dashed #fff;
	padding: 0 0 10px 0;
}

.globalmessage .globalmessage-country img {
	width: 16px;
	margin-right: 8px;
}

.globalmessage .globalmessage-country b,
.globalmessage .globalmessage-country p {
	text-align: left;
	color: #fff;
}

/* country point end */
.companyHistory {
	background-image: url(https://static.bodor.com/images/aboutus2021/bg-companyHistory.webp);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4vw 0 31vw 0;
}

.companyHistory img {
	width: 100%;
}

.capability {
	background-image: url('/../../images/about/bg-capability.webp');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 9vw 0 12vw 0;
}

.capability hr {
	margin-left: 0;
	left: 0;
}

.capability b,
.capability p {
	color: #fff;
}

.rdcapability {
	background-image: url('/../../images/about/rongyu-bg.webp');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4vw 0 5vw 0;
}

.rdcapability hr {
	margin-left: 0;
	left: 0;
}

.service {
	background-image: url('/../../images/about/bg-service.webp');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5vw 0 5vw 0;
}

.service-box {
	border: 1px solid #c4c4c4;
	padding: 20px 10px;
	margin-bottom: 60px;
	height: 250px;
	cursor: pointer;
	border-radius: 10px;
}

.service-box-center {
	margin-left: 50px;
	margin-right: 50px;
}

.service-box h3,
.service-box p {
	color: #fff;
}

.service-box h3 {
	font-size: 21px;
	font-weight: bolder;
	margin-top: 15px;
	margin-bottom: 15px;
}

.service-box p {
	font-size: 15px;
}

.service-box img {
	margin-top: 30px;
	width: 80%;
}

.service-box:hover {
	background-color: rgba(255, 255, 255, 0.08);
	border-top: 3px solid #ef5508;
	box-shadow: 0 0 8px #fff inset, 0 0 8px #000;
}

.aboutusVideo {
	background-color: #d9d9d9;
	padding: 5vw 0;
}

@media only screen and (max-width: 1300px) {
	.aboutus h2 {
		font-size: 28px;
		font-weight: bolder;
	}

	.aboutus h3 {
		font-size: 18px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.aboutus hr {
		width: 50px;
		height: 1.5px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.aboutus p {
		font-size: 16px;
	}

	.aboutus b {
		font-size: 16px;
		color: #ef5508;
	}

	.globalmessage .globalmessage-mes h2 {
		font-size: 23px;
	}

	.globalmessage .globalmessage-country b,
	.globalmessage .globalmessage-country p {
		font-size: 16px;
	}
}

@media only screen and (max-width: 750px) {
	.aboutus h2 {
		font-size: 28px;
		font-weight: bolder;
	}

	.aboutus h3 {
		font-size: 18px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.aboutus hr {
		width: 50px;
		height: 1.5px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.aboutus p {
		font-size: 14px;
	}

	.aboutus b {
		font-size: 14px;
		color: #ef5508;
	}

	.aboutus-banner img {
		width: 100%;
		padding: 0 0;
		margin: 0 0;
		margin-top: 50px;
	}

	.introduction {
		background-image: url(' /../../images/about/bg-introduction-m.webp');
		padding: 14vw 0 64vw 0;
	}

	.introduction b {
		font-size: 20px;
	}

	.introduction-icon {
		width: 50%;
		margin-bottom: 10px;
	}

	.globalNetwork {
		background-image: url(https://static.bodor.com/images/aboutus2021/bg-globalNetwork-m.webp);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 56vw 0 100vw 0;
	}

	.globalNetwork-message p {
		line-height: 26px;
		margin: 0 0 0px;
	}

	.globalNetwork-message b {
		font-size: 30px;
		background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#888888), to(#eeeeee));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.companyHistory {
		background-image: url(https://static.bodor.com/images/aboutus2021/bg-companyHistory-m.webp);
		padding: 2vw 0 136vw 0;
	}

	.capability {
		background-image: url(https://static.bodor.com/images/aboutus2021/bg-capability-m.webp);
		padding: 9vw 0 72vw 0;
	}

	.capability hr {
		text-align: center;
		margin: 10px auto;
	}

	.capability p {
		font-size: 16px;
	}

	.capability b {
		font-size: 17px;
	}

	.capability h2,
	.capability p {
		text-align: center;
	}

	.rdcapability {
		background-image: url('/../../images/about/rongyubg-m.webp');
		padding: 5vw 0 72vw 0;
	}

	.rdcapability h2 {
		text-align: center;
	}

	.rdcapability p {
		margin: 0 0 5px;
	}

	.rdcapability hr {
		text-align: center;
		margin: 10px auto;
	}

	.rdcapability .rdcapability-icon {
		width: 30%;
		margin-bottom: 10px;
	}

	.service-box {
		height: auto;
		padding: 5px;
		border-top: 4px solid #ef5508;
		margin-bottom: 15px;
	}

	.service-icon {
		width: 80%;
	}

	.service-box-center {
		margin-left: 32px;
		margin-right: auto;
	}

	.aboutusVideo {
		padding: 10vw 5vw;
	}
}

.news2023 {
	width: 100%;
	padding: 80px 0 0 0;
	font-family: "Montserrat";
	background: linear-gradient(180deg, #F8FAFC 0%, rgba(248, 250, 252, 0.00) 50.4%), #FFF;
}

.news2023Box {
	margin-top: 50px;
	margin-bottom: 80px;
	padding: 0 0;
}

.news2023NavBox {
	position: sticky;
	top: 80px;
	padding: 0 0;
}

.news2023Nav,
.news2023NavShare {
	padding: 16px;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #FAFAFB;
	margin-bottom: 24px;
}

.news2023Nav a,
.news2023Nav ul a {
	padding: 6px 10px;
	display: flex;
	border-radius: 6px;
}

.news2023Nav a:hover,
.news2023Nav ul a:hover {
	background-color: #FAFAFB;
}

.news2023Nav a h3,
.news2023NavShare h3 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	margin: 6px 0;
	color: #171B25;
}

.news2023Nav ul a li {
	padding: 6px 2px;
}

.news2023Nav ul a li p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #61687C;
	margin: 0;
}

.news2023NavShare h3 {
	padding: 0 10px;
}

.news2023NavShare ul {
	padding: 10px 0 0 0;
	display: flex;
}

.news2023NavShare ul a {
	padding: 6px 10px;
	flex: 1;
}

.news2023NavShare ul a li {
	text-align: center;
	width: 100%;
}

.news2023NavShare ul a li img {
	width: 24px;
	height: 24px;
}

.news2023ContentBox {
	margin-left: 36px;
}

.news2023ContentTitle {
	margin: 0 0;
}

.news2023ContentTitle h1 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 700;
	margin: 0 0 0 0;
	color: #171B25;
}

.news2023ContentTag {
	width: 100%;
	margin: 24px 0;
	display: flex;
}

.news2023ContentTagType,
.news2023ContentTagTime {
	margin-right: 16px;
}

.news2023ContentTagType span,
.news2023RecommendContentFontType span {
	display: inline-block;
	padding: 4px 12px;
	margin: 0 0;
	border-radius: 6px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	background-color: #FFECE7;
	color: #ef5508;
}

.news2023ContentTagTime span {
	display: inline-block;
	padding: 4px 12px;
	margin: 0 0;
	border-radius: 6px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	background-color: #F2F4F7;
	color: #61687C;
}

.news2023Content p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #414960;
	margin: 12px 0;
}

.news2023Content h2 {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #171B25;
	margin: 12px 0;
}

.news2023Content h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	color: #414960;
	margin: 30px 0 24px 0;
}

.news2023Content h4 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: #414960;
	margin-top: 36px;
	margin-bottom: 18px;
}

.news2023Content p b {
	font-weight: 600;
	color: #414960;
}

.news2023Content p img,
.news2023Content p video,
.news2023Content video {
	border-radius: 6px;
	width: 100%;
	margin: 18px 0;
}

.news2023RecommendBoxBox {
	background-color: #F8FAFC;
	padding: 80px 0;
}

.news2023RecommendBox {
	padding: 0 0;
}

.news2023RecommendTitle {
	margin: 0 0 64px 0;
}

.news2023RecommendTitle h2 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 700;
	margin: 0 0;
	text-align: center;
}

.news2023RecommendContentBox {
	display: flex;
}

.news2023RecommendContent {
	flex: 1;
	border-radius: 8px;
}

.news2023RecommendContent:nth-of-type(2) {
	margin: 0 32px;
}

.news2023RecommendContentImg img {
	border-radius: 8px 8px 0 0;
	width: 100%;
}

.news2023RecommendContentFont {
	border-radius: 0 0 8px 8px;
	padding: 16px;
	border: 1px solid #F2F4F7;
	background-color: #fff;
}

.news2023RecommendContentFont h3 {
	margin: 8px 0;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #3E3232;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news2023RecommendContentFont p {
	margin: 8px 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #6B7280;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news2023RecommendButton {
	width: 100%;
	margin: 30px 0 0 0;
	text-align: center;
}

.news2023RecommendButton button {
	background-color: #ef5508;
	border-radius: 6px;
	padding: 10px 24px;
	border-style: none;
}

.news2023RecommendButton button:hover {
	background-color: #ef5508;
}

.news2023RecommendButton button a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

.news2023ContentShare {
	display: none;
}

@media screen and (max-width:1280px) {
	.news2023NavBox {
		display: none;
	}

	.news2023ContentBox {
		width: 98% !important;
		margin: 0 auto !important;
	}

	.news2023ContentShare {
		display: block;
	}

	.news2023ContentShare {
		padding: 16px 0;
		border-radius: 6px;
		background-color: #fff;
		margin-bottom: 24px;
	}

	.news2023ContentShare hr {
		border: 0.5px solid #d9d9d9;
	}

	.news2023ContentShare h3 {
		font-size: 18px;
		line-height: 26px;
		font-weight: 600;
		margin: 6px 0;
		color: #171B25;
		text-align: center;
		padding: 0 10px;
		margin-top: 40px;
	}

	.news2023ContentShare ul {
		max-width: 400px;
		padding: 10px 0 0 0;
		display: flex;
		margin: 10px auto;
	}

	.news2023ContentShare ul a {
		padding: 6px 10px;
		flex: 1;
		text-align: center;
	}

	.news2023ContentShare ul a li {
		text-align: center;
		width: 100%;
	}

	.news2023ContentShare ul a li img {
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width:992px) {
	.news2023RecommendContentBox {
		display: block;
	}

	.news2023RecommendTitle h1 {
		text-align: center;
	}

	.news2023RecommendContent,
	.news2023RecommendContent:nth-of-type(2) {
		width: 80%;
		margin: 30px auto 0 auto;
	}
}

@media screen and (max-width:750px) {
	.news2023Box {
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.news2023ContentTitle h1 {
		font-size: 24px;
		line-height: 32px;
	}

	.news2023Content p {
		font-size: 14px;
		line-height: 22px;
	}

	.news2023RecommendContent,
	.news2023RecommendContent:nth-of-type(2) {
		width: 100%;
		margin: 30px auto 0 auto;
		padding: 0 15px;
	}

	.news2023RecommendButton button {
		padding: 8px 24px;
	}

	.news2023RecommendButton button a {
		font-size: 14px;
		line-height: 24px;
	}
}

/* .service-box-center{
	background:#000000
} */
/*------------------------------*/
.nr-jianbian {
	background-image: linear-gradient(to right, #0c68c5 10%, #96d3cb 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	width: auto;

}

.new-biaoge h2 {
	font-weight: bold;
}

.new-biaoge table {
	border-collapse: collapse;
	width: 100%;
	background-color: #c2c7d3;
	/* 表格背景色为灰色 */
}

.new-biaoge table,
td {
	border: 1px solid #fff;
	/* 表格线颜色为白色 */
	padding: 1%;
}

.new-biaoge td:first-child {
	font-weight: bold;
	/* 首列字体加粗 */
}

.font-lanse {
	color: #2327df;
}

.bg-lanse {
	background: #2327df;
}

.mg-top-2 {
	margin-top: 2%;
}

.mg-top-6 {
	margin-top: 6%;
}

.mg-top-8 {
	margin-top: 8%;
}

.get-qute {
	color: #ffffff;
	font-weight: 400;
	border-radius: 10px;
	border: none;
	padding: 1% 2%;
}

.bg-hui {
	background-color: #c2c7d3;
}

.structure-pd-top {
	padding: 4% 4%;
}

.structure-pd-top h4 {
	font-weight: bolder;
}


.structure-container {
	display: flex;
	justify-content: center;
	/* 主轴上的对齐方式：居中 */
	align-items: center;
	/* 交叉轴上的对齐方式：居中 */


}

.structure-left-line1 {

	position: absolute;
	left: 67%;
	width: 52%;
	top: 36%;
	z-index: 1;
}

.structure-left-line2 {

	position: absolute;
	left: 67%;
	width: 62%;
	top: 31%;
}

.structure-left-line3 {

	position: absolute;
	left: 58%;
	width: 62%;
	top: 16%;
	z-index: -1;
}

.structure-left-line4 {
	z-index: -1;
	position: absolute;
	left: 58%;
	width: 62%;
	top: 10%;
}

.structure-right-line1 {
	z-index: 1;
	position: absolute;
	right: 58%;
	width: 100%;
	top: 61%;
}

.structure-right-line2 {
	position: absolute;
	right: 58%;
	width: 78%;
	top: 21%;
	z-index: 1;
}

.structure-right-line3 {
	position: absolute;
	right: 58%;
	width: 96%;
	top: 16%;
	z-index: 1;
}

.structure-right-line4 {
	z-index: 1;
	position: absolute;
	right: 58%;
	width: 62%;
	top: 0%;
}

.structure-item {

	margin: 10px 0;
}

.structure-item img {
	width: auto;

}

.structure-center img {
	width: auto;
}

.structure001 img {
	width: auto;
	max-width: 100%;
}

.working p {
	font-size: 14px;
}

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

.pd-bottom-1 {
	padding-bottom: 1%;
}

.introduction-img img {
	width: auto;
	max-width: 100%;
}

.position-absolute {
	position: absolute;
}

.position-relative {
	position: relative;
}

.technology-font {
	left: 0%;
}

.technology-right-font {
	left: 0%;
}

.mg-top-f-6 {
	margin-top: -9%;
}

.mg-top-f-2 {
	z-index: 1;
}

.technology1 {
	top: 26%;
}

.technology1 p {
	width: 75%;
}

.technology2 {
	top: 26%;
	width: 73%;
}

.technology2 p {
	width: 100%;
}

.technology3 {
	top: 26%;
}

.technology3 p {
	width: 73%;
	text-align: right;
	float: right;
}

.technology-right {
	right: 22%;
}

.technology4 {
	top: 26%;
}

.technology4 p {
	width: 73%;
	float: right;
	text-align: right;
}

.ps-font {
	top: 5%;

}

.ps-font h2 {
	top: 5%;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 5px 0px 3px rgba(0, 0, 0, 0.5);
}

.canshu table {
	border-collapse: collapse;
	width: 100%;
	border: 0px;
	/* 设置表格的外边框为0 */


}

.canshu table td a {
	color: #fff;
	word-break: normal;
}

.canshu th,
.canshu td {

	padding: 8px;

}

.canshu td:first-child:nth-child(-n+1) {
	border: none !important;
}

/* 从第一列的第二行开始向下到第一列的最后一行背景颜色为蓝色 */
.canshu tr:nth-child(n+2) td:first-child {
	background-color: #0b3760;
	border-right: 1px solid #3792e3 !important;
	border-bottom: 1px solid #3792e3 !important;
}

/* 第一列第二行左上角添加圆角 */
.canshu tr:nth-child(2) td:first-child {
	border-top-left-radius: 20px;
}

.canshu td:nth-child(n+2):nth-child(n+2) {
	background-color: #227fd6;
	border: 1px solid #3792e3;
}

.canshu tr:first-child td:nth-child(n+2) {
	background-color: #227fd6;
	border: 0px solid #3792e3;
	border-right: 1px solid #3792e3;
}

/* 第一行第二列左上角添加圆角 */
.canshu tr:first-child td:nth-child(2) {
	border-top-left-radius: 20px;
	border-top: 0px solid #3792e3;
	border-bottom: 0px solid #3792e3;
}

.hxbg-qianhui {
	background: #e7eaf0;
}

.canshu td:first-child {
	border-left: 0 !important;
}

.canshu tr:last-child td:first-child {
	border-bottom-left-radius: 40px;
	/* 设置左下角圆角 */
	border-bottom: none !important;
}

.canshu tr:last-child td:last-child {
	border-bottom-right-radius: 40px;
	/* 设置左下角圆角 */
	border-bottom: none !important;
}

.canshu tr:first-child td:last-child {
	border-top-right-radius: 40px;
	/* 设置左下角圆角 */
	border-bottom: none !important;
}

.canshu td:last-child {
	border-right: 0px !important;

}

.canshu tr:nth-child(2) td:last-child {

	border-bottom: none !important;
}

.app-s-font {
	width: 100%;
	bottom: 6%;
	text-align: center;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
}

.yingyong-hangye {

	background: linear-gradient(to right, #d2dbdf 30%, #ffffff 70%);


}

.hxtable-container {
	overflow-x: auto;

}

.bg-white {
	background: #ffffff;
}

.yingyong-hangye-li {
	height: 390px;
}

.tec01 {
	background-image: url('/../../images/product/007.png');
	background-repeat: no-repeat;
	background-size: 100%;
}

.tec02 {
	background-image: url('/../../images/product/008.png');
	background-repeat: no-repeat;
	background-size: 100%;
}

.tec03 {
	background-image: url('/../../images/product/009.png');
	background-repeat: no-repeat;
	background-size: 100%;
}

.tec04 {
	background-image: url('/../../images/product/010.png');
	background-repeat: no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 769px) {
	.yingyong-hangye-li p {
		font-size: 0.85vw;
		line-height: 24px;
		font-family: "Montserrat";
	}

	.tec01 h2,
	.tec02 h2,
	.tec03 h2,
	.tec04 h2 {
		font-size: 0.85vw;
	}

	h2 {
		font-size: 2vw
	}

	.technology1 h2,
	.technology2 h2,
	.technology3 h2,
	.technology4 h2 {
		font-size: 1.5vw;
	}
}

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

	.yingyong-hangye-li p {
		font-size: 4vw;
		line-height: 24px;
		font-family: "Montserrat";
	}

	.tec01 h2,
	.tec02 h2,
	.tec03 h2,
	.tec04 h2 {
		font-size: 5vw;
	}

	.tec01 p,
	.tec02 p,
	.tec03 p,
	.tec04 p {
		font-size: 2.5vw;
		line-height: 1.2;
		width: 88%;
		padding: 6% 0;
	}

	h2 {
		font-size: 5vw
	}

	.canshu table td a {
		color: #fff;
		font-size: 2.5vw
	}
}

.tec02,
.tec04,
.tec02 p,
.tec04 p {
	float: right
}

.tec01,
.tec03,
.tec01 p,
.tec03 p {
	float: left
}

.text-right {
	text-align: right;
}

.pd-left-3 {
	padding-left: 3%;
}

.pd-right-3 {
	padding-right: 3%;
}

.pd-bottom-8 {
	padding-bottom: 8%;
}

.yingyong-hangye h2 {
	text-transform: uppercase;
	font-weight: bold;
}

.yingyong-hangye-learn {

	bottom: 6%;
}

.yingyong-hangye-learn a {
	color: #2327df;
	font-weight: 400;
}

.hezuohuoban ul {
	display: flex;
	justify-content: space-between;
	/* 平均分布 li 元素 */
	list-style: none;
	/* 移除默认的列表样式 */
	padding: 0;
	/* 移除默认的列表内边距 */
	width: 100%;
	margin: 0 auto;
}

.hezuohuoban ul li {
	list-style: none;
	float: left;
	text-decoration: none;
	display: inline-block;
	height: auto;
	text-align: center;
	cursor: pointer;
	text-align: center;
	padding: 2% 1%;
}

.hezuohuoban h2 {
	font-weight: bold;
}

.structure1-left img,
.structure-center1 img {
	width: auto;
	max-width: 100%;
}

.m-img {
	display: none;
}

.pc-img {
	display: flex;
}

@media (max-width: 575.98px) {
	.pc-img {
		display: none !important;
	}

	.m-img {
		display: block !important;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.pc-img {
		display: none !important;
	}

	.m-img {
		display: block !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: block;
	}

	.tec-new {
		background-image: url('/../../images/product/stur.png');
		background-repeat: no-repeat;

		background-position: center 75%;
	}

	.tec-new01 {
		background-image: url('/../../images/product/007.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
	}

	.tec-new02 {
		background-image: url('/../../images/product/008.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
		text-align: right;
	}

	.tec-new03 {
		background-image: url('/../../images/product/009.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
	}

	.tec-new01 p {
		width: 62%
	}

	.tec-new02 p {
		width: 62%;
		float: right
	}

	.tec-new03 p {
		width: 62%
	}

	.tec-new04 p {
		width: 62%;
		float: right
	}

	.tec-new04 {
		background-image: url('/../../images/product/010.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
		text-align: right;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: block;
	}

	.tec-new {
		background-image: url('/../../images/product/stur.png');
		background-repeat: no-repeat;

		background-position: center 75%;
	}

	.tec-new01 {
		background-image: url('/../../images/product/007.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
	}

	.tec-new02 {
		background-image: url('/../../images/product/008.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
		text-align: right;
	}

	.tec-new03 {
		background-image: url('/../../images/product/009.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
	}

	.tec-new01 p {
		width: 62%
	}

	.tec-new02 p {
		width: 62%;
		float: right
	}

	.tec-new03 p {
		width: 62%
	}

	.tec-new04 p {
		width: 62%;
		float: right
	}

	.tec-new04 {
		background-image: url('/../../images/product/010.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 4% 0;
		text-align: right;
	}
}


@media (min-width: 992px) {
	.tec-new {
		background-image: url('/../../images/product/stur.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center 100%;
	}

	.tec-new01 {
		background-image: url('/../../images/product/007.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 1% 0;
		height: 15em;
	}

	.tec-new02 {
		background-image: url('/../../images/product/008.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 1% 0;
		text-align: right;
		height: 15em;
	}

	.tec-new03 {
		background-image: url('/../../images/product/009.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 1% 0;
		height: 15em;
	}

	.tec-new01 p {
		width: 62%;
		font-size: 1vw
	}

	.tec-new02 p {
		width: 62%;
		float: right;
		font-size: 1vw
	}

	.tec-new03 p {
		width: 62%;
		font-size: 1vw
	}

	.tec-new04 p {
		width: 62%;
		float: right;
		font-size: 1vw
	}

	.tec-new04 {
		background-image: url('/../../images/product/010.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 1% 0;
		text-align: right;
		height: 15em;
	}

	.tec-new01 h2,
	.tec-new02 h2,
	.tec-new03 h2,
	.tec-new04 h2 {
		font-size: 1.6vw;
		padding-top: 3%;
	}
}

@media (min-width: 1400px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: flex;
	}

	.tec-new {
		background-image: url('/../../images/product/stur.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center 106%;
	}

	.tec-new01 {
		background-image: url('/../../images/product/007.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 2% 0;
		height: 24rem;
	}

	.tec-new02 {
		background-image: url('/../../images/product/008.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 2% 0;
		height: 24rem;
		text-align: right;
	}

	.tec-new03 {
		background-image: url('/../../images/product/009.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 2% 0;
		height: 24rem;
	}

	.tec-new01 p {
		width: 62%;
		font-size: 1vw
	}

	.tec-new02 p {
		width: 62%;
		float: right;
		font-size: 1vw
	}

	.tec-new03 p {
		width: 62%;
		font-size: 1vw
	}

	.tec-new04 p {
		width: 62%;
		float: right;
		font-size: 1vw
	}

	.tec-new04 {
		background-image: url('/../../images/product/010.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 2% 0;
		height: 24rem;
		text-align: right;
	}

	.tec-new01 h2,
	.tec-new02 h2,
	.tec-new03 h2,
	.tec-new04 h2 {
		font-size: 1.3vw;
		padding-top: 0%;
	}
}

/* 大于等于 1600px 宽度的设备 */
@media (min-width: 1600px) {
	.m-img {
		display: none;
	}

	.pc-img {
		display: flex;
	}

	.tec-new {
		background-image: url('/../../images/product/stur.png');
		background-repeat: no-repeat;
		background-position: center 93%;
		background-size: auto;
	}

	.tec-new01 {
		background-image: url('/../../images/product/007.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 3% 0;
		height: 21em;
	}

	.tec-new02 {
		background-image: url('/../../images/product/008.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 3% 0;
		text-align: right;
		height: 21em;
	}

	.tec-new03 {
		background-image: url('/../../images/product/009.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 3% 0;
		height: 21em;
	}

	.tec-new01 p {
		width: 62%;
		font-size: 0.8vw;
		line-height: 1.5;
	}

	.tec-new02 p {
		width: 62%;
		float: right;
		font-size: 0.8vw;
		line-height: 1.5;
	}

	.tec-new03 p {
		width: 62%;
		font-size: 0.8vw;
		line-height: 1.5;
	}

	.tec-new04 p {
		width: 62%;
		float: right;
		font-size: 0.8vw;
		line-height: 1.5;
	}

	.tec-new04 {
		background-image: url('/../../images/product/010.png');
		background-repeat: no-repeat;
		background-size: cover;
		/* 背景图片充满整个容器 */
		background-position: center;
		/* 在容器中水平和垂直居中 */
		padding: 3% 0;
		text-align: right;
		height: 21em;
	}

	.tec-new01 h2,
	.tec-new02 h2,
	.tec-new03 h2,
	.tec-new04 h2 {
		font-size: 1.5vw;
		padding-top: 3%;
	}
}

/*---------------------202405内容页----------------------*/
.nr2024 {
	background-color: #F6F7F8;
}

.nr2024 img {
	max-width: 100% !important;
}

.font-white {
	color: #ffffff;
}

.nr-banner-font {
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.nr-banner-font h2 {
	text-transform: uppercase;
}

.nr-banner-font a {
	background: #ef5508;
	border-radius: 10px;
	padding: 1% 2%;
	color: #ffffff;
	position: absolute;
	top: 138%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	margin: -10px 0 0 -10px;
	/* 负值的一半为了抵消自身的宽度和高度 */
}

.nr-description {
	background-color: rgba(217, 217, 217, 1);
	border-radius: 18px;
}

.nr-description-right {
	padding-left: 4%;
}

.nr-description-right h2 {
	line-height: 1.5cm;
}

.nr-description-right p {
	line-height: 0.8cm;
	text-align: left;
}

.nr-description-right a {
	background: #ef5508;
	border-radius: 10px;
	padding: 1% 2%;
	color: #ffffff;
	position: absolute;
	top: 128%;
	left: 20%;
	transform: translate(-50%, -50%);
	text-align: left;
	margin: -10px 0 0 -10px;
	/* 负值的一半为了抵消自身的宽度和高度 */
}

.nr-diankong,.nr-youshuifenli {
	background: linear-gradient(to top, #000000, #3B3B3B, #737373);
}

.nr-diankong h2 {
	line-height: 1.5cm;
}
.nr-youshuifenli h2{
	line-height: 1.5cm;
}
.nr-youshuifenli-font{
	width:80%;
	margin:0 auto;
}
.nr-dongli-right {
	background: linear-gradient(to top, #000000, #CEC7C7);
	border-radius: 18px;
}

.nr-dongli-left {
	margin-top: 2%;
	padding-right: 3%;
}

.nr-dongli-left h2 {
	line-height: 1.5cm;
}

.nr-dongli-left p {
	line-height: 0.8cm;
	text-align: left;
}

.nr-pd-3 {
	padding-top: 3%;
	padding-bottom: 3%;
}
.nr-pd-2{
	padding-top: 2%;
	padding-bottom: 2%;
}
.nr-pd-top-5 {
	padding-top: 5%;
}
.nr-pd-top-2 {
	padding-top: 2%;
}
.nr-lvxin-bg {
	background-color: #D9D9D9;
}

.nr-lvxin {
	background-color: #ffffff;
	border-radius: 18px;
	padding: 3%;
}

.nr-lvxin-right {
	padding-left: 5%;
}

.nr-lvxin-right h2 {
	line-height: 1.5cm;
}

.nr-lvxin-right p {
	line-height: 0.8cm;
	text-align: left;
}
.nr-qinghui-left{
	padding-right: 5%;
}
.nr-qinghui-left h2 {
	line-height: 1.5cm;
}

.nr-qinghui-left p {
	line-height: 0.8cm;
	text-align: left;
}
.nr-qinghui-right{
	background-color: #000000;
	border-radius: 18px;
}
.nr-loudou{
	background-color: #000000;
}
.nr-loudou-font{
	width: 60%;
	margin: 0 auto;
}
.nr-loudou-font h2{
	line-height: 1.5cm;
}
.nr-loudou-font p{
	line-height: 0.8cm;
	text-align: center;
}
.nr-yingyong h2{
	line-height: 1.5cm;
}
.nr-yingyong p{
	line-height: 0.8cm;
	text-align: center;
}

@media (max-width: 575.98px) {
	.nr-loudou-font{
		width: 100%;
		margin: 0 auto;
	}
	#massage{
	
    padding-bottom:20%
}
.nr-description-right a {
    background: #ef5508;
    border-radius: 10px;
    padding: 1% 2%;
    color: #ffffff;
    position: absolute;
    top: 120%;
    left: 20%;
    transform: translate(-50%, -50%);
    text-align: left;
    margin: -10px 0 0 -10px;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.nr-loudou-font{
		width: 100%;
		margin: 0 auto;
	}
	#massage{
	
    padding-bottom:20%
}
.nr-description-right a {
    background: #ef5508;
    border-radius: 10px;
    padding: 1% 2%;
    color: #ffffff;
    position: absolute;
    top: 120%;
    left: 20%;
    transform: translate(-50%, -50%);
    text-align: left;
    margin: -10px 0 0 -10px;
}
}
@media screen and (min-width: 769px) {
	.nr-loudou-font{
		width: 100%;
		margin: 0 auto;
	}
	#massage{
	
    padding-bottom:20%
}
.nr-description-right a {
    background: #ef5508;
    border-radius: 10px;
    padding: 1% 2%;
    color: #ffffff;
    position: absolute;
    top: 120%;
    left: 20%;
    transform: translate(-50%, -50%);
    text-align: left;
    margin: -10px 0 0 -10px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.nr-loudou-font{
		width: 100%;
		margin: 0 auto;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.nr-loudou-font{
		width: 60%;
		margin: 0 auto;
	}
}
@media (min-width: 992px) {
	.nr-loudou-font{
		width: 60%;
		margin: 0 auto;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.nr-loudou-font{
		width: 60%;
		margin: 0 auto;
	}
}
@media (min-width: 1400px) {
	.nr-loudou-font{
		width: 60%;
		margin: 0 auto;
	}
}
@media (min-width: 1600px) {
	.nr-loudou-font{
		width: 60%;
		margin: 0 auto;
	}
}
#massage{
	display: none;
	position: fixed;
	top: 3%;
	background-color: rgba(245, 245, 245, 1);
	height: 100vh;
    left: 0;
    overflow-y: auto; /* 当内容溢出时显示垂直滚动条 */
    
}
.nr-liuyan{
	margin-top:3%
}