html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
address,
em,
img,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
i,
b,
s,
input {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: SourceHanSansCN, Avenir, Helvetica, Arial, sans-serif;
}

html {
	font-size: 10px;

}

ul,
ol {
	list-style: none
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

.gs-wrapper {
	z-index: 400;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
}

.gs {
	position: absolute;
	width: 600px;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gs-closed {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	letter-spacing: 2px;
	user-select: none;
	cursor: pointer;

}

.gs>img {
	width: 100%;
	height: auto;
	display: block;
}

/*导航栏*/
.nav {
	width: 100%;
	height: 9rem;
	z-index: 73;
	/* background-image: linear-gradient(180deg, #1b1b1b, rgba(27, 27, 27, 0)); */
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0047BB;
	overflow: hidden;
}

.nav-box {
	width: 125rem;
	height: 9rem;
	margin: auto;
	position: relative;
	display: flex;
	color: #0047BB;
}

.left-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 51rem;
	color: #0047BB;
	margin-right: 4rem;
}

.left-nav>a:hover {
	color: #A4C4EA;
}

.left-nav>a {
	display: inline-block;
	width: 100%;
	color: #0047BB;
	font-size: 1.6rem;
	font-family: SourceHanSansCN, Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
	text-align: right;
}

.left-nav>a:last-child {
	margin-right: 0;
}

.midden-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	/* 	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); */
	width: 26rem;
	height: auto;
}

.midden-nav>img {
	width: 100%;
	height: auto;
	display: block;
}

.right-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
	width: 28rem;
	height: 3.2rem;
	margin-left: 4rem;
}

.right-nav-phone {
	width: 17rem;
	height: 3.2rem;
	line-height: 3.2rem;
	float: left;
	font-size: 1.6rem;
	color: #0047BB;
	font-family: SourceHanSansCN, Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
}

.nav-wx {
	width: 3.2rem;
	height: 3.2rem;
	float: left;
	margin-left: 2rem;
}

.nav-dy {
	width: 3.2rem;
	height: 3.2rem;
	float: left;
	margin-left: 2rem;
}

.right-nav-phone>img,
.nav-wx>img,
.nav-dy>img {
	width: 100%;
	height: 100%;
	display: block;
}




/*首屏首页*/
.Home-Screen {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.Home-Screen>img {
	width: 100%;
	height: auto;
	display: block;
}

.Home-Screen-list {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 13.8rem;
	height: 1.2rem;
	padding: 1.4rem 0.4rem;
}

.Home-Screen-span {
	border-radius: 50%;
	width: 0.8rem;
	height: 0.8rem;
	background-color: rgba(0, 0, 0, .4);
	display: inline-block;
	margin-right: 1.9rem;
	margin-bottom: 0.2rem;
	cursor: pointer;
}

.Home-Screen-span:last-child {
	border-radius: 50%;
	width: 0.8rem;
	height: 0.8rem;
	background-color: rgba(0, 0, 0, .4);
	display: inline-block;
	margin-right: 0;
	margin-bottom: 0.2rem;
	cursor: pointer;
}

.Home-Screen-span-active {
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #A4C4EA;
	display: inline-block;
	margin-right: 1.9rem;
	cursor: pointer;
}



.Home-Screen-span-active:last-child {
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #A4C4EA;
	display: inline-block;
	margin-right: 0;
	cursor: pointer;
}

.Home-Screen-title {
	position: absolute;
	top: 36rem;
	left: 50%;
	color: #fff;
	font-size: 4vw;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}


.Home-Screen-min-title {
	position: absolute;
	top: 455px;
	left: 50%;
	color: #fff;
	font-size: 68px;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.Home-Screen-min-title>img {
	width: 100%;
	height: 100%;
	display: block;
}

.bg-white {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 1520px;
	height: 89px;
	background: #fff;
}

.Home-Screen>img {
	width: 100%;
	height: 100%;
	display: block;
}

/*播放视频*/
.play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 40%);
	-o-transform: translate(-50%, 40%);
	-moz-transform: translate(-50%, 40%);
	-webkit-transform: translate(-50%, 40%);
	width: 8rem;
	height: 8rem;
	cursor: pointer;
}

.play>img {
	width: 100%;
	height: 100%;
	display: block;
}


.banner-video_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: none;
	cursor: pointer;
}

.banner-video_video>video {
	width: 100%;
	height: auto;
	display: block;
}

/*品牌介绍*/
.brand-Introduction {
	width: 100%;
	/*height: 58.4rem;*/
	height: auto;
	background: #f9f9f9;
	overflow: hidden;
	padding-bottom: 15rem;
}

.brand-Introduction-title {
	width: 83.9rem;
	max-width: 100%;
	height: auto;
	margin: 14.5rem auto 5.4rem;
}

.brand-Introduction-title>img {
	width: 100%;
	height: auto;
	display: block;
}

.brand-Introduction-content {
	width: 120rem;
	max-width: 100%;
	height: auto;
	margin: auto;
}

