.ban-brand{
	position: relative;
	height: 100vh;
	z-index: 5;
}
.ban-brand .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ban-brand .m-bg{
	display: none;
}
.ban-brand .arrow{
	position: absolute;
	left: 50%;
	bottom: 5.55%;
	width: 18px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-left: -9px;
}
.brand-video{
	width: 100%;
	height: 100vh;
	position: relative;
}
.brand-video .video-bg{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.brand-video .video-bg .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.brand-video .video-bg .m-bg{
	display: none;
}
.brand-video .video-bg .play-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.3rem;
	height: 1.3rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/play-icon.png');
	transform: translate(-50%, -50%);
}

.brand-video video{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.brand-product-box{
	position: relative;
	background-color: #fff;
	margin-top: -5px;
}
.brand-product-box .title{
	padding: 3rem 0 2.25rem;
	text-align: center;
	font-size: 1.75rem;
	line-height: 1.8rem;
	color: #222;
	font-family: "FZZZHONGJW";
}
.pro-view{
	width: 68.75%;
	margin: 0 auto;
}
.products-list .bimg img{
	width: 100%;
}
.products-list .bimg .m-img{
	display: none;
}
.products-list .simg-tab-box{
	padding: 3rem 0;
}
.products-list .simg-tab-box.on .swiper-wrapper{
	justify-content: center;
}
.products-list .simg-tab-box.on .pro-btns{
	display: none;
}

.products-list .simg-tab{
	overflow: hidden;
}
.products-list .simg-tab .swiper-slide{
	width: 25%;
	text-align: center;
}
.products-list .simg-tab .con-box{
	display: block;
}
.products-list .simg-tab .img-box{
	width: 3.525rem;
	margin: 0 auto;
	position: relative;
}
.products-list .simg-tab .img-box .img{
	position: relative;
	z-index: 3;
}
.products-list .simg-tab .img-box img{
	width: 100%;
}
.products-list .simg-tab .txt{
	font-size: .6rem;
	line-height: .7rem;
	color: #333;
	font-family: "FZZZHONGJW";
	margin-top: .5rem;
}
.products-list .simg-tab .sm-circle{
	position: absolute;
	border-radius: 100%;
	opacity: 0;
	transition: all .3s;
}

.products-list .simg-tab .sm-circle1{
	width: 1.7rem;
	height: 1.7rem;
	box-sizing: border-box;
	border-width: 4px;
	border-style: solid;
	left: -22%;
    bottom: 12%;
}
.products-list .simg-tab .sm-circle2{
	width: .4rem;
	height: .4rem;
	left: 78%;
	top: 26.3%;
}
.products-list .simg-tab .shadow{
	position: absolute;
	left: 50%;
	bottom: -.4rem;
	width: 3.5rem;
	margin-left: -1.75rem;
}
.products-list .pro-prev,
.products-list .pro-next{
	position: absolute;
	top: 50%;
	width: 1.25rem;
	height: 1.25rem;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .225rem;
	border-radius: 100%;
	margin-top: -1.225rem;
	transition: all .3s;
}
.products-list .pro-prev{
	background-image: url('../img/xpp-prev.png');
	left: -1.5rem;
}
.products-list .pro-next{
	background-image: url('../img/xpp-next.png');
	right: -1.5rem;
}
.pro-aside{
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3rem;
	background-color: #fff;
	border-radius: 4px;
	padding: 1.2rem 0;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	z-index: 5;
	display: none;
	max-height: 100vh;
	overflow: auto;
}
.pro-aside .item{
	display: block;
	text-align: center;
	margin-bottom: .5rem;
}
.pro-aside .item:last-child{
	margin-bottom: 0;
}
.pro-aside .item .img-box{
	position: relative;
	margin: 0 auto;
	width: 1rem;
}

.pro-aside .item .img{
	z-index: 3;
	position: relative;
}
.pro-aside .item .img img{
	width: 100%;
}
.pro-aside .item .txt{
	font-size: .35rem;
	line-height: .4rem;
	font-weight: bold;
	color: #222;
}

.xpp-history-box{
	padding: 5.75rem 0 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url('../img/xpp-bg.jpg');
}
.xpp-history-box .right-cup{
	position: absolute;
	width: 18.229%;
	left: 87.29%;
	top: 38.88%;
}
.xpp-history-box .right-cup img{
	width: 100%;
}
.xpp-history-box .bubbles-bg .bubble{
	position: absolute;
}
.xpp-history-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.xpp-history-box .bubbles-bg .bubble1{
	width: 20.4%;
	padding-top: 20.4%;
	left: 88%;
	top: 2.6%;
}
.xpp-history-box .bubbles-bg .bubble1 .circle{
	background: -webkit-linear-gradient(-90deg, rgba(255,255,255,.1),rgba(255,255,255,.1) 20%,transparent 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.1) 100%);
    background: -ms-linear-gradient(-90deg, rgba(255,255,255,.1),rgba(255,255,255,.1) 20%,transparent 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.1) 100%);
    background: linear-gradient(-90deg, rgba(255,255,255,.1),rgba(255,255,255,.1) 20%,transparent 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.1) 100%);
}
.xpp-history-box .bubbles-bg .bubble2{
	width: 2.85rem;
	padding-top: 2.85rem;
	left: 94%;
	top: 24%;
}
.xpp-history-box .bubbles-bg .bubble2 .circle{
	border: 1px solid #fff;
}
.xpp-history-box .bubbles-bg .bubble3{
	width: 2.85rem;
	padding-top: 2.85rem;
	left: -3.54%;
	top: 58.33%;
}
.xpp-history-box .bubbles-bg .bubble3 .circle{
	border: 1px solid #fff;
}
.xpp-history-box .img-bubbles .bubble{
	position: absolute;
}
.xpp-history-box .img-bubbles .bubble .circle,
.xpp-history-box .img-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.xpp-history-box .img-bubbles .bubble .circle .img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 100%;
	box-sizing: border-box;
}
.xpp-history-box .img-bubbles .bubble1{
	left: 10.15625%;
	top: 37.77%;
	width: 2.35rem;
	padding-top: 2.35rem;
}
.xpp-history-box .img-bubbles .bubble1 .img{
	border: 1px solid #fff;
	background-image: url('../img/xpp-bubble-img1.jpg');
}
.xpp-history-box .img-bubbles .bubble2{
	left: -3.54%;
	top: 71.48%;
	width:5.65rem;
	padding-top:5.65rem;
}
.xpp-history-box .img-bubbles .bubble2 .img{
	background-image: url('../img/xpp-bubble-img2.jpg');
}
.xpp-history-box .img-bubbles .bubble2{
	left: 82.96875%;
	top: 62%;
	width:2.85rem;
	padding-top:2.85rem;
}
.xpp-history-box .img-bubbles .bubble2 .img{
	background-color: #fff;
	background-image: url('../img/xpp-bubble-img3.png');
}
.xpp-view{
	padding: 0 15.625vw;
}
.history-tit{
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-family: "FZZZHONGJW";
}
.xpp-history-box .history-tit{
	color: #fff;
}
.xpp-history-box .xpp-history{
	width: 57%;
	margin-left: 14.9%;
	margin-top: 4.5rem;
	position: relative;
	padding-bottom: 10px;
}
.xpp-history-box .xpp-history svg{
	width: 100%;
	display: block;
	transform: translateY(6px);
}
.xpp-history-box .xpp-history .m-line{
	display: none;
}

