@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clear{display:block; float:none; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0;} .clearfix:before{content:""; display:table;}.clearfix:after{content:""; display:table; clear:both;}.clearfix{ zoom:1;}.fl{float:left;}.fr{float:right;}a{text-decoration: none;}
body, html, input, button, select{font-size: 12px;}
ul,li{margin: 0;padding: 0;list-style: none;}a:hover{text-decoration: none;}

/* 头部 */
.header-nav {
	width: 19.2rem;
	padding: 0 1.6rem;
  	box-sizing: border-box;
	height: 1.07rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -9.6rem;
	display: flex;
	z-index: 1;
}

.header-nav .logo{
	height: 1.07rem;
	float: left;
}

.header-nav .pc {
	display: block;
}

.header-nav .m {
	display: none;
}

.header-nav .logo img {
	height: 0.8rem; 
	margin: .37rem auto;
}

.language {
	position: absolute;
	top: 20px;
	left: auto;
	right: 20px;
	width: 76px;
	z-index: 1000;
}
.language .img {
	display: flex;
	align-items: center;
	justify-content: center;
}
.language .img img {
	width: 20px;
}
.language .img img:nth-child(2) {
	width: 10px;
	margin-left: 5px;
}
.language .lg {
	margin-top: 6px;
	text-align: center;
}
.language .lg a {
	display: block;
	cursor: pointer;
	background: white;
	color: gray;
	line-height: 30px;
	padding: 0 10px;
	border-bottom: 1px solid gray;
}
.language .lg a:nth-child(2) {
	border: none;
}
.language .lg a:hover {
	background: gray;
	color: white;
}

.header-nav .nav-list {
  	flex: 1;
	height: 1.07rem;
	float: left;
	line-height: 1.07rem;
	text-align: center;
	display: flex;
	justify-content: flex-end;
}

.nav-list li {
	height: 1.07rem;
	float: left;
	margin-right: .85rem;
}

.nav-list li:last-child {
	margin: 0;
}

.nav-list li a {
	color: #121212;
	font-size: .24rem;
	font-family: "HeyFont-regular";
}

.nav-list li a:hover {
	color: #363636;
}

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

.header-box-bg{
	width: 100%;
}
/* 头部 */

.back-top{
	position: absolute;
	display: inline-block;
	left: 50%;
	bottom: .29rem;
	width: .64rem;
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 99;
}

.back-top.back-top-fixed{
	position: fixed;
	top: 0;
	bottom: unset;
}

/* 关于 */
.about-box {
	position: absolute;
	top: 2.56rem;
	right: 2.13rem;
	width: 5.86rem;
	height: 6.77rem;
}

.about-box.en{
	width: 6rem;
	right: 2rem;
}

.about-box-title {
	display: inline-block;
	height: .53rem;
	margin-bottom: .32rem;
}

.about-box-title.en {
	font-size: .4rem;
	font-weight: 300;
	color: #000;
	height: auto;
	line-height: .53rem;
}

.about-box-sub-title {
	display: inline-block;
	height: .37rem;
	margin-bottom: .32rem;
}

.about-box-sub-title.en {
	display: inline-block;
	font-size: .27rem;
	font-weight: 300;
	color: #000;
	height: auto;
	white-space: nowrap;
	line-height: .37rem;
}

.about-box-sub-title.en span{
	display: inline-block;
	margin-left: .2rem;
}

.about-box-desc {
	font-size: .21rem;
	/* font-weight: 500; */
	line-height: .32rem;
	color: #5b5549;
}

.about-box-qrcode {
	width: 1.92rem;
	height: 2.32rem;
	text-align: center;
	padding: .16rem 0 .11rem 0;
	margin-top: .32rem;
	background: #FFFFFF;
	border-radius: .11rem;
	box-sizing: border-box;
	box-shadow: 0 .11rem .33rem 0 rgba(0, 0, 0, 0.1);
}

.about-box-qrcode img{
	display: inline-block;
}

.qrcode-img{
	width: 1.6rem;
}

.qrcode-text{
	width: 1.28rem;
	margin-top: .16rem;
}

.about-box-btns{
	margin: .32rem 0 .85rem 0;
}

.about-box-btns.en{
	margin: .32rem 0 .6rem 0;
}

.about-box-btns .btns-item{
	position: relative;
	display: inline-block;
}

