@media screen and (min-width: 1024px) {
	body {
		font-size: 22px;
		overflow-x: hidden;
		font-family: "FZLTHJW";
	}

	@font-face {
		src: url(../css/FZLTHJW.TTF);
		font-family: "FZLTHJW";
	}

	@font-face {
		src: url(../css/Font.TTF);
		font-family: "Font";
	}

	img {
		object-fit: cover;
	}

	ul,
	h2,
	p,
	h3 {
		margin: 0;
		padding: 0;
	}

	.wrapper {
		position: relative;
		z-index: 50;
		padding-top: 64px;
	}

	.CenterPro,
	.PranentTab img,
	.EducationFx img,
	.ParticipantsFx img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		z-index: 1;
	}

	.go_top {
		cursor: pointer;
		width: 68px;
		height: 72px;
		position: fixed;
		bottom: 80px;
		right: 12px;
		z-index: 108;
		/* background-image: url(../images/backtop.png); */
		background-size: cover;
		/* background-repeat: no-repeat;
		background-position: center; */
	}

	.wrap {
		width: 1200px;
		display: block;
		margin: 0px auto;
	}

	.HeaderFlix {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 101;
		height: 64px;
		background-color: #006ee6;
	}

	.am_logo {
		width: 129px;
		height: 20px;
		float: left;
		margin-top: 22px;
		/* background-image: url(../images/logo.png); */
		background-size: cover;
		/* background-repeat: no-repeat;
		background-position: center; */
	}

	.nav {
		float: right;
		min-width: 78%;
		text-align: right;
		font-size: 0;
	}

	.subnav_ul li {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
	}

	.subnav_ul a {
		color: #FFFFFF;
		display: block;
		margin: 0px 25px;
		line-height: 64px;
	}

	.am_bootomP a:hover,
	.navDown a:hover,
	.ActivityFx .ActivityTag:hover,
	.ActivityFx .ActivityTag:hover h2,
	.Activitytime .swiper-slide:hover h2,
	.ReportFx:hover,
	.ProductCationFx:hover,
	.HonorSwiper .swiper-slide:hover h2,
	.Salesvideo .ActivityFx:hover p,
	.NavdownSubFlex a:hover {
		color: #006ee6;
	}

	.subnav_ul a span:after {
		content: '';
		width: 0;
		position: absolute;
		background: #fff;
		height: 4px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.subnav_ul a:hover span:after,
	.subnav_ul a.active span:after {
		width: 100%;
	}

	.subnav_ul a span {
		display: block;
		position: relative;
	}

	.navR {
		position: relative;
	}

	.navDown {
		width: 100%;
		background-color: #ffffff;
		border-radius: 0px;
		border: solid 1px #d3d3d3;
		position: absolute;
		top: 64px;
		left: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		display: none;
	}

	.navR:hover .navDown {
		display: block;
	}

	.navDown a {
		color: #606464;
		font-size: 16px;
		text-align: center;
		padding: 14px 0;
		display: block;
		border-bottom: solid 1px #d3d3d3;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.navDown a:last-child {
		border: 0;
	}

	.BuyShop {
		font-size: 16px;
		color: #FFFFFF;
		line-height: 64px;
		vertical-align: middle;
		background-image: url(../images/select.png);
		background-size: 8px 5px;
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 12px;
	}

	.BuyShop img,
	.SvgBuy {
		display: inline-block;
		vertical-align: middle;
		margin-right: 6px;
	}

	.OtherBanner1 {
		height: 600px;
	}

	.OtherBanner,
	.OtherBanner img {
		width: 100%;
		position: relative;
	}

	.OtherBannerCeter {
		position: absolute;
		width: 100%;
		text-align: center;
		top: 13%;
		font-size: 28px;
		color: #606464;
		z-index: 1;
	}

	.OtherBannerCeter h2 {
		font-size: 56px;
		margin-bottom: 22px;
		color: #1D70F5;
		font-family: "Font";
	}

	.OtherBannerCeter1 {
		font-size: 20px;
		top: 10%;
	}

	.OtherBannerTab {
		width: 100%;
		display: block;
		margin: 3% auto 0;
		font-size: 0;
		text-align: center;
	}

	.OtherBannerTab span {
		display: inline-block;
		font-size: 16px;
		color: #606464;
		width: 100px;
	}

	.OtherBannerTab span img,
	.SvgIcont {
		/* width: 43px;
		height: 35px; */
		object-fit: contain;
		display: block;
		margin: 0px auto 15px;
	}

	.video-hero {
		position: absolute;
		z-index: 1;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 100%;
		height: 100%;
	}

	.VideoClose {
		background-image: url(../images/close.png);
		background-size: 20px 22px;
		background-repeat: no-repeat;
		background-position: center;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		position: absolute;
		right: 40px;
		top: 80px;
		z-index: 1;
		cursor: pointer;
		background-color: #000;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		display: none;
	}

	.VideoClose:hover {
		background-color: #006ee6;
	}

	.BannerCenter {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 0;
		font-size: 18px;
		color: #000000;
		line-height: 26px;
	}

	.OtherBanner .wrap {
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		z-index: 1;
	}

	.BannerCenter h2 {
		font-size: 40px;
		color: #1f2329;
		margin-bottom: 30px;
		line-height: 52px;
		font-family: "Font";
	}

	.VideoBtn {
		margin-top: 40px;
		display: block;
		width: 151px;
		height: 48px;
		background-color: #006ee6;
		border-radius: 24px;
		line-height: 48px;
		font-size: 14px;
		color: #fff;
		text-align: center;
	}

	.VideoBtn img {
		width: 14px;
		vertical-align: middle;
		margin-right: 6px;
	}

	.Footer {
		position: relative;
		font-size: 16px;
		line-height: 26px;
		background-color: #1f2329;
	}

	.FooterCont {
		padding: 60px 0;
		position: relative;
	}

	.am_subfooterdiv {
		float: left;
		width: 25%;
	}

	.am_subfooterdiv:last-child {
		width: 29%;
		float: right;
	}

	.am_subfooterdiv:nth-of-type(2) {
		width: 34.5%;
	}

	.am_subfooterdiv h2 {
		font-size: 16px;
		color: rgba(255, 255, 255, 0.5);
		line-height: 24px;
	}

	.am_subfooterdiv h3 {
		font-size: 32px;
		color: rgba(255, 255, 255, 1);
		font-weight: bold;
		margin: 20px 0;
	}

	.am_subfooterdiv h2 img {
		vertical-align: middle;
		margin-right: 5px;
	}

	.am_subfooterdiv span {
		width: 192px;
		height: 36px;
		line-height: 36px;
		display: block;
		text-align: center;
		font-size: 14px;
		color: #fff;
		background-color: #1d70f5;
		border-radius: 4px;
	}

	.am_subfooterFx h3 {
		font-size: 16px;
		font-weight: normal;
		margin: 12px 0 0;
	}

	.am_subfooterFx {
		margin-top: 50px;
	}

	.am_subfooterEwm {
		float: left;
		margin-left: 30px;
		width: 140px;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}

	.am_subfooterEwm img {
		margin: 0px auto 14px;
		width: 120px;
		display: block;
	}

	.Copyright {
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		padding: 26px 0;
		text-align: center;
		display: block;
		border-top: 1px solid rgba(236, 237, 240, 0.1);
	}

	.Educational {
		padding: 120px 0 100px;
		font-size: 24px;
		text-align: center;
		line-height: 36px;
		color: #1f2329;
	}

	.DouImg {
		display: block;
		margin: 0px auto 70px;
		max-width: 100%;
	}

	.Educational h2 {
		color: #1f2329;
		font-size: 20px;
		margin-top: 50px;
		line-height: 68px;
		text-align: center;
	}

	.Educational h2 i {
		font-size: 16px;
		color: #606464;
	}

	.Educational h2 img {
		width: 68px;
		height: 68px;
		border-radius: 50%;
		margin-right: 24px;
	}

	.EducationalTab {
		background-color: #f6faff;
		margin-top: 120px;
	}

	.EducationalTab img {
		padding: 40px;
		display: block;
	}

	.EducationalTab table {
		border-top: 1px solid #d2d9e3;
		width: 100%;
	}

	.EducationalTab table tr th {
		font-size: 24px;
		padding: 40px 0;
		text-align: center;
		width: 33.3%;
		float: left;
		color: #000000;
		font-weight: bold;
		cursor: pointer;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.EducationalTab table tr th:hover {
		color: #1D70F5;
		text-indent: 0.5em;
	}

	.EducationalTab table tr td {
		font-size: 16px;
		padding: 45px 0;
		text-align: center;
		width: 33.3%;
		float: left;
		line-height: 30px;
		color: #606464;
	}

	.EducationalTab table tr:nth-of-type(3n),
	.AibeiTab table tr:nth-of-type(2n) {
		background-color: #fff;
	}

	.AibeiTab table tr:nth-of-type(3n) {
		background-color: #f6faff;
	}

	.Application {
		background-color: #f1f7ff;
		padding: 107px 0px 128px;
		font-size: 20px;
		line-height: 32px;
		color: #1f2329;
		position: relative;
	}

	.BaseH {
		font-size: 40px;
		text-align: center;
		position: relative;
		color: #1d70f5;
		z-index: 1;
		font-family: "Font";
		margin-bottom: 50px;
	}

	.BaseH::after {
		content: '';
		width: 12px;
		height: 12px;
		border: solid 5px #ffad26;
		position: absolute;
		border-radius: 50%;
		bottom: -20px;
		left: 38.5%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		z-index: -1;
	}

	.BaseH::before {
		content: '';
		width: 27px;
		height: 27px;
		border: solid 5px #ffad26;
		position: absolute;
		border-radius: 50%;
		top: -15px;
		left: 60.9%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		z-index: -1;
	}

	.KnowProduct .BaseH::before {
		left: 69.9%;
	}

	.KnowProduct .BaseH::after {
		left: 29.5%;
	}

	.Application img,
	.video_class {
		width: 100%;
		display: block;
		margin: 80px auto 25px;
		position: relative;
	}

	.video_class {
		border-radius: 8px;
	}

	.Application p {
		position: relative;
	}

	.Application::before {
		content: '';
		background-image: url(../images/bk.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 1003px;
		position: absolute;
		left: 0;
		top: 0;
		height: 788px;
		display: none;
	}

	.involved,
	.KnowProduct {
		padding: 110px 0px 120px;
	}

	.involved .BaseH::after {
		bottom: -13px;
		left: 42.5%;
	}

	.involved .BaseH::before {
		left: 55.9%;
	}

	.involvedFx {
		float: left;
		width: 48.7%;
		margin-top: 32px;
		background-image: url(../images/img4.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 480px;
		text-align: center;
		font-size: 16px;
		line-height: 26px;
		color: #606464;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.involvedFx h2 {
		font-size: 24px;
		margin-top: 70px;
		color: #1f2329;
		margin-bottom: 8px;
		position: relative;
		z-index: 1
	}

	.involvedFx h3 {
		font-size: 18px;
		margin-bottom: 20px;
		color: #1f2329;
		position: relative;
		z-index: 1;
	}

	.involvedFx span {
		position: absolute;
		top: 200px;
		width: 100%;
		color: #1d70f5;
		left: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		z-index: 1;
	}

	.involvedFx:nth-of-type(3) span,
	.involvedFx:nth-of-type(4) span {
		top: 130px !important;
	}

	.involvedFx img {
		max-width: 100%;
		position: absolute;
		bottom: 35px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.involvedFx:nth-of-type(3) img,
	.involvedFx:nth-of-type(4) img {
		width: 100%;
		height: 100%;
		transform: none !important;
		left: 0;
		bottom: 0;
		object-fit: cover;
	}

	.involvedFx:nth-of-type(2n),
	.PartherFx:nth-of-type(2n),
	.SalesvideoFx:nth-of-type(2n) {
		float: right;
	}

	.involvedFx h2 img {
		position: initial;
		width: 33px;
	}

	.involvedFx:hover span {
		top: 180px;
	}

	.involvedFx:hover img {
		transform: translateX(-50%) scale(1.1);
		-webkit-transform: translateX(-50%) scale(1.1);
	}

	.involvedTips {
		width: 79px;
		height: 25px;
		border-radius: 12px;
		border: solid 1px #606464;
		font-size: 14px;
		line-height: 25px;
		text-align: center;
		color: #606464;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		top: 25px;
	}

	.Pranent {
		background-color: #f6faff;
		padding: 105px 0;
	}

	.Pranent .BaseH::after {
		bottom: -11px;
		left: 35.5%;
	}

	.Pranent .BaseH::before {
		left: 64.9%;
	}

	.PranentSwiper {
		margin-top: 110px;
	}

	.gallery-top {
		height: 490px;
		margin-bottom: 80px;
	}

	.PranentSwiperSub {
		position: relative;
		height: 100%;
		width: 100%;
		display: block;
	}

	.PranentSwiperSub img {
		width: 62%;
		height: 100%;
	}

	.PranentSwiperIntro {
		width: 45%;
		padding: 58px 0px 110px;
		background-color: #ffffff;
		box-shadow: 0px 4px 12px 0px rgba(107, 118, 141, 0.12);
		border-radius: 4px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		font-size: 16px;
		line-height: 24px;
		color: #606464;
	}

	.PranentSwiperIntro h2 {
		font-size: 26px;
		color: #000000;
		padding-left: 50px;
	}

	.PranentSwiperIntro p {
		margin-top: 30px;
		padding-left: 50px;
	}

	.PranentTab {
		width: 100%;
		height: 70px;
		position: relative;
	}

	.PranentTab img.IconImgH,
	.gallery-thumbs .swiper-slide-active img.IconImg {
		display: none;
	}

	.gallery-thumbs .swiper-slide-active img.IconImgH {
		display: block;
	}

	.gallery-thumbs {
		width: 100%;
		text-align: center;
	}

	.gallery-thumbs .swiper-slide {
		width: 25%;
		display: inline-block;
		vertical-align: top;
	}

	.gallery-top .swiper-button-next {
		margin: 0;
		background-image: url(../images/prev.png);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center;
		width: 20px;
		height: 20px;
		top: initial;
		bottom: 90px;
		right: 70px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		padding: 20px 10px;
	}

	.gallery-top .swiper-button-prev {
		margin: 0;
		background-image: url(../images/prev.png);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center;
		width: 20px;
		height: 20px;
		top: initial;
		bottom: 90px;
		right: 25px;
		left: initial;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		padding: 20px 10px;
	}

	.gallery-top .swiper-button-next:hover,
	.gallery-top .swiper-button-prev:hover {
		background-image: url(../images/prev_h.png);
	}

	.Function,
	.Function1 {
		font-size: 20px;
		text-align: center;
		line-height: 30px;
		color: #606464;
		padding: 110px 0px 30px;
	}

	.Function img,
	.Record img {
		max-width: 100%;
		display: block;
		margin: 50px auto 0;
	}

	.BaseBk {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		position: relative;
	}

	.Fieldborder {
		font-size: 20px;
		text-align: center;
		line-height: 30px;
		color: #fff;
		padding: 110px 0px 150px;
	}

	.Fieldborder h2 {
		font-size: 48px;
		margin-bottom: 38px;
		color: #fff;
		font-family: "Font";
	}

	.Function h2,
	.Performance h2,
	.Experience h2,
	.Interface h2,
	.Function1 h2 {
		font-size: 48px;
		margin-bottom: 32px;
		line-height: 60px;
		color: #1D70F5;
		font-family: "Font";
	}

	.Performance {
		min-height: 760px;
		font-size: 20px;
		line-height: 30px;
		color: #606464;
	}

	.PerformanceTips {
		font-size: 14px;
		color: #999;
		position: absolute;
		bottom: 40px;
		left: 0;
	}

	.BaseBk .wrap {
		position: relative;
		min-height: 760px;
	}

	.BaseCenter {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 0;
	}

	.Performance span {
		display: block;
		margin-top: 60px;
		font-size: 24px;
		color: #1D70F5;
		font-weight: bold;
	}

	.Experience {
		color: #606464;
	}

	.ExperienceTab {
		font-size: 0;
		text-align: center;
		margin-top: 40px;
	}

	.ExperienceTab span {
		font-size: 28px;
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		padding: 0px 35px;
		color: #494949;
	}

	.ExperienceTab span i {
		color: #606464;
		font-weight: normal;
		font-size: 20px;
		display: block;
		margin-top: 8px;
	}

	.Interface {
		background-color: #f6faff;
		padding: 85px 0px 101px;
		font-size: 20px;
		line-height: 36px;
		color: #606464;
	}

	.InterfaceL {
		float: left;
		width: 47%;
		padding-top: 12%;
	}

	.Interface img {
		float: right;
		width: 49%;
	}

	.Function .Interactive {
		position: relative;
	}

	.InteractiveBase {
		position: absolute;
		background-image: url(../images/smart.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 216px;
		height: 61px;
		line-height: 61px;
		font-size: 20px;
		text-align: center;
		color: #FFFFFF;
		top: 23.5%;
		left: 66%;
	}

	.Interactive1 .InteractiveBase {
		width: 187px;
		height: 53px;
		line-height: 53px;
		top: 30%;
		left: 68%;
	}

	.InteractiveBase i {
		position: relative;
		z-index: 1;
	}

	.InteractiveFx {
		width: 187px;
		height: 53px;
		line-height: 53px;
		top: 8.5%;
		left: 51.7%;
	}

	.Interactive1 .InteractiveFx {
		top: 30%;
		left: 42.7%;
		width: 207px;
		height: 59px;
		line-height: 59px;
	}

	.InteractiveFx1 {
		transition: all 1s ease-out;
		-webkit-transition: all 1s ease-out;
	}

	.InteractiveFx2 {
		bottom: 80px;
		left: 42%;
		top: initial;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.Interactive1 .InteractiveFx2 {
		top: 68.8%;
		left: 40%;
	}

	.Interactive1 .InteractiveFx3 {
		top: 67%;
		left: 71%;
	}

	.MappingImg {
		width: 100%;
		height: 675px;
		margin-top: 20px;
		position: relative;
		overflow: hidden;
	}

	.MappingImg img,
	.ActivityImg img,
	.ReportImg img,
	.ProductCationImg img,
	.SkillsImg img,
	.NewsFxImg img {
		width: 100%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
	}

	.MappingImg .play {
		background-image: url(../images/video1.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		background-color: rgba(0 0, 0, 0.25);
	}

	.vid {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		object-fit: fill;
	}

	.MappingImg:hover img,
	.SceneFx:hover img,
	.ActivityFx:hover .ActivityImg img,
	.ReportFx:hover .ReportImg img,
	.ProductCationFx:hover .ProductCationImg img,
	.NewsFx:hover .NewsFxImg img,
	.NavdownSubFlex a:hover .NavdownSubImg {
		transform: scale(1.1);
		-webkit-transition: scale(1.1);
		-ms-transition: scale(1.1);
		-mos-transition: scale(1.1);
	}

	.mechanism {
		padding: 74px 0px 57px;
		margin-bottom: 24px;
		font-size: 40px;
		text-align: center;
		color: #FFFFFF;
	}

	.mechanism a {
		width: 260px;
		height: 58px;
		line-height: 58px;
		text-align: center;
		display: block;
		margin: 0px auto;
		background-color: #ffffff;
		border-radius: 29px;
		font-size: 20px;
		color: #1d70f5;
	}

	.FunctionSwiper {
		font-size: 0;
		width: 100%;
		height: 720px;
	}

	.Function .FunctionSwiper img {
		width: 100%;
		margin: 0px auto;
		height: 100%;
	}

	.FunctionSwiper .swiper-slide {
		width: 62.5%;
	}

	.FunctionSwiper .swiper-slide h2 {
		width: 166px;
		height: 55px;
		line-height: 55px;
		overflow: hidden;
		font-size: 20px;
		color: #fff;
		text-align: center;
		background-image: url(../images/bk1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		bottom: 0;
		left: 0;
		font-family: "FZLTHJW";
		margin: 0;
	}

	.FunctionSwiper .swiper-button-prev {
		background-image: url(../images/prev1.png);
		background-size: 11px 18px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: rgba(0, 0, 0, 0.051);
		border: solid 1px #ffffff;
		border-radius: 50%;
		width: 58px;
		height: 58px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		margin: 0;
		left: 20%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.FunctionSwiper .swiper-button-next {
		background-image: url(../images/next.png);
		background-size: 11px 18px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: rgba(0, 0, 0, 0.051);
		border: solid 1px #ffffff;
		border-radius: 50%;
		width: 58px;
		height: 58px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		margin: 0;
		right: 20%;
		left: initial;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.FunctionSwiper .swiper-button-next:hover,
	.FunctionSwiper .swiper-button-prev:hover {
		background-color: #1d70f5;
		border: solid 1px #1d70f5;
	}

	#jswbox {
		width: 100%;
		height: 274px;
		/* overflow: hidden; */
		display: block;
		margin: 64px auto 0;
		text-align: center;
	}

	#jswbox .swiper-slide {
		background-position: center !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		width: 424px;
		height: 274px;
		border-radius: 15px;
	}

	.FunctionSection {
		width: 100%;
		position: relative;
		height: 563px;
		overflow: hidden;
		margin: 60px auto 0;
	}

	.FunctionSection img {
		border-radius: 12px;
		vertical-align: top;
	}

	.img-box {
		width: 100%;
		height: 100%;
	}

	.part-l {
		position: absolute;
		width: 50%;
		height: 100%;
		overflow: hidden;
		z-index: 1;
		transition: all .8s ease-out;
		-webkit-transition: all .8s ease-out;
	}

	.part-r {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all .8s ease-out;
		-webkit-transition: all .8s ease-out;
	}

	.toolbar {
		position: absolute;
		height: 100%;
		left: 0;
		top: 0;
		background-color: #fff;
		z-index: 3;
		width: 2px;
		transition: all .8s ease-out;
		-webkit-transition: all .8s ease-out;
	}

	.toolbar.active {
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.toolbar:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		height: 38px;
		width: 38px;
		background-image: url(../images/yuan.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.Scene {
		margin: 56px auto 0;
		width: 100%;
	}

	.SceneFx {
		float: left;
		width: 49%;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		cursor: pointer;
		overflow: hidden;
	}

	.SceneFx:nth-of-type(2n) {
		float: right;
	}

	.Function .SceneFx img {
		width: 100%;
		margin: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.SceneFx h2 {
		font-size: 0.28rem;
		position: absolute;
		width: 100%;
		text-align: center;
		top: 47px;
		color: #1f2329;
		font-family: "FZLTHJW";
	}

	.PerformanceImg {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 14%;
		width: 38%;
	}

	.PerformanceImg img {
		width: 50%;
		margin: 0px auto;
	}

	.PerformanceImg.active img {
		animation: Updown 1.1s linear forwards;
		-webkit-animation: Updown 1.1s linear forwards;
	}

	@keyframes Updown {
		0% {
			width: 50%;
		}

		33% {
			width: 70%;
		}

		66% {
			width: 85%;
		}

		100% {
			width: 100%;
		}
	}

	.Lightproof {
		width: 39.5%;
		position: absolute;
		right: 9%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		height: 531px;
	}

	.OtherBanner.swiper-container {
		height: 760px;
	}

	.OtherBanner.swiper-container .swiper-slide img {
		height: 100%;
	}

	.OtherBanner.swiper-container h3 {
		font-size: 32px;
		margin-bottom: 18px;
		font-family: "Font";
	}

	.OtherBanner.swiper-container .VideoBtn {
		margin-top: 86px;
	}

	.OtherBanner .swiper-button-prev {
		background-image: url(../images/prev1.png);
		background-size: 11px 18px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		width: 60px;
		height: 60px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		margin: 0;
		left: 40px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.OtherBanner .swiper-button-next {
		background-image: url(../images/next.png);
		background-size: 11px 18px;
		background-repeat: no-repeat;
		background-position: center;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		width: 60px;
		height: 60px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		margin: 0;
		right: 40px;
		left: initial;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.OtherBanner .swiper-button-next:hover,
	.OtherBanner .swiper-button-prev:hover {
		background-color: #1D70F5;
	}

	.OtherBanner .swiper-pagination {
		bottom: 32px;
	}

	.OtherBanner .swiper-pagination-bullet {
		width: 30px;
		height: 4px;
		border-radius: 0;
		opacity: 0.3;
	}

	.OtherBanner .swiper-pagination-white .swiper-pagination-bullet-active {
		opacity: 1;
	}

	.Organization {
		padding: 85px 0px 75px;
		font-size: 16px;
		margin-top: 24px;
	}

	.Organization h2 {
		font-size: 40px;
		color: #000000;
		margin-bottom: 0;
	}

	.Organization h3 {
		font-size: 24px;
		color: #000000;
		margin-bottom: 30px;
		font-family: "Font";
	}

	.UserCase {
		padding: 0px 0px 140px;
	}

	.UserCaseFx {
		display: block;
		margin-top: 64px;
		font-size: 16px;
		line-height: 30px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		color: #606464;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0 4px 8px 0 rgb(7 9 12 / 8%);
	}

	.UserCaseFxCt {
		padding: 26px 36px;
	}

	.UserCaseFxCt h2 {
		color: #1f2329;
		font-size: 24px;
		float: left;
		width: 35%;
		font-family: "Font";
	}

	.UserCaseFxCt .fr {
		width: 65%;
	}

	.UserCaseFxCt .fr span {
		display: block;
		font-size: 16px;
		color: #1D70F5;
		font-family: "Font";
		margin-top: 20px;
	}

	.Education .BaseH::before {
		top: -22px;
		left: 63.9%;
	}

	.Education .BaseH::after {
		bottom: -9px;
		left: 35%;
	}

	.EducationFx {
		width: 14%;
		height: 170px;
		background-color: #ffffff;
		box-shadow: 0px 1px 1px 0px #eceff5;
		border-radius: 0px;
		position: relative;
		margin-top: 40px;
		margin-right: 3%;
		float: left;
		overflow: hidden;
		cursor: pointer;
	}

	.Application .EducationFx img {
		max-width: 80%;
		max-height: 80%;
		margin: 0;
	}

	.EducationFx:hover img,
	.ParticipantsFx:hover img {
		max-width: 90%;
		max-height: 90%;
	}

	.Activity {
		padding: 57px 0px 0px;
	}

	.ActivityFx {
		float: left;
		width: 32.5%;
		margin-right: 1%;
		background-color: #f6faff;
		height: 422px;
		margin-top: 30px;
		position: relative;
		font-size: 16px;
		line-height: 28px;
		color: #606464;
		overflow: hidden;
	}

	.ActivityScroll {
		width: 100%;
		height: 390px;
		overflow-y: auto;
	}

	.ActivityImg {
		width: 100%;
		height: 244px;
		position: relative;
		overflow: hidden;
	}

	.ActivityFxH {
		width: 60px;
		height: 28px;
		background-color: rgba(29, 112, 245, 0.74);
		font-size: 14px;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		color: #fff;
	}

	.ActivityFx h2 {
		font-size: 18px;
		padding: 40px 24px 0;
		color: #1f2329;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		font-family: "Font";
	}

	.ActivityFx span {
		background-image: url(../images/jt1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 26px;
		height: 14px;
		position: absolute;
		right: 24px;
		bottom: 32px;
	}

	.ActivityFx p {
		padding: 0px 24px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ActivityFx:nth-of-type(3n) h2:first-of-type {
		padding-top: 54px;
	}

	.Brandpro .BaseH::before {
		left: 59.9%;
	}

	.Brandpro .BaseH::after {
		bottom: -8px;
		left: 39.5%;
	}

	.BrandImg {
		float: left;
		width: 47.6%;
		margin-top: 25px;
	}

	.BrandR {
		float: right;
		width: 46.6%;
		font-size: 16px;
		line-height: 28px;
		color: #606464;
		margin-top: 25px;
	}

	.BrandR h2 {
		font-size: 24px;
		color: #1F2329;
	}

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

	.BrandFx {
		float: left;
		width: 25%;
		font-size: 16px;
		color: #606464;
		text-align: center;
		line-height: 28px;
		margin-top: 68px;
	}

	.BrandFx img,
	.SvgPic {
		height: 60px;
		max-width: 100%;
		display: block;
		margin: 0px auto 12px;
		object-fit: none;
	}

	.Freetrial {
		width: 30.4%;
		padding: 50px 0;
		background-color: #ffffff;
		box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
		border-radius: 6px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 8%;
	}

	.Freetrial h2 {
		font-size: 24px;
		text-align: center;
		color: #000000;
		margin-bottom: 20px;
	}

	.FreetrialTxt {
		padding: 40px 0px 15px;
		border-bottom: 2px solid #e4e5e8;
		font-size: 16px;
		color: rgba(0, 0, 0, 0.4);
		width: 82%;
		margin: 0px auto;
		display: block;
	}

	/* .FreetrialScroll {
		height: 300px;
		overflow-y: auto;
	}
 */
	.FreetrialBtn {
		width: 82%;
		margin: 60px auto 0;
		display: block;
		height: 59px;
		line-height: 59px;
		background-color: #006ee6;
		border-radius: 2px;
		font-size: 16px;
		text-align: center;
		letter-spacing: 1px;
		color: #ffffff;
	}

	.OtherBanner2 .BannerCenter h2,
	.OtherBanner2 .BannerCenter {
		color: #fff;
		text-align: center;
	}

	.OtherBanner2 .BannerCenter {
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.OtherBanner2 .BannerCenter h3 {
		color: #fff;
		line-height: 57px;
		font-weight: bold;
		text-indent: 0.5em;
		font-size: 34px;
		margin-bottom: 10px;
		text-align: center;
	}

	.OtherBanner2 .BannerCenter h3 img {
		max-width: 100%;
		display: block;
		margin: 0px auto 15px;
		width: auto;
	}

	.Currant {
		background-image: linear-gradient(221deg,
				#ededf6 0%,
				#ffffff 100%);
		padding: 135px 0px 90px;
	}

	.Currant .UserCaseFxCt h2 {
		width: 100%;
		float: none;
	}

	.Currant .UserCaseFxCt span {
		color: #1D70F5;
		margin-top: 20px;
		display: block;
	}

	.BaseHt {
		margin-bottom: 120px;
		font-size: 42px;
		text-align: center;
		position: relative;
		color: #1d70f5;
		z-index: 1;
		font-family: "Font";
	}

	.BaseHt::after {
		content: '';
		z-index: -1;
		position: absolute;
		width: 136px;
		height: 136px;
		background-image: linear-gradient(160deg, #60c1d7 0%, #efeff7 100%);
		opacity: 0.67;
		border: 0;
		bottom: -40px;
		left: 38.8%;
		border-radius: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.BaseHt::before {
		content: '';
		z-index: -1;
		position: absolute;
		width: 64px;
		height: 64px;
		background-image: linear-gradient(210deg,
				#2884f0 0%,
				#efeff7 100%);
		opacity: 0.37;
		border: 0;
		top: 15px;
		left: 62%;
		border-radius: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.Activitytime {
		padding: 153px 0px 120px;
	}

	.Activitytime .BaseHt::after {
		left: 42.2%;
	}

	.Activitytime .BaseHt::before {
		left: 59%;
	}

	.Activitytime .swiper-container {
		margin-top: 20px;
		padding-top: 46px;
	}

	.Activitytime .swiper-container::after {
		content: '';
		background-color: rgba(127, 127, 156, 0.2);
		width: 100%;
		height: 2px;
		position: absolute;
		top: 10px;
		left: 0;
	}

	.Activitytime .swiper-slide {
		width: 21.5%;
		position: relative;
		font-size: 20px;
		line-height: 28px;
		color: #5e6169;
	}

	.Activitytime .swiper-slide::after {
		content: '';
		background-image: url(../images/yuan1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 17px;
		height: 17px;
		position: absolute;
		top: -17%;
		left: 0;
	}

	.Activitytime .swiper-slide h2 {
		font-size: 24px;
		color: #000000;
		font-family: "Font";
		margin-bottom: 22px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.Activitytime .swiper-slide img {
		width: 100%;
		margin-top: 18px;
		border-radius: 4px;
	}

	.Participants {
		background-image: linear-gradient(221deg,
				#ededf6 0%,
				#ffffff 100%);
		padding: 126px 0px 100px;
	}

	.ParticipantsCt {
		border-top: 1px solid #ceceda;
	}

	.ParticipantsFx {
		border-right: 1px solid #ceceda;
		float: left;
		height: 148px;
		position: relative;
		overflow: hidden;
		width: 24.9%;
		border-bottom: 1px solid #ceceda;
	}

	.ParticipantsFx:nth-of-type(4n) {
		border-right: 0;
	}

	.Conferences {
		padding: 160px 0px 190px;
	}

	.ReportFx {
		float: left;
		width: 31.6%;
		margin-right: 2.6%;
		font-size: 18px;
		line-height: 28px;
		color: #1f2329;
		margin-bottom: 100px;
		overflow: hidden;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ReportImg {
		width: 100%;
		height: 268px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		border-radius: 8px;
		margin-bottom: 25px;
		overflow: hidden;
	}

	.Parther .BaseHt::after {
		left: 32.8%;
	}

	.Parther .BaseHt::before {
		left: 68%;
	}

	.Parther img,
	.PartherR {
		float: left;
		width: 50%;
		height: 384px;
		background-color: #fff;
	}

	.PartherCt {
		width: 80%;
		display: block;
		margin: 25px auto 0;
	}

	.PartherFx {
		float: left;
		width: 48%;
	}

	.PartherH {
		color: #3a2929;
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 28px;
	}

	.PartherTxt {
		width: 100%;
		height: 45px;
		line-height: 45px;
		text-indent: 1em;
		background-color: #f7f9fc;
		border-radius: 2px;
		border: solid 1px #e6eaef;
		font-size: 14px;
		color: #6f6e6e;
	}

	.PartherBtn {
		width: 100%;
		height: 48px;
		text-align: center;
		margin-top: 50px;
		background-color: #006ee6;
		border-radius: 2px;
		font-size: 16px;
		line-height: 48px;
		letter-spacing: 2px;
		color: #ffffff;
	}

	.OtherBanner3 .BannerCenter h3 {
		font-size: 32px;
		margin-bottom: 25px;
	}

	.OtherBanner3 .BannerCenter h2 {
		font-size: 56px;
		line-height: 76px;
		color: #1d70f5;
	}

	.DesignImg {
		width: 51%;
		float: left;
	}

	.Performance .fr {
		width: 46%;
	}

	.Performance .fr img {
		max-width: 100%;
		margin-top: 55px;
	}

	.ProductCation {
		padding-bottom: 107px;
		background-color: #fff;
		font-size: 16px;
		color: #606464;
		text-align: center;
	}

	.ProductCation .BaseH {
		margin-bottom: 20px;
	}

	.ProductCation .BaseH::after {
		bottom: -15px;
		left: 40.5%;
	}

	.TitNav {
		border-bottom: 1px solid #e6e5e8;
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 0;
	}

	.TitNav a {
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		color: #606464;
		position: relative;
		margin: 0px 35px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TitNav a::after {
		content: '';
		background-color: #1d70f5;
		width: 0;
		height: 4px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		bottom: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TitNav a.active {
		color: #000000;
	}

	.TitNav a.active::after {
		width: 100%;
	}

	.ProductCationFx {
		color: #1F2329;
		font-size: 18px;
		line-height: 28px;
		float: left;
		width: 31.8%;
		margin-top: 65px;
		margin-right: 2%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ProductCationImg {
		width: 100%;
		margin-bottom: 15px;
		height: 215px;
		overflow: hidden;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ProductCationImg img,
	.SkillsImg img {
		margin: 0;
	}

	.Skills {
		background-image: linear-gradient(221deg,
				#ededf6 0%,
				#ffffff 100%);
		background-color: #fff;
	}

	.Skills .BaseH::after {
		bottom: -11px;
		left: 36.8%;
	}

	.SkillsImg {
		float: left;
		width: 55%;
		height: 480px;
		margin-top: 20px;
		border-radius: 4px;
		display: none;
	}

	.SkillsR {
		width: 43%;
		float: right;
		margin-top: 20px;
		height: 480px;
		background-color: #ffffff;
		border-radius: 4px;
	}

	.SkillsFx {
		border-bottom: 1px solid #f0f0f0;
		height: 120px;
		padding: 0px 45px 0px 30px;
		font-size: 14px;
		line-height: 22px;
		color: #606464;
		position: relative;
		cursor: pointer;
		display: block;
	}

	.SkillsFx h2 {
		font-size: 20px;
		color: #000000;
		padding: 20px 0 12px;
		font-family: "Font";
	}

	.SkillsFx.active {
		background-color: #1d70f5;
		color: #fff;
	}

	.SkillsFx.active::after {
		content: '';
		border-left: 17px solid transparent;
		border-right: 17px solid transparent;
		border-top: 17px solid #1d70f5;
		width: 0px;
		height: 0px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) rotate(90deg);
		-webkit-transform: translateY(-50%) rotate(90deg);
		left: -22px;
	}

	.SkillsFx.active h2 {
		color: #fff;
	}

	.Expect {
		background-image: url(../images/bk14.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding: 100px 0px 126px;
	}

	.ExpectImg {
		float: left;
		width: 47%;
	}

	.ExpectR {
		font-size: 16px;
		width: 42%;
		padding-top: 110px;
		line-height: 26px;
		color: #ffffff;
		float: right;
	}

	.ExpectR .BaseH {
		color: #fff;
		text-align: left;
	}

	.ExpectR .BaseH::before {
		width: 12px;
		height: 12px;
		left: 79.9%;
	}

	.ExpectR .BaseH::after {
		left: 0;
	}

	.ExpectEwm {
		width: 136px;
		margin-top: 40px;
		text-align: center;
	}

	.Exchange {
		margin-top: 100px;
	}

	.Exchange .BaseH {
		color: #fff;
	}

	.Exchange .BaseH::before,
	.BaseTit .BaseH::before {
		width: 12px;
		height: 12px;
		top: -6px;
		left: 56.4%;
	}

	.Exchange .BaseH::after,
	.BaseTit .BaseH::after {
		bottom: -7px;
		left: 43.5%;
	}

	.Exchange .ProductCationFx,
	.Exchange .ProductCationFx:nth-of-type(3n) {
		color: #fff;
		margin-top: 20px;
		width: 24%;
		margin-right: 1.3%;
	}

	.Exchange .ProductCationImg {
		border-radius: 8px;
		height: 181px;
	}

	.Salesvideo,
	.machine-contect {
		padding: 100px 0;
	}

	.SalesvideoFx {
		width: 48.5%;
		float: left;
		height: 431px;
		background-color: #f0f5f7;
		margin-top: 30px;
	}

	.SalesvideoFx img {
		margin: 45px 9% 25px;
		display: block;
		height: 213px;
	}

	.SalesvideoFx h2 {
		font-size: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		color: #000000;
		margin-bottom: 25px;
		margin-left: 9%;
	}

	.SalesvideoFx span {
		width: 130px;
		height: 48px;
		background-color: #006ee6;
		border-radius: 24px;
		font-size: 14px;
		line-height: 48px;
		color: #fff;
		display: block;
		margin-left: 9%;
		background-image: url(../images/jt2.png);
		background-size: 14px 18px;
		background-position: 17%;
		text-indent: 3.2em;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.welfare-video {
		width: 67%;
		height: 720px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.welfare-video .vid {
		/* display: block; */
		object-fit: contain;
		background-color: #000000;
	}

	.video-close {
		position: absolute;
		top: 0px;
		right: -48px;
		width: 48px;
		height: 48px;
		background: url(../images/close.png) no-repeat;
		background-size: 20px 22px;
		background-color: #1E1E1E;
		background-position: center;
		cursor: pointer;
	}

	.Serivce {
		padding: 125px 0;
		background-image: linear-gradient(221deg,
				#ededf6 0%,
				#ffffff 100%);
	}

	.SerivceHot {
		width: 100%;
		padding: 40px 0;
		background-color: #ffffff;
		border-radius: 6px;
		margin-top: 80px;
	}

	.SerivceFx {
		float: left;
		border-right: 2px solid #d8d8d8;
		width: 33.2%;
		height: 241px;
		text-align: center;
		font-size: 14px;
		color: #666666;
	}

	.SerivceFx h2 {
		font-size: 24px;
		color: #000000;
		padding-top: 20px;
		font-family: "Font";
	}

	.SerivceFx h3 {
		font-size: 36px;
		color: #000000;
		padding: 65px 0px 50px;
		font-family: "Font";
	}

	.SerivceFx img {
		margin: 23px auto 6px;
		display: block;
	}

	.SerivceFx a,
	.DistributorsL span {
		width: 124px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background-color: #006ee6;
		border-radius: 25px;
		display: block;
		margin: 60px auto 45px;
	}

	.SerivceFx:last-child {
		border-right: 0;
	}

	.Distributors {
		width: 100%;
		height: 320px;
		background-color: #ffffff;
		border-radius: 6px;
		margin-top: 20px;
		display: block;
	}

	.Distributors img {
		width: 50%;
		float: right;
		height: 100%;
	}

	.DistributorsL {
		float: left;
		width: 43%;
		padding-left: 7%;
		font-size: 16px;
		line-height: 26px;
		color: #616163;
	}

	.DistributorsL h2 {
		font-size: 24px;
		color: #000000;
		padding-bottom: 25px;
		padding-top: 78px;
	}

	.DistributorsL span {
		margin: 20px 0 0;
	}

	.LocalDistri {
		padding: 75px 0px 130px;
		font-size: 16px;
		line-height: 26px;
		color: #616163;
	}

	.LocalDistri h2 {
		font-size: 40px;
		color: #000000;
		margin-bottom: 30px;
		font-family: "Font";
	}

	.LocalDistriSub {
		border-top: 1px solid #d8d8d8;
		margin-top: 67px;
	}

	.LocalDistriFx {
		float: left;
		width: 33.3%;
		padding-top: 52px;
	}

	.LocalDistriFx h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.LocalDistriFx p {
		margin-top: 12px;
		padding-right: 40px;
	}

	.LocalDistriTag {
		font-size: 18px;
		margin-top: 36px;
		color: #006ee6;
	}

	.LocalDistriTag a {
		display: inline-block;
		vertical-align: top;
		color: #006ee6;
		padding: 0px 4px;
	}

	.LocalDistriCont {
		padding: 24px 0px 65px;
		border-bottom: 1px solid #d8d8d8;
	}

	.LocalDistriCont:last-child {
		border-bottom: 0;
	}

	.LocalDistriCont h3 {
		font-size: 28px;
		color: #000000;
	}

	.Salesvideo .OtherBanner {
		margin-top: 80px;
	}

	.Salesvideo .VideoBtn {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		bottom: 50px;
	}

	.HonorSwiper {
		padding-bottom: 50px;
		margin-top: 100px;
		overflow: initial;
		border-top: 2px solid rgba(127, 127, 156, 0.2);
	}

	.swiperBtn {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.swiperBtn::after {
		content: '';
		background-image: url(../images/bk5.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 16%;
		position: absolute;
		right: 0;
		top: 0%;
		height: 100%;
		z-index: 1;
	}

	.swiperBtn::before {
		content: '';
		background-image: url(../images/bk5.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 16%;
		position: absolute;
		left: 0;
		top: 0%;
		height: 100%;
		z-index: 1;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.HonorSwiper .swiper-slide {
		float: left;
		width: 13.6%;
		padding-top: 64px;
		font-size: 16px;
		line-height: 20px;
		color: #5e6169;
		padding-right: 4%;
	}

	.HonorSwiper .swiper-slide img {
		width: 100%;
		height: 160px;
		margin-bottom: 15px;
		border-radius: 4px;
	}

	.HonorSwiper .swiper-slide h2 {
		font-size: 20px;
		color: #000;
		font-family: "Font";
		margin-bottom: 20px;
	}

	.Size {
		font-size: 20px;
		font-family: "Font";
		line-height: 28px;
		color: #1d70f5;
		background-image: url(../images/bk4.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: -20px;
		left: 0;
		width: 50px;
		height: 40px;
		background-color: #fff;
		font-weight: bold;
		text-align: center;
	}

	.Salesvideo .ActivityFx {
		width: 31.6%;
		margin-right: 2.5%;
		font-size: 18px;
		color: #1f2329;
		height: auto;
		background-color: transparent;
	}

	.Salesvideo .ActivityFx p {
		padding: 0;
		margin-top: 25px;
	}

	.Salesvideo .ActivityImg {
		height: 268px;
		border-radius: 8px;
	}

	.EducationFx:nth-of-type(6n),
	.ActivityFx:nth-of-type(3n),
	.ReportFx:nth-of-type(3n),
	.ProductCationFx:nth-of-type(3n),
	.Exchange .ProductCationFx:nth-of-type(4n),
	.NewsFx:nth-of-type(3n),
	.Difficulties_Tag:nth-of-type(3n) {
		margin-right: 0 !important;
	}

	.Salesvideo .FunctionSwiper {
		height: 317px;
		margin-top: 75px;
	}

	.Salesvideo .FunctionSwiper .swiper-slide {
		width: 27.5%;
	}

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

	.Salesvideo .swiperBtn .swiper-button-next {
		margin: 0;
		background-image: url(../images/jt3.png);
		background-size: 11px 18px;
		background-repeat: no-repeat;
		background-position: center;
		width: 60px;
		height: 60px;
		border: solid 1px #1d70f5;
		top: 33%;
		transform: translateY(-50%) rotate(180deg);
		-webkit-transform: translateY(-50%) rotate(180deg);
		left: 40px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		border-radius: 50%;
	}

	.Salesvideo .swiperBtn .swiper-button-prev {
		margin: 0;
		background-image: url(../images/jt3.png);
		background-size: 11px 18px;
		background-repeat: no-repeat;
		background-position: center;
		width: 60px;
		height: 60px;
		border: solid 1px #1d70f5;
		top: 33%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 40px;
		left: initial;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		border-radius: 50%;
	}

	.Salesvideo .swiperBtn .swiper-button-next:hover,
	.Salesvideo .swiperBtn .swiper-button-prev:hover {
		background-color: #fff;
		border: solid 1px #fff;
	}

	.Teaching {
		background-color: #fbfbfc;
		padding: 110px 0px 152px;
	}

	.BaseHt1 {
		font-size: 48px;
		text-align: center;
		color: #1f2329;
		font-family: "Font";
		line-height: 60px;
		margin-bottom: 22px;
	}

	.TeachingCt {
		padding: 59px 0px 167px;
		text-align: center;
		font-size: 0;
	}

	.TeachingFx {
		display: inline-block;
		vertical-align: top;
		width: 190px;
		padding: 0px 28px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TeachingFx span {
		width: 100%;
		display: block;
		height: 56px;
		border-radius: 28px;
		border: solid 2px #606464;
		color: #606464;
		text-align: center;
		font-size: 20px;
		line-height: 56px;
	}

	.TeachingFx:hover span {
		border: solid 2px #1d70f5;
		background-color: #1d70f5;
		color: #fff;
	}

	.TeachingImg {
		width: 152px;
		height: 152px;
		background-color: #ffffff;
		border-radius: 5px;
		display: block;
		margin: 0px auto 28px;
		position: relative;
		color: #606464;
		font-size: 10px;
	}

	.TeachingImg img {
		max-width: 100%;
		display: block;
		padding: 17px 0 25px;
		margin: 0px auto;
		height: 77px;
	}

	.TeachingImg img.EwmImg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		z-index: -1;
	}

	.TeachingFx:hover img.EwmImg {
		z-index: 1;
	}

	.TeachingBtn {
		width: 276px;
		height: 81px;
		background-color: #1d70f5;
		border-radius: 50px;
		font-size: 20px;
		color: #fff;
		line-height: 81px;
		text-align: center;
		display: block;
		margin: 0px auto;
	}

	.Record {
		background-color: #fbfbfc;
		padding-top: 120px;
		font-size: 20px;
		line-height: 36px;
		text-align: center;
		color: #606464;
		position: relative;
	}

	.Record::after {
		content: '';
		width: 416px;
		height: 416px;
		background-image: linear-gradient(239deg,
				#fcf8f0 0%,
				#f8e098 100%);
		position: absolute;
		top: 115px;
		left: 2%;
		border-radius: 50%;
	}

	.Record img {
		position: relative;
		z-index: 2;
	}

	.RecordExpe::after {
		background-image: linear-gradient(239deg,
				#f1faf0 0%,
				#daf5d7 100%);
		left: initial;
		right: 4%;
		top: 330px;
	}

	.Control {
		background-color: #fafafa;
	}

	.Control::after {
		width: 0;
	}

	.video-box {
		width: 87%;
		position: relative;
		height: 679px;
		margin: 50px auto 0;
	}

	#teach-video {
		width: 100%;
		object-fit: fill;
		height: 100%;
	}

	.Classroom {
		background-color: #fbfbfc;
		padding: 200px 0px 80px;
	}

	.ClassroomSwiper {
		width: 85%;
		margin: 110px auto 0;
		height: 431px;
		z-index: 2;
		position: relative;
	}

	.Classroom::after {
		background-image: linear-gradient(239deg,
				#f8e098 0%,
				#fcf8f0 100%);
		left: initial;
		right: 6%;
		top: 513px;
	}

	.ClassroomTab {
		float: left;
		width: 19%;
		margin-top: 26px;
	}

	.ClassroomTab a {
		display: block;
		height: 37px;
		line-height: 37px;
		border-radius: 4px;
		font-size: 20px;
		color: #606464;
		text-indent: 1em;
		margin: 20px 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		position: relative;
	}

	.ClassroomTab a.active {
		background-color: #ffffff;
		box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);
	}

	.ClassroomIcon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 20px;
	}

	.ClassroomIcon1 {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 20px;
		display: none;
	}

	.ClassroomTab a.active .ClassroomIcon1 {
		display: block;
	}

	.ClassroomTab a.active .ClassroomIcon {
		display: none;
	}

	.ClassroomSwiper .swiper-container {
		width: 51.6%;
		float: right;
		height: 431px;
	}

	.ClassroomSwiper .swiper-container img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.Resources,
	.Subject {
		padding-top: 192px;
	}

	.Record img.ResourcesImg,
	#teach-video1 {
		float: left;
		width: 53%;
		margin: 0;
		object-fit: fill;
	}

	#teach-video1 {
		position: relative;
		z-index: 2;
	}

	.ResourcesR {
		float: right;
		width: 39%;
		text-align: left;
		padding-top: 100px;
	}

	.ResourcesR .BaseHt1,
	.Subject .BaseHt1 {
		text-align: left;
	}

	.Resources::after {
		background-image: linear-gradient(239deg,
				#f1faf0 0%,
				#daf5d7 100%);
		top: 480px;
		z-index: 1;
	}

	.Subject img.ResourcesImg {
		float: right;
		width: 54.5%;
		margin: 0;
	}

	.Subject .ResourcesR {
		float: left;
		text-align: left;
		padding-top: 135px;
	}

	.Subject::after {
		background-image: linear-gradient(239deg,
				#daf5d7 0%,
				#f1faf0 100%);
		top: 366px;
		left: initial;
		z-index: 1;
		right: 4%;
	}

	.Courseware .ResourcesR {
		padding-top: 38px;
	}

	.Courseware::after {
		background-image: linear-gradient(239deg,
				#fcf8f0 0%,
				#f8e098 100%);
		top: 283px;
		left: 1.4%;
	}

	.Preparation {
		height: 855px;
		width: 100%;
		position: relative;
		background-color: #fbfbfc;
	}

	.Preparation .wrap {
		padding-top: 247px;
		position: relative;
	}

	.Preparation .swiper-container {
		width: 100%;
		height: 361px;
	}

	.PreparationL {
		float: left;
		width: 39%;
		margin-left: 7%;
		position: absolute;
		font-size: 20px;
		line-height: 36px;
		text-align: left;
		color: #606464;
		height: 361px;
	}

	.PreparationL .CenterPro {
		width: 100%;
	}

	.PreparationL .BaseHt1 {
		text-align: left;
	}

	.Preparation .swiper-container img {
		width: 53%;
		height: 100%;
		float: right;
		border-radius: 10px;
	}

	.PreparationBk {
		width: 46.8%;
		height: 100%;
		background-color: #f0fcef;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	/* 	.PreparationBk::after {
		content: '';
		background-color: #daf5d7;
		width: 560px;
		height: 560px;
		border-radius: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: -280px;
	} */

	.Preparation .swiper-pagination {
		right: initial;
		left: 0;
	}

	.Preparation .swiper-pagination-bullet {
		/* width: 14px; */
		/* height: 14px; */
		opacity: 1;
		margin: 0 !important;
		position: relative;
		padding: 15px 50px;
		background-color: transparent;
		width: 0;
		height: 0;
	}

	.Preparation .swiper-pagination-bullet:after {
		content: '';
		width: 12px;
		height: 12px;
		background-color: #dfe0e3;
		position: absolute;
		left: 2%;
		border-radius: 100%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.Preparation .swiper-pagination-bullet-active:after {
		background-color: #30c461;
	}

	.PreparationBk.active {
		background-color: rgb(224, 226, 250);
	}

	.PreparationBk.active::after {
		background-color: rgb(211, 214, 248);
	}

	.PreparationBk.active1 {
		background-color: rgb(237, 250, 255);
	}

	.PreparationBk.active1::after {
		background-color: rgb(223, 245, 254);
	}

	.News {
		padding: 100px 0px 155px;
		width: 100%;
	}

	.NewsFx {
		float: left;
		width: 31.5%;
		height: 400px;
		position: relative;
		background-color: #ffffff;
		border-radius: 8px;
		margin-right: 2.5%;
		border: solid 1px #eee;
		margin-bottom: 30px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		font-size: 14px;
		line-height: 24px;
		color: #606464;
	}

	.NewsFxImg {
		width: 88%;
		display: block;
		overflow: hidden;
		height: 180px;
		margin: 20px auto 28px;
		border-radius: 4px;
	}

	.NewsFx:hover {
		background-color: #ffffff;
		box-shadow: 0px 8px 28px 0px rgba(18, 40, 70, 0.08);
		border: solid 1px #ffffff;
	}

	.NewsFx h2 {
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin-bottom: 18px;
		margin-left: 22px;
	}

	.NewsFx p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		width: 88%;
		display: block;
		margin: 0px auto;
	}

	.NewsFx span {
		width: 98px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		font-size: 14px;
		position: absolute;
		bottom: 32px;
		background-color: #006ee6;
		border-radius: 18px;
		left: 22px;
		color: #fff;
	}

	.page {
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		margin: 60px auto 0;
		font-size: 0;
		text-align: right;
		display: inline-block;
		vertical-align: top;
	}

	.page a {
		color: #383838;
		font-size: 14px;
		display: inline-block;
		border-radius: 3px;
		font-family: "Font";
		vertical-align: top;
		cursor: pointer;
		margin-right: 8px;
		width: 30px;
		height: 30px;
		box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
		line-height: 30px;
		text-align: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.page a.nor,
	.page a:hover {
		background-color: #006ee6;
		color: #fff;
	}

	.NewsBtn {
		width: 150px;
		height: 46px;
		line-height: 46px;
		text-align: center;
		font-size: 16px;
		background-color: #006ee6;
		border-radius: 8px;
		display: block;
		margin: 60px auto 0;
		color: #fff;
		border-radius: 50px;
	}

	.NavdownSub {
		width: 65%;
		background-color: #fff;
		position: absolute;
		top: 85px;
		padding: 40px 0;
		visibility: visible;
		opacity: 1;
		z-index: 100;
		text-align: left;
		font-size: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NavdownSub::after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 8.660254037844386px solid #fff;
		width: 0px;
		height: 0px;
		content: '';
		position: absolute;
		top: -9px;
		left: 33%;
	}

	.NavdownSubFlex {
		display: inline-block;
		width: 31%;
		position: relative;
		vertical-align: top;
		border-right: 1px solid rgba(0, 0, 0, 0.21);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NavdownSubFlex h2 {
		color: #000000;
		font-size: 16px;
		text-align: left;
		margin-left: 13%;
		font-weight: bold;
	}

	.NavdownSubFlex:last-child {
		border: 0;
	}

	.NavdownSubFlex:first-of-type a:first-of-type .NavdownSubImg,
	.NavdownSubFlex:first-of-type a:last-child .NavdownSubImg {
		width: 72px;
		height: 40px;
	}

	.NavdownSubFlex:first-of-type a:nth-of-type(2) .NavdownSubImg {
		width: 72px;
		height: 41px;
	}

	.NavdownSubFlex:nth-of-type(2) a .NavdownSubImg {
		width: 72px;
		height: 40px;
	}

	.NavdownSubFlex:nth-of-type(2) a .NavdownSubImg image {
		width: 100%;
		height: 100%;
	}

	.NavdownSubFlex:nth-of-type(3) a .NavdownSubImg {
		width: 122px;
		height: 25px;
	}

	.NavdownSubImg {
		max-width: 100%;
		margin: 0px auto 15px;
		display: block;
		max-height: 40px;
		/* object-fit: contain; */
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NavdownSubFlexR {
		margin-top: 40px;
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		text-align: center;
		width: 100%;
	}

	.NavdownSubFlexR h2 {
		font-size: 15px;
		line-height: 34px;
		color: #666666;
		font-weight: bold;
	}

	.NavdownSubFlexR a {
		display: inline-block;
		font-size: 13px;
		line-height: 36px;
		color: #000;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		margin: 0;
		vertical-align: top;
		width: 45%;
		white-space: nowrap;
	}

	.NavdownSubFlex:nth-of-type(2) {
		text-align: center;
		width: 45%;
	}

	.NavdownSubFlex:nth-of-type(2) .NavdownSubFlexR a {
		width: 33.3%;
	}

	.NavdownSubFlex:nth-of-type(2) h2,
	.NavdownSubFlex:nth-of-type(3) h2 {
		text-align: center;
		margin-left: 0;
	}

	.NavdownSubFlex:nth-of-type(3) .NavdownSubFlexR a {
		width: 100%;
	}

	.NavdownSubFlex:nth-of-type(3) {
		width: 23.5%;
	}

	.NavdownSubFlex:nth-of-type(3) .NavdownSubImg {
		margin-bottom: 26px;
	}

	.WindowFloat {
		width: 68px;
		position: fixed;
		bottom: 160px;
		right: 12px;
		z-index: 108;
	}

	.WindowFloatag {
		width: 100%;
		height: 72px;
		background-color: #006ee6;
		margin-bottom: 1px;
		color: #ffffff;
		text-align: center;
		font-size: 12px;
		display: block;
	}

	.WindowFloatag:first-of-type {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	.WindowFloatag:last-child {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.WindowFloatag img,
	.SvgIcon {
		max-width: 100%;
		display: block;
		padding: 13px 0px 8px;
		margin: 0px auto;
		height: 24px;
		object-fit: none;
	}

	/* 2-16新加 */
	.Aesthetic,
	.Shivo_Rotary {
		font-size: 24px;
		line-height: 36px;
		text-align: center;
		color: #ffffff;
	}

	.Aesthetic .BaseCenter,
	.Shivo_Rotary .BaseCenter {
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		width: 100%;
	}

	.Aesthetic .BaseH,
	.Shivo_Rotary .BaseH {
		font-size: 56px;
		color: #fff;
		margin-bottom: 30px;
	}

	.Aesthetic .BaseH::after {
		left: 21.5%;
	}

	.Aesthetic .BaseH::before {
		top: -30px;
		left: 77.9%;
	}

	.Shivo_Rotary .BaseH::after {
		left: 37.5%;
	}

	.Shivo_Rotary .BaseH::before {
		top: -30px;
		left: 61.9%;
	}

	.Oriental .BaseH {
		font-size: 56px;
		margin-bottom: 70px;
	}

	.Oriental .BaseH::after {
		bottom: -13px;
		left: 40.5%;
	}

	.Oriental .BaseH::before {
		left: 59%;
	}

	.Difficulties {
		font-size: 20px;
		text-align: center;
		line-height: 30px;
		color: #606464;
		padding-top: 110px;
	}

	.Difficulties_Tag {
		float: left;
		width: 32.5%;
		margin-right: 1.2%;
		height: 166px;
		background-color: rgba(29, 112, 245, 0.1);
		margin-top: 10px;
	}

	.Difficulties_Tag h3 {
		font-size: 48px;
		color: #1d70f5;
		opacity: 0.6;
		font-family: "Font";
		float: left;
		width: 20%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}

	.Difficulties_Tag p {
		width: 80%;
		float: left;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		text-align: left;
	}

	.Difficulties .ActivityFx {
		width: 32.5%;
		margin-right: 1.2%;
		height: auto;
		margin-top: 50px;
		line-height: 26px;
	}

	.Difficulties .ActivityImg {
		height: 221px;
	}

	.Difficulties .ActivityImg img {
		margin: 0;
	}

	.Difficulties .ActivityFx h2 {
		font-size: 24px;
		padding: 30px 5% 8px !important;
		text-align: left;
		margin: 0;
		line-height: 32px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		color: #000000;
	}

	.Difficulties .ActivityFx p {
		padding: 0 5%;
		text-align: left;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.EducationAse .BaseH::before {
		left: 66.9%;
	}

	.EducationAse .BaseH::after {
		bottom: -13px;
		left: 33.2%;
	}

	.EducationAse_Tag {
		margin-bottom: 15px;
		position: relative;
		float: left;
		width: 100%;
	}

	.EducationAse_Tag img {
		width: 60%;
		margin: 0;
		float: left;
	}

	.EducationAse_Tag:nth-of-type(2n) img {
		float: right;
	}

	.EducationAse_TagR {
		width: 37%;
		font-size: 20px;
		text-align: left;
		position: absolute;
		bottom: 11%;
		right: 0;
		line-height: 30px;
		color: #606464;
	}

	.EducationAse_Tag:nth-of-type(2n) .EducationAse_TagR {
		right: initial;
		left: 8%;
	}

	.EducationAse_TagR h3 {
		font-size: 24px;
		color: #000000;
		position: relative;
		padding-top: 20px;
		font-family: "Font";
		margin-bottom: 10px;
	}

	.EducationAse_TagR h3::after {
		content: '';
		width: 59px;
		height: 3px;
		background-color: #1d70f5;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* 新增 */
	.OtherBannerCeter2 {
		line-height: 48px;
	}

	.machine-layout {
		margin-bottom: 32px;
		border-radius: 20px;
		font-size: 18px;
		line-height: 34px;
		letter-spacing: 2px;
		color: #ffffff;
		position: relative;
	}

	.machine-flex {
		position: absolute;
		left: 8.8%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.machine-flex h2,
	.effect-layout h2,
	.base-tit {
		font-size: 42px;
		margin-bottom: 30px;
	}

	.machine-cate {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: center;
	}

	.machine-tag:first-of-type {
		width: 42%;
		padding-left: 4%;
	}

	.machine-tag:first-of-type img {
		width: 180px;
		height: 156px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.machine-tag {
		width: 14.8%;
		height: 200px;
		background-image: linear-gradient(-45deg,
				#00a7f4 0%,
				#006ee6 100%);
		border-radius: 20px;
		margin-top: 20px;
		position: relative;
		font-size: 18px;
		line-height: 34px;
		letter-spacing: 2px;
		color: #ffffff;
		padding-left: 2%;
	}

	.machine-tag h2 {
		font-size: 24px;
		padding-top: 30px;
		line-height: 42px;
	}

	.machine-tag:nth-of-type(5) {
		width: 34%;
		padding-left: 4%;
	}

	.machine-tag:nth-of-type(5) img {
		position: absolute;
		right: 30px;
		bottom: 20px;
		width: 85px;
	}

	.machine-tag:nth-of-type(6) {
		width: 21%;
	}

	.machine-tag:nth-of-type(6) img {
		position: absolute;
		width: 80%;
		bottom: 0;
	}

	.machine-tag:last-child {
		width: 17%;
	}

	.effect-layout h2 {
		color: #1D70F5;
		margin-bottom: 40px;
	}

	.effect-layout {
		letter-spacing: 2px;
		font-size: 18px;
		line-height: 34px;
		color: #606464;
		position: absolute;
		top: 50%;
		width: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.effect-contect img {
		max-width: 45%;
	}

	.effect-layout span {
		display: inline-block;
		vertical-align: top;
		min-width: 20%;
		margin-top: 15px;
	}

	.effect-layout span i {
		font-size: 24px;
		display: block;
		color: #1D70F5;
		margin-bottom: 8px;
		font-family: "Font";
	}

	.design-contect {
		min-height: 800px;
		background-image: url(../images/add-bk.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		padding: 0;
	}

	.design-contect .wrap {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		height: 100%;
	}

	.base-tit {
		color: #1D70F5;
		text-align: center;
	}

	.teaching-tag {
		width: 48%;
		margin-top: 40px;
	}

	.teaching-images {
		width: 100%;
		height: 450px;
		overflow: hidden;
	}

	.teaching-images img {
		width: 100%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.teaching-tag:hover .teaching-images img {
		transform: scale(1.1);
		-webkit-transition: scale(1.1);
	}

	.teaching-tag h2 {
		height: 85px;
		background-color: #1D70F5;
		font-size: 24px;
		display: -webkit-box;
		color: #fff;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-align: center;
		line-height: 85px;
		margin-top: -20px;
		position: relative;
	}

	.stories-layout {
		margin: 80px auto 180px;
	}

	.stories-layout:last-child {
		margin-bottom: 50px;
	}

	.stories-layout .base-tit {
		text-align: left;
		margin-bottom: 60px;
	}

	.base-tit1 {
		padding: 0px 15px;
		height: 35px;
		background-color: #006ee6;
		letter-spacing: 2px;
		font-size: 18px;
		line-height: 35px;
		color: #fff;
		display: inline-block;
		text-align: center;
		margin-bottom: 30px;
	}

	.stories-flex {
		margin-bottom: 85px;
		letter-spacing: 2px;
		font-size: 18px;
		line-height: 34px;
		color: #606464;
		position: relative;
	}

	.stories-flex img {
		float: left;
		width: 47%;
	}

	.stories-flex:nth-of-type(2n) img {
		float: right;
	}

	.stories-r {
		position: absolute;
		width: 46%;
		height: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		right: 0;
	}

	.stories-flex:nth-of-type(2n) .stories-r {
		left: 0;
	}

	.stories-r h2 {
		font-size: 34px;
		letter-spacing: 1px;
		color: #006ee6;
		margin-bottom: 20px;
	}

	.stories-r h3 {
		font-size: 24px;
		color: #006ee6;
		line-height: 36px;
		letter-spacing: 2px;
		margin-bottom: 20px;
	}

	.stories-case {
		font-size: 34px;
		letter-spacing: 1px;
		color: #006ee6;
	}

	.stories-case-item {
		display: inline-block;
		vertical-align: top;
		padding-left: 8%;
		font-size: 24px;
		line-height: 36px;
	}

	.stories-case-item h2 {
		width: 40px;
		height: 39px;
		font-size: 18px;
		line-height: 42px;
		color: #fff;
		text-align: center;
		border-radius: 50%;
		background-color: #006ee6;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		position: relative;
	}

	.stories-case-item h2:after {
		content: '';
		border: 2px solid #fff;
		border-radius: 50%;
		width: 80%;
		height: 80%;
		left: 50%;
		top: 50%;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	/* 首页2 */
	@media screen and (min-width: 1365px) and (max-width: 1680px) {
		.teaching-images {
			height: 430px;
		}
	}

	@media screen and (min-width: 1024px) and (max-width: 1364px) {
		.teaching-images {
			height: 360px;
		}

		.stories-case-item {
			padding-left: 5%;
		}
	}

	@media screen and (min-width: 1024px) and (max-width: 1380px) {
		.wrap {
			width: 1000px;
		}
	}
}