@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: #2753df !important;
				border: 1.5px solid #2753df;
			}

			.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: #2753df;
				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: 100px;
				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: #2753df;
				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%;
			}

			@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: #2753df;
				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: #2753df;
				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: #2753df;
					color: #fff;
					text-decoration: none;
				}

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

				.product-red {
					background-color: #2753df !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:#2753df;
    text-decoration: none;
}
.clear{
    clear: both;
}
.product-red a{
color:#2753df !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 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 #2753df;
       background:#2753df;
       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:#2753df;
        border:1px solid #2753df;
}
/*-------------------------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: #2753df;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: #2753df;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: #2753df;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: rgb(234 85 41); 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: #ea5529 !important; } .afterSales h2 { font-weight: bolder; margin-top: 2vw; margin-bottom: 2vw; } .afterSales-Banner { background-image: url(https://static.bodor.com/images/aftersales2022/banner-service.webp); background-repeat: no-repeat; background-size: cover; padding: 12vw 0 20vw 0; } .afterSales-Banner h1 { color: #ee7820; 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 #ea5529; 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: #2753df; } .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: #2753df;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: #2753df; } .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: #2753df; } .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: #2753df; 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: #ea5529; } .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: #ea5529; } .aboutus hr { width: 50px; background-color: #ea5529; height: 0.1vw; border-top: none; margin-top: 30px; margin-bottom: 30px; } .aboutus-banner img { width: 100%; padding: 0 0; margin: 0 0; } .introduction { background-image: url(https://static.bodor.com/images/aboutus2021/bg-introduction.webp); 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#ea5529; 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(https://static.bodor.com/images/aboutus2021/bg-capability.webp); background-repeat: no-repeat; background-size: cover; padding: 7vw 0 12vw 0; } .capability hr { margin-left: 0; left: 0; } .capability b, .capability p { color: #fff; } .rdcapability { background-image: url(https://static.bodor.com/images/aboutus2021/bg-rdcapability.webp); background-repeat: no-repeat; background-size: cover; padding: 4vw 0 5vw 0; } .rdcapability hr { margin-left: 0; left: 0; } .service { background-image: url(https://static.bodor.com/images/aboutus2021/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: 80px; margin-right: 80px; } .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 #ea5529; 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: #ea5529; } .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: #ea5529; } .aboutus-banner img { width: 100%; padding: 0 0; margin: 0 0; margin-top: 50px; } .introduction { background-image: url(https://static.bodor.com/images/aboutus2021/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(https://static.bodor.com/images/aboutus2021/bg-rdcapability-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 #ea5529; 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: #2753df; } .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: #2753df; border-radius: 6px; padding: 10px 24px; border-style: none; } .news2023RecommendButton button:hover { background-color: #ea5529; } .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; } }