.xpp-history-box .xpp-history .left-cup{
	position: absolute;
	left: -45.35%;
	top: 0;
	width: 46.7%;
}
.xpp-history-box .xpp-history .left-cup img{
	width: 100%;
}
.xpp-history-box .xpp-history .left-cup .m-img{
	display: none;
}

.xpp-history-box .xpp-history .pc-box{
	position: relative;
}

.xpp-history .list .item{
	position: absolute;
}
.xpp-history .list .point{
	width: 10px;
	height: 10px;
	background-color: #d80c25;
	border: 2px solid #fff;
	border-radius: 100%;
}

.xpp-history .list .item:nth-child(1){
	left: 15.145%;
	top: .6%;
}
.xpp-history .list .item:nth-child(1) .icon{
	position: absolute;
	left: 6px;
	bottom: 100%;
	width: .7rem;
	padding-bottom: 3px;
}
.xpp-history .list .text{
	position: absolute;
	/* white-space: nowrap; */
}
.xpp-history .list .text .year{
	font-size: .75rem;
	line-height: .8rem;
	color: #fff;
	font-family: "gilroy-bold", "FZZZHONGJW";
}
.xpp-history .list .text .txt{
	font-size: .6rem;
	line-height: .8rem;
	color: #fff;
	font-family: "gilroy-bold", "FZZZHONGJW";
	margin-top: .2rem;
}
.xpp-history .list .item .img,
.xpp-history .list .item .icon{
	position: absolute;
}
.xpp-history .list .item .img img,
.xpp-history .list .item .icon img{
	width: 100%;
	display: block;
}

.xpp-history .list .item:nth-child(1) .text{
	left: 500%;
	bottom: 333%;
	width: 4.8rem;
}

.xpp-history .list .item:nth-child(2){
	left:33.3%;
	top: 4.5%;
}
.xpp-history .list .item:nth-child(2) .point{
	position: relative;
	z-index: 3;
}
.xpp-history .list .item:nth-child(2) .img{
	left: 50%;
	top: 50%;
	width: 3.1rem;
	transform: translate(-50%, -50%);
}
.xpp-history .list .item:nth-child(2) .text{
	left: 0;
	top: 650%;
	width: 6.1rem;
}

.xpp-history .list .item:nth-child(3){
	left:65.876%;
	top: 5.2%;
}
.xpp-history .list .item:nth-child(3) .point{
	position: relative;
	z-index: 3;
	border-color: #d80c25;
	background-color: #fff;
}
.xpp-history .list .item:nth-child(3) .img{
	left: 50%;
	top: 50%;
	width: 6.875rem;
	transform: translate(-50%, -50%);
}
.xpp-history .list .item:nth-child(3) .text{
	left: 791.7%;
	bottom: 750%;
	width: 11.4rem;
}

.xpp-history .list .item:nth-child(4){
	left:96.87%;
	top: 18.7%;
}

.xpp-history .list .item:nth-child(4) .img{
	left: 250%;
	bottom: 16.7%;
	width: 3.625rem;
}
.xpp-history .list .item:nth-child(4) .text{
	text-align: right;
	right: 316.7%;
	top: 0;
	width: 7.8rem;
}
.xpp-history .list .item:nth-child(5){
	left:73.2%;
	top: 29.1%;
}
.xpp-history .list .item:nth-child(5) .icon{
	left: 50%;
	transform: translateX(-50%);
	width: 2.05rem;
	bottom: 233.33%;
}
.xpp-history .list .item:nth-child(5) .text{
	top: 200%;
	left: -167%;
	width: 10.2rem;
}
.xpp-history .list .item:nth-child(6){
	left:50.29%;
	top: 37.1%;
}
.xpp-history .list .item:nth-child(6) .icon{
	width: .675rem;
	left: 200%;
	top: -66.7%;
}
.xpp-history .list .item:nth-child(6) .img{
	left: -1208.3%;
	top: 500%;
	width: 3.375rem;
}
.xpp-history .list .item:nth-child(6) .text{
	text-align: right;
	right: 366.7%;
	top: 50%;
	transform: translateY(-50%);
	width: 6.6rem;
}
.xpp-history .list .item:nth-child(7){
	left:41.67%;
	top: 56.5%;
}
.xpp-history .list .item:nth-child(7) .icon{
	width: .675rem;
	left: 125%;
	bottom: 116.7%;
}
.xpp-history .list .item:nth-child(7) .img{
	width: 2.975rem;
	left: 603.33%;
	top: 541.7%;
}
.xpp-history .list .item:nth-child(7) .text{
	text-align: right;
	top: 200%;
	right: 183.33%;
	width: 6.6rem;
}

.xpp-history .list .item:nth-child(8){
	left:97%;
	top: 65%;
}
.xpp-history .list .item:nth-child(8) .text{
	left: 0;
	bottom: 200%;
	width: 12.6rem;
}
.xpp-history .list .item:nth-child(8) .img1{
	left: -416.7%;
	top: 333.3%;
	width: 2.65rem;
}
.xpp-history .list .item:nth-child(8) .img2{
	left: 650%;
	top: 1200%;
	width: 3.2rem;
}
.xpp-history .list .item:nth-child(9){
	left:52.281%;
	top: 82.5%;
}
.xpp-history .list .item:nth-child(9) .icon{
	left: 200%;
	top: 50%;
	transform: translateY(-50%);
	width: .65rem;
}
.xpp-history .list .item:nth-child(9) .text{
	right: 416.7%;
	top: -250%;
	text-align: right;
	width: 13.8rem;
}
.xpp-history .list .item:nth-child(10) {
	top: 91%;
	left: 78%;
}

.xpp-history .list .item:nth-child(10) .icon {
    left: -275%;
    top: 50%;
    transform: translateY(-50%);
    width: .65rem;
}

.xpp-history .list .item:nth-child(10) .text{
	left: 380%;
	top: -326%;
	/* text-align: right; */
	width: 8.8rem;
}

.xpp-history .list .item:nth-child(10) .img1 {
	left: -1500%;
	top: -188%;
	width: 3.2rem;
}

.xpp-history .list .item:nth-child(10) .img2 {
	display: none;
}




.xpp-history .list .item:nth-child(12) {
	top: 120.5vw;
    left: 54%;
}

.xpp-history .list .item:nth-child(12) .icon {
    left: -275%;
    top: 50%;
    transform: translateY(-50%);
    width: .65rem;
}

.xpp-history .list .item:nth-child(12) .text{
	left: 600%;
	top: -326%;
	/* text-align: right; */
	width: 13.8rem;
}