.brand-Introduction-content>p {
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #3e3a39;
	margin-top: 4.8rem;
	z-index: 2;
	padding: 0 1rem;
	text-align: center;
}







.brand-Introduction-title>img {
	width: 100%;
	height: 100%;
	display: block;
}

.brand-Introduction-img-box-white {
	width: 100%;
	height: 69px;
	background: #fff;
}



.brand-Introduction-img-box {
	width: 152rem;
	height: 100%;
	margin: auto;
}

.rand-Introduction-p {
	font-size: 28px;
	color: #fff;
	text-align: center;
	margin-top: 61px;
}

.brand-Introduction-sdian {
	width: 55px;
	height: 9px;
	margin: 26px auto 0;
}

.brand-Introduction-cp {
	width: 1457px;
	height: 137px;
	margin: 42px auto 55px;
}

.brand-Introduction-cp>img {
	margin-right: 15px;
}

.brand-Introduction-cp>img:last-child {
	margin-right: 0;
}

.brand-Introduction-sdian>img {
	width: 100%;
	height: 100%;
	display: block;

}

.brand-Introduction-Jt {
	width: 39px;
	height: 37px;
	margin: auto;
}

.brand-Introduction-Jt>img {
	width: 100%;
	height: 100%;
	display: block;
}

/*产品展示*/
.productDisplay {
	position: relative;
	width: 120rem;
	max-width: 100%;
	padding-top: 11.2rem;
	margin: auto;
}

.productDisplayLunBo-list {
	width: 4rem;
	height: 0.8rem;
	display: none;
	margin: 3rem auto 0;
	justify-content: space-between;

}

.productDisplay-item-active {
	width: 0.8rem;
	height: 0.8rem;
	background-color: #A4C4EA;
}

.productDisplay-item {
	width: 0.8rem;
	height: 0.8rem;
	background-color: #efefef;
}

.productDisplayLunBo {
	width: 74.7vw;
	height: 100vw;
	margin: auto;
	display: none;
	box-shadow: 0 0.6rem 2.457rem 0.2rem rgba(56, 63, 118, 0.1);
}

.productDisplayLunBo-box {
	width: 100%;
	height: 100vw;
	overflow: hidden;
}

.productDisplayLunBo-img {
	width: 100%;
	overflow: hidden;
	height: 84vw;
}

.productDisplayLunBo-cont-box {
	width: 100%;
	height: 5rem;
}

.productDisplayLunBo-cont-title {
	font-weight: 500;
	font-size: 3.2vw;
	letter-spacing: .2vw;
	color: #3e3a39;
	line-height: 1;
	text-align: center;
	margin-top: 1rem;
}

.productDisplayLunBo-min-content {
	box-sizing: border-box;
	padding: 0 1rem;
	font-size: 1.2rem;
	line-height: 3.2vw;
	margin-top: 1rem;
	color: #b1b1b1;
	text-align: center;
}

.productDisplayLunBo-img>img {
	width: 100%;
	height: auto;
	display: block;
}

.productDisplay-box {
	width: 120rem;
	max-width: 100%;
	height: auto;
	margin: auto;
	position: relative;

}

