/* 首页 开始 */
.index-top {
	position: relative;
}

.index-header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: .5rem 0;
}

.index-logo {
	width: 100%;
	height: .37rem;
	text-align: center;
}

.index-logo img {
	max-height: 100%;
}

.nav-btn {
	display: none;
}

.nav-close {
	display: none;
}

.index-nav {
	padding-top: .3rem;
	text-align: center;
	font-size: 0;
}

.index-nav ul {
	display: inline-block;
	vertical-align: middle;
}

.index-nav ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 .3rem;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 300;
	position: relative;
}

.index-nav ul li p {
	position: relative;
	padding-bottom: 0.1rem;
}

.index-nav ul li p a {
	display: block;
	color: #FFFFFF;
	padding-bottom: 0.12rem;
	position: relative;
}

.index-nav ul li p a::after {
	content: "";
	position: absolute;
	width: 0px;
	height: 2px;
	background-color: #72C7CD;
	left: 0;
	bottom: .05rem;
	transition: all 0.3s;
}

.index-nav ul li.active p a::after {
	width: 100%;
}

.index-nav ul li dl {
	width: 161px;
	position: absolute;
	top: 100%;
	left: -10px;
	padding: 20px 7px 10px 7px;
	background-color: #FFFFFF;
	line-height: 25px;
	opacity: 0;
	z-index: -10;
	box-shadow: 2px 5px 10px 0px rgba(51, 51, 51, 0.2);
	font-size: 14px;
	text-align: left;
}

.index-nav ul li dl dd {
	margin-bottom: 12px;
	opacity: 0;
	-ms-transform: translateY(13px);
	-webkit-transform: translateY(13px);
	transform: translateY(13px);
	-ms-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1);
	transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1);
	-webkit-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1);
}

.index-nav ul li dl dd a {
	display: block;
	color: #333333;
	padding: 0 6px;
}

.index-nav ul li dl dd:hover a,
.index-nav ul li dl dd.active a {
	background-color: #72C7CD;
	color: #FFFFFF;
}


.index-banner {
	height: 9rem;
	/* 46.875vw */
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
}

.iban-t1 {
	display: flex;
	align-items: center;
}

.iban-t1 i {
	display: block;
	width: 0.85rem;
	height: 0.02rem;
	min-height: 1px;
	background: #FFFFFF;
}

.iban-t1 p {
	padding: 0 0.36rem;
	flex-shrink: 0;
	font-size: 0.24rem;
}

