body {
	font-size: 22px;
	overflow-x: hidden;
	font-family: "FZLTHJW";
	max-width: 7.5rem;
	display: block;
	margin: 0px auto;
}

@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: 0.96rem;
	overflow-x: hidden;
}

.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%);
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	z-index: 1;
}

.go_top {
	cursor: pointer;
	width: 1rem;
	height: 1.06rem;
	position: fixed;
	bottom: 0.4rem;
	right: 0.3rem;
	z-index: 100;
	background-image: url(../images/backtop.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.WindowFloat {
	width: 1rem;
	position: fixed;
	bottom: 1.5rem;
	right: 0.3rem;
	z-index: 108;
}

.WindowFloatag {
	width: 100%;
	height: 1.06rem;
	background-color: #006ee6;
	margin-bottom: 0.05rem;
	color: #ffffff;
	text-align: center;
	font-size: 0.2rem;
	display: block;
}

.WindowFloatag:first-of-type {
	border-top-left-radius: 0.05rem;
	border-top-right-radius: 0.05rem;
}

.WindowFloatag:last-child {
	border-bottom-left-radius: 0.05rem;
	border-bottom-right-radius: 0.05rem;
}

.WindowFloatag img,
.SvgIcon {
	max-width: 100%;
	display: block;
	padding: 0.16rem 0 0.1rem;
	margin: 0px auto;
	max-height: 0.4rem;
}

.wrap {
	padding: 0px 0.4rem;
}

.HeaderFlix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	height: 0.96rem;
	width: 100%;
	background-color: #fff;
}

.LogoImg {
	background-size: cover;
	width: 2rem;
	height: 0.31rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.BuyShop {
	margin-right: 0.3rem;
	width: 0.36rem;
	height: 0.41rem;
	float: right;
	margin-top: 0.28rem;
}

.Language {
	position: absolute;
	bottom: 0.98rem;
	width: 100%;
	text-align: right;
	font-size: 0;
}

.Language a:last-child {
	margin-right: 0.68rem;
}

/* 
	.Language a:first-of-type {
		margin-right: 0.8rem;
	}
	 */
.Language a.active {
	color: #fff;
}

.Language a {
	font-size: 0.28rem;
	line-height: 0.98rem;
	color: #666666;
	display: inline-block;
	vertical-align: middle;
}

.Line {
	width: 0.02rem;
	height: 0.28rem;
	background: rgba(50, 51, 52, 0.5);
	display: inline-block;
	vertical-align: middle;
	margin: 0.35rem 0.4rem;
}

.mobile-nav {
	float: left;
	width: 0.32rem;
	height: 0.3rem;
	position: relative;
	z-index: 3;
	top: 0.33rem;
	margin-left: 0.3rem;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mobile-nav span {
	width: 0.36rem;
	height: 0.04rem;
	background: #000;
	display: block;
	margin-bottom: 0.05rem;
	position: relative;
}

.mobile-nav.on span {
	transform-origin: center;
	transition: transform .3s;
}

.mobile-nav span.line4 {
	width: 0.26rem;
}

.mobile-nav.on span.line2,
.mobile-nav.on span.line4 {
	display: none
}

.mobile-nav.on span.line1 {
	transform: rotate(45deg);
	top: 0.08rem;
}

.mobile-nav.on span.line3 {
	transform: rotate(-45deg);
	top: 0rem;
}

.menu-li {
	position: fixed;
	top: 0.96rem;
	z-index: 101;
	display: none;
	width: 100%;
	background: #fff;
	height: 100%;
	overflow: auto;
}

.menu-li ul li {
	overflow: hidden;
	margin: 0px 0.6rem;
}

.menu-li ul li:first-of-type {
	padding-top: 0.54rem;
}

.menu-li ul li>a {
	display: block;
	line-height: 1rem;
	font-size: 0.32rem;
	color: #000;
	overflow: hidden;
	border-bottom: 0.02rem solid #d8d8d8;
}

.BaseMenu1 ul li:last-child>a {
	border: 0;
}

.menu-li ul li>a i {
	float: right;
	width: 0.15rem;
	height: 0.24rem;
	background-image: url(../images/jt4.png);
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 0.38rem;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	margin-right: 0.12rem;
}

.menu-li ul li.on>a i {
	transform: rotate(90deg);
}

.menu-li ul li dl {
	display: none;
	padding: 0.3rem 0;
}

.menu-li ul li dt {
	overflow: hidden;
	font-size: 0.32rem;
	color: rgba(0, 0, 0, 0.6);
	font-weight: normal;
	line-height: 0.48rem;
}

.menu-li ul li dt a {
	display: block;
	color: rgba(0, 0, 0, 0.6);
	padding: 0.2rem 0;
}

.BaseMenu1 {
	/* height: 22%; */
}

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

.OtherBannerCeter {
	position: absolute;
	padding: 0px 0.64rem;
	text-align: left;
	top: 2rem;
	font-size: 0.32rem;
	color: rgba(0, 0, 0, 0.8);
	z-index: 1;
	line-height: 0.48rem;
}

.OtherBannerCeter h2 {
	font-size: 0.6rem;
	margin-bottom: 0.55rem;
	color: #1D70F5;
	font-family: "Font";
	line-height: 0.92rem;
}

.OtherBanner4 .OtherBannerCeter {
	top: 1.7rem;
	/* text-align: center; */
	color: rgba(0, 0, 0, 0.6);
}

.OtherBannerTab {
	margin: 1.2rem 0.2rem 0.5rem;
	font-size: 0;
}

.OtherBannerTab span {
	display: inline-block;
	font-size: 0.28rem;
	color: #606464;
	width: 1.57rem;
	margin-bottom: 0.8rem;
	text-align: center;
}

.OtherBannerTab span img,
.SvgIcont {
	/* width: 0.74rem;
	height: 0.48rem; */
	object-fit: contain;
	display: block;
	margin: 0px auto 0.2rem;
}


.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%;
	display: none;
}

.VideoClose {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.25);
	display: none;
}

.VideoClose img {
	width: 0.84rem;
	height: 0.84rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.BannerCenter {
	position: absolute;
	top: 1.46rem;
	left: 0;
	font-size: 0.3rem;
	color: #000000;
	line-height: 0.48rem;
}

.OtherBanner .wrap {
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0.62rem;
	width: 70%;
}

.OtherBanner1 .wrap {
	padding: 0px 0.48rem;
	bottom: 0;
	left: 0;
	width: 86%;
}

.BannerCenter h2 {
	font-size: 0.56rem;
	color: #000;
	margin-bottom: 0.65rem;
	line-height: 0.78rem;
	font-family: "Font";
}

.OtherBanner1 .BannerCenter h2 {
	font-size: 0.48rem;
	margin-bottom: 0.2rem;
}

.OtherBanner1 .BannerCenter {
	font-size: 0.32rem;
	line-height: 0.52rem;
	padding-top: 0.7rem;
	top: initial;
	bottom: 1.6rem;
	left: 0.48rem;
}

.OtherBanner3 .BannerCenter {
	top: 1rem;
}

.VideoBtn {
	margin-top: 0.5rem;
	display: block;
	width: 2.80rem;
	height: 0.88rem;
	background-color: #006ee6;
	border-radius: 0.48rem;
	line-height: 0.88rem;
	font-size: 0.26rem;
	color: #fff;
	text-align: center;
}

.VideoBtn img {
	width: 0.27rem;
	vertical-align: middle;
	margin-right: 0.2rem;
}

.Footer {
	position: relative;
	font-size: 0.28rem;
	line-height: 0.38rem;
	background-color: #1f2329;
}

.FooterCont {
	padding: 1.25rem 0 1rem;
	position: relative;
}

.am_subfooterdiv {
	padding-bottom: 0.7rem;
}

.am_subfooterdiv:last-child {
	padding-top: 0.8rem;
	padding-left: 0.24rem;
	padding-right: 0.24rem;
}

.am_subfooterdiv:nth-of-type(2) {
	border-bottom: 1px solid rgba(236, 237, 240, 0.1);
}

.am_subfooterdiv h2 {
	font-size: 0.32rem;
	color: rgba(255, 255, 255, 0.5);
	line-height: 0.42rem;
}

.am_subfooterdiv h3 {
	font-size: 0.38rem;
	color: #fff;
	margin: 0.45rem 0 0.25rem;
}

.am_subfooterdiv h2 img {
	vertical-align: middle;
	margin-right: 0.1rem;
}

.am_subfooterdiv span {
	display: block;
	color: rgba(255, 255, 255, 0.7);
}

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

.am_subfooterFx {
	margin-top: 0.7rem;
}

.am_subfooterEwm {
	float: left;
	width: 3rem;
	color: #FFFFFF;
	font-size: 0.26rem;
	line-height: 0.4rem;
	text-align: center;
}

.am_subfooterEwm:last-child {
	float: right;
}

.am_subfooterEwm img {
	margin: 0px auto 0.2rem;
	width: 2.54rem;
	display: block;
}

.Copyright {
	font-size: 0.28rem;
	color: rgba(255, 255, 255, 0.7);
	padding: 0.55rem 0;
	text-align: left;
	display: block;
	border-top: 1px solid rgba(236, 237, 240, 0.1);
	line-height: 0.44rem;
}

.Educational {
	padding: 1rem 0 0.95rem;
	font-size: 0.36rem;
	text-align: left;
	line-height: 0.64rem;
	color: #1f2329;
}

.DouImg {
	display: block;
	margin: 0px auto 0.8rem;
	max-width: 1.2rem;
}

.Educational h2 {
	color: #1f2329;
	font-size: 0.36rem;
	margin-top: 0.6rem;
	line-height: 1.36rem;
	text-align: left;
}

.Educational h2 i {
	color: #606464;
	padding-left: 0.1rem;
}

.Educational h2 img {
	width: 1.36rem;
	height: 1.36rem;
	border-radius: 50%;
	margin-right: 0.25rem;
}

.EducationalTab {
	margin: 1.5rem auto 0;
	width: 6.2rem;
	border-radius: 0.08rem;
}

.EducationalTab .swiper-container {
	padding-bottom: 0.6rem;
}

.EducationalTab .swiper-container .swiper-slide {
	background-color: #f6faff;
	/* height: 8.9rem; */
}

.EducationalTab .swiper-pagination {
	bottom: 0;
}

.EducationalTab .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #d8d8d8;
	vertical-align: bottom;
	opacity: 1;
}

.EducationalTab .swiper-pagination-bullet-active {
	border: solid 4px #ffad26;
	background-color: #fff;
	width: 4px;
	height: 4px;
}

.EducationalFx {
	border-bottom: 0.02rem solid #d9e0e8;
	font-size: 0.32rem;
	line-height: 0.52rem;
	margin: 0px 0.48rem;
	padding: 0.45rem 0;
	color: #606464;
}

.EducationalFx h3 {
	color: #000000;
	margin-bottom: 0.25rem;
}

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

.Application {
	background-color: #f1f7ff;
	padding: 1.28rem 0;
	font-size: 0.28rem;
	line-height: 0.48rem;
	color: #1f2329;
	position: relative;
}

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

.BaseH::after {
	content: '';
	width: 0.24rem;
	height: 0.24rem;
	border: solid 0.06rem #ffad26;
	position: absolute;
	border-radius: 50%;
	bottom: -0.2rem;
	left: 26.5%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: -1;
}

.BaseH::before {
	content: '';
	width: 0.28rem;
	height: 0.28rem;
	border: solid 0.06rem #ffad26;
	position: absolute;
	border-radius: 50%;
	top: -0.15rem;
	left: 73.9%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: -1;
}

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

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

.Application img,
.video_class {
	width: 100%;
	display: block;
	margin: 0.95rem auto 0.3rem;
	position: relative;
	border-radius: 0.12rem;
}

.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: 1.3rem 0px;
}