.productDisplay-product,
.productDisplay-product-1 {
	position: relative;
	width: 120rem;
	max-width: 100%;
	overflow: hidden;
	height: 50.8rem;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.productDisplay-product>img,
.productDisplay-product-1>img {
	width: 60rem;
	position: absolute;
	top: 8rem;
	transition: all .3s linear;
}

.productDisplay-product-list {
	width: 10rem;
	height: 0.8rem;
	margin: auto;
	margin-top: 2rem;
	display: flex;
}

.productDisplay-product-list-1 {

	width: 10rem;
	height: 0.8rem;
	margin: auto;
	margin-top: 2rem;
	display: flex;
}

.productDisplay-content {
	width: 35.1rem;
	max-width: 100%;
	height: 10rem;
	margin: 1.5rem auto 0;
}

.productDisplay-content-title {
	font-size: 2.4rem;
	font-weight: 700;
	color: #3e3a39;
	line-height: 1;
	text-align: center;
	margin-top: 2rem;
}

.productDisplay-content-name {
	font-size: 1.6rem;
	letter-spacing: 1px;
	font-weight: lighter;
	text-align: center;
	margin: 1.4rem 0;
	color: #3e3a39;
}

.productDisplay-content-about {
	font-size: 1.2rem;
	color: #b1b1b1;
	line-height: 1.5;
	text-align: center;
	margin-top: 1rem;
	letter-spacing: .2rem;
}


.productDisplayItem {
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background: #EFEFEF;
	margin-left: 1.2rem;
	cursor: pointer;
}



.productDisplayItemActive {
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background: #A4C4EA;
	margin-left: 1.2rem;
}




.front {
	left: 0rem;
}

.back {
	left: 60rem;
	z-index: 0;
}

.active {
	left: 30rem;
	transform: scale(1.5);
	z-index: 10;
}

.product-classics {
	width: 100%;
	height: auto;
	display: flex;
	margin-top: 4.4rem;
	flex-wrap: wrap;
	justify-content: center;
}

.product-classics-img {
	width: 100%;
	height: 31rem;
	display: flex;
	flex-direction: column;
}

.product-classics-img>img {
	width: 100%;
	height: auto;
	display: block;
}

.product-classics-title {
	margin-top: 2.6rem;
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 1px;
	color: #3e3a39;
	line-height: 1;
}

.product-classics-content {
	box-sizing: border-box;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #b1b1b1;
	margin-top: 9px;
	text-align: center;
	padding: 0 2rem;
	letter-spacing: .1rem;
}

.product-classics>div {
	width: 37.1rem;
	max-width: 100%;
	height: 48rem;
	box-shadow: 0 0.6rem 2.457rem 0.2rem rgba(56, 63, 118, 0.1);
	margin: 1.2rem 1.4rem;
}

.scriptures {
	width: 78rem;
	max-width: 100%;
	margin: 4.4rem auto 0;
	text-align: center;
	padding-bottom: 10rem;
}

.scriptures-title {
	color: #3e3a39;
	line-height: 1;
	font-size: 2.4rem;
	font-weight: 700;
}

.scriptures-content {
	display: inline-block;
	width: 78rem;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	font-weight: lighter;
	margin: 1.4rem 0;
}

.scriptures-hot {
	font-size: 1.3rem;
	color: #b1b1b1;
}


.productDisplay-content-img {
	width: 579px;
	height: auto;
	margin: 34px auto 0;
}

.productDisplay-content-img>img {
	width: 100%;
	height: 100%;
	display: block;
}


.productDisplay-title {
	text-align: center;
	color: #000000;
	font-size: 44px;
	margin-top: 59px;
}

.productDisplay-box-content {
	width: 100%;
	height: 667px;
	position: relative;
}

.productDisplay-img:nth-child(2) {
	z-index: 200;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 87px;
	width: 963px;
	height: 535px;
}

.productDisplay-img:nth-child(3) {
	z-index: 200;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 87px;
	width: 963px;
	height: 535px;
}

.productDisplay-img:nth-child(4) {
	z-index: 100;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	width: 840px;
	height: 467px;
}

.productDisplay-img:nth-child(5) {
	z-index: 100;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
	width: 840px;
	height: 467px;
}

.productDisplay-list {
	width: 187px;
	height: 19px;
	margin: 55px auto 0;
	display: flex;
}

.productDisplay-list-span-active {
	display: block;
	width: 59px;
	height: 19px;
	background: #a4c4ea;
	border-radius: 8px;
	margin-right: 13px;
}

.productDisplay-list-span {
	display: block;
	width: 19px;
	height: 19px;
	background: #dcdcdc;
	border-radius: 50%;
	margin-right: 13px;
}

.productDisplay-list-span:last-child {
	margin-right: 0;
}

.productDisplay-list-span-active:last-child {
	margin-right: 0;
}

.productDisplay-img>img {
	width: 100%;
	height: 100%;
	display: block;
}

/*.productDisplay-img-active{*/
/*    z-index: 300;*/
/*    position: absolute;*/
/*    width:1197px;*/
/*    height: 665px;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    -o-transform: translateX(-50%);*/
/*    -moz-transform:translateX(-50%) ;*/
/*    -webkit-transform: translateX(-50%);*/
/*}*/

.productDisplay-img:nth-child(1) {
	z-index: 300;
	position: absolute;
	width: 1197px;
	height: 665px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.productDisplay-img-active>img {
	width: 100%;
	height: 100%;
}

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

.content {
	width: 100%;
	height: 667px;
	position: relative;
}

.content li {
	position: absolute;
	background-size: 100% 100%;
	cursor: pointer;
}

.productDisplay-2 {
	width: 100%;
	height: 1126px;
}

.productDisplay-2-box {
	width: 1520px;
	height: 100%;
	margin: auto;
}

.productDisplay-2-box-top {
	width: 100%;
	height: 615px;
	display: flex;
}

.productDisplay-2-box-top-left {
	width: 1008px;
	height: 100%;
	margin-right: 43px;
}

.productDisplay-2-box-top-right {
	width: 476px;
	height: 100%;
	margin-right: 43px;
}

.productDisplay-2-box-bottom {
	width: 1017px;
	height: 194px;
	margin: 74px auto 0;
}

.bql-title {
	text-align: center;
	color: #000000;
	font-size: 44px;
}

.bql-img {
	width: 1017px;
	height: auto;
	margin-top: 35px;
}

.bql-img>img {
	width: 100%;
	height: 100%;
	display: block;
}


.Stores-presence {
	width: 100%;
	background-color: #f9f9f9;
	height: auto;
	padding: 11.2rem 0;
	position: relative;
	overflow: hidden;
}

.Stores-presence-content-box {
	width: 100%;
	height: 78.4rem;
}



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

.Stores-presence-title {
	width: 56rem;
	max-width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	left: 18%;
}

.plat {
	position: relative;
	left: 19%;
	width: 81.8rem;
	max-width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.plat>img {
	width: 100%;
	height: auto;
	display: block;
}

.Stores-presence-content {
	position: absolute;
	top: 40.6rem;
	right: 40%;
	width: 53rem;
	max-width: 100%;
	height: auto;
}

.Stores-presence-content>img,
.Stores-presence-title>img {
	width: 100%;
	height: auto;
	display: block;
}

/*加入我们*/
.joinMe {
	width: 100%;
	height: auto;
	padding: 11.2rem 0;
	position: relative;
	overflow: hidden;
}

.joinMe-title {
	box-sizing: border-box;
	padding: 0 2rem;
	width: 56rem;
	height: auto;
	max-width: 100%;
	margin: auto;
}

.joinMe-title>img {
	width: 100%;
	height: auto;
	display: block;
}

.lc {
	width: 107.8rem;
	max-width: 100%;
	height: auto;
	margin: 8.5rem auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.lc>div {
	width: 28rem;
	max-width: 100%;
	height: 16.8rem;
	margin-bottom: 4.8rem;
}

.lc-top-img {
	width: 5.6rem;
	height: auto;
	margin: auto;
}

.lc-top-img>img {
	width: 100%;
	height: auto;
	display: block;
}

.lc-title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.6rem;
	letter-spacing: 0.1rem;
	color: #3e3a39;
	margin-top: 1.6rem;
	text-align: center;
}

.lc-content {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #3e3a39;
	width: 28rem;
	max-width: 100%;
	margin-top: 1.6rem;
}

.joinMe-btn {
	width: 32rem;
	height: 6.4rem;
	background-color: #A4C4EA;
	border-radius: 0.8rem;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.6rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4.8rem auto 0;
	cursor: pointer;
}

.joinMe-title>img,
.lc>img,
.joinMe-btn>img {
	width: 100%;
	height: auto;
	display: block;
}

.Products-by {
	width: 100%;
	height: 85.5rem;
	position: relative;
}

.Products-by-img {
	width: 100%;
	height: 100%;
}

.Products-by-img>img {
	width: 100%;
	height: 100%;
	display: block;
}

.Products-by-list {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 0;
	width: 28rem;
	height: 3rem;
	display: flex;
	padding: 1.2rem 0;
}

.Products-by-span {
	margin-top: 0.2rem;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	margin-right: 21px;
	background-color: rgba(0, 0, 0, .4);
	cursor: pointer;
}

.Products-by-span-active {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background: #a4c4ea;
	margin-right: 21px;
	cursor: pointer;
}

.Products-by-span:last-child {
	margin-right: 0;
	cursor: pointer;
}

.Products-by-span-active:last-child {
	margin-right: 0;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background: #a4c4ea;
	cursor: pointer;
}

.footer {
	width: 100%;
	height: auto;
	background: #313674;
	border-top: 1px solid #2C3179;
	padding-bottom: 3vw;
	overflow: hidden;
}

.footerBox {
	width: 139.6rem;
	max-width: 100%;
	height: auto;
	margin: auto;
	display: flex;
	position: relative;
}

.join-box {
	width: 100%;
	height: auto;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .3);
	display: none;
}

.join-content-box {
	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%);
	-o-transform: translate(-50%, -50%);
	width: 110.5rem;
	height: 66.1rem;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	border: none;
}

.join-content-left {
	width: calc(110.5rem/2);
	height: 100%;
	background: #a4c4ea;
	float: left;
	position: relative;
}

.join-content-title {
	color: #ffffff;
	font-size: 2.4rem;
	text-align: center;
	margin-top: 4rem;
}

.join-content-phone {
	color: #ffffff;
	font-size: 4rem;
	text-align: center;
	margin-top: 1.6rem;
	margin-bottom: 4rem;
}

.join-content-max {
	color: #ffffff;
	font-size: 2.4rem;
	text-align: center;
}

.join-content-min {
	margin-top: 2rem;
	color: #ffffff;
	font-size: 2.1rem;
	text-align: center;
}

.join-content-right {
	width: calc(110.5rem/2);
	height: 100%;
	background: #fff;
	float: left;
	position: relative;
}

.join-zc {
	position: absolute;
	top: 7.1rem;
	left: 4rem;
	right: 4rem;
}

.join-close {
	z-index: 400;
	position: absolute;
	top: 28px;
	right: 28px;
	width: 50px;
	height: 51px;
	cursor: pointer;
}

.join-close>img {
	width: 100%;
	height: 100%;
	display: block;
}

.Ly-box {
	width: 450px;
	height: 160px;
	margin: 70px auto 0;

}

.Ly-list {
	width: 100%;
	height: 61px;
	display: flex;
}

.Ly-list-span {
	font-size: 22px;
	color: #fff;
	margin-right: 12px;
	display: block;
	width: 48px;
	letter-spacing: 1px;
	line-height: 61px;
}

.Ly-input {
	width: 39.3rem;
	height: 5.6rem;
	border-radius: calc(5.6rem/2);
	line-height: 5.6rem;
	border: 0.1rem solid #fff;
	background: transparent;
	outline: none;
	box-sizing: border-box;
	padding: 0 3rem;
	font-size: 2.1rem;
}

.Ly-input::-webkit-input-placeholder {
	color: #949393;
	font-size: 2.1rem;

}

/* Firefox 4-18 */
.Ly-input:-moz-placeholder {
	color: #949393;
	font-size: 2.1rem;
}

/* Firefox 19-50 */
.Ly-input::-moz-placeholder {
	color: #949393;
	font-size: 2.1rem;
}

.mt38 {
	margin-top: 3rem;
}

.Ly-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 7rem;
	width: 12rem;
	height: 10rem;
	cursor: pointer;
}