.xpp-history .list .item:nth-child(12) .img1 {
	left: -1500%;
	top: -188%;
	width: 3.2rem;
}

.xpp-history .list .item:nth-child(12) .img2 {
	display: none;
}

.xpp-history .list .item:nth-child(13) {
	top: 139vw;
    left: 77%;
}


.xpp-history .list .item:nth-child(13) .img1 {
	left: 500%;
    top: -250%;
    width: 3.375rem;
}

.xpp-history .list .item:nth-child(13) .img2 {
	display: none;
}

.xpp-history .list .item:nth-child(13) .icon{
	left: 200%;
	top: 50%;
	transform: translateY(-50%);
	width: .65rem;
}
.xpp-history .list .item:nth-child(13) .text{
	right: 416.7%;
	top: -250%;
	text-align: right;
	width: 13.8rem;
}









.meco-page footer{
	background-color: #19a8e2;
}
.meco-page .top-btn{
	background-color: #1eb3f0;
}

.meco-history-box{
	height: 100vh;
	position: relative;
	background-color: #fff;
}

.scroll-fix{
	position: absolute;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
.scroll-wrapper{
	height: 100%;
}
.meco-history-box .cup-img{
	position: absolute;
    left: -7%;
    top: 44.5%;
	width: 31.71875vw;
}
.scroll-slider .cup-img img{
	width: 100%;
}
.meco-history-box .cup-line{
	position: absolute;
	left: 14.84375vw;
	top: 21.96%;
	/*width: 362.65625vw;*/
	width: 425.5208333333333vw;
	/*width: 380vw;*/
	z-index: 3;
}
.cup-line .zhan-line{
	width: 100%;
	opacity: 0;
}
.cup-line .line{
	position: absolute;
	/* left: 0;	
	top: 0; */
	left: 0;
	/*left: -2.5rem;*/
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}
.linear-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .5s;
}
.meco-history-box .linear-bg{
	background: -webkit-linear-gradient(60deg, #79c9ea,#1aa8e2);
    background: -ms-linear-gradient(60deg, #79c9ea,#1aa8e2);
    background: linear-gradient(60deg, #79c9ea,#1aa8e2);
}

.meco-history-box .bubbles-bg .bubble{
	position: absolute;
}

.meco-history-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.meco-history-box .bubbles-bg .bubble1{
	width: .9rem;
	padding-top: .9rem;
	left:1.6%;
	top: 19.62%;
}
.meco-history-box .bubbles-bg .bubble1 .circle{
	background-color: #45b7e6;
}
.meco-history-box .bubbles-bg .bubble2{
	width: 12px;
	padding-top: 12px;
	left:10.4%;
	top: 9.8%;
}
.meco-history-box .bubbles-bg .bubble2 .circle{
	background-color: #45b7e6;
}
.meco-history-box .bubbles-bg .bubble3{
	width: 24px;
	padding-top: 24px;
	left:13.367%;
	top: 84.44%;
}
.meco-history-box .bubbles-bg .bubble3 .circle{
	border: 1px solid #45b7e6;
}
.meco-history-box .bubbles-bg .bubble4{
	width: 2.875rem;
	padding-top: 2.875rem;
	left:42.53%;
	top: 94.17%;
}
.meco-history-box .bubbles-bg .bubble4 .circle{
	border: 1px solid #45b7e6;
}
.meco-history-box .bubbles-bg .bubble5{
	width: 2.875rem;
	padding-top: 2.875rem;
	left:51.83%;
	top: 8.33%;
}
.meco-history-box .bubbles-bg .bubble5 .circle{
	border: 1px solid #45b7e6;
}
.meco-history-box .bubbles-bg .bubble6{
	width: 12px;
	padding-top: 12px;
	left:53.567%;
	top: -9px;
}
.meco-history-box .bubbles-bg .bubble6 .circle{
	background-color: #45b7e6;
}
.meco-history-box .bubbles-bg .bubble7{
	width: 1rem;
	padding-top: 1rem;
	left:66.23%;
	top: 49.44%;
}
.meco-history-box .bubbles-bg .bubble7 .circle{
	border: 1px solid #45b7e6;
}
.meco-history-box .img-bubbles .bubble{
	position: absolute;
}
.meco-history-box .img-bubbles .bubble .circle,
.meco-history-box .img-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.meco-history-box .img-bubbles .bubble .circle .img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	border-radius: 100%;
}
.meco-history-box .img-bubbles .bubble1{
	left: 5.367%;
	top: 78.33%;
	width: 2rem;
	padding-top: 2rem;
}
.meco-history-box .img-bubbles .bubble1 .circle .img{
	/* background-image: url('../img/meco-circle-img1.png');
	border: 2px solid #45b7e6; */
}
.meco-history-box .img-bubbles .bubble2{
	left: 43%;
	top: 8.33%;
	width: 3.575rem;
	padding-top: 3.575rem;
}
.meco-history-box .img-bubbles .bubble2 .circle .img{
	background-image: url('../img/meco-circle-img2.png');
}
.meco-history-box .big-bubbles .bubble{
	position: absolute;
}
.meco-history-box .big-bubbles .bubble .circle,
.meco-history-box .big-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.meco-history-box .big-bubbles .bubble .circle .img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.meco-history-box .big-bubbles .bubble1{
	top: 0;
	left: 21.567%;
	width: 24.7rem;
	height: 12.275rem;
}
.meco-history-box .big-bubbles .bubble1 .circle .img{
	background-image: url('../img/meco-big-img1.png');
}
.meco-history-box .big-bubbles .bubble2{
	bottom: 0;
	left: 48.63%;
	width: 24.7rem;
	height: 10.2rem;
}
.meco-history-box .big-bubbles .bubble2 .circle .img{
	background-image: url('../img/meco-big-img2.png');
}
.meco-history-box .big-bubbles .bubble3{
	top: 0;
	left: 78%;
	width: 24.7rem;
	height: 13.46rem;
}
.meco-history-box .big-bubbles .bubble3 .circle .img{
	background-image: url('../img/meco-big-img3.png');
}
.history-item{
	position: absolute;
	width: 12px;
	height: 12px;
}
.history-item .point{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 2px solid #fff;
	background-color: #08b8ff;
	position: relative;
	z-index: 3;
}
.history-img{
	position: absolute;
}
.history-img img{
	width: 100%;
	display: block;
}
.history-text{
	position: absolute;
	white-space: nowrap;
}
.history-text .time{
	font-size: .75rem;
	line-height: .8rem;
	transition: all .3s;
}
.history-text .txt{
	font-size: .6rem;
	line-height: .8rem;
	color: #222;
	margin-top: .2rem;
	transition: all .3s;
}
.lfy-list  .history-item:nth-child(11) .history-text  .txt{
	width: 12em;
}

.lfy-list  .history-item:nth-child(12) .history-text  .txt{
	width: 13em;
}

.lfy-list  .history-item:nth-child(13) .history-text  .txt{
	width: 12em;
}

.meco-list .history-text .time{
	color: #08b8ff;
	font-family: "gilroy-bold","FZZZHONGJW";
}
.meco-list .history-text .txt{
	font-family: "FZZZHONGJW";
}
.meco-list .history-item:nth-child(1){
	left: 3.974%;
	top: 36.5%;
}
.meco-list .history-item:nth-child(1) .history-img{
	width: 3.3rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(1) .history-text{
	left: -1rem;
	top: 2rem;
}
.meco-list .history-item:nth-child(2){
	left: 10%;
	top: 38.3%;
}
.meco-list .history-item:nth-child(2) .history-img{
	width: 2.175rem;
	left: -1.5rem;
	top: .5rem;
}
.meco-list .history-item:nth-child(2) .history-text{
	left: 0;
	bottom: 1.6rem;
}
.meco-list .history-item:nth-child(3){
	left: 14.5%;
	top: 57.7%;
}
.meco-list .history-item:nth-child(3) .history-img{
	width: 8.25rem;
	left: -2.25rem;
	bottom: .8rem;
}
.meco-list .history-item:nth-child(3) .history-text{
	left: -2.5rem;
	top: 1rem;
}
.meco-list .history-item:nth-child(4){
	left: 19.2467%;
	top: 81.78%;
}
.meco-list .history-item:nth-child(4) .history-img{
	width: 2.05rem;
	left: 0;
	bottom: 3.1rem;
}
.meco-list .history-item:nth-child(4) .history-text{
	left: 0;
	bottom: 1rem;
}
.meco-list .history-item:nth-child(5){
	left: 24.93%;
	top: 95.5%;
}
.meco-list .history-item:nth-child(5) .history-img{
	width: 4.75rem;
	left: -1.8rem;
	bottom: -1.25rem;
}
.meco-list .history-item:nth-child(5) .history-text{
	left: .3rem;
	bottom: 4rem;
}
.meco-list .history-item:nth-child(6){
	left: 33.5643%;
	top: 96%;
}
.meco-list .history-item:nth-child(6) .history-img{
	width: 11.875rem;
	left: -5.6rem;
	top: -1.75rem;
}
.meco-list .history-item:nth-child(6) .history-text{
	left: -2.25rem;
	top: -4.375rem;
}

.meco-list .history-item:nth-child(7){
	left: 40.573%;
	top: 74%;
}
.meco-list .history-item:nth-child(7) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(7) .history-text{
	left: -.25rem;
	top: 2rem;
}

.meco-list .history-item:nth-child(8){
	left: 47.272%;
	top: 34%;
}
.meco-list .history-item:nth-child(8) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(8) .history-text{
	left: -.25rem;
	top: -3.75rem;
}

.meco-list .history-item:nth-child(9){
	left: 54.341%;
	top: 4.5%;
}
.meco-list .history-item:nth-child(9) .history-img{
	width: 6.2rem;
	left: -2.75rem;
	top: 2px;
}
.meco-list .history-item:nth-child(9) .history-text{
	left: .1rem;
	top: -2.25rem;
}

.meco-list .history-item:nth-child(10){
	left: 61.845%;
	top: 0.4%;
}
.meco-list .history-item:nth-child(10) .history-img{
	width: 6.2rem;
	left: -2rem;
	top: 2px;
}
.meco-list .history-item:nth-child(10) .history-text{
	right: -.25rem;
	top: 1.4rem;
	text-align: right;
}
.meco-list .history-item:nth-child(11){
	left: 68.63%;
	top: 9.5%;
}
.meco-list .history-item:nth-child(11) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(11) .history-text{
	left: -.75rem;
	top: 2.25rem;
}

.meco-list .history-item:nth-child(12){
	left: 75.63%;
	top: 43.5%;
}
.meco-list .history-item:nth-child(12) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(12) .history-text{
	left: -.75rem;
	top: 2.25rem;
}

.meco-list .history-item:nth-child(13){
	left: 82%;
	top: 67%;
}
.meco-list .history-item:nth-child(13) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(13) .history-text{
	left: -.75rem;
	top: 2.25rem;
}

.meco-list .history-item:nth-child(14){
	left: 87.63%;
	top: 73.5%;
}
.meco-list .history-item:nth-child(14) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(14) .history-text{
	left: -.75rem;
	top: 2.25rem;
}

.meco-list .history-item:nth-child(15){
	left: 93.63%;
	top: 67.5%;
}
.meco-list .history-item:nth-child(15) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.meco-list .history-item:nth-child(15) .history-text{
	left: -.75rem;
	top: 2.25rem;
}
.meco-history-box .history-tit{
	position: absolute;
	left: 0;
	top: 21.296%;
	width: 100%;
	color: #08b8ff;
}

.meco-history-box.on .linear-bg{
	opacity: 1;
}
.meco-history-box.on .meco-list .history-item .history-text .time,
.meco-history-box.on .meco-list .history-item .history-text .txt{
	color: #fff;
}
.meco-history-box.on .bubbles-bg .bubble1 .circle,
.meco-history-box.on .bubbles-bg .bubble2 .circle,
.meco-history-box.on .bubbles-bg .bubble6 .circle{
	background-color: #fff;
}
.meco-history-box.on .bubbles-bg .bubble3 .circle,
.meco-history-box.on .bubbles-bg .bubble4 .circle,
.meco-history-box.on .bubbles-bg .bubble5 .circle,
.meco-history-box.on .bubbles-bg .bubble7 .circle{
	border-color: #fff;
}

.lfy-page .brand-product-box .title{
	font-family: "FZSHUIYJW_ZHONG";
}
.lfy-page .products-list .simg-tab-box{
	/*padding: 0 0 3rem;
	margin-top: -.6rem;*/
	padding: 3rem 0;
}
.lfy-page .products-list .simg-tab .txt{
	font-family: "FZSHUIYJW_ZHONG";
}
.lfy-page footer{
	background-color: #006e63;
}
.lfy-page .top-btn{
	background-color: #06756a;
}
.lfy-history-box .linear-bg{
	background-color: #006e63;
}

.lfy-history-box{
	position: relative;
	background-color: #fff;
}
.lfy-history-box .cup-line{
	position: absolute;
	left: 14.84375vw;
	top: 29.17%;
	/*width: 332.03125vw;*/
	width: 427.39583333333337vw;
	z-index: 3;
}

.lfy-history-box .cup-img{
	position: absolute;
    left: -7.9%;
    top: 49%;
    width: 26.71875vw;
}
.lfy-list .history-text{
	white-space: normal;
}
.lfy-list .history-item .point{
	background-color: #006e63;
}
.lfy-list .history-text .time{
	color: #006e63;
	font-family: "gilroy-bold","FZZZHONGJW";
}
.lfy-list .history-text .txt{
	font-family: "FZSHUIYJW_ZHONG";
}
.lfy-list .history-item:nth-child(1){
	left: 2.67%;
	/*top: 42.5%;*/
	top: 41%;
}
.lfy-list .history-item:nth-child(1) .history-img{
	width: 1.475rem;
	left: -.3rem;
	top: .9rem;
}
.lfy-list .history-item:nth-child(1) .history-text{
	left: -.3rem;
	top: 3.25rem;
	width: 10rem;
}

.lfy-list .history-item:nth-child(2){
	/*left: 10.4%;*/
	/*top: 46.5%;*/
	left: 37vw;
    top: 14vw;
}
.lfy-list .history-item:nth-child(2) .history-img{
	width: 3rem;
	left: 50%;
	top: 46.5%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	border: 1px solid #fff;
	overflow: hidden;
}
.lfy-list .history-item:nth-child(2) .history-text{
	left: 0rem;
	bottom: 2.25rem;
	width: 5.5rem;
}

.lfy-list .history-item:nth-child(3){
	/*left: 16%;*/
	/*top: 78%;*/
	left: 56vw;
    top: 23.5vw;
}
.lfy-list .history-item:nth-child(3) .history-img{
	width: 3rem;
	left: 50%;
	top: 46.5%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	border: 1px solid #fff;
	overflow: hidden;
}
.lfy-list .history-item:nth-child(3) .history-text{
	left: -2.5rem;
	top: 2.5rem;
	width: 4.8rem;
}

.lfy-list .history-item:nth-child(4){
	/*left: 23.498%;*/
	/*top: 97%;*/
	left: 82vw;
    top: 28.5vw;
}
.lfy-list .history-item:nth-child(4) .history-img{
	width: 7.6rem;
	left: -3rem;
	bottom: -1.5rem;
}
.lfy-list .history-item:nth-child(4) .history-text{
	left: 0;
	bottom: 4rem;
	width: 6.75rem;
}
.lfy-list .history-item:nth-child(5){
	/*left: 34.8%;*/
	/*top: 82%;*/
    left: 121vw;
    top: 22vw;
}
.lfy-list .history-item:nth-child(5) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.lfy-list .history-item:nth-child(5) .history-text{
	left: -6.25rem;
	bottom:5rem;
	width: 13rem;
}

.lfy-list .history-item:nth-child(6){
	/*left: 43.65%;*/
	/*top: 33.5%;*/
    left: 150vw;
    top: 7.48vw;
}
.lfy-list .history-item:nth-child(6) .history-img{
	width: 3.125rem;
	left: 0;
	top: 1.1rem;
	width: 2.05rem;
}
.lfy-list .history-item:nth-child(6) .history-img img{
	transition: all .3s;
}
.lfy-list .history-item:nth-child(6) .history-img .white-img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.lfy-list .history-item:nth-child(6) .history-text{
	left: 0;
	top:2.25rem;
	width: 8rem;
}

.lfy-list .history-item:nth-child(7){
	/*left: 52.69%;*/
	/*top: 5%;*/
    left: 187vw;
    top: 4vw;

}
.lfy-list .history-item:nth-child(7) .history-img{
	width: 3.125rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.lfy-list .history-item:nth-child(7) .history-text{
	left: 0rem;
	bottom:2.5rem;
	width: 7.8rem;
}

.lfy-list .history-item:nth-child(8){
	/*left: 63.9%;*/
	/*top: 27%;*/
    left: 219vw;
    top: 10.5vw;
}
.lfy-list .history-item:nth-child(8) .history-img{
	width: 3.875rem;
	left: -1.8rem;
	top: -.1rem;
}
.lfy-list .history-item:nth-child(8) .history-text{
	left: .1rem;
	bottom:.9rem;
	width: 7.2rem;
}

.lfy-list .history-item:nth-child(9){
	/*left: 73.145%;*/
	/*top: 68.5%;*/

	left: 255vw;
    top: 21vw;
}
.lfy-list .history-item:nth-child(9) .history-text{
	left: 0;
	top: 1.2rem;
	width: 15rem;
}

.lfy-list .history-item:nth-child(10){
	/*left: 85.17647%;*/
	/*top: 66.5%;*/
	    left: 292vw;
    top: 17vw;
}
.lfy-list .history-item:nth-child(10) .history-img{
	width: 3.125rem;
	left: -.4rem;
	bottom: 1.35rem;
}
.lfy-list .history-item:nth-child(10) .history-text{
	left: 0;
	top:1.1rem;
	width: 7rem;
}

.lfy-list .history-item:nth-child(11) {
	/*left: 93%;*/
	/*top: 34%;*/
    left: 316vw;
    top: 7.2vw;
}

.lfy-list .history-item:nth-child(11) .history-img{
	width: 3.125rem;
	left: -.4rem;
	bottom: 1.35rem;
}

.lfy-list .history-item:nth-child(11) .history-text{
	left: 0;
	top:1.1rem;
	width: 7rem;
}

.lfy-list .history-item:nth-child(12){
	left: 364vw;
    top: 4vw;
}
.lfy-list .history-item:nth-child(12) .history-img{
	width: 3.125rem;
	left: -.4rem;
	/*bottom: 1.35rem;*/
	bottom: .5rem;
}

.lfy-list .history-item:nth-child(12) .history-text{
	right: 0;
	top:1.1rem;
	width: 7rem;
}
.lfy-list .history-item:nth-child(13) .history-img{
	width: 3.125rem;
	left: -.4rem;
	/*bottom: 1.35rem;*/
	bottom: .5rem;
}

.lfy-list .history-item:nth-child(13) .history-text{
	right: 0;
	top:1.1rem;
	width: 7rem;
}

.lfy-list .history-item:nth-child(13){
	left: 383vw;
    top: 13.2vw;
}

.lfy-list .history-item:nth-child(14){
    left: 401vw;
    top: 22.5vw;
}


.lfy-list .history-item:nth-child(14) .history-img{
    width: 3.125rem;
    left: -3.4rem;
    /* bottom: 1.35rem; */
    bottom: -3.5rem;
}

.lfy-list .history-item:nth-child(14) .history-text{
	left: 0;
    top: -2.9rem;
    width: 7rem;
}

.lfy-history-box .history-tit{
	position: absolute;
	left: 0;
	top: 26.851%;
	width: 100%;
	color: #006e63;
	font-family: "FZSHUIYJW_ZHONG";
}

.lfy-history-box .bubbles-bg .bubble{
	position: absolute;
}
.lfy-history-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.lfy-history-box .bubbles-bg .bubble1{
	width: .9rem;
	padding-top: .9rem;
	left:1.44%;
	top: 19.62%;
}
.lfy-history-box .bubbles-bg .bubble1 .circle{
	background-color: #006e63;
}
.lfy-history-box .bubbles-bg .bubble2{
	width: 12px;
	padding-top: 12px;
	left:9.37%;
	top: 9.72%;
}
.lfy-history-box .bubbles-bg .bubble2 .circle{
	background-color: #006e63;
}

.lfy-history-box .bubbles-bg .bubble3{
	width: 24px;
    padding-top: 24px;
    left: 12%;
    top: 84.44%;
}
.lfy-history-box .bubbles-bg .bubble3 .circle{
	border:1px solid #006e63;
}
.lfy-history-box .bubbles-bg .bubble4 {
    width: 2.875rem;
    padding-top: 2.875rem;
    left: 38.288%;
    top: 94.17%;
}
.lfy-history-box .bubbles-bg .bubble4 .circle {
    border: 1px solid #006e63;
}

.lfy-history-box .bubbles-bg .bubble5{
    width: 2.875rem;
    padding-top: 2.875rem;
    left: 46.7%;
    top: 8.33%;
}
.lfy-history-box .bubbles-bg .bubble5 .circle {
    border: 1px solid #006e63;
}

.lfy-history-box .bubbles-bg .bubble6{
    width: 12px;
    padding-top: 12px;
    left: 48.258%;
    top: -9px;
}
.lfy-history-box .bubbles-bg .bubble6 .circle {
    background-color: #006e63;
}
.lfy-history-box .bubbles-bg .bubble7{
    width: 1rem;
    padding-top: 1rem;
    left: 59.64%;
    top: 49.44%;
}
.lfy-history-box .bubbles-bg .bubble7 .circle {
    border: 1px solid #006e63;
}

.lfy-history-box .img-bubbles .bubble{
	position: absolute;
}
.lfy-history-box .img-bubbles .bubble .circle,
.lfy-history-box .img-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.lfy-history-box .img-bubbles .bubble .circle .img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	border-radius: 100%;
}
.lfy-history-box .img-bubbles .bubble1{
	left: 3.69%;
	top: 78.33%;
	width: 2rem;
	padding-top: 2rem;
}
.lfy-history-box .img-bubbles .bubble1 .circle .img{
	background-image: url('../img/lfy-circle-img1.jpg');
	border: 2px solid #d80c25;
}

.lfy-history-box .img-bubbles .bubble2{
    left: 38%;
    top: 16.67%;
    width: 3.575rem;
    padding-top: 3.575rem;
}
.lfy-history-box .img-bubbles .bubble2 .circle .img{
	background-image: url('../img/lfy-circle-img2.jpg');
}
.lfy-history-box .big-bubbles .bubble{
	position: absolute;
}
.lfy-history-box .big-bubbles .bubble .circle,
.lfy-history-box .big-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.lfy-history-box .big-bubbles .bubble .circle .img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.lfy-history-box .big-bubbles .bubble1{
	top: -4.17%;
	left: 19%;
	width: 19.2rem;
	height: 13.95rem;
}
.lfy-history-box .big-bubbles .bubble1 .circle .img{
	background-image: url('../img/lfy-big-img1.png');
}
.lfy-history-box .big-bubbles .bubble2{
	bottom: 0;
	left: 45.5%;
	width: 29.45rem;
	height: 8.525rem;
}
.lfy-history-box .big-bubbles .bubble2 .circle .img{
	background-image: url('../img/lfy-big-img2.png');
}

.lfy-history-box .big-bubbles .bubble3{
	top: 0;
	/*left: 71.89%;*/
	left: 55.9%;
	width: 24.775rem;
	height:12.275rem;
}
.lfy-history-box .big-bubbles .bubble4{
    bottom: -6vw;
    left: 330vw;
    /* left: 55.9%; */
    /* right: 0; */
    width: 24.775rem;
    height: 12.275rem;
}
.lfy-history-box .big-bubbles .bubble4 .circle .img{
	background-image: url('../img/lfy-big-img3-2.png');

}
.lfy-history-box .big-bubbles .bubble3 .circle .img{
	/* background-image: url('../img/lfy-big-img3.png'); */
	background-image: url('../img/lfy-big-img3-1.png');
}

.lfy-history-box.on .linear-bg{
	opacity: 1;
}
.lfy-history-box.on .lfy-list .history-item .history-text .time,
.lfy-history-box.on .lfy-list .history-item .history-text .txt{
	color: #fff;
}
.lfy-history-box.on .bubbles-bg .bubble1 .circle,
.lfy-history-box.on .bubbles-bg .bubble2 .circle,
.lfy-history-box.on .bubbles-bg .bubble6 .circle{
	background-color: #fff;
}
.lfy-history-box.on .bubbles-bg .bubble3 .circle,
.lfy-history-box.on .bubbles-bg .bubble4 .circle,
.lfy-history-box.on .bubbles-bg .bubble5 .circle,
.lfy-history-box.on .bubbles-bg .bubble7 .circle{
	border-color: #fff;
}

.lfy-history-box.on .lfy-list .history-item:nth-child(6) .history-img .black-img{
	opacity: 0;
}
.lfy-history-box.on .lfy-list .history-item:nth-child(6) .history-img .white-img{
	opacity: 1;
}

@keyframes rubberBounceDown {
  0% {
    opacity: 0;
    transform: translateY(0) scaleX(1) scaleY(1);
  }

  65% {
    opacity: 1;
    transform: translateY(0) scaleX(1) scaleY(1);
  }

  70% {
    transform: translateY(20%) scaleX(1.4) scaleY(.6);
  }

  80% {
    transform: translateY(-10%) scaleX(.8) scaleY(1.2);
  }

  90% {
    transform: translateY(5%) scaleX(1.1) scaleY(.9);
  }

  100% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
}

.brandinfo-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 60;
	opacity: 0;
	visibility: hidden;
}

.brandinfo-dialog-box .bg-box .bg-circle{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: scale(0);
	border-radius: 100%;
}
.brandinfo-dialog-box .bg-box .bg-circle1{
	width: 120%;
	padding-top: 120%;
	margin: -60% 0 0 -60%;
}
.brandinfo-dialog-box .bg-box .bg-circle2{
	width: 87.5%;
	padding-top: 87.5%;
	margin: -43.75% 0 0 -43.75%;
}
.brandinfo-dialog-box .bg-box .bg-circle3{
	width: 60.9375%;
	padding-top: 60.9375%;
	margin: -30.46875% 0 0 -30.46875%;
}

.brandinfo-dialog-box .bimg-tab,
.brandinfo-dialog-box .text-tab,
.brandinfo-dialog-box .text-tab ul,
.brandinfo-dialog-box .text-tab li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.brandinfo-dialog-box .text-tab{
	z-index: 3;
}
.brandinfo-dialog-box .text-tab li{
	display: none;
}
.brandinfo-dialog-box .img-box{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 38%;
	padding-top: 38%;
	border-radius: 100%;
	background-color: #fff;
	transform: scale(0);
	margin: -19% 0 0 -19%;
}
.brandinfo-dialog-box .img-box .img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50%;
	transform: translate(-50%, -50%);
}
.brandinfo-dialog-box .img-box .img img{
	width: 100%;
}
.brandinfo-dialog-box .text-box{
	position: absolute;
	left: 0;
	bottom: 9%;
	width: 100%;
}
.brandinfo-dialog-box .text-box .text-inner,
.brandinfo-dialog-box .text-box .ani-inner{
	transform: translateY(100%);
}
.brandinfo-dialog-box .text-box .type-img{
	/* width: 4rem; */
	overflow: hidden;
	font-size: 0;
}
.brandinfo-dialog-box .text-box .type-box{
	padding: .4rem .6rem;
	background-color: rgba(255,255,255,.2);
	border: 3px dashed #fff;
	border-radius: .7rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
}
.brandinfo-dialog-box .text-box .type-box .type-tit{
	font-size: .8rem;
	line-height: .9rem;
	color: #fff;
	font-family: "FZZZHONGJW";
}
.brandinfo-dialog-box .text-box .type-box .type-desc{
	font-size: .35rem;
	line-height: .4rem;
	color: #fff;
	margin-top: .1rem;
	font-family: "FZZZHONGJW";
}
.brandinfo-dialog-box .text-box .tit{
	font-size: 1.75rem;
	line-height: 2.3rem;
	font-family: "FZZZHONGJW";
	margin-top: .8rem;
	color: #fff;
	text-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.brandinfo-dialog-box .text-box .type-img img{
	width: 100%;
}
.brandinfo-dialog-box .text-box .tit{
	/* height: 1.675rem; */
	margin-top: 1rem;
	overflow: hidden;
}
.brandinfo-dialog-box .text-box .tit img{
	height: 100%;
}
.brandinfo-dialog-box .text-box .sub-tit{
	font-size: .6rem;
	line-height: .7rem;
	color: #fff;
	font-family: "FZZZHONGJW";
	margin-top: .2rem;
	overflow: hidden;
}
.brandinfo-dialog-box .text-box .con{
	font-size: .45rem;
	line-height: .7rem;
	color: #fff;
	margin-top: .9rem;
	overflow: hidden;
	width: 25.56%;
}

.brandinfo-dialog-box .bubbles-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	visibility: hidden;
	opacity: 0;
}
.brandinfo-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.brandinfo-dialog-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.brandinfo-dialog-box .bubbles-bg .bubble1{
	left: -7.4%;
	top: -14%;
	width: 7.625rem;
	padding-top: 7.625rem;
}
.brandinfo-dialog-box .bubbles-bg .bubble1 .circle{
	background-color: #222;
	opacity: .05;
}

.brandinfo-dialog-box .bubbles-bg .bubble2{
	left: 20.2%;
	top: 46%;
	width: 8px;
	padding-top: 8px;
}
.brandinfo-dialog-box .bubbles-bg .bubble2 .circle{
	border: 2px solid #fff;
}
.brandinfo-dialog-box .bubbles-bg .bubble3{
	left: 66.67%;
	top: 8.6%;
	width: 1.25rem;
	padding-top: 1.25rem;
}
.brandinfo-dialog-box .bubbles-bg .bubble3 .circle{
	border:1px solid #fff;
}

.brandinfo-dialog-box .bubbles-bg .bubble4{
	left: 95.83%;
	top: 38.7%;
	width: 2.85rem;
	padding-top: 2.85rem;
}
.brandinfo-dialog-box .bubbles-bg .bubble4 .circle{
	border:1px solid #fff;
}


.brandinfo-dialog-box .img-bubbles{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	visibility: hidden;
	opacity: 0;
}
.brandinfo-dialog-box .img-bubbles .bubble{
	position: absolute;
}
.brandinfo-dialog-box .img-bubbles .bubble .circle,
.brandinfo-dialog-box .img-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.brandinfo-dialog-box .img-bubbles .bubble .circle .img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	border-radius: 100%;
}
/* .brandinfo-dialog-box .img-bubbles .bubble1{
	left: 6.25%;
	top: 59.259%;
	width: 1.75rem;
	padding-top: 1.75rem;
}
.brandinfo-dialog-box .img-bubbles .bubble1 .circle .img{
	background-image: url('../img/brandinfo-circle-img1.jpg');
} */