.about-box-btns .btns-item .btns-box{
	display: inline-block;
	font-size: .21rem;
	font-weight: 600;
	line-height: .32rem;
	text-align: center;
	color: #FFFFFF;
	background: #9a6c4a;
	padding: .16rem .3rem;
	border-radius: .05rem;
	cursor: pointer;
}

.about-box-btns .btns-item .btns-box:hover{
	background: #ad754d;
}

.about-box-btns .btns-item:first-child{
	margin-right: .27rem;
}

.about-box-btns .btns-item:first-child .btns-box{
	padding: .16rem .565rem;	
}

.btns-item-popup{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -.19rem;
	transform: translateY(100%);
	padding: .21rem 0 .16rem 0;
	text-align: center;
	background: #FFFFFF;
	border-radius: .05rem;
}

.btns-item-popup.popup-show{
	display: block;
}

.popup-triangle{
	position: absolute;
	top: -.13rem;
	left: 50%;
	width: 0;
    height: 0;
	transform: translateX(-50%);
    border-bottom: .14rem solid #fff;
    border-right: .14rem solid transparent;
    border-left: .14rem solid transparent;
}

.popup-text{
	font-size: .21rem;
	font-weight: 500;
	line-height: .21rem;
	margin-bottom: .05rem;
}

.about-box-footer{
	font-size: .21rem;
	color: #585247;
	line-height: .29rem;
	white-space: nowrap;
	text-decoration: underline;
	cursor: pointer;
}

.m-about-box {
	display: none;
	padding: 1.9rem 0;
	text-align: center;
	background: #fff;
}

.m-about-box.en{
	padding: 1.9rem 1.6rem;
}

.m-about-box-title {
	display: inline-block;
	height: .8rem;
	margin-bottom: .3rem;
}

.m-about-box-title.en {
	display: block;
	font-size: .9rem;
	/* font-weight: 500; */
	line-height: 1.3rem;
	color: #000;
	height: auto;
}

.m-about-box-sub-title.en {
	display: inline-block;
	font-size: .6rem;
	/* font-weight: 500; */
	color: #666666;
	height: auto;
	line-height: 1.05rem;
}

.m-about-box-sub-title.en span{
	display: inline-block;
	margin-left: .32rem;
}

.m-about-box-sub-title {
	display: inline-block;
	height: .8rem;
	margin: .3rem 0 .6rem 0;
}

.m-about-box-desc {
	font-size: .6rem;
	font-weight: 500;
	line-height: .8rem;
	color: #000;
}

.m-about-box-qrcode {
	width: 3.6rem;
	height: 4.4rem;
	text-align: center;
	padding: .3rem 0 .2rem 0;
	margin: .8rem auto 0 auto;
	background: #FFFFFF;
	border-radius: .2rem;
	box-sizing: border-box;
	box-shadow: 0 .21rem .63rem 0 rgba(0, 0, 0, 0.1);
}

.m-about-box-qrcode img{
	display: inline-block;
}

.m-qrcode-img{
	width: 3.2rem;
}

.m-qrcode-text{
	width: 2.4rem;
	margin-top: .3rem;
}

.m-about-box-btns{
	/* display: flex; */
	margin: .8rem 0 1.2rem 0;
}

.m-about-box-btns .m-btns-item{
	position: relative;
	display: inline-block;
}

.m-about-box-btns .m-btns-item .m-btns-box{
	display: inline-block;
	font-size: .7rem;
	font-weight: normal;
	line-height: 1.05rem;
	text-align: center;
	color: #FFFFFF;
	background: #c49a6c;
	padding: .4rem .6rem;
	border-radius: .1rem;
	cursor: pointer;
	letter-spacing: 0;
}

.m-about-box-btns .m-btns-item .m-btns-box:hover{
	background: #dbad7c;
}

.m-about-box-btns .m-btns-item:first-child{
	margin-right: 1rem;
}

.m-about-box-btns .m-btns-item:first-child .m-btns-box{
	padding: .4rem 1.5rem;
}

.m-btns-item-popup{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -.35rem;
	z-index: 9;
	transform: translateY(100%);
	padding: .3em 0 0 0;
	text-align: center;
	background: #FFFFFF;
	border-radius: .1rem;
	box-sizing: border-box;
	box-shadow: 0 .21rem .63rem 0 rgba(0, 0, 0, 0.1);
}