.Ly-btn>img,
.join-zc>img {
	width: 100%;
	height: 100%;
	display: block;
}


.GoTop {
	position: fixed;
	bottom: 4%;
	right: 2px;
	width: 77px;
	height: 68px;
}

.GoTop>img {
	width: 100%;
	height: 100%;
	display: block;
}


.footerBox-left {
	width: 49.5rem;
	max-width: 100%;
	height: 100%;
}

.footerBox-HotPhone {
	font-size: 32px;
	color: #fff;
	margin-top: 45px;
}

.footerBox-title {
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
}

.footerBox-right {
	flex: 1;
	height: auto;
	position: relative;
	display: flex;
}

.footerBox-right-ICP {
	position: absolute;
	bottom: 0.5rem;
	left: 58rem;
	font-size: 1.4rem;
	color: #717171;
}

.footerBox-phone {
	width: 25rem;
	height: auto;
}



.footerBox-Ban {
	position: absolute;
	bottom: 4rem;
	left: 58rem;
	font-size: 1.4rem;
	color: #717171;
	color: #717171;
}

.footerBox-phone>img {
	width: 100%;
	height: auto;
	margin-top: 26px;
	display: block;
}

.footerBox-right-line {
	width: 2px;
	height: 132px;
	background: #fff;
	margin-top: 42px;
	float: left;
}

