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

	img {
		object-fit: cover;
	}

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

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

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

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

	.fp-viewing-page1 .go_top {
		opacity: 0;
	}

	.ArrowImg {
		position: absolute;
		z-index: 52;
		bottom: 4%;
		animation: Updown 1.5s infinite alternate;
		-webkit-animation: Updown 1.5s infinite alternate;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	@keyframes Updown {
		from {
			bottom: 4%;
		}

		to {
			bottom: 2.5%;
		}
	}

	.Navfile {
		height: auto;
		right: 1.2%;
		position: fixed;
		z-index: 99;
		overflow: hidden;
	}

	.fp-viewing-page6 .Navfile {
		z-index: -1;
	}

	#menu {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#menu li {
		height: 30px;
		width: 30px;
	}

	#menu li a {
		height: 100%;
		position: relative;
		display: block;
		width: 100%;
	}

	#menu li a i {
		height: 8px;
		width: 8px;
		position: absolute;
		border-radius: 100%;
		background: rgba(255, 255, 255, 1);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	#menu li.active a i {
		background-color: transparent;
		border: 1px solid #C2181F;
		width: 16px;
		height: 16px;
	}

	.wrapper {
		position: relative;
		left: 0;
		height: 100%;
		-webkit-transition: .5s all;
		transition: .5s all;
		z-index: 50;
	}

	.wrapper.on {
		padding-top: 80px;
	}

	.section {
		overflow: hidden;
		left: 0;
		top: 0;
		position: relative;
		z-index: 10;
	}

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

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

	.container {
		padding: 0px 8.3% 0px;
		box-sizing: border-box;
		position: relative;
	}

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

	.HeaderFlix {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 101;
		background-color: #1e1e1e;
		height: 80px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

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

	/* .fp-viewing-page2 .am_logo,
	.fp-viewing-page4 .am_logo,
	.fp-viewing-page5 .am_logo,
	.HeaderFlix.on .am_logo {
		background-image: url(../images/logo1.png);
		background-size: cover;
	}

	.fp-viewing-page2 .HeaderFlix,
	.fp-viewing-page4 .HeaderFlix,
	.fp-viewing-page5 .HeaderFlix,
	.HeaderFlix.on {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.HeaderFlix.on {
		background-color: #FFFFFF;
	}

	.fp-viewing-page2 .subnav_ul a,
	.fp-viewing-page4 .subnav_ul a,
	.fp-viewing-page5 .subnav_ul a,
	.HeaderFlix.on .subnav_ul a {
		color: #221815;
	}
 */
	/* .fp-viewing-page2 .CenterLogin,
	.fp-viewing-page4 .CenterLogin,
	.fp-viewing-page5 .CenterLogin,
	.HeaderFlix.on .CenterLogin {
		background-image: url(../images/center1.png);
		background-size: cover;
	} */

	.nav {
		float: right;
		min-width: 77%;
		text-align: right;
		/* position: relative; */
	}

	.CenterLogin {
		background-image: url(../images/center.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 30px;
		height: 30px;
		float: right;
		margin-top: 25px;
		margin-left: 2.5%;
	}

	.subnav_ul a:hover,
	.TitSearchKind .fr a:hover,
	.Panorama:hover h2,
	.NewsDetailR a:hover {
		color: #e60012;
	}

	.subnav_ul li {
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		/* position: relative; */
	}

	.subnav_ul a {
		-webkit-transform: skewX(-35deg);
		transform: skewX(-35deg);
		color: #FFFFFF;
		display: block;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		padding: 0px 30px;
		line-height: 80px;
	}

	.subnav_ul a.active {
		background-color: #e60012;
		color: #FFFFFF;
	}

	.subnav_ul a span {
		display: block;
		-webkit-transform: skewX(35deg);
		transform: skewX(35deg);
	}

	.HeaderLine {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 0;
		height: 4px;
		background-color: #e60012;
		box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
		-webkit-transition: width .2s;
		transition: width .2s;
	}

	.Navdown {
		width: 100%;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.8);
		position: absolute;
		top: 80px;
		-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;
		opacity: 1;
	}

	.subnav_ul li .Navdown a {
		color: #999 !important;
		font-size: 14px;
		text-align: center;
		display: inline-block;
		position: relative;
		-webkit-transform: none !important;
		transform: none !important;
		vertical-align: top;
		line-height: 60px;
	}

	.subnav_ul li .Navdown a:hover {
		color: #fff !important;
	}

	.Footer {
		position: relative;
		padding: 80px 0 70px;
		font-size: 14px;
		line-height: 30px;
		background-color: #1e1e1e;
		color: rgba(255, 255, 255, 0.5);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

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

	.am_subfooterdiv h2 {
		font-size: 16px;
		color: #fff;
		margin-bottom: 18px;
	}

	.am_subfooterdiv a {
		color: rgba(255, 255, 255, 0.5);
		font-size: 14px;
		line-height: 30px;
		display: block;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.am_subfooterdiv a:hover,
	.RealtimeDetailNext:hover {
		color: #c2181f;
		padding-left: 2px;
	}

	.am_bootom .fl a:hover,
	.TitNav .fl a:hover,
	.TitNav .fr a.active,
	.BrandSwiper .center-slide:hover {
		color: #c2181f;
	}

	.am_subtag h3 {
		font-size: 18px;
		color: #ffffff;
	}

	.am_subfooterdiv:last-child {
		text-align: right;
		color: #FFFFFF;
		width: 20%;
	}

	.am_subfooterdiv:last-child .am_subtag img {
		width: 120px;
		height: 120px;
		margin-top: 10px;
	}

	.am_bootom {
		width: 100%;
		margin-top: 50px;
		padding: 15px 0 0;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		font-size: 12px;
	}

	.am_bootom .fr a,
	.am_bootom .fl {
		color: rgba(255, 255, 255, 0.5);
	}

	.am_bootom .fl a {
		color: rgba(255, 255, 255, 0.5);
		padding-left: 30px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ShareIcon {
		margin-top: 30px;
	}

	.am_subfooterdiv .ShareIcon a {
		display: inline-block;
		margin-left: 16px;
		opacity: 0.5;
	}

	.am_subfooterdiv .ShareIcon a:hover {
		padding-left: 0;
		opacity: 1;
	}

	.am_subfooterdiv .ShareIcon a img {
		width: 35px;
		height: 35px;
	}

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

	.BannerSwiper .swiper-pagination-fraction {
		bottom: 48px;
		left: 8.3%;
		font-size: 16px;
		z-index: 99;
		letter-spacing: 1px;
		color: #ffffff;
		width: auto;
		font-family: "font";
		font-weight: bold;
	}

	.BannerSwiper .swiper-pagination-fraction .swiper-pagination-current {
		color: #c2181f;
		font-size: 30px;
	}

	.BaseTit h2 {
		font-size: 17px;
		line-height: 35px;
		letter-spacing: 1px;
		color: #fff;
		margin-bottom: 10px;
		font-family: "font1";
		text-align: center;
	}

	.BaseTit h3 {
		font-size: 36px;
		line-height: 42px;
		color: #c2181f;
		text-align: center;
	}

	.BaseTit h3 i {
		color: #fff;
	}

	.p3 .BaseTit {
		position: absolute;
		left: 0;
		text-align: left;
	}

	.p3 .BaseTit h2,
	.p3 .BaseTit h3,
	.StoreSearch .BaseTit h2,
	.StoreSearch .BaseTit h3,
	.SuperStore .BaseTit h2,
	.SuperStore .BaseTit h3,
	.Award .BaseTit h2,
	.Award .BaseTit h3 {
		text-align: left;
	}

	.CaseSearch .BaseTit h2,
	.CaseSearch .BaseTit h3,
	.StoreSearch.pb0 .BaseTit h2,
	.StoreSearch.pb0 .BaseTit h3 {
		text-align: center;
	}

	.p3 .BaseTit span,
	.StoreSearch .BaseTit span,
	.SuperStore .BaseTit span,
	.Award .BaseTit span {
		margin: 20px 0 0;
	}

	.CaseSearch .BaseTit span,
	.StoreSearch.pb0 .BaseTit span {
		margin: 20px auto 0;
	}

	.SuperStore .BaseTit h3 i {
		padding-left: 20px;
	}

	.BaseTit span {
		width: 70px;
		height: 2px;
		background-color: #cccccc;
		display: block;
		margin: 20px auto 0;
	}

	.More {
		width: 104px;
		height: 37px;
		border: solid 1px rgba(255, 255, 255, 0.3);
		font-size: 14px;
		text-align: center;
		line-height: 37px;
		letter-spacing: 1px;
		color: #fff;
		position: absolute;
		bottom: 2%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.JoinTab a.active {
		color: #fff;
		background-color: #e60012;
	}

	.ProductLine,
	.CaseCenter,
	.JoinCt {
		margin-top: 10%;
		position: relative;
	}

	.Successful .BaseTit h2,
	.Successful .BaseTit h3 {
		color: #FFFFFF;
	}

	.ProductLine .More {
		position: relative;
		display: block;
		color: #fefefe;
		border: solid 1px #ffffff;
		margin-top: 90px;
	}

	.More:hover {
		background-color: #c2181f;
		color: #FFFFFF;
		border: solid 1px #c2181f;
		margin-left: 5px;
	}

	.ProductLine .swiper-container {
		width: 100%;
		margin-top: 3%;
		position: initial;
	}

	.ProductLine .swiper-container .swiper-pagination-progress {
		display: none;
	}

	.ProductLine .swiper-button-prev,
	.NewsSiwer .swiper-button-prev,
	.Award .swiper-button-prev {
		background-image: url(../images/prev.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		top: 60%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		cursor: pointer !important;
		z-index: 99;
		left: -6%;
	}

	.ProductLine .swiper-button-next,
	.NewsSiwer .swiper-button-next,
	.Award .swiper-button-next {
		background-image: url(../images/next.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		top: 60%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		cursor: pointer !important;
		z-index: 99;
		right: -6%;
		left: initial;
	}

	.ProductLine .swiper-button-next.swiper-button-disabled,
	.ProductLine .swiper-button-prev.swiper-button-disabled,
	.NewsSiwer .swiper-button-next.swiper-button-disabled,
	.NewsSiwer .swiper-button-prev.swiper-button-disabled,
	.Award .swiper-button-prev.swiper-button-disabled,
	.Award .swiper-button-next.swiper-button-disabled {
		opacity: 0.6;
	}

	.ProductLine .swiper-pagination-progress .swiper-pagination-progressbar {
		background-color: #c2181f;
	}

	.ProductLine .swiper-slide a {
		width: 94%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		display: block;
		position: relative;
		margin: 0px auto;
		overflow: hidden;
	}

	.ProductLine .swiper-slide a img,
	.NewsImg img,
	.CaseBigImg img,
	.ProductTag img,
	.PanoramaImg img {
		width: 100%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CaseBigImg {
		width: 60%;
		float: left;
		overflow: hidden;
	}

	.ProductLine .swiper-slide a:hover img,
	.LivingRoom:hover img,
	.NewsFx:hover .NewsImg img,
	.CaseBig:hover .CaseBigImg img,
	.ProductTag:hover img,
	.Panorama:hover .PanoramaImg img {
		transform: scale(1.1);
		-webkit-transition: scale(1.1);
	}

	.ProductLineMask,
	.LivingMask {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		background-color: rgba(0, 0, 0, 0.3);
		color: #FFFFFF;
		text-align: center;
	}

	.ProductLineMask .CenterPro {
		width: 100%;
	}

	.ProductLine .swiper-slide a:hover .ProductLineMask {
		background-color: rgba(0, 0, 0, 0);
		transform: scale(0);
		-webkit-transition: scale(0);
	}


	.ProductLineMask h2,
	.ProductLineMask1 h2 {
		font-size: 18px;
	}

	.ProductLineMask p,
	.ProductLineMask1 p {
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.ProductLineMask span {
		display: block;
		background-image: url(../images/jt.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 33px;
		height: 33px;
		margin: 0px auto;
	}

	.ProductLineMask1 {
		background-image: url(../images/bk.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		bottom: 0;
		color: #FFFFFF;
		font-size: 18px;
		position: absolute;
		text-indent: 1em;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
	}

	.ProductLineMask1 span {
		background-image: url(../images/jt1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 10px;
		height: 18px;
		position: absolute;
		right: 36px;
		top: 45%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.ProductLine .swiper-slide a:hover .ProductLineMask1 {
		transform: none;
		-webkit-transform: none;
	}

	.NewsSiwer {
		height: 400px;
		background-color: rgba(0, 0, 0, 0.5);
		margin-top: 5%;
		overflow: hidden;
	}

	.NewsSiwer .wrap,
	.Award .wrap {
		position: relative;
	}

	.NewsSiwer .swiper-button-prev,
	.NewsSiwer .swiper-button-next {
		top: 50%;
	}

	.NewsSiwer .swiper-container,
	.Award .swiper-container {
		height: 100%;
		position: initial;
	}

	.NewsSiwer .swiper-slide a {
		display: block;
		text-align: center;
		padding-top: 40px;
		font-size: 12px;
		line-height: 24px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		color: rgba(255, 255, 255, 0.6);
		border-right: 2px solid rgba(255, 255, 255, 0.2);
		height: 360px;
	}

	.NewsSiwer .swiper-slide a img {
		max-width: 100%;
		height: 180px;
		display: block;
		margin: 0px auto;
	}

	.NewsSiwer .swiper-slide-active a {
		background-color: #e60012;
	}

	.NewsSiwer .swiper-slide:first-of-type a {
		border-left: 2px solid rgba(255, 255, 255, 0.2);
	}

	.NewsSiwer .swiper-slide a h2 {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #ffffff;
		margin-bottom: 15px;
	}


	.NewsSiwer .swiper-slide a h3 {
		font-size: 18px;
		text-align: center;
		color: #ffffff;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin: 25px 0px 10px;
	}

	.NewsSiwer .swiper-slide a p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin: 0px 10%;
	}

	.LivingRoom {
		width: 66.6%;
		float: right;
		overflow: hidden;
		height: 324px;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

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

	.LivingRoom h2 {
		font-size: 30px;
		color: #FFFFFF;
		text-align: center;
	}

	.LivingRoom h2 i {
		display: block;
		font-size: 18px;
	}

	.CaseFlex .LivingRoom {
		float: left;
		width: 33.3%;
	}

	.p3 .More {
		bottom: 4%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.JoinTab {
		margin: 60px auto 0;
		height: 60px;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.JoinTab a {
		font-size: 18px;
		line-height: 60px;
		float: left;
		background-color: #ffffff;
		color: #666666;
		text-align: center;
		width: 33.3%;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		margin-right: 1px;
	}

	.JoinTab a:last-child {
		margin-right: 0;
	}

	.JoinTab a img {
		height: 23px;
		vertical-align: middle;
		margin-right: 10px;
	}

	.JoinImg,
	.JoinTab a img.ActiveImgH,
	.JoinTab a.active img.ActiveImg {
		display: none;
	}

	.JoinTab a.active img.ActiveImgH {
		display: inline-block;
	}

	/* 营销网络 */
	.OtherBanner {
		width: 100%;
		position: relative;
	}

	.TitNav {
		height: 68px;
		background-color: rgba(0, 0, 0, 0.6);
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.OtherBanner img {
		width: 100%;
	}

	.TitNav .fl {
		font-size: 14px;
		line-height: 68px;
		color: rgba(255, 255, 255, 0.5);
	}

	.TitNav .fl a {
		color: rgba(255, 255, 255, 0.5);
		padding: 0px 10px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TitNav .fr a {
		font-size: 14px;
		color: #fff;
		line-height: 68px;
		display: inline-block;
		vertical-align: middle;
	}

	.TitNav .fr i {
		font-size: 14px;
		color: #fff;
		padding: 0px 15px;
		display: inline-block;
		vertical-align: middle;
	}

	.TitNav .fr {
		overflow: hidden;
		text-align: right;
		max-width: 72%;
	}

	.TitScroll {
		overflow: hidden;
	}

	.StoreSearch {
		padding: 108px 0px 140px;
		background-color: #1e1e1e;
	}

	.StoreSearchCt {
		margin: 80px auto;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.ReSearchTxt {
		width: 28.5%;
		height: 48px;
		background-color: #ffffff;
		float: left;
		margin-right: 1.2%;
	}

	.ReSearchTxt h2 {
		float: left;
		font-size: 16px;
		color: #666;
		line-height: 48px;
		padding-left: 3%;
	}

	.ReSearchTxt select,
	.ReSearchTxt .demo-input {
		float: right;
		font-size: 16px;
		color: #666;
		line-height: 48px;
		background-image: url(../images/select.png);
		background-size: 14px 8px;
		background-repeat: no-repeat;
		background-position: 93%;
		width: 72%;
	}

	.StoreSearchFx {
		width: 40%;
		float: right;
		height: 48px;
		background-color: #ffffff;
		font-size: 16px;
		color: #666;
		line-height: 48px;
		text-indent: 2em;
	}

	.StoreSearchBtn {
		background-image: url(../images/search.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 18px;
		height: 18px;
		float: right;
		margin-top: 15px;
		margin-right: 15px;
	}

	.StoreSearchSwiper {
		position: relative;
		margin-bottom: 150px;
	}

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

	.StoreSearchTag {
		width: 28.5%;
		background-color: rgba(0, 0, 0, 0.7);
		position: absolute;
		left: 0;
		top: 0;
		padding: 10px 0;
	}

	.StoreSearchTag a {
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		padding: 35px 0;
		width: 85%;
		margin: 0px auto;
		font-size: 14px;
		line-height: 24px;
		color: rgba(255, 255, 255, 0.3);
	}

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

	.StoreSearchTag a h3 {
		font-size: 20px;
		color: #fff;
		margin-bottom: 10px;
	}

	.Headquarters {
		width: 100%;
		position: relative;
	}

	.pb0 {
		padding-bottom: 0;
	}

	.HeadquartersPor {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
	}

	/* 新闻中心 */
	.NewsCont {
		margin: 80px auto;
	}

	.NewsFx {
		display: block;
		padding: 50px 0 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NewsFx:hover {
		background-color: rgba(0, 0, 0, 0.3);
	}

	.NewsFx .wrap {
		border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
		padding-bottom: 50px;
	}

	.NewsFx:hover .wrap {
		border: 0;
	}

	.NewsImg {
		width: 25.7%;
		height: 220px;
		float: right;
		overflow: hidden;
	}

	.NewsFxR {
		height: 220px;
		float: left;
		line-height: 24px;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.3);
		position: relative;
		width: 70%;
	}

	.NewsFxR h2,
	.NewsDetailH h2 {
		font-size: 24px;
		color: #fff;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NewsFxR h3 {
		font-size: 14px;
		margin: 20px 0px 40px;
		color: rgba(255, 255, 255, 0.5);
	}

	.NewsFxR span {
		width: 160px;
		height: 30px;
		background-color: #ffffff;
		border: solid 1px rgba(0, 0, 0, 0);
		font-size: 14px;
		line-height: 30px;
		position: absolute;
		left: 0;
		bottom: 0;
		text-align: center;
		color: #666;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NewsFx:hover .NewsFxR span {
		background-color: #c2181f;
		color: #FFFFFF;
		border: solid 1px #c2181f;
		left: 10px;
	}

	.page {
		width: 100%;
		margin: 0px auto;
		text-align: center;
		font-size: 0;
	}

	.page a {
		color: #666;
		font-size: 20px;
		margin-right: 12px;
		background-color: #f1f1f1;
		height: 48px;
		line-height: 48px;
		width: 48px;
		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;
		font-family: "font";
	}

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

	.page a img {
		vertical-align: middle;
		width: 10px;
		height: 18px;
	}

	/* 新闻详情 */
	.NewsDetail {
		padding: 90px 0 120px;
		background-color: #1e1e1e;
	}

	.NewsDetailH {
		padding-bottom: 40px;
		border-bottom: solid 2px rgba(255, 255, 255, 0.1);
		font-size: 14px;
		line-height: 34px;
		color: rgba(255, 255, 255, 0.5);
		text-align: center;
	}

	.NewsDetailTit {
		font-size: 14px;
		line-height: 30px;
		color: rgba(255, 255, 255, 0.5);
		margin-top: 50px;
	}

	.NewsDetailTit p {
		margin-top: 15px;
		text-align: center;
	}

	.NewsDetailTit img {
		max-width: 100%;
	}

	.RealtimeDetailNext {
		font-size: 16px;
		line-height: 30px;
		color: rgba(255, 255, 255, 0.5);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.back_list {
		background: #C2181F;
		color: #fff;
		display: block;
		margin: 50px auto 0;
		width: 110px;
		padding: 10px 0;
		text-align: center;
		font-size: 15px;
		border-radius: 50px;
	}

	.NewsDetailL {
		float: left;
		width: 52%;
		padding-right: 12%;
		border-right: 1px dashed #999999;
	}

	.NewsDetailCt {
		margin-bottom: 40px;
		padding-bottom: 100px;
		border-bottom: solid 2px rgba(255, 255, 255, 0.1);
	}

	.NewsDetailR {
		float: right;
		width: 32%;
		text-align: right;
		padding-top: 60px;
		font-size: 14px;
		line-height: 34px;
		color: rgba(255, 255, 255, 0.5);
	}

	.NewsDetailR h2 {
		font-size: 20px;
		color: #FFFFFF;
		padding-bottom: 10px;
		margin-bottom: 30px;
		border-bottom: solid 2px rgba(255, 255, 255, 0.1);
	}

	.NewsDetailR a {
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		display: block;
		color: rgba(255, 255, 255, 0.5);
	}

	/* 下载中心 */
	.FilesTag:first-of-type {
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}

	.FilesTag {
		display: block;
		border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
		padding: 18px 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
	}

	.FilesTag:hover .FilesTagH {
		transform: translateX(15px);
		-webkit-transform: translateX(15px);
		-moz-transform: translateX(15px);
		-ms-transform: translateX(15px);
		color: #C2181F;
	}

	.FilesTagH {
		font-size: 16px;
		color: rgba(255, 255, 255, 0.5);
		width: 77%;
		float: left;
		line-height: 38px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		position: relative;
		padding-left: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;

	}

	.FilesTagH:before {
		content: '';
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background: rgba(255, 255, 255, 0.5);
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

	.FilesTag:hover .FilesTagH::before {
		background-color: #C2181F;
	}

	.FilesTag span {
		float: right;
		width: 148px;
		height: 38px;
		background-color: #fff;
		line-height: 38px;
		color: #1E1E1E;
		font-size: 16px;
		text-align: center;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.FilesTag:hover span {
		background-color: #C2181F;
		color: #FFFFFF;
		margin-right: 5px;
	}

	.LoginCont {
		display: none;
		width: 800px;
		height: 400px;
		background-color: #ffffff;
		position: fixed;
		z-index: 999;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	.CloseImg {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 20px;
		right: 20px;
		cursor: pointer;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CloseImg:hover,
	.ProductClose:hover {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.LoginL {
		float: left;
		width: 27.5%;
		height: 100%;
	}

	.LoginR {
		float: right;
		width: 72.5%;
		height: 100%;
	}

	.LoginR img {
		width: 120px;
		height: 70px;
		margin: 32px auto;
		display: block;
	}

	.LoginText {
		width: 398px;
		height: 46px;
		line-height: 46px;
		font-size: 16px;
		color: #bbbbbb;
		padding: 0px 20px;
		display: block;
		margin: 0px auto 20px;
		border: solid 1px #d0d0d0;
	}

	.LoginBtn {
		width: 440px;
		height: 46px;
		line-height: 46px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		display: block;
		margin: 0px auto;
		background-color: #221713;
	}

	/* 人才招聘 */
	.mb80 {
		margin-bottom: 60px;
	}

	.RecruitFlex {
		padding: 0px 1.5%;
		display: block;
		margin-bottom: 20px;
		height: 80px;
		background-color: rgb(241, 241, 241, 0.05);
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		line-height: 80px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.RecruitFlex:hover {
		background-color: #C2181F;
		color: #FFFFFF;
	}

	.RecruitFlex:hover h2 {
		color: #fff;
	}

	.RecruitFlex h2 {
		float: left;
		width: 24%;
		font-size: 20px;
		color: #fff;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.RecruitFlex span {
		float: left;
		width: 19%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.RecruitFlex span:last-child {
		text-align: right;
	}

	/* 企业文化 */
	.KnowLifeCont {
		height: 600px;
		width: 100%;
		font-size: 14px;
		line-height: 30px;
		color: #ffffff;
		margin-top: 80px;
	}

	.KnowLifeSub .KnowLifeImg {
		display: none;
	}

	.KnowLifeImg {
		float: right;
		width: 75%;
		height: 600px;
		position: relative;
	}

	.KnowLifeImg .Por {
		bottom: 30px;
		text-align: center;
		line-height: 22px;
		color: #fff;
		font-size: 14px;
		position: absolute;
		width: 100%;
	}

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

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

	.KnowLifeTag {
		width: 100%;
		height: 103px;
		background-color: #f3f3f3;
		margin-bottom: 3px;
		position: relative;
		font-size: 15px;
		letter-spacing: 1px;
		color: #999;
		padding-top: 45px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		cursor: pointer;
	}

	.KnowLifeTag h2 {
		font-size: 20px;
		color: #333;
		margin-bottom: 5px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		padding-left: 50px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
	}

	.KnowLifeTag p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		padding-left: 50px;
	}

	.KnowLifeTag:hover,
	.KnowLifeTag.active {
		background-color: #C2181F;
		color: #fff;
		width: 115%;
		z-index: 2;
		border: 0;
	}

	.KnowLifeTag:hover h2,
	.KnowLifeTag.active h2,
	.HistorySwiper .content-slide:hover h2 {
		color: #fff;
	}

	/* 品牌荣誉 */
	.BrandSwiper {
		padding-top: 80px;
		padding-bottom: 100px;
	}

	.BrandSwiperFx {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}

	.BrandSwiper .center-slide {
		color: #fff;
		font-size: 14px;
		line-height: 32px;
		text-align: center;
		float: left;
		cursor: pointer;
		width: 17.7%;
		margin-right: 2.8%;
		margin-top: 50px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.BrandSwiper .center-slide:hover img {
		transform: scale(1.05);
		-webkit-transition: scale(1.05);
	}

	.BrandSwiper .center-slide img {
		max-width: 100%;
		display: block;
		margin: 0px auto 20px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.BrandSwiper .center-slide:nth-of-type(5n) {
		margin-right: 0;
	}


	.BrandSwiper .swiper-pagination-bullet {
		background: rgba(255, 255, 255, 0.2);
		opacity: 1;
	}

	.BrandSwiper .swiper-pagination-bullets {
		bottom: 0;
	}

	.BrandSwiper .swiper-pagination-bullet-active {
		width: 36px;
		background-color: #c2181f;
		border-radius: 4px;
	}

	.BrandSwiper .swiper-button-prev {
		background-image: url(../images/prev3.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		top: 0;
		cursor: pointer !important;
		z-index: 99;
		left: initial;
		right: 0;
	}

	.BrandSwiper .swiper-button-next {
		background-image: url(../images/next3.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		top: 0;
		cursor: pointer !important;
		z-index: 99;
		right: initial;
		left: initial;
		right: 5%;
	}

	/* 品牌历程 */
	.HistoryCont {
		position: relative;
		width: 100%;
		margin-top: 80px;
	}

	.HistorySwiper {
		margin: 0 7.72%;
		font-size: 14px;
		line-height: 22px;
		color: #999;
		position: initial;
	}

	.HistorySwiper .content-slide {
		width: 100%;
		height: 222px;
		background-color: #f1f1f1;
		cursor: pointer;
		position: relative;
	}

	.HistorySwiper .content-slide:hover {
		background-color: #C2181F;
		color: #fff;
	}

	.HistorySwiper .content-slide:before {
		content: '';
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-top: 12px solid #F1F1F1;
		width: 0px;
		height: 0px;
		position: absolute;
		bottom: -5%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.HistorySwiper .content-slide:hover:before {
		content: '';
		border-top: 15px solid #C2181F;
	}

	.HistorySwiper .content-slide h2 {
		font-size: 24px;
		margin-bottom: 8px;
		margin-left: 10px;
		color: #333;
	}

	.HistorySwiper .content-slide p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 7;
		margin-left: 10px;
		margin-right: 10px;
	}

	.HistoryCont:after {
		content: '';
		width: 84.6%;
		height: 2px;
		background-color: #f1f1f1;
		position: absolute;
		top: 270px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.HistorySwiper .content-slideB:before {
		content: '';
		transform: translateX(-50%) rotate(180deg);
		-webkit-transform: translateX(-50%) rotate(180deg);
		-moz-transform: translateX(-50%) rotate(180deg);
		-ms-transform: translateX(-50%) rotate(180deg);
		bottom: inherit;
		top: -5%;
	}

	.HistorySwiper .content-slideB {
		margin-top: 320px;
	}

	.HistorySwiper .content-slide:after {
		content: '';
		width: 12px;
		height: 12px;
		background-color: #F1F1F1;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		top: 119%;
		z-index: 2;
		border-radius: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.HistorySwiper .content-slide:hover:after {
		content: '';
		background-image: url(../images/border.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 24px;
		height: 24px;
		top: 117%;
	}

	.HistorySwiper .content-slideB:after {
		content: '';
		top: -25%;
	}

	.HistorySwiper .content-slideB:hover:after {
		top: -28%;
	}

	.HistorySwiper .content-slide .CenterPro {
		width: 100%;
	}

	.HistorySwiper .swiper-button-prev {
		background-image: url(../images/prev2.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		cursor: pointer !important;
		z-index: 99;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: initial;
		right: 0;
	}

	.HistorySwiper .swiper-button-next {
		background-image: url(../images/next2.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		cursor: pointer !important;
		z-index: 99;
		right: initial;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	/* 品牌简介 */
	.AboutCont {
		padding-top: 100px;
		position: relative;
	}

	.AboutImg {
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.AboutContR {
		float: right;
		width: 38.5%;
		border: solid 2px #e60012;
		font-size: 14px;
		line-height: 30px;
		color: rgba(255, 255, 255, 0.5);
		padding: 80px 5.8% 90px 30%;
	}

	.AboutContR p {
		margin-top: 20px;
	}

	/* 联系我们 */
	.Contact {
		margin: 80px auto 0;
	}

	.map1 {
		width: 58.5%;
		height: 426px;
		position: relative;
		float: right;
	}

	#allmap1 {
		width: 100%;
		height: 100%;
	}

	.ContactL {
		width: 40%;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		float: left;
	}

	.ContactL h2 {
		font-size: 24px;
		line-height: 30px;
		color: #fff;
	}

	.ContactL h3 {
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	/* 案例 */
	.CaseBig {
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
		height: 460px;
		margin-bottom: 60px;
		color: #999;
		font-size: 14px;
		line-height: 28px;
	}

	.CaseBig h2 {
		font-size: 24px;
		color: #FFFFFF;
		margin-bottom: 50px;
	}

	.CaseBig .CenterPro {
		width: 82%;
	}

	.CaseBigR {
		float: right;
		width: 39.8%;
		height: 99%;
		border: solid 1px rgba(255, 255, 255, 0.2);
		position: relative;
		overflow: hidden;
	}

	.CaseBigR span {
		display: block;
		width: 234px;
		height: 40px;
		background-color: #c2181f;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		color: #fff;
		margin-top: 80px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CaseBig:hover .CaseBigR span {
		margin-left: 5px;
	}

	/* 产品中心 */
	.ProductCont {
		padding-top: 0;
	}

	.ProductCont .NewsCont {
		margin: 0;
		font-size: 0;
	}

	.ProductTag {
		width: 18.5%;
		height: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
		overflow: hidden;
		margin-bottom: 60px;
		margin-right: 1.8%;
	}

	.ProductTag:nth-of-type(5n),
	.SuperStoreTag:last-child,
	.AwardL img:nth-of-type(4n),
	.Panorama:nth-of-type(4n) {
		margin-right: 0;
	}

	.TitSearch {
		background-color: rgba(0, 0, 0, 0.6);
		padding: 28px 0px 15px;
		margin-bottom: 60px;
	}

	.TitSearchFx {
		width: 700px;
		height: 45px;
		display: block;
		margin: 0px auto 27px;
		background-color: rgba(255, 255, 255, 0.1);
	}

	.TitSearchFx input:first-of-type {
		float: left;
		line-height: 45px;
		font-size: 14px;
		color: #fff;
		text-indent: 1em;
	}

	.TitSearchBtn {
		float: right;
		width: 48px;
		height: 45px;
		background-color: #e60012;
		background-image: url(../images/select2.png);
		background-size: 16px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.TitSearchKind {
		padding: 24px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	.TitSearchKind h2 {
		float: left;
		width: 6%;
		font-size: 14px;
		color: #FFFFFF;
		line-height: 24px;
	}

	.TitSearchKind .fr {
		width: 94%;
		line-height: 24px;
		font-size: 14px;
	}

	.TitSearchKind .fr a {
		font-size: 14px;
		padding-right: 30px;
		color: #999;
		line-height: 24px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TitSearchKind .fr a.s_specification {
		color: #e60012;
	}

	/* 产品详情 */
	.ProductPro {
		margin-top: 80px;
		padding: 0 0px 80px;
		background-color: #2b2b2b;
	}

	.ProductPro .TitNav {
		position: initial;
		background: transparent;
		width: 100%;
		transform: none;
		left: 0;
	}

	.ProductPro .TitNav .fl {
		padding: 0;
	}

	.ProductProL {
		float: left;
		width: 50%;
		border: solid 1px rgba(255, 255, 255, 0.2);
		position: relative;
	}

	.ProductProR {
		float: right;
		width: 43%;
		font-size: 14px;
		line-height: 28px;
		color: #fff;
	}

	.ProductProR h2 {
		font-size: 30px;
		color: #fff;
	}

	.ProductProR h3 {
		font-size: 14px;
		color: #fff;
		padding-bottom: 30px;
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
		margin-top: 20px;
		margin-bottom: 30px;
		line-height: 24px;
	}

	.ProductProRTab {
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
		border-top: solid 1px rgba(255, 255, 255, 0.1);
		padding-bottom: 40px;
		margin-top: 30px;
		padding-top: 20px;
	}

	.ProductProRTab span {
		float: left;
		width: 50%;
		padding-top: 20px;
	}

	.ProductProBtn {
		margin-top: 120px;
		font-size: 0;
	}

	.ProductProR a {
		width: 160px;
		height: 40px;
		background-color: #c2181f;
		display: inline-block;
		vertical-align: top;
		margin-right: 22px;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		color: #fff;
	}

	.gallery-top {
		width: 100%;
		height: 480px;
	}

	.gallery-top .swiper-slide {
		background-size: cover;
		background-position: center;
		margin: 10px 0;
	}

	.gallery-top .swiper-slide img,
	.gallery-thumbs .swiper-slide 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%);
	}

	.gallery-thumbs {
		border-top: 0;
		box-sizing: border-box;
		padding: 28px 0;
		height: 180px;
		width: 84%;
		position: initial;
	}

	.gallery-thumbs .swiper-slide {
		width: 33.3%;
		height: 100%;
		background-size: cover;
		background-position: center;
	}

	.gallery-thumbs .swiper-slide-active {
		border: solid 2px #c2181f;
	}

	.gallery-thumbs .swiper-button-prev {
		background-image: url(../images/prev4.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 16px;
		height: 16px;
		margin: 0;
		bottom: 12%;
		top: initial;
		cursor: pointer !important;
		z-index: 99;
		right: 2%;
		left: initial;
	}

	.gallery-thumbs .swiper-button-next {
		background-image: url(../images/next4.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 16px;
		height: 16px;
		margin: 0;
		bottom: 12%;
		top: initial;
		cursor: pointer !important;
		z-index: 99;
		right: initial;
		left: 2%;
	}

	.ProudctList {
		background-color: #1e1e1e;
	}

	.ProudctListH {
		font-size: 24px;
		color: #fff;
		position: relative;
		padding-bottom: 30px;
		margin-bottom: 60px;
		padding-top: 80px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.ProudctListH::after {
		content: '';
		width: 120px;
		height: 3px;
		background-color: #c2181f;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.ProudctList .swiper-container {
		padding-bottom: 180px;
	}

	.ProudctList .swiper-button-prev {
		background-image: url(../images/prev2.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		bottom: 19%;
		top: initial;
		cursor: pointer !important;
		z-index: 99;
		left: 50%;
	}

	.ProudctList .swiper-button-next {
		background-image: url(../images/next2.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		bottom: 19%;
		top: initial;
		cursor: pointer !important;
		z-index: 99;
		left: 45%;
	}

	.ProductBig {
		width: 100%;
		position: relative;
		background-color: #1e1e1e;
		padding: 50px 0 100px;
	}

	.ProductBig img {
		width: 100%;
	}

	.ProductBig h2 {
		font-size: 36px;
		color: #ffffff;
		text-align: center;
		position: absolute;
		top: 32%;
		width: 100%;
		left: 0;
	}

	.ProductBig h3 {
		padding-bottom: 50px;
	}

	.ProductShow {
		width: 1000px;
		height: 686px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		background-color: #2b2b2b;
	}

	.ProductShow a {
		position: absolute;
		right: 6%;
		top: 4.5%;
		color: #FFFFFF;
		font-size: 15px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		z-index: 5;
	}

	.ProductShow a:hover {
		color: #e60012;
	}

	.ProductShow a i {
		background-image: url(../images/search.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 18px;
		height: 19px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ProductShow a:hover i {
		background-image: url(../images/search_h.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.ProductShow 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%);
	}

	.ProductClose {
		background-image: url(../images/close.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 22px;
		height: 21px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		cursor: pointer;
		position: absolute;
		right: 30px;
		top: 30px;
	}

	/* 招聘 */
	.RecruitPopule {
		background-color: #fff;
		width: 60.7%;
		padding: 3% 4%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.RecruitPopule .CloseImg {
		background-image: url(../images/close.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 18px;
		height: 17px;
		position: absolute;
		top: 30px;
		right: 30px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		cursor: pointer;
	}

	.RecruitPopuleH {
		font-size: 30px;
		color: #2f3237;
		border-bottom: solid 2px rgba(0, 0, 0, 0.1);
		padding-bottom: 3%;
	}

	.RecruitScroll {
		height: 530px;
		overflow-y: auto;
		overflow-x: hidden;
		margin-top: 3%;
	}

	.RecruitScroll::-webkit-scrollbar {
		display: none;
	}

	.RecruitCont {
		margin-bottom: 3%;
	}

	.RecruitFx {
		float: left;
		width: 49%;
	}

	.RecruitFx:nth-of-type(2n),
	.RecruitFx select:nth-of-type(2n),
	.CaseBig:nth-of-type(2n) .CaseBigImg {
		float: right;
	}

	.RecruitFx h2 {
		font-size: 16px;
		color: #666666;
		margin-bottom: 20px;
	}

	.RecruitFx input {
		width: 100%;
		height: 60px;
		line-height: 60px;
		background-color: #f2f2f2;
		font-size: 16px;
		color: #999999;
		text-indent: 1em;
	}

	.RecruitFx1 {
		float: none;
		width: 100%;
	}

	.RecruitFx input.layui-input {
		background-image: url(../images/select.png);
		background-size: 14px 8px;
		background-repeat: no-repeat;
		background-position: 95%;
	}

	.RecruitFx select {
		float: left;
		width: 49%;
		height: 60px;
		line-height: 60px;
		background-color: #f2f2f2;
		font-size: 16px;
		color: #999999;
		text-indent: 1em;
		background-image: url(../images/select.png);
		background-size: 14px 8px;
		background-repeat: no-repeat;
		background-position: 95%;
	}

	.RecruitFx input.UploadWord {
		width: 82%;
	}

	.UploadFiles {
		float: right;
		height: 60px;
		border: solid 1px #e5e5e5;
		width: 16.8%;
		font-size: 16px;
		color: #333333;
		line-height: 60px;
		position: relative;
		text-align: center;
		overflow: hidden;
	}

	.UploadFiles img {
		vertical-align: middle;
		margin-right: 2%;
		display: inline-block;
	}

	.UploadFiles input {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}

	.RecruitBtn {
		width: 100%;
		text-align: center;
		font-size: 0;
		margin-top: 3%;
	}

	.RecruitSumbit,
	.RecruitBtn a {
		width: 120px;
		font-size: 14px;
		line-height: 37px;
		text-align: center;
		color: #fff;
		height: 37px;
		display: inline-block;
		vertical-align: top;
		background-color: #C2181F;
	}

	.RecruitBtn a {
		background-color: #1e1e1e;
		margin-left: 24px;
	}

	.RecruitFx input.Email {
		width: 100%;
	}

	.popupmask1 .RecruitPopuleH {
		border-bottom: 0;
		padding-bottom: 1%;
	}

	.RecruitIntro {
		border-bottom: solid 2px rgba(0, 0, 0, 0.1);
		padding-bottom: 2%;
	}

	.RecruitIntro span {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #666666;
		padding: 0px 30px;
		border-left: 1px solid #999;
	}

	.RecruitIntro span:first-of-type {
		padding-left: 0;
		border-left: 0;
	}

	.RecruitJob {
		margin-top: 2%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}

	.RecruitJob h2 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.PositionApplied {
		width: 120px;
		font-size: 14px;
		line-height: 37px;
		text-align: center;
		color: #fff;
		height: 37px;
		display: block;
		margin: 0px auto;
		background-color: #C2181F;
	}

	/* 招商加盟*/
	.BigBrand {
		width: 100%;
		margin-top: -250px;
		position: relative;
	}

	.BigBrand img {
		width: 100%;
		position: relative;
		z-index: 2;
	}

	.BigBrand::after {
		content: '';
		background-image: url(../images/jt3.png);
		position: absolute;
		top: -21%;
		left: 0;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		width: 25%;
		height: 100%;
		z-index: 1;
	}

	.EnterPrise {
		padding-bottom: 130px;
		padding-top: 110px;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
	}

	.EnterPrise .wrap {
		position: relative;
	}

	.EnterPrise .BaseTit {
		position: absolute;
		left: 0;
		top: 70px;
		z-index: 1;
	}

	.EnterPrise .BaseTit h2,
	.EnterPrise .BaseTit h3 {
		text-align: left;
		color: #fff;
	}

	.EnterPrise .BaseTit span {
		margin: 20px 0 0;
	}

	.EnterPrise .fr {
		font-size: 16px;
		line-height: 24px;
		color: #fff;
	}

	.EnterPrise .fr a {
		padding-left: 45px;
		color: #fff;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.EnterPrise .fr a.active {
		font-weight: bold;
	}

	.EnterPriseDiv {
		display: none;
		margin-top: 50px;
		position: relative;
	}

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

	.SuperStore {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		padding: 145px 0px 170px;
	}

	.mt120 {
		margin-top: 120px;
	}

	.SuperStoreTag {
		float: left;
		width: 19.7%;
		margin-right: 0.35%;
	}

	.SuperStoreCt {
		position: relative;
		height: 140px;
		width: 100%;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
	}

	.SuperStoreCt::after {
		content: '';
		width: 3px;
		height: 72px;
		background-color: #c2181f;
		position: absolute;
		left: -1px;
		top: 0;
	}

	.SuperStoreCt h2 {
		font-size: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin-bottom: 15px;
		color: #fff;
		padding-left: 18px;
	}

	.SuperStoreCt p {
		font-size: 14px;
		line-height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		color: rgba(153, 153, 153, 0.5);
		padding-left: 18px;
	}

	.SuperStoreTag img {
		width: 100%;
		height: 150px;
	}

	.SuperStoreTag h3 {
		font-size: 60px;
		line-height: 36px;
		color: rgba(221, 221, 221, 0.1);
		font-family: 'font1';
		margin-top: 30px;
	}

	.SuperStoreTag:nth-of-type(2n) h3 {
		margin: 65px auto 39px;
	}

	.SuperStoreTag:nth-of-type(2n) .SuperStoreCt::after {
		top: initial;
		bottom: 0;
	}

	.SuperStoreTag:nth-of-type(2n) .SuperStoreCt h2 {
		padding-top: 50px;
	}

	img {
		vertical-align: top;
	}

	.Award {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		padding: 140px 0px 240px;
	}

	.AwardL {
		float: left;
		margin-top: 50px;
		width: 77.7%;
	}

	.AwardR {
		width: 20.5%;
		height: 406px;
		float: right;
		margin-top: 80px;
		object-fit: contain;
	}

	.AwardL img {
		float: left;
		margin-top: 30px;
		width: 22.7%;
		height: 185px;
		margin-right: 2.5%;
		object-fit: contain;
	}

	.Successful {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		padding: 120px 0px 112px;
	}

	.Successful .BaseTit h2,
	.Successful .BaseTit h3,
	.Franchise .BaseTit h2,
	.Franchise .BaseTit h3 {
		text-align: center;
	}

	.Successful .BaseTit span {
		background-color: rgba(255, 255, 255, 0.3);
		margin: 20px auto 0;
	}

	.Franchise .BaseTit span {
		margin: 20px auto 0;
	}

	.SuccessfulH {
		font-size: 30px;
		margin: 50px auto 60px;
		text-align: center;
		letter-spacing: 6px;
		color: #ffffff;
	}

	.SuccessfulSwiper .swiper-button-prev {
		background-image: url(../images/prev5.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		cursor: pointer !important;
		z-index: 99;
		left: initial;
		right: -7%;
	}

	.SuccessfulSwiper .swiper-button-next {
		background-image: url(../images/next5.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 48px;
		height: 48px;
		margin: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		cursor: pointer !important;
		z-index: 99;
		left: -7%;
	}

	.SuccessfulSwiper .swiper-container {
		position: initial;
	}

	.SuccessfulSwiper {
		position: relative;
	}

	.SuccessfulSwiper .swiper-slide img {
		width: 100%;
	}

	.Franchise {
		padding: 120px 0px 125px;
	}

	.FranchiseCt {
		margin-top: 80px;
		padding: 85px 100px;
		background-color: #333;
	}

	.RecruiterFlexText {
		width: 46%;
		height: 60px;
		background-color: #ffffff;
		line-height: 60px;
		font-size: 16px;
		float: left;
		color: #999;
		padding: 0px 20px;
	}

	.RecruiterFlexSub {
		margin-bottom: 40px;
		width: 100%;
	}

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

	.provinceprovince {
		width: 23.5%;
		height: 60px;
		background-color: #ffffff;
		line-height: 60px;
		font-size: 16px;
		float: left;
		color: #999;
		padding: 0px 20px;
		margin-right: 1.6%;
		background-image: url(../images/select1.png);
		background-size: 17px 9px;
		background-repeat: no-repeat;
		background-position: 95%;
	}

	.provinceprovince:last-child {
		float: right;
		width: 49.2%;
		margin-right: 0;
	}

	.RecruiterFlexSub textarea {
		height: 120px;
		background-color: #ffffff;
		line-height: 28px;
		font-size: 16px;
		color: #999;
		padding: 20px;
		display: block;
		width: 96.5%;
	}

	.Submit {
		width: 200px;
		height: 50px;
		display: block;
		margin: 40px auto 0;
		background-color: #c2181f;
		background-image: url(../images/jt2.png);
		background-size: 31px 10px;
		background-repeat: no-repeat;
		background-position: center;
	}

	/* 360全景 */
	.Panorama {
		float: left;
		width: 22.8%;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.3);
		margin-bottom: 50px;
		margin-right: 2.8%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.PanoramaImg {
		width: 100%;
		overflow: hidden;
		height: 200px;
	}

	.Panorama h2 {
		font-size: 16px;
		line-height: 24px;
		margin: 20px 0px 10px;
		color: #ffffff;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.HeadquartersPor a {
		width: 200px;
		height: 50px;
		background-color: #c2181f;
		display: block;
		line-height: 50px;
		text-align: center;
		font-size: 16px;
		color: #ffffff;
		margin: 70px auto 0;
	}

	/* 新增12-4 */
	.Color {
		padding-top: 0;
	}

	.ColorCity {
		padding: 28px 0;
		font-size: 16px;
		color: #FFFFFF;
		line-height: 45px;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.6);
		margin-bottom: 80px;
	}

	.ColorCity select {
		width: 330px;
		height: 45px;
		background-color: rgba(255, 255, 255, 0.1);
		margin-left: 30px;
		font-size: 15px;
		color: #FFFFFF;
		display: inline-block;
		vertical-align: top;
		text-indent: 1.5em;
		background-image: url(../images/select3.png);
		background-size: 12px 7px;
		background-repeat: no-repeat;
		background-position: 93%;
	}

	.ColorCity select option {
		color: #333;
	}

	.ColorCityBtn {
		width: 88px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		margin-left: 21px;
		background-color: #e60012;
		font-size: 16px;
		color: #FFFFFF;
		display: inline-block;
		vertical-align: top;
	}

	.ColorFlex {
		float: left;
		height: 280px;
		background-color: #ffffff;
		width: 48.5%;
		margin-bottom: 40px;
		overflow: hidden;
	}

	.ColorFlex img {
		float: left;
		width: 41%;
		height: 100%;
	}

	.ColorFlexR {
		float: right;
		width: 45.5%;
		margin-right: 6%;
		padding-top: 60px;
		font-size: 14px;
		line-height: 26px;
		color: #666666;
	}

	.ColorFlexR h2 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 10px;
	}

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

	/* 首页2 */
	@media screen and (min-width: 1024px) and (max-width: 1860px) {}

	@media screen and (min-width: 1240px) and (max-width: 1480px) {}

	@media screen and (min-width: 1580px) and (max-width: 1680px) {}

	@media screen and (min-width: 1024px) and (max-width: 1680px) {}

	@media screen and (min-width: 1279px) and (max-width: 1440px) {
		.wrap {
			width: 1200px;
		}

		.HistorySwiper {
			margin: 0 7.75%;
		}

		.LivingRoom {
			height: 300px;
		}
	}

	@media screen and (min-width: 1279px) and (max-width: 1380px) {

		.ProductLine .swiper-slide a {
			height: 350px;
		}

		.LivingRoom {
			height: 220px;
		}

		.RecruitScroll {
			height: 400px;
		}

		.ProductLine .swiper-container {
			width: 98%;
		}

		.ProductLine .swiper-button-next,
		.NewsSiwer .swiper-button-next {
			width: 44px;
			height: 44px;
			right: -3.2%;
		}

		.ProductLine .swiper-button-prev,
		.NewsSiwer .swiper-button-prev {
			width: 44px;
			height: 44px;
			left: -3.2%;
		}

		.NewsSiwer .swiper-container {
			width: 96%;
		}

		.NewsSiwer {
			height: 300px;
		}

		.NewsSiwer .swiper-slide a {
			height: 280px;
			padding-top: 20px;
		}

		.NewsSiwer .swiper-slide a img {
			height: 120px;
		}
	}

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

		.ProductLine .swiper-slide a {
			height: 100%;
		}

		.ProductLine .swiper-button-next,
		.NewsSiwer .swiper-button-next {
			width: 48px;
			height: 48px;
			right: -6%;
		}

		.ProductLine .swiper-button-prev,
		.NewsSiwer .swiper-button-prev {
			width: 48px;
			height: 48px;
			left: -6%;
		}

		.nav {
			min-width: 82%;
		}

		.subnav_ul a {
			padding: 0px 17px;
		}

		.LivingRoom {
			height: 324px;
		}

		.ProductLine,
		.CaseCenter,
		.JoinCt {
			margin-top: 14%;
		}
	}
}