.m-btns-item-popup.popup-show{
	display: block;
}

.m-popup-triangle{
	position: absolute;
	top: -.24rem;
	left: 50%;
	width: 0;
    height: 0;
	transform: translateX(-50%);
    border-bottom: .26rem solid #fff;
    border-right: .26rem solid transparent;
    border-left: .26rem solid transparent;
}

.m-popup-text{
	font-size: .4rem;
	/* font-weight: 500; */
	line-height: .6rem;
	margin-bottom: .1rem;
}

.m-about-box-footer{
	font-size: .6rem;
	color: #666666;
	line-height: .8rem;
	text-decoration: underline;
	cursor: pointer;
}

.margin-top-64{
	margin-top: .85rem;
}

.margin-top-72{
	margin-top: 1.8rem;
}
/* 关于 */


#elevator-item {
	width: 60px;
	height: 100px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}

#elevator-item.off {
	opacity: 0;
	visibility: hidden
}

#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background: url('https://static.heytea.com/heytea_official_website_resource/cdn/img/icon_top.png') center center no-repeat;
	background-color: #444;
	background-color: rgba(0, 0, 0, .6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	cursor: pointer;
	margin-bottom: 10px
}

#elevator:hover {
	background-color: rgba(0, 0, 0, .7)
}

#elevator:active {
	background-color: rgba(0, 0, 0, .75)
}

/* 产品列表 */
.new_prod {
    width: 100%;
    height: 10.8rem;
    background-color: #F1F1F1;
    max-width: 19.2rem;
    overflow: hidden;
    margin: 0 auto;
}

.new_prod_con {
    /* font-family: 'HeyFont-regular'; */
    margin: 0 auto;
    height: auto;
    position: relative;
}

.new_prod_con .new_prod_txt {
	z-index: 9;
}

.new_prod_con .new_prod_txt .new-prod-history {
  margin-top: .64rem;
}

.new_prod_1 .new_prod_con .new_prod_box {
    width: 10.8rem;
    height: 10.8rem;
    position: absolute;
	right: 0;
    background-image: url('https://static.heytea.com/heytea_official_website_resource/cdn/img/new-prod-1.png');
    background-size: 100% 100%;
}

.new_prod_1 .new_prod_con .new_prod_txt {
  position: absolute;
  left: 3.2rem; 
  top: 2.49rem;
}

.new_prod_2 .new_prod_con .new_prod_box {
	width: 10.8rem;
	height: 10.8rem;
    position: absolute;
    background-image: url('https://static.heytea.com/heytea_official_website_resource/cdn/img/new-prod-2.png');
    background-size: 100% 100%;
}

.new_prod_2 .new_prod_con .new_prod_txt {
  position: absolute;
  top: 2.57rem;
  right: 3.2rem;
  text-align: right;
}

.new_prod_3 .new_prod_con .new_prod_box {
	width: 10.8rem;
	height: 10.8rem;
    position: absolute;
    right: 0;
    background-image: url('https://static.heytea.com/heytea_official_website_resource/cdn/img/new-prod-3.png');
    background-size: 100% 100%;
}

.new_prod_3 .new_prod_con .new_prod_txt {
    position: absolute;
    left: 3.2rem; 
    top: 2.78rem;
}

.margin_top12{
	margin-top: .16rem;
}

.margin_top26{
	margin-top: .35rem;
}

.new_prod_4 .new_prod_con .new_prod_box {
	width: 10.8rem;
	height: 10.8rem;
    position: absolute;
    background-image: url('https://static.heytea.com/heytea_official_website_resource/cdn/img/new-prod-4.png');
    background-size: 100% 100%;
}

.new_prod_4 .new_prod_con .new_prod_txt {
    position: absolute;
    right: 3.2rem; 
    top: 3.08rem;
    text-align: right;
}

.new_prod_5 .new_prod_con .new_prod_box {
	width: 10.8rem;
	height: 10.8rem;
    position: absolute;
    right: 0;
    background-image: url('https://static.heytea.com/heytea_official_website_resource/cdn/img/new-prod-5.png');
    background-size: 100% 100%;
}

.new_prod_5 .new_prod_con .new_prod_txt {
    position: absolute;
    left: 3.2rem; 
    top: 2.78rem;
}
/* 产品列表 */


/* banner */
.swiper-wrapper{
	height: auto !important;
}