.footerBox-eight-box {
	width: 55.6rem;
	max-width: 100%;
	height: auto;
	float: left;
	margin-top: 6.4rem;
	margin-left: 4.5rem;
}

.footerBox-right-top {
	display: flex;
}

.footerBox-right-top-phoneImg {
	width: 21px;
	height: 23px;
	margin-right: 14px;
}

.footerBox-right-top-AddImg {
	width: 22px;
	height: 24px;
	margin-right: 14px;

}

.footerBox-right-bottom {
	display: flex;
	margin-top: 13px;
}

.footerBox-right-top-phoneImg>img,
.footerBox-right-top-AddImg>img {
	width: 100%;
	height: 100%;
	display: block;
}

.footerBox-right-top-P {
	color: #fff;
	line-height: 2.4rem;
}

.phone-jc {
	font-weight: bolder;
	font-size: 2rem;
}

.footer-rwm {
	position: absolute;
	width: 9.6rem;
	height: 9.6rem;
	top: 4rem;
	right: 7rem;
}

.footer-content {
	position: absolute;
	top: 13.9rem;
	right: 7rem;
	color: #fff;
	font-size: 14px;
}

.footer-wb>img,
.footer-dy>img,
.footer-xhs>img,
.info-box>img,
.xhs-info>img,
.footer-rwm>img {
	width: 100%;
	height: 100%;
	display: block;
}

.footer-wb {
	position: absolute;
	top: 4rem;
	right: -4rem;
	width: 9.6rem;
	height: 9.6rem;
}

.footer-wb-content {
	position: absolute;
	top: 13.9rem;
	right: -4rem;
	color: #fff;
	font-size: 14px;
}

.footer-xhs {
	position: absolute;
	top: 10rem;
	right: -11rem;
	width: 4.6rem;
	height: 4.6rem;

}

.xhs-info {
	display: none;
	position: absolute;
    top: 1rem;
    right: -4rem;
    width: 17rem;
    height: 16rem;
}

.xhs-info .info-box{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10%;
}
.footer-dy {
	position: absolute;
	top: 4rem;
	right: -11rem;
	width: 4.6rem;
	height: 4.6rem;

}

.dy-info {
	display: none;
	position: absolute;
    top: 1rem;
    right: -4rem;
    width: 17rem;
    height: 16rem;
}

.info-box{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10%;
}
/* .footer-dy-content{
	position: absolute;
	top: 13.9rem;
	right: 0rem;
	color: #fff;
	font-size: 14px;
} */

.swiper-container-fc {
	width: 100%;
	height: auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	width: 440px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition-property: all;
}