.brandinfo-dialog-box .img-bubbles .bubble1{
	left: 73.177%;
	top: 29%;
	width: 2.45rem;
	padding-top: 2.45rem;
}
.brandinfo-dialog-box .img-bubbles .bubble1 .circle .img{
	background-image: url('../img/brandinfo-circle-img2.png');
}
.brandinfo-dialog-box .con-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.brandinfo-dialog-box .img-eles{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.brandinfo-dialog-box .img-eles .item{
	position: absolute;
	width: 1.9rem;
	height: 1.9rem;
	transform: scale(0);
}
.brandinfo-dialog-box .img-eles .item .ele,
.brandinfo-dialog-box .img-eles .item .ele .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.brandinfo-dialog-box .img-eles .item .ele .img{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.brandinfo-dialog-box .img-eles .left .item{
	left: 50%;
	top: 50%;
	margin: -.95rem 0 0 -.95rem;
}
.brandinfo-dialog-box .img-eles .right .item{
	right: 50%;
	top: 50%;
	margin: -.95rem -.95rem 0 0;
}



.brandinfo-dialog-box .img-eles .left .item .ele{
	animation:spin 8s infinite linear;
	transform-origin: 30% 30px;
}
.brandinfo-dialog-box .img-eles .left .item:nth-child(2n) .ele{
	animation:spin2 8s infinite linear;
}
.brandinfo-dialog-box .img-eles .left .item .ele .img{
	animation:spin-reverse 8s infinite linear;
}
.brandinfo-dialog-box .img-eles .left .item:nth-child(2n) .ele .img{
	animation:spin-reverse2 8s infinite linear;
}


.brandinfo-dialog-box .img-eles .right .item .ele{
	animation:spin 7s infinite linear;
	transform-origin: 30% 30px;
}
.brandinfo-dialog-box .img-eles .right .item:nth-child(2n) .ele{
	animation:spin2 7s infinite linear;
}
.brandinfo-dialog-box .img-eles .right .item .ele .img{
	animation:spin-reverse 7s infinite linear;
}
.brandinfo-dialog-box .img-eles .right .item:nth-child(2n) .ele .img{
	animation:spin-reverse2 7s infinite linear;
}

/* .brandinfo-dialog-box .img-eles .left .item:nth-child(1){
	left: 28%;
	top: 3.5%;
}
.brandinfo-dialog-box .img-eles .left .item:nth-child(2){
	left: 20%;
	top: 22.22%;
}
.brandinfo-dialog-box .img-eles .left .item:nth-child(3){
	left: 17.5%;
	top: 47.22%;
}
.brandinfo-dialog-box .img-eles .left .item:nth-child(4){
	left: 20.5%;
	top: 72.22%;
}
.brandinfo-dialog-box .img-eles .left .item:nth-child(5){
	left: 27.5%;
	top: 89%;
}

.brandinfo-dialog-box .img-eles .right .item:nth-child(1){
	right: 28%;
	top: 3.5%;
}
.brandinfo-dialog-box .img-eles .right .item:nth-child(2){
	right: 20%;
	top: 22.22%;
}
.brandinfo-dialog-box .img-eles .right .item:nth-child(3){
	right: 17.5%;
	top: 47.22%;
}
.brandinfo-dialog-box .img-eles .right .item:nth-child(4){
	right: 20.5%;
	top: 72.22%;
}
.brandinfo-dialog-box .img-eles .right .item:nth-child(5){
	right: 27.5%;
	top: 89%;
} */
.brandinfo-dialog-box .brandinfo-prev,
.brandinfo-dialog-box .brandinfo-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.25rem;
	height: 1.25rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 3;
	visibility: hidden;
	opacity: 0;
}
.brandinfo-dialog-box .brandinfo-prev{
	left: 25.2%;
	background-image: url('../img/brandinfo-prev.png');
}
.brandinfo-dialog-box .brandinfo-next{
	right: 25.2%;
	background-image: url('../img/brandinfo-next.png');
}

.brandinfo-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.brandinfo-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.brandinfo-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.brandinfo-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.brandinfo-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}

