@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_1811158_aog4os773a9.eot);
	src: url(//at.alicdn.com/t/font_1811158_aog4os773a9.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.woff2) format('woff2'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.woff) format('woff'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.ttf) format('truetype'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.svg#iconfont) format('svg')
}

@font-face {
	font-family: Gotham;
	src: url(/static/new/fonts/Gotham-Thin.otf)
}

@font-face {
	font-family: PingFangSC;
	src: url(/static/new/fonts/PingFangSC-Light.ttf)
}
@media screen and (max-width: 768px) {
	.renziFooter{
		padding-bottom: 30vw;
	}
	.social .bannerBox{
		margin-top: 0px;
	}
	._more {
		width: 115px;
		line-height: 32px;
		display: block;
		border-radius: 25px;
		margin: 0 auto;
		background: rgba(47, 199, 160, 0);
		text-align: center;
		transition: ease .4s
	}
	
	._titlePage {
		text-align: center;
		text-transform: uppercase
	}
	
	._titlePage p.en {
		letter-spacing: 2px;
		color: #010101;
		font-family: PingFangSC
	}
	
	._titlePage p.cn {
		font-size: 22px;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		font-weight: 700;
		color: #585858;
	}
	
	._titlePage .line {
		color: #c3c3c3;
		font-size: 14px;
		margin: 0 5px
	}
	
	._titlePage .plateTitle {
		margin: 0 auto;
		max-width: 376px;
		width: 58%
	}
	
	._moreMobile {
		font-size: 14px;
		color: #cbcbcb;
		text-align: center;
		display: block;
		margin: 0 auto;
		width: 120px
	}
	
	._tab {
		text-align: center;
		display: flex;
		justify-content: center;
		margin-top: 15px
	}
	
	._tab a {
		color: #c9c9c9;
		padding: 0 12px;
		line-height: 24px;
		display: block;
		border-radius: 15px;
		margin: 0 2px
	}
	
	._tab a.active {
		background: #2fc7a0;
		color: #fff
	}
	
	._titlePlate {
		text-align: center
	}
	
	._titlePlate .en {
		font-size: .3rem;
		font-family: CenturyGothic;
		word-wrap: break-word
	}
	
	._titlePlate h3 {
		font-size: .56rem;
		color: #4e4e4e;
		display: inline-block;
		padding: 0 20px;
		position: relative
	}
	
	._titlePlate span {
		background: #e3e3e3;
		height: 1px;
		width: 29vw;
		position: absolute;
		display: block;
		top: 50%
	}
	
	._titlePlate span:after {
		content: '';
		height: 3px;
		width: .9rem;
		background: #bfbfbf;
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}
	
	._titlePlate .lineL {
		right: 100%
	}
	
	._titlePlate .lineR {
		left: 100%
	}
	
	._titlePlate .lineL:after {
		right: 0
	}
	
	._titlePlate .lineR:after {
		left: 0
	}
	
	.advisoryBtn {
		position: fixed;
		bottom: 10%;
		right: 3%;
		z-index: 120;
		width: 25vw;
		-webkit-transition:all 1s;
	}
	
	.advisoryBtn.active{
	    bottom: 30%;
	}
	
	.advisoryBtn>img:nth-child(2){
		position: absolute;
		left: 0%;
		top: 0%;
		transform-origin: 50% 80%;
		animation: Shaking 2s infinite cubic-bezier(.52, .13, .46, .97)
	}
	
	.advisoryBtn p{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		bottom: 11%;
		text-align: center;
		color: #fff;
		font-size: 10px;
	}
	

	@keyframes Shaking {
		0%,
		100% {
			transform: rotate(-5deg)
		}
		50% {
			transform: rotate(5deg)
		}
	}
	
	.btnReturn {
		color: #00926d;
		font-size: .3rem;
		line-height: .6rem;
		padding: 10px 3%
	}
	
	.btnReturn span {
		padding-right: .2rem;
		font-size: .3rem;
		font-family: '瀹嬩綋'
	}
	
	.headerMobile {
		padding: 14px 5%;
		display: flex;
		z-index: 5;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		position: absolute;
		background: transparent;
		box-shadow: none;
	}
	
	.headerMobile.active{
		background: #fff;
		position: relative;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
	}
	
	.headerMobile .logo {
		width: 30vw;
		display: block;
		height: auto;
	}
	
	.headerMobile .btnPhone {
		color: #009c74;
		display: flex;
		align-content: center;
		align-items: center
	}
	
	.headerMobile .btnPhone i {
		color: #009c74;
		font-size: 22px;
		margin-right: 5px;
		position: relative
	}
	
	.headerMobile .btnPhone span {
		font-size: 16px;
		display: block
	}
	
	.headerMobile.positionFlex {
		position: fixed;
		width: 100%;
		background-color: #fff;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	}
	
	.con_content .news_link {
		margin: 1rem 0;
		display: flex;
		height: auto;
		flex-wrap: wrap
	}
	
	.con_content .news_link .txt {
		display: block;
		line-height: .5rem;
		width: 100%;
		overflow: hidden
	}
	
	.con_content .news_link .txt.left .ico {
		margin-left: 14px;
		background-size: 29px
	}
	
	.con_content .news_link .txt.right .ico {
		margin-right: 14px;
		background-size: 29px
	}
	
	.con_content .news_link .txt .ico {
		margin-top: 9px
	}
	
	.con_content .news_link .txt span {
		width: 80% !important;
		line-height: 1rem;
		height: 1rem;
		overflow: hidden
	}
	
	.con_content .news_link .txt.left span {
		margin-left: 0
	}
	
	.con_content .news_link .txt.right span {
		margin-right: 0
	}
	
	.backTop.active {
		bottom: 10%
	}
	

	.freeAppointment{
		width: 70%;
		left: 15%;
		top: 60%;
	}
	.freeAppointment.active {
	    right: auto;
		top: 50%;
	}
	header .flex-demo {
		display: none !important
	}
	
	.bannerVideo video{
		width: 100%;
		height: 133vw;
		position: relative;
		object-fit: cover;
	}
	
	.bannerVideo{
		position: relative;
		width: 100%;
	}
	
	.videoBtn{
		width: 60px;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-webkit-transition: all .5s;
	}
	.videoBtn.active{
		top: 85%;
	}
	.videoBtn.active::after{
		background-position: 100% 0%;
	}
	.videoBtn::after{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		top: 0%;
		background: url(../images/play_btn.png) no-repeat;
		background-size: cover;
		content: '';
	}
	
	.videoBtn img{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0%;
		top: 0%;
	}
	.videoBtn img:nth-child(3){
		position: relative;
	}
	.videoBtn img:nth-child(1),.videoBtn img:nth-child(3){
		-webkit-animation: xunhuan 4s linear infinite;
	}
	.videoBtn img:nth-child(2){
		-webkit-animation: xunhuan2 4s linear infinite;
	}
	@-webkit-keyframes xunhuan{
		0%{
			-webkit-transform: rotate(0deg);
		}
		100%{
			-webkit-transform: rotate(360deg);
		}
	}
	@-webkit-keyframes xunhuan2{
		0%{
			-webkit-transform: rotate(360deg);
		}
		100%{
			-webkit-transform: rotate(0deg);
		}
	}
	@-webkit-keyframes xunhuan3{
		0%{
			-webkit-transform: scale(1);
		}
		100%{
			-webkit-transform: scale(1);
		}
	}
	
	
	
	.brandNews {
		background: #fff;
		padding: 25px 3%
	}
	
	.brandNews ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 20px
	}
	
	.brandNews li {
		width: 48%;
		margin-top: 25px
	}
	
	.brandNews .pic img {
		border-radius: 5px;
		box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .2)
	}
	
	.brandNews .text {
		padding: 10px 0
	}
	
	.brandNews .text h3 {
		font-weight: inherit;
		font-size: 16px
	}
	
	.brandNews .text .date {
		font-size: 12px;
		color: rgba(54, 54, 54, .4)
	}
	
	.mains {
		margin-bottom: 0vw;
		position: relative;
		margin-top: -10vw;
		background: #f0f0f0;
		border-radius: 4vw 4vw 0px 0px;
		padding: 10vw 0vw;
	}
	.w1400 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	
	.bar {
		width: 25%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
	}
	
	.mp_swiper .pic {
		position: absolute;
		
		width: 100%;
		height: 100%;
		left: 0%;
		top: 0%;
		background: center center no-repeat;
		background-size: cover;
		-webkit-transition: all .5s;
	}
	
	.servcie365{
		margin-bottom: 0vw;
		width: 90%;
		margin-left: 5%;
		margin-bottom: 10vw;
	}
	.servcie365 p{
		text-align: center;
		margin-bottom: 3vw;
		color: rgba(0,0,0,.4);
	}
	.servcie365 img{
		border-radius: 5px;
	}
	.serviceNav{
		width: 100%;
		display: flex;
		padding: 0px 5%;
		justify-content: space-between;
		margin-bottom: 10vw;
	}
	.serviceNav a{
		display: block;
		width: 30%;
		position: relative;
	}
	
	.serviceNav a .info{
		width: 88%;
		height: auto;
		text-align: center;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		color: #636363;
	}
	
	.serviceNav a .info .icon{
		width: 40px;
		margin: 0px auto;
		position: relative;
	}
	
	.serviceNav a .info .icon::before{
		width: 30px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 10px;
		background: rgba(0, 0, 0, 0.1);
		filter: blur(10px);
		content: '';
	}
	
	.swiper-cube .swiper-cube-shadow{
		opacity: 0;
	}
	
	.brand_nav {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 15vw;
	}
	
	.brand_nav a {
		width: 49%;
		height: auto;
		position: relative;
		margin-bottom: 2vw;
		color: #6f6f6f;
	}
	.brand_nav_mobile{
	    margin-bottom: 10vw;
	}
	.brand_nav_mobile a{
	    width: 32%;
	    margin-bottom: 0;
	}
	.brand_nav_mobile a .inner{
	    padding: 0 10% !important;
	}
	.brand_nav_mobile a .inner .img{
	    width: 25px !important;
	}
	.brand_nav a:nth-child(n+3) {
		margin-bottom: 0%;
	}
	
	.brand_nav a .inner {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0% 15%;
	}
	
	.brand_nav a .inner p {
		font-size: 15px;
		font-weight: bold;
	}
	
	.brand_nav a .inner .img {
		width: 40px;
		position: relative;
	}
	
	.brand_nav a .inner .img img {
		position: relative;
	}
	
	.brand_nav a .inner .img::before {
		width: 30px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 10px;
		background: rgba(0, 0, 0, 0.1);
		filter: blur(10px);
		content: '';
	}
	
	.mTitle {
		width: 100%;
		height: auto;
		text-align: center;
		position: relative;
		border-bottom: 1px solid #fff;
		padding-bottom: 3vw;
		margin-bottom: 5vw;
		display: block;
	}
	
	.mTitle::before {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: #e1e1e1;
	}
	
	.mTitle p {
		text-transform: uppercase;
		font-size: 7vw;
		font-weight: bold;
		font-family: BrownBlod;
		position: absolute;
		width: 100%;
		text-align: center;
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), #d9d9d9);
		-webkit-background-clip: text;
		color: transparent;
		line-height: 1;
		top: -2vw;
		opacity: .5;
	}
	
	.mTitle b {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 7vw;
		position: relative;
		color: #636363;
	}
	
	.mproNav {
		width: 100%;
		height: auto;
		position: relative;
		background: #fff;
		border-radius: 50px;
		overflow: hidden;
		border: 2px solid #fff;
	}
	
	.mpbox {
		width: 100%;
		height: auto;
		text-align: center;
		border-radius: 50px;
		overflow: hidden;
	}
	
	.mproNav.active::before,.mproNav.active::after{
		width: 50px;
		height: 100%;
		position: absolute;
		left: 0%;
		top: 0%;
		z-index: 10;
		content: '';
		pointer-events: none;
		background: linear-gradient(to top right,rgba(255, 255, 255, 1) 10%,rgba(255, 255, 255, 0));
		border-radius: 50px 0% 0% 50px;
	}
	.mproNav.active::after{
		left: auto;
		right: 0%;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
		border-radius: 0% 50px 50px 0%;
	}
	
	.mpbox .swiper-slide {
		width: 25%;
		height: auto;
		display: block;
		position: relative;
		text-align: center;
		-webkit-transition: all .35s;
		z-index: 5;
		color: #ababab;
	}
	
	.mpbox .swiper-slide p{
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
	}
	
	.mpbox .swiper-slide.active {
		color: #fff;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	}
	
	.mpro_bg {
		width: 25%;
		position: absolute;
		left: 0%;
		top: 55%;
		-webkit-transform: translateY(-50%);
		-webkit-transition: all .35s;
	}
	
	.mproduct_box {
		width: 100%;
		position: relative;
		margin-top: 3vw;
		margin-bottom: 15vw;
	}
	
	.mp_swiper {
		width: 93%;
		height: 92%;
		position: absolute;
		background: #fff;
		left: 3%;
		top: 2%;
		border-radius: 10px;
	
	}
	
	.mp_swiper .swiper-slide {
		border-radius: 2vw;
	}
	
	.swiper-cube .swiper-slide a {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		bottom: 0%;
		display: flex;
		align-items: end;
		padding: 0vw;
		border-radius: 2vw;
		background: #000;
		overflow: hidden;
	}
	
	.swiper-cube .swiper-slide a img{
		opacity:1;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	
	/* .swiper-cube .swiper-slide a::before {
		width: 100%;
		height: 40%;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
		z-index: 5;
		
	} */
	.mproduct_box ul{
		position: absolute;
		width: 93%;
		height: auto;
		left: 3.3%;
		bottom: 6%;
		pointer-events: none;
	}
	.mproduct_box ul li{
		width:100%;
		height: auto;
		position: absolute;
		left: 0%;
		bottom: 0%;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .5s;
		z-index: 10;
		border-radius: 2vw;
		overflow: hidden;
	}
	
	.mproduct_box ul li.active{
		opacity: 1;
		visibility: visible;
	}
	
	.mproduct_box ul li .name {
		width: 100%;
		height: auto;
		display: flex;
		line-height: 50px;
		align-items: center;
		position: relative;
		justify-content: space-between;
		left: 0px;
		bottom: 0px;
		padding: 25px;
		z-index: 10;
	}
	.mproduct_box ul li .name::after{
		width: calc(100% - 50px);
		height: 1px;
		position: absolute;
		left: 25px;
		bottom: 25px;
		content: '';
		background: #fff;
	}
	.mproduct_box ul li .name::before{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
		
	}
	
	.mproduct_box ul li .name .txt {
		width: auto;
		font-size: 18px;
		color: #fff;
		position: relative;
	}
	.pic {
	    background: center center no-repeat;
	    background-size: cover;
	    -webkit-transition: all .5s;
	}
	
	.mproduct_box ul li .name .icon {
		width: 30px;
		position: relative;
	}
	
	.mser_box {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.mser_box ul {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		top: 0%;
		display: flex;
		justify-content: center;
		padding: 7vw 10%;
	}
	
	.mser_box ul li {
		width: calc(100% / 3);
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		text-align: center;
		line-height: 1.1;
	}
	
	.mser_box ul li p {
		color: #3dc7a0;
		display: block;
		width: 100%;
		font-size: 10vw;
		font-family: homeNumFont;
	}
	
	.mser_box ul li b {
		display: block;
		width: 100%;
		font-size: 3.5vw;
		font-weight: normal;
	}
	
	.mser_box ol {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		bottom: 0%;
		display: flex;
		justify-content: center;
		padding: 9vw 5%;
	}
	
	.mser_box ol a {
		width: calc(100% / 3);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
	}
	
	.mser_box ol a::after {
		width: 1px;
		height: 80%;
		position: absolute;
		right: 0%;
		top: 10%;
		content: '';
		background: #e4e4e4;
	}
	
	.mser_box ol a::before {
		width: 1px;
		height: 80%;
		position: absolute;
		left: 0%;
		top: 10%;
		content: '';
		background: #fff;
	}
	
	.mser_box ol a:first-child::before {
		display: none;
	}
	
	.mser_box ol a:last-child::after {
		display: none;
	}
	
	.mser_box ol a .icon {
		width: 40px;
		margin-bottom: 5px;
		position: relative;
	}
	
	.mser_box ol a .icon::before {
		width: 30px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 10px;
		background: rgba(0, 0, 0, 0.1);
		filter: blur(10px);
		content: '';
	}
	
	.mser_box ol a .icon img {
		position: relative;
	}
	
	.mser_box ol a .txt {
		width: 100%;
		text-align: center;
	}
	
	.mser_box {
		margin-bottom: 15vw;
	}
	
	.mjoin {
		width: 90%;
		height: auto;
		position: relative;
		display: block;
		margin-bottom: 15vw;
		padding: 0;
		border-radius: 5px;
		overflow: hidden;
		margin-left: 5%;
	}
	
	.mjoin .mj_txt {
		position: absolute;
		width: 80%;
		height: auto;
		left: 8%;
		top: 12%;
		text-align: left;
	}
	
	.mjoin .mj_txt p {
		text-transform: uppercase;
		font-size: 8vw;
		font-weight: bold;
		font-family: BrownBlod;
		position: absolute;
		width: 100%;
		opacity: .5;
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), #d9d9d9);
		-webkit-background-clip: text;
		color: transparent;
		line-height: 1;
		top: -2vw;
	}
	
	.mjoin .mj_txt b {
		display: block;
		width: 100%;
		font-size: 7vw;
		position: relative;
		border-bottom: 1px solid #000;
		padding-bottom: 2vw;
		margin-bottom: 2vw;
	}
	
	.mjoin .mj_txt b::after {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: #fff;
	}
	
	.mjoin .mj_txt span {
		font-size: 12px;
		display: block;
		margin-bottom: 15px;
	}
	
	.mjoin .mj_txt .icon {
		width: 25px;
	}
	
	.mjoin .pan {
		width: 46%;
		height: auto;
		position: absolute;
		bottom: 11%;
		right: 4%;
	}
	
	.mnews {
		width: 100%;
		position: relative;
		margin-bottom: 0vw;
	}
	
	.mnews ul {
		width: 90%;
		height: auto;
		position: absolute;
		left: 5%;
		top: 7%;
	}
	
	.mnews ul li {
		width: 100%;
		display: block;
		padding-bottom: 5vw;
		margin-bottom: 5vw;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	
	.mnews ul li:nth-child(3) {
		margin-bottom: 0%;
		padding-bottom: 0%;
		border-bottom: none;
	}
	
	.mnews ul li:nth-child(n + 4){
		display: none;
	}
	
	.mnews ul li a {
		display: flex;
		width: 100%;
		position: relative;
		justify-content: space-between;
		align-items: center;
	}
	
	.mnews ul li a .thum {
		width: 45%;
	}
	
	.mnews ul li a .info {
		width: 52%;
	}
	
	.mnews ul li a .info .name {
		font-size: 14px;
		position: relative;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	
	.mnews ul li a .info .des {
		font-size: 12px;
		opacity: .5;
	}
	
	.nmore {
		width: 97%;
		height: 13vw;
		line-height: 13vw;
		position: absolute;
		left: 1%;
		bottom: 4%;
		background-image: linear-gradient(0deg, rgba(61, 199, 160, 0.3), rgba(61, 199, 160, 0));
		border-radius: 0px 0px 5vw 5vw;
		text-align: center;
		color: #3dc7a0;
	
	}
	
	.nmore:hover{
		color: #3dc7a0;
	}
	
	.Placeholder {
		height: 62px
	}
	
	.pageYoYo {
		background: #f6fbfb;
		padding: 25px 3%
	}
	
	.pageYoYo ._titlePage img {
		width: 140px
	}
	
	.pageYoYo .summary {
		line-height: 1.8;
		color: #676767;
		margin-top: 25px
	}
	
	.pageMemorabilia {
		padding: 25px 3%;
		background: url(../images/bg_pageMemorabilia.jpg) center/cover;
		overflow: hidden
	}
	
	.MemorabiliaBox {
		margin-top: 25px;
		overflow: inherit
	}
	
	.MemorabiliaBox li {
		width: 96%
	}
	
	.MemorabiliaBox .pic img {
		border-radius: 5px;
		overflow: hidden
	}
	
	.MemorabiliaBox .text {
		text-align: center;
		color: #676767;
		padding-top: 25px;
		margin-top: 25px;
		position: relative
	}
	
	.MemorabiliaBox .text .icon_round {
		position: absolute;
		top: 0;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff;
		border: 2px solid #2cc9a1;
		transform: translateY(-50%);
		z-index: 5
	}
	
	.MemorabiliaBox .text .icon_round:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		border: 2px solid #2cc9a1;
		display: block;
		top: 50%;
		left: 50%;
		border-radius: 50%;
		transform: translate(-50%, -50%) scale(.6)
	}
	
	.MemorabiliaBox .text:after {
		content: '';
		background: #c1c1c1;
		width: 100vw;
		position: absolute;
		top: 0;
		height: 1px;
		left: 50%;
		transform: translateX(-50%)
	}
	
	.MemorabiliaBox .title {
		line-height: 2
	}
	
	.MemorabiliaBox .des {
		line-height: 1.6
	}
	
	.pageRaidersTv {
		background: #f6fbfb;
		padding: 25px 3%
	}
	
	.pageRaidersTv .coverBox {
		margin-top: 15px;
		border-radius: 10px 10px 0 0;
		overflow: hidden
	}
	
	.pageRaidersTv .minTab {
		background: #fff;
		color: #828282;
		display: none;
		overflow-y: auto
	}
	
	.pageRaidersTv .minTab.active {
		display: flex
	}
	
	.pageRaidersTv .minTab a {
		width: auto;
		display: block;
		text-align: center;
		padding: 20px 10px;
		flex-shrink: 0
	}
	
	.swiperCoverBox .pic img {
		border-radius: 10px;
		box-shadow: 0 24px 14px -16px rgba(204, 204, 204, .8)
	}
	
	.swiperCoverBox .text {
		margin-top: 15px
	}
	
	.swiperCoverBox .title {
		text-align: center;
		font-weight: inherit
	}
	
	.swiperCoverBox .abs {
		margin-top: 10px;
		color: #676767;
		line-height: 1.7
	}
	
	.swiperCoverBox {
		border-radius: 10px 10px 0
	}
	
	.swiperCoverBox ul {
		position: relative
	}
	
	.swiperCoverBox ul li {
		position: relative
	}
	
	.pageSurrounding {
		background: #f6fbfb;
		padding: 25px 3% .7rem
	}
	
	.pageSurrounding ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 25px
	}
	
	.pageSurrounding li {
		width: 48%;
		margin-top: 15px
	}
	
	.pageSurrounding .pic {
		position: relative
	}
	
	.pageSurrounding .text {
		position: absolute;
		z-index: 5;
		bottom: 15px;
		text-align: center;
		width: 100%
	}
	
	.pageSurrounding .text h3 {
		color: #4c4c4c;
		font-weight: inherit;
		font-size: 16px
	}
	
	.pageSurrounding .text p {
		color: #3acaa0
	}
	
	.raiders {
		padding: 25px 3% 15px
	}
	
	.raiders ul {
		margin: 15px auto
	}
	
	.raiders ul li {
		border-bottom: 1px solid #e8e8e8
	}
	
	.raiders ul li a {
		display: flex;
		justify-content: space-between;
		padding: 20px 0;
		flex-wrap: wrap
	}
	
	.raiders ul .pic {
		width: 30%;
		position: relative;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .2);
		background-size: cover
	}
	
	.raiders ul .pic i {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 26px
	}
	
	.raiders ul .text {
		width: 66%;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between
	}
	
	.raiders ul .text .title {
		font-weight: inherit;
		font-size: 14px;
		width: 100%
	}
	
	.raiders ul .text .deta {
		font-size: 12px;
		color: rgba(54, 54, 54, .4)
	}
	
	.raiders ul .text .style {
		padding-right: 10px;
		border-right: 1px solid rgba(54, 54, 54, .2);
		margin-right: 10px
	}
	
	.raiders ul .first .pic {
		width: 100%
	}
	
	.raiders ul .first a {
		padding: 0 0 20px
	}
	
	.raiders ul .first .text {
		width: 100%;
		margin-top: 20px
	}
	
	.raiders ul .pic .raiders ul .first i {
		display: none
	}
	
	.raiders ul.dz .text {
		margin: 10px auto
	}
	
	.raiders .dz .text .title {
		color: #3e3e3e;
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 0
	}
	
	.raiders .dz .pic {
		border-radius: 10px;
		box-shadow: none
	}
	
	.raiders ul.dz a {
		position: relative;
		padding: 0 0 30px
	}
	
	.raiders ul.dz a:after {
		content: '';
		position: absolute;
		left: 50%;
		width: 100vw;
		transform: translateX(-50%);
		height: 10px;
		background: #f5f5f5;
		bottom: 0
	}
	
	.raiders ul.dz li {
		border-bottom: 0
	}
	
	.raiders ul.dz .texts {
		font-size: 14px;
		color: rgba(62, 62, 62, .6);
		padding: 10px 0 0;
		width: 100%
	}
	
	.raiders ul.dz .texts span {
		float: right;
		color: rgba(62, 62, 62, .6)
	}
	
	.raiders+.raiders {
		border-top: 10px solid #f0f0f0
	}
	
	.household {
		padding: 25px 3% 15px;
		border-top: 10px solid #f0f0f0;
		margin-bottom: 15px
	}
	
	.household .householdSwiper {
		margin: 25px auto;
		padding: 0 4%
	}
	
	.household .householdSwiper li {
		margin: 0 auto
	}
	
	.household .householdSwiper .pic img {
		box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .2);
		border-radius: 5px;
		overflow: hidden
	}
	
	.household .householdSwiper .text {
		text-align: center;
		margin-top: 10px
	}
	
	.suite {
		padding: 25px 3%
	}
	
	.suite .tabLinkBox {
		margin: 25px auto
	}
	
	.suite .suiteList {
		padding-bottom: 25vw
	}
	
	.suite .suiteList li {
		position: relative
	}
	
	.suite .suiteList li+li {
		margin-top: 15px
	}
	
	.suite .tabLinkOver {
		width: 100%;
		overflow-y: auto;
		padding-bottom: 3px;
		margin: 0 auto 15px;
		position: relative
	}
	
	.suite .tabLink {
		display: flex;
		width: 100%;
		padding: 0;
		position: relative;
		justify-content: space-evenly !important;
		border-bottom: 1px solid #d0d0d0;
		overflow: hidden;
	}
	
	.suite .tabLink .options {
		
		margin-right: 0px;
		position: relative;
		color: #757575
	}
	
	.suite .tabLink .options.active span {
		color: #2fc7a0
	}
	
	.suite .tabLink .options:after {
		content: '';
		position: absolute;
		width: calc(100% + 23px);
		height: 1px;
		bottom: 0;
		left: 0
	}
	
	.suite .tabLink .options:before {
		content: '';
		position: absolute;
		background: #2fc7a0;
		bottom: -1px;
		height: 3px;
		width: 0;
		z-index: 5;
		left: 0;
		transition: ease .4s
	}
	
	.suite .tabLink .options.active:before {
		width: 100%
	}
	
	.suite .tabLink .options:last-child {
		margin-right: 0
	}
	
	.suite .tabLink span {
		display: block;
		padding: 5px 0;
		font-size: 14px
	}
	
	.suite .tabLinkBox ol {
		display: none
	}
	
	.suite .tabLinkBox ol {
		display: flex;
		width: 100%;
		position: relative;
		left: 0;
		margin: 15px auto
	}
	
	.suite .tabLinkBox ol li {
		display: none;
		color: #c9c9c9;
		justify-content: space-evenly
	}
	
	.suite .tabLinkBox ol li a {
		display: flex;
		padding: 0 10px;
		border-radius: 15px;
		line-height: 24px
	}
	
	.suite .tabLinkBox ol li a.active {
		background: #2fc7a0;
		color: #fff
	}
	
	.suite .tabLinkBox ol li.active {
		display: flex;
		width: 100%;
		flex-wrap: wrap
	}
	
	.footer_menu {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #e7f5f1;
		z-index: 20;
		overflow: inherit
	}
	
	.menu_list {
		border-top: 1px solid #eee;
		display: flex;
		align-items: flex-end;
		padding-bottom: 3px
	}
	
	.menu_list .menu {
		padding: 0;
		font-size: .14rem;
		width: 100%;
		height: 57px
	}
	
	.menu_list .menu a {
		display: block;
		height: 100%;
		background-position: center;
		background-size: contain;
		width: 100%;
		background-repeat: no-repeat;
		padding: .6rem 0;
		background-size: 52px
	}
	
	.menu_list .menu span {
		background-position: center;
		height: 100%;
		width: 100%;
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		padding: .4rem 0
	}
	
	.menu_list .menu.server {
		height: 82px
	}
	
	.menu_list .menu.server a {
		background-image: url(../images/icon-Service.png);
		background-size: 67px;
		padding: 0;
		background-position: center -4px
	}
	
	.menu_list .home {
		background-image: url(../images/icon-f11.png)
	}
	
	.menu_list .home.active {
		background-image: url(../images/icon-f12.png)
	}
	
	.menu_list .cpzx {
		background-image: url(../images/icon-f21.png)
	}
	
	.menu_list .cpzx.active {
		background-image: url(../images/icon-f22.png)
	}
	
	.menu_list .ppzx {
		background-image: url(../images/icon-f31.png)
	}
	
	.menu_list .ppzx.active {
		background-image: url(../images/icon-f32.png)
	}
	
	.menu_list .lxwm {
		background-image: url(../images/icon-f41.png)
	}
	
	.menu_list .lxwm.active {
		background-image: url(../images/icon-f42.png)
	}
	
	.menu_list .menu .img {
		display: block;
		margin: auto;
		width: 1rem
	}
	
	.product {
		display: flex;
		top: 0
	}
	
	.product .headerMobile {
		top: 0;
		position: fixed;
		width: 100%;
		background: #fff;
		z-index: 5;
		border-bottom: 1px solid #eee
	}
	
	.product .nav {
		width: 25%;
		position: fixed;
		height: 100%;
		background: #f6f6f6;
		padding-top: 60px;
		border-right: 1px solid #eee
	}
	
	.product .nav a {
		display: block;
		text-align: center;
		color: #676767;
		font-size: 14px;
		line-height: 4
	}
	
	.product .nav a.active {
		background: #fff;
		color: #3acaa0
	}
	
	.product .content {
		width: 75%;
		margin-left: 25%;
		padding: 60px 0 0;
		height: 100vh;
		position: relative
	}
	
	.product .list {
		display: none;
		opacity: 0;
		visibility: hidden;
		transition: ease .4s;
		padding-bottom: 2rem;
		background: #f6fbfb
	}
	
	.product .list ul {
		padding: 25px
	}
	
	.product .list.active {
		display: block;
		opacity: 1;
		visibility: inherit
	}
	
	.product .list li+li {
		margin-top: 10px
	}
	
	.product .list .text {
		text-align: center;
		letter-spacing: 2px;
		padding: 15px 0
	}
	
	.product .list .title {
		color: #2d2d2d;
		margin-bottom: 5px
	}
	
	.product .list li p {
		color: #9f9f9f;
		text-transform: uppercase;
		font-size: 12px
	}
	
	.filter-text .filter-title {
		height: .88rem;
		padding-left: .28rem
	}
	
	.public_title {
		line-height: 1.5rem;
		padding: 0
	}
	
	.public_title p.cn,
	.public_title p.en {
		color: #fff
	}
	
	.public_title .line {
		color: #fff
	}
	
	.content2 {
		padding: .5rem 0;
		width: 100%;
		background-color: #2fc7a0;
		background-image: url(/static/mobile/img/cpzx/dt.jpg);
		background-size: cover
	}
	
	.content2_form {
		width: 6.28rem;
		margin: 20px auto;
		margin-top: 0
	}
	
	.product .list .public_title_text {
		color: #fff
	}
	
	.content2 .public_title_line {
		background: #fff
	}
	
	.content2_title_btn {
		height: .88rem;
		width: 6.24rem;
		margin: auto;
		text-align: center;
		border: .02rem solid #fff;
		border-radius: 3px;
		line-height: .88rem;
		font-size: .3rem;
		color: #fff
	}
	
	.store_box {
		width: auto;
		padding: .4rem .5rem;
		background: #f6fbfb
	}
	
	.store_box .store_item {
		width: auto;
		padding: .4rem;
		margin-bottom: .5rem;
		background: #fff
	}
	
	.store_box .store_item .store_item_top {
		padding-bottom: .3rem;
		border-bottom: 1px solid #efefef
	}
	
	.store_box .store_item .store_item_top .store_item_num {
		font-size: .4rem;
		color: #dadada;
		padding-bottom: .15rem;
		font-family: '寰蒋闆呴粦'
	}
	
	.store_box .store_item .store_item_top .store_item_title {
		color: #9e9e9e;
		line-height: 1.5
	}
	
	.store_box .store_item .store_item_tel {
		margin-top: .3rem;
		padding-left: .5rem;
		background: url(/static/mobile/img/cpzx/tel_icon.png) no-repeat left center;
		background-size: auto 100%;
		color: #9e9e9e
	}
	
	.store_box .store_item .store_item_tel span {
		padding-left: .2rem
	}
	
	.public_line_btn {
		height: .59rem;
		line-height: .59rem;
		border: 1px solid #c8c8c8;
		color: #3f3f3f;
		font-size: .26rem;
		width: 2.08rem;
		margin-bottom: .4rem;
		margin-top: .2rem;
		box-sizing: content-box
	}
	
	.public_line_btn img {
		width: .14rem;
		padding-left: .1rem;
		vertical-align: middle;
		margin-top: -2px
	}
	
	.processMobile .top {
		width: 90%;
		margin: 0 auto
	}
	
	.processMobile .imgProcess {
		border-radius: 10px;
		box-shadow: 0 6px 11px 2px rgba(204, 204, 204, .5);
		margin-bottom: .2rem
	}
	
	.processMobile .Logo360 {
		width: 76%;
		margin: 0 auto;
		max-width: 490px
	}
	
	.processMobile .processList {
		width: 90%;
		margin: .8rem auto 0;
		padding-bottom: .8rem
	}
	
	.processMobile .processList ul {
		overflow: hidden
	}
	
	.processMobile .processList li {
		position: relative;
		padding-left: 1.5rem;
		padding-bottom: 1rem
	}
	
	.processMobile .processList li:nth-child(1):after {
		opacity: 0
	}
	
	.processMobile .processList li:after {
		content: '';
		position: absolute;
		left: .4rem;
		height: 100%;
		background: #3acaa0;
		width: 1px;
		bottom: 100%
	}
	
	.processMobile .processList li.active {
		display: none
	}
	
	.processMobile .processList .num {
		width: .8rem;
		height: .8rem;
		background: #3acaa0;
		color: #fff;
		border-radius: 50%;
		text-align: center;
		line-height: .8rem;
		font-size: 18px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5
	}
	
	.processMobile .processList .title {
		line-height: .8rem;
		font-size: 18px;
		color: #3acaa0
	}
	
	.processMobile .processList .text {
		color: #8b8b8b
	}
	
	.service {
		background: #fff;
		padding: 25px 0 0
	}
	
	.service .swiper_nav {
		margin-top: .5rem
	}
	
	.franchise {
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.franchise .franchiseSwiper {
		padding: .5rem 3%
	}
	
	.franchise .franchiseSwiper .pagination {
		top: auto;
		bottom: 5px;
		width: 90%;
		left: 5%;
		background: #d0d0d0;
		height: 1px;
		overflow: initial
	}
	
	.franchise .swiper-pagination-progressbar-fill {
		height: 4px;
		background: #20c4a0;
		top: -2px
	}
	
	.franchise .franchiseSwiper .li {
		width: 47%;
		box-shadow: 0 0 8px rgba(0, 0, 0, .1);
		border-radius: 0 0 .2rem 0
	}
	
	.franchise .franchiseSwiper .pic {
		border-radius: .2rem 0 0 0;
		overflow: hidden;
		position: relative
	}
	
	.franchise .franchiseSwiper .name {
		padding: .8rem .2rem 0;
		position: relative;
		background: #fff;
		border-radius: 0 0 .2rem 0
	}
	
	.franchise .franchiseSwiper .name b {
		color: #3f3f3f;
		background: #fff;
		position: relative;
		z-index: 5;
		font-size: .48rem;
		padding: .1rem 0 0
	}
	
	.franchise .franchiseSwiper .number {
		color: #f5f5f5;
		font-size: .8rem;
		position: absolute;
		left: .2rem;
		top: 0
	}
	
	.franchise .franchiseSwiper .des {
		color: #a3a3a3;
		margin-top: .1rem;
		line-height: 1.7;
		height: 3.4rem
	}
	
	.productStrength img {
		margin-top: .5rem
	}
	
	.productStrength .productStrengthList {
		padding: .5rem 3%;
		background: url(../images/bg_productStrength.jpg) center bottom/cover
	}
	
	.productStrengthList li {
		position: relative;
		padding-left: 1.4rem;
		padding-bottom: .5rem;
		margin-bottom: .5rem;
		border-bottom: 1px solid #dcdcdc
	}
	
	.productStrengthList li:last-child {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0
	}
	
	.productStrengthList .icon {
		background: #21c4a0;
		color: #fff;
		height: 1rem;
		width: 1rem;
		display: block;
		border-radius: 50%;
		text-align: center;
		line-height: 1rem;
		left: 0;
		position: absolute;
		font-size: 19px
	}
	
	.productStrengthList .text h3 {
		color: #2fc7a0;
		line-height: 1rem;
		font-size: .4rem
	}
	
	.productStrengthList .summary {
		color: #a3a3a3;
		line-height: 1.7
	}
	
	.productStrengthList .summary b {
		color: #595959;
		margin-top: .5rem;
		display: block;
		position: relative
	}
	
	.productStrengthList .summary b:after {
		content: '';
		position: absolute;
		top: 0;
		width: 3px;
		height: 100%;
		display: block;
		background: #2fc7a0;
		left: -6px
	}
	
	.productStrengthList .seriesBox {
		display: flex;
		align-items: baseline
	}
	
	.productStrengthList .seriesLi {
		color: #3e3e3e
	}
	
	.productStrengthList .seriesLi span {
		color: #2fc7a0;
		font-size: .8rem;
		font-weight: 700;
		position: relative;
		display: inline-block;
		margin-right: .1rem
	}
	
	.productStrengthList .seriesLi span:after {
		content: '+';
		font-size: .5rem;
		position: absolute;
		top: 0;
		font-weight: 100
	}
	
	.productStrength .seriesBox .line {
		display: block;
		margin: 0 15px
	}
	
	.communication {
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.communication ul {
		display: flex;
		justify-content: space-between;
		margin-top: .5rem;
		flex-wrap: wrap;
		padding: 0 3%
	}
	
	.communication li {
		width: 100%
	}
	
	.communication li+li {
		margin-top: .3rem
	}
	
	.marketing {
		background: url(../images/bg_marketing.jpg);
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.marketing .round {
		width: 70vw;
		height: 70vw;
		margin: .5rem auto 0;
		position: relative;
		overflow: hidden;
		border-radius: 50%;
		border: 10px solid #edf9f6
	}
	
	.marketing .round img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: initial !important;
		height: 100%
	}
	
	.marketing ul {
		padding: 0 3%;
		margin-top: .2rem;
		position: relative
	}
	
	.marketing ul:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		background: #2fc7a0;
		width: 1px;
		height: 100%
	}
	
	.marketing ul li {
		padding-right: 52%;
		text-align: right
	}
	
	.marketing ul li+li {
		margin-top: .2rem
	}
	
	.marketing ul li:nth-child(2n) {
		padding: 0 0 0 52%;
		text-align: left
	}
	
	.marketing ul .title {
		color: #2fc7a0;
		font-size: .45rem;
		margin-bottom: .1rem;
		position: relative
	}
	
	.marketing ul .title:after {
		content: '';
		width: .15rem;
		height: .15rem;
		display: block;
		background: #2fc7a0;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -6%
	}
	
	.marketing ul .text {
		line-height: 1.7;
		color: #737373
	}
	
	.marketing li:nth-child(2n) .title:after {
		left: -6%;
		right: auto
	}
	
	.operation {
		padding: .5rem 0;
		overflow: hidden;
		position: relative
	}
	
	.operation .operationSwiper {
		padding: .5rem 3%
	}
	
	.operation .pagination {
		top: auto;
		bottom: 5px;
		width: 90%;
		left: 5%;
		background: #d0d0d0;
		height: 1px;
		overflow: initial
	}
	
	.operation .swiper-pagination-progressbar-fill {
		height: 4px;
		background: #20c4a0;
		top: -2px
	}
	
	.operation .li {
		width: 90%;
		background: #f7f7f7;
		display: flex;
		flex-wrap: wrap
	}
	
	.operation .li:nth-child(1) {
		border-radius: 0 0 0 .5rem
	}
	
	.operation .li:nth-child(3) {
		border-radius: 0 0 .5rem 0
	}
	
	.operation .pic {
		width: 100%;
		position: relative;
		box-shadow: 0 20px 12px -10px rgba(0, 0, 0, .2)
	}
	
	.operation .text {
		height: 10rem;
		position: relative;
		width: 100%
	}
	
	.operation .description {
		width: 76%;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		right: 5%;
		transform: translate(0, -50%);
		height: 83%
	}
	
	.operation .num {
		position: absolute;
		font-size: 1rem;
		color: rgba(74, 74, 74, .2);
		font-family: PingFangSC;
		font-weight: 100;
		transform: translate(-100%, -50%);
		left: -10px;
		top: 50%
	}
	
	.operation .title {
		position: relative;
		margin-bottom: .3rem
	}
	
	.operation .title h3 {
		color: #2fc7a0;
		font-size: .4rem
	}
	
	.operation .title h4 {
		color: #4a4a4a;
		font-weight: initial;
		font-size: .4rem
	}
	
	.operation .item {
		position: relative;
		font-size: .25rem
	}
	
	.operation .item+.item {
		margin-top: .2rem
	}
	
	.operation .item:after {
		content: '';
		position: absolute;
		background: #2fc7a0;
		height: 2px;
		width: 20px;
		top: 9px;
		left: -6px;
		transform: translateX(-100%)
	}
	
	.operation .item p {
		color: #4a4a4a;
		font-weight: 700;
		margin-bottom: .05rem
	}
	
	.operation .item span {
		color: #7f7f7f
	}
	
	.joining {
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.joining .processImg {
		padding: .5rem 3% 0
	}
	
	.storePlate {
		
		position: relative
	}
	
	.storePlate .storePlateBox {
		width: 89%;
		margin: 0 auto;
		background: url(../images/worldMap.jpg) center/contain no-repeat #fff;
		position: relative;
		z-index: 5;
		padding: .5rem 8%;
		border-radius: .2rem;
		box-shadow: 0 0 11px rgba(0, 0, 0, .14)
	}
	
	.storePlate .phones {
		text-align: center;
		padding-top: .2rem
	}
	
	.storePlate .phones a {
		font-size: .5rem
	}
	
	.storePlate .storeBox {
		margin-top: .4rem
	}
	
	.storePlate .storeBox ._form {
		padding: 0
	}
	
	.storePlate .storeBox ._titlePlate span {
		display: none
	}
	
	.storePlate ._form.form1 #distpicker select {
		height: .6rem;
		margin-top: .2rem
	}
	
	._form.form1 ._form_box .fb_input,
	._form.form1 .double #distpicker select {
		text-indent: .2rem
	}
	
	._form.form1 ._form_box .fb_input {
		height: .8rem;
		line-height: .8rem
	}
	
	.storePlate ._form.form1 #distpicker select,
	.storePlate ._form.form1 .input {
		width: 100%;
		line-height: .8rem;
		margin-bottom: 0;
		box-shadow: 0 0 7px rgba(0, 0, 0, .2);
		height: .8rem;
		background: #fff
	}
	
	._form.form1 .double #distpicker {
		height: auto;
		box-shadow: none
	}
	
	.storePlate ._form.form1 .input+.input {
		margin-top: .2rem
	}
	
	.storePlate .storeBox .form_submit {
		background: #2fc7a0;
		margin-top: 15px;
		line-height: .8rem;
		height: .8rem;
		width: 3rem;
		box-shadow: 0 5px 10px rgba(47, 199, 160, .4)
	}
	
	.storePlate:after {
		content: '';
		position: absolute;
		background: url(../images/storePlate_bg.jpg);
		width: 100%;
		height: 64%;
		bottom: 0
	}
	
	.mfooter {
		background: #fafafa;
		position: relative;
		padding: 5vw;
		padding-bottom: 30vw;
		padding-top: 10vw;
	}
	
	.mfscol {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
		margin-bottom: 10vw;
	
	}
	
	.mfscol a {
		width: calc(100% / 6);
		position: relative;
	}
	
	.mfscol a .img{
		width: 120px;
		height: auto;
		position: absolute;
		left: -120px;
		top: -50%;
		background: #fff;
		box-shadow: 0px 0px 20px rgba(0,0,0,.1);
		display: none;
	}
	
	.mfscol a .img::after{
		width: 0px;
		height: 0px;
		border-top: 5px solid transparent;
		border-left: 5px solid #fff;
		border-bottom: 5px solid transparent;
		content: '';
		position: absolute;
		right: -5px;
		top: 50%;
		margin-top: -5px;
	}
	
	.mfscol a:hover .img{
		display: block;
	}
	
	.mfscol a .icon {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 5px;
		background: rgba(255, 255, 255, 0.7);
		border-radius: 50%;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, .05);
		position: relative;
	}
	
	.mfscol a p {
		font-size: 12px;
		text-align: center;
	}
	
	.contactBtn {
		width: 140px;
		height: auto;
		line-height: 40px;
		margin: 0px auto;
		display: block;
		text-align: center;
		background: rgba(61, 199, 160, .1);
		border: 1px solid #49caa5;
		color: #49caa5;
		border-radius: 4px;
		margin-bottom: 10vw;
	}
	.contactBtn:hover{
		color: #49caa5;
	}
	.mcopyright {
		width: 100%;
		font-size: 12px;
		display: flex;
		flex-wrap: wrap;
		line-height: 1.4;
		justify-content: center;
	}
	
	.mcopyright a {
		margin-left: 5px;
		opacity: .4;
	}
	
	.mcopyright p {
		opacity: .4;
	}
	
	.mfmemer {
		width: 100%;
		text-align: center;
		font-size: 12px;
		margin-bottom: 5vw;
		color: #45caa6;
	}
	
	.mfmemer .img {
		width: 120px;
		margin: 0px auto;
		position: relative;
		margin-bottom: 5px;
	}
	
	.mftel {
		width: 100%;
		text-align: center;
		position: relative;
		color: #3dc7a0;
		margin-bottom: 5vw;
		font-size: 7vw;
		font-family: avant;
		line-height: 1;
		display: block;
		padding-top: 1vw;
	}
	
	.mftel:hover{
		color: #3dc7a0;
	}
	
	.mftips {
		width: 100%;
		text-align: center;
		position: relative;
		color: #878787;
		margin-bottom: 5px;
	}
	
	.mftips::before,
	.mftips::after {
		width: 30%;
		height: 1px;
		position: absolute;
		top: 50%;
		content: '';
		background: #878787;
		opacity: .2;
	}
	
	.mftips::before {
		left: 0%;
	}
	
	.mftips::after {
		right: 0%;
	}
	
	#wrapper,.con_content{
		padding-bottom: 30vw;
	}
	
	.m_nav {
		position: fixed;
		width: 100%;
		height: auto;
		left: 0%;
		bottom: 0%;
		-webkit-transition: all .5s;
		-webkit-transform: translateY(150%);
		background: #fff;
		display: flex;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
		z-index: 100;
	}
	
	.m_nav>img {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		top: 0%;
		-webkit-transform: translateY(-96%);
		pointer-events: none;
	}
	
	.m_nav a {
		width: 20%;
		height: auto;
		position: relative;
		display: block;
		text-align: center;
		padding: 10px 0px;
		font-size: 12px;
		z-index: 5;
	}
	
	.m_nav a .icon {
		width: 30px;
		margin: 0px auto;
		margin-bottom: 5px;
		position: relative;
	}
	
	.m_nav a:nth-child(3) {
		margin-left: 20%;
	}
	
	.m_nav a.center {
		width: 20%;
		height: auto;
		position: absolute;
		left: 40%;
	}
	
	.m_nav a.center .icon {
		width: 60px;
		position: relative;
		margin-top: -30px;
		background: rgba(61, 199, 160, .1);
		border-radius: 50%;
		padding: 5px;
	}
	
	
	.m_nav.active {
		-webkit-transform: translateY(0%);
	}
	
	#yii-debug-toolbar{
		display: none !important;
	}
	
	.link_more_btn{
		margin-bottom: 10vw;
	}
	
	.temp20vw{
		height: 30vw;
	}
	
	.backTop{
		display: none;
	}
	.inBanner {
	    margin-top: 0px;
	}
	.bathroom .pagination{
		left: 90%;
	}
	.setDetails .setDetailsSwiper .pagination span{
		margin: 4px 0;
	}
	.storePlate ._form.form1 .input,._form.form1 ._form_box .fb_input{
		height: auto;
		line-height: 40px;
		border: none;
		margin-right: 0px;
	}
	.storePlate ._form.form1 .input{
		border-radius: 5px;
		box-shadow: 0px 0px 30px rgba(0,0,0,.1);
	}
	.storePlate .storePlateBox{
		width: 90%;
		padding: 35px 15px;
		margin-bottom: 15vw;
	}
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
	.mproduct_box ul{
		bottom: 12%;
	}
	.mproduct_box ul li{
		width: 87%;
		left: 6%;
	}
}
@media screen and (max-width: 375px){
    .mnews ul li a .info .name{
        font-size: 12px;
    }
    .nmore,.freeAppointment .round,.freeAppointment .formBox input,.freeAppointment .btnSubmit{
        font-size: 12px;
    }
}