.swiper-slide>img {
	width: 100%;
	height: auto;
	display: block;
}

.LY-box {
	width: 100%;
	height: auto;
	padding: 4vw 0;
	background: #383F76;
}

.LY {
	width: 100rem;
	max-width: 100%;
	margin: auto;
	padding-bottom: 4rem;
}

.LY-title,
.LY-input-box {
	width: 100%;
	height: auto;
}

.LY-input-box {
	display: flex;
	margin-top: 5rem;
}

.LY-input-box>div {
	flex: 1;
	height: 4rem;
	background: transparent;
	border: 1px solid #fff;
	display: flex;
}

.LY-input-img {
	width: 4rem;
	height: 4rem;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	padding: 0.3rem;
}

.LY-input-img>img {
	width: 100%;
	height: auto;
	display: block;
}

.LY-input-title {
	text-align: center;
	line-height: 4.2rem;
	padding: 0 1.2rem;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
}

.LY-input-box>div:first-child {
	margin-right: 7rem;
}

.cl-input {
	flex: 1;
	background: transparent;
	outline: none;
	border: none;
	box-sizing: border-box;
	padding: 0 0.2rem;
	font-size: 1.6rem;
	color: #fff;
}


.Ly-phone {
	color: #ffffff;
	font-size: 4rem;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.Ly-content-max {
	color: #ffffff;
	font-size: 2.2rem;
	text-align: center;
}

.Ly-content-min {
	margin-top: 1rem;
	color: #ffffff;
	font-size: 1.8rem;
	text-align: center;
}


.cl-input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
	opacity: 0.8;
}

.cl-input:-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 0.8;
}

.cl-input::-moz-placeholder,
textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #949393;
	opacity: 0.8;
}

.cl-input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
	opacity: 0.8;
}

.ly-btn {
	width: 16rem;
	box-sizing: border-box;
	height: 4rem;
	font-size: 1.6rem;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.9rem;
	text-indent: 0.9rem;
	/*margin:5rem auto 2rem;*/
	cursor: pointer;
	margin-left: 6rem;
}

/***媒体查询****/

@media screen and (min-width:600px) and (max-width:1270px) {
	.joinMe-btn {
		display: none;
	}
}

@media screen and (min-width:731px) and (max-width:908px) {
	.LY-input-title {
		text-align: center;
		line-height: 4.2rem;
		padding: 0 0.4rem;
		color: #fff;
		font-weight: 700;
		font-size: 1.4rem;
	}

	.cl-input {
		flex: 1;
		background: transparent;
		outline: none;
		border: none;
		box-sizing: border-box;
		padding: 0 0.2rem;
		font-size: 1.4rem;
		color: #fff;
	}

	.ly-btn {
		width: 16rem;
		box-sizing: border-box;
		height: 4rem;
		font-size: 1.4rem;
		background: transparent;
		border: 1px solid #fff;
		color: #fff;
		font-weight: 700;
		letter-spacing: 0.9rem;
		text-indent: 0.9rem;
		/*margin:5rem auto 2rem;*/
		cursor: pointer;
		margin-left: 3rem;
	}

	.LY-input-box>div:first-child {
		margin-right: 2rem;
	}

}

@media screen and (min-width:500px) and (max-width:730px) {
	.LY-input-box {
		display: flex;
		margin-top: 5rem;
		flex-flow: column;
	}

	.LY-input-box>div {
		width: 80%;
		margin: auto;
	}

	.LY-input-box>div:first-child {
		margin: 0 auto 2rem;

	}

	.ly-btn {
		width: 16rem;
		box-sizing: border-box;
		height: 4rem;
		font-size: 1.6rem;
		background: transparent;
		border: 1px solid #fff;
		color: #fff;
		font-weight: 700;
		letter-spacing: 0.9rem;
		text-indent: 0.9rem;
		/*margin:5rem auto 2rem;*/
		cursor: pointer;
		margin: 3rem auto 0;
	}
}


@media screen and (min-width:500px) and (max-width:1499px) {
	.Products-by {
		width: 100%;
		height: auto;
		position: relative;
	}

	.Products-by-img {
		width: 100%;
		height: auto;
	}

	.Products-by-img>img {
		width: 100%;
		height: auto;
		display: block;
	}
}



@media screen and (min-width:1090px) and (max-width:1165px) {
	.midden-nav {
		width: 31rem;
	}

	.left-nav>a {
		padding-right: 4rem;
	}

	.footerBox-right {
		display: none;
	}

	.plat {
		position: relative;
		left: 0;
		width: 81.8rem;
		max-width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: auto;
	}

}



@media screen and (min-width:1000px) and (max-width:1089px) {
	.left-nav>a {
		padding-right: 2rem;
	}

	.right-nav {
		width: 30rem;
	}

	.footerBox-right {
		display: none;
	}

	.plat {
		position: relative;
		left: 0;
		width: 81.8rem;
		max-width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: auto;
	}
}