.brandinfo-dialog-box .img-bubbles .bubble .circle{
	animation:spin 8s infinite linear;
	transform-origin: 30% 30px;
}
.brandinfo-dialog-box .img-bubbles .bubble:nth-child(2n) .circle{
	animation:spin2 8s infinite linear;
}
.brandinfo-dialog-box .img-bubbles .bubble .circle .img{
	animation:spin-reverse 8s infinite linear;
}
.brandinfo-dialog-box .img-bubbles .bubble:nth-child(2n) .circle .img{
	animation:spin-reverse2 8s infinite linear;
}

.cup-line .m-line{
	display: none;
}
.scroll-slider .cup-img .m-img{
	display: none;
}

/**/
.xpp-history .list .item:nth-child(1){
	top: .5vw;
}

.xpp-history .list .item:nth-child(2){
	top: 4vw;
}

.xpp-history .list .item:nth-child(3){
	top: 5vw;
}
.xpp-history .list .item:nth-child(4){
	top: 18.8vw;
}
.xpp-history .list .item:nth-child(5){
	top: 29.7vw;
}

.xpp-history .list .item:nth-child(6){
	top: 38vw;
}
.xpp-history .list .item:nth-child(7){
	top: 57.5vw;
}

.xpp-history .list .item:nth-child(8){
	top: 66vw;
}