.swiper-container {
	width: 100%;
}

.swiper-container img {
	width: 100%;
	min-width: 1100px;
}

.swiper-container .swiper-button-prev {
	left: 5%;
}

.swiper-container .swiper-button-next {
	right: 5%;
}

.swiper_txt {
	position: absolute;
	width: 500px;
	/* min-height: 100px; */
	bottom: 100px;
	left: 50%;
	margin-left: -250px;
	color: #fff;
	text-align: center;
}

.swiper_txt .title {
	font-size: .32rem;
	color: #fff;
	/* height: .64rem; */
	margin-bottom: 0;
	line-height: .64rem;
}

.swiper_txt p {
	/* font-size: .21rem;
	line-height: .32rem;
	letter-spacing: 2px; */
	margin: 0 auto;
}
/* banner */


/* 介绍 */
.new_footer {
    width: 100%;
    background-color: #F1F1F1;
}

.new_footer .new_footer_con{
    max-width: 19.2rem;
    position: relative;
    padding-top: 1.5rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.new_footer .new_footer_con .new_footer_con_title {
    margin: 0 auto;
    font-size: .28rem;
    text-align: center;
    line-height: .39rem;
    padding: 0 3.2rem;
}

.new_footer .new_footer_con .new_footer_con_title .call_text {
    font-size: .27rem;
    margin: 0 auto;
    color: #666666;
}

.new_footer .footer_line_text{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    margin: .85rem 0 2.15rem 0;
}

.new_footer .footer_line_text span{
    display: inline-block;
    margin: 0 .05rem;
}

.new_footer .footer_line_text::before, .new_footer .footer_line_text::after{
    display: inline-block;
    content: "";
    width: .6rem;
	height: .03rem;
    background: #000;
}

.border-line {
    /* width: 16rem; */
    border-top: .01rem solid #808080;
    margin: 1.27rem auto auto auto;
    font-size: .19rem;
    color: #808080;
    padding: .36rem 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.border-line-txt {
    margin: .05rem 0;
}

.border-line-txt.en span:first-child{
    margin-right: .4rem;
}

.border-line .footer_logo img {
    width: .59rem;
    margin-right: .6rem;
}

.new_footer_qr_code {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    margin: .85rem 0;
}

.new_footer_qr_code_item {
    width: 2.45rem;
    height: 2.08rem;
}

.new_footer_qr_code_item img {
    width: 2rem;
}

.new_footer_qr_code_item p {
	font-size: .27rem;
}
/* 介绍 */


@font-face {
  font-family: "HeyFont-regular";
  src: url("https://static.heytea.com/heytea_official_website_resource/cdn/fonts/HeyFont-regular.otf");
}

@font-face {
  font-family: "HeyFont-bold";
  src: url("https://static.heytea.com/heytea_official_website_resource/cdn/fonts/HeyFont-bold.otf");
}

@font-face {
  font-family: "NeutraTextBookAlt";
  src: url("https://static.heytea.com/heytea_official_website_resource/cdn/fonts/NeutraTextBookAlt.otf");
}

@font-face {
  font-family: "NeutraTextDemiAlt";
  src: url("https://static.heytea.com/heytea_official_website_resource/cdn/fonts/NeutraTextDemiAlt.otf");
}

.HbFont {
  font-family: 'HeyFont-bold' !important;
}

.HrFont {
  font-family: 'HeyFont-regular' !important;
}

.NTBFont {
  font-family: 'NeutraTextBookAlt' !important;
}

.NTDFont {
  font-family: 'NeutraTextDemiAlt' !important;
}

.color_9D6A44 {
  color: #9D6A44;
}

.color_AF672D {
  color: #AF672D;
}

.color_161616 {
  color: #161616;
}

.font_size48{
	font-size: .8rem;
	white-space: nowrap;
}

.font_size36{
	font-size: .8rem;
	white-space: nowrap;
}

.font_size30{
	font-size: .7rem;
	white-space: nowrap;
}

.font_size24{
	font-size: .6rem;
}

.font_size20{
	font-size: .5rem;
}

.font_size16{
	font-size: .4rem;
}

.font_weight_normal{
	font-weight: normal;
}

.font_weight_bold{
	font-weight: bold;
}

.line_height_48{
	line-height: 1.2rem;
}

.line_height_36{
	line-height: .9rem;
}

.line_height_32{
	line-height: .8rem;
}

.line_height_24{
	line-height: .6rem;
}

.text_nowrap{
	white-space: nowrap;
}

.m {
	display: none;
}



@media screen and (min-width: 1280px) {
	.font_size48{
		font-size: .64rem;
	}

	.font_size36{
		font-size: .48rem;
	}

	.font_size30{
		font-size: .4rem;
	}

	.font_size24{
		font-size: .32rem;
	}

	.font_size20{
		font-size: .27rem;
	}

	.font_size16{
		font-size: .21rem;
	}

	.line_height_48{
		line-height: .64rem;
	}

	.line_height_36{
		line-height: .48rem;
	}

	.line_height_32{
		line-height: .43rem;
	}

	.line_height_24{
		line-height: .32rem;
	}
	
	.swiper_txt {
		width: 100%;
		margin-left: 0;
		left: 0;
		padding: 0 10%;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
	.font_size48{
		font-size: .64rem;
	}

	.font_size36{
		font-size: .48rem;
	}

	.font_size30{
		font-size: .4rem;
	}

	.font_size24{
		font-size: .32rem;
	}

	.font_size20{
		font-size: .27rem;
	}

	.font_size16{
		font-size: .21rem;
	}

	.line_height_48{
		line-height: .64rem;
	}

	.line_height_36{
		line-height: .48rem;
	}

	.line_height_32{
		line-height: .43rem;
	}

	.line_height_24{
		line-height: .32rem;
	}
	
	.swiper_txt {
		width: 100%;
		margin-left: 0;
		left: 0;
		padding: 0 10%;
		box-sizing: border-box;
	}
}


/*大于大于768px小于960px*/
@media screen and (min-width: 768px) and (max-width: 959px) {
	.font_size48{
		font-size: .64rem;
	}

	.font_size36{
		font-size: .48rem;
	}

	.font_size30{
		font-size: .4rem;
	}

	.font_size24{
		font-size: .32rem;
	}

	.font_size20{
		font-size: .27rem;
	}

	.font_size16{
		font-size: .21rem;
	}

	.line_height_48{
		line-height: .64rem;
	}

	.line_height_36{
		line-height: .48rem;
	}

	.line_height_32{
		line-height: .43rem;
	}

	.line_height_24{
		line-height: .32rem;
	}
	
    /* todo */
	.swiper-container .swiper-button-next,
	.swiper-container .swiper-button-prev {
		width: 18px;
		height: 22px;
		background-size: contain;
	}
	
	.swiper_txt p{
		width: 80%;
	}
    
	.header-box .pc {
		min-width:initial ;
		/* position: relative; */
		display: block;
	}
	
    /* todo */
    
	
	/*轮播*/
	
	.swiper-container  img {
		min-width: initial;
		/* min-height: 300px; */
	}
	
	.swiper_txt {
		width: 100%;
		left: 0;
		margin-left: 0;
		bottom: 20px;
	}
}

/*小于768px*/
@media only screen and (max-width: 767px) {
	
		/*banner 左右切换按钮*/
	
	.swiper-container .swiper-button-next,
	.swiper-container .swiper-button-prev {
		width: 18px;
		height: 22px;
		background-size: contain;
	}
	
	.swiper_txt p{
		width: 80%;
		/* transform:scale(.8);
		-webkit-transform:scale(.8); */
	}

	/*导航*/
	.header-nav {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		padding: 0;
		margin-left: 0;
	}

	.header-nav .pc {
		display: none;
	}

	.header-nav .logo {
		position: absolute;
		top: .65rem;
		left: 1.5rem;
		margin: 0;
	}

	.header-nav .logo img {
		height: 2rem;
		margin: 0;
	}

	.nav-list {
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	
	.header-nav .nav-list {
		width: 100%;
		height: 1.5rem;
		line-height: 1.5rem;
    	justify-content: center;
	}
	
	.nav-list li {
		height: 1.5rem;
		margin-right: 3.4rem;
	}

	.nav-list li:last-child{
		margin: 0;
	}
	
	.nav-list li a{
		font-size: .6rem;
	}
	
	.header-box .pc {
		display: none;
	}
	
	.header-box .m {
		display: block;
	}
	
	.m-about-box.m {
		display: block;
	}
	
	.back-top {
		bottom: -16rem;
		width: 1rem;
		z-index: 1000;
	}
	
	/*轮播*/
	
	.swiper-container  img {
		min-width: initial;
		/* min-height: 300px; */
	}
	
	.swiper_txt {
		width: 100%;
		left: 0;
		margin-left: 0;
		bottom: 20px;
	}
    
    .new_prod {
        height: 16rem;
    }

    .new_prod_con {
        margin: 0 auto;
        height: 16rem;
        position: relative;
    }

    .new_prod_con .new_prod_txt .new-prod-history {
        margin-top: 1.2rem;
    }

    .new_prod_1 .new_prod_con .new_prod_txt {
        width: 10rem;
        position: absolute;
        left: 1.6rem;
        top: 2.55rem;
    }

    .new_prod_1 .new_prod_con .new_prod_box {
        width: 12rem;
        height: 12rem;
        position: absolute;
        top: 2rem;
        right: 0;
    }

    .new_prod_2 .new_prod_con .new_prod_txt {
        width: 10rem;
        position: absolute;
        right: 1.6rem;
        top: 1.3rem;
        text-align: right;
    }

    .new_prod_2 .new_prod_con .new_prod_box {
        width: 12rem;
        height: 12rem;
        position: absolute;
        top: 2rem;
        left: 0;
    }

    .new_prod_3 .new_prod_con .new_prod_txt {
        width: 10rem;
        position: absolute;
        left: 1.6rem; 
        top: 2.3rem;
    }

    .new_prod_3 .new_prod_con .new_prod_box {
        width: 12rem;
        height: 12rem;
        position: absolute;
        top: 2rem;
        right: 0;
    }

    .new_prod_4 .new_prod_con .new_prod_txt {
        width: 10rem;
        position: absolute;
        right: 1.6rem;
        top: 3.1rem;
        text-align: right;
    }

    .new_prod_4 .new_prod_con .new_prod_box {
        width: 12rem;
        height: 12rem;
        position: absolute;
        top: 2rem;
        left: 0;
    }

    .new_prod_5 .new_prod_con .new_prod_txt {
        width: 10rem;
        position: absolute;
        left: 1.6rem; 
        top: 2.7rem;
    }

    .new_prod_5 .new_prod_con .new_prod_box {
        width: 12rem;
        height: 12rem;
        position: absolute;
        top: 2rem;
        right: -1.3rem;
    }

    .new_footer .new_footer_con .new_footer_con_title {
        margin: 0 auto;
        font-size: .4608rem;
        text-align: center;
        line-height: .6656rem;
		padding: 0 2rem;
    }

    .new_footer_qr_code_item {
        width: 3.0208rem;
        height: 3.5328rem;
        font-size: .4608rem;
    }

    .new_footer .new_footer_con .new_footer_con_title .call_text {
        font-size: .5rem;
        margin: 0 auto;
    }

    .new_footer .footer_line_text{
        margin: 1.6rem 0 2.15rem 0;
    }
    .new_footer .footer_line_text span{
        margin: 0 .1rem;
    }
    .new_footer .footer_line_text::before, .new_footer .footer_line_text::after{
        width: 1.13rem;
		height: .01rem;
    }

    .border-line {
        font-size: .3328rem;
        display: none;
    }

    .border-line .footer_logo img {
        width: 1.024rem;
        margin-right: .6rem;
    }

	#elevator-item {
		width: 33px;
		height: 66px;
		right: 10px;
		bottom: 10px;
	}

	#elevator-item.off {
		opacity: 0;
		visibility: hidden
	}

	#elevator {
		display: block;
		width: 33px;
		height: 33px;
		background-size: 60% 60%;
	}
	
	.font_size20 {
		font-size: .65rem;
	}
	.font_size24{
		font-size: 1rem;
	}
	.font_size16{
		font-size: .65rem;
	}
	.line_height_24 {
	    line-height: 1.2rem;
	}
	.margin_top26 {
		margin-top: 0.8rem
	}

	.m {
		display: block;
	}

	.footerMobile {
		text-align: center;
	    line-height: 1.3rem;
	    background: #2a2b2c;
	    padding: 1rem 0;
	    color: rgba(255, 255, 255, 0.7);
	}
	.footerMobile .footer_logo {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footerMobile .footer_logo img {
		height: 1.3rem;
	}
	.footerMobile .address {
		margin-top:0.5rem;
	}
}