@media screen and (min-width:840px) and (max-width:999px) {
	.midden-nav {
		width: 31rem;
	}

	.left-nav>a {
		padding-right: 4rem;
	}

	.right-nav {
		display: none;
	}

	.midden-nav {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-10%, -50%);
		-ms-transform: translate(-10%, -50%);
		-o-transform: translate(-10%, -50%);
		-webkit-transform: translate(-10%, -50%);
	}

	.footerBox-right {
		display: none;
	}

	.plat {
		position: relative;
		left: 0;
		width: 81.8rem;
		max-width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: auto;
	}

	.Stores-presence-content {
		box-sizing: border-box;
		position: absolute;
		top: 50rem;
		right: 0;
		height: auto;
		padding: 0 2rem;
	}
}


@media screen and (min-width:600px) and (max-width:850px) {
	.left-nav {
		display: none;
	}



	.midden-nav {
		position: absolute;
		top: 50%;
		left: 4rem;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.nav-box,
	.nav {
		height: 10rem;
	}

	.right-nav {
		display: none;
	}

	.footerBox-right {
		display: none;
	}

	.footerBox-right-ICP,
	.footer-rwm,
	.footer-content {
		display: none;
	}

	.plat {
		position: relative;
		left: 0;
		width: 81.8rem;
		max-width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: auto;
	}

	.Stores-presence-content {
		box-sizing: border-box;
		position: absolute;
		top: 50rem;
		right: 0;
		height: auto;
		padding: 0 2rem;
		cursor: pointer;
	}
}

.nav-Btn {
	display: none;
}

.nav-Btn-box {
	z-index: 500;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, #1b1b1b, rgba(27, 27, 27, 0));

	flex-flow: column;
	justify-content: center;
	font-size: 4vw;
	display: none;
}

@media screen and (min-width:500px) and (max-width:850px) {
	.nav-Btn {
		width: 5rem;
		height: auto;
		display: block;
		position: absolute;
		top: 1rem;
		right: 1.2rem;
		cursor: pointer;
	}

	.nav-Btn>img {
		width: 100%;
		height: auto;
		display: block;
	}

	.nav-Btn-box {
		z-index: 500;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(180deg, #1b1b1b, rgba(27, 27, 27, 0));

		flex-flow: column;
		justify-content: center;
		font-size: 4vw;
		display: none;
	}

	.nav-Btn-closed {
		position: absolute;
		top: 1rem;
		right: 1rem;
		width: 6rem;
		height: 6rem;
		cursor: pointer;
	}

	.nav-Btn-closed>img {
		width: 100%;
		height: auto;
		display: block;
	}

	.nav-Btn-box>a {
		margin: auto;
		display: block;
		font-weight: 700;
		cursor: pointer;
		color: #fff;
	}
}

@media screen and (min-width:500px) and (max-width:1130px) {
	.join-content-box {
		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%);
		-o-transform: translate(-50%, -50%);
		width: 100%;
		height: 66.1rem;
		border-radius: 10px;
		background: #fff;
		overflow: hidden;
		border: none;
	}

	.join-content-left {
		width: 100%;
	}

	.join-content-right {
		display: none;
	}
}

.productDisplay-min {
	display: none;
	width: 100%;
	height: auto;
}

@media screen and (min-width:680px) and (max-width:1228px) {
	.productDisplay-max {
		display: none;
	}

	.productDisplay-min {
		display: block;
		width: 100%;
		height: auto;
	}

	.productDisplay-minImg-box {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.productDisplay-minImg-box>img {
		width: 100%;
		height: auto;
		display: block;
	}

	.productDisplay-min-list {
		width: 10rem;
		height: 0.8rem;
		margin: 2rem auto 0;
		display: flex;
	}

	.productDisplay-min-Item {
		display: block;
		width: 0.8rem;
		height: 0.8rem;
		background: #EFEFEF;
		margin-left: 1.2rem;
		cursor: pointer;
	}

	.productDisplay-min-Item-active {
		display: block;
		width: 0.8rem;
		height: 0.8rem;
		background: #A4C4EA;
		margin-left: 1.2rem;
	}

	.productDisplay-min-content {
		width: 34rem;
		height: 10rem;
		margin: 2rem auto 0;
	}

	.productDisplay-min-content-title {
		font-size: 2.4rem;
		font-weight: 700;
		color: #3e3a39;
		line-height: 1;
		text-align: center;
	}

	.productDisplay-min-content-about {
		font-size: 1.2rem;
		color: #b1b1b1;
		line-height: 1.5;
		text-align: center;
		margin-top: 1rem;
	}

	.play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, 30%);
		-o-transform: translate(-50%, 30%);
		-moz-transform: translate(-50%, 30%);
		-webkit-transform: translate(-50%, 30%);
		width: 7rem;
		height: 7rem;
	}

}

.productDisplay-min-minimum {
	width: 96%;
	height: auto;
	display: none;
	margin: auto;
}