.xpp-history .list .item:nth-child(9){
	top: 84vw;
}

.xpp-history .list .item:nth-child(10){
	top: 92.6vw;
}

.xpp-history .list .item:nth-child(11){
    left: 80.8%;
    top: 108vw;
}
.xpp-history .list .item:nth-child(11) .icon{
	left: 200%;
	top: 50%;
	transform: translateY(-50%);
	width: .65rem;
}
.xpp-history .list .item:nth-child(11) .text{
	right: 416.7%;
	top: -250%;
	text-align: right;
	width: 13.8rem;
}






@media (min-width: 768px){

		/**/
		.meco-list .history-item:nth-child(1){
		    left: 6rem;
		}
		.meco-list .history-item:nth-child(2){
			left: 13.5rem;
			top:37.3%;
		}
		.meco-list .history-item:nth-child(3){
			left: 20rem;
		    top: 54.7%;
		}
		.meco-list .history-item:nth-child(4){
		    left: 27rem;
		    top: 80.78%;
		}
		.meco-list .history-item:nth-child(5){
			left: 80vw;
		}

		.meco-list .history-item:nth-child(6){
			left: 105vw;
			top: 94%;
		}

		.meco-list .history-item:nth-child(7){
			left: 126vw;
			top: 66%;
		}

		.meco-list .history-item:nth-child(8){
			left: 150vw;
		}
		.meco-history-box .img-bubbles .bubble2{
			left: 145vw;
		}

		.meco-history-box .big-bubbles .bubble1{
			left: 65vw;
		}
		.meco-history-box .bubbles-bg .bubble5{
			left: 170vw;
		}
		.meco-list .history-item:nth-child(9){
			left: 169vw;
			/*top: -0.5%;*/
			top: 0.5%;
		}

		.meco-list .history-item:nth-child(10){
			left: 193vw;
		    /*top: 8.4%;*/
	        top: 4.4%;
		}

		.meco-history-box .big-bubbles .bubble2{
			left: 156vw;
		}
		.meco-list .history-item:nth-child(11){
			left: 215vw;
			top: 32%;
		}
		.meco-history-box .bubbles-bg .bubble7{
			left: 215vw;
		}
		.meco-list .history-item:nth-child(12){
			left: 234.5vw;
		    top: 57.5%;
		}
		.meco-list .history-item:nth-child(13){
			left: 255vw;
			top: 73%;
		}

		.meco-list .history-item:nth-child(14){
			left: 275vw;
			top: 69.5%;
		}

		.meco-list .history-item:nth-child(15) {
		    left: 295vw;
		    /*top: 64.5%;*/
		        top: 51.5%;
		}
		.meco-history-box .big-bubbles .bubble3{
			/*left: 265vw;*/
			left: 115rem;
		    top: -2rem;
		}


		.meco-list .history-item:nth-child(16){

			    left: 323vw;
			    /* top: 37%; */
			    top: 12%;
		}
		.meco-list .history-item:nth-child(16) .history-img{
			width: 3.125rem;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		.meco-list .history-item:nth-child(16) .history-text{
			left: -.75rem;
			top: 2.25rem;
		}

		.meco-list .history-item:nth-child(17){
			    left: 352vw;
		    /* top: 11%; */
		    top: 36%;
		}
		.meco-list .history-item:nth-child(17) .history-img{
			width: 3.125rem;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		.meco-list .history-item:nth-child(17) .history-text{
			left: -.75rem;
			top: 2.25rem;
		}
		.meco-list .history-item:nth-child(18){
			left: 393vw;
			top: 73%;
		}
		.meco-list .history-item:nth-child(18) .history-img{
			width: 3.125rem;
			left: 50%;
			top: -3.5rem;
			transform: translateX(-50%);
		}
		.meco-list .history-item:nth-child(18) .history-text{
			left: -.75rem;
			top: 2.25rem;
		}
	
}
/* 25.01.10新增 */
.meco-list .history-item:nth-child(18) {
	left: 374vw;
	top: 65%;
}
.xpp-history .list .item:nth-child(14) {
	top: 154vw;
	left: 30.5%;
}


.xpp-history .list .item:nth-child(14) .img1 {
	right: 380%;
	top: -250%;
	width: 4.375rem;
}

.xpp-history .list .item:nth-child(14) .img2 {
	display: none;
}

.xpp-history .list .item:nth-child(14) .icon {
	right: 200%;
	top: 50%;
	transform: translateY(-50%);
	width: .65rem;
}

.xpp-history .list .item:nth-child(14) .text {
	left: 300%;
	top: -250%;
	text-align: left;
	width: 13.8rem;
}
@media (max-width: 767px) {
.meco-list .history-item:nth-child(18) {
	left: 43%;
	top: 1105vw;
}
.meco-page .brand-product-box {
	margin-top: 0 !important;
}
}