@charset "UTF-8";

@media (max-width: 1024px) {
	body.no-scroll {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
	}

	.search-dialog-box .search-bg {
		width: 200vw;
		height: 200vw;
		margin: -100vw 0 0 -100vw;
	}

	.search-dialog-box .bottom-box .share-box {
		display: none;
	}

	footer .f-nav {
		width: 10rem;
	}

	.footer-bottom .right {
		display: none;
	}

	.search-view {
		width: auto;
		padding: 0 3.125%;
	}

	.search-result-box .result-list .left {
		width: 80%;
	}

	.idea-bg {
		width: 200vw;
		height: 200vw;
		margin: -100vw 0 0 -100vw;
	}

	.idea-principle-box .principle-tab {
		padding: 0 3.125%;
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}

	.idea-manage-box .manage-tab .mouse-tip {
		display: none;
	}

	.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(1),
	.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(4) {
		width: 55%;
		padding-top: 55%;
	}

	.culture-box .tab-box .text-item .txt {
		font-size: .7rem;
	}

	.all-bg {
		width: 200vw;
		height: 200vw;
		margin: -100vw 0 0 -100vw;
	}

	.brand-video video {
		display: none;
	}

	.brand-video .pc-bg {
		display: block;
	}

	.index-news .con-box .img {
		height: 5.6rem;
	}

	.brandinfo-dialog-box .bg-box .bg-circle1 {
		width: 200%;
		padding-top: 200%;
		margin: -100% 0 0 -100%;
	}

	.brandinfo-dialog-box .bg-box .bg-circle3 {
		width: 80%;
		padding-top: 80%;
		margin: -40% 0 0 -40%;
	}

	.brandinfo-dialog-box .img-box {
		width: 50%;
		padding-top: 50%;
		margin: -25% 0 0 -25%;
	}

	.brandinfo-dialog-box .brandinfo-prev {
		left: 15%;
	}

	.brandinfo-dialog-box .brandinfo-next {
		right: 15%;
	}

	.brand-video .video-bg {
		display: block;
	}

	.index-wrap {
		position: relative;
	}

	.index-wrap>ul {
		position: relative
	}

	.index-data-box .scroll-arrow {
		display: none;
	}

	.index-data-box .data-title-box .title-canvas {
		display: none;
	}

	.index-data-box .data-title-box .m-tit {
		display: block;
		font-size: 1.5rem;
		line-height: 1.6rem;
		color: #333;
		text-align: center;
		letter-spacing: 4px;
		padding-left: 4px;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-animation: aitf 10s linear infinite;
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		background-image: url('../img/circle-bg2.jpg');
		background-position: 50% center;
		background-repeat: no-repeat;
	}


	.index-data-box .data-title-box .m-tit span {
		font-weight: bold;
	}

	.index-data-box .data-title-box .m-tit br {
		display: none;
	}

	.index-data-box .data-title-box .title-canvas,
	.data-title-box .title .enter-btn {
		transform: translateY(0);
	}

	.index-data-box .data-list .item:nth-child(1) .num-inner {
		transform-origin: 54.2% center;
	}

	.index-data-box .data-list .item .title-svg,
	.index-data-box .data-list .desc,
	.index-data-box .data-list .item .data-more .index-more {
		top: 0;
	}

	.index-data-box .data-title-box {
		top: 18%;
	}

	.data-tab-box {
		position: fixed;
	}

	.data-tab-box .pub-close {
		display: block;
	}

	.first-box .circle-box {
		width: 70%;
		padding-top: 70%;
	}

	.first-box .circle-box .text {
		left: 0;
		right: auto;
		text-align: center;
		top: 0;
		width: 100%;
		transform: translateY(0);
	}

	.first-box .circle-box .text1 {
		top: -10%;
	}

	.index-earth-box .index-earth-img {
		width: 35%;
	}

	.big-cup {
		width: 200%;
		left: 50%;
		margin-left: -100%;
	}

	.index-heart-box .text1 {
		bottom: 35%;
	}

	.index-heart-box .text2 {
		bottom: 45%;
	}

	.index-people-box .text {
		top: 51%;
	}

	.index-quality-box .quality-cup {
		bottom: 0;
	}

	.index-wrap>ul>li:nth-child(4),
	.index-wrap>ul>li:nth-child(5) {
		height: auto;
	}

	.index-brand-box {
		padding-top: 2rem;
	}

	.index-brand-box .click-area,
	.index-brand-box .brand-svg {
		display: none;
	}

	.index-container footer {
		position: relative;
	}

	.index-brand-box .index-brand-tit {
		position: static;
		color: #333;
		font-size: 1.4rem;
	}

	.index-brand-box .brand-list {
		position: static;
		padding: 0 3.125%;
		width: auto;
		margin-top: 1.5rem;
	}

	.index-brand-box .brand-list .row {
		margin: 0 -.75rem;
	}

	.index-brand-box .brand-list .item {
		/* height: 15rem; */
		height: auto;
		padding: 0 .75rem;
		box-sizing: border-box;
	}

	.index-brand-box .brand-list .item img {
		width: 100%;
	}

	.index-brand-box .brand-list .text-box {
		top: 10%;
		transform: translateY(0);
	}

	.index-brand-box .brand-list .con-box {
		position: relative;
		height: 100%;
	}

	.index-brand-box .brand-list .brand-img {
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 8px;
		overflow: hidden
	}

	.index-brand-box .brand-list .brand-inner {
		transform: translateY(0);
	}

	.index-brand-box .brand-list .brand-logo .init {
		opacity: 0;
	}

	.index-brand-box .brand-list .brand-logo .hover {
		opacity: 1;
	}

	.index-brand-box .brand-list .tit {
		color: #333;
		margin-top: .5rem;
	}

	.index-brand-box .brand-list .more-box {
		margin-top: .5rem;
	}

	.index-brand-box .brand-list .more-box .init {
		color: #333;
	}

	.index-brand-box .brand-list .item .brand-img,
	.index-brand-box .brand-list .item .block {
		display: block;
	}

	.index-brand-box .brand-list .item .block {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.index-news-box {
		position: static;
		transform: translateY(0);
		padding: 2rem 0;
	}

	.index-news-box .news-tit span {
		transform: translateY(0);
	}

	.index-news-box .index-news .row {
		opacity: 1;
	}

	.index-news .index-more {
		transform: translateY(0);
	}

	.heart-box {
		background-color: #fff;
		overflow: hidden
	}

	.heart-box .cup-bubbles,
	.heart-box .heart-bubbles-bg,
	.heart-box .heart-text,
	.heart-box .heart-cup {
		opacity: 1;
	}

	.heart-box .heart-cup {
		position: relative
	}

	.heart-box .heart-wrap {
		position: relative;
	}

	.heart-box .heart-text {
		position: absolute;
		bottom: 32%;
	}

	.ban-about .ban-mask {
		/* display: none; */
		transform: scale(1);
		transition: transform 1.5s;
	}

	.ban-about .ban-mask.on {
		transform: scale(34);
	}

	.about-box {
		background-color: #d70c25;
	}

	.listed-box .img-box {
		width: 100%;
		height: 100%;
	}

	.listed-box .img-box .img {
		border-radius: 0;
	}

	.listed-box .text-box {
		/* opacity: 1;
		visibility: visible; */
	}

	.start-box {
		margin: 0;
	}

	.loading-box {
		/* display: none; */
	}

	.loading-box .cup-wrap {
		width: 100vh;
		padding-top: 100vh;
		margin: -50vh 0 0 -50vh;
	}

	.loading-box .big-circle-box.on .red-circle {
		width: 120%;
		padding-top: 120%;
	}

	.loading-box .big-circle-box.on .red-circle.out {
		width: 150vh;
		padding-top: 150vh;
	}
}

@media (width: 1024px) and (height: 768px) {
	.index-heart-box .text1 {
		bottom: 20%;
	}

	.index-heart-box .text2 {
		bottom: 35%;
	}

	.loading-box .cup-wrap {
		width: 100%;
		padding-top: 100%;
		margin: -50% 0 0 -50%;
	}

	.loading-box .big-circle-box.on .red-circle {
		width: 110%;
		padding-top: 110%;
	}

	.loading-box .big-circle-box.on .red-circle.out {
		width: 130%;
		padding-top: 130%;
	}
}

@media (max-width: 992px) {
	.contact-box .top-list li {
		margin-right: 4%;
	}

	.invest-tab .con-box,
	.pdf-wrap .pdf-tab .con-box {
		height: 8rem;
		padding: .8rem;
	}

	.invest-tab .swiper-slide:first-child .tit {
		width: 100%;
	}

	.style-tit {
		font-size: 1.2rem;
		line-height: 1.3rem;
	}

	.stock-wrap .stock-text-box {
		width: 60%;
	}

	.message-box .message-right {
		width: 70%;
	}

	.message-box .message-right .check-inp {
		width: 55%;
	}

	.message-box .message-right .btns input {
		width: 3.5rem;
	}

	.index-heart-box .text1 {
		bottom: 28%;
	}

	.index-heart-box .text2 {
		bottom: 40%;
	}

	.index-data-box .data-list {
		width: 100%;
		margin-left: -50%;
	}

	.index-brand-box .brand-list .tit {
		font-size: .8rem;
		line-height: .9rem;
	}

	.sub-banner .text-box .tit {
		font-size: 1.4rem;
		line-height: 1.5rem;
	}

	.sub-banner .text-box .con {
		width: 80%;
		margin-top: .5rem;
	}

	.xpp-history-box .img-bubbles .bubble2 {
		top: 90%;
	}

	.xpp-history .list .item:nth-child(1) .text {

		left: 0;
	}

	.xpp-history .list .item:nth-child(2) .text {
		top: 2.5rem;
		width: 6.1rem;
	}

	.xpp-history .list .item:nth-child(3) .text {
		left: 0;
	}

	.xpp-history .list .item:nth-child(4) .text {
		right: .8rem;
	}

	.xpp-history .list .item:nth-child(5) .icon {
		bottom: -1rem;
	}

	.xpp-history .list .item:nth-child(5) .text {
		top: 2rem;
		left: -167%;
	}

	.xpp-history .list .item:nth-child(6) .img {
		left: -9rem;
		top: 1.5rem;
	}

	.xpp-history .list .item:nth-child(7) .img {
		left: 1rem;
		top: .5rem;
	}

	.xpp-history .list .item:nth-child(8) .text {
		left: -3rem;
		bottom: 1rem;
	}

	.xpp-history .list .item:nth-child(8) .img2 {
		top: .5rem;
	}

	.xpp-history .list .item:nth-child(9) .text {
		width: 10rem;
	}

	.xpp-history .list .item:nth-child(10) .img {}
}

@media (max-width: 767px) {
	.header-view {
		padding: 0 .6rem;
	}

	header {
		padding: .6rem 0;
	}

	header .logo {
		width: 1.54rem;
	}

	header .nav-box {
		display: none;
	}


	.m-menu-btn {
		font-size: 0;
		z-index: 3;
		position: relative;
		line-height: .6rem;
		height: .3rem;
		transition: all .3s;
		display: inline-block;
		width: .6rem;
		vertical-align: middle;
		margin-left: .4rem;
	}

	.sp-page .m-menu-btn .line {
		background-color: #fff;
	}

	.sp-page .header-right .item.search-btn i {
		background-image: url('../img/search-btn.svg');
	}

	/* .m-menu-btn .line-box{
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
		position: relative;
		width: .6rem;
		height: .3rem;
		transition: width .2s;
	} */
	.m-menu-btn .line {
		position: absolute;
		left: 0;
		width: .6rem;
		height: 3px;
		background-color: #d10a30;
		transform-origin: center center;
		margin: 0;
		transition: all .2s;
	}

	.m-menu-btn .line:nth-child(1) {
		top: 0;
	}

	.m-menu-btn .line:last-child {
		bottom: 0;
	}

	.header-right {
		width: auto;
	}

	.header-right .item {
		width: .6rem;
		height: .6rem;
		display: inline-block;
		vertical-align: middle;
		background-color: transparent;
		margin-left: .25rem;
	}

	.header-right .item i {
		font-size: .4rem;
		line-height: .6rem;
	}

	.header-right .item.search-btn i {
		background-size: 100%;
		background-image: url('../img/m-search-btn.svg');
	}

	.index-page .header-right .item i,
	.idea-page .header-right .item i {
		color: #d10a30;
	}

	.m-nav-box {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 50;
		opacity: 0;
		visibility: hidden;
	}

	.m-nav-box .m-nav-bg {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 150vh;
		height: 150vh;
		border-radius: 100%;
		background-color: #d10a30;
		margin: -75vh 0 0 -75vh;
		transform: scale(0);
	}

	.m-nav-box .m-nav {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 3;
		padding-top: .6rem;
	}

	.m-nav-box .m-nav .top-box {
		opacity: 0;
		visibility: hidden;
	}

	.m-nav-box .m-nav .logo {
		float: left;
		width: 1.54rem;
	}

	.m-nav-box .m-nav .logo img {
		width: 100%;
	}

	.m-nav-box .m-nav .nav-close {
		float: right;
		position: relative;
		right: 0;
		top: 0;
		margin-top: .1rem;
		/* width: .6rem;
		height: .3rem;
		position: relative;
		margin-top: .2rem; */
	}

	/* .m-nav-box .m-nav .nav-close .line {
	    position: absolute;
	    left: 0;
	    width: .6rem;
	    height: 3px;
	    background-color: #fff;
	    transform-origin: center center;
	    margin: 0;
	    transition: all .2s;
	}
	.m-nav-box .m-nav .nav-close .line:nth-child(1) {
	    top: 50%;
        margin-top: -1.5px;
        transform: rotate(45deg);
	}
	.m-nav-box .m-nav .nav-close .line:nth-child(2) {
	    bottom: 50%;
        margin-bottom: -1.5px;
        transform: rotate(-45deg);
	} */
	.m-nav-box .m-nav .list {
		margin-top: .9rem;
	}

	.m-nav-box .m-nav .list li {
		opacity: 0;
		visibility: hidden;
		transform: translateY(.5rem);
	}

	.m-nav-box .m-nav .list .tit {
		display: block;
		padding: 0 .6rem;
		font-size: .5rem;
		line-height: .9rem;
		color: #fff;
		transition: all .3s;
	}

	.m-nav-box .m-nav .list .navson {
		margin-top: .36rem;
		margin-bottom: .15rem;
		padding: .3rem .6rem .2rem;
		background-color: #bd0024;
		display: none;
		position: relative;
	}

	.m-nav-box .m-nav .list .navson:before {
		content: "";
		position: absolute;
		left: .78rem;
		top: -.4rem;
		width: 0;
		height: 0;
		border: .2rem solid transparent;
		border-bottom-color: #bd0024;
	}

	.m-nav-box .m-nav .list .navson a {
		font-size: .28rem;
		line-height: .6rem;
		color: #fff;
		margin-right: .6rem;
		float: left;
		margin-bottom: .1rem;
	}

	.m-nav-box .m-nav .list .navson a:last-child {
		margin-right: 0;
	}

	.m-nav-box .m-nav.on .list .tit {
		opacity: .5;
	}

	.m-nav-box .m-nav.on .list li.cur .tit {
		opacity: 1;
	}

	.pub-close {
		width: .6rem;
		height: .6rem;
		right: .6rem;
		top: .7rem;
	}

	.pub-close i {
		background-size: .2rem;
	}

	.search-dialog-box .search-bg {
		width: 150vh;
		height: 150vh;
		margin: -75vh 0 0 -75vh;
	}

	.search-dialog .search-tit {
		font-size: .7rem;
		line-height: .8rem;
	}

	.search-dialog .search-inner {
		padding: 0 .6rem;
		margin-top: .5rem;
		height: .9rem;
	}

	.search-dialog .search-input {
		width: 100%;
		padding: .2rem .3rem;
	}

	.search-dialog .search-input input[type=text] {
		font-size: .3rem;
		width: 75%;
	}

	.search-dialog .search-input .clear-btn {
		margin-right: .2rem;
	}

	.search-dialog .hot-search {
		margin-top: .3rem;
	}

	.search-dialog .hot-search .hot-tit,
	.search-dialog .hot-link a {
		font-size: .3rem;
	}

	.search-dialog .hot-search .hot-tit {
		display: block;
	}

	.search-dialog .hot-link {
		margin-left: 0;
	}

	.search-dialog .hot-link a {
		margin-right: .3rem;
	}

	.search-dialog-box .bottom-box .copy {
		font-size: .24rem;
		line-height: .4rem;
	}

	footer {
		padding: .75rem 0;
	}

	.top-btn {
		width: .8rem;
		height: .8rem;
	}

	footer .left,
	footer .right {
		float: none;
	}

	footer .left {
		padding-bottom: .5rem;
		border-bottom: 2px solid rgba(255, 255, 255, .3);
	}

	.footer-top .f-logo {
		width: 1.54rem;
	}

	.footer-top .text {
		margin-top: .3rem;
		font-size: .24rem;
		line-height: .4rem;
	}

	.footer-top .text a {
		font-size: .24rem;
		line-height: .4rem;
	}

	footer .f-nav {
		display: none;
	}

	.m-f-nav {
		display: block;
		padding: .5rem 0;
		border-bottom: 2px solid rgba(255, 255, 255, .3);
	}

	.m-f-nav .row {
		margin: 0 -.3rem;
	}

	.m-f-nav .item {
		box-sizing: border-box;
		padding: 0 .3rem;
		margin-bottom: .15rem;
	}

	.m-f-nav .item:nth-child(5),
	.m-f-nav .item:nth-child(6) {
		margin-bottom: 0;
	}

	.footer-bottom {
		margin-top: 0;
	}

	/* footer .left{
		padding: .5rem 0 0;
		border-bottom: none;
	} */
	.footer-bottom .copy {
		font-size: .24rem;
		line-height: .4rem;
	}

	.footer-bottom .copy br {
		display: none;
	}

	.footer-bottom .build {
		margin-top: 0;
	}

	.footer-bottom .build,
	.footer-bottom .build a {
		font-size: .24rem;
		line-height: .4rem;
	}

	.footer-bottom .build a {
		margin-right: .2rem;
	}

	.m-f-nav a {
		display: block;
		font-size: .24rem;
		line-height: .3rem;
		color: #fff;
		white-space: nowrap;
	}

	.footer-bottom .left {
		border-bottom: none;
		padding-bottom: 0;
		padding-top: .5rem;
	}

	.contact-box {
		padding: .8rem 0;
	}

	.map-box .map {
		height: 8rem;
	}

	.contact-box .contact-tit {
		font-size: .5rem;
		line-height: .7rem;
	}

	.contact-box .top-list {
		margin-top: .4rem;
	}

	.contact-box .top-list li {
		margin-right: 0;
		margin-bottom: .3rem;
		padding-left: .3rem;
		width: 100%;
		box-sizing: border-box;
	}

	.contact-box .top-list li:first-child {
		width: 100%;
	}

	.contact-box .top-list li:last-child {
		margin-bottom: 0;
	}

	.contact-box .top-list .tit {
		font-size: .36rem;
		line-height: .4rem;
	}

	.contact-box .top-list .con {
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .1rem;
	}

	.contact-box .top-list .con a {
		font-size: .3rem;
		line-height: .4rem;
	}

	.contact-box .bottom-box {
		margin-top: .5rem;
	}

	.contact-box .bottom-box .left .tit {
		font-size: .4rem;
		line-height: .5rem;
	}

	.contact-box .bottom-box .left .con {
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}

	.contact-box .bottom-box .left .tel {
		margin-top: .2rem;
		font-size: .3rem;
		line-height: .4rem;
		padding-left: .4rem;
		background-size: .22rem;
	}

	.contact-box .bottom-box .left .tel a {
		font-size: .3rem;
		line-height: .4rem;
	}

	.contact-box .qrcode-list {
		margin-top: .5rem;
	}

	.contact-box .qrcode-list .item {
		margin-left: 0;
		float: left;
		width: 45%;
		margin-bottom: .3rem;
	}

	.contact-box .qrcode-list .item:nth-child(2n) {
		float: right;
	}

	.contact-box .qrcode-list .txt {
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .1rem;
	}

	.ban-search {
		height: 8rem;
	}

	.search-view {
		padding: 0 .6rem;
	}

	.search-type a {
		font-size: .3rem;
		line-height: .4rem;
		padding: .3rem 0;
		margin-right: .8rem;
	}

	.search-result-box {
		padding: .2rem 0 .8rem;
	}

	.search-result-box .result {
		font-size: .28rem;
		line-height: .4rem;
	}

	.search-result-box .result .num {
		font-size: .3rem;
		line-height: .4rem;
	}

	.search-result-box .result-list {
		margin-top: .36rem;
	}

	.search-result-box .result-list .item {
		padding: .4rem;
		margin-bottom: .3rem;
	}

	.search-result-box .result-list .left {
		float: none;
		width: 100%;
	}

	.search-result-box .result-list .tit {
		font-size: .3rem;
		line-height: .4rem;
	}

	.search-result-box .result-list .img {
		width: 100%;
		margin-top: .2rem;
	}

	.search-result-box .result-list .con {
		height: auto;
		white-space: normal;
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}

	.search-result-box .result-list .origin {
		float: none;
		display: inline-block;
		padding: 0 .15rem;
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem;
		margin-top: .3rem;
	}

	.search-result-box .result-list .pro-item .img {
		margin-top: .1rem;
		width: 1rem;
	}

	.search-result-box .page-box {
		margin-top: .5rem;
	}

	.page-box .page a {
		width: .6rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .24rem;
		margin: 0 2px;
	}

	.page-box .jump {
		margin-left: 2px;
	}

	.page-box .jump input[type=text] {
		width: .4rem;
		height: .4rem;
		padding: calc(.1rem - 1px);
		font-size: .24rem;
	}

	.page-box .jump .go {
		width: .6rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .6rem;
		margin-left: 4px;
	}

	.sub-banner .text-box .tit {
		font-size: .7rem;
		line-height: .8rem;
	}

	.sub-banner .text-box .con {
		font-size: .3rem;
		line-height: .5rem;
		margin-top: .3rem;
		width: 100%;
	}

	.stock-box {
		padding-top: .8rem;
	}

	.sub-banner {
		height: 8rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.sub-banner img {
		display: none;
	}

	.stock-wrap .stock-text-box {
		float: none;
		width: 100%;
	}

	.style-tit {
		font-size: .6rem;
		line-height: .7rem;
	}

	.stock-wrap {
		padding: 5rem .4rem .4rem;
		background-image: url('../img/m-stock-bg.png');
		background-size: 100%;
		background-position: top center;
	}

	.stock-wrap .data-box {
		margin-top: .5rem;
	}

	.stock-wrap .data-box .left {
		padding: .3rem 0;
	}

	.stock-wrap .data-box .left .sp {
		font-size: .24rem;
		line-height: .4rem;
	}

	.stock-wrap .data-box .left .code {
		font-size: .3rem;
		line-height: .4rem;
	}

	.stock-wrap .data-box .left .price-box .num {
		font-size: .4rem;
		line-height: .6rem;
	}

	.stock-wrap .data-box .left .price-box .unit {
		font-size: .24rem;
		line-height: .4rem;
		margin-left: .1rem;
	}

	.stock-wrap .data-box .right {
		width: 2rem;
	}

	.stock-wrap .data-box .right ul {
		padding-left: .3rem;
	}

	.stock-wrap .data-box .right li .tit,
	.stock-wrap .data-box .right li .price {
		font-size: .24rem;
		line-height: .4rem;
	}

	.stock-wrap .data-box .right li .price {
		margin-left: .5rem;
	}

	.stock-wrap .data-list {
		padding: .24rem 0;
		display: block;
	}

	.stock-wrap .data-list .item {
		width: 33.33%;
		float: left;
	}

	.stock-wrap .data-list .tit {
		font-size: .24rem;
		line-height: .4rem;
	}

	.stock-wrap .data-list .num {
		font-size: .3rem;
		line-height: .4rem;
	}

	.stock-wrap .time {
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .4rem;
	}

	.invest-info-box {
		padding: .8rem 0;
	}

	.invest-tit-box .pub-more {
		margin-top: .2rem;
	}

	.pub-more span {
		font-size: .3rem;
		line-height: .4rem;
		/* padding-right: .5rem; */
	}

	.pub-more span:before {
		/* background-color: #999;
		background-image: url('../img/pub-more.png');
		width: .4rem;
		height: .4rem; */
	}

	.invest-tab {
		margin-top: .5rem;
	}

	.invest-tab .swiper-slide,
	.invest-tab .swiper-slide:first-child {
		width: 100%;
	}

	.invest-tab .con-box,
	.pdf-wrap .pdf-tab .con-box {
		height: 6rem;
		padding: .4rem;
	}

	.invest-tab .tit,
	.invest-tab .swiper-slide:first-child .tit {
		font-size: .4rem;
		line-height: .6rem;
	}

	.invest-tab .swiper-slide:first-child .time-box .pub-more span {
		padding-right: .5rem;
	}

	.invest-tab .swiper-slide {
		margin-right: 5%;
	}

	.invest-tab .swiper-slide:last-child {
		margin-right: 0;
	}

	.invest-tab .time-box {
		padding: 0 .4rem;
	}

	.pdf-box {
		padding: .8rem 0;
	}

	.invest-buttons {
		display: block;
		text-align: center;
		margin-top: .5rem;
	}

	.invest-buttons a {
		width: .8rem;
		height: .8rem;
		margin: 0 .1rem;
	}

	.invest-list {
		padding: .8rem 0;
		margin: 0;
	}

	.invest-list .item:last-child {
		margin-bottom: 0;
	}

	.invest-list .page-box {
		margin-top: .5rem;
	}

	.pdf-wrap .invest-tit-box {
		float: none;
	}

	.pdf-box .pub-more {
		position: static;
	}

	.pdf-wrap .pdf-tab {
		float: none;
		width: 100%;
		margin-top: .5rem;
	}

	.pdf-wrap .pdf-tab .swiper-slide {
		width: 100%;
		margin-right: 5%;
	}

	.pdf-wrap .pdf-tab .swiper-slide:last-child {
		margin-right: 0;
	}

	.pdf-wrap .pdf-tab .time {
		font-size: .3rem;
		line-height: .4rem;
	}

	.pdf-wrap .pdf-tab .tit {
		font-size: .4rem;
		line-height: .5rem;
	}

	.pdf-wrap .pdf-tab .bottom-box {
		padding: 0 .4rem;
		bottom: .4rem;
	}

	.pdf-wrap .pdf-tab .download-btn {
		font-size: .3rem;
		line-height: .4rem;
		padding-left: .4rem;
	}

	.pdf-wrap .pdf-tab .pdf-icon {
		width: .4rem;
		height: .4rem;
	}

	.manage-box {
		padding: .8rem 0 0;
	}

	.structure-box {
		padding: .8rem 0 0;
	}

	.structure-table {
		margin-top: .5rem;
	}

	.structure-table th,
	.structure-table td {
		font-size: .24rem;
		line-height: .4rem;
		height: auto;
		padding: .2rem 0;
	}

	.message-box {
		padding: .8rem 0;
	}

	.message-box .style-tit {
		float: none;
	}

	.message-box .message-right,
	.message-box .message-right .inp {
		float: none;
		width: 100%;
	}

	.message-box .message-right {
		margin-top: .5rem;
	}

	.message-box .message-right .inp {
		margin-right: 0;
		margin-bottom: .3rem;
	}

	.message-tit {
		font-size: .3rem;
		line-height: .4rem;
	}

	.message-box .message-right input[type=text] {
		margin-top: .2rem;
		padding: .2rem;
		height: .4rem;
		line-height: .4rem;
		font-size: .3rem;
		width: calc(100% - .4rem);
	}

	.message-box .message-right .select {
		margin-top: .2rem;
	}

	.message-box .message-right .select-tit {
		height: .8rem;
		line-height: .8rem;
		padding: 0 .2rem;
		font-size: .3rem;
	}

	.message-box .message-right .message-inp {
		margin: 0;
	}

	.message-box .message-right textarea {
		margin-top: .2rem;
		padding: .2rem;
		width: calc(100% - .4rem);
		font-size: .3rem;
	}

	.message-box .message-right .check-tit {
		font-size: .3rem;
		line-height: .8rem;
	}

	.message-box .message-right .check-inp img {
		height: .8rem;
	}

	.message-box .message-right .btns {
		float: none;
		text-align: center;
	}

	.message-box .message-right .btns input {
		width: 2rem;
		height: .8rem;
		font-size: .3rem;
		margin: 0 .1rem;
	}

	.message-box .message-right .select .sub {
		top: .8rem;
	}

	.message-box .message-right .select .sub a {
		height: .8rem;
		line-height: .8rem;
		font-size: .3rem;
		padding: 0 .2rem;
	}

	.style-box {
		padding: .8rem 0;
	}

	.activity-box .top-box {
		padding-bottom: .3rem;
	}

	.activity-box .top-box .tab-btns .swiper-slide {
		margin-left: .5rem;
	}

	.activity-box .top-box .tab-btns a {
		font-size: .3rem;
		line-height: .4rem;
	}

	.activity-list {
		margin-top: .3rem;
	}

	.activity-list .item {
		padding: 0 .6rem;
		margin-bottom: .8rem;
	}

	.activity-list .item:last-child {
		margin-bottom: 0;
	}

	.activity-list .con-box .tit {
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .3rem;
	}

	.activity-list .pub-more {
		margin-top: .3rem;
	}

	.activity-list .pub-more span {
		padding-right: .5rem;
	}

	.welfare-box {
		padding: .8rem 0;
	}

	.news-type {
		margin-bottom: .6rem;
	}

	.news-type .swiper-slide {
		margin-right: .5rem;
	}

	.news-type a {
		font-size: .3rem;
		line-height: .4rem;
		padding-bottom: .1rem;
	}

	.welfare-box .index-news .item {
		margin-bottom: 1rem;
	}

	.index-news .con-box .img {
		height: auto;
	}

	.index-news .con-box .img img {
		display: block;
	}

	.index-news .con-box .text {
		margin-top: .2rem;
	}

	.index-news .con-box .tit {
		font-size: .3rem;
		line-height: .4rem;
		height: auto;
	}

	.index-news .con-box .bottom {
		margin-top: .3rem;
	}

	.index-news .con-box .time {
		font-size: .3rem;
		line-height: .4rem;
	}

	.index-news .con-box .detail-btn span {
		font-size: .3rem;
		line-height: .4rem;
		/* padding-right: .5rem; */
	}

	.index-news .con-box .detail-btn span:before {
		/* background-color: #999;
		opacity: 1;
		width: .4rem;
		height: .4rem; */
	}

	.welfare-box .index-news .page-box {
		margin-top: .5rem;
	}

	.newsinfo-box {
		padding: 1.5rem 0 1.6rem;
	}

	.bread .divide {
		margin: 0 .05rem;
	}

	.bread a,
	.bread span {
		font-size: .24rem;
		line-height: .4rem;
	}

	.newsinfo {
		margin-top: .4rem;
	}

	.newsinfo .tit {
		font-size: .36rem;
		line-height: .5rem;
		padding-bottom: 0;
		border-bottom: none;
	}

	.newsinfo .time-box {
		margin-top: .2rem;
		padding-bottom: .3rem;
		border-bottom: 1px solid rgba(204, 204, 204, .4);
	}

	.newsinfo .time-box .share {
		display: none;
	}

	.newsinfo .time-box .time {
		float: none;
		font-size: .3rem;
		line-height: .4rem;
		text-align: center;
	}

	.newsinfo .con {
		font-size: .3rem;
		line-height: .5rem;
	}

	.newsinfo .con img {
		height: auto !important;
	}

	.newsinfo .ctrl-box {
		margin-top: .5rem;
		padding-top: .5rem;
	}

	.newsinfo .ctrl-box .prev,
	.newsinfo .ctrl-box .next {
		font-size: .3rem;
		line-height: .5rem;
		background-size: .15rem;
	}

	.newsinfo .ctrl-box .prev {
		padding-left: .3rem;
	}

	.newsinfo .ctrl-box .next {
		padding-right: .3rem;
	}

	.newsinfo .ctrl-box .back-btn {
		font-size: .3rem;
		line-height: .5rem;
		top: 1.2rem;
	}

	.index-news .play-icon {
		width: .8rem;
		height: .8rem;
	}

	.index-news .video-tit {
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
	}

	.newsinfo .ctrl-box.on .back-btn {
		top: .4rem;
	}

	.idea-page header {
		top: .6rem;
	}

	.idea-box .bubbles-bg .bubble1 {
		width: 2.3rem;
		padding-top: 2.3rem;
	}

	.idea-box .bubbles-bg .bubble2 {
		width: .6rem;
		padding-top: .6rem;
	}

	.idea-box .bubbles-bg .bubble3 {
		width: 1.2rem;
		padding-top: 1.2rem;
	}

	.idea-box .bubbles-bg .bubble6 {
		width: .7rem;
		padding-top: .7rem;
	}

	.idea-box .bubbles-bg .bubble7 {
		width: .3rem;
		padding-top: .3rem;
	}

	.idea-box .bubbles-bg .bubble9 {
		width: .5rem;
		padding-top: .5rem;
	}

	.idea-box .bubbles-bg .bubble11 {
		width: 2rem;
		padding-top: 2rem;
	}

	.idea-text .idea-tit {
		font-size: .6rem;
		line-height: .8rem;
	}

	.idea-box .img-bubbles .bubble1 {
		width: 1.3rem;
		height: 1.3rem;
		margin: -.65rem 0 0 -.65rem;
	}

	.idea-box .img-bubbles .bubble2 {
		width: 1.2rem;
		height: 1.2rem;
		margin: -.6rem 0 0 -.6rem;
	}

	.idea-box .img-bubbles .bubble3 {
		width: 1.2rem;
		height: 1.2rem;
		margin: -.6rem 0 0 -.6rem;
	}

	.idea-box .img-bubbles .bubble4 {
		width: 1.8rem;
		height: 1.8rem;
		margin: -.9rem 0 0 -.9rem;
	}

	.idea-box .line1 {
		width: 9.1rem;
		padding-top: 9.1rem;
		margin: -4.55rem 0 0 -4.55rem;
	}

	.idea-box .line2 {
		width: 6rem;
		padding-top: 6rem;
		margin: -3rem 0 0 -3rem;
	}

	.idea-list .item {
		width: 1rem;
		margin: -.5rem 0 0 -.5rem;
	}

	.idea-list .item .txt {
		font-size: .24rem;
		line-height: .3rem;
	}

	.idea-list .item:nth-child(1) .txt {
		transform: rotate(0deg) translate(-28%, 14%);
	}

	.idea-list .item:nth-child(2) .txt {
		transform: rotate(14deg) translate(0%, 20%);
	}

	.idea-list .item:nth-child(3) .txt {
		transform: rotate(-32deg) translate(-40%, -25%);
	}

	.feature-circle .circle1 {
		width: 13rem;
		padding-top: 13rem;
	}

	.feature-bg-circle {
		width: 10rem;
		padding-top: 10rem;
		margin: -5rem 0 0 -5rem;
	}

	.feature-circle .circle2 {
		width: 4.8rem;
		padding-top: 4.8rem;
	}

	.feature-box .img-bubbles .bubble1 {
		width: 1.2rem;
		padding-top: 1.2rem;
		margin: -.6rem 0 0 -.6rem;
	}

	.feature-box .img-bubbles .bubble2 {
		width: 1.3rem;
		padding-top: 1.3rem;
		margin: -.65rem 0 0 -.65rem;
	}

	.feature-box .img-bubbles .bubble3 {
		width: 1.3rem;
		padding-top: 1.3rem;
		margin: -.65rem 0 0 -.65rem;
	}

	.idea-bg {
		width: 150vh;
		height: 150vh;
		margin: -75vh 0 0 -75vh;
	}

	.idea-dialog-box .bubbles-bg .bubble1 {
		width: 1.15rem;
		padding-top: 1.15rem;
	}

	.idea-dialog-box .bubbles-bg .bubble3 {
		width: .36rem;
		padding-top: .36rem;
	}

	.idea-dialog-box .bubbles-bg .bubble5 {
		width: .8rem;
		padding-top: .8rem;
	}

	.idea-dialog-box .bubbles-bg .bubble7 {
		width: .6rem;
		padding-top: .6rem;
	}

	.idea-dialog-box .bubbles-bg .bubble9 {
		width: .4rem;
		padding-top: .4rem;
	}

	.idea-manage-box .manage-tab .cup-box {
		display: none;
	}

	.idea-manage-box .manage-tab .swiper-slide {
		width: calc(100% - 1.2rem);
		margin: 0 .3rem;
	}

	.idea-manage-box .manage-tab .con-box {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	.idea-manage-box .manage-tab .img {
		height: 6.65rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 8px;

	}

	.idea-manage-box .manage-tab .img img {
		display: none;
	}

	.idea-manage-box .manage-tab .icon {
		width: .6rem;
	}

	.idea-manage-box .manage-tab .txt {
		font-size: .4rem;
		line-height: .5rem;
		margin-top: .3rem;
	}

	.idea-principle-box .principle-tab .swiper-slide {
		/* width: 3.95rem; */
		width: 100%;
		padding-top: 8rem;
	}

	.idea-principle-box .principle-tab .con-box {
		left: 50%;
		transform: translateX(-50%);
		width: 3.95rem;
	}

	.idea-principle-box .principle-tab .sub-tit {
		font-size: .48rem;
		line-height: .6rem;
	}

	.idea-principle-box .principle-tab .sub-con {
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}

	.idea-principle-box .principle-tab .circle {
		transform: scale(1);
	}

	.idea-principle-box .principle-tab .tit-box {
		padding-bottom: 0;
	}

	.idea-principle-box .principle-tab .tit {
		font-size: .6rem;
		line-height: .7rem;
	}

	.idea-principle-box .principle-tab .circle1 {
		width: .86rem;
		height: .86rem;
		left: -.16rem;
		top: -.3rem;
	}

	.idea-principle-box .principle-tab .circle2 {
		width: 10px;
		height: 10px;
		left: -.16rem;
		top: -.12rem;
	}

	.idea-dialog-box .invest-buttons {
		display: block;
		position: absolute;
		margin: 0;
		width: 100%;
		text-align: center;
		left: 0;
		z-index: 3;
		bottom: 2rem;
	}

	.idea-dialog-box .invest-buttons a {
		border-color: #fff;
	}

	.idea-dialog-box .invest-buttons .prev {
		background-image: url('../img/h-invest-prev.png');
	}

	.idea-dialog-box .invest-buttons .next {
		background-image: url('../img/h-invest-next.png');
	}

	.idea-principle-box .principle-tab .invest-buttons {
		position: relative;
		bottom: 0;
		margin-top: .5rem;
	}

	.person-box {
		margin-bottom: .5rem;
	}

	.person-tab {
		margin-top: .5rem;
	}

	.person-tab .swiper-slide {
		width: 100%;
		margin-right: 1rem;
	}

	.person-tab .con-box {
		padding: .5rem 0;
	}

	.person-tab .con-box .img {
		width: 1.5rem;
	}

	.person-tab .con-box .tit {
		font-size: .36rem;
		line-height: .46rem;
		margin-top: .2rem;
	}

	.person-tab .con-box .con {
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .4rem;
		height: 1.2rem;
		padding: 0 .3rem;
	}

	.ban-about .text {
		padding: 0 .6rem;
		box-sizing: border-box;
	}

	.ban-about .text .sub-tit {
		font-size: .35rem;
		line-height: .6rem;
	}

	.ban-about .text .tit {
		font-size: .5rem;
		line-height: .64rem;
		margin-top: .1rem;
	}

	.heart-box .heart-bubbles-bg .bubble4 {
		width: .75rem;
		padding-top: .75rem;
	}

	.heart-box .heart-bubbles-bg .bubble6 {
		width: 1.1rem;
		padding-top: 1.1rem;
	}

	.heart-box .heart-bubbles-bg .bubble9 {
		width: 1.4rem;
		padding-top: 1.4rem;
	}

	.heart-box .heart-bubbles-bg .bubble10 {
		width: .5rem;
		padding-top: .5rem;
	}

	.heart-box .heart-bubbles-bg .bubble13 {
		width: 1.14rem;
		padding-top: 1.14rem;
	}

	.heart-box .heart-bubbles-bg .bubble15 {
		width: .7rem;
		padding-top: .7rem;
	}

	.heart-box .heart-bubbles-bg .bubble16 {
		width: 1.4rem;
		padding-top: 1.4rem;
	}

	.heart-box .heart-text {
		bottom: 30%;
	}

	.heart-box .heart-text .tit1 {
		font-size: .5rem;
		line-height: .64rem;
	}

	.heart-box .heart-text .tit1 span {
		font-size: .7rem;
		line-height: .8rem;
	}

	.about-box .top-text {
		font-size: .35rem;
		line-height: .6rem;
		letter-spacing: 0;
	}

	.heart-box .heart-text .tit {
		font-size: .5rem;
		line-height: .64rem;
	}

	.about-box .people-box {
		padding-top: 3.9rem;
	}

	.about-box .people-box .bubble1 {
		width: .86rem;
		padding-top: .86rem;
	}

	.about-box .people-box .bubble3 {
		width: 1.78rem;
		padding-top: 1.78rem;
		top: 12%;
	}

	.about-box .people-box .bubble10 {
		width: 1.5rem;
		padding-top: 1.5rem;
	}

	.about-box .people-box .bubble12 {
		width: 1.4rem;
		padding-top: 1.4rem;
		left: 80%;
		top: 100%;
	}

	.about-box .people-circle {
		width: 4.7rem;
		height: 4.7rem;
		margin-top: 2.8rem;
	}

	.about-box .people-circle1 {
		width: 8.5rem;
		height: 8.5rem;
		margin: -4.25rem 0 0 -4.25rem;
	}

	.about-box .people-circle2 {
		width: 4.7rem;
		height: 4.7rem;
		margin: -2.35rem 0 0 -2.35rem;
	}

	.about-box .people-circle .center-img {
		width: 2.9rem;
		height: 2.9rem;
		margin: -1.45rem 0 0 -1.45rem;
	}

	.about-box .people-circle2 .icon {
		width: .9rem;
		height: .9rem;
	}

	.about-box .people-circle1 .img {
		width: .9rem;
	}

	.about-box .people-circle .txt {
		font-size: .3rem;
		line-height: .4rem;
		transform: rotate(45deg) translate(0, .4rem);
	}

	.about-box .No1-box {
		padding: 3.7rem 0 2.45rem;
	}

	.about-box .No1-box .img {
		width: 3.4rem;
		margin: .6rem auto 0;
	}

	.about-box .No1-bubbles .bubble1 {
		width: 1.14rem;
		padding-top: 1.14rem;
		top: 40%;
	}

	.about-box .No1-bubbles .bubble2 {
		width: 2rem;
		padding-top: 2rem;
		left: 8%;
		top: 80%;
	}

	.about-box .No1-bubbles .bubble3 {
		width: .9rem;
		padding-top: .9rem;
		left: 14%;
		top: 60%;
	}

	.about-box .No1-bubbles .bubble4 {
		width: .7rem;
		padding-top: .7rem;
		top: 23%;
	}

	.about-box .No1-bubbles .bubble5 {
		width: .7rem;
		padding-top: .7rem;
		left: 85%;
		top: 60%;
	}

	.listed-box .img-box {
		/* width: calc(100% - 1.2rem); */
	}

	.listed-box .listed-bubbles .bubble3 {
		width: 1.1rem;
		padding-top: 1.1rem;
	}

	.listed-box .listed-bubbles .bubble4 {
		width: .75rem;
		padding-top: .75rem;
	}

	.listed-box .listed-bubbles .bubble6 {
		width: .4rem;
		padding-top: .4rem;
	}

	.listed-box .listed-bubbles .bubble8 {
		width: 1.14rem;
		padding-top: 1.14rem;
	}

	.listed-box .img-box .txt {
		font-size: .5rem;
		line-height: .64rem;
		letter-spacing: 2px;
		padding-left: 2px;
		bottom: -.32rem;
	}

	.start-wrap .text-box .text {
		float: none;
	}

	.about-year {
		margin-bottom: .3rem;
	}

	.about-year .year {
		font-size: .6rem;
		line-height: .6rem;
	}

	.about-year .unit {
		font-size: .24rem;
		line-height: .3rem;
		margin-left: .1rem;
	}

	.about-text {
		font-size: .5rem;
		line-height: .64rem;
		letter-spacing: 0;
	}

	.start-wrap .bubble-bg .bubble1 {
		width: .75rem;
		height: .75rem;
	}

	.start-wrap .bubble-bg .bubble3 {
		width: .5rem;
		height: .5rem;
	}

	.start-wrap .bubble-bg .bubble6 {
		width: .7rem;
		height: .7rem;
	}

	.start-wrap .text-box {
		top: 1.8rem;
		transform: translateY(0);
	}

	.start-wrap .text-box .con {
		font-size: .24rem;
		line-height: .3rem;
		margin-top: .4rem;
	}

	.start-box .earth-box {
		width: 5.6rem;
		left: 50%;
		top: 5rem;
		transform: translateX(-50%);
	}

	.start-wrap .bubble-bg .bubble5 {
		top: 82%;
	}

	.start-box .earth-box .circle-img1 {
		width: 1rem;
		margin: -.5rem 0 0 -.5rem;
	}

	.start-box .earth-box .circle-img2 {
		width: 1.5rem;
		margin: -.75rem 0 0 -.75rem;
	}

	.start-box .earth-box .circle-img3 {
		width: 1.5rem;
		margin: -.75rem 0 0 -.75rem;
	}

	.start-box .earth-box .circle-img4 {
		width: 1rem;
		margin: -.5rem 0 0 -.5rem;
	}

	.about-enjoy-box {
		padding: 0 0 1rem;
		margin-top: -3rem;
	}

	.about-enjoy {
		width: 5rem;
		padding-top: 5rem;
		margin-top: 5rem;
	}

	.about-enjoy .enjoy-circle1 {
		width: 12.5rem;
		height: 12.5rem;
		left: 50%;
		top: 50%;
		margin: -6.25rem 0 0 -6.25rem;
	}

	.about-enjoy .enjoy-circle1 .img1 {
		width: 1.5rem;
		left: 70%;
		top: 2%;
	}

	.about-enjoy .enjoy-circle1 .img2 {
		width: 1.35rem;
		left: 7%;
		top: 75%;
	}

	.about-enjoy .enjoy-circle2 .img1 {
		width: 1rem;
		left: 38%;
		top: -5%;
	}

	.about-enjoy .enjoy-circle2 .img2 {
		width: 1.35rem;
		top: 60%;
	}

	.about-enjoy .enjoy-circle3 .img1 {
		width: 1.35rem;
	}

	.about-enjoy .enjoy-circle2 {
		width: 8.8rem;
		height: 8.8rem;
		margin: -4.4rem 0 0 -4.4rem;
	}

	.about-enjoy .enjoy-circle3 {
		width: 5rem;
		height: 5rem;
		margin: -2.5rem 0 0 -2.5rem;
	}

	.about-enjoy .center-img {
		width: 2.6rem;
	}

	.about-enjoy-box .bottom-text {
		margin-top: 4.5rem;
	}

	.about-enjoy-box .bubbles-bg .bubble3 {
		width: .4rem;
		padding-top: .4rem;
	}

	.about-enjoy-box .bubbles-bg .bubble4 {
		width: .54rem;
		padding-top: .54rem;
	}

	.about-enjoy-box .bubbles-bg .bubble5 {
		width: .2rem;
		padding-top: .2rem;
	}

	.about-enjoy-box .bubbles-bg .bubble6 {
		width: .32rem;
		padding-top: .32rem;
	}

	.about-enjoy-box .bubbles-bg .bubble7 {
		width: .24rem;
		padding-top: .24rem;
	}

	.about-enjoy-box .bubbles-bg .bubble10 {
		width: .9rem;
		padding-top: .9rem;
	}

	.about-enjoy-box .bubbles-bg .bubble11 {
		width: 1rem;
		padding-top: 1rem;
	}

	.about-enjoy-box .bubbles-bg .bubble12 {
		width: .26rem;
		padding-top: .26rem;
	}

	.about-enjoy-box .bubbles-bg .bubble13 {
		width: .5rem;
		padding-top: .5rem;
	}

	.about-enjoy-box .about-text {
		font-size: .35rem;
		line-height: .6rem;
	}

	.about-enjoy-box .about-text br {
		/* display: block; */
	}

	.about-base-box .text-box {
		top: 1rem;
	}

	.about-base-box .base-text .con {
		width: 100%;
		font-size: .24rem;
		line-height: .36rem;
		margin-top: .4rem;
	}

	.about-base-box .china-img .point-list .item {
		width: 6px;
		height: 6px;
	}

	.about-base-box .china-img .point-list .item .point {
		width: 6px;
		height: 6px;
	}

	.about-base-box .china-img .point-list .point-box .city {
		padding-top: .1rem;
	}

	.about-base-box .china-img .point-list .item:nth-child(1) {
		left: 73%;
		top: 44%;
	}

	.about-base-box .china-img .point-list .item.cur .sub {
		visibility: hidden;
		opacity: 0;
	}

	.about-base-box .china-img {
		width: 6.65rem;
		left: .6rem;
		top: 4.6rem;
		transform: translate(0, 0);
	}

	.about-base-box .num-list {
		margin-top: .4rem;
	}

	.about-base-box .num-list .item {
		margin-right: .2rem;
		padding-right: .2rem;
	}

	.about-base-box .num-list .item:before {
		height: 2rem;
	}

	.about-base-box .num-list .num {
		font-size: .7rem;
		line-height: .8rem;
	}

	.about-base-box .num-list .unit {
		font-size: .3rem;
		line-height: .4rem;
	}

	.about-base-box .num-list .item:last-child .unit,
	.about-base-box .num-list .item:nth-child(2) .unit {
		font-size: .5rem;
		line-height: .6rem;
	}

	.about-base-box .num-list .txt {
		font-size: .24rem;
		line-height: .4rem;
	}

	.about-base-box .num-list .txt br {
		display: block;
	}

	.m-base-list {
		display: block;
		position: absolute;
		left: 0;
		bottom: 1rem;
		width: 100%;
	}

	.m-base-list .row {
		margin: 0 -.1rem;
	}

	.m-base-list .item {
		box-sizing: border-box;
		padding: 0 .1rem;
		margin-bottom: .2rem;
	}

	.m-base-list .con-box {
		background-color: #fff;
		padding: .1rem;
	}

	.m-base-list .con-box .img {
		float: left;
		width: .8rem;
	}

	.m-base-list .con-box .img img {
		width: 100%;
	}

	.m-base-list .con-box .txt {
		float: right;
		width: 1.8rem;
		font-size: .24rem;
		line-height: .28rem;
		color: #333;
		margin-top: .25rem;
	}

	.about-base-box .china-img .point-list .circle {
		width: .8rem;
		height: .8rem;
		margin: -.4rem 0 0 -.4rem;
	}

	.develop-box .all-btn {
		display: none;
	}

	.develop-box .develop-mask {
		transform: scale(1);
		visibility: hidden;
		opacity: 0;
		display: none;
	}

	.develop-box.on .develop-mask {
		display: none;
		transform: scale(10);
		visibility: hidden;
		opacity: 0;
	}

	.develop-box .time-tab {
		visibility: hidden;
		opacity: 0;
	}

	.develop-box .bg-tab .swiper-slide .m-img {
		display: block;
	}

	.develop-box .bg-tab .swiper-slide .pc-img {
		display: none;
	}

	.develop-box .text-tab {
		padding: 0 .6rem;
		bottom: auto;
		top: 2.3rem;
	}

	.develop-box .text-tab .tit {
		font-size: .5rem;
		line-height: .6rem;
	}

	.develop-box .text-tab .time {
		font-size: .4rem;
		line-height: .5rem;
		margin-top: .15rem;
	}

	.develop-box .text-tab .buttons {
		margin-top: .6rem;
	}

	.develop-box .text-tab .buttons a {
		width: .8rem;
		height: .8rem;
		margin-right: .2rem;
	}

	.develop-box .bubbles-bg .bubble1 {
		width: .36rem;
		height: .36rem;
		top: 50%;
	}

	.develop-box .bubbles-bg .bubble2 {
		width: .54rem;
		height: .54rem;
	}

	.develop-box .bubbles-bg .bubble3 {
		width: 1.15rem;
		height: 1.15rem;
	}

	.develop-box .bubbles-bg .bubble4 {
		width: 1.15rem;
		height: 1.15rem;
	}

	.develop-box .time-tab {
		display: none;
	}

	.develop-box .m-time-tab {
		display: block;
		position: absolute;
		left: 0;
		bottom: 2.5rem;
		width: 100%;
		z-index: 3;
	}

	.develop-box .m-time-tab .swiper-slide {
		width: auto;
		margin: 0 1.675rem;
	}

	.develop-box .m-time-tab .swiper-slide:before {
		content: "";
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -1px;
		width: 3.35rem;
		height: 2px;
		background-color: #fff;
		opacity: .3;
	}

	.develop-box .m-time-tab .swiper-slide:last-child:before {
		width: 5rem;
	}

	.develop-box .m-time-tab .con-box {
		display: block;
		width: 10px;
		height: 10px;
		position: relative;
	}

	.develop-box .m-time-tab .point {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background-color: #fff;
	}

	.develop-box .m-time-tab .text {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		bottom: 100%;
		padding-bottom: .1rem;
	}

	.develop-box .m-time-tab .cup {
		width: .46rem;
		margin: 0 auto;
		opacity: 0;
		transition: opacity .3s;
	}

	.develop-box .m-time-tab .cup img {
		width: 100%;
	}

	.develop-box .m-time-tab .year {
		font-size: .3rem;
		line-height: .4rem;
		color: #fff;
		font-family: "gilroy-regular";
		margin-top: .15rem;
	}

	.develop-box .m-time-tab .swiper-slide.cur .cup {
		opacity: 1;
	}

	.develop-box .m-time-tab .swiper-slide.cur .point {
		background-color: #d10a30;
	}

	.culture-box .line1 {
		width: 6.5rem;
		padding-top: 6.5rem;
	}

	.culture-box .line2 {
		width: 10rem;
		padding-top: 10rem;
	}

	.culture-box .bubble-bg .bubble5 {
		width: .7rem;
		padding-top: .7rem;
	}

	.culture-box .bubble-bg .bubble6 {
		width: .3rem;
		padding-top: .3rem;
	}

	.culture-box .bubble-bg .bubble16 {
		width: .3rem;
		padding-top: .3rem;
	}

	.culture-box .bubble-bg .bubble17 {
		width: .6rem;
		padding-top: .6rem;
		top: 10%;
	}

	.culture-box .bubble-bg .bubble18 {
		width: .72rem;
		padding-top: .72rem;
	}

	.culture-box .tab-btns .item .txt {
		font-size: .24rem;
		line-height: .3rem;
	}

	.culture-box .tab-btns .item:nth-child(1) {
		width: 1rem;
		top: 24%;
	}

	.culture-box .tab-btns .item:nth-child(1) .txt {
		padding-top: .25rem;
		transform: rotate(-40deg) translate(24%, -280%);
	}

	.culture-box .tab-btns .item:nth-child(2) {
		width: 1rem;
	}

	.culture-box .tab-btns .item:nth-child(2) .txt {
		padding-bottom: .1rem;
	}

	.culture-box .tab-box .img {
		width: 3.2rem;
	}

	.culture-box .tab-btns .item:nth-child(3) {
		width: 1.25rem;
		left: 75%;
		top: 62%;
	}

	.culture-box .tab-btns .item:nth-child(3) .txt {
		padding-top: .1rem;
	}

	.culture-box .tab-btns .item:nth-child(4) {
		width: .9rem;
		left: 20%;
		top: 81%;
	}

	.culture-box .tab-btns .item:nth-child(4) .txt {
		padding-bottom: .1rem;
		transform: rotate(-36deg) translate(-50%, -30%);
	}

	.culture-box .tab-btns .item:nth-child(5) {
		width: 1.1rem;
		left: 70%;
		top: 82%;

	}

	.culture-box .tab-btns .item:nth-child(5) .txt {
		transform: rotate(0deg) translate(-27%, 25%);
	}

	.culture-box .tab-box .text-item .txt {
		font-size: .3rem;
		line-height: .4rem;
	}

	.culture-box .tab-box .tab-item:nth-child(3) .text-item:nth-child(1) .txt {
		transform: rotate(60deg) translate(28%, -350%);
	}

	.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(1),
	.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(4) {
		width: 78%;
		padding-top: 78%;
	}

	.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(2),
	.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(3),
	.culture-box .tab-box .tab-item:nth-child(2) .text-item:nth-child(1),
	.culture-box .tab-box .tab-item:nth-child(3) .text-item:nth-child(1),
	.culture-box .tab-box .tab-item:nth-child(4) .text-item:nth-child(1),
	.culture-box .tab-box .tab-item:nth-child(5) .text-item:nth-child(1) {
		width: 50%;
		padding-top: 50%;
	}

	.culture-box .tab-box .tab-item:nth-child(2) .text-item:nth-child(1) .txt {
		transform: rotate(-36deg) translate(-28%, -165%);
	}

	.ban-brand .m-bg {
		display: block;
	}

	.ban-brand .pc-bg {
		display: none;
	}

	.brand-video .video-bg .pc-bg {
		display: none;
	}

	.brand-video .video-bg .m-bg {
		display: block;
	}

	.brand-product-box .title {
		font-size: .7rem;
		line-height: .8rem;
		padding: .9rem 0;
	}

	.brand-video .video-bg .play-btn {
		width: .8rem;
		height: .8rem;
	}

	.pro-aside {
		display: none !important;
	}

	.products-list .bimg .pc-img {
		display: none;
	}

	.products-list .bimg .m-img {
		display: block;
	}

	.products-list .simg-tab-box {
		padding: .8rem 0 .6rem;
	}

	.pro-view {
		width: auto;
		padding: 0 .5rem;
	}

	.products-list .simg-tab .img-box {
		width: 1.4rem;
	}

	.products-list .simg-tab .txt {
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
		white-space: nowrap;
	}

	.products-list .pro-btns {
		font-size: 0;
		text-align: center;
		margin-top: .5rem;
	}

	.products-list .pro-prev,
	.products-list .pro-next {
		position: relative;
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: .8rem;
		height: .8rem;
		margin: 0 .1rem;
		background-size: 5px;
	}

	.products-list .pro-prev {
		left: 0;
	}

	.products-list .pro-next {
		right: 0;
	}

	.xpp-history-box {
		padding-top: 0;
		overflow: hidden;
	}

	.xpp-view {
		padding: 0 .6rem;
	}

	.history-tit {
		font-size: .6rem;
		line-height: .7rem;
	}

	.xpp-history-box .history-tit {
		position: absolute;
		left: 0;
		top: 1rem;
		width: 100%;
	}

	.xpp-history-box .xpp-history {
		width: 5.97rem;
		margin: 0 0 0 .53rem;
		margin-top: 2.8rem;
	}

	.xpp-history-box .right-cup {
		width: 3rem;
		left: 73%;
		top: 34%;
	}

	.xpp-history .list .text .year {
		font-size: .3rem;
		line-height: .4rem;
	}

	.xpp-history .list .text .txt {
		font-size: .24rem;
		line-height: .34rem;
		margin-top: .1rem;
	}

	.xpp-history .list .text .txt br {
		/* display: none; */
	}

	.xpp-history-box .xpp-history .pc-line {
		display: none;
	}

	.xpp-history-box .xpp-history .m-line {
		display: block;
	}

	.xpp-history-box .xpp-history .left-cup .pc-img {
		display: none;
	}

	.xpp-history-box .xpp-history .left-cup .m-img {
		display: block;
	}

	.xpp-history-box .xpp-history .left-cup {
		width: 5.87rem;
		left: 2.8rem;
		top: -4.9rem;
	}

	.xpp-history-box .bubbles-bg .bubble2 {
		width: 1.14rem;
		padding-top: 1.14rem;
		left: 80%;
		top: 14%;
	}

	.xpp-history-box .bubbles-bg .bubble3 {
		width: 1.14rem;
		padding-top: 1.14rem;
	}

	.xpp-history-box .img-bubbles .bubble1 {
		width: 1.4rem;
		padding-top: 1.4rem;
		top: 10%;
	}

	.xpp-history-box .img-bubbles .bubble2 {
		width: 1.14rem;
		padding-top: 1.14rem;
		top: 80%;
	}

	.xpp-history .list .point {
		width: 6px;
		height: 6px;
	}

	.xpp-history .list .text {
		white-space: normal;
	}

	.xpp-history .list .item:nth-child(1) {
		left: 1.9rem;
		top: 1.5rem;
	}

	.xpp-history .list .item:nth-child(1) .icon {
		width: .29rem;
		left: 4px;
		padding-bottom: 0;
	}

	.xpp-history .list .item:nth-child(1) .text {
		left: .7rem;
		top: -.5rem;
		width: 2rem;
	}

	.xpp-history .list .item:nth-child(2) {
		left: 3.95rem;
		top: 3.35rem;
	}

	.xpp-history .list .item:nth-child(2) .img {
		width: 1.8rem;
	}

	.xpp-history .list .item:nth-child(2) .text {
		text-align: right;
		left: auto;
		right: .8rem;
		top: .48rem;
		width: 2.5rem;
	}

	.xpp-history .list .item:nth-child(3) {
		left: 1.68rem;
		top: 6.8rem;
	}

	.xpp-history .list .item:nth-child(3) .img {
		width: 2.75rem;
	}

	.xpp-history .list .item:nth-child(3) .text {
		left: 1.6rem;
		top: -1.4rem;
		width: 2.6rem;
	}

	.xpp-history .list .item:nth-child(4) {
		left: .28rem;
		top: 8.7rem;
	}

	.xpp-history .list .item:nth-child(4) .img {
		width: 2rem;
		left: .2rem;
		top: -.48rem;
	}

	.xpp-history .list .item:nth-child(4) .text {
		text-align: left;
		width: 3.2rem;
		right: auto;
		left: 2.4rem;
		top: -.3rem;
	}

	.xpp-history .list .item:nth-child(5) {
		left: 2.54rem;
		top: 10.55rem;
	}

	.xpp-history .list .item:nth-child(5) .icon {
		left: auto;
		transform: translateX(0);
		right: .3rem;
		width: .82rem;
		bottom: auto;
	}

	.xpp-history .list .item:nth-child(5) .text {
		width: 2.5rem;
		right: .3rem;
		top: .6rem;
		bottom: .15rem;
		text-align: right;
		left: auto;
	}

	.xpp-history .list .item:nth-child(6) {
		left: 5.5rem;
		top: 12.2rem;
	}

	.xpp-history .list .item:nth-child(6) .img {
		width: 1.8rem;
		top: .8rem;
		left: auto;
		right: .3rem;
	}

	.xpp-history .list .item:nth-child(6) .icon {
		width: .27rem;
		left: .3rem;
		top: -.2rem;
	}

	.xpp-history .list .item:nth-child(6) .text {
		width: 2.7rem;
		right: .44rem;
	}

	.xpp-history .list .item:nth-child(7) {
		left: .6rem;
		top: 14.8rem;
	}

	.xpp-history .list .item:nth-child(7) .icon {
		left: -.3rem;
		top: -.05rem;
		width: .27rem;
	}

	.xpp-history .list .item:nth-child(7) .text {
		left: .3rem;
		width: 2.7rem;
		top: 0;
		text-align: left;
	}

	.xpp-history .list .item:nth-child(7) .img {
		width: 1.6rem;
		left: -.22rem;
		top: 1.2rem;
	}

	.xpp-history .list .item:nth-child(8) {
		left: 2.35rem;
		top: 18.1rem;
	}

	.xpp-history .list .item:nth-child(8) .text {
		width: 3.45rem;
		left: .3rem;
		bottom: 100%;
	}

	.xpp-history .list .item:nth-child(8) .img1 {
		width: 1.4rem;
		top: .3rem;
		right: .25rem;
		left: auto;
	}

	.xpp-history .list .item:nth-child(8) .img2 {
		width: 1.7rem;
		left: 2rem;
		top: -3rem;
	}

	.xpp-history .list .item:nth-child(9) {
		left: 2.9rem;
		top: 20.8rem;
	}

	.xpp-history .list .item:nth-child(9) .text {
		width: 3.1rem;
		right: auto;
		left: .4rem;
		top: -.4rem;
		text-align: left;
	}

	.xpp-history .list .item:nth-child(9) .icon {
		width: .26rem;
		left: -.44rem;
	}

	.xpp-history .list .item:nth-child(10) {
		/*top: 93%;*/
		top: 301vw;
		left: 25.5%;
	}

	.xpp-history .list .item:nth-child(10) .icon {
		width: .26rem;
		left: -.44rem;
	}

	.xpp-history .list .item:nth-child(10) .img {
		width: 1.6rem;
		left: -1.5rem;
		top: -2rem;
	}

	.xpp-history .list .item:nth-child(11) {
		/*top: 93%;*/
		top: 340vw;
		left: 30%;
	}

	.xpp-history .list .item:nth-child(11) .icon {
		width: .26rem;
		left: -.44rem;
	}

	.xpp-history .list .item:nth-child(11) .img {
		width: 1.6rem;
		left: -1.5rem;
		top: -2rem;
	}

	.xpp-history .list .item:nth-child(11) .text {
		left: 416.7%;
		top: -250%;
		text-align: left;
		width: 3.8rem;
		right: auto;
	}





	.lfy-page .products-list .simg-tab-box {
		padding: .8rem 0 .6rem;
		margin: 0;
	}

	.scroll-fix {
		height: auto;
		position: relative;
	}

	.lfy-history-box .cup-line {
		position: relative;
	}

	.cup-line .zhan-line,
	.cup-line .line {
		display: none;
	}

	.cup-line .m-line {
		display: block;
	}

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

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

	.lfy-history-box .cup-img {
		width: 5.87rem;
		left: 2.3rem;
		top: -4.95rem;
	}

	.lfy-history-box .cup-line {
		left: 0;
		width: 5.17rem;
		top: 0;
		margin-top: 2.9rem;
		margin-left: 1.1rem;
	}

	.cup-line img {
		width: 100%;
	}

	.lfy-history-box .cup-line .lfy-list img {
		display: block;
	}

	.lfy-history-box .history-tit {
		top: 1.3rem;
		z-index: 3;
	}

	.lfy-history-box .bubbles-bg .bubble1 {
		width: .36rem;
		padding-top: .36rem;
	}

	.lfy-history-box .bubbles-bg .bubble3 {
		width: .24rem;
		padding-top: .24rem;
	}

	.lfy-history-box .bubbles-bg .bubble4 {
		width: 1.15rem;
		padding-top: 1.15rem;
	}

	.lfy-history-box .bubbles-bg .bubble4 {
		top: 92%;
	}

	.lfy-history-box .bubbles-bg .bubble5 {
		width: 1.15rem;
		padding-top: 1.15rem;
		left: 15%;
		top: 0%;
	}

	.lfy-history-box .bubbles-bg .bubble7 {
		width: .4rem;
		padding-top: .4rem;
		left: 28.64%;
		top: 44%;
	}

	.lfy-history-box .big-bubbles .bubble1 {
		width: 7.64rem;
		height: 5.56rem;
		left: 1.36rem;
		top: .2rem;
	}

	.lfy-history-box .big-bubbles .bubble2 {
		width: 5rem;
		height: 8.7rem;
		left: auto;
		right: 0;
		top: 26.88rem;
	}

	.lfy-history-box .big-bubbles .bubble2 .circle .img {
		background-image: url('../img/m-lfy-big-img2.png');
	}

	.lfy-history-box .big-bubbles .bubble3 {
		width: 3.15rem;
		height: 9.84rem;
		left: 0;
		/*top: auto;*/
		top: 45rem;
		/*bottom: 0;*/
	}

	.lfy-history-box .big-bubbles .bubble4 {
		width: 3.27rem;
		height: 4.91rem;
		right: 0;
		left: auto;
		bottom: auto;
		/*top: auto;*/
		top: 65rem;
		/*bottom: 0;*/
	}

	.lfy-history-box .big-bubbles .bubble4 .circle .img {
		background-image: url('../img/lfy-big-img3-2m.png');

	}

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

	.lfy-history-box .img-bubbles .bubble1 {
		width: 1.2rem;
		padding-top: 1.2rem;
		left: 9%;
		top: 13%;
	}

	.lfy-history-box .img-bubbles .bubble2 {
		width: 1.43rem;
		padding-top: 1.43rem;
		left: 30%;
		/*top: 70%;*/
		top: 25rem;
	}

	.history-text {
		white-space: normal;
	}

	.history-text .time {
		font-size: .3rem;
		line-height: .4rem;
	}

	.history-text .txt {
		font-size: .24rem;
		line-height: .34rem;
		margin-top: .1rem;
	}

	.history-item .point {
		width: 6px;
		height: 6px;
	}

	.lfy-list .history-item:nth-child(1) {
		left: 2rem;
		top: 1.4rem;
	}

	.lfy-list .history-item:nth-child(1) .history-img {
		width: .59rem;
		left: -1rem;
		top: .35rem;
	}

	.lfy-list .history-item:nth-child(1) .history-text {
		left: -1rem;
		top: 1.3rem;
		width: 4rem;
	}

	.lfy-list .history-item:nth-child(2) {
		left: 2.3rem;
		top: 7rem;
	}

	.lfy-list .history-item:nth-child(2) .history-img {
		width: 1.5rem;
	}

	.lfy-list .history-item:nth-child(2) .history-text {
		bottom: 1rem;
		width: 2.2rem;
	}

	.lfy-list .history-item:nth-child(3) {
		left: 3.6rem;
		top: 9.4rem;
	}

	.lfy-list .history-item:nth-child(3) .history-img {
		width: 1.5rem;
	}

	.lfy-list .history-item:nth-child(3) .history-text {
		left: -1rem;
		top: 1rem;
		width: 2rem;
	}

	.lfy-list .history-item:nth-child(4) {
		left: 5rem;
		top: 15.06rem;
	}

	.lfy-list .history-item:nth-child(4) .history-img {
		width: 4rem;
		left: auto;
		right: .5rem;
		top: -.96rem;
	}

	.lfy-list .history-item:nth-child(4) .history-text {
		bottom: 1.56rem;
		width: 2.7rem;
		right: .5rem;
		left: auto;
		text-align: right;
	}

	.lfy-list .history-item:nth-child(5) {
		left: 4.8rem;
		top: 20.7rem;
	}

	.lfy-list .history-item:nth-child(5) .history-img {
		width: 1.8rem;
	}

	.lfy-list .history-item:nth-child(5) .history-text {
		bottom: 2.06rem;
		text-align: right;
		right: .5rem;
		left: auto;
		top: -2.5rem;
		width: 4.8rem;
	}

	.lfy-list .history-item:nth-child(6) {
		left: 3.3rem;
		top: 24.26rem;
	}

	.lfy-list .history-item:nth-child(6) .history-img {
		width: 1.25rem;
		left: auto;
		right: 0;
		top: .35rem;
	}

	.lfy-list .history-item:nth-child(6) .history-text {
		top: .9rem;
		left: auto;
		right: 0;
		width: 3.2rem;
		text-align: right;
	}

	.lfy-list .history-item:nth-child(7) {
		left: .5rem;
		top: 31.7rem;
	}

	.lfy-list .history-item:nth-child(7) .history-text {
		bottom: 0;
	}

	.lfy-list .history-item:nth-child(7) .history-img {
		width: 1.8rem;
		left: 0;
		top: .5rem;
		transform: translate(0, 0);
	}

	.lfy-list .history-item:nth-child(8) {
		left: 0;
		top: 35.6rem;
	}

	.lfy-list .history-item:nth-child(8) .history-text {
		bottom: auto;
		top: 0;
		left: .5rem;
		width: 2.8rem;
	}

	.lfy-list .history-item:nth-child(8) .history-img {
		left: -.5rem;
		top: 1rem;
		width: 2.5rem;
	}

	.lfy-list .history-item:nth-child(9) {
		left: 1rem;
		top: 40.17rem;
	}

	.lfy-list .history-item:nth-child(9) .history-text {
		top: .44rem;
		width: 4.9rem;
	}

	.lfy-list .history-item:nth-child(10) {
		left: 3.2rem;
		top: 45.7rem;
	}

	.lfy-list .history-item:nth-child(10) .history-img {
		width: 1.8rem;
		left: -.76rem;
		top: -2.1rem;
		bottom: auto;
	}

	.lfy-list .history-item:nth-child(10) .history-text {
		top: .44rem;
		width: 2.6rem;
	}

	.lfy-list .history-item:nth-child(11) {
		/*left: 73%;*/
		/*top: 93%;*/
		left: 3.75rem;
		top: 50rem;
	}

	.lfy-list .history-item:nth-child(12) {
		/*left: 73%;*/
		/*top: 93%;*/
		left: 3.56rem;
		top: 54rem;
	}

	.lfy-list .history-item:nth-child(13) {
		/*left: 73%;*/
		/*top: 93%;*/
		left: 2.78rem;
		top: 57rem;
	}


	.lfy-list .history-item:nth-child(12) .history-img {
		width: 1.8rem;
		left: -2.25rem;
		top: -2rem;
		bottom: auto;
	}

	.lfy-list .history-item:nth-child(12) .history-text {
		right: auto;
		left: -1rem;
		top: .44rem;
		width: 2.6rem;
	}

	.lfy-list .history-item:nth-child(13) .history-img {
		width: 1.8rem;
		left: -2.25rem;
		top: -2rem;
		bottom: auto;
	}

	.lfy-list .history-item:nth-child(13) .history-text {
		top: .44rem;
		width: 2.6rem;
		right: auto;
		left: 0;
	}



	.lfy-list .history-item:nth-child(11) .history-img {
		/*		width: 1.8rem;
		left: -.76rem;
		top: -2.3rem;
		bottom: auto;*/
		width: 1.8rem;
		left: -1.8rem;
		top: -2rem;
		bottom: auto;
	}

	.lfy-list .history-item:nth-child(11) .history-text {
		top: .44rem;
		width: 2.6rem;
		left: -1rem;
	}

	.meco-history-box .cup-line {
		position: relative;
		left: 0;
		width: 5.17rem;
		top: 0;
		margin-top: 2.9rem;
		margin-left: 1.1rem;
	}

	.meco-history-box .cup-img {
		width: 5.87rem;
		left: 2.3rem;
		top: -4.95rem;
	}

	.meco-history-box .bubbles-bg .bubble1 {
		width: .36rem;
		padding-top: .36rem;
	}

	.meco-history-box .bubbles-bg .bubble3 {
		width: .24rem;
		padding-top: .24rem;
	}

	.meco-history-box .bubbles-bg .bubble4 {
		width: 1.15rem;
		padding-top: 1.15rem;
		left: 73%;
		top: 56.17%;
	}

	.meco-history-box .bubbles-bg .bubble5 {
		width: 1.15rem;
		padding-top: 1.15rem;
		left: 72.83%;
		top: 5%;
	}

	.meco-history-box .bubbles-bg .bubble7 {
		width: .4rem;
		padding-top: .4rem;
	}

	.meco-history-box .img-bubbles .bubble2 {
		width: 1.4rem;
		padding-top: 1.4rem;
		left: 10%;
		top: 5%;
	}

	.meco-history-box .big-bubbles .bubble1 {
		width: 4.7rem;
		height: 9.37rem;
		left: 0;
		top: 15.28rem;
		z-index: 10;
	}

	.meco-history-box .big-bubbles .bubble1 .circle .img {
		background-image: url('../img/m-meco-big-img1.png');
	}

	.meco-history-box .big-bubbles .bubble2 {
		display: none;
	}

	.meco-history-box .big-bubbles .bubble3 {
		width: 3.2rem;
		height: 8.8rem;
		left: auto;
		right: 0;
		top: 37.16rem;
	}

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

	.meco-history-box .history-tit {
		top: 1.3rem;
	}

	.meco-list .history-item:nth-child(1) {
		left: 2.08rem;
		top: 1.68rem;
	}

	.meco-list .history-item:nth-child(1) .history-img {
		width: 1.8rem;
	}

	.meco-list .history-item:nth-child(1) .history-text {
		width: 3.5rem;
		top: 1.2rem;
	}

	.meco-list .history-item:nth-child(2) {
		left: 1.8rem;
		top: 4.4rem;
	}

	.meco-list .history-item:nth-child(2) .history-img {
		width: 1.3rem;
		left: -1.8rem;
		top: -3px;
	}

	.meco-list .history-item:nth-child(2) .history-text {
		width: 4.2rem;
		left: -.2rem;
		top: .35rem;
	}

	.meco-list .history-item:nth-child(3) {
		left: 3.1rem;
		top: 8.48rem;
	}

	.meco-list .history-item:nth-child(3) .history-img {
		width: 4rem;
		left: -.9rem;
		bottom: .35rem;
	}

	.meco-list .history-item:nth-child(3) .history-text {
		width: 3.2rem;
		left: -1rem;
		top: .4rem;
	}

	.meco-list .history-item:nth-child(4) {
		left: 4.4rem;
		top: 11.6rem;
	}

	.meco-list .history-item:nth-child(4) .history-img {
		right: .56rem;
		top: -.6rem;
		left: auto;
		width: .82rem;
	}

	.meco-list .history-item:nth-child(4) .history-text {
		left: auto;
		right: .56rem;
		top: -.16rem;
		width: 3rem;
		text-align: right;
	}

	.meco-list .history-item:nth-child(5) {
		left: 5rem;
		top: 17.4rem;
	}

	.meco-list .history-item:nth-child(5) .history-img {
		width: 2rem;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.meco-list .history-item:nth-child(5) .history-text {
		bottom: 1.3rem;
		left: -1rem;
		width: 2rem;
	}

	.meco-list .history-item:nth-child(6) {
		left: 4.1rem;
		top: 22.5rem;
	}

	.meco-list .history-item:nth-child(6) .history-img {
		width: 4.75rem;
		left: -2.2rem;
		top: -.7rem;
	}

	.meco-list .history-item:nth-child(6) .history-text {
		left: -1.2rem;
		bottom: 1.2rem;
		width: 3.2rem;
		top: auto;
	}

	.meco-list .history-item:nth-child(7) {
		left: 1.8rem;
		top: 27.36rem;
	}

	.meco-list .history-item:nth-child(7) .history-img {
		width: 1.8rem;
	}

	.meco-list .history-item:nth-child(7) .history-text {
		width: 2.5rem;
		left: 1.2rem;
		top: -.2rem;
	}

	.meco-list .history-item:nth-child(8) {
		left: .4rem;
		top: 31rem;
	}

	.meco-list .history-item:nth-child(8) .history-img {
		width: 1.6rem;
	}

	.meco-list .history-item:nth-child(8) .history-text {
		top: .3rem;
		left: 1rem;
		width: 3.9rem;
	}

	.meco-list .history-item:nth-child(9) {
		left: -.05rem;
		top: 35rem;
	}

	.meco-list .history-item:nth-child(9) .history-img {
		width: 3.3rem;
		left: -.8rem;
		top: .5rem;
	}

	.meco-list .history-item:nth-child(9) .history-text {
		width: 2.3rem;
		left: .4rem;
		top: -.9rem;
	}

	.meco-list .history-item:nth-child(10) {
		left: .9rem;
		top: 40rem;
	}

	.meco-list .history-item:nth-child(10) .history-text {
		width: 3.4rem;
		left: 0;
		top: .54rem;
		text-align: left;
	}

	.meco-list .history-item:nth-child(11) {
		left: 3rem;
		top: 45rem;
	}

	.meco-list .history-item:nth-child(11) .history-img {
		width: 1.8rem;
	}

	.meco-list .history-item:nth-child(11) .history-text {
		width: 3.34rem;
		left: -.6rem;
		top: 1.3rem;
	}

	.meco-page .brand-product-box {
		margin-top: -4rem;
		position: relative;
		z-index: 3;
	}

	.brandinfo-dialog-box .con-box {
		top: 12.5rem;
	}

	.brandinfo-dialog-box .bubbles-bg .bubble1 {
		width: 3.05rem;
		padding-top: 3.05rem;
	}

	.brandinfo-dialog-box .bubbles-bg .bubble3 {
		width: .5rem;
		padding-top: .5rem;
	}

	.brandinfo-dialog-box .bubbles-bg .bubble4 {
		width: 1.14rem;
		padding-top: 1.14rem;
	}

	.brandinfo-dialog-box .bg-box .bg-circle1 {
		width: 45rem;
		padding-top: 45rem;
		margin: -22.5rem 0 0 -22.5rem;
	}

	.brandinfo-dialog-box .bg-box .bg-circle3 {
		width: 29.7rem;
		padding-top: 29.7rem;
		margin: -14.85rem 0 0 -14.85rem;
	}

	.brandinfo-dialog-box .img-box {
		width: 16.44rem;
		padding-top: 16.44rem;
		margin: -8.22rem 0 0 -8.22rem;
	}

	.brandinfo-dialog-box .img-box .img {
		top: 0;
		text-align: center;
	}

	.brandinfo-dialog-box .img-box .img img {
		width: 2.8rem;
	}

	.brandinfo-dialog-box .text-box {
		top: 1.8rem;
		bottom: auto;
		text-align: center;
	}

	.brandinfo-dialog-box .text-box .type-box {
		padding: .2rem .4rem;
		border-radius: .28rem;
	}

	.brandinfo-dialog-box .text-box .type-box .type-tit {
		font-size: .4rem;
		line-height: .5rem;
	}

	.brandinfo-dialog-box .text-box .type-box .type-desc {
		font-size: .24rem;
		line-height: .3rem;
	}

	.brandinfo-dialog-box .text-box .tit {
		font-size: .8rem;
		line-height: .9rem;
		margin-top: .6rem;
	}

	.brandinfo-dialog-box .text-box .sub-tit {
		font-size: .4rem;
		line-height: .5rem;
		margin-top: .1rem;
	}

	.brandinfo-dialog-box .text-box .con {
		width: 100%;
		font-size: .3rem;
		line-height: .5rem;
		margin-top: .1rem;
		text-align: justify;
		text-indent: .5rem;
	}

	.brandinfo-dialog-box .brandinfo-prev,
	.brandinfo-dialog-box .brandinfo-next {
		width: .8rem;
		height: .8rem;
		top: 80%;
		border-radius: 100%;
		/* border: 2px solid #ddd; */
	}

	.brandinfo-dialog-box .brandinfo-prev {
		left: .7rem;
		/* background-image: url('../img/m-brandinfo-prev.png'); */
	}

	.brandinfo-dialog-box .brandinfo-next {
		right: .7rem;
		/* background-image: url('../img/m-brandinfo-next.png'); */
	}

	.brandinfo-dialog-box .img-eles .right {
		/* visibility: hidden;
		opacity: 0; */
	}

	.brandinfo-dialog-box .img-eles .left .item:nth-child(2),
	.brandinfo-dialog-box .img-eles .left .item:nth-child(3),
	.brandinfo-dialog-box .img-eles .left .item:nth-child(4),
	.brandinfo-dialog-box .img-eles .left .item:nth-child(5) {
		display: none;
	}

	.brandinfo-dialog-box .img-eles .right .item:nth-child(1),
	.brandinfo-dialog-box .img-eles .right .item:nth-child(3),
	.brandinfo-dialog-box .img-eles .right .item:nth-child(4),
	.brandinfo-dialog-box .img-eles .right .item:nth-child(5) {
		display: none;
	}

	.brandinfo-dialog-box .img-eles .item {
		width: .8rem;
		height: .8rem;
		margin: -.4rem 0 0 -.4rem;
	}

	.index-page header {
		top: .6rem;
	}

	.banner .swiper-slide .pc-img {
		display: none;
	}

	.banner .swiper-slide .m-img {
		display: block;
	}

	.banner .btns {
		bottom: 10%;
		/* text-align: center; */
		width: 100%;
	}

	.banner .btns .swiper-pagination-bullet {
		width: .7rem;
		margin: 0 4px 0 0;
	}

	.banner .btns .swiper-pagination-bullet-active {
		width: .7rem;
	}

	/* .banner .scroll-arrow{
		display: none;
	} */
	.index-data .data-circle,
	.index-data .white-circle {
		display: none;
	}

	.index-data-box .data-title-box {
		top: 1.6rem;
	}

	.index-data-box .data-title-box .m-tit {
		font-size: .6rem;
		line-height: .8rem;
	}

	.index-data-box .data-title-box .m-tit br {
		display: block;
	}

	.index-data-box .data-list {
		top: 5.2rem;
		left: 0;
		margin-left: 0;
		width: 100%;
		z-index: 5;
	}

	.index-data-box .data-list .swiper-wrapper {
		justify-content: flex-start;
	}

	.index-data-box .data-list .item {
		width: 2.3rem;
		height: 2.3rem;
		margin: 0 2rem;
	}

	.index-data-box .data-list .hover-circle {
		width: 4.2rem;
		height: 4.2rem;
		left: 50%;
		top: 50%;
		margin: -2.1rem 0 0 -2.1rem;
	}

	.index-data-box .data-list .item .num-inner {
		width: 2.3rem;
		height: 2.3rem;
	}

	.index-data-box .data-list .item .desc-inner {
		font-size: .3rem;
		line-height: .4rem;
		width: 3.6rem;
		left: 50%;
		margin-left: -1.8rem;
	}

	.index-data-box .data-list .item.hover .num-box .desc-inner {
		top: .5rem;
	}

	.index-more {
		width: 2.3rem;
		height: .7rem;
		border-radius: .35rem;
		padding-left: .4rem;
	}

	.index-more span {
		font-size: .24rem;
		line-height: .7rem;
	}

	.index-more:before {
		width: .5rem;
		height: .5rem;
		right: .1rem;
		margin-top: -.25rem;
	}

	.index-data-box .data-list .item .data-more {
		margin-top: .5rem;
		width: 2.3rem;
		height: .7rem;
	}

	.index-data-box .data-list .invest-buttons {
		display: block;
		margin-top: 3.5rem;
	}

	.index-data .bubble-bg .bubble2,
	.index-data .bubble-bg .bubble3,
	.index-data .bubble-bg .bubble8 {
		width: .72rem;
		height: .72rem;
	}

	.index-data .bubble-bg .bubble11 {
		top: 27.125%;
	}

	.data-tab-box .data-btns {
		display: none;
		left: 0;
		bottom: 5%;
		width: 100%;
		text-align: center;
	}

	.data-tab-box .invest-buttons {
		display: block;
		position: absolute;
		left: 0;
		bottom: 5%;
		width: 100%;
	}

	.data-tab-box .invest-buttons.on a {
		border-color: #fff;
	}

	.data-tab-box .invest-buttons.on .prev {
		background-image: url('../img/h-invest-prev.png');
	}

	.data-tab-box .invest-buttons.on .next {
		background-image: url('../img/h-invest-next.png');
	}

	.data-tab-box .data-btns .circle {
		display: none;
	}

	.data-tab-box .data-btns .item:before,
	.data-tab-box .data-btns .item .num,
	.data-tab-box .data-btns .item .txt {
		display: none;
	}

	.data-tab-box .data-btns .item {
		width: .7rem;
		height: 2px;
		margin: 0 2px;
		background-color: #ddd;
		transition: all .3s;
	}

	.data-tab-box .data-btns.on1 .item {
		background-color: #fff;
		opacity: .3;
	}

	.data-tab-box .data-btns.on1 .item:nth-child(1) {
		opacity: 1;
	}

	.data-tab-box .data-btns.on2 .item:nth-child(2),
	.data-tab-box .data-btns.on3 .item:nth-child(3) {
		background-color: #d10a30;
	}

	.first-box .bubble-bg .bubble4 {
		width: 1.14rem;
		height: 1.14rem;
	}

	.first-box .bubble-bg .bubble6,
	.first-box .bubble-bg .bubble7 {
		width: .36rem;
		height: .36rem;
	}

	.first-box .bubble-bg .bubble8 {
		width: .54rem;
		height: .54rem;
	}

	.first-box .bubble-bg2 .bubble3 {
		width: .84rem;
		height: .84rem;
		left: 90%;
	}

	.first-box .circle-box {
		width: 9rem;
		padding-top: 9rem;
	}

	.first-box .circle-box .text {
		font-size: .6rem;
		line-height: .8rem;
	}

	.first-box .circle-box .text1 span {
		font-size: 1rem;
	}

	.first-box .circle-box .num {
		font-size: 1rem;
		line-height: 1.1rem;
	}

	.first-box .circle-box .num span {
		font-size: 2.5rem;
	}

	.index-wrap>ul>li:nth-child(2) {
		overflow: inherit;
		z-index: 3;
	}

	.index-earth-box .earth-text {
		font-size: .6rem;
		line-height: .8rem;
	}

	.index-earth-box .text .num {
		font-size: .8rem;
		line-height: .9rem;
		width: 1.26rem;
		height: .8rem;
	}

	.index-earth-box .text-circle {
		width: 2rem;
		padding-top: 2rem;
		top: 5%;
		left: 10%;
	}

	.index-earth-box .text-circle .circle span {
		font-size: .3rem;
		line-height: .4rem;
		margin-top: -.2rem;
	}

	.index-earth-box .circle-img1 {
		width: .6rem;
		margin: -.3rem 0 0 -.3rem;
	}

	.index-earth-box .circle-img2 {
		width: .9rem;
		margin: -.45rem 0 0 -.45rem;
	}

	.index-earth-box .circle-img3 {
		width: .9rem;
		margin: -.45rem 0 0 -.45rem;
	}

	.index-earth-box .circle-img4 {
		width: .6rem;
		margin: -.3rem 0 0 -.3rem;
	}

	.index-earth-box .circle-line {
		width: 20rem;
		margin-left: -10rem;
		left: 50%;
	}

	.index-earth-box .index-earth-img {
		width: 5.7rem;
	}

	.index-earth-box .earth-text {
		text-align: center;
		top: 1.9rem;
		margin: 0;
	}

	.index-earth-box .text1,
	.index-earth-box .text2 {
		position: static;
	}

	.index-earth-box .origin {
		left: 0;
		right: auto;
		bottom: 1.7rem;
		width: 100%;
		text-align: center;
		font-size: .3rem;
	}

	.index-people-box .text {
		font-size: .6rem;
		line-height: .8rem;
	}

	.index-people-box .text span {
		font-size: .8rem;
		line-height: .8rem;
	}

	.big-cup {
		width: 300%;
		margin-left: -150%;
	}

	.index-people-bg .left-bg .bubble1 {
		width: .76rem;
		height: .76rem;
		top: 3.875%;
	}

	.index-people-bg .left-bg .bubble3 {
		width: .3rem;
		height: .3rem;
	}

	.index-people-bg .left-bg .bubble4 {
		width: .7rem;
		height: .7rem;
	}

	.index-people-bg .left-bg .bubble5 {
		width: 1.14rem;
		height: 1.14rem;
		top: 16%;
	}

	.index-people-bg .right-bg .bubble1 {
		width: .7rem;
		height: .7rem;
	}

	.index-people-bg .right-bg .bubble2 {
		width: 1.14rem;
		height: 1.14rem;
	}

	.index-people-bg .right-bg .bubble7 {
		width: .52rem;
		padding-top: .52rem;
	}

	.index-people-bg .right-bg .bubble8 {
		width: .18rem;
		height: .18rem;
		top: 66.9%;
	}

	.index-people-bg .right-bg .bubble11 {
		width: .7rem;
		height: .7rem;
		left: 79.79%;
		top: 22%;
	}

	.index-heart-box .cup-bubbles .bubble1 {
		width: 1.78rem;
		height: 1.78rem;
		margin: -.89rem 0 0 -.89rem;
	}

	.index-heart-box .cup-bubbles .bubble2 {
		width: 2.9rem;
		height: 2.9rem;
		margin: -1.45rem 0 0 -1.45rem;
	}

	.index-heart-box .cup-bubbles .bubble3 {
		width: .8rem;
		height: .8rem;
		margin: -.4rem 0 0 -.4rem;
	}

	.index-heart-box .cup-bubbles .bubble4 {
		width: .94rem;
		height: .94rem;
		margin: -.47rem 0 0 -.47rem;
	}

	.index-heart-box .cup-bubbles .bubble5 {
		width: .66rem;
		height: .66rem;
		margin: -.33rem 0 0 -.33rem;
	}

	.index-heart-box .cup-bubbles .bubble6 {
		width: .3rem;
		height: .3rem;
		margin: -.15rem 0 0 -.15rem;
	}

	.index-heart-box .cup-bubbles .bubble7 {
		width: .28rem;
		height: .28rem;
		margin: -.14rem 0 0 -.14rem;
	}

	.index-heart-box .cup-bubbles .bubble8 {
		width: .28rem;
		height: .28rem;
		margin: -.14rem 0 0 -.14rem;
	}

	.index-heart-box .cup-bubbles .bubble9 {
		width: 1.3rem;
		height: 1.3rem;
		margin: -.65rem 0 0 -.65rem;
	}

	.index-heart-box .cup-bubbles .bubble11 {
		width: 6px;
		height: 6px;
		margin: -3px 0 0 -3px;
	}

	.index-heart-box .cup-bubbles .bubble12 {
		width: .2rem;
		height: .2rem;
		margin: -.1rem 0 0 -.1rem;
	}

	.index-heart-box .heart-cup-box {
		width: 1.2rem;
	}

	.index-heart-box .heart-cup {
		width: 1.2rem;
	}

	.index-heart-box .text1 {
		font-size: .6rem;
		line-height: .8rem;
		bottom: 25%;
	}

	.index-heart-box .text1 span {
		font-size: .8rem;
	}

	.index-heart-box .text2 {
		bottom: 35%;
	}

	.index-heart-box .text2 span {
		font-size: .3rem;
		line-height: .4rem;
		padding-right: .5rem;
	}

	.index-heart-box .text2 span:before {
		width: .4rem;
		height: .4rem;
		margin-top: -.2rem;
		background-size: .36rem;
	}

	.index-heart-box .index-heart-bg .left-bg .bubble7 {
		width: .76rem;
		padding-top: .76rem;
	}

	.index-heart-box .index-heart-bg .left-bg .bubble10 {
		width: .8rem;
		padding-top: .8rem;
	}

	.index-heart-box .index-heart-bg .left-bg .bubble11 {
		width: 1.2rem;
		padding-top: 1.2rem;
	}

	.index-heart-box .heart-cup .bubble1 {
		width: .1rem;
		height: .1rem;
	}

	.index-heart-box .heart-cup .bubble2 {
		width: .12rem;
		height: .12rem;
	}

	.index-heart-box .heart-cup .bubble3 {
		width: .08rem;
		height: .08rem;
	}

	.index-heart-box .heart-cup .bubble4 {
		width: .08rem;
		height: .08rem;
	}

	.index-heart-box .heart-cup .bubble5 {
		width: .08rem;
		height: .08rem;
	}

	.index-heart-box .heart-cup .bubble6 {
		width: .08rem;
		height: .08rem;
	}

	.index-heart-box .heart-cup .bubble7 {
		width: .2rem;
		height: .2rem;
	}

	.index-heart-box .heart-cup .bubble8 {
		width: .04rem;
		height: .04rem;
	}

	.index-heart-box .heart-cup .bubble9 {
		width: .08rem;
		height: .08rem;
	}

	.index-heart-box .heart-cup .bubble10 {
		width: .1rem;
		height: .1rem;
	}

	.index-heart-box .heart-cup .bubble11 {
		width: .1rem;
		height: .1rem;
	}

	.index-heart-box .heart-cup .bubble12 {
		width: .1rem;
		height: .1rem;
	}

	.index-heart-box .heart-cup .bubble13 {
		width: .04rem;
		height: .04rem;
	}

	.index-heart-box .heart-cup .bubble14 {
		width: .16rem;
		height: .16rem;
	}

	.index-heart-box .heart-cup .bubble15 {
		width: .1rem;
		height: .1rem;
	}

	.index-heart-box .heart-cup .bubble16 {
		width: .06rem;
		height: .06rem;
	}

	.index-heart-box .heart-cup .bubble17 {
		width: .1rem;
		height: .1rem;
	}

	.index-heart-box .heart-line {
		top: 31%;
		width: 170%;
	}

	.index-heart-box .heart-line .line {
		height: 50%;
	}

	.index-heart-box .heart-line .pc-line {
		display: none;
	}

	.index-heart-box .heart-line .m-line {
		display: block;
	}

	.process-tit {
		font-size: .5rem;
		line-height: .7rem;
	}

	.process-con {
		font-size: .24rem;
		line-height: .32rem;
		margin-top: .56rem;
	}

	.index-raw-box .text {
		width: 100%;
	}

	.index-raw-box .pc-img {
		display: none;
	}

	.index-raw-box .m-img {
		display: block;
		margin-top: 1rem;
	}

	.index-raw .country-img .img-box {
		transform: translateY(calc(-50% + .2rem + 2px));
	}

	.index-raw .country-img .img-box .img {
		width: .4rem;
	}

	.index-raw .country-img .img-box .txt {
		font-size: .24rem;
		line-height: .3rem;
		margin: 0;
	}

	.index-raw .country-img {
		width: 1.6rem;
		padding-top: 1.6rem;
	}

	.index-raw .country-img1 {
		left: 4.25%;
		top: 0;
	}

	.index-raw .country-img2 {
		left: 9.33%;
		top: 15%;
	}

	.index-raw .country-img3 {
		left: 22.52%;
		top: 0;
	}

	.index-raw .country-img4 {
		left: 79.41%;
		top: 64%;
	}

	.index-raw .country-img5 {
		left: 64.6875%;
		top: 63%;
	}

	.index-raw-box .index-raw {
		top: 6rem;
	}

	.index-raw-box .white-line .pc-line {
		display: none;
	}

	.index-raw-box .white-line .m-line {
		display: block;
	}

	.index-raw-box .text-box {
		top: 1rem;
		bottom: auto;
	}

	.index-process-box .process-next {
		width: .7rem;
		height: .7rem;
	}

	.index-process-box .process-next .img:before {
		width: 1rem;
		height: 1rem;
		margin: -.5rem 0 0 -.5rem;
	}

	.index-process-box .process-next .txt {
		font-size: .3rem;
		line-height: .4rem;
		padding-right: .3rem;
	}

	.index-quality-box .text-box {
		top: 1rem;
	}

	.index-quality-box .text-box .process-con {
		width: 100%;
	}

	.index-quality-box .quality-cup {
		bottom: -10%;
		width: 9.26rem;
		margin-left: -4.63rem;
	}

	.index-quality-box .quality-cup .red-line {
		left: 9.5%;
	}

	.index-quality-box .quality-cup .red-line .pc-line {
		display: none;
	}

	.index-quality-box .quality-cup .red-line .m-line {
		display: block;
	}

	.index-quality-box .quality-cup .cup-item {
		width: 2.83rem;
	}

	.index-quality-box .quality-cup .cup-item:nth-child(1),
	.index-quality-box .quality-cup .cup-item:nth-child(2) {
		display: none;
	}

	.index-quality-box .quality-cup .bubbles-box .bubble {
		left: 72%;
		top: -8%;
	}

	.index-quality-box .quality-cup .bubbles-box .bubble15 {
		width: .3rem;
		height: .3rem;
		margin: -.15rem 0 0 -.15rem;
	}

	.index-quality-box .quality-cup .bubbles-box .bubble3,
	.index-quality-box .quality-cup .bubbles-box .bubble5,
	.index-quality-box .quality-cup .bubbles-box .bubble6,
	.index-quality-box .quality-cup .bubbles-box .bubble10,
	.index-quality-box .quality-cup .bubbles-box .bubble11,
	.index-quality-box .quality-cup .bubbles-box .bubble12,
	.index-quality-box .quality-cup .bubbles-box .bubble14,
	.index-quality-box .quality-cup .bubbles-box .bubble16,
	.index-quality-box .quality-cup .bubbles-box .bubble17,
	.index-quality-box .quality-cup .bubbles-box .bubble18,
	.index-quality-box .quality-cup .bubbles-box .bubble19,
	.index-quality-box .quality-cup .bubbles-box .bubble20,
	.index-quality-box .quality-cup .bubbles-box .bubble21,
	.index-quality-box .quality-cup .bubbles-box .bubble22,
	.index-quality-box .quality-cup .bubbles-box .bubble24,
	.index-quality-box .quality-cup .bubbles-box .bubble25 {
		display: none;
	}

	.index-tech-box .tech-line .pc-line {
		display: none;
	}

	.index-tech-box .tech-line .m-line {
		display: block;
	}

	.index-tech-box .text-box {
		top: 1rem;
	}

	.index-tech-box .text {
		width: 100%;
	}

	.tech-bubbles {
		left: 0;
		top: -8%;
	}

	.tech-bubbles .particle {
		width: 1rem;
		height: 1rem;
	}

	.index-tech-box .bubble-bg .bubble1 {
		width: 1.8rem;
		height: 1.8rem;
	}

	.index-time-box .time-tit {
		font-size: .6rem;
		line-height: .8rem;
	}

	.index-time-box .line-box .line1 {
		width: 12rem;
		padding-top: 12rem;
		margin: -6rem 0 0 -6rem;
	}

	.index-time-box .line-box .line2 {
		width: 8.4rem;
		padding-top: 8.4rem;
		margin: -4.2rem 0 0 -4.2rem;
	}

	.index-time-box .line-box .line3 {
		width: 4.8rem;
		padding-top: 4.8rem;
		margin: -2.4rem 0 0 -2.4rem;
	}

	.index-time-box .center-img {
		width: 2.5rem;
		padding-top: 2.5rem;
		margin: -1.25rem 0 0 -1.25rem;
	}

	.time-bubbles .bubble8 {
		width: 1rem;
		padding-top: 1rem;
		margin: -.5rem 0 0 -.5rem;
	}

	.time-bubbles .bubble9 {
		width: .9rem;
		padding-top: .9rem;
		margin: -.45rem 0 0 -.45rem;
	}

	.time-bubbles .bubble10 {
		width: .94rem;
		padding-top: .94rem;
		margin: -.47rem 0 0 -.47rem;
	}

	.time-bubbles .bubble11 {
		width: .7rem;
		padding-top: .7rem;
		margin: -.35rem 0 0 -.35rem;
	}

	.time-bubbles .bubble12 {
		width: .68rem;
		padding-top: .68rem;
		margin: -.34rem 0 0 -.34rem;
	}

	.time-bubbles .bubble16 {
		width: .9rem;
		padding-top: .9rem;
		margin: -.45rem 0 0 -.45rem;
	}

	.index-time-box .text-box {
		bottom: 2rem;
	}

	.index-time-box .center-img .time-line {
		top: 16%;
	}

	.index-time-box .center-img .time-line .pc-line {
		display: none;
	}

	.index-time-box .center-img .time-line .m-line {
		display: block;
	}

	.index-brand-box {
		padding-top: 1rem;
	}

	.index-brand-box .index-brand-tit {
		font-size: .6rem;
		line-height: .8rem;
	}

	.index-brand-box .brand-list {
		margin-top: .5rem;
		padding: 0;
	}

	.index-brand-box .brand-list .row {
		margin: 0;
	}

	.index-brand-box .brand-list .item {
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 0 .6rem;
		margin-bottom: .5rem;
	}

	.index-brand-box .brand-list .item:last-child {
		margin-bottom: 0;
	}

	.index-brand-box .brand-list .text-box {
		top: 1.1rem;
	}

	.index-brand-box .brand-list .brand-logo {
		width: 1.8rem;
	}

	.index-brand-box .brand-list .tit {
		font-size: .6rem;
		line-height: .8rem;
		margin-top: .3rem;
	}

	.index-brand-box .brand-list .more-box {
		margin-top: .2rem;
	}

	.index-brand-box .brand-list .more-box .init {
		font-size: .3rem;
		height: .4rem;
		line-height: .4rem;
	}

	.index-news-box {
		padding: 1rem 0;
		overflow: hidden
	}

	.index-news-box .news-tit {
		font-size: .6rem;
		line-height: .8rem;
	}

	.index-news-box .index-news {
		margin: .5rem 0 0;
	}

	.index-news .row {
		margin: 0;
	}

	.index-news .item {
		width: 100%;
		padding: 0;

	}

	.index-news .swiper-slide {
		margin-right: .8rem;
	}

	.index-news .swiper-slide:last-child {
		margin-right: 0;
	}

	.index-news .index-news-more {
		margin-top: .5rem;
	}

	.index-news .btns {
		display: block;
		margin-top: .5rem;
		font-size: 0;
		text-align: center;
	}

	.index-news .btns .swiper-pagination-bullet {
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: .7rem;
		height: 2px;
		background-color: #ddd;
		margin: 0 2px;
		transition: all .3s;
	}

	.index-news .btns .swiper-pagination-bullet-active {
		background-color: #d10a30;
	}

	.loading-box .bubble-box1 .txt {
		font-size: .4rem;
		line-height: .5rem;
	}

	.loading-box .skip-btn {
		width: 2rem;
		height: .7rem;
		margin-left: -1.2rem;
		padding-left: .4rem;
		text-align: left;
	}

	.loading-box .skip-btn span {
		font-size: .3rem;
		line-height: .7rem;
	}

	.loading-box .skip-btn span:before {
		right: -.5rem;
	}

	.loading-box .cup-group-svg {
		width: 6.5rem;
		height: 6.5rem;
		margin: -3.25rem 0 0 -3.25rem;
	}

	.loading-box .cup-group-svg .first-item,
	.loading-box .cup-group-svg .cup-item {
		width: .5rem;
		margin-left: -.25rem;
		transform-origin: center 3.25rem;
	}

	.loading-box .event-text .time {
		font-size: .4rem;
		line-height: .5rem;
	}

	.loading-box .event-text .con {
		font-size: .4rem;
		line-height: .54rem;
		margin-top: .2rem;
	}

	.loading-box .event-text .con .num {
		font-size: .4rem;
		line-height: .54rem;
	}

	.loading-box .event-text.text2 .con {
		margin-top: .2rem;
	}

	.loading-box .cup-bg .white-svg {
		width: 6.5rem;
		height: 6.5rem;
		margin: -3.25rem 0 0 -3.25rem;
	}

	.loading-box .cup-wrap {
		width: 120vh;
		padding-top: 120vh;
		margin: -60vh 0 0 -60vh;
	}

	.loading-box .big-circle-box .red-circle {
		width: 6.5rem;
		padding-top: 6.5rem;
	}

	.loading-box .big-circle-box.on .red-circle {
		width: 190%;
		padding-top: 190%;
	}

	.loading-box .big-circle-box .big-circle .block {
		border-width: calc(.8rem + 2px);
	}

	.loading-box .event-text .icon {
		width: .5rem;
	}

	.loading-box .event-text .tit {
		font-size: .4rem;
		line-height: .5rem;
		margin-top: .3rem;
	}

	.loading-box .event-text .index-more {
		margin-top: .4rem;
	}
}

@-webkit-keyframes aitf {
	0% {
		background-position: 50% center;
	}

	25% {
		background-position: 60% center;
	}

	50% {
		background-position: 50% center;
	}

	75% {
		background-position: 40% center;
	}

	100% {
		background-position: 50% center;
	}
}

.meco-list .history-item:nth-child(10) .history-img {
	width: 2.5rem;
	left: -1rem;
	top: 16px;
}

@media (max-width: 767px) {
	.meco-list .history-item:nth-child(15) {
		left: 15.63%;
		top: 820vw;
	}

	.meco-list .history-item:nth-child(12) {
		left: 72.63%;
		top: 665vw;
	}

	.meco-list .history-item:nth-child(14) .history-text,
	.meco-list .history-item:nth-child(19) .history-text,
	.meco-list .history-item:nth-child(18) .history-text,
	.meco-list .history-item:nth-child(17) .history-text,
	.meco-list .history-item:nth-child(16) .history-text,
	.meco-list .history-item:nth-child(15) .history-text,
	.meco-list .history-item:nth-child(13) .history-text,
	.meco-list .history-item:nth-child(12) .history-text {
		width: 50vw;
		box-sizing: border-box;
	}

	.meco-list .history-item:nth-child(12) .history-text {
		top: 0;
		left: auto;
		right: 0;
	}

	.meco-list .history-item:nth-child(13) .history-text {
		left: auto;
		right: 0;
		top: 1rem;
	}

	.meco-list .history-item:nth-child(13) {
		left: 68%;
		top: 723vw;
	}

	.meco-list .history-item:nth-child(15) .history-text {
		left: 0;
		top: .5rem;
	}

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

	.meco-list .history-item:nth-child(14) .history-text {
		top: 0;
		left: 0;
		padding-left: .2rem;
	}


	.meco-list .history-item:nth-child(16) {
		left: 18%;
		top: 890vw;
	}

	.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: 0;
		top: 1rem;
	}

	.meco-list .history-item:nth-child(17) {
		left: 70%;
		top: 987vw;
	}

	.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: 1rem;
	}

	.meco-list .history-item:nth-child(18) {
		left: 43%;
		top: 1105vw;
	}

	.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: .5rem;
	}
}



@media (min-width: 768px) {
	.meco-history-box .big-bubbles .bubble1 {
		left: 76vw;
	}

	.xpp-history .list .item:nth-child(2) .img {
		transform: none;
		left: -5rem;
		top: 0.5rem;
		width: 3.1rem;
	}

	.xpp-history .list .item:nth-child(3) .img {
		transform: none;
		left: 1rem;
		top: -2rem;
		width: 6.875rem;
	}

	.meco-list .history-item:nth-child(1) .history-img {
		left: 0;
		top: 3rem;
	}

	.meco-list .history-item:nth-child(1) .history-text {
		left: -2rem;
		top: 5rem;
	}

	.meco-list .history-item:nth-child(5) .history-text {
		bottom: 3rem;
	}

	.meco-list .history-item:nth-child(7) .history-img {
		left: 0;
		top: -2rem;
	}

	.meco-list .history-item:nth-child(13) .history-img {
		left: -2rem;
		top: 1.25rem;
	}

	.meco-list .history-item:nth-child(16) .history-img {
		left: -2rem;
		top: -0.5rem;
	}

	.meco-list .history-item:nth-child(17) .history-img {
		top: 2rem;
		left: 0;
	}

	.meco-list .history-item:nth-child(17) .history-text {
		top: 4rem;
	}

	.lfy-list .history-item:nth-child(2) .history-img {
		left: -2rem;
		top: 1rem;
	}

	.lfy-list .history-item:nth-child(3) .history-img {
		left: -2rem;
	}

	.lfy-list .history-item:nth-child(5) .history-img {
		left: -2rem;
		top: -1rem;
	}



}

@media (max-width: 767px) {
	.xpp-history .list .item:nth-child(2) .img {
		transform: none;
		left: 0.5rem;
		top: -0.5rem;
	}

	.xpp-history .list .item:nth-child(3) .img {
		width: 2.5rem;
		left: auto;
		right: -1.8rem;
		top: -1rem;
	}

	.xpp-history .list .item:nth-child(3) .point {
		background-color: #d80c25;
		border: 2px solid #fff;
	}

	.meco-list .history-item:nth-child(1) .history-img {
		left: 1.2rem;
	}

	.meco-list .history-item:nth-child(13) .history-img {
		left: -1.5rem;
		top: -1rem;
	}

	.meco-list .history-item:nth-child(16) .history-img {
		left: 2rem;
		top: -1rem;
	}

	.meco-list .history-item:nth-child(17) .history-img {
		left: -2rem;
		top: 0.5rem;
	}

	.lfy-list .history-item:nth-child(2) .history-img {
		left: 1.25rem;
	}

	.lfy-list .history-item:nth-child(3) .history-img {
		left: -1.2rem;
	}

	.lfy-list .history-item:nth-child(5) .history-img {
		left: -1.35rem;
	}

	.meco-list .history-item:nth-child(7) .history-img {
		left: -1rem;
	}

	.lfy-list .history-item:nth-child(14) {
		left: 26%;
		top: 89%;
	}
	.lfy-list .history-item:nth-child(14) .history-img{
		width: 2.125rem;
		left: -2rem;
		/* bottom: 1.35rem; */
		bottom: 0.5rem;
	}
	.lfy-list .history-item:nth-child(14) .history-text{
		left: 228%;
    top: 0.1rem;
    width: 6rem;
	}
	.xpp-history-box .xpp-history svg{
		transform: translateY(0);
	}

	.xpp-history .list .item:nth-child(12){
		top: 369vw;
		left: 19%;
	}
	.xpp-history .list .item:nth-child(12) .icon {
		width: .26rem;
		left: -.44rem;
	}

	.xpp-history .list .item:nth-child(12) .img {
		width: 1.6rem;
		left: -1.5rem;
		top: -2rem;
	}

	.xpp-history .list .item:nth-child(12) .text {
		left: 416.7%;
		top: -250%;
		text-align: left;
		width: 6.8rem;
		right: auto;
	}

	.xpp-history .list .item:nth-child(13){
		top: 400vw;
		left: -1%;
	}
	.xpp-history .list .item:nth-child(13) .icon {
		width: .26rem;
		left: -.44rem;
	}

	.xpp-history .list .item:nth-child(13) .img {
		width: 1.6rem;
		left: 5rem;
		top: 0rem;
	}

	.xpp-history .list .item:nth-child(13) .text {
		left: 416.7%;
		top: -250%;
		text-align: left;
		width: 3.8rem;
		right: auto;
	}

}
/* 25.01.10新增 */
@media (max-width: 767px) {
	.xpp-history .list .item:nth-child(14) {
		top: 430vw;
		left: 20%;
	}

	.xpp-history .list .item:nth-child(14) .icon {
		width: .26rem;
		left: -.44rem;
	}

	.xpp-history .list .item:nth-child(14) .img {
		width: 2.6rem;
		left: 0%;
		top: 1.2rem;
	}

	.xpp-history .list .item:nth-child(14) .text {
		left: 416.7%;
		top: -250%;
		text-align: left;
		width: 3.8rem;
		right: auto;
	}
}