.iban-t2 {
	font-size: 0.48rem;
	font-weight: bold;
	padding: 0.3rem 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.iban-t3 {
	font-size: 0.24rem;
	line-height: 1.5416em;
	text-align: center;
}

.sj-banner{
	display: none;
}



.binf {
	padding: 0.15rem 0;
	text-align: center;
	background-color: #F1F1F1;
	letter-spacing: 0.1rem;
}


.index-core {
	width: 68.75%;
	margin: 0 auto;
}


.inews {
	padding-top: 1.4rem;
	padding-bottom: 1.2rem;
}

.inews-list {
	padding-left: .32rem;
	padding-right: .32rem;
	padding-top: 1rem;
}

.inews-list li {
	width: 19.614%;
	margin-right: 7.181%;
	float: left;
}

.inews-list li:nth-of-type(4n) {
	margin-right: 0;
}

.inews-list li p {
	margin-top: .15rem;
}
.inews-list li a:hover p{
	color: #72C7CD;
}




.inumber {
	padding-top: 1.4rem;
	padding-bottom: 1rem;
}

.inumber-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.inumber-t1 {
	margin-bottom: 0.2rem;
}

.inumber-t2 {
	font-size: 0.99rem;
	line-height: 1em;
	height: 1em;
	margin-bottom: 0.1rem;
}

.inumber-t2 em {
	position: absolute;
	left: 100%;
	top: -5px;
	line-height: 20px;
}

.inumber-t3 {
	display: flex;
	align-items: center;
}

.inumber-t3 i {
	display: inline-block;
	vertical-align: middle;
	width: 0.44rem;
	height: 0.17rem;
	background-image: url(../img/index/inumber-line.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.inumber-t3 p {
	padding: 0 0.08rem;
}

.inumber-t5 {
	width: 2rem;
	padding-top: 0.2rem;
	margin: 0 auto;
}

.binf2 {
	letter-spacing: 0.15rem;
	padding: 1.1rem 0;
}



.iseries {
	padding-bottom: 1.3rem;
	display: flex;
}

.iseries-left{
	flex: 1;
	overflow: hidden;
	padding-left: 0.9rem;
	padding-right: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.iseries-tab{
	margin: 0.6rem 0;
}
.iseries-tab i{
	width: 0.57rem;
	height: 1px;
	background-color: #333333;
	margin-top: 0.2rem;
	margin-bottom: 0.15rem;
	display: block;
}
.iseries-tab.active *,.iseries-tab:hover *{
	font-weight: bold;
}
.iseries-tab.active i,.iseries-tab:hover i{
	height: 3px;
}


.iseries-tab p{
	text-transform: uppercase;
}

.iseries-right{
	width: 14.45rem;
	height: 7.4rem;
	position: relative;
}
.iseries-right .swiper-container{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.3s;
}
.iseries-right .swiper-container.active{
	opacity: 1;
	z-index: 2;
}
.iseries-img{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.swiper-prev,.swiper-next{
	width: 0.38rem;
	min-width: 13px;
	min-height: 19px;
	height: 0.56rem;
	border-radius: 0.1rem;
	position: absolute;
	top: 50%;
	margin-top: -0.28rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 10;
}
.swiper-prev{
	left: 0.47rem;
}
.swiper-next{
	right: 1.33rem;
}
/* 首页 结束 */



/* 底部 开始 */
.footer {
	background-color: #F1F1F1;
	padding-top: 1.37rem;
	padding-bottom: 1.92rem;
}

.fewm {
	text-align: center;
	font-size: 0;
}

.fewm-item {
	display: inline-block;
	vertical-align: middle;
	width: 1.23rem;
	min-width: 90px;
	margin: 0 0.23rem;
}

.fewm-item img {
	display: block;
	width: 1.23rem;
	height: 1.23rem;
	min-width: 90px;
	min-height: 90px;
	margin: 5px auto;
}

.finfo {
	line-height: 33px;
	padding-top: 0.65rem;
}

/* 底部 结束 */



/* 内页头部 开始 */
.nheader {
	width: 100%;
	height: 1.04rem;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
	z-index: 999;
}
.head-wall{
	height: 1.04rem;
}


.nh-core {
	width: 74.583%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.nlogo {
	width: 2.04rem;
	display: flex;
	align-items: center;
}

.nlogo a{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.nh-right {
	flex: 1;
	display: flex;
	justify-content: space-between;
	padding-left: 0.96rem;
}

.nnav li {
	height: 100%;
	float: left;
	margin-left: 0.5rem;
	position: relative;
	font-size: 18px;
	padding-top: 0.4rem;
}

.nnav li:first-child {
	margin-left: 0;
}

.nnav li p {
	position: relative;
	padding-bottom: 0.1rem;
}

.nnav li p a {
	display: inline-block;
	color: #333333;
	padding-bottom: 0.12rem;
	position: relative;
}

.nnav li p a::after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0.04rem;
	background-color: #72C7CD;
	left: 0;
	bottom: .05rem;
	transition: all 0.3s;
}

.nnav li.active p a::after {
	width: 100%;
}

.nnav li p a span {
	display: inline-block;
	vertical-align: middle;
}


.nnav li p a span {
	display: inline-block;
	vertical-align: middle;
}

.nnav li p a span.hot {
	width: 0.27rem;
	height: 0.27rem;
	background-image: url(../img/hot.gif);
	background-repeat: no-repeat;
	background-size: contain;
}

.nnav li dl {
	width: 161px;
	position: absolute;
	top: 100%;
	left: -10px;
	padding: 15px 7px 10px 7px;
	background-color: #FFFFFF;
	line-height: 25px;
	opacity: 0;
	visibility: hidden;
	z-index: -10;
	box-shadow: 2px 5px 10px 0px rgba(51, 51, 51, 0.2);
	font-size: 14px;
}

.nnav li dl.show{
	opacity: 1;
	visibility: visible;
	z-index: 10;
}

.nnav li dl dd {
	margin-bottom: 12px;
	opacity: 0;
	-ms-transform: translateY(13px);
	-webkit-transform: translateY(13px);
	transform: translateY(13px);
	-ms-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1);
	transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1);
	-webkit-transition: transform 0.65s cubic-bezier(0.2, .8, .25, 1), opacity 0.65s cubic-bezier(0.2, .8, .25, 1);
}

.nnav li dl dd a {
	display: block;
	color: #333333;
	padding: 0 6px;
}

.nnav li dl dd:hover a,
.nnav li dl dd.active a {
	background-color: #72C7CD;
	color: #FFFFFF;
}


.nh-search {
	width: 1.89rem;
	min-width: 130px;
	height: 0.35rem;
	background: #FFFFFF;
	border: 1px solid #B3B3B3;
	border-radius: 0.18rem;
	margin-top: 0.39rem;
	padding: 0 0.2rem;
	display: flex;
	justify-content: space-between;
}

.nh-search input {
	flex: 1;
	overflow: hidden;
	height: 100%;
	font-size: 0.16rem;
}

.nh-search button {
	flex-shrink: 0;
	width: 0.16rem;
	height: 100%;
	background-color: transparent;
	background-image: url(../img/search.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* 内页头部 结束 */



/* 品牌介绍 开始 */
.brand {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
}

.brand-con {
	width: 11.50rem;
	text-align: center;
}

.brand-tit {
	margin-bottom: 0.4rem;
}

.brand-tit h3 {
	line-height: 1em;
}

.brand-text {
	line-height: 1.6666em;
}


.intro-item {
	width: 100%;
	height: 100%;
	padding: 0 0.67rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	text-align: right;
}

.intro-box {
	width: 7.89rem;
	min-height: 7.51rem;
	background-image: url(../img/intro-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 0.5rem;
	color: #FFFFFF;
}


.intro-box h4 {
	font-size: 40px;
	line-height: 1.5em;
}

.intro-box h3 {
	font-size: 45px;
	line-height: 1.3333333333em;
	margin-bottom: 0.1rem;
}

.intro-box p {
	font-size: 25px;
	line-height: 1.64em;
}

.intro-box h5 {
	font-size: 20px;
}

.intro-item-cell {
	width: 50%;
}

/* 品牌介绍 结束 */



/* 美丽历程 开始 */
.history-tit {
	text-align: center;
	padding-top: .3rem;
}

.history-tit h2 {
	font-size: 87px;
	color: #72C7CD;
}

.history-tit p {
	font-size: 118px;
	color: #333333;
}

.history-tit p span {
	color: #9D9D9D;
}


.history-main {
	width: 10.50rem;
	margin: 0 auto;
	padding-top: 1.4rem;
	margin-bottom: .7rem;
	position: relative;
}

.history-main::before {
	content: "";
	display: block;
	width: .12rem;
	height: 100%;
	background: #72C7CD;
	border-radius: .05rem;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -0.06rem;
}

.history-item {
	width: 50%;
	display: flex;
	flex-direction: column;
}

.history-item:nth-of-type(2n-1) {
	float: right;
	align-items: flex-end;
}

.history-item:nth-of-type(2n) {
	float: left;
}

.history-time {
	width: 100%;
	font-size: 62px;
	color: #333333;
	position: relative;
	margin-bottom: .3rem;
}

.history-time::after {
	content: "";
	display: block;
	width: .94rem;
	height: .52rem;
	background-image: url(../img/history/dot.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	position: absolute;
	top: 50%;
	margin-top: -0.26rem;
}

.history-item:nth-of-type(2n-1) .history-time {
	padding-left: 0.95rem;
}

.history-item:nth-of-type(2n-1) .history-time::after {
	left: -0.25rem;
}

.history-item:nth-of-type(2n) .history-time {
	padding-right: 0.95rem;
	text-align: right;
}

.history-item:nth-of-type(2n) .history-time::after {
	right: -0.25rem;
	transform: rotateY(180deg);
}


.history-item:nth-of-type(2) {
	margin-top: 3.5rem;
}

.history-contain {
	width: 3.78rem;
	font-size: 28px;
	line-height: 1.57em;
	color: #333333;
}

.history-contain img {
	margin: 0.1rem 0 0.2rem 0;
}

/* 美丽历程 结束 */



/* 科研实力 开始 */
.strength-main{
	padding-bottom: 1.08rem;
}
.strength {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1.08rem;
}

.strength-img {
	width: 50%;
}

.strength-img img {
	display: block;
	width: 100%;
}

.strength-text {
	width: 33%;
	margin-left: 5.8%;
	position: relative;
	padding-top: 0.45rem;
	display: flex;
	flex-direction: column;
}
.strength-text-box{
	flex: 1;
	overflow: hidden;
	position: relative;
}
.strength-con{
	height: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	padding-right: 10px;
}

.strength-con::-webkit-scrollbar {/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
	scrollbar-arrow-color:red;

}
.strength-con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
	scrollbar-arrow-color:red;
}
.strength-con::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}

.strength-text h2 {
	font-weight: bold;
	color: #333333;
}

.strength-label {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #FFFFFF;
	padding-top: 0.2rem;
}

.strength-label span {
	background-color: #72C7CD;
	padding: 0 0.15rem;
	margin-bottom: 0.1rem;
}

.strength-con {
	color: #333333;
	line-height: 1.4em;
	padding-top: 0.35rem;
	text-indent: 2em;
	text-align: justify;
}

.strength-tit{
	padding-top: 0.9rem;
	padding-bottom: 0.58rem;
	text-align: center;
}
.strength-tit p{
	margin-bottom: 0.18rem;
}
.strength-tit img{
	width: 0.39rem;
	min-width: 14px;
	margin-bottom: 0.18rem;
}

.strength-list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.strength-list .strength-item{
	width: 9.21rem;
	height: 5.06rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.strength-list .strength-item:first-of-type{
	width: 100%;
	height: 7.26rem;
	margin-bottom: 0.61rem;
}



/* 科研实力 结束 */



/* 品牌荣誉 开始 */
.honor {
	padding-top: 0.4rem;
	padding-bottom: 1.45rem;
}

.honor-info {
	width: 53.9583%;
	margin: 0 auto;
	padding-bottom: 1.4rem;
}

.honor-info-item {
	border-bottom: 1px solid #959595;
}

.honor-info-top {
	padding: 0.4rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 29px;
	color: #333333;
}

.honor-info-top i {
	display: block;
	width: 0.36rem;
	height: 0.36rem;
	min-width: 16px;
	min-height: 16px;
	background-image: url(../img/about/show.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.honor-info-item.active .honor-info-top {
	color: #72C7CD;
}

.honor-info-item.active .honor-info-top i {
	background-image: url(../img/about/hide.png);
}

.honor-info-con {
	font-family: "SOURCEHANSANSCN-REGULAR";
	font-size: 22px;
	color: #333333;
	line-height: 1.3636em;
	padding-bottom: 0.15rem;
	display: none;
}

.honor-info-con p {
	margin-bottom: 0.3rem;
}


.honor-img {
	width: 77%;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.honor-img-item {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0.05rem;
}

.honor-img-item img {
	height: 1.8rem;
	min-height: 50px;
}

/* 品牌荣誉 结束 */




/* 新闻动态 开始 */
.news {
	padding: 0.8rem 1.35rem 1.29rem 1.35rem;
}

.news-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.85rem;
}

.news-item {
	width: 17.862%;
	margin-bottom: 0.54rem;
	margin-right: 2.6725%;
}

.news-item:nth-of-type(5n) {
	margin-right: 0;
}

.news-item a {
	display: block;
	border: 1px solid #BEBEBE;
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.3s;
}
.news-item:hover a{
	transform: translateY(-20px);
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.5);
}


.news-con {
	padding: 0.16rem 0.19rem 0.26rem 0.19rem;
}

.news-time {
	color: #ABABAB;
	margin-bottom: 0.14rem;
}

.news-tit {
	color: #333333;
	height: 3em;
	line-height: 1.5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news-p {
	max-width: 2.7rem;
	color: #ABABAB;
	line-height: 1.3636em;
	margin-top: 0.15rem;
	margin-bottom: 0.15rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.news-more span {
	color: #FFFFFF;
	background-color: #72C7CD;
	padding: 0.03rem 0.12rem;
}

.news-line {
	width: 100%;
	height: 1px;
	background: #BEBEBE;
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
}

.news-bottom {
	padding: 0.2rem 0.26rem;
	display: flex;
	align-items: center;
	color: #ABABAB;
}

.look-num,
.like-num {
	display: flex;
	align-items: center;
	line-height: 1.5em;
}

.look-num {
	margin-right: 0.39rem;
}

.look-num i {
	display: inline-block;
	vertical-align: middle;
	width: 0.17rem;
	height: 0.23rem;
	background-image: url(../img/news/ren.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 0.1rem;
}

.like-num i {
	display: inline-block;
	vertical-align: middle;
	width: 0.25rem;
	height: 0.24rem;
	background-image: url(../img/news/xin.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 0.1rem;
}


.page {
	text-align: center;
}
 
.page ul{
	display: flex;
	justify-content: center;
}

.page a,
.page span {
	font-size: 18px;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
	background-color: #F1F1F1;
	height: 36px;
	line-height: 36px;
	min-width: 36px;
	padding: 0 0.16rem;
	margin: 2px;
}

.page .active span{
	background-color: #72C7CD;
	color: #FFFFFF;
}

.page .page-dot {
	background-image: url(../img/news/dot.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: #F1F1F1 !important;
}

.page a:hover,
.page span:hover {
	background-color: #72C7CD;
	color: #FFFFFF;
}


/* 新闻动态 结束 */


/* 新闻详情 开始 */
.article {
	padding-top: 0.8rem;
	padding-bottom: 1.1rem;
	color: #333333;
}

.article-core {
	width: 80.729%;
	margin: 0 auto;
}

.article-tit {
	font-size: 35px;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.7rem;
}


.article-main {
	font-size: 20px;
	line-height: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.article-main img {
	margin: 0.2rem 0;
}

/* 新闻详情 结束 */



/* 门店形象 开始 */

.store-image-banner {
	width: 100%;
	height: 7.26rem;
	min-height: 240px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.banner-arrow {
	color: #333333;
	text-align: center;
	margin-bottom: 0.26rem;
}

.banner-arrow img {
	width: 0.39rem;
	height: 0.36rem;
	margin-top: 10px;
}


.store-image-main {
	padding: 0.56rem 0;
	display: flex;
}

.store-image-left {
	flex: 1;
	overflow: hidden;
	padding: 1.75rem 1rem 0 1.45rem;
}

.store-image-text {
	margin-left: 0.7rem;
	height: 4.1rem;
	position: relative;
}

.store-image-text-item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s;
	color: #333333;
}

.store-image-text-item.active {
	opacity: 1;
}

.store-image-text-item h3 {
	font-family: "SOURCEHANSANSCN-REGULAR";
}

.store-image-text-item i {
	display: block;
	width: 0.59rem;
	height: 0.02rem;
	min-height: 1px;
	background-color: #333333;
	border-radius: 1px;
	margin-top: 0.16rem;
	margin-bottom: 0.2rem;
}

.store-image-text-p {
	line-height: 1.666em;
}

.store-image-tab {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.store-image-tab li {
	line-height: 30px;
	padding: 0 0.2rem;
	border-radius: 13px;
	color: #333333;
	transition: all 0.5s;
}

.store-image-tab li.active,
.store-image-tab li:hover {
	background-color: #72C7CD;
	color: #FFFFFF;
}


.store-image-img {
	width: 61.25%;
	height: 7.92rem;
	border-radius: 0.1rem;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
	
}


.store-image-img-item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: all 0.3s;
}

.store-image-img-item.active {
	opacity: 1;
	z-index: 10;
}
.store-image-img-item .swiper-container{
	width: 100%;
	height: 100%;
}
@media (max-width: 858px) {
	.swiper-slide{width: 100%;
	height: 100%;
	background-size:cover;
}
	}

/* 门店形象 结束 */





/* 门店发布 开始 */

.region {
	padding: 0.2rem 3.85rem;
	background-color: #72C7CD;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.region a {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2em;
	color: #FFFFFF;
	padding: 0 0.22rem;
	border-radius: 0.1rem;
}

.region a:hover,
.region a.active {
	background-color: #FFFFFF;
	color: #72C7CD;
}

.city {
	padding: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.city a {
	display: inline-flex;
	align-items: center;
	color: #B3B3B3;
	margin: 0 0.42rem;
}

.city a i {
	display: block;
	width: 0.26rem;
	height: 0.26rem;
	min-width: 20px;
	min-height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.city a.active,
.city a:hover {
	color: #72C7CD;
}
.city a.active i,
.city a:hover i{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}


.store-release-ball{
	width: 100%;
	height: 0.69rem;
	background-color: #72C7CD;
}


.store-release-main {
	padding-bottom: .98rem;
}

.map {
	width: 64.53125%;
	height: 6.85rem;
	float: left;
}
.map-right{
	width: 413px;
	float: left;
	margin-left: .33rem;
}

.map-right-tit{
	padding-top: 0.36rem;
	padding-bottom: 0.28rem;
}

.map-form{
	display: flex;
	justify-content: space-between;
}
.map-form-item{
	width: 32%;
}

.select-box{
	position: relative;
}
.select-box p{
	width: 100%;
	height: 40px;
	border: 0.02rem solid #E1E1E0;
	padding-left: 0.1rem;
	padding-right: 0.35rem;
	position: relative;
	line-height: 36px;
	overflow: hidden;
}

.select-box p::after{
	content: "";
	display: block;
	width: 0.18rem;
	height: 0.18rem;
	background-image: url(../img/sel-sj.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0.1rem;
	right: 0.14rem;
}
.select-box ul{
	width: 100%;
	max-height: 144px;
	overflow-x: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: #FFFFFF;
	border: 0.02rem solid #E1E1E0;
	display: none;
}

.select-box ul::-webkit-scrollbar {
	width: 0.04rem;
	height: 0.04rem;
	background-color: #E8E8E8;
	border-radius: 0.02rem;
}

/*定义滚动条轨道 内阴影+圆角*/
.select-box ul::-webkit-scrollbar-track {
	background-color: #E8E8E8;
	border-radius: 0.02rem;
}

/*定义滑块 内阴影+圆角*/
.select-box ul::-webkit-scrollbar-thumb {
	border-radius: 0.02rem;
	background-color: #9C9C9C;
}

.select-box ul li{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.select-box ul li:hover{
	color: #72C7CD;
}

.select-btn{
	width: 100%;
	height: 40px;
	color: #FFFFFF;
	background-color: #72C7CD;
	border-radius: 0.05rem;
}

.map-now{
	padding-top: 0.24rem;
	padding-bottom: 0.3rem;
	color: #72C7CD;
	font-weight: bold;
}

.map-info {
	width: 100%;
	height: 4.88rem;
	overflow-y: auto;
}

.map-info::-webkit-scrollbar {
	width: 0.06rem;
	height: 0.06rem;
	background-color: #E8E8E8;
	border-radius: 0.02rem;
}

/*定义滚动条轨道 内阴影+圆角*/
.map-info::-webkit-scrollbar-track {
	background-color: #E8E8E8;
	border-radius: 0.02rem;
}

/*定义滑块 内阴影+圆角*/
.map-info::-webkit-scrollbar-thumb {
	border-radius: 0.02rem;
	background-color: #9C9C9C;
}



.map-info-item {
	padding: 0.3rem 0.23rem;
	color: #333333;
	border-bottom: 1px solid #FFFFFF;
}

.map-info-item p {
	line-height: 1.59em;
}

.map-info-item h4 {
	line-height: 2.5em;
}

.map-info-item.active,.map-info-item:hover {
	background-color: #72C7CD;
	color: #FFFFFF;
}

/* 门店发布 结束 */




/* 招商加盟 开始 */
.join-banner img {
	display: block;
	width: 100%;
}

.join-main {
	/* margin-top: .97rem; */
	background-color: #f6f9fe;
}

.join-pic{
	position: relative;
}
.join-pic img {
	display: block;
	width:857px;
	margin:auto;
	}
@media (max-width: 858px) {
.join-pic img {
	width: 100%;
}}


.join-online {
	padding-top: 1.35rem;
	padding-bottom: 1.1rem;
	padding-left: 1.9rem;
	background-color: #F1F1F1;
	display: flex;
}

.join-online h2 {
	font-size: 80px;
	color: #333333;
	width: 1em;
	line-height: 1.25em;
	font-family: "SOURCEHANSANSCN-REGULAR";
}

.join-form {
	width: 10.56rem;
	margin-left: 1.65rem;
}

.join-form input[type=text] {
	width: 100%;
	height: 1.9333em;
	border: 0.03rem solid #72C7CD;
	margin-bottom: 0.3rem;
	padding: 0 0.23rem;
	background-color: transparent;
}

.join-form textarea {
	width: 100%;
	height: 6.46666em;
	border: 0.03rem solid #72C7CD;
	padding: 0.15rem 0.23rem;
	background-color: transparent;
}

.join-bot {
	padding-top: 0.45rem;
	display: flex;
	align-items: flex-start;
}

.join-bot button {
	color: #FFFFFF;
	background-color: #72C7CD;
	border-radius: 0.1rem;
	width: 1.68rem;
	min-width: 60px;
	line-height: 1.5em;
	margin-right: 0.22rem;
	flex-shrink: 0;
}

.join-bot p {
	line-height: 1.5em;
	color: #333333;
}

/* 招商加盟 结束 */





/* 明星产品 开始 */
.pro-banner {
	width: 100%;
	height: 6.62rem;
	min-height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.pro-tab {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(114, 199, 205, 0.85);
	padding: 0.18rem 0;
}

.pro-tab ul {
	width: 57.2916%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pro-tab ul li a {
	color: #333333;
}

.pro-tab ul li:hover a,
.pro-tab ul li.active a {
	color: #FFFFFF;
}

.pro-info {
	padding: 1.01rem 0.65rem 1.37rem 0.65rem;
	display: flex;
}

.pro-info-img {
	width: 44.6748%;
}

.pro-info-img img {
	display: block;
	width: 100%;
}

.pro-info-text {
	width: 55.3252%;
	padding-left: 0.3rem;
	padding-top: 0.2rem;
	color: #333333;
	font-family: "SOURCEHANSANSCN-REGULAR";
}

.pro-info-text h3 {
	font-size: 35px;
	margin-bottom: 0.2rem;
}

.pro-info-text h4 {
	display: flex;
	align-items: center;
	font-size: 20px;
	margin-bottom: 0.2rem;
}

.pro-info-text h4::before {
	content: "";
	display: block;
	width: 0.14rem;
	height: 0.19rem;
	background-image: url(../img/product/ysj.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 0.09rem;
}

.pro-info-text p {
	font-size: 20px;
	line-height: 1.1em;
}

.pro-info-text i {
	display: block;
	width: 100%;
	height: 2px;
	background: #333333;
	border-radius: 1px;
	margin: 0.44rem 0 0.40rem 0;
}


.pro-swiper {
	padding-top: 0.63rem;
	padding-bottom: 0.72rem;
	background-color: #F1F1F1;
}

.pro-swiper-con {
	width: 70.625%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.pro-swiper-item {
	width: 33.3333333%;
	padding: 0 0.37rem;
	margin-bottom: 1.2rem;
}

.pro-swiper-item a {
	display: block;
	color: #333333;
}

.pro-swiper-img u {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 10;
	opacity: 1;
	transition: all 0.3s;
}

.pro-swiper-item:hover .pro-swiper-img u {
	opacity: 0;
}

.pro-swiper-text {
	padding-top: 0.35rem;
	font-family: "SOURCEHANSANSCN-REGULAR";
}


.pro-swiper-text i {
	display: block;
	width: 1.25rem;
	height: 1px;
	background: #333333;
	border-radius: 1px;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

.pro-swiper-text p {
	color: #030000;
	line-height: 1.75em;
	height: 3.5em;
}

.pro-swiper-text h4 {
	margin-top: 0.1rem;
}

.pro-swiper-con .swiper-pagination {
	position: static;
	width: 100%;
	margin-top: 0.8rem;
}

.pro-swiper-con .swiper-pagination .swiper-pagination-bullet {
	width: 0.17rem;
	height: 0.17rem;
	min-width: 8px;
	min-height: 8px;
	background-color: #C0C0C0;
	border-radius: 50%;
	margin: 0 0.07rem;
	opacity: 1;
}

.pro-swiper-con .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #333333;
}


.pro-details {
	width: 100%;
	padding-bottom: 0.75rem;
}

.pro-details-img {
	width: 50%;
	float: left;
}

.pro-details-img img {
	width: 100%;
	display: block;
}

.pro-details-text {
	width: 36.7%;
	float: left;
	margin-left: 4.375%;
	padding-top: 0.65rem;
}

.pro-details-text h2 {
	font-size: 44px;
	color: #333333;
}

.pro-details-text i {
	display: block;
	width: 1.25rem;
	height: 1px;
	background: #333333;
	border-radius: 1px;
	margin: 0.35rem 0;
}

.pro-details-text p {
	font-size: 20px;
	line-height: 1.8em;
	color: #030000;
	display: flex;
}

.pro-details-text p em {
	flex-shrink: 0;
}


.pro-details-text h4 {
	display: flex;
	align-items: center;
	font-size: 22px;
	font-family: "SOURCEHANSANSCN-REGULAR";
}

.pro-details-text h4::before {
	content: "";
	display: block;
	width: 0.14rem;
	height: 0.19rem;
	background-image: url(../img/product/ysj.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 0.09rem;
}


.pro-details-main{
	width: 62.5%;
	margin: 0 auto;
}
.pro-details-main img{
	display: block;
	margin: 0 auto;
}
/* 明星产品 结束 */



/* 右侧浮动 开始 */
.fubox{
	width: 80px;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s;
	opacity: 0;
	z-index: -1;
}
.fubox.show{
	opacity: 1;
	z-index: 999;
}

.fubox-item{
	width: 100%;
	height: 80px;
	position: relative;
}

.fubox-item .fubox-item-box{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #72C7CD;
	border: 2px solid #FFFFFF;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.fubox-item .fubox-item-box i{
	display: block;
	width: 0.46rem;
	height: 0.42rem;
	min-width: 20px;
	min-height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
}
.fubox-item .fubox-item-box p{
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 2px;
}

.fubox-ewm{
	width: 120px;
	height: 120px;
	position: absolute;
	right: 100%;
	top: 0;
	background-color: #FFFFFF;
	opacity: 0;
	visibility: hidden;
	z-index: -10;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.fubox-item:hover .fubox-ewm{
	opacity: 1;
	visibility: visible;
	z-index: 10;
}
.fubox-ewm img{
	display: block;
	width: 100%;
	height: 100%;
}

.fubox-phone{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border: 2px solid #FFFFFF;
	white-space:nowrap;
	border-radius: 3px;
	font-size: 0;
}
.fubox-phone .fubox-item-box{
	display: inline-flex;
	vertical-align: middle;
	width: 76px;
	border: none;
	border-radius: 0;
}
.fubox-phone-box{
	display: inline-flex;
	vertical-align: middle;
	height: 100%;
	background-color: #72C7CD;
	font-size: 24px;
	color: #FFFFFF;
	align-items: center;
	width: 0px;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
}
.fubox-item:hover .fubox-phone .fubox-item-box p{
	display: none;
}
.fubox-item:hover .fubox-phone-box{
	width: 160px;
}
/* 右侧浮动 结束 */





@-webkit-keyframes bounceInUp {

	0%,
	100% {
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1000px, 0);
		-ms-transform: translate3d(0, 1000px, 0);
		transform: translate3d(0, 1000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	0%,
	100% {
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1000px, 0);
		-ms-transform: translate3d(0, 1000px, 0);
		transform: translate3d(0, 1000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}




/* 改 */
.index-header{
	z-index: 99;
}
.index-banner {
	height: 100vh;
}
.index-banner .swiper-container{
	width: 100%;
	height: 100%;
}

.iban-voi {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.slider-video {
	visibility: visible;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 858px) {
	.lsi{display:none;}
	}
.iban-text {
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;
	height: 100%;
	z-index: 3;
	color: #FFFFFF;
	justify-content: center;
	opacity: 0;
	transition: all 0.5s;
}
.iban-text.active{
	top: 0;
	opacity: 1;
}




/* 一屏 */
#dowebok .section .fp-tableCell{
	padding-top: 1.04rem;
}
.video-item{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F1F1F1;
}
.brand-video{
	width: 14.56rem;
	height: 7.21rem;
	object-fit: cover;
}

#dowebok .section:nth-of-type(2n) .intro-item {
	text-align: left;
	align-items: flex-start;
}


.footer-section{
	background-color: #F1F1F1;
}

#dowebok .section.footer-section .fp-tableCell{
	padding-top: 0!important;
	display: block;
}

@media (max-width: 992px) {
	#dowebok .section .fp-tableCell{
		padding-top: 60px;
	}
}

@media (max-width: 768px) {
	#dowebok .section .fp-tableCell{
		padding-top: 50px;
	}
}






.mobile-nav{
	display: none;
}
@media (max-width: 992px) {
	body{
		overflow-y: auto;
		height: 100vh;
	}
	.contain{
		position: relative;
		-ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
		-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
		transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
	}
	.contain.open_nav{
		-ms-transform: scale(0.835) translateX(-50vw) translateZ(0); 
		-webkit-transform: scale(0.835) translateX(-50vw) translateZ(0); 
		transform: scale(0.835) translateX(-50vw) translateZ(0);
		height: 100%;
		overflow: hidden;
	}
	.pc-nav{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
}
@media (max-width: 450px) {
	.contain.open_nav{
		-ms-transform: scale(0.835) translateX(-225px) translateZ(0); 
		-webkit-transform: scale(0.835) translateX(-225px) translateZ(0); 
		transform: scale(0.835) translateX(-225px) translateZ(0); 
	}
}