@media screen and (min-width: 1024px) {
	body {
		font-size: 22px;
		line-height: 42px;
	}

	img {
		object-fit: cover;
	}

	ul,
	h2,
	p,
	h3 {
		margin: 0;
		padding: 0;
	}

	.animated {
		-webkit-animation-name: animated !important;
	}

	.fadeInRight {
		-webkit-animation-name: fadeInRight !important;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 1.5s;
	}

	.fadeIn {
		-webkit-animation-name: fadeIn !important;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 2s;
	}

	.zoomIn {
		-webkit-animation-name: zoomIn !important;
		-webkit-animation-duration: 100s;
		-webkit-animation-delay: 1s;
		-webkit-animation-iteration-count: inherit;
	}

	.fadeInLeft {
		-webkit-animation-name: fadeInLeft !important;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 3s;
	}

	.fadeInRight {
		-webkit-animation-name: fadeInRight !important;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 3.5s;
	}

	.lightSpeedIn {
		-webkit-animation-name: lightSpeedIn !important;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 2s;
	}

	.fadeInDown {
		-webkit-animation-name: fadeInDown !important;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 4s;
	}

	.bounceIn {
		-webkit-animation-name: bounceIn !important;
		-webkit-animation-duration: 2s;
		-webkit-animation-delay: 4s;
	}

	.bounceInDown {
		-webkit-animation-name: bounceIn !important;
		-webkit-animation-duration: 2s;
		-webkit-animation-delay: 4s;
	}

	.zoomInDown {
		-webkit-animation-name: zoomInDown !important;
		-webkit-animation-duration: 1s;
		-webkit-animation-delay: 1.5s;
	}

	.fadeInUp {
		-webkit-animation-name: fadeInUp !important;
		-webkit-animation-duration: 2s;
		-webkit-animation-delay: 4s;
	}

	.phone {
		display: none;
	}

	.container {
		width: 1400px;
		margin: 0px auto;
	}

	.wrap {
		padding: 0px 3.4%;
		position: relative;
	}

	/* å¤´éƒ¨ */
	.wrapperActive.wrapper {
		padding-top: 0;
		display: none;
	}

	.wrapper {
		padding-top: 105px;
	}

	.wrapperActive .HeaderFlix {
		position: absolute;
		background: transparent;
	}

	.HeaderFlix {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 101;
		background: #fff;
		height: 105px;
		transition: background .5s;
		-webkit-transition: background .5s;
	}

	.HeaderFlix.on {
		background: #fff;
		position: fixed;
	}

	.am_logo {
		width: 19.2%;
		float: left;
		margin-top: 36px;
	}

	.am_logo img {
		width: 100%;
	}

	.Telephone {
		font-size: 20px;
		color: #4b4b4c;
		line-height: 105px;
		float: right;
	}

	.Telephone img,
	.WorkAddress img {
		vertical-align: middle;
		margin-right: 10px;
	}

	.Telephone i,
	.NewsContTag:hover h2 {
		padding-left: 8px;
		color: #ff6600;
	}

	.FooterSubTag a:hover,
	.TrendsTag:hover .TrendsTagR h2,
	.NewsContL:hover h2 {
		color: #ff6600;
		padding-left: 1px;
	}

	.subnav {
		height: 105px;
	}

	.nav {
		float: right;
		min-width: 49%;
		text-align: right;
		position: relative;
	}

	.subline {
		height: 4px;
		background: #FF6600;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.Navdown {
		width: 190%;
		background-color: #fff;
		position: absolute;
		top: 105px;
		left: 50%;
		transform: translateX(-50%) translateY(50%);
		-webkit-transform: translateX(-50%) translateY(50%);
		padding: 0;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		visibility: hidden;
		opacity: 0;
		z-index: 100;
		text-align: center;
		font-size: 0;
	}

	.subnav_ul li:hover .Navdown {
		display: block;
		margin-left: 0;
		visibility: visible;
		transform: translateX(-50%) translateY(0%);
		-webkit-transform: translateX(-50%) translateY(0%);
		opacity: 1;
	}

	.subnav_ul li .Navdown a {
		color: #333;
		font-size: 16px;
		text-align: center;
		display: block;
		line-height: 50px;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.subnav_ul li .Navdown a:hover,
	.Team .fr .active,
	.page a:hover,
	.page a.nor,
	.CaseContTag:hover h2 {
		background-color: #ff6600;
		color: #fff !important;
	}

	.subnav_ul li {
		float: left;
		position: relative;
		margin-right: 6%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		height: 105px;
	}

	.subnav_ul li:last-child {
		margin-right: 0;
	}

	.subnav_ul .tag {
		font-size: 18px;
		color: #4b4b4c;
		line-height: 105px;
		display: block;
	}

	/* åº•éƒ¨ */
	.Footer {
		width: 100%;
		position: relative;
		background-color: #3a3837;
		padding-top: 70px;
		font-size: 14px;
		line-height: 30px;
		color: #ffffff;
	}

	.CopyRight {
		color: #fff;
		text-align: center;
		font-size: 14px;
		line-height: 75px;
		margin-top: 40px;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}

	.FooterSubFlex {
		float: left;
		margin-right: 6%;
	}

	.FooterSubFlex h2 {
		padding-bottom: 20px;
		width: 100%;
		font-size: 18px;
		color: #fff;
	}

	.FooterSubTag a {
		display: block;
		color: #fff;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.go_top {
		width: 61px;
		height: 61px;
		display: block;
		margin: 0px auto;
		background: url(../images/backtop.png);
		background-size: cover;
		background-repeat: no-repeat;
		cursor: pointer;
		position: fixed;
		bottom: 3%;
		right: 30px;
	}

	.ContextSearch {
		width: 260px;
		height: 36px;
		border-radius: 18px;
		border: solid 1px #ffffff;
	}

	.SearchBox {
		background-image: url(../images/search1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 20px;
		height: 20px;
		float: right;
		margin-top: 8px;
		margin-right: 21px;
	}

	.SearchText {
		float: left;
		font-size: 16px;
		color: #fff;
		padding-left: 20px;
		line-height: 36px;
		text-align: left;
		height: 36px;
		width: 75%;
	}

	.Hotline {
		font-size: 18px;
		margin: 15px 0;
		color: #ffffff;
	}

	.HotlineH {
		font-size: 24px;
		color: #FF6600;
	}

	.FooterSubFlex:nth-of-type(5) {
		margin-right: 12%;
	}

	.FooterSubFlex:last-child {
		float: right;
		width: 97px;
		font-size: 14px;
		line-height: 42px;
		color: #ffffff;
		text-align: center;
		margin-right: 0;
	}

	/*banner */
	.IndexBanner .swiper-slide img,
	.IndexBanner .swiper-container {
		width: 100%;
		height: 100%;
	}

	.IndexBanner .pagination {
		position: absolute;
		left: 0;
		text-align: center;
		bottom: 8%;
		width: 100%;
		z-index: 99;
		font-size: 0;
	}

	.IndexBanner .swiper-pagination-switch {
		display: inline-block;
		vertical-align: middle;
		width: 62px;
		height: 4px;
		background: rgba(255, 255, 255, 0.3);
		margin: 0 10px;
		cursor: pointer;
		position: relative;
	}

	.IndexBanner .swiper-active-switch {
		background: #fff;
	}

	.HrongProperty {
		background-color: #ff6600;
		padding-top: 92px;
		padding-bottom: 227px;
	}

	.MapImg {
		float: right;
		width: 52.8%;
		position: relative;
		/* min-height: 606px; */
	}

	.MapImgBk {
		width: 100%;
		position: relative;
	}

	.MapImgCont img {
		position: absolute;
		max-width: 100%;
		visibility: hidden;
	}

	.MapImg img.GzImg {
		bottom: 13%;
		left: 68%;
		z-index: 10;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 100%;
		-webkit-mask-position: 0% 100%;

	}

	.MapImg img.GzImg.active {
		animation: paper-to-right-ani 1s 0.5s linear forwards;
		-webkit-animation: paper-to-right-ani 1s 0.5s linear forwards;
	}

	.MapImg img.KmImg.active {
		animation: paper-to-right-ani 2s 0.5s linear forwards;
		-webkit-animation: paper-to-right-ani 2s 0.5s linear forwards;
	}

	.MapImg img.CsImg.active {
		animation: paper-to-right-ani 3s 0.5s linear forwards;
		-webkit-animation: paper-to-right-ani 3s 0.5s linear forwards;
	}

	.MapImg img.ZzImg.active {
		animation: paper-to-right-ani 4s 0.5s linear forwards;
		-webkit-animation: paper-to-right-ani 4s 0.5s linear forwards;
	}

	.MapImg img.WhImg.active {
		animation: paper-to-right-ani 5s 0.5s linear forwards;
		-webkit-animation: paper-to-right-ani 5s 0.5s linear forwards;
	}

	.MapImg img.KsImg.active {
		animation: paper-to-right-ani 6s 0.5s linear forwards;
		-webkit-animation: paper-to-right-ani 6s 0.5s linear forwards;
	}

	.MapImg img.TyImg.active {
		animation: paper-to-right-ani 7s 0.5s linear forwards;
		-webkit-animation: paper-to-right-ani 7s 0.5s linear forwards;
	}

	@keyframes paper-to-right-ani {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
			visibility: hidden;
		}

		100% {
			mask-position: 0% 100%;
			-webkit-mask-position: 0% 100%;
			visibility: visible;
		}
	}

	.MapImg img.KmImg {
		bottom: 17%;
		left: 45%;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 100%;
		-webkit-mask-position: 0% 100%;
	}

	/* .MapImg img.KmImg.active,
	.MapImg img.TyImg.active {
		animation: paper-to-right-ani 3.7s linear forwards;
		-webkit-animation: paper-to-right-ani 3.7s linear forwards;
	}

	.MapImg img.CsImg.active,
	.MapImg img.KsImg.active {
		animation: paper-to-right-ani 3.2s linear forwards;
		-webkit-animation: paper-to-right-ani 3.2s linear forwards;
	}

	.MapImg img.ZzImg.active {
		animation: paper-to-right-ani 3.5s linear forwards;
		-webkit-animation: paper-to-right-ani 3.5s linear forwards;
	} */

	.MapImg img.CsImg {
		bottom: 17%;
		left: 61.5%;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 100%;
		-webkit-mask-position: 0% 100%;
	}

	.MapImg img.ZzImg {
		bottom: 17%;
		left: 66.7%;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 100%;
		-webkit-mask-position: 0% 100%;
	}

	.MapImg img.WhImg {
		bottom: 16%;
		left: 67.5%;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 100%;
		-webkit-mask-position: 0% 100%;
	}

	.MapImg img.KsImg {
		bottom: 17%;
		left: 62%;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 100%;
		-webkit-mask-position: 0% 100%;
	}

	.MapImg img.TyImg {
		bottom: 17%;
		left: 71%;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 100%;
		-webkit-mask-position: 0% 100%;
	}

	.HrongPropertyL {
		float: left;
		width: 42.8%;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		margin-top: 58px;
	}

	.HrongPropertyL p {
		text-align: justify;
	}

	.HrongPropertyL .BaseTit {
		color: #fff;
		text-align: left;
	}

	.HrongPropertyL .BaseTit h2 {
		color: rgba(255, 255, 255, 0.3);
	}

	.BaseTit {
		font-size: 36px;
		margin-bottom: 60px;
		color: #FF6600;
		text-align: center;
		font-weight: bold;
		line-height: 42px;
	}

	.BaseTit h2 {
		font-size: 30px;
		color: rgba(153, 153, 153, 0.3);
		margin-bottom: 15px;
		font-weight: bold;
	}

	.BaseTit p {
		font-weight: bold;
	}

	.MoreData {
		width: 200px;
		height: 60px;
		border: solid 1px #ffffff;
		line-height: 60px;
		text-align: center;
		margin-top: 88px;
		color: #fffefe;
		font-size: 18px;
		display: block;
		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;
		position: relative;
	}

	.MoreData:before {
		content: " ";
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
		height: 100%;
		background: #FF6600;
		z-index: 5;
		transition: all .4s;
		-webkit-transition: all .4s;
	}

	.MoreData:hover:before,
	.TrendsTag:hover .MoreData:before {
		left: 0;
		width: 100%;
	}

	.MoreData i,
	.ValueSubFlex:hover h2,
	.ValueSubFlex:hover p,
	.TrendsTag:hover .MoreData i {
		position: relative;
		z-index: 6;
	}

	.MoreData:hover i,
	.ValueSubFlex:hover h2,
	.ValueSubFlex:hover p,
	.LifeValue .ValueSubCont h2,
	.LifeValue .ValueSubCont,
	.TrendsTag:hover .MoreData i {
		color: #fff;
	}

	.TrendsTag:hover .MoreData {
		border: 1px solid #f67605;
	}

	.News {
		padding: 104px 0px 88px;
		background-image: url(../images/bk.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 762px;
	}

	.NewsCont {
		background-color: #ffffff;
		padding: 108px 5%;
		margin-top: -246px;
		box-shadow: 1px 2px 23px 1px rgba(65, 31, 8, 0.16);
	}

	.NewsContL {
		float: left;
		width: 47.7%;
		font-size: 16px;
		line-height: 30px;
		color: #666666;
	}

	.MappingImg {
		width: 100%;
		height: 332px;
		position: relative;
		overflow: hidden;
		background: #333333;
		margin-bottom: 30px;
	}

	.MappingImg img {
		width: 100%;
		height: 100%;
	}

	.MappingImg .play {
		background-image: url(../images/video.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 85px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		background-color: rgba(29, 29, 29, 0.5);
	}

	.vid {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.NewsContL h2 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 6px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NewsContL span,
	.NewsContTag span {
		display: block;
		color: #999;
		margin-top: 5px;
	}

	.NewsContL span img,
	.NewsContTag span img {
		vertical-align: middle;
		margin-right: 10px;
	}

	.NewsContR {
		float: right;
		width: 48%;
		border-top: 1px solid #f1f1f1;
		font-size: 16px;
		line-height: 30px;
		color: #999;
	}

	.NewsContTag {
		display: block;
		padding: 25px 0;
		border-bottom: 1px solid #f1f1f1;
	}

	.NewsContTag h2 {
		font-size: 18px;
		color: #666;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		margin-bottom: 6px;
	}

	.NewsCont .MoreData {
		background-color: #f1f1f1;
		border: 0;
		color: #666666;
		margin: 60px auto 0;
	}

	.Selected {
		background-color: #f2f2f2;
		padding: 110px 0px 127px;
	}

	.Selected .BaseTit {
		text-align: left;
	}

	.IntoNatureCont {
		width: 100%;
		height: 523px;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.pic {
		height: 100%;
		cursor: pointer;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		position: relative;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-preferred-size: 14.66667%;
		flex-basis: 14.66667%;
		position: relative;
		-webkit-transition: .5s;
		transition: .5s;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 1px;
	}

	.pic:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
	}

	.pic:last-child,
	.TitSub a:last-child,
	.LifeValue .QualityCerImg:nth-of-type(3n) {
		margin-right: 0;
	}

	.IntoNatureCont .Por {
		width: 88%;
		position: absolute;
		left: 27px;
		top: 50px;
		overflow: hidden;
		background-image: url(../images/more.png);
		background-size: 38px;
		background-repeat: no-repeat;
		background-position: bottom left;
		bottom: 52px;
		z-index: 1;
	}

	.IntoNatureCont .pic.current {
		-ms-flex-preferred-size: calc(50% - 80px);
		flex-basis: calc(50% - 80px);
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 800px;
	}

	.IntoNatureCont .pic.current:after {
		content: '';
		background: transparent;
	}

	.IntoNatureCont .pic.current .Por {
		left: 38px;
		top: initial;
		background-image: url(../images/more_h.png);
		background-size: 38px;
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	.IntoNatureCont .Por p {
		font-size: 18px;
		line-height: 36px;
		color: #fff;
		transition: all .3s ease-out;
		display: none;
		-webkit-transition: all .3s ease-out;
	}

	.IntoNatureCont .pic.current .Por p {
		display: block;
	}

	.IntoNatureCont .pic.current .Por h2 {
		font-size: 24px;
	}

	.IntoNatureCont .Por h2 {
		font-size: 18px;
		line-height: 36px;
		color: #fff;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.IntoNatureCont .Por img {
		max-width: 35px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.IntoNatureCont .pic.current .Por img {
		display: none;
	}

	/* 公司概况 */

	.OtherBanner,
	.OtherBanner img,
	.HerongPropertyImg,
	.VisionImg {
		width: 100%;
		position: relative;
	}

	.HerongPropertyImg,
	.ManagerRImg,
	.SearchCaseImg,
	.ValueSubImg,
	.VisionImg {
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
		overflow: hidden;
	}

	.HerongPropertyImg img,
	.ManagerRImg img,
	.SearchCaseImg img,
	.ValueSubImg img,
	.VisionImg img {
		width: 100%;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: transform .6s ease-in;
		-moz-transition: transform .6s ease-in;
		-ms-transition: transform .6s ease-in;
		-o-transition: transform .6s ease-in;
		transition: transform .6s ease-in;
	}

	.HerongPropertyImg:after,
	.ManagerRImg:after,
	.SearchCaseImg:after,
	.ValueSubImg:after,
	.VisionImg:after {
		content: " ";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		width: 0;
		z-index: 10;
		background: #FF6600;
		-webkit-transition: transform .8s .6s ease-out;
		-moz-transition: transform .8s .6s ease-out;
		-ms-transition: transform .8s .6s ease-out;
		-o-transition: transform .8s .6s ease-out;
		transition: transform .8s .6s ease-out;
	}

	.wow {
		visibility: hidden;
	}

	.HerongPropertyImg.animated:after,
	.ManagerRImg.animated:after,
	.SearchCaseImg.animated:after,
	.ValueSubImg.animated:after,
	.VisionImg.animated:after {
		-webkit-transform: translateX(102%);
		transform: translateX(102%);
		width: 100%;
	}

	.HerongPropertyImg.animated img,
	.ManagerRImg.animated img,
	.SearchCaseImg.animated img,
	.ValueSubImg.animated img,
	.VisionImg.animated img {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.TitNav {
		position: absolute;
		bottom: 30px;
		font-size: 16px;
		line-height: 18px;
		color: #ffffff;
	}

	.OtherBanner .TitNav img {
		width: 18px;
		height: 18px;
	}

	.TitNav a {
		color: #ffffff;
		padding: 0px 5px;
	}

	.TitNav a.nor,
	.TitSub a.nor {
		color: #FF6600;
	}

	.TitSub {
		height: 76px;
		border-bottom: 1px solid #f1f1f1;
		text-align: center;
		font-size: 0;
	}

	.TitSub a {
		font-size: 16px;
		line-height: 76px;
		color: #666666;
		display: inline-block;
		vertical-align: top;
		margin-right: 50px;
	}

	.HerongProperty {
		padding-top: 96px;
		padding-bottom: 172px;
		background: #fff;
		position: relative;
		min-height: 870px;
	}

	.HerongProperty:after {
		content: '';
		background-image: url(../images/bk.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
		width: 100%;
		height: 525px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.HerongPropertyL {
		float: left;
		width: 42.8%;
		position: relative;
		font-size: 30px;
		color: rgba(255, 255, 255, 0.5);
		z-index: 1;
	}

	.HerongPropertyL h2 {
		font-size: 40px;
		color: #fff;
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.HerongPropertyR {
		float: right;
		width: 52%;
		font-size: 16px;
		line-height: 30px;
		color: #666666;
	}

	.HerongPropertyRH,
	.ValueSubCont h2,
	.ValueSubFlex h2 {
		font-size: 24px;
		color: #FF6600;
		font-weight: bold;
	}

	.HerongPropertyRHt {
		font-size: 24px;
		color: #999;
		margin-top: 5px;
		font-weight: bold;
	}

	.HerongProSub {
		margin-top: 65px;
		margin-bottom: 55px;
	}

	.HerongProFlex {
		float: left;
		width: 29%;
		border-right: 1px solid #f1f1f1;
		text-align: center;
	}

	.HerongProFlex:first-of-type {
		width: 22%;
	}

	.HerongProFlex:last-child {
		border: 0;
	}

	.HerongProFlex h2 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.HerongProFlex h3 {
		font-size: 40px;
		color: #FF6600;
		height: 45px;
		vertical-align: bottom;
	}

	.HerongProFlex h3 i {
		margin-left: 5px;
		font-size: 18px;
		color: #666;
	}

	.HerongPropertyR p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 30px;
		color: #666;
		text-align: justify;
	}

	@-webkit-keyframes ip7 {
		100% {
			background-position: center -335px;
		}
	}

	/* 市场合作 */
	.Market {
		padding-top: 98px;
		padding-bottom: 182px;
	}

	.MarketL {
		float: left;
		width: 37%;
	}

	.MarketLxl {
		font-size: 16px;
		line-height: 32px;
		margin-top: 5px;
		color: #666;
	}

	.MarketLxl img {
		vertical-align: middle;
		margin-right: 10px;
	}

	.ContactFlex {
		margin-top: 42px;
		border-top: 1px solid #f1f1f1;
	}

	.ContactTag {
		border-bottom: 1px solid #f1f1f1;
		padding: 25px 0;
	}

	.ContactTag h2 {
		font-size: 18px;
		color: #333;
		background-image: url(../images/jia.png);
		background-size: 14px;
		background-repeat: no-repeat;
		background-position: 98%;
		font-weight: bold;
		cursor: pointer;
	}

	.ContactTag.on h2 {
		background-image: url(../images/jian.png);
		background-size: 14px 2px;
		background-repeat: no-repeat;
		background-position: 98%;
	}

	.ContactDown {
		padding-top: 10px;
		display: none;
	}

	.ContactDown p {
		font-size: 16px;
		color: #666;
		margin-top: 15px;
		line-height: 24px;
	}

	.map {
		width: 55%;
		height: 710px;
		position: relative;
		float: right;
	}

	#allmap {
		width: 100%;
		height: 100%;
	}

	/* 经营项目 */
	.ValueAdded {
		margin: 88px auto;
	}

	.certificationclass {
		margin-bottom: 0;
	}

	.ValueAdded .HerongPropertyRHt,
	.ValueAdded .HerongPropertyRH,
	.ValueSubCont h2,
	.ValueSubFlex h2,
	.Culture h2,
	.Team h2,
	.HonorCont .fl h2 {
		font-weight: normal;
		margin-top: 0;
	}

	.ValueSub {
		margin-top: 80px;
	}

	.managementclass .ValueSub {
		margin-bottom: 88px;
	}

	.ValueAdded.managementclass,
	.managementclass .LifeValue .ValueSub {
		margin-bottom: 0;
	}

	.ValueSubImg {
		width: 50%;
		height: 480px;
		overflow: hidden;
		position: relative;
		float: left;
	}

	.ValueSubImg img,
	.TeamFlexImg img,
	.CaseContTagImg img,
	.TeamPopuleImg img {
		width: 100%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ValueSubCont {
		position: absolute;
		top: 55px;
		left: 52px;
		font-size: 18px;
		line-height: 38px;
		color: #999999;
	}

	.ValueSubImg:hover img,
	.CaseContTag:hover .CaseContTagImg img {
		transform: scale(1.1);
		-webkit-transition: scale(1.1);
		-ms-transition: scale(1.1);
		-mos-transition: scale(1.1);
	}

	.ValueSubR {
		float: right;
		width: 49%;
		-webkit-transition: transform .8s .6s ease-out;
		-moz-transition: transform .8s .6s ease-out;
		-ms-transition: transform .8s .6s ease-out;
		-o-transition: transform .8s .6s ease-out;
		transition: transform .8s .6s ease-out;
	}

	.ValueSubFlex {
		padding-top: 50px;
		padding-left: 60px;
		height: 182px;
		margin-bottom: 16px;
		background-color: #f1f1f1;
		font-size: 16px;
		line-height: 38px;
		color: #666;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		z-index: 2;
	}

	.ValueSubFlex:before {
		content: '';
		background-color: #ff6600;
		width: 100%;
		height: 100%;
		transform: scale3d(0, 1, 0);
		transform-origin: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		transition: all .3s ease .1s;
		-webkit-transition: all .3s ease .1s;
	}

	.ValueSubFlex:hover:before {
		opacity: 1;
		transform: scale3d(1, 1, 1);
		background-color: #ff6600;
	}

	.BaseNavImg {
		width: 142px;
		position: absolute;
		height: 116px;
		overflow: hidden;
		right: 50px;
		bottom: 25px;
		z-index: 2;
	}

	.BaseNavImg 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%);
	}

	.ValueSubFlex .ActiveHImg,
	.ValueSubFlex:hover .ActiveImg,
	.Team .fr .ActiveHImg,
	.Team .fr .active .ActiveImg {
		display: none;
	}

	.ValueSubFlex:hover .ActiveHImg,
	.Team .fr .active .ActiveHImg {
		display: inline-block;
		vertical-align: middle;
	}

	.LifeValue {
		background-color: #f1f1f1;
		padding: 12px 0 92px;
	}

	.LifeValue .ValueSubImg {
		width: 100%;
		height: 242px;
		float: none;
	}

	.LifeValue .ValueSubR {
		float: none;
		width: 100%;
		margin-top: 30px;
	}

	.LifeValue .ValueSubFlex {
		background: #FFFEFE;
		width: 44.7%;
		float: left;
	}

	.LifeValue .ValueSubFlex:nth-of-type(2n),
	.TeamFlex:nth-of-type(2n),
	.ValueAdded .QualityCerImg:nth-of-type(2n),
	.CaseContTag:nth-of-type(2n),
	.certificationclass .LifeValue .QualityCerImg:nth-of-type(3n) {
		float: right;
	}

	.certificationclass .LifeValue .QualityCerImg:nth-of-type(2n) {
		float: left;
	}

	/* 企业文化 */
	.Culture {
		margin: 90px auto 108px;
	}

	.CorporateCue:first-of-type {
		margin-top: -6%;
	}

	.CorporateCue {
		width: 100%;
		position: relative;
		overflow-x: hidden;
	}

	.VisionImg {
		float: right;
		width: 63.4%;
	}

	.VisionCont {
		width: 36.4%;
		padding: 80px 40px 110px;
		background-color: #ff6600;
		position: absolute;
		left: 0;
		bottom: 0;
		font-size: 14px;
		line-height: 42px;
		color: #ffffff;
		z-index: 1;
	}

	.VisionContTit {
		font-size: 72px;
		font-weight: bold;
		color: rgba(255, 255, 255, 0.08);
		position: absolute;
		top: 15px;
		left: 10px;
	}

	.VisionSub h2 {
		font-size: 28px;
		color: #FFFEFE;
		position: relative;
		margin-bottom: 12px;
	}

	.VisionSub h2:after {
		content: '';
		width: 40px;
		height: 2px;
		background-color: #ffffff;
		position: absolute;
		bottom: -12px;
		left: 0;
	}

	.VisionSub h3 {
		font-size: 34px;
		margin-bottom: 10px;
		letter-spacing: 2px;
		color: #ffffff;
		margin-top: 24px;
		line-height: 48px;
	}

	.CorporateCue1 .VisionImg {
		float: left;
		width: 36.6%;
	}

	.MissionCont {
		float: right;
		width: 70%;
		position: absolute;
		right: 0;
		bottom: 0;
		height: 100%;
		z-index: -1;
	}

	.MissionCont .VisionContTit {
		color: rgba(102, 102, 102, 0.08);
		right: 20px;
		left: initial;
		top: 20px;

	}

	.MissionCont .VisionSub {
		padding-left: 23%;
		padding-top: 68px;
		color: #666666;
		font-size: 14px;
	}

	.MissionCont .VisionSub h2,
	.ValuesCont .VisionSub h2 {
		color: #333333;
	}

	.MissionCont .VisionSub h2:after,
	.ValuesCont .VisionSub h2:after {
		content: '';
		background: #333333;
	}

	.MissionCont .VisionSub h3,
	.ValuesCont .VisionSub h3 {
		color: #ff6600;
	}

	.Thousands {
		padding: 0 80px 84px 106px;
		background-color: #f1f1f1;
		position: absolute;
		bottom: 0;
		width: 81%;
		left: 0;
	}

	.MissionCont .Thousands .VisionContTit {
		bottom: 22px;
		top: initial;
		left: 100px;
		right: initial;
	}

	.MissionCont .Thousands .VisionContTit i {
		display: block;
		font-size: 60px;
		line-height: 86px;
	}

	.MissionCont .Thousands .VisionSub {
		padding-left: 0;
		float: right;
		text-align: right;
	}

	.MissionCont .Thousands .VisionSub h2:after {
		content: '';
		right: 0;
		left: initial;
	}

	.CorporateCue2 .VisionImg {
		width: 70%;
	}

	.ValuesCont {
		width: 30%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #f1f1f1;
	}

	.ValuesCont .VisionContTit {
		color: rgba(102, 102, 102, 0.08);
		right: 0;
		left: initial;
		top: 20px;
		width: 18%;
		word-break: break-all;
		line-height: 60px;
	}

	.VisionSub {
		padding-left: 5%;
		padding-top: 35px;
	}

	.CorporateCue2 .VisionSub {
		padding-left: 15%;
	}

	/* 团队风采 */
	.Team {
		margin: 55px auto 175px;
		line-height: 36px;
	}

	.Team .fr {
		font-size: 0;
		margin-bottom: 42px;
	}

	.Team .fr a {
		width: 193px;
		height: 54px;
		line-height: 54px;
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		color: #666666;
		background-color: #f1f1f1;
		text-align: center;
	}

	.Team .fr a img {
		vertical-align: middle;
		margin-right: 8px;
	}

	.TeamFlex {
		float: left;
		width: 46.8%;
		margin-bottom: 75px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		position: relative;
	}

	.TeamFlex:hover {
		transform: translateY(-10px);
		box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
		-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
		-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	}

	.TeamFlexImg {
		width: 100%;
		height: 402px;
		overflow: hidden;
		position: relative;
	}

	.TeamVideo {
		background-image: url(../images/fd.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		margin-top: -60%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TeamFlex:hover .TeamVideo {
		margin-top: 0;
	}

	.TeamFlexSub {
		padding: 0px 25px;
		background-image: url(../images/jt1.png);
		background-size: 31px 18px;
		background-repeat: no-repeat;
		background-position: 96%;
		height: 60px;
		line-height: 60px;
		color: #ffffff;
		background-color: #ff6600;
		font-size: 18px;
	}

	.page {
		width: 100%;
		margin: 38px auto 0;
		text-align: center;
	}

	.page a {
		color: #666;
		font-size: 16px;
		margin-right: 5px;
		background-color: #f1f1f1;
		padding: 0 20px;
		height: 42px;
		line-height: 42px;
		display: inline-block;
		vertical-align: top;
		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;
	}

	/* 视频 */
	.VideoCont .TeamVideo {
		background-image: url(../images/video.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.propagandist_vid #vidt {
		z-index: 999;
		width: 450px;
		height: 450px;
		margin: 0px auto;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		background: rgba(0, 0, 0, 0.9);
		display: none;
	}

	/* 资讯报道 */
	.TrendsTag:first-of-type {
		margin-top: 50px;
	}

	.TrendsTag {
		border-bottom: 1px solid #f1f1f1;
		padding: 28px 38px;
		display: block;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TrendsTag .MappingImg {
		margin-bottom: 0;
		width: 22.3%;
		height: 166px;
		background-color: #4a4a4a;
		float: left;
	}

	.TrendsTagR {
		width: 75%;
		float: right;
	}

	.TrendsTagR h2 {
		font-size: 18px;
		color: #666;
		margin-bottom: 12px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		line-height: 24px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TrendsTagR p {
		font-size: 14px;
		color: #666;
		line-height: 23px;
		margin-bottom: 6px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.TrendsTagR span {
		font-size: 14px;
		color: #999;
		line-height: 30px;
		margin-bottom: 15px;
		display: block;
	}

	.TrendsTagR .MoreData {
		width: 100px;
		height: 30px;
		font-size: 14px;
		margin-top: 0;
		border: solid 1px #999999;
		line-height: 30px;
		color: #999;
	}

	.TrendsTag:hover {
		background-color: #f1f1f1;
	}

	.TrendsPage {
		padding: 25px 38px 38px;
		font-size: 14px;
		line-height: 26px;
		letter-spacing: 1px;
		color: #999999;
	}

	.TrendsPage i {
		margin-left: 20px;
	}

	.TrendsTag .MappingImg .play {
		background-size: 45px;
	}

	/* 招聘职位 */
	.ServiceProvice {
		margin: 55px auto;
		background-color: #f1f1f1;
		padding: 28px 5%;
	}

	.WorkAddress {
		float: left;
		width: 37%;
		font-size: 18px;
		line-height: 54px;
		color: #666;
	}

	.WorkAddress select {
		width: 70%;
		height: 54px;
		background-color: #ffffff;
		border: solid 1px #e4e2e2;
		float: right;
		line-height: 54px;
		color: #333;
		font-size: 16px;
		padding: 0px 15px;
		background-image: url(../images/down.png);
		background-size: 15px 8px;
		background-repeat: no-repeat;
		background-position: 94%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.WorkAddress:last-child {
		width: 60%;
		float: right;
		background-color: #ffffff;
		border: solid 1px #e4e2e2;
		height: 54px;
	}

	.WorkAddressTxt {
		color: #999999;
		line-height: 54px;
		font-size: 14px;
		padding: 0px 15px;
		width: 70%;
		float: left;
	}

	.WorkAddressBtn {
		width: 24%;
		height: 54px;
		background-color: #ff6600;
		color: #fff;
		line-height: 54px;
		font-size: 18px;
		float: right;
		background-image: url(../images/search1.png);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: 20%;
		text-indent: 2em;
	}

	.recruit_table {
		width: 100%;
		margin-bottom: 88px;
	}

	.recruit_thead {
		height: 80px;
		line-height: 80px;
		background-color: #f1f1f1;
		padding: 0px 78px;
	}

	.recruit_thead h2 {
		font-size: 18px;
		color: #ff6600;
		width: 13.2%;
		float: left;
		font-weight: bold;
		line-height: 80px;
		text-align: center;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.RecuitBorer {
		border-bottom: 1px solid #f1f1f1;
		line-height: 80px;
		padding: 0px 78px;
	}

	.RecuitBorer a {
		font-size: 16px;
		color: #666;
		width: 13.2%;
		float: left;
		line-height: 80px;
		text-align: center;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.RecuitBorer a:first-of-type,
	.recruit_thead h2:first-of-type {
		text-align: left;
		width: 33%;
	}

	.RecuitBorer a:last-child img {
		vertical-align: middle;
	}

	/* 资质认证 */
	.QualityCer {
		width: 80%;
		display: block;
		margin: 85px auto 0;
	}

	.certificationclass .QualityCer {
		margin: 85px auto;
		width: 63%;
	}

	.certificationclass .QualityCer .container {
		width: 100%;
	}

	.QualityCerImg {
		width: 41.7%;
		float: left;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 48px;
		color: #666666;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		text-align: center;
	}

	.QualityCerImg img {
		max-width: 100%;
		display: block;
		margin: 0px auto 15px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.LifeValue .QualityCerImg {
		margin-bottom: 0;
		margin-top: 80px;
		width: 27%;
		margin-right: 9%;
	}

	/* 总经理致辞 */
	.Manager {
		float: left;
		width: 55%;
	}

	.Manager p {
		font-size: 16px;
		line-height: 35px;
		color: #666666;
		margin-top: 35px;
		text-align: justify;
	}

	.ManagerR {
		float: right;
		width: 40%;
		position: relative;
	}

	.ManagerR:after {
		content: '';
		width: 60%;
		height: 452px;
		background-color: #ff6600;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}

	.ManagerRImg {
		width: 68%;
		margin-top: 102px;
		position: relative;
		background-color: #cccccc;
	}

	.ManagerRCont {
		padding: 10px 30px;
		background-color: #ff6600;
		position: absolute;
		bottom: 20px;
		font-size: 18px;
		line-height: 36px;
		color: #ffffff;
	}

	.ManagerRCont h2 {
		font-size: 24px;
		font-weight: bold;
	}

	/* 服务项目案例 */
	.SearchCase {
		height: 540px;
		background-color: #f1f1f1;
		margin-bottom: 20px;
		width: 100%;
		margin-top: 100px;
	}

	.SearchCaseImg {
		float: left;
		width: 60%;
		height: 100%;
		position: relative;
	}

	.SearchCaseR {
		float: right;
		width: 32%;
		margin-right: 4%;
		padding-top: 105px;
	}

	.SearchCaseR h2 {
		font-size: 24px;
		line-height: 48px;
		color: #666666;
		margin-bottom: 20px;
	}

	.SearchCaseR select {
		width: 100%;
		height: 60px;
		line-height: 60px;
		background-image: url(../images/down.png);
		background-size: 15px 8px;
		background-repeat: no-repeat;
		background-position: 96%;
		font-size: 18px;
		color: #666666;
		background-color: #ffffff;
		border: solid 1px #e4e2e2;
		margin-bottom: 16px;
		padding: 0px 20px;
	}

	.SearchCaseTxt {
		width: 99.6%;
		height: 60px;
		background-color: #ffffff;
		border: solid 1px #e4e2e2;
		margin-bottom: 30px;
	}

	.SearchCaseText {
		font-size: 18px;
		line-height: 60px;
		color: #999999;
		padding: 0px 20px;
		float: left;
		width: 80%;
	}

	.SearchCaseBtn {
		background-image: url(../images/search.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		float: right;
		width: 18px;
		height: 18px;
		margin-right: 20px;
		margin-top: 20px;
	}

	.SearchCaseAll {
		width: 100%;
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 18px;
		color: #fefefe;
		background-color: #f67605;
	}

	.CaseCont {
		margin-bottom: 94px;
	}

	.CaseContTag {
		float: left;
		margin-top: 84px;
		width: 46.8%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CaseContTag:hover,
	.QualityCerImg:hover img {
		box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
		-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
		-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	}

	.CaseContTagImg {
		width: 100%;
		height: 368px;
		overflow: hidden;
		position: relative;
	}

	.CaseContTag h2 {
		font-size: 24px;
		line-height: 36px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		letter-spacing: -1px;
		color: #666666;
		background-color: #f1f1f1;
		line-height: 72px;
		padding-left: 32px;
		padding-right: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	/* 历史荣誉 */
	.HonorCont {
		line-height: 36px;
		margin-top: 70px;
	}

	.HonorSelect {
		width: 386px;
		height: 54px;
		background-color: #ffffff;
		border: solid 1px #f1f1f1;
		float: right;
	}

	.HonorSelect img {
		float: left;
		margin-top: 17px;
		margin-left: 29px;
	}

	.HonorSelect select {
		background-image: url(../images/down.png);
		background-size: 15px 8px;
		background-repeat: no-repeat;
		background-position: 94%;
		line-height: 54px;
		font-size: 18px;
		color: #666;
		float: right;
		width: 82%;
		font-weight: bold;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.HonorSelect select:hover,
	.WorkAddress select:hover {
		background-image: url(../images/down_h.png);
		background-size: 15px 8px;
		background-repeat: no-repeat;
		background-position: 92%;
	}

	.HonorFlex {
		padding: 90px 0;
		position: relative;
	}

	.HonorFlex1 {
		background-color: #f1f1f1;
		padding: 90px 0;

	}

	.HonorFlex1 .container {
		position: relative;
	}

	.HonorFlexH {
		font-size: 30px;
		line-height: 48px;
		color: #333333;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 80px;
	}

	.HonorSub {
		font-size: 16px;
		text-align: center;
		line-height: 48px;
		color: #666666;
		height: 290px;
		position: relative;
	}

	.HonorSub .swiper-container {
		width: 80%;
		height: 290px;
		float: right;
	}

	.HonorSub .swiper-container img {
		display: block;
		margin: 0px auto 20px;
		max-width: 95%;
		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;
		max-height: 236px;
	}

	.HonorSub .swiper-slide:hover img {
		transform: scale(1.1);
		-webkit-transition: scale(1.1);
	}

	.HonorSub .arrow-left,
	.SystemSwiper .arrow-left {
		background-image: url(../images/next1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 33px;
		height: 33px;
		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;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 99;
	}

	.HonorSub .arrow-right,
	.SystemSwiper .arrow-right {
		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;
		background-image: url(../images/next.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 33px;
		height: 33px;
		position: absolute;
		left: 42px;
		bottom: 0;
		z-index: 99;
	}

	.HonorSub .arrow-left:hover,
	.SystemSwiper .arrow-left:hover {
		background-image: url(../images/next_h.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.HonorSub .arrow-right:hover,
	.SystemSwiper .arrow-right:hover {
		background-image: url(../images/next_h1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.TeamPopule {
		width: 1000px;
		max-height: 100%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		z-index: 999;
	}

	.TeamPopuleImg {
		height: 567px;
		background-color: #ffffff;
		border: solid 5px #ffffff;
	}

	.TeamDevice {
		position: relative;
		height: 140px;
		margin-top: 12px;
	}

	.TeamDevice .swiper-container {
		height: 140px;
		width: 90%;
		left: 8px;
	}

	.TeamDevice .swiper-slide img {
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		max-width: 100%;
		height: 100%;
	}

	.TeamDevice .swiper-slide:hover img {
		border: solid 3px #ffffff;
		transform: scale(0.9);
		-webkit-transition: scale(0.9);
		margin-top: -2px;
	}

	.TeamDevice .arrow-left {
		background-image: url(../images/jt2.png);
		background-size: 15px 29px;
		background-repeat: no-repeat;
		background-position: center;
		width: 47px;
		height: 100%;
		background-color: #ff6600;
		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;
		position: absolute;
		left: 0;
		top: 0;
	}

	.TeamDevice .arrow-right {
		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;
		background-image: url(../images/jt3.png);
		background-size: 15px 29px;
		background-repeat: no-repeat;
		background-position: center;
		width: 47px;
		height: 100%;
		background-color: #ff6600;
		position: absolute;
		right: 0;
		top: 0;
	}

	.TeamDevice .arrow-right:hover,
	.TeamDevice .arrow-left:hover {
		background-position: 10px;
	}

	.CloseImg {
		background-image: url(../images/close1.png);
		background-size: 19px 20px;
		background-repeat: no-repeat;
		background-position: center;
		width: 50px;
		cursor: pointer;
		height: 50px;
		background-color: #ff6600;
		border-radius: 100%;
		position: absolute;
		right: 20px;
		top: 20px;
	}

	.detailclass .NewInfo {
		padding: 0px 14% 60px;
	}

	.NewInfo {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 40px;
		font-size: 14px;
		line-height: 24px;
		color: #666666;
		margin-top: 100px;
	}

	.NewInfoH {
		font-size: 24px;
		line-height: 30px;
		color: #333;
	}

	.NewInfoHt {
		font-size: 16px;
		margin-top: 30px;
		margin-bottom: 55px;
		color: #ccc;
	}

	.NewInfo p {
		margin-bottom: 30px;
		text-align: justify;
	}

	.NewInfo p img {
		max-width: 100%;
	}

	.BackList {
		width: 160px;
		height: 36px;
		line-height: 36px;
		display: block;
		margin-top: 60px;
		text-align: center;
		color: #fff;
		font-size: 15px;
		background-color: #FF6600;
		border-radius: 18px;
	}

	.BackPage {
		margin-bottom: 100px;
	}

	.BackPage a {
		font-size: 16px;
		line-height: 24px;
		float: left;
		width: 50%;
		color: #333333;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.BackPage a:last-child {
		text-align: right;
	}

	.BackPage a:hover,
	.HonorSub .swiper-slide:hover,
	.QualityCerImg:hover {
		color: #FF6600;
	}

	/*  */
	.SystemPopule {
		width: 1000px;
		position: fixed;
		max-height: 600px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.SystemPopule .CloseImg {
		top: -80px;
		right: -40px;
	}

	.SystemSwiper,
	.SystemSwiper .swiper-container {
		width: 100%;
		height: 600px;
		position: relative;
	}

	.SystemSwiper .swiper-slide {
		width: 100%;
		position: relative;
	}

	.SystemSwiper .swiper-slide img {
		width: 100%;
		height: 100%;
	}

	.SystemSwiper .arrow-left {
		bottom: initial;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		left: -60px;
	}

	.SystemSwiper .arrow-right {
		bottom: initial;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		right: -60px;
		left: initial;
	}

	.SystemPopuleSub {
		padding: 20px;
		text-align: left;
		color: #fff;
		line-height: 28px;
		font-size: 16px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 99;
		background: rgba(0, 0, 0, 0.5);
	}

	.SystemPopuleSub h2 {
		font-size: 22px;
		font-weight: bold;
		color: #FF6600;
		margin-bottom: 10px;
	}

	/* loading */
	.desktop {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}

	.Loading {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #fff;
		top: 0;
		left: 0;
	}

	.Logot_h,
	.Logot_ht {
		position: absolute;
		left: -50%;
		top: -9%;
	}

	.Logot_ht1 {
		position: absolute;
		left: -50%;
		top: -9%;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 100%;
		-webkit-mask-position: 100% 100%;
		animation: Logot_ht 3s linear forwards;
		-webkit-animation: Logot_ht 3s linear forwards;
		/* 		animation-iteration-count: 5;
			-webkit-animation-iteration-count: 5; */
	}

	@keyframes Logot_ht {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}

		100% {
			mask-position: 0% 100%;
			-webkit-mask-position: 0% 100%;
		}
	}

	.LoadTransform {
		max-width: 193px;
		max-height: 61px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		text-align: center;
	}

	.LoadTransformBlack,
	.LoadTransformWhite {
		max-width: 193px;
		max-height: 61px;
		overflow: hidden;
	}

	.LoadTransformWhite {
		position: absolute;
		top: 0;
		left: 0;
	}

	.LoadTit,
	.LoadTit1 {
		margin-top: 6px;
	}

	.H_w,
	.R_w,
	.W_w,
	.Y_w,
	.LoadTit1 {
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 100%;
		-webkit-mask-position: 100% 100%;
	}

	.H_w1,
	.W_w1 {
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/blessing-mask.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/blessing-mask.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 69%;
		-webkit-mask-position: 0% 69%;
		animation: paper-to-right-anis 3s linear forwards;
		-webkit-animation: paper-to-right-anis 3s linear forwards;
	}

	@keyframes paper-to-right-anis {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}

		100% {
			mask-position: 0% 0%;
			-webkit-mask-position: 0% 0%;
		}
	}


	.R_w1,
	.Y_w1 {
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/black-mask.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/black-mask.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 0%;
		-webkit-mask-position: 100% 0%;
		animation: paper-to-right-anis1 3s linear forwards;
		-webkit-animation: paper-to-right-anis1 3s linear forwards;
	}

	@keyframes paper-to-right-anis1 {

		0% {
			mask-position: 100% 0%;
			-webkit-mask-position: 100% 0%;
		}

		100% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}
	}

	.LoadTit2 {
		animation: paper-to-right-anis5 3s linear forwards;
		-webkit-animation: paper-to-right-anis5 3s linear forwards;
	}

	@keyframes paper-to-right-anis5 {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}

		100% {
			mask-position: 0% 100%;
			-webkit-mask-position: 0% 100%;
		}
	}

	.loaded .loader-block-top {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.loader-block {
		position: fixed;
		left: 0;
		width: 100vw;
		height: 50%;
		background-color: #FF6600;
		transition: ease-out 2s transform;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.loader-block-top {
		top: 0;
	}

	.loaded .loader-block-bottom {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}

	.loader-block-bottom {
		top: 50%;
	}

	.js-hero-accent {
		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%);
		text-align: center;
		letter-spacing: 6px;
	}

	.js-hero-accent h2 {
		color: #FF6600;
		font-size: 0;
		line-height: 82px;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 100%;
		-webkit-mask-position: 100% 100%;
	}

	.js-hero-accent p {
		color: #f1c3ac;
		font-size: 0;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 100%;
		-webkit-mask-position: 100% 100%;
	}

	/* .js-hero-accent {
			position: absolute;
			z-index: 2;
			height: 2px;
			top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			left: 0;
			background: #FF6600;
			transition: all .4s ease-out;
			-webkit-transition: all .4s ease-out;
		}
	*/
	.js-hero-accent h2.hero__accent {
		animation: js-hero-accent 2s linear forwards;
		-webkit-animation: js-hero-accent 2s linear forwards;
		-moz-animation: js-hero-accent 2s linear forwards;
		-ms-animation: js-hero-accent 2s linear forwards;
		font-size: 40px;
	}

	@keyframes js-hero-accent {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
			visibility: hidden;
		}

		100% {
			mask-position: 0% 100%;
			-webkit-mask-position: 0% 100%;
			visibility: visible;
		}
	}

	.js-hero-accent p.hero__accent1 {
		animation: js-hero-accent1 1.5s linear forwards;
		-webkit-animation: js-hero-accent1 1.5s linear forwards;
		-moz-animation: js-hero-accent1 1.5s linear forwards;
		-ms-animation: js-hero-accent1 1.5s linear forwards;
		font-size: 22px;
	}

	@keyframes js-hero-accent1 {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
			visibility: hidden;
		}

		100% {
			mask-position: 0% 100%;
			-webkit-mask-position: 0% 100%;
			visibility: visible;
		}
	}

	/* 招聘 */
	.PengyouRecruitmentDown {
		margin-top: 20px;
		background-color: #f0f0f0;
		padding: 50px 40px;
		width: 90%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
		margin-bottom: 30px;
		display: none;
	}

	.PengyouRecruitmentDown h2 {
		line-height: 30px;
		font-size: 16px;
		color: #333333;
	}

	.RecruitCont {
		display: block;
		margin-top: 25px;
	}

	.RecruitCont h3 {
		line-height: 30px;
		font-size: 18px;
		color: #1F1A17;
		font-weight: bold;
		margin-bottom: 6px;
	}

	.EncyclopediaBtn {
		width: 160px;
		height: 45px;
		line-height: 45px;
		background-color: #FF6600;
		font-size: 16px;
		text-align: center;
		color: #fff;
		display: block;
		margin: 40px 0 20px;
	}

	.RecuitBorerSub.on a {
		color: #FF6600;
	}

	@media screen and (min-width:1280px) and (max-width:1440px) {
		.container {
			width: 1200px;
		}

		.FooterSubFlex:nth-of-type(5) {
			margin-right: 6%;
		}

		.TeamPopule {
			width: 800px;
		}

		.TeamPopuleImg {
			height: 367px;
		}

		.TeamDevice .swiper-slide img {
			max-width: 90%;
		}

		.am_logo {
			width: 17%;
		}

		.Telephone {
			font-size: 17px;
		}

		.subnav_ul .tag {
			font-size: 16px;
		}

		.am_logo {
			margin-top: 44px;
		}

		.CorporateCue:first-of-type {
			margin-top: 0;
		}

		.MissionCont .VisionSub {
			padding-top: 34px;
		}

		.VisionContTit {
			font-size: 58px;
		}

		.ValuesCont .VisionContTit {
			line-height: 48px;
		}

		.VisionSub h3 {
			font-size: 30px;
			line-height: 42px;
		}

		.SystemPopule {
			max-height: 450px;
		}

		.SystemSwiper,
		.SystemSwiper .swiper-container {
			height: 450px;
		}
	}

	@media screen and (min-width: 1024px) and (max-width: 1279px) {
		.container {
			width: 1000px;
		}

		.FooterSubFlex:nth-of-type(5),
		.FooterSubFlex {
			margin-right: 4%;
		}

		.WorkAddress select {
			width: 66%;
		}
	}
}