.involved .BaseH::after {
	bottom: -0.15rem;
	left: 35.5%;
}

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

.involvedFx {
	margin-top: 0.35rem;
	background-image: url(../images/img4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size: 0.32rem;
	line-height: 0.48rem;
	color: #606464;
	position: relative;
	display: block;
	padding: 0.7rem 0.25rem;
}

.involvedFx:nth-of-type(3),
.involvedFx:nth-of-type(4) {
	width: 100%;
	height: 5.5rem;
	padding: 0;
}

.involvedFx:nth-of-type(3) h2,
.involvedFx:nth-of-type(4) h2 {
	position: absolute;
	top: 0.5rem;
	z-index: 1;
	width: 100%;
}

.involvedFx:nth-of-type(3) span,
.involvedFx:nth-of-type(4) span {
	position: absolute;
	top: 0.6rem;
	z-index: 1;
	width: 100%;
}

.involvedFx:nth-of-type(3) img,
.involvedFx:nth-of-type(4) img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.involvedFx h2 {
	font-size: 0.44rem;
	color: #1f2329;
	margin-bottom: 0.2rem;
}

.involvedFx h3 {
	font-size: 0.36rem;
	margin-bottom: 0.45rem;
	color: #1f2329;
}

.involvedFx span {
	width: 100%;
	color: #1d70f5;
	padding: 0.65rem 0 0.75rem;
	display: block;
}

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

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

.involvedFx h2 img {
	position: initial;
	width: 33px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.involvedTips {
	width: 1.58rem;
	height: 0.5rem;
	border-radius: 0.24rem;
	border: solid 0.02rem #606464;
	font-size: 0.28rem;
	line-height: 0.5rem;
	text-align: center;
	color: #606464;
	margin: 0 auto 0.52rem;
}

.Pranent {
	background-color: #f6faff;
	padding: 1.28rem 0 2rem;
}

.Pranent .BaseH::after {
	bottom: 0.4rem;
	left: 17.5%;
}

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

.PranentSwiper {
	margin-top: 1.10rem;
}

.gallery-top {
	margin-bottom: 0.9rem;
	height: 9.80rem;
	box-shadow: 0px 0.04rem 0.12rem 0px rgba(107, 118, 141, 0.12);
	background-color: #ffffff;
	border-radius: 0.08rem;
}

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

.PranentSwiperSub img {
	width: 100%;
	height: 4rem;
}

.PranentSwiperIntro {
	padding: 0.7rem 0.5rem 0.2rem;
	font-size: 0.32rem;
	line-height: 0.5rem;
	color: #606464;
}

.PranentSwiperIntro h2 {
	font-size: 0.4rem;
	color: #000000;
	margin-bottom: 0.3rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.PranentSwiperIntro p {
	margin-bottom: 0.2rem;
}

.PranentTab {
	width: 100%;
	height: 0.7rem;
	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: 33.3%;
	display: inline-block;
	vertical-align: top;
}

.gallery-thumbs .IconImg {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.Function,
.Function1 {
	font-size: 0.28rem;
	text-align: left;
	line-height: 0.48rem;
	color: #1f2329;
	padding: 1.1rem 0 0.3rem;
}

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

.BaseBk {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	position: relative;
	font-size: 0.32rem;
	text-align: left;
	line-height: 0.56rem;
	color: #606464;
}

.Fieldborder {
	color: #fff;
	padding: 1.3rem 0 1rem;
}

.Fieldborder h2 {
	font-size: 0.56rem;
	margin-bottom: 0.5rem;
	color: #fff;
	font-family: "Font";
	line-height: 0.72rem;
}

.Function h2,
.Performance h2,
.Experience h2,
.Interface h2,
.Function1 h2 {
	font-size: 0.55rem;
	margin-bottom: 0.3rem;
	line-height: 0.66rem;
	color: #1D70F5;
	font-family: "Font";
}

.Performance {
	padding-bottom: 1.08rem;
}

.PerformanceTips {
	position: absolute;
	bottom: 0.4rem;
	font-size: 0.22rem;
	color: #999;
	left: 0.4rem;
}

.BaseBk .wrap {
	position: relative;
	min-height: 12.06rem;
}

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

.Performance span {
	display: block;
	margin-top: 0.6rem;
	font-size: 0.32rem;
	color: #1D70F5;
	font-weight: bold;
}

.Experience {
	color: #606464;
}

.ExperienceTab {
	font-size: 0;
	text-align: left;
	margin-top: 1rem;
}

.ExperienceTab span {
	font-size: 0.48rem;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	padding: 0px 0.42rem;
	color: #494949;
	margin-bottom: 0.7rem;
}

.ExperienceTab span i {
	color: #606464;
	font-weight: normal;
	font-size: 0.32rem;
	display: block;
	margin-top: 0.2rem;
}

.Interface {
	background-color: #f6faff;
	padding: 1.3rem 0;
	font-size: 0.32rem;
	line-height: 0.56rem;
	color: #606464;
}

.InterfaceL {
	width: 100%;
	padding-bottom: 1.75rem;
}

.Interface img {
	width: 100%;
}

.Function .Interactive {
	position: relative;
}

.InteractiveBase {
	position: absolute;
	background-image: url(../images/smart.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 2.36rem;
	height: 0.66rem;
	line-height: 0.66rem;
	font-size: 0.22rem;
	text-align: center;
	color: #FFFFFF;
	top: 4rem;
	left: 5rem;
}

.Interactive1 .InteractiveBase {
	width: 1.87rem;
	height: 0.58rem;
	line-height: 0.58rem;
	top: 1.15rem;
	left: 5.6rem;
}

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

.InteractiveFx {
	width: 1.98rem;
	height: 0.56rem;
	line-height: 0.56rem;
	top: 2.7rem;
	left: 4rem;
}

.Interactive1 .InteractiveFx {
	top: 1.18rem;
	left: 2.6rem;
	width: 2.3rem;
	height: 0.59rem;
	line-height: 0.59rem;
}

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

.InteractiveFx2 {
	left: 3rem;
	top: 6.6rem;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}

.Interactive1 .InteractiveFx2 {
	top: 3.5rem;
	left: 2.2rem;
}

.Interactive1 .InteractiveFx3 {
	top: 3.7rem;
	left: 5.9rem;
	width: 1.57rem;
}

.MappingImg {
	width: 100%;
	height: 3.86rem;
	position: relative;
	overflow: hidden;
}

.MappingImg img,
.ActivityImg img,
.ReportImg img,
.ProductCationImg img,
.SkillsImg img,
.NewsFxImg img {
	width: 100%;
	height: 100%;
}

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

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

.mechanism {
	padding: 0.98rem 0 0.9rem;
	margin-bottom: 0.3rem;
	font-size: 0.48rem;
	text-align: center;
	color: #FFFFFF;
}

.mechanism a {
	width: 3.12rem;
	height: 0.96rem;
	line-height: 0.96rem;
	text-align: center;
	display: block;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 0.58rem;
	font-size: 0.28rem;
	color: #1d70f5;
}

.FunctionSwiper {
	font-size: 0;
	width: 100%;
	height: 3.72rem;
	margin-top: 0.8rem;
}

.Function .FunctionSwiper img {
	width: 100%;
	margin: 0px auto;
	height: 100%;
	border-radius: 0.16rem;
}

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

.FunctionSwiper .swiper-slide h2 {
	width: 1.66rem;
	height: 0.55rem;
	line-height: 0.55rem;
	overflow: hidden;
	font-size: 0.22rem;
	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: 0.11rem .18rem;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.051);
	border: solid 1px #ffffff;
	border-radius: 50%;
	width: 0.6rem;
	height: 0.6rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	left: 10%;
}

.FunctionSwiper .swiper-button-next {
	background-image: url(../images/next.png);
	background-size: 0.11rem 0.18rem;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.051);
	border: solid 1px #ffffff;
	border-radius: 50%;
	width: 0.6rem;
	height: 0.6rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	right: 10%;
	left: initial;
}

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

#jswbox {
	width: 100%;
	height: 4rem;
	/* overflow: hidden; */
	display: block;
	margin: 0.95rem auto 0;
	text-align: center;
}

#jswbox .swiper-slide {
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	width: 6.20rem;
	height: 100%;
	border-radius: .15rem;
}

.FunctionSection {
	width: 100%;
	position: relative;
	margin: 0.8rem auto 0;
}

.FunctionSection img {
	vertical-align: top;
	width: 100%;
}

.img-box {
	width: 100%;
}

.Scene {
	margin: 0.75rem auto 0;
	width: 100%;
}

.SceneFx {
	width: 100%;
	position: relative;
	margin-bottom: 0.2rem;
}

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

.Function .SceneFx img {
	width: 100%;
	margin: 0;
	border-radius: 0.16rem;
}

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

.PerformanceImg {
	width: 100%;
	margin-top: 0.6rem;
}

.Lightproof {
	width: 100%;
	margin-top: 1.10rem;
}

.OtherBanner.swiper-container {
	height: 12rem;
}

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

.OtherBanner.swiper-container h3 {
	font-size: 0.36rem;
	margin-bottom: 0.3rem;
	font-family: "Font";
}

.OtherBanner.swiper-container .VideoBtn {
	margin-top: 0.5rem;
	width: 1.96rem;
	height: 0.64rem;
	line-height: 0.64rem;
	border-radius: 0.32rem;
	font-size: 0.24rem;
}

.OtherBanner .swiper-button-prev {
	background-image: url(../images/prev1.png);
	background-size: 0.11rem 0.18rem;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	width: 0.6rem;
	height: 0.6rem;
	top: 47%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0;
	left: 0.3rem;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	display: none;
}

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

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

.OtherBanner .swiper-pagination {
	bottom: 0.6rem;
}

.OtherBanner .swiper-pagination-bullet {
	width: 0.54rem;
	height: 0.06rem;
	border-radius: 0;
	opacity: 0.3;
}

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

.Organization {
	padding: 1.44rem 0px 1.18rem;
	font-size: 0.32rem;
}

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

.Organization h3 {
	font-size: 0.32rem;
	color: #000000;
	margin-bottom: 0.5rem;
	font-family: "Font";
}

.UserCase {
	padding: 0px 0px 1.2rem;
}

.UserCaseFx {
	display: block;
	margin-top: 0.8rem;
	font-size: 0.24rem;
	line-height: 0.4rem;
	color: #606464;
	background: #fff;
}

.UserCaseFx .UserCaseFxCt p {
	font-size: 0.28rem;
	line-height: 0.48rem;
}

.UserCaseFxCt {
	padding-top: 0.46rem;
}

.UserCaseFxCt h2 {
	color: #1f2329;
	font-size: 0.36rem;
	font-family: "Font";
	line-height: 0.58rem;
}

.UserCaseFxCt .fr {
	width: 100%;
	float: none;
	margin-top: 0.3rem;
}

.UserCaseFxCt .fr span {
	display: block;
	font-size: 0.28rem;
	color: #1D70F5;
	font-family: "Font";
	margin-top: .55rem;
}

.Education .BaseH::before {
	left: 81.9%;
}

.Education .BaseH::after {
	bottom: -0.15rem;
	left: 20%;
}

.EducationFx {
	width: 2rem;
	height: 2rem;
	background-color: #ffffff;
	position: relative;
	margin-top: 0.35rem;
	margin-right: .35rem;
	float: left;
	overflow: hidden;
	box-shadow: 0px 2px 2px 0px #eceff5;
}

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

.Activity {
	padding: 1rem 0 0;
}

.ActivityFx {
	width: 100%;
	background-color: #f6faff;
	padding-bottom: 0.8rem;
	margin-top: 0.4rem;
	position: relative;
	font-size: 0.36rem;
	line-height: 0.48rem;
	color: #606464;
	overflow: hidden;
}

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

.ActivityImg {
	width: 100%;
	height: 4rem;
	position: relative;
	overflow: hidden;
}

.ActivityFxH {
	width: 1.2rem;
	height: 0.56rem;
	background-color: rgba(29, 112, 245, 0.74);
	font-size: 0.28rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	color: #fff;
	line-height: 0.56rem;
}

.ActivityFx h2 {
	padding: 0.4rem 0.42rem 0.8rem;
	color: #1f2329;
	font-family: "Font";
	font-size: 0.36rem;
}

.ActivityFx span {
	background-image: url(../images/jt1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 0.52rem;
	height: 0.28rem;
	position: absolute;
	left: 0.42rem;
	bottom: 0.8rem;
}

.ActivityFx p {
	padding: 0px 0.42rem;
	font-size: 0.32rem;
}

.ActivityFx:nth-of-type(3n) h2:first-of-type {
	padding-top: 1.1rem;
	padding-bottom: 0.15rem;
}

.Brandpro {
	background-color: #f6faff;
	margin-top: 1.2rem;
}

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

.Brandpro .BaseH::after {
	left: 28.5%;
}

.BrandImg {
	width: 100%;
	margin-top: 0.3rem;
}

.BrandR {
	font-size: 0.28rem;
	line-height: 0.48rem;
	color: #606464;
	margin-top: 0.55rem;
}

.BrandR h2 {
	font-size: 0.4rem;
	color: #1F2329;
}

.BrandR p {
	margin-top: 0.3rem;
}

.BrandFx {
	float: left;
	width: 50%;
	font-size: 0.24rem;
	color: #606464;
	text-align: left;
	line-height: 0.4rem;
	margin-top: 0.95rem;
}

.BrandFx:nth-of-type(4),
.BrandFx:nth-of-type(5) {
	width: 50%;
}

.BrandFx img,
.SvgPic {
	height: 1.2rem;
	max-width: 100%;
	display: block;
	margin-bottom: 0.2rem;
	object-fit: scale-down;
}

.Freetrial {
	padding: 0.35rem 0.48rem 0.95rem;
}

.FreetrialFx {
	color: #3a2929;
	font-size: 0.28rem;
	margin-top: 0.45rem;
	font-weight: bold;
}

.FreetrialTxt {
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
	background-color: #f7f9fc;
	border-radius: 0.04rem;
	border: solid 0.02rem #e6eaef;
	color: #6f6e6e;
	font-size: 0.24rem;
	text-indent: 1em;
	margin-top: 0.2rem;
}

.FreetrialFx textarea {
	padding: 0.2rem;
	height: 1.82rem;
	line-height: 0.38rem;
	background-color: #f7f9fc;
	border-radius: 0.04rem;
	border: solid 0.02rem #e6eaef;
	color: #6f6e6e;
	font-size: 0.24rem;
	margin-top: 0.2rem;
	width: 93%;
}

.FreetrialBtn {
	width: 100%;
	margin: 0.6rem auto 0;
	display: block;
	height: 0.96rem;
	line-height: 0.96rem;
	background-color: #006ee6;
	border-radius: 0.04rem;
	font-size: 0.28rem;
	text-align: center;
	letter-spacing: 1px;
	color: #ffffff;
}

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

.OtherBanner2 .wrap {
	width: 87%;
	padding: 0 0.46rem;
	left: 0;
}

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

.OtherBanner2 .BannerCenter h3 {
	color: #fff;
	line-height: 0.82rem;
	font-weight: bold;
	text-indent: 0.5em;
	font-size: 0.68rem;
	margin-bottom: 0.2rem;
	text-align: center;
}

.OtherBanner2 .BannerCenter h3 img {
	max-width: 3.6rem;
	margin: 0px auto 0.2rem;
	display: block;
}

.OtherBanner2 .BannerCenter p {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}

.Currant {
	background-image: linear-gradient(230deg,
			#ededf6 0%,
			#ffffff 100%);
	padding: 1.3rem 0px;
}

.Currant .UserCaseFx {
	background: transparent;
}

.Currant .UserCaseFxCt h2 {
	font-size: 0.32rem;
	line-height: 0.48rem;
}

.Currant .UserCaseFxCt span {
	color: #1D70F5;
	margin-top: 0.4rem;
	display: block;
	font-size: 0.28rem;
}

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

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

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

.Activitytime {
	padding: 1.28rem 0;
}

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

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

.ActivitytimeSwiper {
	margin-top: 1.65rem;
}

.Activitytime .swiper-slide {
	padding-left: 0.48rem;
	position: relative;
	font-size: 0.32rem;
	line-height: 0.46rem;
	color: #5e6169;
	border-left: 1px solid rgba(127, 127, 156, 0.2);
	width: 92%;
	padding-bottom: 0.8rem;
}

.Activitytime .swiper-slide:last-child {
	padding-bottom: 0;
}

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

.Activitytime .swiper-slide h2 {
	font-size: .4rem;
	color: #000000;
	font-family: "Font";
	margin-bottom: 0.2rem;
}

.Activitytime .swiper-slide img {
	width: 100%;
	margin-top: 0.25rem;
	border-radius: 0.09rem;
}

.Participants {
	padding: 1.3rem 0 1.2rem;
	background-image: linear-gradient(230deg,
			#ededf6 0%,
			#ffffff 100%);
}

.ParticipantsCt {}

.ParticipantsFx {
	border-right: 1px solid #ceceda;
	float: left;
	height: 1.8rem;
	position: relative;
	overflow: hidden;
	width: 49.8%;
	border-top: 1px solid #ceceda;
}

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

.ParticipantsFx img {
	max-width: 63%;
	object-fit: contain;
}

.Conferences {
	padding: 1.28rem 0 1.88rem;
}

.Conferences .swiper-container {
	height: 4.91rem;
	padding-bottom: 0.52rem;
}

.Conferences .swiper-slide img {
	width: 100%;
	height: 100%;
	border-radius: 0.08rem;
}

.Conferences .swiper-pagination {
	bottom: 0;
}

.Conferences .swiper-pagination-bullet,
.ClassroomSwiper .swiper-pagination-bullet {
	background-color: #d8d8d8;
	width: 0.12rem;
	height: 0.12rem;
	opacity: 1;
	vertical-align: bottom;
}

.Conferences .swiper-pagination-bullet-active,
.ClassroomSwiper .swiper-pagination-bullet-active {
	background-color: #006ee6;
}

.Report {
	padding-bottom: 0.4rem;
}

.ReportFx {
	font-size: 0.28rem;
	line-height: 0.48rem;
	color: #333;
	margin-bottom: 0.4rem;
	background-color: #f0f5f7;
	padding: 0.48rem 0.4rem 0.75rem;
	display: block;
}

.ReportImg {
	margin-bottom: 0.3rem;
}

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

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

.Parther img,
.PartherR {
	width: 100%;
	background-color: #fff;
}

.Parther img {
	border-top-left-radius: 0.12rem;
	border-top-right-radius: 0.12rem;
}

.PartherR {
	border-bottom-left-radius: 0.12rem;
	border-bottom-right-radius: 0.12rem;
}

.PartherCt {
	padding: 0.15rem 0.4rem 0.7rem;
}

.PartherFx {
	/* margin-top: 0.45rem; */
}

.PartherH {
	color: #3a2929;
	font-size: 0.28rem;
	margin-bottom: 0.2rem;
	margin-top: 0.45rem;
}

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

.PartherBtn {
	width: 100%;
	height: 0.96rem;
	text-align: center;
	margin-top: 0.6rem;
	background-color: #006ee6;
	border-radius: 0.04rem;
	font-size: 0.28rem;
	line-height: 0.96rem;
	letter-spacing: 0.04rem;
	color: #ffffff;
}

.OtherBanner3 .wrap {
	left: 0.48rem;
	padding: 0px 0.48rem;
	width: 78%;
}

.OtherBanner3 .BannerCenter h3 {
	width: 5.48rem;
	height: 0.68rem;
	border-radius: 0.04rem;
	border: solid 0.02rem #7ea0ff;
	margin: 0px auto 0.48rem;
	text-align: center;
	font-size: 0.32rem;
	color: #000;
	line-height: 0.68rem;
	overflow: hidden;
	border-right: 0;
}

.OtherBanner3 .BannerCenter h3 i {
	width: 2.44rem;
	background-image: linear-gradient(64deg,
			#8398ff 0%,
			#65d0ff 100%);
	border-radius: 0px 0.04rem 0.04rem 0px;
	color: #fff;
	float: right;
	border-right: solid 0.02rem #7ea0ff;
}

.OtherBanner3 .BannerCenter h2 {
	font-size: 0.48rem;
	margin-bottom: 0.3rem;
	color: #1d70f5;
}

.OtherBanner3 .BannerCenter p {
	/* color: rgba(0, 0, 0, 0.6); */
}

.DesignImg {
	width: 100%;
	margin-top: 1.2rem;
}

.Performance .fr {
	float: none;
	padding-top: 1.3rem;
}

.Performance .fr img {
	max-width: 100%;
	margin-top: 0.8rem;
}

.ProductCation {
	background-color: #fff;
	font-size: 0.32rem;
	color: #606464;
	text-align: center;
}

.ProductCation .BaseH {
	margin-bottom: 0.3rem;
}

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

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

.TitNav a {
	display: inline-block;
	vertical-align: top;
	font-size: 0.32rem;
	color: #606464;
	position: relative;
	margin: 0px 0.45rem;
}

.TitNav a::after {
	content: '';
	background-color: #1d70f5;
	width: 0;
	height: 0.08rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: -0.01rem;
}

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

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

.ProductCationFx {
	color: rgba(31, 35, 41, 0.8);
	font-size: 0.32rem;
	line-height: 0.48rem;
	width: 100%;
	margin-top: 0.9rem;
	text-align: center;
}

.ProductCationImg {
	width: 100%;
	margin-bottom: 0.3rem;
}

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

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

.Skills .BaseH::after {
	left: 22.8%;
}

.Skills .swiper-container .swiper-slide {
	float: left;
	width: 77%;
	height: 5.56rem;
	margin-top: 0.2rem;
	background-color: #ffffff;
	border-radius: 0.08rem;
	border: solid 0.02rem #eee;
}

.Skills .swiper-container .swiper-slide::after {
	content: '';
	width: 0.52rem;
	height: 0.28rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 0.3rem;
	right: 0.4rem;
	background-image: url(../images/jt1.png);
}

.SkillsImg img {
	height: 2.34rem;
	border-radius: 0.07rem 0.07rem 0px 0px;
}

.SkillsFx {
	padding: 0.44rem 0.3rem 0px;
	font-size: 0.28rem;
	line-height: 0.44rem;
	color: #606464;
	position: relative;
}

.SkillsFx h2 {
	font-size: 0.32rem;
	color: #122846;
	margin-bottom: 0.25rem;
	font-family: "Font";
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.SkillsFx p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.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: 1.3rem 0 1.6rem;
}

.ExpectImg {
	width: 100%;
	margin-top: 1rem;
}

.ExpectR {
	font-size: 0.32rem;
	width: 100%;
	line-height: 0.52rem;
	color: #ffffff;
	float: right;
}

.ExpectR .BaseH {
	color: #fff;
}

.ExpectR .BaseH::before {
	left: 85.9%;
}

.ExpectR .BaseH::after {
	left: 15%;
}

.ExpectEwm {
	width: 2.72rem;
	margin: 1rem auto 0;
	text-align: center;
	color: #fff;
	font-size: 0.32rem;
}

.Exchange {
	margin-top: 1.65rem;
}

.Exchange .BaseH {
	color: #fff;
}

.Exchange .BaseH::before,
.BaseTit .BaseH::before {
	left: 63.4%;
}

.Exchange .BaseH::after,
.BaseTit .BaseH::after {
	left: 36.5%;
}

.Exchange .ProductCationFx {
	color: #fff;
}

.Exchange .ProductCationFx {
	float: left;
	margin-top: 0.3rem;
	width: 47%;
	font-size: 0.26rem;
}

.Exchange .ProductCationFx:nth-of-type(2n) {
	margin-left: 0.4rem;
}

.Exchange .ProductCationImg {
	border-radius: 0.16rem;
}

.Salesvideo {
	padding: 1.28rem 0 0.5rem;
	overflow-x: hidden;
}

.SalesvideoFx {
	width: 100%;
	margin-bottom: 0.9rem;
}

.SalesvideoFx img {
	width: 100%;
	border-radius: 0.12rem;
}

.SalesvideoFxImg {
	width: 100%;
	position: relative;
	margin-bottom: 0.25rem;
}

.SalesvideoFx h2 {
	font-size: 0.32rem;
	color: #1f2329;
	margin-bottom: 0.25rem;
}


.welfare-video {
	width: 80%;
	height: 6rem;
	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: -00.48rem;
	width: 0.48rem;
	height: 0.48rem;
	background: url(../images/close.png) no-repeat;
	background-size: 0.2rem 0.22rem;
	background-color: #1E1E1E;
	background-position: center;
}

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

.SerivceHot {
	width: 100%;
	padding: 0.4rem 0 0.8rem;
	background-color: #ffffff;
	margin-top: .9rem;
}

.SerivceFx {
	border-bottom: 0.02rem solid #d8d8d8;
	text-align: center;
	font-size: 0.28rem;
	color: #666666;
	margin: 0px 0.48rem;
	padding-bottom: 0.6rem;
}

.SerivceFx h2 {
	font-size: 0.32rem;
	color: #1d70f5;
	padding-top: 0.5rem;
	font-family: "Font";
}

.SerivceFx h3 {
	font-size: 0.6rem;
	color: #000000;
	padding: 0.6rem 0 0.3rem;
	font-family: "Font";
}

.SerivceFx img {
	margin: 0.5rem auto 0.15rem;
	display: block;
	width: 2.4rem;
}

.SerivceFx a,
.DistributorsL span,
.DistributorsL a {
	width: 2.48rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.32rem;
	color: #fff;
	text-align: center;
	background-color: #006ee6;
	border-radius: 0.5rem;
	display: block;
	margin: 0.45rem auto 0.2rem;
}

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

.Distributors {
	width: 100%;
	background-color: #ffffff;
	margin-top: 0.38rem;
	display: block;
}

.Distributors img {
	width: 100%;
}

.DistributorsL {
	padding: 0.8rem 0.48rem 0.7rem;
	font-size: 0.32rem;
	line-height: 0.52rem;
	color: #616163;
}

.DistributorsL h2 {
	font-size: 0.4rem;
	color: #1d70f5;
	padding-bottom: 0.5rem;
}

.DistributorsL span {
	margin: 0.6rem 0 0;
	width: 2.35rem;
	height: 0.73rem;
	line-height: 0.73rem;
}

.LocalDistri {
	padding: 0.72rem 0 1.2rem;
	font-size: 0.32rem;
	line-height: 0.52rem;
	color: #000;
}

.LocalDistri h2 {
	font-size: 0.8rem;
	color: #000000;
	margin-bottom: 0.6rem;
	font-family: "Font";
	letter-spacing: -1px;
}

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

.LocalDistriFx {
	width: 100%;
	padding-top: 0.8rem;
}

.LocalDistriFx h2 {
	font-size: 0.36rem;
	margin-bottom: 0.4rem;
}

.LocalDistriFx p {
	margin-top: 0.1rem;
	font-size: 0.28rem;
	color: #616163;
}

.LocalDistriTag {
	font-size: 0.3rem;
	margin-top: 0.82rem;
	color: #006ee6;
}

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

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

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

.LocalDistriCont h3 {
	font-size: 0.4rem;
	color: #000000;
	margin-bottom: 0.1rem;
}

.Salesvideo .OtherBanner {
	margin-top: 0.9rem;
}

.Function .Salesvideo .OtherBanner:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
}

.Salesvideo .VideoBtn {
	position: absolute;
	font-size: 0.28rem;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	margin: 0;
	height: auto;
	background: transparent;
	z-index: 1;
}

.Salesvideo .VideoBtn img {
	width: 0.88rem;
	height: 0.88rem;
	margin: 0px auto;
	display: block;
}

.HonorSwiper {
	padding-bottom: 1.5rem;
	margin-top: 1.50rem;
	overflow: initial;
	border-top: 0.02rem solid rgba(127, 127, 156, 0.2);
}

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

.HonorSwiper .swiper-slide {
	float: left;
	width: 69%;
	padding-top: 1.3rem;
	font-size: 0.32rem;
	line-height: 0.48rem;
	color: #5e6169;
	padding-right: 0.82rem;
}

.HonorSwiper .swiper-slide img {
	width: 100%;
	height: 3.20rem;
	margin-bottom: 0.25rem;
	border-radius: 0.08rem;
}

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

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

.Salesvideo .ActivityFx {
	color: #1f2329;
	background-color: transparent;
	display: block;
	margin-top: 0;
}

.Salesvideo .ActivityFx p {
	padding: 0;
	margin-top: 0.3rem;
}

.Salesvideo .ActivityImg {
	height: auto;
	border-radius: 0.12rem;
}

.EducationFx:nth-of-type(3n),
.ReportFx:nth-of-type(3n),
.ProductCationFx:nth-of-type(3n),
.NewsFx:nth-of-type(3n) {
	margin-right: 0;
}

.Salesvideo .FunctionSwiper {
	height: 4.91rem;
	margin-top: 1.10rem;
}

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

.Salesvideo .FunctionSwiper .swiper-slide img {
	width: 100%;
	height: 100%;
	border-radius: 0.08rem;
}

.Salesvideo .swiperBtn .swiper-button-next {
	margin: 0;
	background-image: url(../images/jt3.png);
	background-size: 0.11rem 0.18rem;
	background-repeat: no-repeat;
	background-position: center;
	width: 0.6rem;
	height: 0.6rem;
	border: solid 1px #1d70f5;
	top: 30%;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
	left: 0.1rem;
	border-radius: 50%;
}

.Salesvideo .swiperBtn .swiper-button-prev {
	margin: 0;
	background-image: url(../images/jt3.png);
	background-size: 0.11rem 0.18rem;
	background-repeat: no-repeat;
	background-position: center;
	width: 0.6rem;
	height: 0.6rem;
	border: solid 1px #1d70f5;
	top: 30%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0.1rem;
	left: initial;
	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: #f3f3f3;
	padding: 1.7rem 0 1.2rem;
	margin-top: 1.2rem;
}

.BaseHt1 {
	font-size: 0.56rem;
	text-align: center;
	color: #1f2329;
	font-family: "Font";
	line-height: 0.7rem;
	margin-bottom: 0.5rem;
}

.TeachingCt {
	padding-bottom: .6rem;
	font-size: 0;
	padding-top: 1rem;
}

.TeachingFx {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	margin-bottom: 1.3rem;
}

.TeachingFx span,
.TeachingFx a {
	width: 2.4rem;
	display: block;
	height: 0.8rem;
	border-radius: 0.56rem;
	border: solid 0.02rem #606464;
	color: #606464;
	text-align: center;
	font-size: 0.24rem;
	line-height: 0.8rem;
	margin: 0px auto;
}

.TeachingImg {
	margin-bottom: 0.45rem;
	position: relative;
	color: #606464;
	font-size: 0.24rem;
}

.TeachingImg img {
	max-width: 1.11rem;
	display: block;
	padding-bottom: 0.35rem;
	margin: 0px auto;
	height: 1.12rem;
}

.TeachingBtn {
	width: 4.06rem;
	height: 0.96rem;
	background-color: #1d70f5;
	border-radius: 0.48rem;
	font-size: 0.28rem;
	color: #fff;
	line-height: 0.96rem;
	text-align: center;
	display: block;
	margin: 0px auto;
}

.Record {
	background-color: #fff;
	padding-top: 1.2rem;
	font-size: 0.32rem;
	line-height: 0.56rem;
	text-align: left;
	color: #606464;
	position: relative;
}

.Record::after {
	content: '';
	width: 6.30rem;
	height: 6.30rem;
	background-image: linear-gradient(239deg,
			#fcf8f0 0%,
			#f8e098 100%);
	position: absolute;
	top: 1rem;
	left: -4rem;
	border-radius: 100%;
}

.Imagine::after {
	background-image: linear-gradient(0deg,
			#f8e098 0%,
			#fcf8f0 100%);
	height: 5.2rem;
	width: 5.2rem;
	left: initial;
	right: -3.33rem;
}

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

.RecordExpe::after {
	width: 0;
}

.Control {
	background-color: #fafafa;
	padding-bottom: 1rem;
}

.Control::after {
	width: 0;
}

.video-box {
	width: 100%;
	position: relative;
	margin-top: 0.8rem;
}

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

.Classroom {
	padding-top: 1.7rem;
	padding-bottom: 1.2rem;
}

.Record .BaseHt1,
.Record p {
	text-align: left;
	position: relative;
	z-index: 2;
}

.ClassroomSwiper {
	width: 100%;
	margin-top: 0.85rem;
	z-index: 2;
	position: relative;
}

.Classroom::after {
	left: initial;
	top: 11.8rem;
	background-image: linear-gradient(239deg,
			#f1faf0 0%,
			#daf5d7 100%);
	width: 4.80rem;
	height: 4.80rem;
	left: -2.8rem;
	z-index: 1;
}

.ClassroomTab {
	width: 100%;
	height: 0.48rem;
	overflow-x: scroll;
	overflow-y: hidden;
	margin-bottom: 0.8rem;
}

.ClassroomTab a {
	display: block;
	height: 0.48rem;
	line-height: 0.48rem;
	font-size: 0.32rem;
	color: #000;
	background-size: cover;
	text-indent: 2em;
	margin-right: 0.6rem;
	float: left;
	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: 0;
}

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

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

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

.ClassroomSwiper .swiper-container {
	width: 100%;
	height: 4.8rem;
}

.ClassroomSwiper .swiper-container img {
	width: 6.22rem;
	height: 4.32rem;
	border-radius: 0.15rem;
	margin: 0px auto;
}

.Resources,
.Subject {
	padding-top: 1.7rem;
}

.Record img.ResourcesImg,
#teach-video1 {
	width: 100%;
	margin-top: 1rem;
}

#teach-video1 {
	position: relative;
	z-index: 2;
	border-radius: 0.2rem;
}

.ResourcesR {
	width: 100%;
	text-align: left;
	position: relative;
	z-index: 2;
}

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

.Resources::after {
	background-image: linear-gradient(239deg,
			#f1faf0 0%,
			#daf5d7 100%);
	top: 6.3rem;
	z-index: 1;
	left: initial;
	right: -4.88rem;
	width: 8.42rem;
	height: 8.42rem;
}

.Subject .ResourcesR {
	padding-top: 0.15rem;
}

.Subject::after {
	width: 0;
}

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

.Preparation {
	width: 100%;
	position: relative;
	background-color: #fff;
	padding-top: 1.85rem;
	padding-bottom: 0.5rem;
}

.Preparation .swiper-container {
	padding-bottom: 0.5rem;
}

.Preparation .swiper-container .swiper-slide {
	width: 100%;
}


.PreparationL {
	width: 100%;
	position: relative;
	font-size: 0.32rem;
	line-height: 0.56rem;
	text-align: left;
	color: #606464;
}

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

.Preparation .swiper-container img {
	width: 100%;
	border-radius: 0.2rem;
	margin-top: 0.8rem;
}


.Preparation .swiper-pagination,
.ClassroomSwiper .swiper-pagination {
	text-align: center;
	bottom: 0;
}

.Preparation .swiper-pagination-bullet {
	width: 0.16rem !important;
	height: 0.16rem !important;
	opacity: 1;
	margin: 0px 0.15rem !important;
	position: relative;
	background-color: #dfe0e3;
	width: 0;
	height: 0;
}

.Preparation .swiper-pagination-bullet:after {
	content: '';
	width: 0.16rem;
	height: 0.16rem;
	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: 1.2rem 0 1.45rem;
	width: 100%;
}

.NewsFx {
	display: block;
	background-color: #ffffff;
	border-radius: 0.08rem;
	border: solid 0.02rem #eee;
	margin-bottom: 0.5rem;
	font-size: 0.28rem;
	line-height: 0.42rem;
	color: #606464;
}

.NewsFxImg {
	width: 5.94rem;
	display: block;
	overflow: hidden;
	height: 3.56rem;
	margin: 0.28rem auto 0.5rem;
	border-radius: 0.08rem;
}

.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: 0.32rem;
	font-weight: bold;
	color: #000000;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-bottom: 0.3rem;
	margin-left: 0.28rem;
}

.NewsFx p {
	padding: 0px 0.47rem 0 0.28rem;
}

.NewsFx span {
	width: 1.58rem;
	height: 0.64rem;
	line-height: 0.64rem;
	text-align: center;
	font-size: .24rem;
	background-color: #006ee6;
	border-radius: 0.32rem;
	color: #fff;
	display: block;
	margin: 0.52rem 0.28rem;
}

.page {
	width: 100%;
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
	margin: 0.3rem auto 0;
	font-size: 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.page a {
	color: #383838;
	font-size: 0.34rem;
	display: inline-block;
	border-radius: 0.03rem;
	font-family: "Font";
	vertical-align: top;
	margin-right: 0.2rem;
	width: 0.72rem;
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
	box-shadow: 0px 0.14rem 0.48rem 0px rgb(0 0 0 / 6%);
}

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

.NewsBtn {
	width: 2.5rem;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	font-size: 0.26rem;
	background-color: #006ee6;
	border-radius: 0.5rem;
	display: block;
	margin: 0.6rem auto 0;
	color: #fff;
}

.NavdownSub {
	width: 55.6%;
	background-color: #fff;
	position: absolute;
	top: 85px;
	padding: 40px 0;
	visibility: hidden;
	opacity: 0;
	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: 30%;
}

.NavdownSubFlex {
	display: inline-block;
	width: 50%;
	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;
}

.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: 14px;
	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: 33.3%;
}

.NavdownSubFlex:nth-of-type(2) {
	width: 25%;
}

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

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

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

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

.WindowsOnalad {
	width: 6.16rem;
	background-color: #ffffff;
	border-radius: 0.08rem;
	position: fixed;
	font-size: 0.28rem;
	line-height: 0.38rem;
	color: #606464;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	padding: 0.55rem 0;
}

.WindowsOnalad h2 {
	font-size: 0.32rem;
	padding-left: 0.58rem;
	color: #1f2329;
	margin-bottom: 0.4rem;
}

.WindowsOnalad p {
	padding-left: 0.58rem;
}

.WindowsOnalad input {
	width: 5rem;
	height: 1.04rem;
	border-radius: 0.08rem;
	font-size: 0.24rem;
	line-height: 1.04rem;
	color: #a9a9a9;
	border: solid 0.02rem #dfe4dc;
	display: block;
	margin: 0.3rem auto 0.25rem;
	text-indent: 1em;
}

.WindowsGet {
	width: 5rem;
	height: 0.92rem;
	background-color: #c0edcf;
	border-radius: 0.08rem;
	line-height: 0.92rem;
	font-size: 0.36rem;
	text-align: center;
	color: #fff;
	display: block;
	margin: 0px auto;
}

.WindowsOnaladCt {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 2px solid #eee;
}

.WindowsOnaladCt p a {
	color: #606464;
}

.WindowsOnalad .CloseImg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 0.7rem;
	height: 0.7rem;
	bottom: -1rem;
}

.WindowsOnalad1,
.WindowsOnalad2 {
	height: 6.56rem;
	display: none;
}

.WindowsOnalad2 .TrueImg {
	width: 1.86rem;
	height: 1.85rem;
	display: block;
	margin: 0.97rem auto 0.47rem;
}

.WindowsOnalad .WindowsOnalad2 h2 {
	font-size: 0.46rem;
	margin-bottom: 0.85rem;
	padding: 0;
	text-align: center;
}

.WindowsOnalad .WindowsOnalad2 p {
	padding: 0;
	text-align: center;
}

.WindowsOnalad2 {
	height: 5.5rem;
}

/* 2-16新加 */
.Aesthetic,
.Shivo_Rotary {
	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 {
	color: #fff;
	margin-bottom: 0.1rem;
}

.Aesthetic .BaseH::after {
	left: 11.5%;
	bottom: 0;
}

.Aesthetic .BaseH::before {
	top: -0.1rem;
	left: 87.9%;
}

.Shivo_Rotary .BaseH::after {
	left: 33.5%;
	bottom: -0.1rem;
}

.Shivo_Rotary .BaseH::before {
	top: -0.1rem;
	left: 65.9%;
}

.Oriental .BaseH {
	font-size: 0.48rem;
	margin-bottom: 1.1rem;
}

.Oriental .BaseH::after {
	bottom: 0;
	left: 34.5%;
}

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

.Difficulties {
	font-size: 0.28rem;
	text-align: left;
	line-height: 0.48rem;
	color: #1f2329;
	padding-top: 0.6rem;
}

.Difficulties_Tag {
	float: left;
	width: 100%;
	height: 1.62rem;
	background-color: rgba(29, 112, 245, 0.1);
	margin-top: 0.3rem;
	border-radius: 0.25rem;
}

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

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

.Difficulties .ActivityFx {
	width: 100%;
	height: auto;
	margin-top: 0.8rem;
	line-height: 0.48rem;
	font-size: 0.28rem;
	color: #1f2329;
	padding-bottom: 0;
}

.Difficulties .ActivityImg {
	height: 3.68rem;
	border-radius: 0.25rem;
}

.Difficulties .ActivityImg img {
	margin: 0;
}

.Difficulties .ActivityFx h2 {
	font-size: 0.32rem;
	padding: 0.35rem 0 0.2rem;
	text-align: left;
	margin: 0;
	line-height: 0.52rem;
	color: #1f2329;
}

.Difficulties .ActivityFx p {
	padding: 0;
	text-align: left;
}

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

.EducationAse .BaseH::after {
	bottom: 0;
	left: 24.2%;
}

.EducationAse_Tag {
	margin-bottom: 0.6rem;
	width: 100%;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgb(7 9 12 / 8%);
	padding-bottom: 0.55rem;
}

.EducationAse_Tag img {
	width: 100%;
	margin: 0;
	border-top-left-radius: 0.26rem;
	border-top-right-radius: 0.26rem;
}

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

.EducationAse_TagR {
	font-size: 0.32rem;
	text-align: left;
	line-height: 0.48rem;
	color: #606464;
	padding: 0.3rem 0.5rem 0;
}

.EducationAse_Tag:nth-of-type(2n) .EducationAse_TagR {}

.EducationAse_TagR h3 {
	font-size: 0.4rem;
	color: #000000;
	position: relative;
	padding-top: 0.2rem;
	font-family: "Font";
	margin-bottom: 0.3rem;
	padding-bottom: 0.3rem;
}

.EducationAse_TagR h3::after {
	content: '';
	width: 0.61rem;
	height: 0.05rem;
	background-color: #1d70f5;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* 新增 */
.OtherBannerCeter2 {
	top: 1.2rem;
}

.machine-layout {
	margin-bottom: 0.3rem;
	border-radius: 0.3rem;
	font-size: 0.28rem;
	line-height: 0.48rem;
	letter-spacing: 0.02rem;
	color: #ffffff;
	position: relative;
	overflow: hidden;
}

.machine-flex {
	z-index: 2;
	color: #fff;
	position: relative;
	background: #1D70F5;
	padding: 0.3rem;
}

.machine-flex h2,
.effect-layout h2,
.base-tit {
	font-size: 0.48rem;
	margin-bottom: 0.3rem;
}

.machine-cate {
	width: 100%;
	font-size: 0;
}

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

.machine-tag:first-of-type img {
	width: 1.8rem;
	height: 1.56rem;
	position: absolute;
	right: 0;
	top: 0;
}

.machine-tag {
	width: 44%;
	height: 2.8rem;
	background-image: linear-gradient(-45deg,
			#00a7f4 0%,
			#006ee6 100%);
	border-radius: 0.3rem;
	margin-top: 0.2rem;
	position: relative;
	font-size: 0.28rem;
	line-height: 0.48rem;
	letter-spacing: 0.02rem;
	color: #ffffff;
	padding-left: 4%;
	display: inline-block;
	vertical-align: top;
}

.machine-tag:nth-of-type(2n) {
	margin-right: 4%;
}

.machine-tag h2 {
	font-size: 0.4rem;
	padding-top: 0.4rem;
	line-height: 0.58rem;
}

.machine-tag:nth-of-type(7) {
	margin-right: 4%;
}

.machine-tag:nth-of-type(5) img {
	position: absolute;
	right: 0.3rem;
	bottom: 0.2rem;
	width: 1rem;
}

.machine-tag:nth-of-type(6) {
	width: 100%;
	margin-right: 0;
}

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

.machine-tag:last-child {
	margin-right: 0;
}

.effect-layout h2 {
	color: #1D70F5;
	margin-bottom: 0.4rem;
}

.effect-layout {
	letter-spacing: 0.02rem;
	font-size: 0.28rem;
	line-height: 0.48rem;
	color: #606464;
}

.effect-contect img {
	max-width: 85%;
	float: none;
	margin: 1rem auto 0;
	display: block;
}

.effect-layout span {
	display: inline-block;
	vertical-align: top;
	min-width: 25%;
	margin-top: 0.2rem;
}

.effect-layout span i {
	font-size: 0.4rem;
	display: block;
	color: #1D70F5;
	margin-bottom: 0.15rem;
	font-family: "Font";
}

.design-contect {
	background-image: url(../images/add-bk.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	/* background: linear-gradient(180deg, rgba(50, 55, 62, 0) 30.34%, rgba(13, 27, 46, 0.7) 100%); */
}

.design-contect:after,
.machine-layout::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	background: linear-gradient(180deg, rgba(50, 55, 62, 0) 30.34%, rgb(18 31 49) 100%);
}

.design-contect .wrap {
	position: relative;
	z-index: 2;
}

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

.teaching-tag {
	width: 100%;
	margin-top: 0.6rem;
}

.teaching-images {
	width: 100%;
}

.teaching-images img {
	width: 100%;
	height: 100%;
}


.teaching-tag h2 {
	background-color: #1D70F5;
	font-size: 0.32rem;
	color: #fff;
	text-align: center;
	margin-top: -0.2rem;
	position: relative;
	padding: 0.3rem 0;
}

.stories-layout {
	margin: 1rem auto 2rem;
}

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

.stories-layout .base-tit {
	text-align: left;
	margin-bottom: 0.6rem;
}

.base-tit1 {
	padding: 0px 0.2rem;
	height: 0.6rem;
	background-color: #006ee6;
	letter-spacing: 0.02rem;
	font-size: 0.28rem;
	line-height: 0.6rem;
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-bottom: 0.3rem;
}

.stories-flex {
	margin-bottom: 1rem;
	letter-spacing: 0.02rem;
	font-size: 0.28rem;
	line-height: 0.48rem;
	color: #606464;
	position: relative;
}

.stories-flex img {
	width: 100%;
}

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

.stories-r {
	margin-top: 0.8rem;
}

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

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

.stories-r h3 {
	font-size: 0.36rem;
	color: #006ee6;
	line-height: 0.58rem;
	letter-spacing: 0.02rem;
	margin-bottom: 0.2rem;
}

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

.stories-case-item {
	display: block;
	font-size: 0.28rem;
	line-height: 0.48rem;
	margin-top: 0.3rem;
}

.stories-case-item h2 {
	width: 0.6rem;
	height: 0.6rem;
	font-size: 0.24rem;
	line-height: 0.6rem;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	background-color: #006ee6;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.2rem;
	position: relative;
}

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

.machine-contect,
.space-contect {
	padding: 1.2rem 0;
}

.space-contect img {
	width: 100%;
	margin-top: 0.5rem;
}