@media screen and (min-width:500px) and (max-width:679px) {
	.productDisplay-max {
		display: none;
	}

	.productDisplay-min {
		display: none;
		width: 100%;
		height: auto;
	}

	.productDisplay-min-minimum {
		width: 96%;
		height: auto;
		display: block;
		margin: auto;
	}

	.productDisplay-min-minimum-list {
		width: 100%;
		height: auto;
		margin-bottom: 4rem;
	}

	.productDisplay-min-minimum-listImg {
		width: 100%;
		height: auto;
		display: block;
	}

	.productDisplay-min-minimum-listImg>img {
		width: 100%;
		height: auto;
		display: block;
	}

	.productDisplay-min-minimum-title {
		text-align: center;
		font-size: 4vw;
		font-weight: 700;
		color: #3e3a39;
		line-height: 1;
		margin-top: 2rem;
	}

	.productDisplay-min-minimum-list-con {
		font-size: 2.7vw;
		color: #b1b1b1;
		margin-top: 1vw;
		text-align: center;
	}

	.play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, 30%);
		-o-transform: translate(-50%, 30%);
		-moz-transform: translate(-50%, 30%);
		-webkit-transform: translate(-50%, 30%);
		width: 6rem;
		height: 6rem;
	}

}



@media screen and (min-width:500px) and (max-width:600px) {
	.product-classics {
		display: none;
	}

	.productDisplay {
		display: block;
	}

	.brand-Introduction-title {
		margin: 4.5rem auto 1.4rem;
		box-sizing: border-box;
		padding: 0 2rem;
	}

	.productDisplay-min-minimum {
		width: 96%;
		height: auto;
		display: block;
		margin: auto;
	}

	.lc {
		width: 100%;
		display: flex;
	}

	.lc>div {
		width: 100%;
	}

	.lc>div .lc-content {
		box-sizing: border-box;
		padding: 0 1.6rem;
		width: 100%;
		text-align: center;
	}

	.Stores-presence-title {
		padding: 0 2rem;
		margin: auto;
		left: 0;
		box-sizing: border-box;
	}

	.brand-Introduction-content>p {
		font-size: 1.2rem;
	}

	.left-nav {
		display: none;
	}

	.midden-nav {
		position: absolute;
		top: 50%;
		left: 2rem;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, 30%);
		-o-transform: translate(-50%, 30%);
		-moz-transform: translate(-50%, 30%);
		-webkit-transform: translate(-50%, 30%);
		width: 4rem;
		height: 4rem;
	}

	.plat {
		position: relative;
		left: 0;
		margin: auto;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		box-sizing: border-box;
		padding: 0 2rem;
	}


	.midden-nav {
		width: 26rem;
	}

	.right-nav {
		display: none;
	}

	.nav-box,
	.nav {
		height: 6.4rem;
	}

	.brand-Introduction {
		padding-bottom: 8rem;
	}

	.Stores-presence-content {
		box-sizing: border-box;
		position: absolute;
		top: 50rem;
		right: 0;
		height: auto;
		padding: 0 2rem;
	}

	.Products-by-list {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		bottom: 0;
		width: 13.9rem;
		height: 3rem;
		display: flex;
		padding: 0.2rem 0;
	}

	.Stores-presence {
		padding: 4rem 0;
	}

	.Stores-presence-content-box {
		height: 69rem;
	}

	.joinMe-btn {
		display: none;
	}

	.joinMe {
		padding: 6rem 0;
	}

	.footerBox-right {
		display: none;
	}

	.footerBox-right-ICP,
	.footer-rwm,
	.footer-content {
		display: none;
	}

	.productDisplay-box {
		display: block;
	}

	.productDisplayLunBo {
		width: 74.7vw;
		height: 100vw;
		margin: auto;
		display: block;
		box-shadow: 0 0.6rem 2.457rem 0.2rem rgba(56, 63, 118, 0.1);
	}

	.productDisplayLunBo-list {
		width: 4rem;
		height: 0.8rem;
		display: flex;
		margin: 3rem auto 0;
		justify-content: space-between;
	}



}

.queue-up {
	width: 1200px;
	height: 280px;
	margin: auto;

}

.queue-up-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.queue-up-box {
	width: 100%;
	position: relative;
}

.queue-btn-left {
	position: absolute;
	left: -10rem;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
}

.queue-btn-right {
	position: absolute;
	right: -10rem;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%) rotate(180deg);
}

.queue-title {
	display: block;
	margin: 5rem auto;
}
.suspension{
	position: fixed;
	right: 0.2rem;
	top: 52%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 12rem;
	cursor:pointer
	
}
.suspension > img{
	width: 100%;
	height: auto;
}
.submit-btn{
	width: 16rem;
	height: 4.6rem;
	margin: 0 auto;
	background-color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	color: #062c58;
	border-radius: 0.5rem;
	display: block;
	margin-top: 2rem;
	text-align: center;
	line-height: 4.6rem;
	cursor: pointer
}